/* @font-face {
    font-family: Gill Sans MT Light;
    src: url(fonts/GillSansMTLight.ttf);
    } */

    @font-face {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",  Helvetica, Arial, "Lucida Grande", sans-serif;
        src: url(HelveticaLtObl.ttf);
    }
    @font-face {
        font-family: Gill Sans MT Light;
        src: url(fonts/GillSansMTLight.ttf);
    }

    @font-face {
        font-family: Gill Sans MT Condensed Bold;
        src: url(fonts/GILB____.TTF);
    }
    /* @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap'); */

    body,
    html {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",  Helvetica, Arial, "Lucida Grande", sans-serif;
        scroll-behavior: smooth;
    }

    .small,
    small {
        font-size: 85%
    }



    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-center {
        text-align: center
    }

    .text-justify {
        text-align: justify
    }

    .text-nowrap {
        white-space: nowrap
    }

    .text-lowercase {
        text-transform: lowercase
    }

    .text-uppercase {
        text-transform: uppercase
    }

    .text-capitalize {
        text-transform: capitalize
    }

    .text-muted {
        color: #777
    }

    .text-primary {
        color: #337ab7
    }

    a.text-primary:hover {
        color: #286090
    }

    .text-success {
        color: #3c763d
    }

    a.text-success:hover {
        color: #2b542c
    }

    .text-info {
        color: #31708f
    }

    a.text-info:hover {
        color: #245269
    }

    .text-warning {
        color: #8a6d3b
    }

    a.text-warning:hover {
        color: #66512c
    }

    .text-danger {
        color: #a94442
    }

    a.text-danger:hover {
        color: #843534
    }

    .bg-primary {
        color: #fff;
        background-color: #337ab7
    }

    a.bg-primary:hover {
        background-color: #286090
    }

    .bg-success {
        background-color: #dff0d8
    }

    a.bg-success:hover {
        background-color: #c1e2b3
    }

    .bg-info {
        background-color: #d9edf7
    }

    a.bg-info:hover {
        background-color: #afd9ee
    }

    .bg-warning {
        background-color: #fcf8e3
    }

    a.bg-warning:hover {
        background-color: #f7ecb5
    }

    .bg-danger {
        background-color: #f2dede
    }

    a.bg-danger:hover {
        background-color: #e4b9b9
    }

    .page-header {
        padding-bottom: 9px;
        margin: 0 0 0 0 !important;
        border-bottom: 1px solid #ddd
    }

    ol,
    ul {
        margin-top: 0;
        margin-bottom: 10px
    }

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

    .list-unstyled {
        padding-left: 0;
        list-style: none
    }

    .list-inline {
        padding-left: 0;
        margin-left: -5px;
        list-style: none
    }

    .list-inline>li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }

    dl {
        margin-top: 0;
        margin-bottom: 10px
    }

    dd,
    dt {
        line-height: 1.42857143
    }

    dt {
        font-weight: 700
    }

    dd {
        margin-left: 0
    }

    @media (min-width:768px) {
        
        .dl-horizontal dt {
            float: left;
            width: 160px;
            overflow: hidden;
            clear: left;
            text-align: right;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .dl-horizontal dd {
            margin-left: 180px
        }
    }

    abbr[data-original-title],
    abbr[title] {
        cursor: help;
        border-bottom: 1px dotted #777
    }

    .initialism {
        font-size: 90%;
        text-transform: uppercase
    }

    blockquote {
        padding: 10px 20px;
        margin: 0 0 20px;
        font-size: 17.5px;
        border-left: 5px solid #eee
    }

    blockquote ol:last-child,
    blockquote p:last-child,
    blockquote ul:last-child {
        margin-bottom: 0
    }

    blockquote .small,
    blockquote footer,
    blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777
    }

    blockquote .small:before,
    blockquote footer:before,
    blockquote small:before {
        content: '\2014 \00A0'
    }

    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 5px solid #eee;
        border-left: 0
    }

    .blockquote-reverse .small:before,
    .blockquote-reverse footer:before,
    .blockquote-reverse small:before,
    blockquote.pull-right .small:before,
    blockquote.pull-right footer:before,
    blockquote.pull-right small:before {
        content: ''
    }

    .blockquote-reverse .small:after,
    .blockquote-reverse footer:after,
    .blockquote-reverse small:after,
    blockquote.pull-right .small:after,
    blockquote.pull-right footer:after,
    blockquote.pull-right small:after {
        content: '\00A0 \2014'
    }

    address {
        margin-bottom: 20px;
        font-style: normal;
        line-height: 1.42857143
    }

    code,
    kbd,
    pre,
    samp {
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace
    }

    code {
        padding: 2px 4px;
        font-size: 90%;
        color: #c7254e;
        background-color: #f9f2f4;
        border-radius: 4px
    }

    kbd {
        padding: 2px 4px;
        font-size: 90%;
        color: #fff;
        background-color: #333;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
    }

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    pre {
        display: block;
        padding: 9.5px;
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 1.42857143;
        color: #333;
        word-break: break-all;
        word-wrap: break-word;
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        border-radius: 4px
    }

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
    }

    .pre-scrollable {
        max-height: 340px;
        overflow-y: scroll
    }

    .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width:768px) {
        .container {
            width: 745px
        }
    }

    @media (min-width:992px) {
        .container {
            width: 970px
        }
    }

    @media (min-width:1200px) {
        .container {
            width: 1250px
        }
        
    }

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }

    .row {
        margin-right: 0;
        margin-left: 0;
    }

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        position: relative;
        min-height: 1px;

    }

    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        float: left
    }

    .col-xs-12 {
        width: 100%
    }

    .col-xs-11 {
        width: 91.66666667%
    }

    .col-xs-10 {
        width: 83.33333333%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-8 {
        width: 66.66666667%
    }

    .col-xs-7 {
        width: 58.33333333%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-5 {
        width: 41.66666667%
    }

    .col-xs-4 {
        width: 33.33333333%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-2 {
        width: 16.66666667%
    }

    .col-xs-1 {
        width: 8.33333333%
    }

    .col-xs-pull-12 {
        right: 100%
    }

    .col-xs-pull-11 {
        right: 91.66666667%
    }

    .col-xs-pull-10 {
        right: 83.33333333%
    }

    .col-xs-pull-9 {
        right: 75%
    }

    .col-xs-pull-8 {
        right: 66.66666667%
    }

    .col-xs-pull-7 {
        right: 58.33333333%
    }

    .col-xs-pull-6 {
        right: 50%
    }

    .col-xs-pull-5 {
        right: 41.66666667%
    }

    .col-xs-pull-4 {
        right: 33.33333333%
    }

    .col-xs-pull-3 {
        right: 25%
    }

    .col-xs-pull-2 {
        right: 16.66666667%
    }

    .col-xs-pull-1 {
        right: 8.33333333%
    }

    .col-xs-pull-0 {
        right: auto
    }

    .col-xs-push-12 {
        left: 100%
    }

    .col-xs-push-11 {
        left: 91.66666667%
    }

    .col-xs-push-10 {
        left: 83.33333333%
    }

    .col-xs-push-9 {
        left: 75%
    }

    .col-xs-push-8 {
        left: 66.66666667%
    }

    .col-xs-push-7 {
        left: 58.33333333%
    }

    .col-xs-push-6 {
        left: 50%
    }

    .col-xs-push-5 {
        left: 41.66666667%
    }

    .col-xs-push-4 {
        left: 33.33333333%
    }

    .col-xs-push-3 {
        left: 25%
    }

    .col-xs-push-2 {
        left: 16.66666667%
    }

    .col-xs-push-1 {
        left: 8.33333333%
    }

    .col-xs-push-0 {
        left: auto
    }

    .col-xs-offset-12 {
        margin-left: 100%
    }

    .col-xs-offset-11 {
        margin-left: 91.66666667%
    }

    .col-xs-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xs-offset-9 {
        margin-left: 75%
    }

    .col-xs-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xs-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xs-offset-6 {
        margin-left: 50%
    }

    .col-xs-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xs-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xs-offset-3 {
        margin-left: 25%
    }

    .col-xs-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xs-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xs-offset-0 {
        margin-left: 0
    }

    .sidebar {
        margin-top: 0;
    }

    @media (min-width:768px) {

        .col-sm-1,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9 {
            float: left
        }

        .col-sm-12 {
            width: 100%
        }

        .col-sm-11 {
            width: 91.66666667%
        }

        .col-sm-10 {
            width: 83.33333333%
        }

        .col-sm-9 {
            width: 75%
        }

        .col-sm-8 {
            width: 66.66666667%
        }

        .col-sm-7 {
            width: 58.33333333%
        }

        .col-sm-6 {
            width: 50%
        }

        .col-sm-5 {
            width: 41.66666667%
        }

        .col-sm-4 {
            width: 33.33333333%
        }

        .col-sm-3 {
            width: 25%
        }

        .col-sm-2 {
            width: 16.66666667%
        }

        .col-sm-1 {
            width: 8.33333333%
        }

        .col-sm-pull-12 {
            right: 100%
        }

        .col-sm-pull-11 {
            right: 91.66666667%
        }

        .col-sm-pull-10 {
            right: 83.33333333%
        }

        .col-sm-pull-9 {
            right: 75%
        }

        .col-sm-pull-8 {
            right: 66.66666667%
        }

        .col-sm-pull-7 {
            right: 58.33333333%
        }

        .col-sm-pull-6 {
            right: 50%
        }

        .col-sm-pull-5 {
            right: 41.66666667%
        }

        .col-sm-pull-4 {
            right: 33.33333333%
        }

        .col-sm-pull-3 {
            right: 25%
        }

        .col-sm-pull-2 {
            right: 16.66666667%
        }

        .col-sm-pull-1 {
            right: 8.33333333%
        }

        .col-sm-pull-0 {
            right: auto
        }

        .col-sm-push-12 {
            left: 100%
        }

        .col-sm-push-11 {
            left: 91.66666667%
        }

        .col-sm-push-10 {
            left: 83.33333333%
        }

        .col-sm-push-9 {
            left: 75%
        }

        .col-sm-push-8 {
            left: 66.66666667%
        }

        .col-sm-push-7 {
            left: 58.33333333%
        }

        .col-sm-push-6 {
            left: 50%
        }

        .col-sm-push-5 {
            left: 41.66666667%
        }

        .col-sm-push-4 {
            left: 33.33333333%
        }

        .col-sm-push-3 {
            left: 25%
        }

        .col-sm-push-2 {
            left: 16.66666667%
        }

        .col-sm-push-1 {
            left: 8.33333333%
        }

        .col-sm-push-0 {
            left: auto
        }

        .col-sm-offset-12 {
            margin-left: 100%
        }

        .col-sm-offset-11 {
            margin-left: 91.66666667%
        }

        .col-sm-offset-10 {
            margin-left: 83.33333333%
        }

        .col-sm-offset-9 {
            margin-left: 75%
        }

        .col-sm-offset-8 {
            margin-left: 66.66666667%
        }

        .col-sm-offset-7 {
            margin-left: 58.33333333%
        }

        .col-sm-offset-6 {
            margin-left: 50%
        }

        .col-sm-offset-5 {
            margin-left: 41.66666667%
        }

        .col-sm-offset-4 {
            margin-left: 33.33333333%
        }

        .col-sm-offset-3 {
            margin-left: 25%
        }

        .col-sm-offset-2 {
            margin-left: 16.66666667%
        }

        .col-sm-offset-1 {
            margin-left: 8.33333333%
        }

        .col-sm-offset-0 {
            margin-left: 0
        }
    }

    @media (min-width:992px) {

        .col-md-1,
        .col-md-10,
        .col-md-11,
        .col-md-12,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9 {
            float: left
        }

        .col-md-12 {
            width: 100%
        }

        .col-md-11 {
            width: 91.66666667%
        }

        .col-md-10 {
            width: 83.33333333%
        }

        .col-md-9 {
            width: 75%
        }

        .col-md-8 {
            width: 66.66666667%
        }

        .col-md-7 {
            width: 58.33333333%
        }

        .col-md-6 {
            width: 50%
        }

        .col-md-5 {
            width: 41.66666667%
        }

        .col-md-4 {
            width: 33.33333333%
        }

        .col-md-3 {
            width: 25%
        }

        .col-md-2 {
            width: 16.66666667%
        }

        .col-md-1 {
            width: 8.33333333%
        }

        .col-md-pull-12 {
            right: 100%
        }

        .col-md-pull-11 {
            right: 91.66666667%
        }

        .col-md-pull-10 {
            right: 83.33333333%
        }

        .col-md-pull-9 {
            right: 75%
        }

        .col-md-pull-8 {
            right: 66.66666667%
        }

        .col-md-pull-7 {
            right: 58.33333333%
        }

        .col-md-pull-6 {
            right: 50%
        }

        .col-md-pull-5 {
            right: 41.66666667%
        }

        .col-md-pull-4 {
            right: 33.33333333%
        }

        .col-md-pull-3 {
            right: 25%
        }

        .col-md-pull-2 {
            right: 16.66666667%
        }

        .col-md-pull-1 {
            right: 8.33333333%
        }

        .col-md-pull-0 {
            right: auto
        }

        .col-md-push-12 {
            left: 100%
        }

        .col-md-push-11 {
            left: 91.66666667%
        }

        .col-md-push-10 {
            left: 83.33333333%
        }

        .col-md-push-9 {
            left: 75%
        }

        .col-md-push-8 {
            left: 66.66666667%
        }

        .col-md-push-7 {
            left: 58.33333333%
        }

        .col-md-push-6 {
            left: 50%
        }

        .col-md-push-5 {
            left: 41.66666667%
        }

        .col-md-push-4 {
            left: 33.33333333%
        }

        .col-md-push-3 {
            left: 25%
        }

        .col-md-push-2 {
            left: 16.66666667%
        }

        .col-md-push-1 {
            left: 8.33333333%
        }

        .col-md-push-0 {
            left: auto
        }

        .col-md-offset-12 {
            margin-left: 100%
        }

        .col-md-offset-11 {
            margin-left: 91.66666667%
        }

        .col-md-offset-10 {
            margin-left: 83.33333333%
        }

        .col-md-offset-9 {
            margin-left: 75%
        }

        .col-md-offset-8 {
            margin-left: 66.66666667%
        }

        .col-md-offset-7 {
            margin-left: 58.33333333%
        }

        .col-md-offset-6 {
            margin-left: 50%
        }

        .col-md-offset-5 {
            margin-left: 41.66666667%
        }

        .col-md-offset-4 {
            margin-left: 33.33333333%
        }

        .col-md-offset-3 {
            margin-left: 25%
        }

        .col-md-offset-2 {
            margin-left: 16.66666667%
        }

        .col-md-offset-1 {
            margin-left: 8.33333333%
        }

        .col-md-offset-0 {
            margin-left: 0
        }
    }

    @media (min-width:1200px) {

        .col-lg-1,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9 {
            float: left
        }

        .col-lg-12 {
            width: 100%
        }

        .col-lg-11 {
            width: 91.66666667%
        }

        .col-lg-10 {
            width: 83.33333333%
        }

        .col-lg-9 {
            width: 75%
        }

        .col-lg-8 {
            width: 66.66666667%
        }

        .col-lg-7 {
            width: 58.33333333%
        }

        .col-lg-6 {
            width: 50%
        }

        .col-lg-5 {
            width: 41.66666667%
        }

        .col-lg-4 {
            width: 33.33333333%
        }

        .col-lg-3 {
            width: 25%
        }

        .col-lg-2 {
            width: 16.66666667%
        }

        .col-lg-1 {
            width: 8.33333333%
        }

        .col-lg-pull-12 {
            right: 100%
        }

        .col-lg-pull-11 {
            right: 91.66666667%
        }

        .col-lg-pull-10 {
            right: 83.33333333%
        }

        .col-lg-pull-9 {
            right: 75%
        }

        .col-lg-pull-8 {
            right: 66.66666667%
        }

        .col-lg-pull-7 {
            right: 58.33333333%
        }

        .col-lg-pull-6 {
            right: 50%
        }

        .col-lg-pull-5 {
            right: 41.66666667%
        }

        .col-lg-pull-4 {
            right: 33.33333333%
        }

        .col-lg-pull-3 {
            right: 25%
        }

        .col-lg-pull-2 {
            right: 16.66666667%
        }

        .col-lg-pull-1 {
            right: 8.33333333%
        }

        .col-lg-pull-0 {
            right: auto
        }

        .col-lg-push-12 {
            left: 100%
        }

        .col-lg-push-11 {
            left: 91.66666667%
        }

        .col-lg-push-10 {
            left: 83.33333333%
        }

        .col-lg-push-9 {
            left: 75%
        }

        .col-lg-push-8 {
            left: 66.66666667%
        }

        .col-lg-push-7 {
            left: 58.33333333%
        }

        .col-lg-push-6 {
            left: 50%
        }

        .col-lg-push-5 {
            left: 41.66666667%
        }

        .col-lg-push-4 {
            left: 33.33333333%
        }

        .col-lg-push-3 {
            left: 25%
        }

        .col-lg-push-2 {
            left: 16.66666667%
        }

        .col-lg-push-1 {
            left: 8.33333333%
        }

        .col-lg-push-0 {
            left: auto
        }

        .col-lg-offset-12 {
            margin-left: 100%
        }

        .col-lg-offset-11 {
            margin-left: 91.66666667%
        }

        .col-lg-offset-10 {
            margin-left: 83.33333333%
        }

        .col-lg-offset-9 {
            margin-left: 75%
        }

        .col-lg-offset-8 {
            margin-left: 66.66666667%
        }

        .col-lg-offset-7 {
            margin-left: 58.33333333%
        }

        .col-lg-offset-6 {
            margin-left: 50%
        }

        .col-lg-offset-5 {
            margin-left: 41.66666667%
        }

        .col-lg-offset-4 {
            margin-left: 33.33333333%
        }

        .col-lg-offset-3 {
            margin-left: 25%
        }

        .col-lg-offset-2 {
            margin-left: 16.66666667%
        }

        .col-lg-offset-1 {
            margin-left: 8.33333333%
        }

        .col-lg-offset-0 {
            margin-left: 0
        }
    }

    table {
        background-color: transparent
    }

    caption {
        padding-top: 8px;
        padding-bottom: 8px;
        color: #777;
        text-align: left
    }

    th {
        text-align: left
    }

    .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px
    }

    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
        font-size: 15px;
        font-weight: 600;
    }

    .table>thead>tr>th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }

    .table-order-items>thead>tr>th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }

    .table>caption+thead>tr:first-child>td,
    .table>caption+thead>tr:first-child>th,
    .table>colgroup+thead>tr:first-child>td,
    .table>colgroup+thead>tr:first-child>th,
    .table>thead:first-child>tr:first-child>td,
    .table>thead:first-child>tr:first-child>th {
        border-top: 0
    }

    .table>tbody+tbody {
        border-top: 2px solid #ddd
    }

    .table .table {
        background-color: #fff
    }

    .table-condensed>tbody>tr>td,
    .table-condensed>tbody>tr>th,
    .table-condensed>tfoot>tr>td,
    .table-condensed>tfoot>tr>th,
    .table-condensed>thead>tr>td,
    .table-condensed>thead>tr>th {
        padding: 5px
    }

    .table-bordered {
        border: 1px solid #ddd
    }

    .table-bordered>tbody>tr>td,
    .table-bordered>tbody>tr>th,
    .table-bordered>tfoot>tr>td,
    .table-bordered>tfoot>tr>th,
    .table-bordered>thead>tr>td,
    .table-bordered>thead>tr>th {
        border: 1px solid #ddd
    }

    .table-bordered>thead>tr>td,
    .table-bordered>thead>tr>th {
        border-bottom-width: 2px
    }

    .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: #f9f9f9
    }

    .table-hover>tbody>tr:hover {
        background-color: #f5f5f5
    }

    table col[class*=col-] {
        position: static;
        display: table-column;
        float: none
    }

    table td[class*=col-],
    table th[class*=col-] {
        position: static;
        display: table-cell;
        float: none
    }

    .table>tbody>tr.active>td,
    .table>tbody>tr.active>th,
    .table>tbody>tr>td.active,
    .table>tbody>tr>th.active,
    .table>tfoot>tr.active>td,
    .table>tfoot>tr.active>th,
    .table>tfoot>tr>td.active,
    .table>tfoot>tr>th.active,
    .table>thead>tr.active>td,
    .table>thead>tr.active>th,
    .table>thead>tr>td.active,
    .table>thead>tr>th.active {
        background-color: #f5f5f5
    }

    .table-hover>tbody>tr.active:hover>td,
    .table-hover>tbody>tr.active:hover>th,
    .table-hover>tbody>tr:hover>.active,
    .table-hover>tbody>tr>td.active:hover,
    .table-hover>tbody>tr>th.active:hover {
        background-color: #e8e8e8
    }

    .table>tbody>tr.success>td,
    .table>tbody>tr.success>th,
    .table>tbody>tr>td.success,
    .table>tbody>tr>th.success,
    .table>tfoot>tr.success>td,
    .table>tfoot>tr.success>th,
    .table>tfoot>tr>td.success,
    .table>tfoot>tr>th.success,
    .table>thead>tr.success>td,
    .table>thead>tr.success>th,
    .table>thead>tr>td.success,
    .table>thead>tr>th.success {
        background-color: #dff0d8
    }

    .table-hover>tbody>tr.success:hover>td,
    .table-hover>tbody>tr.success:hover>th,
    .table-hover>tbody>tr:hover>.success,
    .table-hover>tbody>tr>td.success:hover,
    .table-hover>tbody>tr>th.success:hover {
        background-color: #d0e9c6
    }

    .table>tbody>tr.info>td,
    .table>tbody>tr.info>th,
    .table>tbody>tr>td.info,
    .table>tbody>tr>th.info,
    .table>tfoot>tr.info>td,
    .table>tfoot>tr.info>th,
    .table>tfoot>tr>td.info,
    .table>tfoot>tr>th.info,
    .table>thead>tr.info>td,
    .table>thead>tr.info>th,
    .table>thead>tr>td.info,
    .table>thead>tr>th.info {
        text-align: center
    }

    .table-hover>tbody>tr.info:hover>td,
    .table-hover>tbody>tr.info:hover>th,
    .table-hover>tbody>tr:hover>.info,
    .table-hover>tbody>tr>td.info:hover,
    .table-hover>tbody>tr>th.info:hover {
        background-color: #c4e3f3
    }

    .table>tbody>tr.warning>td,
    .table>tbody>tr.warning>th,
    .table>tbody>tr>td.warning,
    .table>tbody>tr>th.warning,
    .table>tfoot>tr.warning>td,
    .table>tfoot>tr.warning>th,
    .table>tfoot>tr>td.warning,
    .table>tfoot>tr>th.warning,
    .table>thead>tr.warning>td,
    .table>thead>tr.warning>th,
    .table>thead>tr>td.warning,
    .table>thead>tr>th.warning {
        background-color: #fcf8e3
    }

    .table-hover>tbody>tr.warning:hover>td,
    .table-hover>tbody>tr.warning:hover>th,
    .table-hover>tbody>tr:hover>.warning,
    .table-hover>tbody>tr>td.warning:hover,
    .table-hover>tbody>tr>th.warning:hover {
        background-color: #faf2cc
    }

    .table>tbody>tr.danger>td,
    .table>tbody>tr.danger>th,
    .table>tbody>tr>td.danger,
    .table>tbody>tr>th.danger,
    .table>tfoot>tr.danger>td,
    .table>tfoot>tr.danger>th,
    .table>tfoot>tr>td.danger,
    .table>tfoot>tr>th.danger,
    .table>thead>tr.danger>td,
    .table>thead>tr.danger>th,
    .table>thead>tr>td.danger,
    .table>thead>tr>th.danger {
        background-color: #f2dede
    }

    .table-hover>tbody>tr.danger:hover>td,
    .table-hover>tbody>tr.danger:hover>th,
    .table-hover>tbody>tr:hover>.danger,
    .table-hover>tbody>tr>td.danger:hover,
    .table-hover>tbody>tr>th.danger:hover {
        background-color: #ebcccc
    }

    .table-responsive {
        min-height: .01%;
        overflow-x: auto
    }

    @media screen and (max-width:767px) {

        .table-responsive {
            width: 100%;
            margin-bottom: 15px;
            overflow-y: hidden;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            border: 1px solid #ddd
        }

        .table-responsive>.table {
            margin-bottom: 0
        }

        .table-responsive>.table>tbody>tr>td,
        .table-responsive>.table>tbody>tr>th,
        .table-responsive>.table>tfoot>tr>td,
        .table-responsive>.table>tfoot>tr>th,
        .table-responsive>.table>thead>tr>td,
        .table-responsive>.table>thead>tr>th {
            white-space: nowrap
        }

        .table-responsive>.table-bordered {
            border: 0
        }

        .table-responsive>.table-bordered>tbody>tr>td:first-child,
        .table-responsive>.table-bordered>tbody>tr>th:first-child,
        .table-responsive>.table-bordered>tfoot>tr>td:first-child,
        .table-responsive>.table-bordered>tfoot>tr>th:first-child,
        .table-responsive>.table-bordered>thead>tr>td:first-child,
        .table-responsive>.table-bordered>thead>tr>th:first-child {
            border-left: 0
        }

        .table-responsive>.table-bordered>tbody>tr>td:last-child,
        .table-responsive>.table-bordered>tbody>tr>th:last-child,
        .table-responsive>.table-bordered>tfoot>tr>td:last-child,
        .table-responsive>.table-bordered>tfoot>tr>th:last-child,
        .table-responsive>.table-bordered>thead>tr>td:last-child,
        .table-responsive>.table-bordered>thead>tr>th:last-child {
            border-right: 0
        }

        .table-responsive>.table-bordered>tbody>tr:last-child>td,
        .table-responsive>.table-bordered>tbody>tr:last-child>th,
        .table-responsive>.table-bordered>tfoot>tr:last-child>td,
        .table-responsive>.table-bordered>tfoot>tr:last-child>th {
            border-bottom: 0
        }
    }

    fieldset {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0
    }

    legend {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
        font-size: 21px;
        line-height: inherit;
        color: #333;
        border: 0;
        border-bottom: 1px solid #e5e5e5
    }

    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 700
    }

    input[type=search] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    input[type=checkbox],
    input[type=radio] {
        margin: 4px 0 0;
        margin-top: 1px \9;
        line-height: normal;
        margin-right: 5px;
    }

    input[type=file] {
        display: block
    }

    input[type=range] {
        display: block;
        width: 100%
    }

    select[multiple],
    select[size] {
        height: auto
    }

    input[type=file]:focus,
    input[type=checkbox]:focus,
    input[type=radio]:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    output {
        display: block;
        padding-top: 7px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555
    }

    .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
    }

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
    }

    .form-control::-moz-placeholder {
        color: #cecaca;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #cecaca
    }

    .form-control::-webkit-input-placeholder {
        color: #cecaca
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #eee;
        opacity: 1
    }

    textarea.form-control {
        height: 80px;
        background: #fff;
        border-radius: 0;
        width: 100%;
    }
    #connectpopup .form-group{
        margin: 10px;
    }
    input[type=search] {
        -webkit-appearance: none
    }
    #connectpopup .action.cartss.primary:hover{
        border:1px solid #000
    }
    #connectpopup .form-group .form-control{
        color:#000
    }
    #connectpopup .form-group .form-control::-webkit-input-placeholder { /* Edge */
        color: #666;
    }
    
    #connectpopup .form-group .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #666;
    }
    
    #connectpopup .form-group .form-control::placeholder {
        color: #666;
    }
    #connectpopup .closesbtn, #Delievery .Dclosesbtn{
        background: #fff;
        color: #000
    }
    @media screen and (-webkit-min-device-pixel-ratio:0) {

        input[type=date],
        input[type=time],
        input[type=datetime-local],
        input[type=month] {
            line-height: 34px
        }

        .input-group-sm input[type=date],
        .input-group-sm input[type=time],
        .input-group-sm input[type=datetime-local],
        .input-group-sm input[type=month],
        input[type=date].input-sm,
        input[type=time].input-sm,
        input[type=datetime-local].input-sm,
        input[type=month].input-sm {
            line-height: 30px
        }

        .input-group-lg input[type=date],
        .input-group-lg input[type=time],
        .input-group-lg input[type=datetime-local],
        .input-group-lg input[type=month],
        input[type=date].input-lg,
        input[type=time].input-lg,
        input[type=datetime-local].input-lg,
        input[type=month].input-lg {
            line-height: 46px
        }
    }

    .form-group {
        margin-bottom: 15px
    }

    .checkbox,
    .radio {
        position: relative;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .checkbox label,
    .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
    }

    .checkbox input[type=checkbox],
    .checkbox-inline input[type=checkbox],
    .radio input[type=radio],
    .radio-inline input[type=radio] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: -20px
    }

    .checkbox+.checkbox,
    .radio+.radio {
        margin-top: -5px
    }

    .checkbox-inline,
    .radio-inline {
        display: inline-block;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        vertical-align: middle;
        cursor: pointer
    }

    .checkbox-inline+.checkbox-inline,
    .radio-inline+.radio-inline {
        margin-top: 0;
        margin-left: 10px
    }

    fieldset[disabled] input[type=checkbox],
    fieldset[disabled] input[type=radio],
    input[type=checkbox].disabled,
    input[type=checkbox][disabled],
    input[type=radio].disabled,
    input[type=radio][disabled] {
        cursor: not-allowed
    }

    .checkbox-inline.disabled,
    .radio-inline.disabled,
    fieldset[disabled] .checkbox-inline,
    fieldset[disabled] .radio-inline {
        cursor: not-allowed
    }

    .checkbox.disabled label,
    .radio.disabled label,
    fieldset[disabled] .checkbox label,
    fieldset[disabled] .radio label {
        cursor: not-allowed
    }

    .form-control-static {
        padding-top: 7px;
        padding-bottom: 7px;
        margin-bottom: 0
    }

    .form-control-static.input-lg,
    .form-control-static.input-sm {
        padding-right: 0;
        padding-left: 0
    }

    .input-sm {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }

    select.input-sm {
        height: 30px;
        line-height: 30px
    }

    select[multiple].input-sm,
    textarea.input-sm {
        height: auto
    }

    .form-group-sm .form-control {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }

    select.form-group-sm .form-control {
        height: 30px;
        line-height: 30px
    }

    select[multiple].form-group-sm .form-control,
    textarea.form-group-sm .form-control {
        height: auto
    }

    .form-group-sm .form-control-static {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5
    }

    .input-lg {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
    }

    select.input-lg {
        height: 46px;
        line-height: 46px
    }

    select[multiple].input-lg,
    textarea.input-lg {
        height: auto
    }

    .form-group-lg .form-control {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
    }

    select.form-group-lg .form-control {
        height: 46px;
        line-height: 46px
    }

    select[multiple].form-group-lg .form-control,
    textarea.form-group-lg .form-control {
        height: auto
    }

    .form-group-lg .form-control-static {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333
    }

    .has-feedback {
        position: relative
    }

    .has-feedback .form-control {
        padding-right: 42.5px
    }

    .form-control-feedback {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        pointer-events: none
    }

    .input-lg+.form-control-feedback {
        width: 46px;
        height: 46px;
        line-height: 46px
    }

    .input-sm+.form-control-feedback {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .has-success .checkbox,
    .has-success .checkbox-inline,
    .has-success .control-label,
    .has-success .help-block,
    .has-success .radio,
    .has-success .radio-inline,
    .has-success.checkbox label,
    .has-success.checkbox-inline label,
    .has-success.radio label,
    .has-success.radio-inline label {
        color: #3c763d
    }

    .has-success .form-control {
        border-color: #3c763d;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
    }

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
    }

    .has-success .input-group-addon {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #3c763d
    }

    .has-success .form-control-feedback {
        color: #3c763d
    }

    .has-warning .checkbox,
    .has-warning .checkbox-inline,
    .has-warning .control-label,
    .has-warning .help-block,
    .has-warning .radio,
    .has-warning .radio-inline,
    .has-warning.checkbox label,
    .has-warning.checkbox-inline label,
    .has-warning.radio label,
    .has-warning.radio-inline label {
        color: #8a6d3b
    }

    .has-warning .form-control {
        border-color: #8a6d3b;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
    }

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
    }

    .has-warning .input-group-addon {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #8a6d3b
    }

    .has-warning .form-control-feedback {
        color: #8a6d3b
    }

    .has-error .checkbox,
    .has-error .checkbox-inline,
    .has-error .control-label,
    .has-error .help-block,
    .has-error .radio,
    .has-error .radio-inline,
    .has-error.checkbox label,
    .has-error.checkbox-inline label,
    .has-error.radio label,
    .has-error.radio-inline label {
        color: #a94442
    }

    .has-error .form-control {
        border-color: #a94442;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
    }

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
    }

    .has-error .input-group-addon {
        color: #a94442;
        background-color: #f2dede;
        border-color: #a94442
    }

    .has-error .form-control-feedback {
        color: #a94442
    }

    .has-feedback label~.form-control-feedback {
        top: 25px
    }

    .has-feedback label.sr-only~.form-control-feedback {
        top: 0
    }

    .help-block {
        display: block;
        margin-top: 5px;
        margin-bottom: 10px;
        color: #737373
    }

    @media (min-width:768px) {
        .form-inline .form-group {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle
        }

        .form-inline .form-control {
            display: inline-block;
            width: auto;
            vertical-align: middle
        }

        .form-inline .form-control-static {
            display: inline-block
        }

        .form-inline .input-group {
            display: inline-table;
            vertical-align: middle
        }

        .form-inline .input-group .form-control,
        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn {
            width: auto
        }

        .form-inline .input-group>.form-control {
            width: 100%
        }

        .form-inline .control-label {
            margin-bottom: 0;
            vertical-align: middle
        }

        .form-inline .checkbox,
        .form-inline .radio {
            display: inline-block;
            margin-top: 0;
            margin-bottom: 0;
            vertical-align: middle
        }

        .form-inline .checkbox label,
        .form-inline .radio label {
            padding-left: 0
        }

        .form-inline .checkbox input[type=checkbox],
        .form-inline .radio input[type=radio] {
            position: relative;
            margin-left: 0
        }

        .form-inline .has-feedback .form-control-feedback {
            top: 0
        }
    }

    .form-horizontal .checkbox,
    .form-horizontal .checkbox-inline,
    .form-horizontal .radio,
    .form-horizontal .radio-inline {
        padding-top: 7px;
        margin-top: 0;
        margin-bottom: 0
    }

    .form-horizontal .checkbox,
    .form-horizontal .radio {
        min-height: 27px
    }

    .form-horizontal .form-group {
        margin-right: -15px;
        margin-left: -15px
    }

    @media (min-width:768px) {
        .form-horizontal .control-label {
            padding-top: 7px;
            margin-bottom: 0;
            text-align: right
        }
    }

    .form-horizontal .has-feedback .form-control-feedback {
        right: 15px
    }

    @media (min-width:768px) {
        .form-horizontal .form-group-lg .control-label {
            padding-top: 14.33px
        }
    }

    @media (min-width:768px) {
        .form-horizontal .form-group-sm .control-label {
            padding-top: 6px
        }
    }

    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px
    }
    .home-banner .col-sm-6{
        text-align: center
    }

    .btn.btn-sam {
        background: #000;
        border: 1px solid #000;
        border-radius: 0;
        font-size: 22px;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 15px 30px;
        color: #fff;
        font-weight: 600;
    }
    .review-website h3{
        text-align: center;
        font-size: 24px;
        color: #000;
        letter-spacing: 1px;
        margin: 0;
        margin-bottom: 20px;
    }
    .btn.active.focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn:active:focus,
    .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn.focus,
    .btn:focus,
    .btn:hover {
        color: #333;
        text-decoration: none
    }

    .btn.active,
    .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        pointer-events: none;
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65
    }

    .btn-default {
        color: #333;
        background-color: #fff;
        border-color: #ccc
    }

    .btn-default.active,
    .btn-default.focus,
    .btn-default:active,
    .btn-default:focus,
    .btn-default:hover,
    .open>.dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }

    .btn-default.active,
    .btn-default:active,
    .open>.dropdown-toggle.btn-default {
        background-image: none
    }

    .btn-default.disabled,
    .btn-default.disabled.active,
    .btn-default.disabled.focus,
    .btn-default.disabled:active,
    .btn-default.disabled:focus,
    .btn-default.disabled:hover,
    .btn-default[disabled],
    .btn-default[disabled].active,
    .btn-default[disabled].focus,
    .btn-default[disabled]:active,
    .btn-default[disabled]:focus,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default,
    fieldset[disabled] .btn-default.active,
    fieldset[disabled] .btn-default.focus,
    fieldset[disabled] .btn-default:active,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default:hover {
        background-color: #000;
        border-color: #000
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333
    }

    .btn-primary {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4
    }

    .btn-primary.active,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary:hover,
    .open>.dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

    .btn-primary.active,
    .btn-primary:active,
    .open>.dropdown-toggle.btn-primary {
        background-image: none
    }

    .btn-primary.disabled,
    .btn-primary.disabled.active,
    .btn-primary.disabled.focus,
    .btn-primary.disabled:active,
    .btn-primary.disabled:focus,
    .btn-primary.disabled:hover,
    .btn-primary[disabled],
    .btn-primary[disabled].active,
    .btn-primary[disabled].focus,
    .btn-primary[disabled]:active,
    .btn-primary[disabled]:focus,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary,
    fieldset[disabled] .btn-primary.active,
    fieldset[disabled] .btn-primary.focus,
    fieldset[disabled] .btn-primary:active,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary:hover {
        background-color: #337ab7;
        border-color: #2e6da4
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff
    }

    .btn-success {
        color: #fff;
        background-color: #5cb85c;
        border-color: #4cae4c
    }

    .btn-success.active,
    .btn-success.focus,
    .btn-success:active,
    .btn-success:focus,
    .btn-success:hover,
    .open>.dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }

    .btn-success.active,
    .btn-success:active,
    .open>.dropdown-toggle.btn-success {
        background-image: none
    }

    .btn-success.disabled,
    .btn-success.disabled.active,
    .btn-success.disabled.focus,
    .btn-success.disabled:active,
    .btn-success.disabled:focus,
    .btn-success.disabled:hover,
    .btn-success[disabled],
    .btn-success[disabled].active,
    .btn-success[disabled].focus,
    .btn-success[disabled]:active,
    .btn-success[disabled]:focus,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success,
    fieldset[disabled] .btn-success.active,
    fieldset[disabled] .btn-success.focus,
    fieldset[disabled] .btn-success:active,
    fieldset[disabled] .btn-success:focus,
    fieldset[disabled] .btn-success:hover {
        background-color: #5cb85c;
        border-color: #4cae4c
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff
    }

    .btn-info {
        color: #fff;
        background-color: #5bc0de;
        border-color: #46b8da
    }

    .btn-info.active,
    .btn-info.focus,
    .btn-info:active,
    .btn-info:focus,
    .btn-info:hover,
    .open>.dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc
    }

    .btn-info.active,
    .btn-info:active,
    .open>.dropdown-toggle.btn-info {
        background-image: none
    }

    .btn-info.disabled,
    .btn-info.disabled.active,
    .btn-info.disabled.focus,
    .btn-info.disabled:active,
    .btn-info.disabled:focus,
    .btn-info.disabled:hover,
    .btn-info[disabled],
    .btn-info[disabled].active,
    .btn-info[disabled].focus,
    .btn-info[disabled]:active,
    .btn-info[disabled]:focus,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info,
    fieldset[disabled] .btn-info.active,
    fieldset[disabled] .btn-info.focus,
    fieldset[disabled] .btn-info:active,
    fieldset[disabled] .btn-info:focus,
    fieldset[disabled] .btn-info:hover {
        background-color: #5bc0de;
        border-color: #46b8da
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff
    }

    .btn-warning {
        color: #fff;
        background-color: #f0ad4e;
        border-color: #eea236
    }

    .btn-warning.active,
    .btn-warning.focus,
    .btn-warning:active,
    .btn-warning:focus,
    .btn-warning:hover,
    .open>.dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512
    }

    .btn-warning.active,
    .btn-warning:active,
    .open>.dropdown-toggle.btn-warning {
        background-image: none
    }

    .btn-warning.disabled,
    .btn-warning.disabled.active,
    .btn-warning.disabled.focus,
    .btn-warning.disabled:active,
    .btn-warning.disabled:focus,
    .btn-warning.disabled:hover,
    .btn-warning[disabled],
    .btn-warning[disabled].active,
    .btn-warning[disabled].focus,
    .btn-warning[disabled]:active,
    .btn-warning[disabled]:focus,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning,
    fieldset[disabled] .btn-warning.active,
    fieldset[disabled] .btn-warning.focus,
    fieldset[disabled] .btn-warning:active,
    fieldset[disabled] .btn-warning:focus,
    fieldset[disabled] .btn-warning:hover {
        background-color: #f0ad4e;
        border-color: #eea236
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff
    }

    .btn-danger {
        color: #fff;
        background-color: #d9534f;
        border-color: #d43f3a
    }

    .btn-danger.active,
    .btn-danger.focus,
    .btn-danger:active,
    .btn-danger:focus,
    .btn-danger:hover,
    .open>.dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

    .btn-danger.active,
    .btn-danger:active,
    .open>.dropdown-toggle.btn-danger {
        background-image: none
    }

    .btn-danger.disabled,
    .btn-danger.disabled.active,
    .btn-danger.disabled.focus,
    .btn-danger.disabled:active,
    .btn-danger.disabled:focus,
    .btn-danger.disabled:hover,
    .btn-danger[disabled],
    .btn-danger[disabled].active,
    .btn-danger[disabled].focus,
    .btn-danger[disabled]:active,
    .btn-danger[disabled]:focus,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger,
    fieldset[disabled] .btn-danger.active,
    fieldset[disabled] .btn-danger.focus,
    fieldset[disabled] .btn-danger:active,
    fieldset[disabled] .btn-danger:focus,
    fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #d43f3a
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff
    }

    .btn-link {
        font-weight: 400;
        color: #337ab7;
        border-radius: 0
    }

    .btn-link,
    .btn-link.active,
    .btn-link:active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-link,
    .btn-link:active,
    .btn-link:focus,
    .btn-link:hover {
        border-color: transparent
    }

    .btn-link:focus,
    .btn-link:hover {
        color: #23527c;
        text-decoration: underline;
        background-color: transparent
    }

    .btn-link[disabled]:focus,
    .btn-link[disabled]:hover,
    fieldset[disabled] .btn-link:focus,
    fieldset[disabled] .btn-link:hover {
        color: #777;
        text-decoration: none
    }

    .btn-group-lg>.btn,
    .btn-lg {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
    }

    .btn-group-sm>.btn,
    .btn-sm {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }

    .btn-group-xs>.btn,
    .btn-xs {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }

    .btn-block {
        display: block;
        width: 100%
    }

    .btn-block+.btn-block {
        margin-top: 5px
    }

    input[type=button].btn-block,
    input[type=reset].btn-block,
    input[type=submit].btn-block {
        width: 100%
    }

    .fade {
        opacity: 0;
        -webkit-transition: opacity .15s linear;
        -o-transition: opacity .15s linear;
        transition: opacity .15s linear
    }

    .fade.in {
        opacity: 1
    }

    .collapse {
        display: none;
        visibility: hidden
    }

    .collapse.in {
        display: block;
        visibility: visible
    }

    tr.collapse.in {
        display: table-row
    }

    tbody.collapse.in {
        display: table-row-group
    }

    .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .35s;
        -o-transition-duration: .35s;
        transition-duration: .35s;
        -webkit-transition-property: height, visibility;
        -o-transition-property: height, visibility;
        transition-property: height, visibility
    }

    .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent
    }

    .dropdown,
    .dropup {
        position: relative
    }

    .dropdown-toggle:focus {
        outline: 0
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
    }

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }

    .dropdown-menu>li>a:focus,
    .dropdown-menu>li>a:hover {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5
    }

    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:focus,
    .dropdown-menu>.active>a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0
    }

    .dropdown-menu>.disabled>a,
    .dropdown-menu>.disabled>a:focus,
    .dropdown-menu>.disabled>a:hover {
        color: #777
    }

    .dropdown-menu>.disabled>a:focus,
    .dropdown-menu>.disabled>a:hover {
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent;
        background-image: none;
        filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
    }

    .open>.dropdown-menu {
        display: block
    }

    .open>a {
        outline: 0
    }

    .dropdown-menu-right {
        right: 0;
        left: auto
    }

    .dropdown-menu-left {
        right: auto;
        left: 0
    }

    .dropdown-header {
        display: block;
        padding: 3px 20px;
        font-size: 12px;
        line-height: 1.42857143;
        color: #777;
        white-space: nowrap
    }

    .dropdown-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 990
    }

    .pull-right>.dropdown-menu {
        right: 0;
        left: auto
    }

    .dropup .caret,
    .navbar-fixed-bottom .dropdown .caret {
        content: "";
        border-top: 0;
        border-bottom: 4px solid
    }

    .dropup .dropdown-menu,
    .navbar-fixed-bottom .dropdown .dropdown-menu {
        top: auto;
        bottom: 100%;
        margin-bottom: 2px
    }

    @media (min-width:768px) {
        .navbar-right .dropdown-menu {
            right: 0;
            left: auto
        }

        .navbar-right .dropdown-menu-left {
            right: auto;
            left: 0
        }
    }

    .btn-group,
    .btn-group-vertical {
        position: relative;
        display: inline-block;
        vertical-align: middle
    }

    .btn-group-vertical>.btn,
    .btn-group>.btn {
        position: relative;
        float: left
    }

    .btn-group-vertical>.btn.active,
    .btn-group-vertical>.btn:active,
    .btn-group-vertical>.btn:focus,
    .btn-group-vertical>.btn:hover,
    .btn-group>.btn.active,
    .btn-group>.btn:active,
    .btn-group>.btn:focus,
    .btn-group>.btn:hover {
        z-index: 2
    }

    .btn-group .btn+.btn,
    .btn-group .btn+.btn-group,
    .btn-group .btn-group+.btn,
    .btn-group .btn-group+.btn-group {
        margin-left: -1px
    }

    .btn-toolbar {
        margin-left: -5px
    }

    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left
    }

    .btn-toolbar>.btn,
    .btn-toolbar>.btn-group,
    .btn-toolbar>.input-group {
        margin-left: 5px
    }

    .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
        border-radius: 0
    }

    .btn-group>.btn:first-child {
        margin-left: 0
    }

    .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group>.btn:last-child:not(:first-child),
    .btn-group>.dropdown-toggle:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group>.btn-group {
        float: left
    }

    .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
        border-radius: 0
    }

    .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
    .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group .dropdown-toggle:active,
    .btn-group.open .dropdown-toggle {
        outline: 0
    }

    .btn-group>.btn+.dropdown-toggle {
        padding-right: 8px;
        padding-left: 8px
    }

    .btn-group>.btn-lg+.dropdown-toggle {
        padding-right: 12px;
        padding-left: 12px
    }

    .btn-group.open .dropdown-toggle {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
    }

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn .caret {
        margin-left: 0
    }

    .btn-lg .caret {
        border-width: 5px 5px 0;
        border-bottom-width: 0
    }

    .dropup .btn-lg .caret {
        border-width: 0 5px 5px
    }

    .btn-group-vertical>.btn,
    .btn-group-vertical>.btn-group,
    .btn-group-vertical>.btn-group>.btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%
    }

    .btn-group-vertical>.btn-group>.btn {
        float: none
    }

    .btn-group-vertical>.btn+.btn,
    .btn-group-vertical>.btn+.btn-group,
    .btn-group-vertical>.btn-group+.btn,
    .btn-group-vertical>.btn-group+.btn-group {
        margin-top: -1px;
        margin-left: 0
    }

    .btn-group-vertical>.btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .btn-group-vertical>.btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical>.btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px
    }

    .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
        border-radius: 0
    }

    .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
    .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .btn-group-justified {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate
    }

    .btn-group-justified>.btn,
    .btn-group-justified>.btn-group {
        display: table-cell;
        float: none;
        width: 1%
    }

    .btn-group-justified>.btn-group .btn {
        width: 100%
    }

    .btn-group-justified>.btn-group .dropdown-menu {
        left: auto
    }

    [data-toggle=buttons]>.btn input[type=checkbox],
    [data-toggle=buttons]>.btn input[type=radio],
    [data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
    [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none
    }

    .input-group {
        position: relative;
        display: table;
        border-collapse: separate
    }

    .input-group[class*=col-] {
        float: none;
        padding-right: 0;
        padding-left: 0
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

    .input-group-lg>.form-control,
    .input-group-lg>.input-group-addon,
    .input-group-lg>.input-group-btn>.btn {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
    }

    select.input-group-lg>.form-control,
    select.input-group-lg>.input-group-addon,
    select.input-group-lg>.input-group-btn>.btn {
        height: 46px;
        line-height: 46px
    }

    select[multiple].input-group-lg>.form-control,
    select[multiple].input-group-lg>.input-group-addon,
    select[multiple].input-group-lg>.input-group-btn>.btn,
    textarea.input-group-lg>.form-control,
    textarea.input-group-lg>.input-group-addon,
    textarea.input-group-lg>.input-group-btn>.btn {
        height: auto
    }

    .input-group-sm>.form-control,
    .input-group-sm>.input-group-addon,
    .input-group-sm>.input-group-btn>.btn {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }

    select.input-group-sm>.form-control,
    select.input-group-sm>.input-group-addon,
    select.input-group-sm>.input-group-btn>.btn {
        height: 30px;
        line-height: 30px
    }

    select[multiple].input-group-sm>.form-control,
    select[multiple].input-group-sm>.input-group-addon,
    select[multiple].input-group-sm>.input-group-btn>.btn,
    textarea.input-group-sm>.form-control,
    textarea.input-group-sm>.input-group-addon,
    textarea.input-group-sm>.input-group-btn>.btn {
        height: auto
    }

    .input-group .form-control,
    .input-group-addon,
    .input-group-btn {
        display: table-cell
    }

    .input-group .form-control:not(:first-child):not(:last-child),
    .input-group-addon:not(:first-child):not(:last-child),
    .input-group-btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .input-group-addon,
    .input-group-btn {
        width: 1%;
        white-space: nowrap;
        vertical-align: middle
    }

    .input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        color: #555;
        text-align: center;
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 4px
    }

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
    }

    .input-group-addon input[type=checkbox],
    .input-group-addon input[type=radio] {
        margin-top: 0
    }

    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child>.btn,
    .input-group-btn:first-child>.btn-group>.btn,
    .input-group-btn:first-child>.dropdown-toggle,
    .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
    .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
    .input-group-btn:first-child>.btn:not(:first-child),
    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group>.btn,
    .input-group-btn:last-child>.dropdown-toggle {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .input-group-addon:last-child {
        border-left: 0
    }

    .input-group-btn {
        position: relative;
        font-size: 0;
        white-space: nowrap
    }

    .input-group-btn>.btn {
        position: relative
    }

    .input-group-btn>.btn+.btn {
        margin-left: -1px
    }

    .input-group-btn>.btn:active,
    .input-group-btn>.btn:focus,
    .input-group-btn>.btn:hover {
        z-index: 2
    }

    .input-group-btn:first-child>.btn,
    .input-group-btn:first-child>.btn-group {
        margin-right: -1px
    }

    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group {
        margin-left: -1px
    }

    .nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none
    }

    .nav>li {
        position: relative;
        display: block
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 15px
    }

    .nav>li>a:focus,
    .nav>li>a:hover {
        text-decoration: none;
        background-color: #eee
    }

    .nav>li.disabled>a {
        color: #777
    }

    .nav>li.disabled>a:focus,
    .nav>li.disabled>a:hover {
        color: #777;
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent
    }

    .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
        background-color: #eee;
        border-color: #337ab7
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .nav>li>a>img {
        max-width: none
    }

    .nav-tabs {
        border-bottom: 1px solid #ddd
    }

    .nav-tabs>li {
        float: left;
        margin-bottom: -1px
    }

    .nav-tabs>li>a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs>li>a:hover {
        border-color: #eee #eee #ddd
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        color: #555;
        cursor: default;
        background-color: #fff;
        border: 1px solid #ddd;
        border-bottom-color: transparent
    }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0
    }

    .nav-tabs.nav-justified>li {
        float: none
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 5px;
        text-align: center
    }

    .nav-tabs.nav-justified>.dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

    @media (min-width:768px) {
        .nav-tabs.nav-justified>li {
            display: table-cell;
            width: 1%
        }

        .nav-tabs.nav-justified>li>a {
            margin-bottom: 0
        }
    }

    .nav-tabs.nav-justified>li>a {
        margin-right: 0;
        border-radius: 4px
    }

    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border: 1px solid #ddd
    }

    @media (min-width:768px) {
        .nav-tabs.nav-justified>li>a {
            border-bottom: 1px solid #ddd;
            border-radius: 4px 4px 0 0
        }

        .nav-tabs.nav-justified>.active>a,
        .nav-tabs.nav-justified>.active>a:focus,
        .nav-tabs.nav-justified>.active>a:hover {
            border-bottom-color: #fff
        }
    }

    .nav-pills>li {
        float: left
    }

    .nav-pills>li>a {
        border-radius: 4px
    }

    .nav-pills>li+li {
        margin-left: 2px
    }

    .nav-pills>li.active>a,
    .nav-pills>li.active>a:focus,
    .nav-pills>li.active>a:hover {
        color: #fff;
        background-color: #337ab7
    }

    .nav-stacked>li {
        float: none
    }

    .nav-stacked>li+li {
        margin-top: 2px;
        margin-left: 0
    }

    .nav-justified {
        width: 100%
    }

    .nav-justified>li {
        float: none
    }

    .nav-justified>li>a {
        margin-bottom: 5px;
        text-align: center
    }

    .nav-justified>.dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

    @media (min-width:768px) {
        .nav-justified>li {
            display: table-cell;
            width: 1%
        }

        .nav-justified>li>a {
            margin-bottom: 0
        }
    }

    .nav-tabs-justified {
        border-bottom: 0
    }

    .nav-tabs-justified>li>a {
        margin-right: 0;
        border-radius: 4px
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs-justified>.active>a:hover {
        border: 1px solid #ddd
    }

    @media (min-width:768px) {
        .nav-tabs-justified>li>a {
            border-bottom: 1px solid #ddd;
            border-radius: 4px 4px 0 0
        }

        .nav-tabs-justified>.active>a,
        .nav-tabs-justified>.active>a:focus,
        .nav-tabs-justified>.active>a:hover {
            border-bottom-color: #fff
        }
    }

    .tab-content>.tab-pane {
        display: none;
        visibility: hidden
    }

    .tab-content>.active {
        display: block;
        visibility: visible
    }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent
    }

    @media (min-width:768px) {
        .navbar {
            border-radius: 4px
        }
    }

    @media (min-width:768px) {
        .navbar-header {
            float: left
        }
    }

    .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
        border-top: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }

    .navbar-collapse.in {
        overflow-y: auto
    }

    @media (min-width:768px) {
        .navbar-collapse {
            width: auto;
            border-top: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
            visibility: visible !important
        }

        .navbar-collapse.in {
            overflow-y: visible
        }

        .navbar-fixed-bottom .navbar-collapse,
        .navbar-fixed-top .navbar-collapse,
        .navbar-static-top .navbar-collapse {
            padding-right: 0;
            padding-left: 0
        }
    }

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 340px
    }

    @media (max-device-width:480px) and (orientation:landscape) {

        .navbar-fixed-bottom .navbar-collapse,
        .navbar-fixed-top .navbar-collapse {
            max-height: 200px
        }
    }

    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: -15px;
        margin-left: -15px
    }

    @media (min-width:768px) {

        .container-fluid>.navbar-collapse,
        .container-fluid>.navbar-header,
        .container>.navbar-collapse,
        .container>.navbar-header {
            margin-right: 0;
            margin-left: 0
        }
    }

    .navbar-static-top {
        z-index: 1000;
        border-width: 0 0 1px
    }

    @media (min-width:768px) {
        .navbar-static-top {
            border-radius: 0
        }
    }

    .navbar-fixed-bottom,
    .navbar-fixed-top {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030
    }

    @media (min-width:768px) {

        .navbar-fixed-bottom,
        .navbar-fixed-top {
            border-radius: 0
        }
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }

    .navbar-fixed-bottom {
        bottom: 0;
        margin-bottom: 0;
        border-width: 1px 0 0
    }

    .navbar-brand {
        float: left;
        height: 50px;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px
    }

    .navbar-brand:focus,
    .navbar-brand:hover {
        text-decoration: none
    }

    .navbar-brand>img {
        display: block
    }

    @media (min-width:768px) {

        .navbar>.container .navbar-brand,
        .navbar>.container-fluid .navbar-brand {
            margin-left: -15px
        }
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px
    }

    .navbar-toggle:focus {
        outline: 0
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px
    }

    @media (min-width:768px) {
        .navbar-toggle {
            display: none
        }
    }

    .navbar-nav {
        margin: 7.5px -15px
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px
    }

    @media (max-width:767px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .navbar-nav .open .dropdown-menu .dropdown-header,
        .navbar-nav .open .dropdown-menu>li>a {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu>li>a {
            line-height: 20px
        }

        .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-nav .open .dropdown-menu>li>a:hover {
            background-image: none
        }
    }

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

        .navbar-nav {
            float: left;
            margin: 0
        }

        .navbar-nav>li {
            float: left
        }

        .navbar-nav>li>a {
            padding-top: 15px;
            padding-bottom: 15px
        }
    }

    .navbar-form {
        padding: 10px 15px;
        margin-top: 8px;
        margin-right: -15px;
        margin-bottom: 8px;
        margin-left: -15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)
    }

    @media (min-width:768px) {
        .navbar-form .form-group {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle
        }

        .navbar-form .form-control {
            display: inline-block;
            width: auto;
            vertical-align: middle
        }

        .navbar-form .form-control-static {
            display: inline-block
        }

        .navbar-form .input-group {
            display: inline-table;
            vertical-align: middle
        }

        .navbar-form .input-group .form-control,
        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn {
            width: auto
        }

        .navbar-form .input-group>.form-control {
            width: 100%
        }

        .navbar-form .control-label {
            margin-bottom: 0;
            vertical-align: middle
        }

        .navbar-form .checkbox,
        .navbar-form .radio {
            display: inline-block;
            margin-top: 0;
            margin-bottom: 0;
            vertical-align: middle
        }

        .navbar-form .checkbox label,
        .navbar-form .radio label {
            padding-left: 0
        }

        .navbar-form .checkbox input[type=checkbox],
        .navbar-form .radio input[type=radio] {
            position: relative;
            margin-left: 0
        }

        .navbar-form .has-feedback .form-control-feedback {
            top: 0
        }
    }

    @media (max-width:767px) {
        .navbar-form .form-group {
            margin-bottom: 5px
        }

        .navbar-form .form-group:last-child {
            margin-bottom: 0
        }
    }

    @media (min-width:768px) {
        .navbar-form {
            width: auto;
            padding-top: 0;
            padding-bottom: 0;
            margin-right: 0;
            margin-left: 0;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }
    }

    .navbar-nav>li>.dropdown-menu {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
        margin-bottom: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .navbar-btn {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
    }

    .navbar-text {
        margin-top: 15px;
        margin-bottom: 15px
    }

    @media (min-width:768px) {
        .navbar-text {
            float: left;
            margin-right: 15px;
            margin-left: 15px
        }
    }

    @media (min-width:768px) {
        .navbar-left {
            float: left !important
        }

        .navbar-right {
            float: right !important;
            margin-right: -15px
        }

        .navbar-right~.navbar-right {
            margin-right: 0
        }
    }

    .navbar-default {
        background-color: #f8f8f8;
        border-color: #e7e7e7
    }

    .navbar-default .navbar-brand {
        color: #777
    }

    .navbar-default .navbar-brand:focus,
    .navbar-default .navbar-brand:hover {
        color: #5e5e5e;
        background-color: transparent
    }

    .navbar-default .navbar-text {
        color: #777
    }

    .navbar-default .navbar-nav>li>a {
        color: #777
    }

    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav>.disabled>a,
    .navbar-default .navbar-nav>.disabled>a:focus,
    .navbar-default .navbar-nav>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: #ddd
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #888
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7
    }

    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    @media (max-width:767px) {
        .navbar-default .navbar-nav .open .dropdown-menu>li>a {
            color: #777
        }

        .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
            color: #333;
            background-color: transparent
        }

        .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
        .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
            color: #555;
            background-color: #e7e7e7
        }

        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
            color: #ccc;
            background-color: transparent
        }
    }

    .navbar-default .navbar-link {
        color: #777
    }

    .navbar-default .navbar-link:hover {
        color: #333
    }

    .navbar-default .btn-link {
        color: #777
    }

    .navbar-default .btn-link:focus,
    .navbar-default .btn-link:hover {
        color: #333
    }

    .navbar-default .btn-link[disabled]:focus,
    .navbar-default .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-default .btn-link:focus,
    fieldset[disabled] .navbar-default .btn-link:hover {
        color: #ccc
    }

    .navbar-inverse {
        background-color: #222;
        border-color: #080808
    }

    .navbar-inverse .navbar-brand {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-brand:focus,
    .navbar-inverse .navbar-brand:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-text {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav>li>a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav>li>a:focus,
    .navbar-inverse .navbar-nav>li>a:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:focus,
    .navbar-inverse .navbar-nav>.active>a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav>.disabled>a,
    .navbar-inverse .navbar-nav>.disabled>a:focus,
    .navbar-inverse .navbar-nav>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333
    }

    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background-color: #333
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #fff
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010
    }

    .navbar-inverse .navbar-nav>.open>a,
    .navbar-inverse .navbar-nav>.open>a:focus,
    .navbar-inverse .navbar-nav>.open>a:hover {
        color: #fff;
        background-color: #fff
    }

    @media (max-width:767px) {
        .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
            border-color: #080808
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
            background-color: #080808
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
            color: #9d9d9d
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
            color: #fff;
            background-color: transparent
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
            color: #fff;
            background-color: #080808
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
            color: #444;
            background-color: transparent
        }
    }

    .navbar-inverse .navbar-link {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

    .navbar-inverse .btn-link {
        color: #9d9d9d
    }

    .navbar-inverse .btn-link:focus,
    .navbar-inverse .btn-link:hover {
        color: #fff
    }

    .navbar-inverse .btn-link[disabled]:focus,
    .navbar-inverse .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #444
    }

    .breadcrumb {
        padding: 8px 15px;
        margin-bottom: 20px;
        list-style: none;
        background-color: #f5f5f5;
        border-radius: 4px
    }

    .breadcrumb>li {
        display: inline-block
    }

    .breadcrumb>li+li:before {
        padding: 0 5px;
        color: #ccc;
        content: "/\00a0"
    }

    .breadcrumb>.active {
        color: #f49c61
    }

    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px
    }

    .pagination>li {
        display: inline
    }

    .pagination>li>a,
    .pagination>li>span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd
    }

    .pagination>li:first-child>a,
    .pagination>li:first-child>span {
        margin-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .pagination>li:last-child>a,
    .pagination>li:last-child>span {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .pagination>li>a:focus,
    .pagination>li>a:hover,
    .pagination>li>span:focus,
    .pagination>li>span:hover {
        color: #23527c;
        background-color: #eee;
        border-color: #ddd
    }

    .pagination>.active>a,
    .pagination>.active>a:focus,
    .pagination>.active>a:hover,
    .pagination>.active>span,
    .pagination>.active>span:focus,
    .pagination>.active>span:hover {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7
    }

    .pagination>.disabled>a,
    .pagination>.disabled>a:focus,
    .pagination>.disabled>a:hover,
    .pagination>.disabled>span,
    .pagination>.disabled>span:focus,
    .pagination>.disabled>span:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd
    }

    .pagination-lg>li>a,
    .pagination-lg>li>span {
        padding: 10px 16px;
        font-size: 18px
    }

    .pagination-lg>li:first-child>a,
    .pagination-lg>li:first-child>span {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .pagination-lg>li:last-child>a,
    .pagination-lg>li:last-child>span {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .pagination-sm>li>a,
    .pagination-sm>li>span {
        padding: 5px 10px;
        font-size: 12px
    }

    .pagination-sm>li:first-child>a,
    .pagination-sm>li:first-child>span {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .pagination-sm>li:last-child>a,
    .pagination-sm>li:last-child>span {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .pager {
        padding-left: 0;
        margin: 20px 0;
        text-align: center;
        list-style: none
    }

    .pager li {
        display: inline
    }

    .pager li>a,
    .pager li>span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 15px
    }

    .pager li>a:focus,
    .pager li>a:hover {
        text-decoration: none;
        background-color: #eee
    }

    .pager .next>a,
    .pager .next>span {
        float: right
    }

    .pager .previous>a,
    .pager .previous>span {
        float: left
    }

    .pager .disabled>a,
    .pager .disabled>a:focus,
    .pager .disabled>a:hover,
    .pager .disabled>span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff
    }

    .label {
        display: inline;
        padding: .2em 0em .3em;
        font-size: 100%;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-align: left;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25em;
    }

    dd.values {
        padding: 0;
        padding-left: 5px;
        line-height: normal;
        margin: 0;
    }

    .product.active dd.values {
        padding: 0;
        padding-left: 5px;
        line-height: normal;
        margin: 0;
        display: inline-block;
        padding-right: 10px;
    }

    span.label {

        padding-left: 0px;
    }

    a.label:focus,
    a.label:hover {
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }

    .label:empty {
        display: none
    }

    .btn .label {
        position: relative;
        top: -1px
    }

    .label-default {
        background-color: #777
    }

    .label-default[href]:focus,
    .label-default[href]:hover {
        background-color: #5e5e5e
    }

    .label-primary {
        background-color: #337ab7
    }

    .label-primary[href]:focus,
    .label-primary[href]:hover {
        background-color: #286090
    }

    .label-success {
        background-color: #5cb85c
    }

    .label-success[href]:focus,
    .label-success[href]:hover {
        background-color: #449d44
    }

    .label-info {
        background-color: #5bc0de
    }

    .label-info[href]:focus,
    .label-info[href]:hover {
        background-color: #31b0d5
    }

    .label-warning {
        background-color: #f0ad4e
    }

    .label-warning[href]:focus,
    .label-warning[href]:hover {
        background-color: #ec971f
    }

    .label-danger {
        background-color: #d9534f
    }

    .label-danger[href]:focus,
    .label-danger[href]:hover {
        background-color: #c9302c
    }

    .badge {
        display: inline-block;
        min-width: 10px;
        padding: 3px 7px;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        background-color: #777;
        border-radius: 10px
    }

    .badge:empty {
        display: none
    }

    .btn .badge {
        position: relative;
        top: -1px
    }

    .btn-xs .badge {
        top: 0;
        padding: 1px 5px
    }

    a.badge:focus,
    a.badge:hover {
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }

    .list-group-item.active>.badge,
    .nav-pills>.active>a>.badge {
        color: #337ab7;
        background-color: #fff
    }

    .list-group-item>.badge {
        float: right
    }

    .list-group-item>.badge+.badge {
        margin-right: 5px
    }

    .nav-pills>li>a>.badge {
        margin-left: 3px
    }

    .jumbotron {
        padding: 30px 15px;
        margin-bottom: 30px;
        color: inherit;
        background-color: #eee
    }

    .jumbotron .h1,
    .jumbotron h1 {
        color: inherit
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200
    }

    .jumbotron>hr {
        border-top-color: #d5d5d5
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        border-radius: 6px
    }

    .jumbotron .container {
        max-width: 100%
    }

    @media screen and (min-width:768px) {
        .jumbotron {
            padding: 48px 0
        }

        .container .jumbotron,
        .container-fluid .jumbotron {
            padding-right: 60px;
            padding-left: 60px
        }

        .jumbotron .h1,
        .jumbotron h1 {
            font-size: 63px
        }
    }

    .thumbnail {
        display: block;
        padding: 4px;
        margin-bottom: 20px;
        line-height: 1.42857143;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: border .2s ease-in-out;
        -o-transition: border .2s ease-in-out;
        transition: border .2s ease-in-out
    }

    .thumbnail a>img,
    .thumbnail>img {
        margin-right: auto;
        margin-left: auto
    }

    a.thumbnail.active,
    a.thumbnail:focus,
    a.thumbnail:hover {
        border-color: #337ab7
    }

    .thumbnail .caption {
        padding: 9px;
        color: #333
    }

    .alert {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px
    }

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert .alert-link {
        font-weight: 700
    }

    .alert>p,
    .alert>ul {
        margin-bottom: 0
    }

    .alert>p+p {
        margin-top: 5px
    }

    .alert-dismissable,
    .alert-dismissible {
        padding-right: 35px
    }

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

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

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

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

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #245269
    }

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

    .alert-warning hr {
        border-top-color: #f7e1b5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

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

    .alert-danger hr {
        border-top-color: #e4b9c0
    }

    .alert-danger .alert-link {
        color: #843534
    }

    @-webkit-keyframes progress-bar-stripes {
        from {
            background-position: 40px 0
        }

        to {
            background-position: 0 0
        }
    }

    @-o-keyframes progress-bar-stripes {
        from {
            background-position: 40px 0
        }

        to {
            background-position: 0 0
        }
    }

    @keyframes progress-bar-stripes {
        from {
            background-position: 40px 0
        }

        to {
            background-position: 0 0
        }
    }

    .progress {
        height: 20px;
        margin-bottom: 20px;
        overflow: hidden;
        background-color: #f5f5f5;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
    }

    .progress-bar {
        float: left;
        width: 0;
        height: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #fff;
        text-align: center;
        background-color: #337ab7;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
        -webkit-transition: width .6s ease;
        -o-transition: width .6s ease;
        transition: width .6s ease
    }

    .progress-bar-striped,
    .progress-striped .progress-bar {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px
    }

    .progress-bar.active,
    .progress.active .progress-bar {
        -webkit-animation: progress-bar-stripes 2s linear infinite;
        -o-animation: progress-bar-stripes 2s linear infinite;
        animation: progress-bar-stripes 2s linear infinite
    }

    .progress-bar-success {
        background-color: #5cb85c
    }

    .progress-striped .progress-bar-success {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
    }

    .progress-bar-info {
        background-color: #5bc0de
    }

    .progress-striped .progress-bar-info {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
    }

    .progress-bar-warning {
        background-color: #f0ad4e
    }

    .progress-striped .progress-bar-warning {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
    }

    .progress-bar-danger {
        background-color: #d9534f
    }

    .progress-striped .progress-bar-danger {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
    }

    .media {
        margin-top: 15px
    }

    .media:first-child {
        margin-top: 0
    }

    .media,
    .media-body {
        overflow: hidden;
        zoom: 1
    }

    .media-body {
        width: 10000px
    }

    .media-object {
        display: block
    }

    .media-right,
    .media>.pull-right {
        padding-left: 10px
    }

    .media-left,
    .media>.pull-left {
        padding-right: 10px
    }

    .media-body,
    .media-left,
    .media-right {
        display: table-cell;
        vertical-align: top
    }

    .media-middle {
        vertical-align: middle
    }

    .media-bottom {
        vertical-align: bottom
    }

    .media-heading {
        margin-top: 0;
        margin-bottom: 5px
    }

    .media-list {
        padding-left: 0;
        list-style: none
    }

    .list-group {
        padding-left: 0;
        margin-bottom: 20px
    }

    .list-group-item {
        position: relative;
        display: block;
        padding: 10px 15px;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #ddd
    }

    .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    a.list-group-item {
        color: #555
    }

    a.list-group-item .list-group-item-heading {
        color: #333
    }

    a.list-group-item:focus,
    a.list-group-item:hover {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5
    }

    .list-group-item.disabled,
    .list-group-item.disabled:focus,
    .list-group-item.disabled:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #eee
    }

    .list-group-item.disabled .list-group-item-heading,
    .list-group-item.disabled:focus .list-group-item-heading,
    .list-group-item.disabled:hover .list-group-item-heading {
        color: inherit
    }

    .list-group-item.disabled .list-group-item-text,
    .list-group-item.disabled:focus .list-group-item-text,
    .list-group-item.disabled:hover .list-group-item-text {
        color: #777
    }

    .list-group-item.active,
    .list-group-item.active:focus,
    .list-group-item.active:hover {
        z-index: 2;
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
    }

    .list-group-item.active .list-group-item-heading,
    .list-group-item.active .list-group-item-heading>.small,
    .list-group-item.active .list-group-item-heading>small,
    .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading>.small,
    .list-group-item.active:focus .list-group-item-heading>small,
    .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading>.small,
    .list-group-item.active:hover .list-group-item-heading>small {
        color: inherit
    }

    .list-group-item.active .list-group-item-text,
    .list-group-item.active:focus .list-group-item-text,
    .list-group-item.active:hover .list-group-item-text {
        color: #c7ddef
    }

    .list-group-item-success {
        color: #3c763d;
        background-color: #dff0d8
    }

    a.list-group-item-success {
        color: #3c763d
    }

    a.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-success:focus,
    a.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6
    }

    a.list-group-item-success.active,
    a.list-group-item-success.active:focus,
    a.list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d
    }

    .list-group-item-info {
        color: #31708f;
        background-color: #d9edf7
    }

    a.list-group-item-info {
        color: #31708f
    }

    a.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-info:focus,
    a.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3
    }

    a.list-group-item-info.active,
    a.list-group-item-info.active:focus,
    a.list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
    }

    .list-group-item-warning {
        color: #8a6d3b;
        background-color: #fcf8e3
    }

    a.list-group-item-warning {
        color: #8a6d3b
    }

    a.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-warning:focus,
    a.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc
    }

    a.list-group-item-warning.active,
    a.list-group-item-warning.active:focus,
    a.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b
    }

    .list-group-item-danger {
        color: #a94442;
        background-color: #f2dede
    }

    a.list-group-item-danger {
        color: #a94442
    }

    a.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-danger:focus,
    a.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc
    }

    a.list-group-item-danger.active,
    a.list-group-item-danger.active:focus,
    a.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
    }

    .list-group-item-heading {
        margin-top: 0;
        margin-bottom: 5px
    }

    .list-group-item-text {
        margin-bottom: 0;
        line-height: 1.3
    }

    .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
    }

    .panel-body {
        padding: 15px
    }

    .panel-heading {
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel-heading>.dropdown .dropdown-toggle {
        color: inherit
    }

    .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        color: inherit
    }

    .panel-title>.small,
    .panel-title>.small>a,
    .panel-title>a,
    .panel-title>small,
    .panel-title>small>a {
        color: inherit
    }

    .panel-footer {
        padding: 10px 15px;
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .panel>.list-group,
    .panel>.panel-collapse>.list-group {
        margin-bottom: 0
    }

    .panel>.list-group .list-group-item,
    .panel>.panel-collapse>.list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel>.list-group:first-child .list-group-item:first-child,
    .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel>.list-group:last-child .list-group-item:last-child,
    .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .panel-heading+.list-group .list-group-item:first-child {
        border-top-width: 0
    }

    .list-group+.panel-footer {
        border-top-width: 0
    }

    .panel>.panel-collapse>.table,
    .panel>.table,
    .panel>.table-responsive>.table {
        margin-bottom: 0
    }

    .panel>.panel-collapse>.table caption,
    .panel>.table caption,
    .panel>.table-responsive>.table caption {
        padding-right: 15px;
        padding-left: 15px
    }

    .panel>.table-responsive:first-child>.table:first-child,
    .panel>.table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child,
    .panel>.table:first-child>thead:first-child>tr:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
    .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
    .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
        border-top-left-radius: 3px
    }

    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
    .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
    .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
        border-top-right-radius: 3px
    }

    .panel>.table-responsive:last-child>.table:last-child,
    .panel>.table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
        border-bottom-left-radius: 3px
    }

    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
        border-bottom-right-radius: 3px
    }

    .panel>.panel-body+.table,
    .panel>.panel-body+.table-responsive,
    .panel>.table+.panel-body,
    .panel>.table-responsive+.panel-body {
        border-top: 1px solid #ddd
    }

    .panel>.table>tbody:first-child>tr:first-child td,
    .panel>.table>tbody:first-child>tr:first-child th {
        border-top: 0
    }

    .panel>.table-bordered,
    .panel>.table-responsive>.table-bordered {
        border: 0
    }

    .panel>.table-bordered>tbody>tr>td:first-child,
    .panel>.table-bordered>tbody>tr>th:first-child,
    .panel>.table-bordered>tfoot>tr>td:first-child,
    .panel>.table-bordered>tfoot>tr>th:first-child,
    .panel>.table-bordered>thead>tr>td:first-child,
    .panel>.table-bordered>thead>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .panel>.table-bordered>tbody>tr>td:last-child,
    .panel>.table-bordered>tbody>tr>th:last-child,
    .panel>.table-bordered>tfoot>tr>td:last-child,
    .panel>.table-bordered>tfoot>tr>th:last-child,
    .panel>.table-bordered>thead>tr>td:last-child,
    .panel>.table-bordered>thead>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .panel>.table-bordered>tbody>tr:first-child>td,
    .panel>.table-bordered>tbody>tr:first-child>th,
    .panel>.table-bordered>thead>tr:first-child>td,
    .panel>.table-bordered>thead>tr:first-child>th,
    .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
    .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
    .panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
    .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
        border-bottom: 0
    }

    .panel>.table-bordered>tbody>tr:last-child>td,
    .panel>.table-bordered>tbody>tr:last-child>th,
    .panel>.table-bordered>tfoot>tr:last-child>td,
    .panel>.table-bordered>tfoot>tr:last-child>th,
    .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
    .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
    .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }

    .panel>.table-responsive {
        margin-bottom: 0;
        border: 0
    }

    .panel-group {
        margin-bottom: 20px
    }

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px
    }

    .panel-group .panel+.panel {
        margin-top: 5px
    }

    .panel-group .panel-heading {
        border-bottom: 0
    }

    .panel-group .panel-heading+.panel-collapse>.list-group,
    .panel-group .panel-heading+.panel-collapse>.panel-body {
        border-top: 1px solid #ddd
    }

    .panel-group .panel-footer {
        border-top: 0
    }

    .panel-group .panel-footer+.panel-collapse .panel-body {
        border-bottom: 1px solid #ddd
    }

    .panel-default {
        border-color: #ddd
    }

    .panel-default>.panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd
    }

    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #ddd
    }

    .panel-default>.panel-heading .badge {
        color: #f5f5f5;
        background-color: #333
    }

    .panel-default>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #ddd
    }

    .panel-primary {
        border-color: #337ab7
    }

    .panel-primary>.panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
    }

    .panel-primary>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #337ab7
    }

    .panel-primary>.panel-heading .badge {
        color: #337ab7;
        background-color: #fff
    }

    .panel-primary>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #337ab7
    }

    .panel-success {
        border-color: #d6e9c6
    }

    .panel-success>.panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

    .panel-success>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #d6e9c6
    }

    .panel-success>.panel-heading .badge {
        color: #dff0d8;
        background-color: #3c763d
    }

    .panel-success>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #d6e9c6
    }

    .panel-info {
        border-color: #bce8f1
    }

    .panel-info>.panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

    .panel-info>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #bce8f1
    }

    .panel-info>.panel-heading .badge {
        color: #d9edf7;
        background-color: #31708f
    }

    .panel-info>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #bce8f1
    }

    .panel-warning {
        border-color: #faebcc
    }

    .panel-warning>.panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

    .panel-warning>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #faebcc
    }

    .panel-warning>.panel-heading .badge {
        color: #fcf8e3;
        background-color: #8a6d3b
    }

    .panel-warning>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #faebcc
    }

    .panel-danger {
        border-color: #ebccd1
    }

    .panel-danger>.panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

    .panel-danger>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #ebccd1
    }

    .panel-danger>.panel-heading .badge {
        color: #f2dede;
        background-color: #a94442
    }

    .panel-danger>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #ebccd1
    }

    .embed-responsive {
        position: relative;
        display: block;
        height: 0;
        padding: 0;
        overflow: hidden
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive embed,
    .embed-responsive iframe,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

    .embed-responsive.embed-responsive-16by9 {
        padding-bottom: 56.25%
    }

    .embed-responsive.embed-responsive-4by3 {
        padding-bottom: 75%
    }

    .well {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
    }

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, .15)
    }

    .well-lg {
        padding: 24px;
        border-radius: 6px
    }

    .well-sm {
        padding: 9px;
        border-radius: 3px
    }

    .close {
        float: right;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2
    }

    .close:focus,
    .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5
    }

    button.close {
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0
    }

    .modal-open {
        overflow: hidden
    }

    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0
    }

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%)
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

    .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px
    }

    .authentication-wrapper .action {
        text-transform: uppercase
    }

    .modal-backdrop {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background-color: #000
    }

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5
    }

    .modal-header {
        min-height: 16.43px;
        padding: 15px;
        border-bottom: 1px solid #e5e5e5
    }

    .modal-header .close {
        margin-top: -2px
    }

    .modal-title {
        margin: 0;
        line-height: 1.42857143
    }

    .modal-body {
        position: relative;
        padding: 15px
    }

    .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5;

        border-bottom: 10px solid #000;
    }

    .model-footer .closes1 {
        color: #000;
        text-decoration: underline;
    }

    a:visited, .alink:visited {
        color: #000;
    }

    .modal-footer .btn+.btn {
        margin-bottom: 0;
        margin-left: 5px
    }

    .modal-footer .btn-group .btn+.btn {
        margin-left: -1px
    }

    .modal-footer .btn-block+.btn-block {
        margin-left: 0
    }

    .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll
    }

    @media (min-width:768px) {
        .modal-dialog {
            width: 600px;
            margin: 30px auto
        }

        .modal-content {
            -webkit-box-shadow: none;
            box-shadow: none;
            border: none;
            padding: 5px;
        }

        .modal-sm {
            width: 300px
        }
    }

    @media (min-width:992px) {
        .modal-lg {
            width: 850px
        }
    }

    .tooltip {
        position: absolute;
        z-index: 1070;
        display: block;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.4;
        visibility: visible;
        filter: alpha(opacity=0);
        opacity: 0
    }

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px
    }

    .tooltip-inner {
        max-width: 200px;
        padding: 3px 8px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        background-color: #000;
        border-radius: 4px
    }

    .tooltip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
    }

    .tooltip.top-left .tooltip-arrow {
        right: 5px;
        bottom: 0;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
    }

    .tooltip.top-right .tooltip-arrow {
        bottom: 0;
        left: 5px;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
    }

    .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-width: 5px 5px 5px 0;
        border-right-color: #000
    }

    .tooltip.left .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-width: 5px 0 5px 5px;
        border-left-color: #000
    }

    .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
    }

    .tooltip.bottom-left .tooltip-arrow {
        top: 0;
        right: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
    }

    .tooltip.bottom-right .tooltip-arrow {
        top: 0;
        left: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
    }

    .popover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1060;
        display: none;
        max-width: 276px;
        padding: 1px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: left;
        white-space: normal;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
    }

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

    .popover-title {
        padding: 8px 14px;
        margin: 0;
        font-size: 14px;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-radius: 5px 5px 0 0
    }

    .popover-content {
        padding: 9px 14px
    }

    .popover>.arrow,
    .popover>.arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    .popover>.arrow {
        border-width: 11px
    }

    .popover>.arrow:after {
        content: "";
        border-width: 10px
    }

    .popover.top>.arrow {
        bottom: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-color: #999;
        border-top-color: rgba(0, 0, 0, .25);
        border-bottom-width: 0
    }

    .popover.top>.arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0
    }

    .popover.right>.arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-right-color: #999;
        border-right-color: rgba(0, 0, 0, .25);
        border-left-width: 0
    }

    .popover.right>.arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0
    }

    .popover.bottom>.arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0, 0, 0, .25)
    }

    .popover.bottom>.arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff
    }

    .popover.left>.arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999;
        border-left-color: rgba(0, 0, 0, .25)
    }

    .popover.left>.arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff
    }

    .carousel {
        position: relative
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden
    }

    .carousel-inner>.item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left
    }

    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        line-height: 1
    }

    @media all and (transform-3d),
    (-webkit-transform-3d) {
        .carousel-inner>.item {
            -webkit-transition: -webkit-transform .6s ease-in-out;
            -o-transition: -o-transform .6s ease-in-out;
            transition: transform .6s ease-in-out;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-perspective: 1000;
            perspective: 1000
        }

        .carousel-inner>.item.active.right,
        .carousel-inner>.item.next {
            left: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }

        .carousel-inner>.item.active.left,
        .carousel-inner>.item.prev {
            left: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }

        .carousel-inner>.item.active,
        .carousel-inner>.item.next.left,
        .carousel-inner>.item.prev.right {
            left: 0;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .carousel-inner>.active,
    .carousel-inner>.next,
    .carousel-inner>.prev {
        display: block
    }

    .carousel-inner>.active {
        left: 0
    }

    .carousel-inner>.next,
    .carousel-inner>.prev {
        position: absolute;
        top: 0;
        width: 100%
    }

    .carousel-inner>.next {
        left: 100%
    }

    .carousel-inner>.prev {
        left: -100%
    }

    .carousel-inner>.next.left,
    .carousel-inner>.prev.right {
        left: 0
    }

    .carousel-inner>.active.left {
        left: -100%
    }

    .carousel-inner>.active.right {
        left: 100%
    }

    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
        filter: alpha(opacity=50);
        opacity: .5
    }

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x
    }

    .carousel-control:focus,
    .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px
    }

    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        font-family: serif;
        line-height: 1
    }

    .carousel-control .icon-prev:before {
        content: '\2039'
    }

    .carousel-control .icon-next:before {
        content: '\203a'
    }

    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none
    }

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        border-radius: 10px
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
    }

    .carousel-caption .btn {
        text-shadow: none
    }

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

        .carousel-control .glyphicon-chevron-left,
        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-next,
        .carousel-control .icon-prev {
            width: 30px;
            height: 30px;
            margin-top: -15px;
            font-size: 30px
        }

        .carousel-control .glyphicon-chevron-left,
        .carousel-control .icon-prev {
            margin-left: -15px
        }

        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-next {
            margin-right: -15px
        }

        .carousel-caption {
            right: 20%;
            left: 20%;
            padding-bottom: 30px
        }

        .carousel-indicators {
            bottom: 20px
        }
    }

    .btn-group-vertical>.btn-group:after,
    .btn-group-vertical>.btn-group:before,
    .btn-toolbar:after,
    .btn-toolbar:before,
    .clearfix:after,
    .clearfix:before,
    .container-fluid:after,
    .container-fluid:before,
    .container:after,
    .container:before,
    .dl-horizontal dd:after,
    .dl-horizontal dd:before,
    .form-horizontal .form-group:after,
    .form-horizontal .form-group:before,
    .modal-footer:after,
    .modal-footer:before,
    .nav:after,
    .nav:before,
    .navbar-collapse:after,
    .navbar-collapse:before,
    .navbar-header:after,
    .navbar-header:before,
    .navbar:after,
    .navbar:before,
    .pager:after,
    .pager:before,
    .panel-body:after,
    .panel-body:before,
    .row:after,
    .row:before {
        display: table;
        content: " "
    }

    .btn-group-vertical>.btn-group:after,
    .btn-toolbar:after,
    .clearfix:after,
    .container-fluid:after,
    .container:after,
    .dl-horizontal dd:after,
    .form-horizontal .form-group:after,
    .modal-footer:after,
    .nav:after,
    .navbar-collapse:after,
    .navbar-header:after,
    .navbar:after,
    .pager:after,
    .panel-body:after,
    .row:after {
        clear: both
    }

    .center-block {
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    .pull-right {
        float: right !important
    }

    .pull-left {
        float: left !important
    }

    .hide,
    .instant-purchase {
        display: none !important
    }

    .show {
        display: block !important
    }

    .invisible {
        visibility: hidden
    }

    .text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
    }

    .hidden {
        display: none !important;
        visibility: hidden !important
    }

    .affix {
        position: fixed
    }

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

    .visible-lg,
    .visible-md,
    .visible-sm,
    .visible-xs {
        display: none !important
    }

    .visible-lg-block,
    .visible-lg-inline,
    .visible-lg-inline-block,
    .visible-md-block,
    .visible-md-inline,
    .visible-md-inline-block,
    .visible-sm-block,
    .visible-sm-inline,
    .visible-sm-inline-block,
    .visible-xs-block,
    .visible-xs-inline,
    .visible-xs-inline-block {
        display: none !important
    }

    @media (max-width:767px) {
        .visible-xs {
            display: block !important
        }

        table.visible-xs {
            display: table
        }

        tr.visible-xs {
            display: table-row !important
        }

        td.visible-xs,
        th.visible-xs {
            display: table-cell !important
        }
    }

    @media (max-width:767px) {
        .visible-xs-block {
            display: block !important
        }
    }

    @media (max-width:767px) {
        .visible-xs-inline {
            display: inline !important
        }
    }

    @media (max-width:767px) {
        .visible-xs-inline-block {
            display: inline-block !important
        }
    }

    @media (min-width:768px) and (max-width:991px) {
        .visible-sm {
            display: block !important
        }

        table.visible-sm {
            display: table
        }

        tr.visible-sm {
            display: table-row !important
        }

        td.visible-sm,
        th.visible-sm {
            display: table-cell !important
        }
    }

    @media (min-width:768px) and (max-width:991px) {
        .visible-sm-block {
            display: block !important
        }
    }

    @media (min-width:768px) and (max-width:991px) {
        .visible-sm-inline {
            display: inline !important
        }
    }

    @media (min-width:768px) and (max-width:991px) {
        .visible-sm-inline-block {
            display: inline-block !important
        }
    }

    @media (min-width:992px) and (max-width:1199px) {
        .visible-md {
            display: block !important
        }

        table.visible-md {
            display: table
        }

        tr.visible-md {
            display: table-row !important
        }

        td.visible-md,
        th.visible-md {
            display: table-cell !important
        }
    }

    @media (min-width:992px) and (max-width:1199px) {
        .visible-md-block {
            display: block !important
        }
    }

    @media (min-width:992px) and (max-width:1199px) {
        .visible-md-inline {
            display: inline !important
        }
    }

    @media (min-width:992px) and (max-width:1199px) {
        .visible-md-inline-block {
            display: inline-block !important
        }
    }

    @media (min-width:1200px) {
        .visible-lg {
            display: block !important
        }

        table.visible-lg {
            display: table
        }

        tr.visible-lg {
            display: table-row !important
        }

        td.visible-lg,
        th.visible-lg {
            display: table-cell !important
        }
    }

    @media (min-width:1200px) {
        .visible-lg-block {
            display: block !important
        }
    }

    @media (min-width:1200px) {
        .visible-lg-inline {
            display: inline !important
        }
    }

    @media (min-width:1200px) {
        .visible-lg-inline-block {
            display: inline-block !important
        }
    }

    @media (max-width:767px) {
        .hidden-xs {
            display: none !important
        }
    }

    @media (min-width:768px) and (max-width:991px) {
        .hidden-sm {
            display: none !important
        }
    }

    @media (min-width:992px) and (max-width:1199px) {
        .hidden-md {
            display: none !important
        }
    }

    @media (min-width:1200px) {
        .hidden-lg {
            display: none !important
        }
    }

    .visible-print {
        display: none !important
    }

    @media print {
        .visible-print {
            display: block !important
        }

        table.visible-print {
            display: table
        }

        tr.visible-print {
            display: table-row !important
        }

        td.visible-print,
        th.visible-print {
            display: table-cell !important
        }
    }

    .visible-print-block {
        display: none !important
    }

    @media print {
        .visible-print-block {
            display: block !important
        }
    }

    .visible-print-inline {
        display: none !important
    }

    @media print {
        .visible-print-inline {
            display: inline !important
        }
    }

    .visible-print-inline-block {
        display: none !important
    }

    @media print {
        .visible-print-inline-block {
            display: inline-block !important
        }
    }

    @media print {
        .hidden-print {
            display: none !important
        }
    }

    .navigation .level0>.level-top {
        color: #fff !important;
        text-transform: uppercase;
        font-size: 16px;
        color: #fff;
        font-weight: 700;
        line-height: 35px;
        text-transform: uppercase;
    }

    #footer {
        padding: 40px 0 20px 0;
        /* background-image: url(../images/footer.png); */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        z-index: 1;
    }

    .header.content {
        padding: 30px 0 0 0 !important;
    }

    .opacity:after {
        position: absolute;
        content: '';
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 1);
        z-index: -1;
    }
    #footer.main-footer .opacity:after{
        position: inherit;
        content: inherit;
        background: none;
    }
    #footer.main-footer {
        background-color:#fff;
        padding-top: 0;
        border-top: 10px solid #000;
        margin-top: 50px;
        padding-top: 50px;
    }
    #footer .logo {
        width: 100%;
        max-width: 100%;
        float: none;
        margin: 0;
    }

    .footer-list-top li {
        text-decoration: none;
        list-style: none;
        font-size: 16px;
        margin-top: 5px;
        letter-spacing: 0.5px;
        line-height: normal;
    }

    .footer-list-top .toplogo {
        margin: 0;
        margin-bottom: 15px
    }

    .footer-list-top li,
    .footer-list-top li a {
        color: #fff;
        font-family: 'Lato', sans-serif;

    }

    .footer-list-top div.follw_us {
        color: #f48120;
        font-size: 15px;
    }

    .footer-list-top div.follw_us {
        color: #f48120;
        font-size: 15px;
    }

    .social-icon li h3 {
        margin-bottom: 20px;
        margin-top: 30px;
        text-transform: uppercase;
        font-size: 20px;
        display: block;

    }

    #footer .get_touch h3 {
        color: #fff;
        text-transform: uppercase;
        font-size: 18px;
        margin-bottom: 17px;
        margin-top: 10px;
    }

    hr {
        border-top: 1px solid #4a4545;
    }

    #footer .get_touch .fa {
        color: #000;
        padding-top: 5px;
    }

    #footer .get_touch li a {
        color: #fff;
        text-decoration: none;
        font-size: 16px;
    }

    #footer .get_touch li a:hover {
        color: #000;
    }

    .footer-list-top {
        padding: 0;
        margin: 0;
        min-height: 170px;
        text-align: left;
    }

    .product-item-actions .actions-primary+.actions-secondary {
        padding-top: 0;
    }

    .add-qty {
        margin: 0 0 10px 0;
    }

    .add-qty .qty {
        height: 30px;
        width: 35px;
        padding: 5px;
    }

    .bot-sec {
        padding: 0;
    }

    .bot-sec p,
    .bot-sec p a {
        color: #fff;
        line-height: normal;
        font-size: 16px;
    }

    .m-r-20 {
        margin-left: 25px;
    }

    .foot-search .form-control {
        background: #3e3e3e;
        border-color: #3e3e3e;
        height: 46px;
        font-size: 18px;
        color: #fff;
    }

    .foot-search .search-btn {
        background: #5c5c5c;
        border: none;
        position: absolute;
        top: 0;
        right: 0;
        height: 46px;
        padding: 0 10px;
        text-align: center;
    }

    .footer_logo .logo_factory {
        margin-top: 7px;
    }

    header .search .form-control:hover,
    header .search .form-control:active,
    header .search .form-control:focus {
        border: 1px solid #ccc;
    }

    /* start copyright */
    #copyright {
        padding: 20px;
        color: #ccc;
        font-size: 14px;
        background-color: #000;
    }

    #copyright p {
        font-weight: 400;
    }

    #copyright p a {
        color: #f48120;
    }

    #copyright p .policy {
        color: #ccc;
    }

    .search .block.newsletter {
        width: 100%;
        margin: 0;
    }

    .search #newsletter {
        background: #3e3e3e;
        border-color: #3e3e3e;
        height: 46px;
        font-size: 16px;
        color: #fff;
        padding: 0 10px;
    }

    .actions .subscribe.primary {
        background: #5c5c5c;
        border: none;
        height: 46px;
        text-align: center;
        font-size: 0;
    }

    .note.no-label {
        display: none
    }

    .search .subscribe span:after {
        content: "\f054";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        color: #000;
        padding-top: 5px;
        font-size: 22px;
    }

    .newsletter.block div.mage-error[generated] {
        font-size: 14px;
    }

    .search .block.newsletter .field .control:before {
        display: none
    }

    .page-header {
        /*  background-image: url(../images/header-background.jpg); */
        background-color: #fff;
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0;
        padding-bottom: 5px;
    }

    .cms-home.cms-index-index .sticky-fix {
        position: inherit;
        animation: none;
    }

    .page-header .switcher-currency .options ul.dropdown {
        right: 0;
    }

    .cms-home.cms-index-index .sticky-fix .header,
    .cms-home.cms-index-index .header, body .header.content {
        padding: 5px 0 0 0 !important;
        margin-top: 0;
    }
    body .header.content {
        /* border-bottom: 1px solid #000; */
        height: 95px
    }
    .content .container{
        text-align: center
    }
    .logo h2, .imgpayment h2{
        font-size: 36px;
        font-weight: 600;
        letter-spacing: 2px;
        margin: 20px 0 10px 0;
    }
    .main-social{
        display: inline-block;
        padding: 0;
        margin: 0;
    }
    .customer-account-create h1.page-title {
        font-size: 36px;
    }

    #category_buyer_slider {
        margin-bottom: 10px;
    }

    .wrapper .language {
        display: none !important;
    }

    .switcher-options {
        margin-top: 1px;
    }

    .wrapper .switcher-trigger {
        margin-top: 5px
    }

    .switcher-trigger {
        text-transform: uppercase;
        color: #000;
    }

    .switcher-currency .switcher-trigger:after {
        left: -18px !important;
        top: 5px !important;
    }

    .opc-wrapper .step-content {
        background: #fafafa;
        border: 1px solid #ccc;
        padding: 0 15px 15px 15px;
    }

    .page-header .navigation {
        background: transparent;
        box-shadow: none;
        float: left;
        margin-left: 300px;
        width: auto;
    }

    #payment {
        margin-top: 52px;
    }

    .switcher-trigger .view-default,
    .authorization-link a {
        color: #000 !important;
        font-size: 16px;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        padding: 0;
        text-decoration: none;
    }

    .page-header .switcher.language {
        float: none;
        margin-left: 40px;
        display: inline-block;
        margin-right: 5px;
    }

    .page-header .switcher .options .action.toggle:after,
    .page-footer .switcher .options .action.toggle:after {
        color: #000 !important;
        top: 12px;
        position: absolute;
        left: -6px;
        font-size: 12px;
    }

    .authorization-link {
        float: right;
        margin-top: 15px;
        position: relative;
        display: block;
    }

    .p-d-se {
        position: relative;
        display: block;
        width: 100%;
        height: 450px;
    }

    .p-d-sess {
        position: absolute;
        bottom: 0;
        left: 51%;
    }

    .minicart-wrapper {
        margin: 6px 0 0 0
    }

    .page-wrapper {
        background-color: #fff;
    }

    .heaing {
        margin: 0;
        color: #000;
        text-align: center;
        text-transform: uppercase;
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 40px;
        margin-top: 40px;
        line-height: 34px;
    }

    .home-banner {
        padding-top: 25vh
    }

    .logo {
        margin: 8px 0 0 0 !important;
        max-width: 100% !important;
        width: 100%;
        float: none;
        text-align: center;
        display: inline-block
    }

    .logo img {
        height: auto;
        /*width: 24%;*/
        display: inline-block;
    }

    .home-banner img {
        display: none;
    }

    .product-row {
        min-height: 260px;
        margin-bottom: 20px;
        text-align: center;
        padding: 0px;
    }

    .b-text {
        height: auto
    }

    section.product {
        padding-bottom: 30px;
        background: #e7e6e6;
        padding-top: 20px;
    }

    .b-text p {
        color: #000;
        font-weight: 500;
        font-size: 16px;
        padding-top: 5px;
        text-align: center;
    }

    .home-banner h1 {
        text-shadow: 1px 2px 2px #111;
        font-size: 46px;
        font-family: Gill Sans MT Light;
        font-weight: 600;
        letter-spacing: 1px;
        margin: 40px 0 30px 0;
        color: #fff;
        text-align: center;
    }

    .footer-custom-section {
        border-bottom: 1px solid #4a4545;
        margin-bottom: 20px;
    }

    .category-titme {
        display: none;
    }

    .page-footer {
        min-height: 500px;
        background-image: url(../images/map.jpg) !important;
        background-position: right !important;
        background-repeat: no-repeat !important;
        padding: 0 !important;
        padding-left: 35px;
        background-size: contain !important;
        background-color: #fff !important;
    }

    .m-t-50 {
        margin-top: 50px;
    }

    .owl-next span {
        background-image: url(../images/right.png);
        right: -50px;
        left: auto;
        position: absolute;
        top: 30%;
        width: 27px;
        height: 44px;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        background-size: 27px 44px;
        background-position: center;
        font-size: 0;
        background-repeat: no-repeat;
    }

    .owl-prev span {
        background-image: url(../images/left.png);
        left: -50px !important;
        left: auto;
        position: absolute;
        top: 30%;
        font-size: 0;
        width: 27px;
        height: 44px;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        background-size: 27px 44px;
        background-position: center;
        background-repeat: no-repeat;

    }

    .col-sm-21 {
        width: 20%;
        display: inline-block;
        float: left;
    }

    .displybl,
    .displybls,
    .displyblsu,
    .displypls,
    .Colleague {
        display: none !important
    }

    .middle-sec {
        margin: 20px 0 0px 0;
        display: inline-block;
        width: 100%;
    }

    .img-portfolio {
        text-align: center;
        padding: 10px;
    }

    .img-portfolio img {
        height: 90px;
    }

    .img-portfolio h3 {
        text-transform: uppercase;
        font-size: 16px;
        margin: 15px 0;
        color: #000;
        font-weight: 800;
    }

    .img-portfolio p {
        font-size: 14px;
        color: #333;
    }

    #mySidenav .regi {
        float: right;
        color: #000;
        margin-top: 7px;
    }




    .regi:hover,
    .regi:active,
    .regi:focus,
    .right a:hover,
    .right a:active,
    .right a:focus {
        color: #222 !important;
    }
    .news.nav-toggle:before{
        color:#000
    }
    @media(max-width:1200px) {
        .page-header .navigation {
            margin-left: 10%
        }
        .cms-home .owl-carousel.owl-drag#category_slider .owl-item,.cms-home .owl-carousel.owl-drag#category_buyer_slider .owl-item {
            width: 25% !important;

        }
        .page-header .switcher.currency {
            margin-right: 5px
        }

        .page-header {
            background-position: center
        }
    }

    @media(max-width:1024px) {
        .page-header .navigation {
            margin-left: 2%;
        }
        .owl-prev span, .owl-next span{
         display: none
     }
     
     .carticon{
        position: relative;
        top: 0;
        padding-left: 5px;
    }
    .page-header {
        background-position: center;
    }

    .header.content {
        padding-top: 20px !important;
        text-align: center
    }

    .p-d-sess {

        left: 40%;
    }

    .header.content .logo {
        text-align: center;
        float: none;
        max-width: 100%;
        width: 100%;
        display: block
    }

    .header.content .logo img {
        max-width: 100%;
        width: auto;
        display: inline-block;
    }

    .page-header .switcher {
        margin-right: 10px !important;
    }

    .home-banner {
        padding-top: 8vh;
    }

    .home-banner h1 {
        font-size: 36px;
    }

    .page-header .switcher.language {
        margin-left: 0
    }
}

