::selection {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000',endColorstr='#CC000000');
    background: rgba(0,0,0,0.8);
    color: #fff
}

::-moz-selection {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000',endColorstr='#CC000000');
    background: rgba(0,0,0,0.8);
    color: #fff
}

.clearfix::after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

div::after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

a {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    a:link, a:visited, a:hover, a:active {
        text-decoration: none
    }

    a:link {
        color: #444
    }

    a:visited {
        color: #444
    }

    a:hover {
        color: #CCC
    }

    a:active {
        color: #000
    }

    a > i {
        margin-right: 3px
    }

.loadingBox {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.5);
    z-index: 999
}

.loadingbar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 3px;
    background-color: #00a0e9 !important;
    background-image: -moz-linear-gradient(right,#00a0e9,#7c81ff) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#00a0e9),to(#7c81ff)) !important;
    background-image: -webkit-linear-gradient(right,#00a0e9,#7c81ff) !important;
    background-image: -o-linear-gradient(right,#00a0e9,#7c81ff) !important;
    background-image: linear-gradient(to right,#00a0e9,#7c81ff) !important;
    background-repeat: repeat-x
}

.loadingBox .loadingbar {
    width: 30%;
    top: 50%;
    left: 50%;
    margin-left: -15%;
    box-shadow: 0 0 3px #ccc
}

html {
    font-size: 62.5%
}

html, body {
    min-height: 100%;
    line-height: 1.7;
    letter-spacing: 0;
    text-align: left;
    color: #333;
    font-weight: 300
}

body {
    font-size: 15px;
    font-size: 1.5rem;
    overflow-x: hidden;
    height: 100%;
    height: auto \9;
    *height: auto
}

iframe {
    padding: 0;
    margin: 0;
    border: none
}

.wrapper {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

    .wrapper::after {
        clear: both;
        content: '';
        display: block;
        height: 0;
        visibility: hidden;
        overflow: hidden
    }

    .wrapper.w-full {
        width: 100% !important
    }

    .gridster.outerWidth, .wrapper.outerWidth {
        padding: 0
    }

.container {
    width: 100%;
    min-height: 100%;
    position: relative;
    left: 0;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

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

body.lightbox {
    background: #fff;
    padding: 0 30px
}

    body.lightbox .container {
        padding: 30px 0
    }

        body.lightbox .container > .wrapper {
            width: 90% !important
        }

    body.lightbox .edit-navF {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 201;
        width: 100%;
        min-height: 48px;
        max-height: 90%;
        overflow-y: auto;
        box-shadow: 0 -5px 15px rgba(0,0,0,0.3)
    }

    body.lightbox .ctrlBoxF {
        position: fixed;
        right: 0;
        bottom: 0;
        z-index: 8;
        padding: 10px 30px;
        width: 100%;
        text-align: right;
        background-color: #eee;
        border-top: 1px solid #eee;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.row.rowH1.listTitle {
    margin-bottom: 100px
}

.inlineColumn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    position: relative
}

    .inlineColumn.full {
        width: 100%
    }

    .inlineColumn.half {
        width: 48.5%;
        margin-right: 2%
    }

        .inlineColumn.half:nth-of-type(2n) {
            margin-right: 0
        }

    .inlineColumn.three {
        width: 31.5%;
        margin-right: 2%
    }

        .inlineColumn.three:nth-of-type(3n) {
            margin-right: 0
        }

        .inlineColumn.three + .inlineColumn.three + .inlineColumn.three + .inlineColumn.three {
            margin-top: 20px
        }

    .inlineColumn.four {
        width: 23%;
        margin-right: 2%
    }

        .inlineColumn.four:nth-of-type(4n) {
            margin-right: 0
        }

        .inlineColumn.four + .inlineColumn.four + .inlineColumn.half {
            margin-right: 0
        }

        .inlineColumn.four + .inlineColumn.four + .inlineColumn.four + .inlineColumn.four + .inlineColumn.four {
            margin-top: 20px
        }

    .inlineColumn.w-70 {
        width: 70%;
        margin-right: 2%
    }

    .inlineColumn.w-30 {
        width: 27%;
        margin-left: -3px
    }

    .inlineColumn.w-60 {
        width: 60%;
        margin-right: 2%
    }

    .inlineColumn.w-40 {
        width: 37%;
        margin-left: -3px
    }

    .inlineColumn.active {
        position: relative;
        border: 2px solid #3498db;
        box-sizing: border-box
    }

        .inlineColumn.active::before {
            font-family: 'FontAwesome';
            font-size: 24px;
            content: '\f058';
            color: #3498db;
            position: absolute;
            right: 0;
            top: -8px;
            z-index: 2
        }

.column {
    position: relative
}

.content {
    position: relative
}

.marginV {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.marginV-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.marginV-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.marginV-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.marginV-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

.marginH {
    margin: 0 10px !important
}

.marginH-5 {
    margin: 0 5px !important
}

.marginH-15 {
    margin: 0 15px !important
}

.marginH-40 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.marginH-50 {
    margin-left: 50px !important;
    margin-right: 50px !important
}

.marginT {
    margin-top: 10px !important
}

.marginT-5 {
    margin-top: 5px !important
}

.marginT-15 {
    margin-top: 15px !important
}

.marginT-20 {
    margin-top: 20px !important
}

.marginT-25 {
    margin-top: 25px !important
}

.marginT-30 {
    margin-top: 30px !important
}

.marginT-40 {
    margin-top: 40px !important
}

.marginT-50 {
    margin-top: 50px !important
}

.marginT-60 {
    margin-top: 60px !important
}

.marginT-80 {
    margin-top: 80px !important
}

.marginR {
    margin-right: 10px !important
}

.marginR-5 {
    margin-right: 5px !important
}

.marginR-20 {
    margin-right: 20px !important
}

.marginR-40 {
    margin-right: 40px !important
}

.marginB {
    margin-bottom: 10px !important
}

.marginB-5 {
    margin-bottom: 5px !important
}

.marginB-20 {
    margin-bottom: 20px !important
}

.marginB-25 {
    margin-bottom: 25px !important
}

.marginB-30 {
    margin-bottom: 30px !important
}

.marginB-40 {
    margin-bottom: 40px !important
}

.marginB-50 {
    margin-bottom: 50px !important
}

.marginB-60 {
    margin-bottom: 60px !important
}

.marginL {
    margin-left: 10px !important
}

.marginL-3 {
    margin-left: 3px !important
}

.marginL-5 {
    margin-left: 5px !important
}

.marginL-15 {
    margin-left: 15px !important
}

.marginL-20 {
    margin-left: 20px !important
}

.marginL-50 {
    margin-left: 50px !important
}

.marginL-60 {
    margin-left: 60px !important
}

.margin-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.margin {
    margin: 10px !important
}

.margin-5 {
    margin: 5px !important
}

.margin-20 {
    margin: 20px !important
}

.margin-40 {
    margin: 40px !important
}

.paddingV {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.paddingV-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.paddingV-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.paddingV-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.paddingV-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.paddingH {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.paddingH-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.paddingH-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.paddingH-30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.paddingH-40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.paddingT {
    padding-top: 10px !important
}

.paddingT-5 {
    padding-top: 5px !important
}

.paddingT-15 {
    padding-top: 15px !important
}

.paddingT-20 {
    padding-top: 20px !important
}

.paddingT-25 {
    padding-top: 25px !important
}

.paddingT-30 {
    padding-top: 30px !important
}

.paddingT-35 {
    padding-top: 35px !important
}

.paddingT-40 {
    padding-top: 40px !important
}

.paddingT-50 {
    padding-top: 50px !important
}

.paddingT-60 {
    padding-top: 60px !important
}

.paddingB {
    padding-bottom: 10px !important
}

.paddingB-5 {
    padding-bottom: 5px !important
}

.paddingB-20 {
    padding-bottom: 20px !important
}

.paddingB-30 {
    padding-bottom: 30px !important
}

.paddingB-40 {
    padding-bottom: 40px !important
}

.paddingL-5 {
    padding-left: 5px !important
}

.paddingL-10 {
    padding-left: 10px !important
}

.paddingL-15 {
    padding-left: 15px !important
}

.paddingL-20 {
    padding-left: 20px !important
}

.paddingL-30 {
    padding-left: 30px !important
}

.paddingL-40 {
    padding-left: 40px !important
}

.paddingL-50 {
    padding-left: 50px !important
}

.paddingL-55 {
    padding-left: 55px !important
}

.paddingL-60 {
    padding-left: 60px !important
}

.paddingL-70 {
    padding-left: 70px !important
}

.paddingL-80 {
    padding-left: 80px !important
}

.paddingL-90 {
    padding-left: 90px !important
}

.paddingL-100 {
    padding-left: 100px !important
}

.paddingR-5 {
    padding-right: 5px !important
}

.paddingR-10 {
    padding-right: 10px !important
}

.paddingR-15 {
    padding-right: 15px !important
}

.paddingR-20 {
    padding-right: 20px !important
}

.paddingR-30 {
    padding-right: 30px !important
}

.paddingR-40 {
    padding-right: 40px !important
}

.paddingR-50 {
    padding-right: 50px !important
}

.paddingR-60 {
    padding-right: 60px !important
}

.paddingR-70 {
    padding-right: 70px !important
}

.paddingR-80 {
    padding-right: 80px !important
}

.paddingR-90 {
    padding-right: 90px !important
}

.paddingR-100 {
    padding-right: 100px !important
}

.padding {
    padding: 10px !important
}

.padding-5 {
    padding: 5px !important
}

.padding-20 {
    padding: 20px !important
}

.floatC {
    float: none !important
}

.floatL {
    float: left !important
}

.floatR {
    float: right !important
}

.textR {
    text-align: right !important
}

.textL {
    text-align: left !important
}

.textC {
    text-align: center !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-baseline {
    vertical-align: baseline !important
}

.align-sub {
    vertical-align: sub !important
}

.align-super {
    vertical-align: super !important
}

.align-text-top {
    vertical-align: text-top !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.display-inline-block {
    display: inline-block !important
}

.display-inline-flex {
    display: inline-flex !important
}

.display-inline {
    display: inline !important
}

.display-initial {
    display: initial !important
}

.display-inherit {
    display: inherit !important
}

.display-block {
    display: block !important
}

.display-flex {
    display: -webkit-flex !important;
    display: flex !important
}

.flex-box {
    -webkit-flex: 1 !important;
    flex: 1 !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-show {
    overflow: visible !important
}

.overflow-scroll {
    overflow: auto !important
}

.overflow-scroll-x {
    overflow-x: scroll !important
}

.overflow-scroll-y {
    overflow-y: scroll !important
}

.position-rel {
    position: relative !important
}

.position-abs {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-static {
    position: static !important
}

.border {
    border-width: 1px;
    border-style: solid;
    border-color: #dedede
}

.border-dashed {
    border-width: 1px;
    border-style: dashed;
    border-color: #dedede
}

.borderT {
    border-top-width: 1px;
    border-style: solid;
    border-color: #dedede
}

.borderB {
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #dedede
}

.borderL {
    border-left-width: 1px;
    border-style: solid;
    border-color: #dedede
}

.borderR {
    border-right-width: 1px;
    border-style: solid;
    border-color: #dedede
}

.borderV {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #dedede
}

.borderH {
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    border-color: #dedede
}

.border.border-1x {
    border-width: 1px
}

.border.border-2x {
    border-width: 2px
}

.border.border-3x {
    border-width: 3px
}

.border.border-4x {
    border-width: 4px
}

.borderT.border-1x {
    border-top-width: 1px
}

.borderT.border-2x {
    border-top-width: 2px
}

.borderT.border-3x {
    border-top-width: 3px
}

.borderT.border-4x {
    border-top-width: 4px
}

.borderB.border-1x {
    border-bottom-width: 1px
}

.borderB.border-2x {
    border-bottom-width: 2px
}

.borderB.border-3x {
    border-bottom-width: 3px
}

.borderB.border-4x {
    border-bottom-width: 4px
}

.borderL.border-1x {
    border-left-width: 1px
}

.borderL.border-2x {
    border-left-width: 2px
}

.borderL.border-3x {
    border-left-width: 3px
}

.borderL.border-4x {
    border-left-width: 4px
}

.borderR.border-1x {
    border-right-width: 1px
}

.borderR.border-2x {
    border-right-width: 2px
}

.borderR.border-3x {
    border-right-width: 3px
}

.borderR.border-4x {
    border-right-width: 4px
}

.content.borderT {
    padding-top: 20px
}

.content.borderB {
    padding-bottom: 20px
}

.content.borderL {
    padding-left: 20px
}

.content.borderR {
    padding-right: 20px
}

h1.borderT {
    padding-top: 10px
}

h1.borderB {
    padding-bottom: 10px
}

h1.borderL {
    padding-left: 10px
}

h1.borderR {
    padding-right: 10px
}

h2.borderT {
    padding-top: 10px
}

h2.borderB {
    padding-bottom: 10px
}

h2.borderL {
    padding-left: 10px
}

h2.borderR {
    padding-right: 10px
}

h3.borderT {
    padding-top: 10px
}

h3.borderB {
    padding-bottom: 10px
}

h3.borderL {
    padding-left: 10px
}

h3.borderR {
    padding-right: 10px
}

h4.borderT {
    padding-top: 10px
}

h4.borderB {
    padding-bottom: 10px
}

h4.borderL {
    padding-left: 10px
}

h4.borderR {
    padding-right: 10px
}

h5.borderT {
    padding-top: 10px
}

h5.borderB {
    padding-bottom: 10px
}

h5.borderL {
    padding-left: 10px
}

h5.borderR {
    padding-right: 10px
}

h6.borderT {
    padding-top: 10px
}

h6.borderB {
    padding-bottom: 10px
}

h6.borderL {
    padding-left: 10px
}

h6.borderR {
    padding-right: 10px
}

h1, h2, h3, h4, h5, h6 {
    color: #222
}

h1, h2, h3, h4, h5 {
    margin-bottom: 10px;
    line-height: 1.25
}

h1 {
    font-size: 31px;
    font-size: 3.1rem;
    position: relative;
    margin-bottom: 20px;
    line-height: 1.1em;
    font-weight: 700
}

h2 {
    font-size: 20px;
    font-size: 2rem
}

h3 {
    font-size: 18px;
    font-size: 1.8rem
}

h4 {
    font-size: 16px;
    font-size: 1.6rem
}

h5 {
    font-size: 15px;
    font-size: 1.5rem
}

h6 {
    font-size: 13px;
    font-size: 1.3rem
}

    h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
        font-size: inherit;
        margin-bottom: 0;
        float: none;
        margin-top: 0
    }

.mobile {
    display: none !important
}

.ctrlbox {
    float: right;
    padding-bottom: 10px
}

    .ctrlbox::after {
        clear: both;
        content: '';
        display: block;
        height: 0;
        visibility: hidden;
        overflow: hidden
    }

p {
    margin-bottom: 10px
}

    p:last-child {
        margin-bottom: 0
    }

hr {
    display: block;
    width: 100%;
    height: 0;
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eaeaea;
    float: left
}

.date, .date-range, .tel, .en, .times, .numbers {
    font-size: 1.3rem;
    letter-spacing: 0
}

.count {
    font-size: 10px;
    font-size: 1rem;
    line-height: 11px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-weight: 300;
    color: #fff;
    padding: 2px 5px;
    border-radius: 50px;
    overflow: hidden;
    background-color: #ec1a1a;
    vertical-align: middle;
    min-width: 6px;
    text-align: center
}

.hand {
    cursor: pointer !important
}

.unhand {
    cursor: default !important
}

.openQ {
    margin-left: 3px;
    color: #999;
    position: relative;
    display: inline-block
}

    .openQ:link {
        color: #999
    }

    .openQ:hover {
        color: #fd796f
    }

    .openQ:visited {
        color: #999
    }

    .openQ:active {
        color: #fd796f
    }

    .openQ.inline {
        margin-top: -29px;
        right: -3px;
        width: 22px;
        height: 22px;
        background: #fff;
        display: inline-block;
        vertical-align: bottom;
        text-align: center;
        margin-bottom: 3px;
        padding-top: 4px;
        float: right
    }

.secondline {
    color: #999;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 5px 0;
    font-weight: 400 !important
}

.explanation {
    position: relative;
    margin-top: -1px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #ff9100;
    border-top: 2px solid #ffab00;
    text-align: left
}

.required {
    position: relative;
    top: 6px;
    font-size: 25px;
    font-size: 2.5rem;
    color: #f44336;
    text-align: left;
    line-height: 0;
    vertical-align: sub;
    margin-left: 3px
}

    .required.hide {
        display: none
    }

    .required + .explanation {
        margin-top: -22px;
        margin-left: 50px
    }

    .required.hide + .explanation {
        margin-top: -1px;
        margin-left: 0
    }

.del {
    text-decoration: line-through;
    color: #C00
}

.slash {
    color: #aaa;
    margin: 0 13px
}

.F-normal {
    font-style: normal
}

.F-italic {
    font-style: italic
}

.checkInfo {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 0 2px
}

    .checkInfo i {
        margin-right: 3px
    }

.scrollBox {
    height: 300px
}

    .scrollBox.small {
        height: 110px
    }

    .scrollBox.large {
        height: 500px
    }

.mobileHide {
    display: none !important
}

.shadow {
    box-shadow: 0 0 8px #ccc;
    background: #fff;
    position: relative
}

    .shadow.shadowB {
        box-shadow: 0 10px 8px -6px #ccc
    }

    .shadow.shadowL, .shadow.shadowR, .shadow.shadowLR {
        box-shadow: none
    }

        .shadow.shadowL::before, .shadow.shadowL::after, .shadow.shadowR::before, .shadow.shadowR::after, .shadow.shadowLR::before, .shadow.shadowLR::after {
            top: 80%;
            width: 50%;
            height: auto !important;
            z-index: -1;
            content: '';
            bottom: 15px;
            max-width: 300px;
            background: #ccc;
            position: absolute;
            box-shadow: 0 15px 10px #ccc;
            overflow: visible !important;
            visibility: visible !important
        }

        .shadow.shadowL::before, .shadow.shadowL::after {
            left: 5px;
            -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg)
        }

        .shadow.shadowR::before, .shadow.shadowR::after {
            right: 5px;
            -webkit-transform: rotate(3deg);
            transform: rotate(3deg)
        }

        .shadow.shadowLR::before {
            left: 5px;
            -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg)
        }

        .shadow.shadowLR::after {
            right: 5px;
            -webkit-transform: rotate(3deg);
            transform: rotate(3deg)
        }

.radius-1x {
    border-radius: 5px
}

.radius-2x {
    border-radius: 10px
}

.radius-3x {
    border-radius: 15px
}

.radius-4x {
    border-radius: 25px
}

.group {
    float: left;
    clear: both
}

    .group::after {
        clear: both;
        content: '';
        display: block;
        height: 0;
        visibility: hidden;
        overflow: hidden
    }

    .group > * {
        display: inherit;
        float: left;
        margin-left: -1px
    }

    .group > :first-child {
        border-radius: 5px 0 0 5px;
        overflow: hidden;
        margin-left: 0
    }

    .group > :last-child {
        border-radius: 0 5px 5px 0;
        overflow: hidden
    }

.conditionals {
    float: left;
    clear: both;
    position: relative
}

    .conditionals::after {
        clear: both;
        content: '';
        display: block;
        height: 0;
        visibility: hidden;
        overflow: hidden
    }

.group.conditionals > * {
    float: none
}

.or {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 1rem;
    height: 1em;
    position: relative;
    vertical-align: middle
}

    .or::before {
        content: 'or';
        width: 22px;
        height: 22px;
        text-align: center;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 600;
        color: #999;
        line-height: 20px;
        background-color: #fff;
        border-radius: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -11px;
        margin-left: -11px;
        z-index: 2
    }

.opacityBox {
    margin-bottom: 25px
}

.radius {
    border-radius: 100% !important;
    overflow: hidden !important
}

.UploadBox {
    width: 99%;
    vertical-align: top;
    text-align: center;
    border: 1px dashed #ccc;
    color: #787878;
    font-size: 12px;
    font: 1.2rem;
    margin: 10px 0 1px;
    position: relative
}

    .UploadBox img {
        max-width: 100%;
        max-height: 200px
    }

    .UploadBox .fa {
        position: absolute;
        right: -26px;
        top: 0
    }

.alert {
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    color: #666;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 7px 10px;
    position: relative
}

    .alert::after {
        clear: both;
        content: '';
        display: block;
        height: 0;
        visibility: hidden;
        overflow: hidden
    }

    .alert.big {
        padding: 10px 12px
    }

    .alert.small {
        padding: 4px 7px 5px
    }

    .alert.transparent {
        padding: 4px 3px 5px;
        border: none !important;
        background: none !important
    }

    .alert span {
        margin-right: 5px;
        font-weight: 700
    }

    .alert i {
        margin-right: 3px;
        vertical-align: inherit
    }

    .alert .closeBtn {
        margin-top: 4px
    }

.alert-green {
    border-color: #d6e9c6;
    background-color: #dff0d8;
    color: #3c763d
}

.alert-blue {
    border-color: #bce8f1;
    background-color: #d9edf7;
    color: #31708f
}

.alert-yellow {
    border-color: #faebcc;
    background-color: #fcf8e3;
    color: #8a6d3b
}

.alert-red {
    border-color: #ebccd1;
    background-color: #f2dede;
    color: #a94442
}

span.alert {
    display: inline-block;
    line-height: 1.2
}

    span.alert.bottom {
        vertical-align: bottom
    }

    span.alert i {
        vertical-align: baseline;
        margin-bottom: 2px
    }

.followContent {
    display: inline-block;
    margin-left: 20px
}

.inlineDiv {
    text-align: center;
    position: relative
}

    .inlineDiv::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: -1px;
        background-color: #fff;
        overflow: visible;
        visibility: visible
    }

    .inlineDiv .grid {
        width: 32.5%;
        display: inline-block;
        vertical-align: top;
        margin: 0 auto -3px -3px
    }

        .inlineDiv .grid > .content {
            padding: 40px 20px;
            border-right: 1px solid #dedede;
            border-top: 1px solid #dedede;
            text-align: center
        }

        .inlineDiv .grid:nth-child(-n+3) > .content {
            border-top: none
        }

        .inlineDiv .grid:nth-child(3n) > .content {
            border-right: none
        }

        .inlineDiv .grid:last-child > .content {
            border-right: none
        }

    .inlineDiv .seleBtn {
        width: 50%;
        height: 60px;
        margin: 0 auto;
        padding: 0 15px;
        font-size: 16px;
        font-size: 1.6rem;
        cursor: pointer;
        position: relative;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        text-align: center;
        line-height: 1.2;
        vertical-align: middle;
        color: #999;
        border: 1px solid #999;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .inlineDiv .seleBtn.height-auto {
            height: auto
        }

        .inlineDiv .seleBtn + .seleBtn {
            margin-top: 15px
        }

        .inlineDiv .seleBtn:hover, .inlineDiv .seleBtn:active, .inlineDiv .seleBtn.active {
            color: #3498db;
            border: 1px solid #3498db
        }

        .inlineDiv .seleBtn:active {
            box-shadow: 0 2px 3px #999
        }

        .inlineDiv .seleBtn.active {
            overflow: visible;
            visibility: visible
        }

            .inlineDiv .seleBtn:hover .secondline, .inlineDiv .seleBtn.active .secondline, .inlineDiv .seleBtn:active .secondline {
                color: #3498db
            }

            .inlineDiv .seleBtn.active::before, .inlineDiv .seleBtn:active::before {
                font-family: 'MaterialDesignIcons';
                font-size: 30px;
                font-size: 3rem;
                content: '\f1ee';
                position: absolute;
                left: -7px;
                top: -3px;
                z-index: 2
            }

table, th, td {
    white-space: normal;
    word-wrap: break-word;
    word-break: normal
}

table {
    border-collapse: collapse;
    background-color: #fff;
    border: 1px solid #dedede;
    width: 90%;
    margin: 0 auto
}

th {
    color: #222;
    padding: 5px;
    background-color: #ececec;
    text-align: center
}

td {
    max-width: 200px;
    vertical-align: middle;
    border: 1px solid #dedede;
    border-right-color: #eee;
    padding: 5px;
    position: relative
}

    td:last-child {
        border-right-color: #dedede
    }

tr {
    background-color: #fff
}

    tr.even {
        background-color: #F7F7F7
    }

    tr:hover {
        background-color: #efefef
    }

tfoot td {
    text-align: center;
    border: none;
    background-color: #eee
}

caption {
    padding: 7px 1px 5px;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: left;
    color: #303030;
    background-color: #fff;
    position: relative
}

.labelBox {
    font-size: 20px;
    display: inline-block;
    height: 48px;
    text-align: center;
    border: 1px solid #000;
    line-height: 50px
}

    .labelBox > div {
        display: inline-block;
        vertical-align: top;
        margin-right: -1px
    }

    .labelBox .labelBox-cube {
        width: 48px;
        text-align: center
    }

        .labelBox .labelBox-cube i {
            font-size: 48px;
            line-height: 48px
        }

    .labelBox.small .labelBox-cube i {
        font-size: 32px
    }

    .labelBox .labelBox-info {
        padding: 0 20px
    }

    .labelBox.red {
        border-color: #ec1a1a
    }

.close-toggleBtn {
    cursor: pointer;
    width: 24px;
    height: 24px;
    opacity: .7;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .close-toggleBtn:hover {
        opacity: 1
    }

    .close-toggleBtn::before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 3px;
        top: 0;
        left: 0;
        background-color: #999;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transform: rotate(45deg) scaleX(1.3) translate(6px,8px);
        transform: rotate(45deg) scaleX(1.3) translate(6px,8px)
    }

    .close-toggleBtn::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 3px;
        top: 0;
        left: 0;
        background-color: #999;
        overflow: visible;
        visibility: visible;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transform: rotate(-45deg) scaleX(1.3) translate(-6px,8px);
        transform: rotate(-45deg) scaleX(1.3) translate(-6px,8px)
    }

li [class^="col-"] {
    margin: 0
}

.remove-marginR {
    margin-right: 0 !important
}

.remove-marginL {
    margin-left: 0 !important
}

.remove-marginB {
    margin-bottom: 0 !important
}

.remove-marginT {
    margin-top: 0 !important
}

.remove-marginH {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.remove-marginV {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.remove-margin-all {
    margin: 0 !important
}

.remove-paddingT {
    padding-top: 0 !important
}

.remove-paddingR {
    padding-right: 0 !important
}

.remove-paddingB {
    padding-bottom: 0 !important
}

.remove-padding-all {
    padding: 0 !important
}

.remove-paddingV {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.remove-border {
    border: none !important
}

.remove-borderT {
    border-top: none !important
}

.remove-borderB {
    border-bottom: none !important
}

.remove-borderR {
    border-right: none !important
}

.remove-borderL {
    border-left: none !important
}

@media screen and (min-width : 801px) {
    .desktop-none {
        display: none !important
    }
}

@media screen and (max-width : 1179px) {
    .wrapper.w-1180, .gridster.w-1180 {
        width: 95% !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .wrapper.w-full, .gridster.w-full {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media screen and (max-width : 1023px) {
    .wrapper, .gridster {
        width: 95% !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .goTop {
        right: 0;
        margin-right: 0
    }

    .pages .container h1 {
        width: 100%
    }
}

@media screen and (max-width : 979px) {
    .wrapper, .wrapper.w-1180, .gridster, .gridster.w-1180 {
        width: 92% !important
    }

    .inlineColumn.four {
        width: 31%
    }

        .inlineColumn.four:nth-of-type(4n) {
            margin-right: 2%
        }

        .inlineColumn.four:nth-of-type(3n) {
            margin-right: 0
        }

        .inlineColumn.four + .inlineColumn.four + .inlineColumn.four + .inlineColumn.four {
            margin-top: 20px
        }
}

@media screen and (max-width : 680px) {
    .gridster, .gridster.outerWidth, .wrapper, .wrapper.outerWidth {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-none {
        display: none !important
    }

    .inlineColumn.half {
        width: 100%;
        margin-right: 0
    }

        .inlineColumn.half + .inlineColumn.half {
            margin-top: 20px
        }

    .inlineColumn.three {
        width: 100%;
        margin-right: 0
    }

        .inlineColumn.three:nth-of-type(3n) {
            margin-right: 0
        }

        .inlineColumn.three + .inlineColumn.three {
            margin-top: 20px
        }

    .inlineColumn.four {
        width: 100%;
        margin-right: 0
    }

        .inlineColumn.four:nth-of-type(4n) {
            margin-right: 0
        }

        .inlineColumn.four + .inlineColumn.four {
            margin-top: 20px
        }

    .inlineColumn.w-70 {
        width: 100%;
        margin-right: 0
    }

    .inlineColumn.w-30 {
        width: 100%;
        margin-left: 0
    }

    .inlineColumn.w-70 + .inlineColumn.w-30 {
        margin-top: 20px
    }

    .inlineColumn.w-60 {
        width: 100%;
        margin-right: 0
    }

    .inlineColumn.w-40 {
        width: 100%;
        margin-left: 0
    }

    .inlineColumn.w-60 + .inlineColumn.w-40 {
        margin-top: 20px
    }

    .inlineDiv .grid {
        width: 50%
    }

        .inlineDiv .grid:nth-child(2n) > .content {
            border-right: none
        }

        .inlineDiv .grid:nth-child(3n) > .content {
            border-right: 1px solid #dedede
        }

        .inlineDiv .grid:last-child > .content {
            border-right: none
        }
}

@media screen and (max-width : 512px) {
    .inlineDiv .grid {
        width: 100%
    }

        .inlineDiv .grid > .content {
            border-right: none
        }

        .inlineDiv .grid:nth-child(3n) > .content {
            border-right: none
        }
}

@media screen and (max-width : 480px) {
    .ctrlbox {
        width: 100%;
        padding: 20px 0;
        text-align: right
    }
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0
}