@media(max-width:768px) {
  
    .footer.sub-footer ul{
        padding: 0;
        
        text-align: center;
        margin: 0 0 10px 0;
        display: inline-block;
        text-align: center;
        width: 100%;
    }
    .social li {
        float: none;
        display: inline-block;
    }
    .searchmain .block-search {
        width: auto;
    }
    .product-row {
        min-height: auto;
    }
    .page-header .navigation {
        margin: 0;
    }

    .minicart-wrapper {
        margin-right: 5px;
        margin-top: 10px
    }

    .navigation .level0>.level-top {
        padding: 0 !important
    }

    .page-header {
        background-position: center;
    }
}

@media(max-width:767px) {
    .header.content .logo {
        text-align: center;
        float: none;
        max-width: 100%;
        width: 100%;
        display: block;
    }
    .p-d-sess {
        position: inherit;
        left: 0;
    }

    .page-header .navigation {

        width: 100%;
    }

    .authorization-link {
        float: none;
        list-style: none;
        margin: 0;
    }

    .home-banner {
        padding-top: 0;
    }

    

    .heaing {
        font-size: 16px;
        margin: 10px 0;
        line-height: 25px;
    }

    .head-top p {
        text-align: center;
    }

    .m-r-20 {
        margin: 0;
    }

    #footer .get_touch h3 {
        margin-bottom: 15px;
        margin-top: 25px;
    }

    .footer-list-top {
        min-height: auto;
    }

    .bot-sec p {
        font-size: 16px;
        text-align: center;
    }
}

.get_touch li a,
.stock.unavailable {
    text-transform: capitalize !important;
}

.buerssec {
    position: relative;
}

.buerssec h1 {
    color: #222;
    font-family: 'Lato', sans-serif;
    margin: 0;
    margin: 10px 0;
    padding-left: 35px;
    font-size: 20px;
}

.buerssec h1:before {
    position: absolute;
    content: '';
    background-image: url(/pub/static/frontend/SDS/Ocean/en_US/images/pin-01.png);
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    left: 10px;
    top: 3px;
    background-size: 18px;
}

.Suppliers h1:before {
    background-image: url(/pub/static/frontend/SDS/Ocean/en_US/images/pin-02.png);
}

.Sales h1:before {
    background-image: url(/pub/static/frontend/SDS/Ocean/en_US/images/pin-03.png);
}

@media only screen and (max-width: 768px) {
    .buerssec h1 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 700px) {
    .footer-list-top {
        text-align: center;
    }

    .buerssec h1 {
        margin: 20px 0;
        font-size: 24px;
    }

    .page-footer .widget.block {
        margin: 0 !important;
        margin-top: -20px !important;
    }

    .p-d-se {
        padding: 0
    }

    .buerssec h1:before {
        top: -1px;
    }
}


.sidenav {
    width: 0;
    position: fixed;
    z-index: 102;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    border: 1px solid #ccc;
    border-right-color: #fff;
    border-top-color: #fff;

}

.close:focus,
.close:hover {
    color: #fff;
}

.modal-headers {
    display: inline-block;
    width: 100%;
}

.main-right h4 {
    /* font-family: Gill Sans MT Light; */
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 30px;
    font-weight: 600;
}

.main-right .form-control {
    border: 1px solid #000;
    border-radius: 0;
    height: auto;
    font-family: Gill Sans MT Light;
    font-size: 18px;
    font-weight: 600;
    padding: 4px 8px;
    background: transparent;
}

.main-right .form-group {
    margin-bottom: 25px;
}

.sidenav .right a {
    text-decoration: none;
    color: #000;
    font-weight: normal;
}

#mySidenav .btn-default:hover {
    background: #000;
    color: #fff;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.mystyle {
    width: 400px;
}

.Registration {
    height: 150px;
}
.home-bottom-btn{
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
}
.home-bottom-btn .col-sm-6{
    text-align: center
}
@media screen and (max-height: 450px) {

    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

.sidenav button.close,
.closes,
.closesbtn,
.closesp, .closeses , .Dclosesbtn{
    background: #000;
    padding: 2px 6px;
    margin: 1px 0 0 0;
    color: #fff;
    cursor: pointer;
    border-radius: 100%;
    opacity: 0.2;
}

.sidenav .form-group .btn-default {
    color: #fff;
    padding: 4px 20px;
    font-family: Gill Sans MT Light;
    font-size: 18px;
    text-transform: capitalize;
    border-radius: 4px;
    width: auto;
    box-shadow: none;
}

.btn-default:hover


/* end copyright */
.head-top {
    text-align: center;
    display: none
}

.head-top p {
    text-align: center;
    font-size: 18px;
    padding: 10px 0 15px 0;
    color: #222;
    border-bottom: 1px solid #333;
    width: 60%;
    margin: auto;
}

.suppl {
    /* background-image: url(/pub/static/frontend/SDS/Ocean/en_US/images/background.jpg);
    min-height: 720px; */
}

.img-top {
    height: 500px;
    overflow: hidden;
}

.img-top img {
    width: 100%;
}

.img-top.influ-top {
    height: 555px;
}

.text-bottom {
    border: 1px solid #000;
    padding: 10px;
}

.text-bottom ul {
    padding: 0 30px;
    margin: 0;
}

.text-bottom ul li {
    list-style: none;
    font-size: 12px;
    color: #000;
    line-height: 26px;
    text-align: center;
    float: left;
    width: 50%;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
}
.text-bottom ul li:before{
    position: absolute;
    content: '';
    height: 5px;
    width: 5px;
    border-radius: 5px;
    border: 1px solid #000;
    background-color: #000;
    top: 10px;
    margin-left: -15px;

}

.container .wk-supplier-account-container {
    background: #fff !important;
    padding-bottom: 70px !important;
    display: inline-block;
}

.register-btn {
    font-family: Gill Sans MT Light;
    font-size: 18px;
    text-transform: capitalize;
    border-radius: 0;
    padding: 10px 50px;
    background: #000;
    border: 1px solid #000;
    box-shadow: none !important;
    color: #fff;
}

.text-center {
    width: 100%;
    text-align: center
}
.form-control.text-center {
    text-align: left
}

.register-btn.reset {
    background: #fff;
    border: 1px solid #000;
    color: #000;
}

.suppl input,
.suppl select {
    background: transparent;
    border-color: #222;
    height: 44px !important;
}

.suppl textarea {
    background: transparent;
    border-color: #222;
}

.suppl .required,
.suppl .company {
    position: relative;
    text-align: left
}

.suppl input[type="checkbox"] {
    height: auto !important;
    margin-top: 0;
    margin-right: 5px;
}

.suppl .label {
    width: auto;
    position: absolute;
    background: rgba(237, 240, 241, 1);
    top: -8px;
    left: 10px;
    padding: 0 4px;
    margin: 0 !important;
    z-index: 3;
}

.fieldset>.field {
    margin: 0 0 15px;
}

/* The message box is shown when the user clicks on the password field */
#message {
    display: none;
    background: transparent;
    color: #000;
    position: relative;
    padding: 10px;
    text-align: left;
}

#message h3 {
    margin: 0;
    margin-bottom: 5px;
}

#message p {
    padding: 0px 35px;
    font-size: 16px;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
    color: green;
}

.valid:before {
    position: relative;
    left: -35px;
    content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
    color: red;
}

.invalid:before {
    position: relative;
    left: -35px;
    content: "✖";
}

.form.create.account {
    min-width: 100% !important;
    width: 100% !important;
    margin-bottom: 30px;
    display: inline-block;
}

.Buyer fieldset {
    margin: 0;
    display: inline-block;
    width: 100%
}

.Buyer .create .legend {
    display: none
}

.Buyer .wk-signup-step-panel-container {
    float: none;
    width: -webkit-fill-available;
    width: -moz-available;
}

.newsletter label {
    position: inherit !important
}

#newsletter-validate-detail .label {
    display: none
}

.password-strength-meter {
    display: none !important
}

.choice .checkbox {
    display: inline-block;
    height: auto;
}

.Buyer .register-btn {
    font-family: Gill Sans MT Light;
    font-size: 18px;
    text-transform: capitalize;
    border-radius: 0px;
    padding: 10px 50px;
    background: #000;
    border: 1px solid #000;
    box-shadow: none !important;
    color: #fff;
    line-height: normal;
}

.Buyer .register-btn.reset {
    background: #fff;
    border: 1px solid #000;
    color: #000;
}

.Buyer .actions-toolbar {
    text-align: center
}

.Buyer .primary {
    float: none !important;
}

.page-title-wrapper {
    text-align: center
}

.page-title-wrapper .page-title {
    margin-bottom: 25px;
    color: #222;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 500;
    border: none;
    font-family: inherit;
}

.captcha-reload {
    padding: 4px !important;
    font-weight: 500 !important;
}

.wk-supplier-continer .field {
    margin: 0 0 30px;
}

.tabs,
div.mage-error, .checkout-index-index .charge {
    display: none;
}

.tabs.active {
    display: block;
}

.active1 div.mage-error {
    display: block;
}

.control .checkbox {
    height: auto !important;
    margin-right: 5px !important;
    margin-top: 0 !important;
    display: inline-block;

}

.taxvat {
    position: relative;
}

.navigation .level0.active>.level-top,
.navigation .level0.has-active>.level-top {
    color: #000 !important;
    border: none !important;
}

.product-image-container {
    position: relative
}

.footer-list-top.inline li {
    display: inline-block
}

#footer .get_touch.inline li a {
    height: 40px;
    width: 40px;
    text-align: center;
    border: 1px solid #fff;
    line-height: 42px;
    border-radius: 100%;
    display: inline-block;
}

#footer .get_touch.inline li a i {
    color: #fff;
    padding: 0;
    font-size: 20px;
}

#footer .get_touch.inline li a:hover i.fa-twitter {
    color: #1da1f2;
}

#footer .get_touch.inline li a:hover i.fa-facebook-square {
    color: #4267b2;
}

#footer .get_touch.inline li a:hover i.fa-instagram {
    color: #cf1372;
}

#footer .get_touch.inline li a:hover i.fa-youtube {
    color: #ff0000;
}

#footer .get_touch.inline li a:hover i.fa-linkedin {
    color: #0173b1
}

@media (max-width: 767px) {

    .page-layout-seller-login header.wk-mp-login-header {
        padding: 5px;
    }

    .page-layout-seller-login .logo {
        display: inline-block;
        width: 100%;
        text-align: center;
        min-width: 100%;
        margin: 0 !important;
    }

    .page-layout-seller-login ul.header.links {
        float: none;
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
        display: inline-block;
        padding-top: 10px;
    }

    .wk-page-title-wrapper h1 span {
        font-size: 20px;
    }

    .img-top {
        height: auto;
        overflow: hidden;
        margin: 0;
    }

    .text-bottom {
        border: 1px solid #ccc;
        padding: 10px 5px;
        height: auto;
    }

    .text-bottom ul {
        padding: 0;
        margin: 0;
        padding-left: 30px;
    }

    .text-bottom ul li {
        list-style: none;
        font-size: 12px;
        color: #000;
        line-height: 26px;
        text-align: center;
        float: left;
        width: 50%;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        position: relative;
    }
    .text-bottom ul li :before{
        position: absolute;
        content: '';
        height: 5px;
        width: 5px;
        border-radius: 5px;
        border: 1px solid #000;
        background-color: #000
    }
    .wk-supplier-continer {
        width: 100%;
    }

    .register-btn {
        font-size: 16px;

        padding: 6px 35px;
    }

    .page-header .switcher.language {
        float: none;
    }

    .wk-signup-step-panel-container .actions-toolbar .register-btn {
        width: auto;
        margin: 0;
        padding: 8px 35px;
    }

    .mystyle {
        width: 315px;
    }

    .footer-list-top li,
    #footer .get_touch li a {
        font-size: 16px;
        line-height: 18px;
    }
}

::-webkit-file-upload-button {
    background: #24add2;
    color: #fff;
    padding: 6px 8px;
}

.wk-supplier-continer .feild-input {
    margin-top: 40px;
}

.suppl .feild-input .label {
    top: -30px;
    left: -2px;
    background-color: transparent;
    font-size: 16px;
}
.wk-signup-complete-msg{
    font-size: 18px;
    font-weight: 500;
}
.wk-supplier-feature-container.disply-none {
    display: none
}

#SuccessMsg {
    margin-top: 20px;
}

.feild-input input[type=file] {
    height: auto !important;
    padding: 2px !important;
}

.mage-error {
    text-align: left
}

.card_detail h3 {
    font-size: 24px;
}

.icon-container {
    text-align: right
}

.icon-container i {
    font-size: 18px;
    margin-bottom: 10px;
}

.suppl input[type=file] {
    height: auto;
}

.standard {
    margin-top: 35px !important;
}

.suppl .standard .label {
    top: -23px;
    left: -2px;
}

.right {
    display: inline-block;
    width: 100%;
}

.exp {
    padding-right: 10px;
}

.card_detail {
    display: none
}

.terms a {
    color: #000;
    text-decoration: none;
}

.terms a:hover {
    color: #222;
    text-decoration: none;
}

.wk-mp-login-header .wk-supplier-account-container {
    background: transparent !important;
    padding: 0 !important;
    display: block;
    /* padding-top: 20px; */
    margin-top: 20px;

}

.category-view {
    display: none;
}

.sidebar {
    padding: 16px !important;
    border: 1px solid #fff;
    box-shadow: -1px 2px 6px #ccc;
}

.sidebar-additional {
    margin-top: 15px;
}

.columns .column {
    padding: 20px;
    padding-top: 0;
}

.product .product-item-link {
    font-size: 14px;
    font-weight: 800 !important;
    text-transform: uppercase;
}

.normal-price .price-label {
    display: none
}

.product .swatch-option.text {
    padding: 1px 2px;
    margin-right: 7px;
    margin-bottom: 0;
}

.product-item-link,
.product-item .price-box {
    /*   font-family: Gill Sans MT Light; */
    color: #000
}

.product .swatch-option.color {
    width: 15px;
    height: 15px;
    float: left;
    margin: 2px;
    min-width: 15px;
    border-radius: 100%;
    line-height: 15px;
}

.products-grid .product-item-actions {
    margin: 10px 0 0 0 !important;
}

.page-products .products-grid .product-item {

    position: relative;
}

.actions-secondary .towishlist {
    position: absolute;
    top: 5px;
    z-index: 5;
    right: 5px;
}

.page-products .products-grid .product-item {
    padding: 0 !important;
}

.page-products .product-item-info {
    margin-bottom: 10px;
    border: 1px solid #fff;
    margin-top: 1px;
}

.toolbar select {
    border: 1px solid #ccc;
}

.product-item-details {
    padding: 5px;
}

.list .product-item-details {
    min-height: 180px;
}

.searchbox i {
    color: #000;
    font-size: 18px;
}

.searchbox {
    position: relative;
    top: 6px;
    right: 10px;
    cursor: pointer;
}

.minicart-wrapper .action.showcart {
    position: relative;
}

.active.modes-mode:before {
    color: #fff
}

.toolbar-amount,
.limiter-text {
    display: none !important
}

.toolbar-products .pages {
    display: none;
}

#page-title-heading {
    margin-top: 15px;
    margin-bottom: 15px;
}

#page-title-heading span {
    margin-bottom: 30px;
    display: inline-block;
}

.toolbar-products {
    margin-bottom: 0;
    border: 1px solid #fff;
    padding: 5px 8px;
}

.cms-about-us .breadcrumbs {
    display: none;
}

.table-comparison .label span,
.table-comparison .remove span {
    position: inherit !important
}

.table-comparison .cell.product.info,
.table-comparison .cell.product.label {
    position: relative
}

.table-comparison tr {
    min-height: 32px;
}

.actions-secondary .towishlist {}

.sticky-fix {
    position: fixed;
    width: 100%;
    z-index: 10;
    padding: 0;
    top: 0;
    left: 0;
    animation: smoothScroll 1s forwards;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-100px);
    }

    100% {
        transform: translateY(0px);
    }
}

.sticky-fix .header {
    padding-top: 20px !important;
    margin-top: 0
}

.sticky-fix .logo {
    margin-bottom: 15px;
}

.sidebar .product-items-names .product-item {
    display: flex
}

.sidebar {
    margin-bottom: 15px;
}

.product-stock {
    position: absolute;
    right: 2px;
    bottom: 2px;
    background: #000;
    height: 25px;
    width: 25px;
    text-align: center;
    z-index: 9;
    line-height: 29px;
    border: 1px solid #000;
}

.delivery-time {
    font-size: 12px;
}

.product-stock.redback {
    background: #b22222;
    border: 1px solid #b22222;
}

.filter-clear {
    background: #edebeb;
    padding: 2px 5px;
    color: #000;
}

.filter-current {
    margin: 0;
    border: 1px solid #dcdcdc;
}

.filter-actions {
    padding: 0 !important;
    margin: 10px 0 20px 0 !important;
}

.fotorama__thumb-border {
    border: 1px solid #000 !important;
}

.compare {
    display: none
}

.product-stock i {
    color: #fff;
    font-size: 20px;
    font-weight: 100;
}

.product-item .price-box .price {
    font-size: 14px;
}

.product-item .price-box .price {

    padding-left: 45px;
}

.product-item .price-box .price-label {
    color: #000;
    font-weight: 600;
}

.filter-options-content .items {
    padding-left: 20px;
}

.filter-options-content {
    margin: 0;
    padding: 0px 0 0 10px;
    border-top: 1px solid #ccc;
    margin-top: 10px;
}

.filter-options-content .items .item:last-child {
    margin-bottom: 0 !important
}

.filter-options-title {
    position: relative;
}

.filter-options-title::before {
    position: absolute;
    content: '\f0dd';
    font-family: 'FontAwesome';
    color: #017ab7;
    transform: rotate(270deg);
    left: 3px;
    top: 10px;
}

.swatch-option.text {
    /*padding: 2px 4px !important;*/
    margin-right: 5px !important;
    ;
    padding: 2px 3px !important;
}

.swatch-option {
    min-width: 15px !important;
}

.swatch-option.color {
    width: 15px !important;
    height: 15px !important;
    margin: 2px 4px 2px 0 !important;
    /*margin: 2px 82px 2px 0!important;*/
    border-radius: 100%;
}

.product-options-wrapper .swatch-option.color {
    border-radius: 100%;
}

.filter-options-content .color .filter-options-content a {
    float: left;
    width: 50%;
    display: inline-block;
}

.filter-options-content a {
    position: relative;
    padding-left: 15px;
}

.filter-options-content li.item>a:before {
    position: absolute;
    content: '\f0dd';
    font-family: 'FontAwesome';
    color: #000;
    transform: rotate(270deg);
    left: 0px;
    top: 2px;
}

.product-info-main .page-title-wrapper .page-title {
    text-align: left;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 500;
}

.sku {
    display: none
}

th.sku,
td.sku {
    display: block
}

.product-info-main .product-add-form {
    padding-top: 0 !important
}

.swatch-attribute-options {
    margin-top: 5px;
    margin-bottom: 10px;
}

.product-options-bottom {
    padding: 0 !important;
}

.box-tocart .control {
    display: inline-block;
    margin-left: 10px;
}

.swatch-attribute.size .swatch-option,
.swatch-attribute.manufacturer .swatch-option {
    border: 1px solid rgb(230, 228, 228) !important;
    background: #edebeb !important;
    color: #000 !important;
}

.product-social-links a.action {
    border: 1px solid #edebeb;
    padding: 6px 7px;
    margin-right: 2px;
    background: #edebeb;
    border-radius: 4px;
    color: #000;
}

.product .value p {
    letter-spacing: 0.5px;
}

.block-dashboard-info,
.block-dashboard-addresses,
.block-dashboard-orders,
.block-addresses-default,
.form-address-edit,
.orders-history,
.form-edit-account {
    border: 1px solid #e6e4e4;
    padding: 10px;
}

.block-compare,
.block-reorder,
.block-wishlist {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px !important;
    padding-bottom: 10px;
}

.product-item,
.page-main {
    position: relative;
}

.page-main .messages {
    top: 0;
    position: absolute;
    width: 100%;
    margin-bottom: 0px;
    z-index: 10;
}

.cart-container .form-cart {
    padding: 0
}

.table-wrapper {
    background: #fbfbfb;
    border: 1px solid #edebeb;
    padding: 10px;
}

.cart.table-wrapper .cart thead tr th.col {
    padding: 10px;
    padding-top: 0;
    font-weight: 800;
}

.cart.table-wrapper .product-item-name,
.cart.table-wrapper .col.price .price-excluding-tax,
.paypal-review-discount .block>.title strong,
.cart-discount .block>.title strong {
    font-size: 16px;
    color: #000;
}

.action.primary.apply {
    padding: 7.5px 12px;
    margin-left: 10px !important;
}

.page-layout-seller-login header.wk-mp-login-header,
.wk-mp-login-header {
    /*background-image: url(../images/header-background.jpg) !important;*/
    
}

.discount .title {
    background: #edebeb;
    border: 1px solid #edebeb !important;
    width: 50%;
    padding: 10px !important;
    color: #222;
}

.content {
    margin-top: 10px;
}

.opc-progress-bar {
    margin-top: 20px;
}

.minicart-items-wrapper .product-item-details {
    padding: 0 0 0 90px;
}

.page-layout-checkout .modal-popup .modal-inner-wrap {
    width: 40%;
    height: 90vh;
}

#shipping-new-address-form {
    padding: 15px 0 25px 15px;
}

.opc-wrapper .opc .step-content {
    padding-top: 15px;
    margin-top: 4px;
}

.page-layout-checkout .page-title {
    margin-top: 30px;
}

.primary .action-apply {
    margin-right: 0 !important
}

.account .sidebar-main {
    margin-top: 52px;
}

.account .block-collapsible-nav .content {
    padding: 0;
    margin: 0;
    padding-top: 5px;
}

.account .main .block {
    margin-bottom: 30px;
    box-shadow: 0 1px 1px #ccc;
}

.account .form-edit-account {
    box-shadow: 0 1px 1px #ccc;
}

.page-wrapper .page-header .panel.wrapper {
    background: transparent;
    padding: 0;
    border: none;
    margin: 0;
    box-shadow: none
}

.cms-home .page-wrapper .page-header:before {
    position: absolute;
    background-color: #fff;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 110px;
}

.page-wrapper .page-header .panel.header {
    background: transparent;
    padding: 0 !important;
    border: none;
    margin: 0 auto;
    box-shadow: none;
}

.wk-supplier-menu-ul .wk-supplier-menu-li:last-child {
    display: none
}

.marketplace-seller-collection .toolbar-products {
    margin-top: 0
}

#contact-us {
    display: none
}

.product-items li.product-item:last-child {
    margin-bottom: 70px;
}

.navigation .level0>.level-top:hover,
.switcher-currency span:hover {
    color: #000 !important;
}



.wk-supplier-registration-link a:hover {
    text-decoration: none;
    color: #fff !important;
}

/* #downloadable_items-wrapper, .fieldset .field:last-child{
    display:none;
    }*/
    .weight-switcher,
    input[type="radio"] {
        height: auto;
        width: auto;
    }

    .wk-mp-design .wk-mp-fieldset .control {
        width: auto !important;
    }

    .p-l-f {
        width: 100%;
        margin-left: 49%;
    }


    /* The Modal (background) */
    #myModal.modal,
    #connectpopup.modal,
    #Priview.modal, #sizechart.modal, #Delievery.modal {
        padding-top: 70px;
        /* Location of the box */
        background-color: rgb(0, 0, 0);
        /* Fallback color */
        background-color: rgba(0, 0, 0, 0.4);
        /* Black w/ opacity */
        width: 100%;
    }

    #TextBoxesGroup>div {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }

    #removeButton {
        padding: 5px 10px;
    }

    #removeButton i {
        font-size: 18px;
    }

    /* Modal Content */
    #myModal .modal-content,
    #connectpopup .modal-content,
    #Priview .modal-content, #sizechart .modal-content, #Delievery .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 0;
        border: 1px solid #888;
        width: 54%;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        overflow: hidden;
        height: auto;
        max-height: 80vh;
        overflow-y: scroll;
    }

    #connectpopup .modal-content,
    #Priview .modal-content {
        overflow: hidden
    }

    #myModal .top_feild label,
    #connectpopup .top_feild label,
    #Priview .top_feild label, #sizechart .top_feild label {
        font-size: 16px;
        padding-left: 5px;
    }

    #myModal .top_feild,
    #connectpopup .top_feild,
    #Priview .top_feild, #sizechart .top_feild {
        display: inline-block;
        width: 100%;
        background: #fafafa;
        padding: 5px 0;
    }

    /* Add Animation */
    @-webkit-keyframes animatetop {
        from {
            top: -300px;
            opacity: 0
        }

        to {
            top: 0;
            opacity: 1
        }
    }

    @keyframes animatetop {
        from {
            top: -300px;
            opacity: 0
        }

        to {
            top: 0;
            opacity: 1
        }
    }

    .image-hover {
        transition: 1.5s;
    }

    .image-hover:hover {
        transform: scale(1.5);
        transition: 1.5s;
    }

    /* The Close Button */
    #myModal .close,
    #connectpopup .close,
    #Priview .close ,
    #Delievery .close {
        color: #000;
        float: right;
        font-size: 28px;
        font-weight: bold;
        opacity: 1;
    }

    .owl-stage .category-item {
        overflow: hidden;
        cursor: pointer;
        height: 270px;
    }

    .owl-carousel .owl-item img {
        margin-bottom: 10px;
    }

    .page-footer {
        display: none
    }

    #myModal .close:hover,
    #myModal .close:focus,
    #connectpopup .close:hover,
    #connectpopup .close:focus,
    #Delievery .close:hover,
    #Delievery .close:focus,
    #Priview .close:hover,
    #Priview .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

    #myModal .modal-header h2,
    #connectpopup .modal-header h2,
    #Delievery .modal-header h2,
    #Priview .modal-header {
        padding: 5px 0;
        margin: 0;
        font-size: 30px;
        text-transform: capitalize;
    }

    .middle {

        transition: .5s ease;
        position: absolute;
        top: 50%;
        left: 50%;

        width: 80%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
    }

    .middle .text {
        background: rgba(0, 0, 0, 0.5);
        padding: 15px;
    }

    .category-item .middle .text {
        opacity: 0;
    }

    .category-item:hover .middle .text {
        opacity: 1;
        transition: 1s;
    }

    .category-item .category-titme {
        display: block;
        color: #fff;
        font-size: 22px;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    #myModal .modal-body {
        padding: 10px 15px 20px 15px;
    }

    .page-layout-seller-2columns-left #TextBoxesGroup .field {
        width: 100%;
        padding: 0 2%;
    }

    #myBtn {
        font-weight: 700;
        color: #000;
        margin-top: -13px;
        position: absolute;
        cursor: pointer;

    }

    .response-msg {
        text-align: center;
        color: green;
        font-weight: 600;
    }

    .product-item-photo {
        position: relative;
    }

    .after-logins {
        display: inline-block;
        margin-left: 20px;
        width: 7%;
        margin-top: 15px;
        text-transform: uppercase;
        color: #000;
        cursor: pointer;
        padding-left: 5px;
        padding-bottom: 10px;
        float: right;
    }

    .after-logins i {
        font-size: 18px;
        color: #000;
        cursor: pointer;
        padding-right: 5px;
    }

    .user-dropdown {
        margin: 0;
        padding: 0;
        list-style: none none;
        background: #fff;
        border: 1px solid #000;
        margin-top: -8px;
        min-width: 160px;
        z-index: 100;
        box-sizing: border-box;
        display: none;
        position: absolute;
        top: 100%;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
        left: -10px;
    }

    .user-dropdown:before {
        border: 6px solid;
        border-color: transparent transparent #fff transparent;
        z-index: 99;
        position: absolute;
        content: '';
        top: -12px;
        left: 10px;
    }

    .user-dropdown a {
        color: #000;
        padding: 8px;
        display: block;
        text-decoration: none;
    }

    .after-logins:hover .user-dropdown {
        display: block
    }

    .user-dropdown a:hover {
        text-decoration: none;
        color: #fff;
        background-color: #000
    }

    .closes,
    .closesbtn,
    .closesp, .closeses, .Dclosesbtn {
        float: right;
        font-size: 22px;
        font-weight: 600;
        opacity: 0.5;
        height: 30px;
        width: 30px;
        position: relative;
        top: -2px;/*-40px;*/
        right: 10px;
        background: #000;
        opacity: 1;
    }

    .closesbtn,
    .closesp, .closeses , .Dclosesbtn{
        line-height: 20px;
    }

    .closes:hover,
    .closesbtn:hover,
    .closesp:hover, .closeses:hover, .Dclosesbtn:hover {
        opacity: 1;
    }

    .modalhead h2 {
        color: #fff;
    }

    #myModal .ov-hidden {
        width: 50%;
        overflow: hidden;
    }

    #myModal .modal-body.register-poup {
        padding: 30px 10px;
        text-align: center
    }

    .Reg-Btn {
        color: #fff !important;
        background: #000;
        padding: 8px 36px;
        border: 1px solid #000;
        font-size: 20px;
        border-radius: 0;
    }

    .Reg-Btn:hover {
        text-decoration: none;
        background: #fff;
        color: #000 !important
    }

    .page-header .navigation.after_login_nav {
        margin-left: 40%;
    }

    .field-image-role li {
        list-style: none;
    }

    .field-image-role input {
        height: auto !important;
    }

    #contact-form {
        width: 40% !important;
        margin-bottom: 50px;
        float: left !important;
    }

    textarea {
        resize: none
    }

    .image-detail {
        text-align: center
    }

    .pdsgf {
        width: 100% !important;
        border-bottom: 10px solid #000;
        display: inline-block !important
    }

    .image-detail img {
        height: 300px;
    }

    .floatss {
        float: left;
    }

    @media(max-width:1024px) {
        #shipping-new-address-form {
            padding: 15px 5px 25px 5px;
        }

        #page-title-heading {
            margin-bottom: 50px;
        }

        .discount .title {
            width: 70%;
            background: #fff;
            border: none !important;
        }

        .cart-discount .block {
            width: 100% !important;
        }
    }

    @media(max-width:900px) {
        #myModal .ov-hidden {
            width: 90%;
            overflow: hidden;
        }
        .sub-footer .col-lg-6.col-sm-7, .sub-footer .col-lg-3.col-sm-3{
            width:100%;
        }
        .page-layout-checkout .modal-popup .modal-inner-wrap {
            width: 68%;
        }

        .sidebar {
            padding: 5px !important;
        }

        .filter-options-title {
            padding: 10px 25px 0 15px;
            font-size: 13px;
        }


        .discount .title {
            width: 82%;
        }
    }

    @media(max-width:767px) {
        #contact-form {
            width: 100% !important;

        }

        .Reg-Btn {
            display: block;
            margin-bottom: 10px;
        }

        .checkout-onepage-success .continue {
            margin-bottom: 20px !important;
        }

        .checkout-onepage-success h1 {
            margin-top: 10px
        }

        .page-title-wrapper .page-title {
            font-size: 22px;
            margin-top: 10px;
        }

        .head-top p {
            text-align: center;
            width: 100%;
        }

        .opc-block-shipping-information {
            border: none
        }

        .page-layout-checkout .modal-popup .modal-inner-wrap {
            width: 100%;
        }

        .sticky-fix,
        .page-main .messages {
            position: inherit;

        }

        .sidebar {
            border: none;
            box-shadow: none;
        }

        .columns .column.main,
        .table-wrapper {
            padding: 0;
        }

        #page-title-heading {
            margin-top: 10px;
            margin-bottom: 0px;
        }

        .page-products .sorter {
            position: inherit;
            right: 0;
            top: 0;
            z-index: 1;
            float: none;
        }

        .page-products .toolbar .limiter {
            float: none;
            margin-top: 15px;
            margin-bottom: 10px;
        }

        #page-title-heading span {
            margin-bottom: 0
        }

        .sidebar.sidebar-additional {
            margin-bottom: 20px
        }

        .product .swatch-option.text {
            padding: 1px 1px;
            margin-right: 5px;
            margin-bottom: 0;
        }

    }

    .height-buyer {
        height: auto;
        min-height: auto;
    }

    .wk-block-title-css a {
        word-break: break-all;
    }

    .payment-method-title input[type="radio"] {
        float: left;
    }

    .checkout-payment-method .payment-method-content {
        padding-left: 0
    }

    .InputContainer .InputElement {
        border: 1px solid #ccc !important;
    }

    #search_mini_form.expand {
        display: block !important
    }

    #search {
        border-bottom: 2px solid #000 !important;
        border: none;
        position: inherit
    }

    .account .sidebar-main,
    .account .block-collapsible-nav .content {
        background: #000;
        margin: 0;
    }

    .block-collapsible-nav .item a:hover {
        background: transparent;
    }

    .block-collapsible-nav-content .items li a,
    .block-collapsible-nav-content .items li a strong {
        color: #fff !important;
    }

    .account .items .nav a {
        color: #000;
    }

    .account .items li.item.nav.current strong {
        color: #000 !important;
    }

    .account .block-collapsible-nav .item.current>strong {
        border: none !important;
        padding: 5px 0;
    }

    .block-collapsible-nav .item {
        text-align: center
    }

    .block-collapsible-nav .item a {
        padding: 7px 0;
    }

    .nav-sections {
        margin: 0 !important;
        border-bottom: 2px solid #000;
    }

    .account .page-main {
        max-width: 100%;
        padding: 0;
        margin: 0;
        border-top: 2px solid #000;
    }

    .account .page-title-wrapper {
        margin-top: 20px
    }

    .product.media {
        border: 1px solid #ddd;
    }

    .product-info-main {
        margin-top: 15px;
    }

    .box-tocart>.fieldset>.field.qty {
        float: left;
        margin-right: 20px;
        margin-bottom: 0;
        margin-top: 0;
    }

    .product-add-form .box-tocart {
        margin-top: 10px;
        display: inline-block;
        margin-bottom: 5px;
        width:100%;
    }

    .wk-signup-step-tab.influ {
        width: 49.8%;
    }

    .m-t-30 .fieldset>.field {
        margin: 0 0 30px;
    }

    @media(max-width:767px) {
        .page-header .navigation.after_login_nav {
            margin-left: 0;
        }

        .owl-nav {
            display: none
        }
    }

    .import {
        text-align: center;
        height: 175px;
        margin-bottom: 10px;
    }

    .import img {
        width: 30%
    }

    .testimonial h3 {
        margin: 0;
        color: #222;
        text-align: center;
        text-transform: uppercase;
        font-size: 32px;
        font-weight: 800;
    }

    .testimonial_para {
        font-size: 14px;
        margin-top: 10px;
        border-bottom: 1px solid #000;
        padding: 20px 10px;
    }

    .testimonial h4 {
        margin: 10px 0 5px 0;
        color: #000;
        text-transform: uppercase;
        font-weight: 600;
        padding-top: 15px
    }

    .testimonial_subtitle {
        font-size: 14px;
        color: #000;
        font-weight: 600;
        padding-bottom: 15px;

    }

    .testimonial img {
        width: 100px !important;
        height: 100px;
        display: inline-block !important;
        border-radius: 100%;
        position: relative;
        top: 45px;
        border: 2px solid #000;
    }

    .testimonial .category-item {
        text-align: center;
    }

    .slider-text {
        border: 1px solid #000;
        border-right: 2px solid #000;
        padding: 10px;
        padding-top: 30px;

    }

    #testimonial {
        padding-top: 0;
        margin-top: -30px
    }

    .buy-btn {
        background: #fff;
        padding: 8px 14px;
        color: #000;
        margin-top: 20px;
        font-weight: 400;
        letter-spacing: 0.5px;
        font-size: 16px;
        text-transform: capitalize;
        border-radius: 0;
        border: 2px solid #000;
    }

    .category-item:hover .buy-btn {
        background: #000;
        color: #fff;
        border: 2px solid #000;
    }

    .mdf p {
        margin: 0;
        text-align: center;
        font-size: 16px;
        letter-spacing: 0.5px;
    }

    .modalhead {
        /* background-image: url("/pub/static/frontend/SDS/Ocean/en_US/images/bgimg.jpg"); */
        background-repeat: no-repeat;
        text-align: center !important;
        padding: 15px 0 !important;
        background-color: #fff;
        text-transform: uppercase;
        border-radius: 0 !important;
        background-size:cover;
        background: #000;
    }
    #myModal .closes{
        top: 0;
    }
    #connectpopup .modalhead, #Delievery .modalhead{
        background-image: none;
        padding: 10px 0 !important;
        background-color: #000;
    }
    #connectpopup .closesbtn,#Delievery .Dclosesbtn{
        top:-10px
    }
    .client-logo {
        margin: 40px 0 40px 0;
    }

    #clients .owl-prev span,
    #clients .owl-next span {
        top: 40%;
    }

    .pbody {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .pbody .products {
        background: #eb5202;
        color: #fff;
        padding: 8px 15px;
        font-size: 20px;
    }

    .action.primary.addbtns {
        background-color: #000;
        border: 1px solid #000;
    }

    .action.primary.addbtns span {
        color: #fff;
    }

    .action.primary.addbtns:hover,
    .action.primary.addbtns:active,
    .action.primary.addbtns:focus {
        background-color: #edebeb;
        border: 1px solid #edebeb;
    }

    .action.primary.addbtns:hover span,
    .action.primary.addbtns:active span,
    .action.primary.addbtns:focus span {
        color: #000;
    }

    #google_translate_element {
        float: right;
        margin-right: 10px;
        position: relative;
    }

    .goog-logo-link {
        display: none !important
    }

    .skiptranslate {
        font-size: 0 !important
    }

    .skiptranslate>div {
        font-size: 14px !important
    }

    .goog-te-combo {
        padding: 0 !important;
        background: transparent !important;
        border: transparent !important;
        color: #000 !important;
        margin: 0 !important;
        text-transform: uppercase !important;
        font-size: 14px !important;
    }

    .goog-te-combo:hover {
        color: #000 !important;
        cursor: pointer;
    }

    .goog-te-combo option {
        color: #000 !important
    }

    #google_translate_element:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 10px;
        line-height: 22px;
        color: inherit;
        content: '\e622';
        font-family: 'luma-icons';
        margin: 0;
        vertical-align: top;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        text-align: center;
        color: #000 !important;
        top: 7px;
        position: absolute;
        left: -20px;
        font-size: 12px;
    }

    .search-inner {
        position: relative;
    }

    .search-inner .actions {
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
    }

    .search-inner #search_mini_form.expand {
        float: left;
        width: 40%;
        position: relative;
    }

    .search-inner .actions .search {
        opacity: 1;
        background: #000;
        height: 38px;
        margin-top: 0px;
        border: 1px solid #000;
        color: #fff;
    }

    .search-inner {
        display: none
    }

    .exportToExcel {
        background: #05343c;
        color: white !important;
        margin-bottom: 14px;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 12px;
        text-transform: capitalize;
    }

    .export-excel h3 {
        text-align: center;
        margin: 10px 0 20px 0;
    }

    #wk-supplier-ask-data .sticky-fix {
        position: initial !important;
        animation: none !important
    }

    #wk-supplier-ask-data form#ask-form {
        width: 100%;
    }

    .clientslider .carousel-inner {
        float: left;
        width: 16%;
        margin: 10px 5px 10px 0;
    }

    #more {
        display: none
    }

    #readmore {
        float: right;
        text-transform: uppercase;
        color: #000;
        font-weight: 600;
        font-size: 18px;
        font-family: sans-serif;
    }

    #about {
        z-index: 99;
        background: url(../images/About-Us.jpg) no-repeat center top;
        background-size: cover;
        background-color: #f5f5f5;
        padding: 50px 0 30px 0;
        height: 250px;
    }

    #about {
        text-shadow: 1px 1px 9px black;
        border: none;
        border-radius: 0;
    }

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

    .white-text {
        color: white !important;
        margin: 20px 0;
    }

    #about .options {
        width: 50em;
    }

    .tabcontent h3 {
        text-align: center;
        color: #000;
        font-size: 28px;
        font-weight: 600;
        margin: 0;
        margin-bottom: 20px;
    }

    .center {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .options .white-border-button.active {
        background-color: #000;
        border: 1px solid #000;
    }

    #about .options .white-border-button {
        float: left;
        width: 33%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .white-border-button {
        cursor: pointer;
        display: block;
        color: white;
        background-color: transparent;
        padding: 10px 20px;
        text-decoration: none;
        border: 1px solid white;
    }

    .asection {
        padding: 40px 0 50px 0;
    }

    .expands,
    .expands2 {
        float: right;
        font-size: 16px;
        color: #000;
        font-weight: 800;
        cursor: pointer;
        margin-top: -22px;
    }

    .category-sidebar-content,
    .sales-order-print #footer,
    .sales-order-printinvoice #footer,
    .sales-order-print #chat-widget-container,
    .sales-order-printinvoice #chat-widget-container,
    .sales-order-printshipment #footer,
    .sales-order-printshipment #chat-widget-container,
    .marketplace-order-printorder #footer,
    .marketplace-order-printorder #chat-widget-container {
        display: none;

    }

    .category-sidebar-content.active {
        display: block;
    }

    .item.active .category-sidebar-content {
        display: block;
    }

    .dckap-list,
    .item {
        position: relative;
    }

    .expands2 {
        margin: 0;
        position: absolute;
        right: 0;
    }

    .block-title a:hover {
        text-decoration: none;
    }

    .side-products {
        padding: 10px 5px;
    }

    .filter .block-subtitle {
        padding: 10px 10px 20px 5px;
    }

    .dckap-list .photo .product-image-container {
        float: left;
        margin-right: 5px;
    }

    .m-l-35 .items {
        margin-top: 10px;
    }

    .dckap-list .photo .product-image-container img {
        height: 20px;
        width: 20px;
        border: 1px solid #000;
    }

    .category-sidebar-title a:first-child {
        padding-left: 5px;
        color: #000;
    }

    .m-l-35 {
        margin-left: 35px;
    }

    .m-l-20 {
        margin-left: 30px;
    }

    .dckap-list {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .dckap-list .item a {
        color: #000;
    }

    .minus .fa-plus:before {
        content: "\f068";
    }

    .p-0 h5 {
        font-size: 20px;
    }

    .minicart-wrapper .action.close:hover {
        color: #000
    }

    .wishlist #message {
        display: block
    }

    #newsletter::placeholder {
        color: #eaeaea;
        opacity: 1;
        /* Firefox */
    }

    #newsletter:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #eaeaea;
    }

    #newsletter::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #eaeaea;
    }

    .marketplace-seller-profile .list .product-item-details {
        min-height: 140px;
    }

    .marketplace-seller-profile .product-items li.product-item:last-child {
        margin-bottom: 20px
    }

    .wk-supplier-dropdown {
        display: none !important;
    }

    .wk-supplier-dropdown-wrap span.action.toggle:after {
        display: none !important
    }

    #my-orders-table>thead>tr,
    #my-invoice-table-4>thead>tr,
    #my-shipment-table-4>thead>tr {
        border-bottom: 1px solid #ccc;
    }

    #my-orders-table>thead>tr>th,
    #my-invoice-table-4>thead>tr>th,
    #my-shipment-table-4>thead>tr>th {
        border-bottom: none;
    }

    #ask-form .wk-file-field-container {
        display: none;
    }
    @media(max-width: 1300px) {
        .page-header .switcher.currency{
            margin-right: 15px;
        }
    }
    @media(max-width: 1024px) {
        .p-d-se {
            height: 536px !important;
        }

        .clientslider .carousel-inner {

            width: 24%;
        }

        .page-header {
            background-position: center;
        }

        .img-top img {
            padding: 0 11px 0 0;
            margin-top: 20px;
        }

        .wk-signup-step-tab-container {
            margin-top: 20px;
        }

        .text-bottom {
            margin: 0 11px 0 0;
        }

        .page-layout-seller-login ul.header.links {
            width: 88%
        }

        .col-md-6.bot-sec {
            width: 100%;
            text-align: center;
        }

        .fusion-flip-boxes .fusion-flip-box .flip-box-back .fusion-button {
            margin: 0px auto 0;
        }
    }

    @media(max-width: 1024px) {
        .cms-home .page-wrapper .page-header:before {
            height: 130px;
        }

        
    }
    .owl-carousel .owl-stage{
        touch-action: initial !important
    }
    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: none !important;
        touch-action: auto !important;
        -webkit-user-select: auto !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: auto !important;
    }
    @media(max-width: 767px) {
      
        #block-collapsible-nav.active ul.items{
            display: block;
        }
        .owl-stage{
            width: 84%;
            margin: auto;
        }
        
        .p-d-se {
            height: auto !important;
        }

        .cms-home .page-wrapper .page-header:before {
            height: max-content;
        }
        .right-header .block-search input{
            position: inherit
        }
        .cms-home .page-wrapper .page-header.assdd:before{
            height: 270px;
        }
        .slider-text {
            margin-bottom: 50px
        }

        .wk-signup-step-panel-container .actions-toolbar .register-btn {
            margin: 2px;
        }

        .opc-wrapper .shipping-address-item {
            line-height: 22px;
        }

        .fieldset>.field:last-child,
        .fieldset>.fields>.field:last-child {
            width: 100%;
        }

        .page-layout-seller-login ul.header.links li {
            float: none !important;
        }

        .page-layout-seller-login ul.header.links {
            width: 100%;

        }

        .wk-supplier-registration-link a:before {
            display: none !important;
        }

        .wk-supplier-registration-link a {
            padding-left: 0px !important;
        }

        .customer-account-create h1.page-title {
            font-size: 28px;
        }

        .panel.header .links,
        .panel.header .switcher {
            float: right;
            display: block;
        }

        #google_translate_element {
            margin-right: 0;
        }

        .page-header .switcher {
            margin-right: 7px !important;
        }

        .sidebar-mains .block-collapsible-nav {
            /* display: none */
        }
        .sidebar-main .c-sidebar--categories:first-child .block-collapsible-nav{
            margin-top: 25px !important
        }
        #about .options .white-border-button {
            float: none;
            width: auto;
        }

        #about .options {
            width: auto;
        }

        .navigation.after_login_nav {
            margin-left: 13px;
        }
    }

    @media(max-width: 575px) {
        .clientslider .carousel-inner {
            width: 31%;
        }

        .col-sm-21 {
            width: 50%;
            min-height: 339px;
        }

        .page-footer {
            background-image: url(../images/mapmobile.jpg) !important;
            background-position: bottom !important;

        }

        #testimonial {
            margin-bottom: 80px;
        }

        .buerssec h1 {
            margin: 0 0 10px 0;
            font-size: 20px;

        }
    }
    @media(max-width: 350px) {
        .cms-home .owl-carousel.owl-drag#category_slider .owl-item, .cms-home .owl-carousel.owl-drag#category_buyer_slider .owl-item{
            width: 100% !important;
        }
    }
    @media(max-width: 320px) {

        .actions-toolbar>.primary,
        .actions-toolbar>.secondary {
            margin-bottom: 30px;
        }

        input[type=file] {
            padding-top: 10px;
        }

        .page-header .switcher .options,
        .page-footer .switcher .options {
            font-size: 12px;
        }

        .goog-te-combo {
            font-size: 12px !important;
        }
    }

    .display-none {
        display: none !important;

    }

    /*page-layout-consultants-login ul.header.links li {*/
        .to-allready-added {
            color: #f00021 !important;
        }

        .to-allready-added-compare {
            color: #000 !important;
        }

        .nav-section {
            background: #fff !important;
            border: none !important;
            margin: 0 !important;
            padding: 0 !important;
            min-height: auto;
        }

        .nav-section .dropdown-toggle {
            padding: 0
        }

        .mega-menu .dropdown-toggle {
            padding: 0;
            padding-right: 15px;
        }

        .mega-menu {
            border-bottom: 2px solid #01212e;
            padding-top: 5px;
            margin-bottom: 15px;
        }

        .mega-menu .collapse {
            padding: 0;
        }

        .mega-menu .dropdown-toggle {
            color: #1b496c !important;
        }

        .mega-menu .dropdown-menu {
            padding: 20px 0 0 0;
            background: #eeeeee;
        }

        .mega-dropdown-menu li a {
            color: #01212e
        }

        .open .mega-dropdown-menu {
            display: block;
            visibility: visible
        }

        .mega-dropdown {
            margin: 0 !important;
            padding-bottom: 10px !important
        }

        .mega-menu .dropdown-toggle:hover,
        .mega-menu .dropdown-toggle:active,
        .mega-menu .dropdown-toggle:focus,
        .mega-dropdown-menu li a:hover,
        .mega-dropdown-menu li a:hover,
        .mega-dropdown-menu li a:hover {
            color: #000 !important;
            text-decoration: none
        }

        .mega-dropdown-menu ul {
            padding-left: 30px;
        }

        .dropdown-submenu .dropdown-menu {
            top: 22px;
            left: 30px;
            padding-top: 10px;
        }

        .dropdown-submenu:hover .dropdown-menu {
            display: block;
        }

        .dropdown-submenu {
            margin: 0;
            padding-bottom: 1rem
        }

        #block-collapsible-navs .fa {
            display: block;
            font-size: 30px;
            padding-bottom: 5px;
        }

        .ownb-website {
            border: 2px solid #000;
            height: 225px;
            overflow: hidden;
            margin-bottom: 20px;
        }

        .own-text {
            text-align: center
        }

        .own-text h1 {
            text-transform: uppercase;
            margin-top: 10px;
            margin-bottom: 20px;
            color: #000;
            font-weight: 600;
            font-size: 36px;
        }

        .own-text h2 {
            font-weight: 600;
            color: #000;
            margin: 10px 0;
            text-transform: uppercase;
            line-height: 34px;
            font-size: 28px;
        }

        h2.shop-heading {
            text-align: center !important;
            font-size: 26px !important;
            margin-bottom: 30px;
            color: #333333;
            margin-top: 0;
            width: 100% !important;
            text-transform: uppercase;
        }

        .fieldset .wrapper {
            display: inline-block;
            align-items: left;
            flex-direction: column;
            justify-content: center;
            width: 100%;
            min-height: 100%;
            padding: 0;
            margin: 0
        }

        .carticon img {
            width: 30px;
        }


        .usericon a {
            font-size: 14px;
            font-weight: 500;
            color: #333333;
            padding-top: 4px;
            display: block;
        }

        .home.bg-img {
            margin: 0;
            padding: 0;
            background-image: url("/pub/static/frontend/SDS/Ocean/en_US/images/banner-subdomain.jpg");
            background-size: 100%;
            height: 55vh;
            background-repeat: no-repeat;
        }

        .wk-supplier-design {
            padding: 0 !important
        }

        .product-row img {
            max-width: 100%;

        }

        .col-sm-4 .user-icon {
            margin-top: 23px;
        }

        .footer {
            background: #333333;
            margin-top: 55px;
            padding: 50px 0 0 0;
        }

        .footer-menu {
            color: #fff;
            text-align: center;


        }
        .footer-menu a{
            color: #fff !important;
        }
        .main-footer .footer-menu a{
            color: #000 !important;
            text-transform: uppercase;
            /* font-family: "HelveticaNeue-Light", sans-serif; */
            font-size: 16px;
            font-weight: 500;
        }
        .main-footer .imgpayment h2{
            color: #000;
            margin: 0;
        }

        .main-footer .social li a{
            border: 1px solid #fff;
            color: #000;
            width: 35px;
            height: 35px;
            border-radius: 10px;
            font-size: 26px;
            display: inline-block;
            text-align: center;
            line-height: 35px;
            background: #fff;
        }
        .main-footer.copyright p {
            margin: 0;
            color: #000;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 16px;
        }
        .f-menu-heading {
            color: #fff;
            font-size: 25px;
            text-align: left;
            margin-left: 45px;
            margin-bottom: 28px;
        }

        .list {
            margin-bottom: 15px;
            text-align: left;
        }

        .f-contact-heading {
            color: #fff;
            font-size: 25px;
            text-align: left;
            margin-left: 45px;
            margin-bottom: 28px;
        }

        .copyright p {
            margin: 0;
        }

        .last-menu li {
            text-align: left;
            margin-left: 40px;
        }

        .footer-menu ul li a {
            color: white;
            font-size: 15px;
            text-align: left;
            text-decoration: none;

        }

        .footer-menu ul li a:hover {
            color: #fff;
        }

        ul {
            list-style: none;
        }

        .footer.sub-footer ul {
            border-right: none;
            height: auto;
            padding-left: 10px;
            margin-top: 20px;
        }

        .last-menu ul {
            border: none !important;

        }

        .social li {
            float: left;
            margin-right: 10px;
        }

        .social li a {
            border: 1px solid #fff;
            color: #fff;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            font-size: 20px;
            display: inline-block;
            text-align: center;
            line-height: 40px;

        }
        .sub-footer .social li a, .sub-footer .social li a:hover {
            color: #fff !important;
        }
        .social li a:hover {
            background: #000;
            color: #fff;
            border: 1px solid #000;
        }

        .copyright {
            color: #fff;
            background: #000;
            font-size: 15px;
            padding: 20px 0;

        }

        .text-right a {
            color: #fff;
            text-decoration: none;
        }

        .input-groups {
            margin-top: 13px !important;
            position: relative;
        }

        .form-control {
            background-color: #fafafa;
        }

        .btn-btn-default {
            position: absolute;
            right: 0;
            top: 0px;
            background: transparent;
            border: none;
            height: 38px;
        }

        .user-icon {
            float: right;
            margin-top: 20px;
            display: flex;
        }

        .usericon {
            padding-right: 27px;
        }



        .copyright {
            text-align: left
        }

        .col-sm-4 .logo.newlogo {
            margin: 5px 0 0 0 !important;
            font-family: 'Roboto Condensed', sans-serif;
            font-size: 32px;
            padding-top: 0;
            color: #000;
            text-transform: uppercase;
        }

        .swipeslider,
        section {
            margin-top: 0 !important;
            position: relative;

        }

        .footer.sub-footer,
        .footer .copyright {
            background: #FFE9E5;
            color: #000
        }

        .footer.sub-footer .copyright {
            margin-top: 0
        }


        .sub-footer .copyright p {
            text-align: center;
        }

        .footer__heading {
            text-align: center;
            margin-bottom: 50px;
        }

        .footer__heading h2 {
            margin: 20px 0 5px 0;
            color: #000;
            font-size: 26px;
        }

        .footer__heading p {
            font-size: 16px;
            font-weight: 500;
        }

        .sub-footer .f-menu-heading,
        .sub-footer .f-contact-heading {
            font-size: 20px;
            font-weight: 600
        }

        .list .product-item-details {
            min-height: 135px !important
        }

        .items {
            margin-top: 10px;
        }

        .action.cartss.primary:hover {
            border: 2px solid #000;
        }

        .social li.instagram {
            margin-top: 10px;
        }

        .wk-supplier-profile-block .product-items.items {
            text-align: center;
        }

        .swipeslider h2.shop-heading,
        .Everyone h2.shop-heading {
            margin-bottom: 20px;
            margin-top: 15px;

        }

        .cat-navigation {
            text-align: center
        }

        .cat-navigation ul {
            background-color: #fff
        }

        .cat-navigation ul li span {
            color: #000;
            font-weight: 500;
            font-size: 14px;
        }

        .delivery-time,
        .product-social-links .sample,
        #narrow-by-list dt:first-child,
        #narrow-by-list dd:nth-child(2) {
            display: none
        }

        .columns .sidebar.sidebar-additional {
            margin-top: 0
        }

        .abouttext {
            height: 316px;
            padding: 10px;
            overflow: hidden;
            border: 5px solid #d6cece;
        }

        .about_us p {
            font-size: 16px;
            line-height: 26px;
            height: 290px;
            overflow: hidden;
            font-family: inherit;
        }

        .about_us video {
            height: 315px;
        }

        .customer-account-login .page-title-wrapper {
            margin-top: 20px;
        }

        @media(max-width:900px) {
            .user-icon .usericon {
                padding-right: 0;
                margin-top: 5px;
            }
            .after-logins {
                margin-top: -5px !important;
            }
            .user-icon .usericon a {
                font-size: 14px;
                padding-top: 0;
            }

            .page-products .product-item-info {}

            .col-sm-4 .logo.newlogo {
                font-size: 26px !important;
                padding-top: 25px;
            }
            h2.shop-heading{
                margin-bottom: 20px;
            }
            .navigation .level0.parent>.level-top>.ui-menu-icon.ui-icon-carat-1-e{
                right: -15px;
            }
            .cat-navigation.navigation .level0 .submenu{
                position: inherit;
                top:0 !important
            }
            .cat-navigation.navigation .level0 .submenu .submenu{
                left: 0 !important;
            }
            
        }

        .footer-menu .list {
            margin-top: 10px;
            text-align: left;
            display: inline-block;
            padding: 20px 13px;
            margin-bottom: 0;
        }

        .footer.sub-footer {
            padding-top: 0 !important;
            margin: 0
        }
        .main-footer .footer-menu .list{
            margin-top: 0px;
            text-align: left;
            display: block;
            padding: 8px 13px;
            margin-bottom: 0;
        }
        .business-hour.social li {
            padding-top: 18px;
        }

        @media(min-width:1400px) {
            .home.bg-img{
                height: 600px;
            }
        }
        @media(max-width:767px) {
            .top-img1 {
                min-height: auto;
            }
            .abouttext{
                height: auto;
            }
            
            .header.content{
                width: 100%;
            }
            .sub-footer .f-menu-heading,
            .sub-footer .f-contact-heading,
            .footer-menu .last-menu li,
            .footer-menu .list,
            .footer-menu.last-menu li,
            .footer.sub-footer ul,
            .last-menu li {
                text-align: center
            }

            .social li.instagram {
                margin-top: 0;
                text-align: center;
                float: none;
            }

            .footer.sub-footer .copyright {
                margin-top: 0;
                padding-top: 0;
            }

            .footer.sub-footer ul {
                height: auto;
            }

            .product-image-photo {
                width: auto !important;
            }

            .f-contact-heading {
                opacity: 1 !important;
            }

            .col-sm-4 .user-icon {
                margin-top: 10px;
                float: none;
                text-align: center;
                display: inline-flex;

            }

            .home.bg-img {
                height: 26vh;
            }

            .cms-home .ownb-website {
                /* height: 761px; */
            }

            .products-grid .product-item {
                /* width: 100%; */
            }

            .product-item .product-item-info {
                display: block;
                margin-left: auto;
                margin-right: auto;
            }

        }

        .fa-twitters {
            background-image: url(/pub/static/frontend/SDS/Ocean/en_US/images/tiktok.png);
            height: 22px;
            width: 22px;
            background-repeat: no-repeat;
            background-size: contain;
        }

        .twitters:hover .fa-twitters,.twitters:hover .fa-twitters:active{
            background-image: url(/pub/static/frontend/SDS/Ocean/en_US/images/tiktok1.png);  
        }
        .block-collapsible-nav-content .items li a:hover,
        .block-collapsible-nav-content .items li a:active,
        .block-collapsible-nav-content .items li.current a {
            color: #000 !important;
            background: #000;
        }

        .nav>li.item>a:focus,
        .nav>li.item>a:hover {
            background: #000 !important;
        }

        h2.shop-heading.aboutheading {
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-top: 0;
        }

        .bg-img-top.home {
            padding: 0;
            margin: 0;
            background-image: url(/pub/static/frontend/SDS/Ocean/en_US/images/topmenu.jpg);
            background-size: 100%;
            height: 54px;
            background-repeat: no-repeat;
        }

        .bg-img-right.home {
            padding: 0;
            margin: 0;
            background-image: url(/pub/static/frontend/SDS/Ocean/en_US/images/rightmenu.jpg);
            background-size: cover;
            height: 100vh;
            background-repeat: no-repeat;
        }

        .full-banner {
            background: transparent;
            padding: 0;
            margin-top: 10px !important;
        }

        section.product h2.shop-heading {
            font-family: sans-serif;
            text-transform: inherit;
            font-weight: 500;
        }

        .swipeslider .category-item .category-titme {
            display: block;
            color: #fff;
            font-size: 16px;
            font-weight: 400;
            text-transform: uppercase;

        }

        .swipeslider .category-item {
            cursor: pointer;
        }

        .image-slider {
            overflow: hidden;
            margin-bottom: 10px
        }

        .wk-supplier-collection-container h2.shop-heading {
            text-transform: inherit;
            font-weight: 400;
        }

        .middle-buy-btn {
            transition: .5s ease;
            position: absolute;
            bottom: 0%;
            left: 50%;
            width: 80%;
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            text-align: center;
            display: none
        }

        .category-item.subcate .middle .text {
            opacity: 0;

        }

        .category-item.subcate:hover .middle .text {
            opacity: 1;
            transition: 1s;
        }

        .productss .product-item .tocart {
            padding-bottom: 5px;
            padding-top: 5px;
            white-space: nowrap;
            font-weight: 400;
            letter-spacing: 0.5px;
            width: 96%;
            background: #000;
            border: 1px solid #000;
            color: #fff;
        }

        .productss .product-item .price-box .price {
            padding-left: 0;
        }

        .productss .product-item .price-box .price-label {
            display: none
        }

        .copyrightss {
            text-align: center;
            color: #fff;
            border-top: 1px solid #fff;
            padding-top: 15px;
        }

        .product-stock1 {
            font-weight: 600;
            color: black;
        }

        .search-inner {
            display: none !important
        }

        .toolbar-products {
            margin-top: 0;
        }

        .All-nav {
            background-color: #fff;
        }

        .imgcart.action.showcart:before {
            font-size: 0;
            background-image: url(/pub/static/frontend/SDS/Ocean/en_US/images/shopping-bag.png);
            background-repeat: no-repeat;
            background-size: cover;
            height: 25px;
            width: 25px;
            margin-left: 10px !important;
            font-family: inherit !important;
            content: '' !important;
        }
        .modal-custom .action-close:before{
            color:#000 !important
        }
        .ytp-show-cards-title {
            display: none !important
        }

        .searchmain #search_mini_form {
            display: block !important
        }

        .block-search .action.search:before {
            color: #000 !important
        }

        .product.name.product-item-name {
            min-height: 40px;
            text-align: center
        }

        .readmore {
            background: #000;
            border: 1px solid #000;
            color: #fff !important;
            text-transform: capitalize;
            text-decoration: none;
            padding: 0 5px;
            font-size: 14px;
            float: right;
        }

        .readmore:hover {
            text-decoration: none;
        }

        .after-logins .user-dropdown {
            left: auto;
            right: 0;
        }

        .after-logins .user-dropdown:before {
            right: 10px;
            left: initial;
        }

        .sliderss.price-container .price {
            font-size: 1.4rem;
            text-align: center;
            width: 100%;
            display: inline-block;
            margin-bottom: 15px;
            font-weight: 600
        }

        .catalog-product-view .products-grid .product-item {
            width: 100%;
            text-align: center;
            margin: 0
        }

        .catalog-product-view .sidebar .product-items .product-item-info .product-item-photo {
            position: relative;
            width: 100%;
            display: inline-block;
        }

        .catalog-product-view .sidebar .product-items .product-item-details {
            width: 100%;
            display: inline-block;
            margin: 0;
        }

        .catalog-product-view .actions-secondary .towishlist {
            position: relative;
        }

        .catalog-product-view .choice .related,
        .catalog-product-view .sidebar-main,
        .catalog-product-view .weee .price-label,
        .catalog-product-view .block-compare,
        .catalog-product-view .block-wishlist,
        .catalog-product-view .block-reorder,
        .catalog-product-view .block-actions, .catalog-category-view .product-item-details .swatch-attribute-options {
            display: none
        }

        .catalog-product-view .weee .price {
            padding: 0
        }

        .catalog-product-view #block-related-heading {
            font-size: 20px;
        }

        .catalog-product-view .sidebar .products-grid .product-item-info:hover .product-item-photo {
            top: 0;
            left: 0;
        }

        .catalog-product-view .list .product-item-details {
            min-height: inherit !important
        }

        .block .title {
            display: block;
            margin-bottom: 10px;
            border-bottom: 1px solid #e6e6e6;
            padding-bottom: 10px;
        }

        .catalog-product-view .product-image-wrapper {
            padding-bottom: 90% !important;
        }

        .catalog-product-view .action.towishlist {
            font-size: 0
        }

        .catalog-product-view .product-item .action.towishlist:before {
            position: relative;
            top: -10px;
        }

        .catalog-product-view .product.name.product-item-name {
            min-height: 0;
            text-align: center;
            margin: 0;
        }

        .custom-filter {
            padding-left: 0;
            list-style: none;
            display: inline-block;
            margin-top: 10px;
        }

        .custom-filter li {
            float: left;
            width: 50%;
            display: inline-block;
        }

        .slidecontainer {
            width: 100%;
        }

        .slidecontainer .slider {
            -webkit-appearance: none;
            width: 100%;
            height: 10px;
            background: #666;
            outline: none;
            opacity: 0.7;
            -webkit-transition: .2s;
            transition: opacity .2s;
            border-radius: 50px;
        }

        .slidecontainer .slider:hover {
            opacity: 1;
        }

        .slidecontainer .slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 15px;
            height: 15px;
            background: #000;
            cursor: pointer;
        }

        .slidecontainer .slider::-moz-range-thumb {
            width: 25px;
            height: 25px;
            background: #4CAF50;
            cursor: pointer;
        }

        .sticky-fix+.All-nav {
            position: fixed;
            width: 100%;
            z-index: 12;
            padding: 0;
            top: 95px;
            left: 0;
            animation: smoothScroll 1s forwards;
        }

        .sidebar.sidebar-main {
            box-shadow: none !important
        }

        .wk-supplier-designs.container {
            padding: 0 15px !important;
        }

/* .fotorama__stage__frame.fotorama__active{
      margin:25px;
      width: 92%
      }*/
      .fotorama__stage__frame .fotorama__img {
        margin-right: 70px;
    }

    .fotorama__stage__frame .fotorama__img {
        height: auto;
        left: 50% !important;
        max-height: 90% !important;
        max-width: 85% !important;
        position: absolute !important;
        top: 49% !important;
    }

    .fotorama__caption__wrap {
        display: none !important
    }
    #store.links{
        display: none
    }
    @media(min-width:1500px) {
        .bg-img-top.home {
            height: 70px;
            ;
        }
    }

    .wk-mp-tr-remain-total,
    #tab-label-shipping_details.tab,
    #shipping_details.tab {
        display: none;
    }

    @media(max-width:1242px) {
        .home.bg-img {
            height: 23vh;
        }
    }

    @media(max-width: 1024px) {
        .home.bg-img {
            height: 430px;
        }
        .product-row{
            height: auto;
        }
        .navigation.cat-navigation .level0{
            margin: 0;
        }
        .navigation .level0.submenu>li>a:first-child{
            pointer-events: none !important
        }
        .wk-supplier-profile-block, .wk-supplier-profile-block.wk-supplier-products-recently-added{
            padding: 0;
            margin: 0;
        }
    }

    @media(max-width: 812px) {
        .home.bg-img {
            height: 29vh;
        }
        .cms-home .owl-carousel.owl-drag#category_slider .owl-item, .cms-home .owl-carousel.owl-drag#category_buyer_slider .owl-item{
            width: 45% !important;
            margin: 15px;
        }
    }
    @media(max-width:767px) {
        h2.shop-heading.aboutheading{
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .cms-home .owl-carousel.owl-drag#category_slider .owl-item, .cms-home .owl-carousel.owl-drag#category_buyer_slider .owl-item {
            width: 100% !important;
            margin: 5px;
        }
        .home.bg-img {
            height: 23vh;
        }
    }

    #price-to,
    #price-from {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
        color: black;
        opacity: 0.6;
    }

    .filter-options-content .color a {
        float: left;
        width: 50%;
        display: inline-block;
        margin-bottom: 1rem !important;
        color: black;
    }

    #wk-mp-menu-transaction,
    .discount-code,
    .ship-via,
    .shipping .value {
        display: none !important;
    }

    .filterPop {
        height: 40px;
        position: relative;
        text-align: left;
        width: 180px;
        display: none
    }

    .filterPop span {
        padding-left: 50px;
        font-size: 16px;
        text-transform: uppercase;
        position: relative;
        cursor: pointer;
        font-weight: 600;
    }

    .filterPop span::before {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
        background: url(/pub/static/frontend/SDS/Ocean/en_US/images/filter.png);
        background-size: 50px;
        background-position: center;
        top: 50%;
        position: absolute;
        content: '';
        transform: translateY(-50%) scale(0.75);
        left: 0;
        opacity: 0.5;
        background-repeat: no-repeat;
    }

    .product-item .tocart.cart-icon {
        line-height: 0 !important;
    }

    .cart-icon span {
        background-size: 20px;
        height: 25px;
        width: 25px;
        background-repeat: no-repeat;
        display: inline-block;
        font-size: 0 !important
    }
    .home.bg-img-tops{
        padding: 0;
        display: inline-block;
        width: 100%;
    }
    .bg-img-tops .col-sm-6{
        padding:0
    }
    .top-img1 {
        background-color: #000;
        padding: 5px 0;
        text-align: center;
    }
    .top-img1 h3, .top-img1 p{
        color: #fff;
        margin: 0;
        padding: 0;
    }
    .bg-img-tops .col-sm-4.bg-chang .top-img1{
        background-color: #ff5488
    }
    .top-img1 h3{
        font-size: 18px;
        font-weight: 400;
    }
    .top-img1 p{
        font-size: 14px;
        padding-top: 5px;
    }
    .top-img1{
        border-right: 1px solid #fff;
        min-height: 55px;
    }
    /*layer view page css start*/
    #narrow-by-list dt:first-child,
    #narrow-by-list dd:nth-child(2) {
        display: block;
    }

    .active {
        color: red;
    }

    .filter-subtitle,
    .side-products,
    .catalog-category-view .sidebar.sidebar-additional {
        display: none;
    }
    .catalog-product-view .sidebar.sidebar-additional .related{display: block !important;}

    .catalog-category-view .sidebar.sidebar-main {
        box-shadow: -1px 2px 6px #ccc !important;
    }

    .catalog-category-view .sidebar.sidebar-main .filter-options-item {
        color: black
    }

    .checkout-index-index .modal-popup.confirm div.modal-inner-wrap[data-role="focusable-scope"] {
        height: auto;
    }

    .minicart-wrapper .action.close:hover {
        background: #ccc;
    }

    .price-label {
        display: none !important;
    }

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

    .product-item .price-box .price {
        padding-left: 0px;
    }

    /*layer view page css end*/
    #chart {
        cursor: pointer;
        margin-bottom: 5px;
        display: inline-block;
        background: #edebeb;
        padding: 3px;
        border-radius: 4px;
        font-weight: 600;
        font-size: 14px;
    }

    @media(max-width:1024px){
        .navigation .level0 .submenu, .navigation .level0.parent>.level-top>.ui-menu-icon, .navigation .parent .level-top:after{ 
            /* display: none !important */
        }
        .own-text br{
            display: none
        }
        .ownb-website{
            height: auto;
            min-height: 170px
        }
        .footer.sub-footer ul{
            padding-left: 0;
        }
        .footer-menu .list{
            padding: 15px 5px;
        }
        .product-items li.product-item:last-child{
            margin-bottom:10px
        }
    }
    .nav-toggle{
        display:none !important
    }
    @media(max-width:900px){
    /* .nav-toggle{
        display:block !important
        } */
        .top-img1 h3{
            font-size: 20px!important;
            min-height: auto;
        }
        .top-img1{
            min-height: 70px;
        }
        #myModal .modal-content, #connectpopup .modal-content, #Priview .modal-content, #sizechart .modal-content, #Delievery .modal-content{
            width: 90%;
        }
        #opc-sidebar .opc-block-summary{
            overflow-x: scroll;
        }
        .cart-totals tbody .amount, .cart-totals tfoot .amount, .opc-block-summary .table-totals tbody .amount, .opc-block-summary .table-totals tfoot .amount{
            padding-right: 6px;
        }
        .footer.sub-footer ul{
            padding: 0;
            
            text-align: center;
            margin: 0 0 10px 0;
            display: inline-block;
            text-align: center;
            width: 100%;
        }
        .social li {
            float: none;
            display: inline-block;
        }
        .checkout-index-index .modal-popup div.modal-inner-wrap[data-role="focusable-scope"] {
            height: 300px;
        }
        .own-text br{
            display: none
        }
        .ownb-website{
            height: auto;
            min-height: 130px;
        }
        .own-text h2{
            font-size: 20px;
        }
        .seller_bgcolor.swipeslider .col-sm-3{
            width: 33.33%;
        }
        .All-nav {
            display: none
        }
        .usericon .nav-toggle, .nav-toggle.news{
            display: inline-block !important
        }
        .All-nav.mystylecat , .All-nav.mystylecat .navigation{
            display: block !important
        }
        .cat-navigation.navigation .level0{
            display: block
        }
    }
    @media(max-width:768px) {
        .input-groups{
            margin-left: auto;
            margin-right: auto;
            width: 97%;
        }
        .about_us video {
            height: auto;
        }
        
    }

    .usericon .nav-toggle, .mobile, .owl-dots{
        display: none
    }

    .filter-options-content{
        padding-top: 10px
    }
    #Delievery .modal-content{
        overflow: hidden;
    }
    .imgpayment{
        text-align: center;
        margin-bottom: 0;
        margin-top: 60px;
    }
    @media(max-width:767px){
      
        .wk-supplier-profile-block, .wk-supplier-profile-block.wk-supplier-products-recently-added{
            margin: 0 !important;
            padding: 0 !important
        }
        .mobile{
            display: inline-block;
            padding-top: 0;
            padding-bottom: 20px;
        }
        .lap{  display: none}
        .account .main .block-addresses-list{
            padding: 10px;
            margin: 10px;
        }
        .actions-toolbar{
            padding: 10px;
        }
        .account .block-title strong{
            font-size: 18px !important
        }
        #connectpopup .closesbtn, #Delievery .Dclosesbtn{
            top:0
        }
        .img-1 img{
            width:100%
        }
        .top-img1{
            min-height: auto;
        }
        .after-logins {
            margin-top: 5px !important;
        }
        span[data-bind="text: getTitle()"]{
            display: block;
            margin: 10px 0;
        }
        #Delievery .modal-content{
            overflow-y: scroll;
        }
        .about_us p {
          
            height: auto;
        }
        
        .table-checkout-shipping-method thead th{
         display: none !important
     }
     .opc-estimated-wrapper .estimated-block{
        width: 100%;
    }
    .opc-estimated-wrapper .estimated-label{
        float: left;
    }
    .opc-estimated-wrapper .estimated-price{
        float: right;
    }
    .block-new-customer{
       margin-bottom: 10px !important;
   }
   .seller_bgcolor.swipeslider .col-sm-3{
    width: 100%;
}
.box-tocart .actions{
    float: right;
}
.product-options-bottom{
    margin-bottom: 10px;
}
.filterPop {
    height: 40px;
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}
.filter .filter-current{
    border:none
}
.filter .block-subtitle {
    padding: 20px 10px 10px 5px;
}
.filter .filter-current-subtitle:before {
    position: absolute;
    right: 20px;
    top: 20px;
}
.filter .filter-current.active {
    padding-bottom: 10px;
}

.ui-slider-horizontal {
    height: 20px;
}
.range-attribute-filter .ui-slider-handle{
    height: 20px !important;
    width:20px !important;
}
.range-attribute-filter .ui-slider-handle:nth-of-type(2) {
    margin-left: -20px;
}
.sticky-fix+.All-nav {
    position: inherit;
}


.own-text h2 {
    font-size: 15px;
    margin:5px 0; 
    line-height: normal;
}
.image-hover {
 width:100%
}
.footer-menu .list {
    margin-top: 10px;
    text-align: left;
    display: inline-block;
    padding: 6px 4px 0 4px;
    margin-bottom: 0;
    margin-bottom: 0;
}
.carticon {
    position: relative;
    top: 0;
    display: inline-block;
    padding-top: 0;
    float: right;
    margin-top: 7px;
    right:-45px
}
}

@media(max-width:350px){
    .home-banner h1 {
        font-size: 20px;
    }
}
.block-search .control{
    border:none !important
}
.product-image-photo{
    border: 1px solid #eee;
}
#product_addtocart_form{
    margin:10px 0;
}
.minicart-items-wrapper{
    height: auto !important;
    max-height:300px !important;

}

.action.action-auth-toggle, .opc-estimated-wrapper .minicart-wrapper{
    display: none
}
.col-sm-4 .logo.newlogo.becklay {
    margin: 0px 0 0 0 !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 44px;
}
.exportToExcel:hover, .exportToExcel:active, .exportToExcel:focus{
    background: #000!important;
    border: 1px solid #000!important;
}
/*.nav-1{
    display: none !important
    }*/
    .review-website .owl-dots {
        text-align: center;
        display: block;
        margin-bottom: 30px;
    }
    .review-website .owl-dot span{
        background-color: #fff;
        height: 10px;
        width: 10px;
        display: inline-block;
        border-radius: 10px;
        border: 1px solid #000;
        margin: 5px;
    }
    .review-website .owl-dot.active span{
        background-color: #000;
        height: 10px;
        width: 10px;
        display: inline-block;
        border-radius: 10px;
        border: 1px solid #000;
    }
/* #about_uss{
    margin-top: -200px;
    padding-top: 200px;
    } */
    .right-header, .block-search.searchblock, .after-logins{
        margin-top: -52px;
        float: right;
        display: inline-block;
        position: relative;
        z-index: 9;
    }
    .block-search.searchblock{
        margin-right: 100px;
    }
    .after-logins{
        margin-top: -35px;
    }
    #product-addtocart-button1{
        position: relative;
    }
    #product-addtocart-button1 span{
        background-color: #000;
    }
    #product-addtocart-button1.hideloader span{
        background-color: transparent;
    }
    #product-addtocart-button1 span:after{
        position: absolute;
        content: '';
        background-image: url(/pub/static/frontend/SDS/Ocean/en_US/images/loader-1.gif);
        height: 30px;
        width: 30px;
        display: block;
        background-repeat: no-repeat;
        top: 5px;
        background-size: 30px;
        left: 47%;
    }
    #product-addtocart-button1.hideloader span:after{
        display: none
    }
    @media(max-width:1024px){
        .right-header{
            margin-top: 20px;
        }
        .header.content .logo img{
            width:60%
        }
        .after-logins {
            margin-top: 35px;
        }
        .block-search.searchblock{
            margin-top: 20px;
        }
    }
    @media(max-width:900px){
        .block-search.searchblock{
            margin-top: -35px;
        }
        .after-logins{
            margin-top: 18px !important;
            width: 60px;
        }
        .home-bottom-btn .btn-sam span{
            font-size: 26px !important;
        }
        .main-footer .footer-menu .list{
            text-align: center
        }
    }
    @media(max-width:768px){
      
        .after-logins{
            margin-top: 32px !important;
            width: 60px;
        }
    }
    @media(max-width:767px){
        .navigation .parent .level-top:after{
            top: 0;
        }
        .cat-navigation ul{
            padding: 0 !important
        }
        .header.content .logo img {
            width: 75%;
        }
        .main-footer .footer-menu .list{
            text-align: center
        }
        .ctn{
            line-height: normal !important;
            font-size: 18px !important;
        }
        .home-bottom-btn .btn-sam span{
            font-size: 26px !important;
        }
        .btn.btn-sam{
            width: 100% !important;
        }
        .btn.btn-sam{
            font-size:16px;
        }
        .footer-menu ul{
            padding: 0
        }
        .right-header{
            width:100%
        }
        .search{
            position: relative;
        }
        .block-search .label{
            position: absolute;
            right: 0px;
            bottom: 10px;
        }
        .block-search.searchblock{
            margin-top: 0
        }
        .block-search.searchblock {
            margin-right: 0;
            width: 100%;
        }
        .after-logins {
            margin-top: 15px !important;
            width: 100%;
        }
        #search{
            margin-bottom: 0
        }
        .nav-sections-item-switch{
            font-size:0
        }
        .right-header, .block-search.searchblock, .after-logins{
            z-index: auto;
        }    
        .block-collapsible-nav .content.mystylecat{
            display: block

        }
        .block-collapsible-nav .block-collapsible-nav-title{
            display: none
            }.product-social-links .action.tocompare {
                display: inline-block;
            }
        }

        /* About Us Page*/

        .cms-aboutus .aboutus-text {
            padding: 0;
        }

        .cms-about-us .page-title-wrapper {
            display: none;
        }

        .cms-aboutus h1 {
            margin: 40px;
            text-align: center;
            font-size: 36px;
        }

        .cms-aboutus p {
            margin-bottom: 40px;
            text-align: justify;
        }

        @media(max-width:767px) {
            .cms-about-us .page-title-wrapper {
                display: none;
            }

            .cms-aboutus h1 {
                font-size: 18px;
            }

            .cms-aboutus p {
                font-size: 12px;
            }
        }

        .ctn{text-align: center;}


        /* FAQ Page*/

        .cms-faq .page-title-wrapper {
            display: none;
        }

        .faq-headers {
            background: #000;
            margin-bottom: 40px;
        }

        .faq-headers .byltypes {
            padding: 20px 0;
            margin: 0;
            color: #fff;
            font-size: 16px;
        }

        .faq-headers .byltype-seller {
            border-right: 1px solid #fff;
            cursor: pointer;
            text-align: center;
        }

        .faq-headers .byltype-supplier {
            cursor: pointer;
            text-align: center;
        }

        #sellersFaq .features li {
            list-style: disc;
        }

        #sellersFaq .panel-title a,
        #suppliersFaq .panel-title a {
            font-weight: 600;
        }

        #sellersFaq .panel-body a,
        #suppliersFaq .panel-body a {
            color: #000;
        }

        .faq-headers .seller,
        .faq-headers .supplier {
            padding: 0;
            margin: 0;
        }

        @media (max-device-width:480px) {
            .faq-headers .faq {
                display: none;
            }
        }

        .wk-cat-container a{
           display: none;
       }
       .wk-cat-container{
        line-height: 20px;
    }
    input[type="checkbox"].wk-elements{top: 0px !important;}


    .templ{
        display: inline-block;
        width: 100%;
        margin: 10px 0 0 0;
    }
    .templ ul{
        padding: 0;
        margin: 0;
    }
    .templ ul li{
        float: left;
        width: 24.5%;
        text-align: center;
        background: #000;
        border: 1px solid #fff;
        padding: 10px 0;
        color: #fff;
    }
    .templ ul li a{
        color:#fff;
        font-size: 18px;
    }
    .checkbox{
        display:none
    }
    .addclass.active{
        background: #fff;
        border: 1px solid #000;
        padding: 0 0;
        color: #000;
    }
    .templ ul li.active a{
        color:#000;
        width: 100%;
        display: block;
        padding:10px 0;
        text-decoration:none
    }
    .col-sm-3.current.hide{
        float: right;
        width: 40%;
    }
    #bannerss{
        float:left;
        margin-top: 15px;
    }