button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0
    }

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

 

@font-face {
    font-family: 'Glyphicons Halflings';
    font-display: swap;
    src: url(//cdn1.designhill.com/assets/dh/fonts/glyphicons-halflings-regular.eot?rnd=1.0.0);
    src: url(//cdn1.designhill.com/assets/dh/fonts/glyphicons-halflings-regular.eot?rnd=1.0.0#iefix) format('embedded-opentype?rnd=1.0'),url(//cdn1.designhill.com/assets/dh/fonts/glyphicons-halflings-regular.woff2?rnd=1.0.0) format('woff2'),url(//cdn1.designhill.com/assets/dh/fonts/glyphicons-halflings-regular.woff?rnd=1.0.0) format('woff'),url(//cdn1.designhill.com/assets/dh/fonts/glyphicons-halflings-regular.ttf?rnd=1.0.0) format('truetype'),url(//cdn1.designhill.com/assets/dh/fonts/glyphicons-halflings-regular.svg?rnd=1.0.0#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings',Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\2a"
}

.glyphicon-plus:before {
    content: "\2b"
}

.glyphicon-eur:before, .glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}


 

@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
}

 

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
    }

    .table > 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 {
    background-color: #d9edf7
}

.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
}

 

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;
    line-height: normal
}

input[type=file] {
    display: block
}

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

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

input[type=checkbox]:focus, input[type=file]: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: #999;
        opacity: 1
    }

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

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

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

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed
    }

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
        line-height: 34px
    }

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

    .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].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-left: -20px
    }

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

.checkbox-inline, .radio-inline {
    position: relative;
    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 {
    min-height: 34px;
    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
}

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

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

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 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
}

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

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

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 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
}

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

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .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;
        font-size: 18px
    }
}

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

.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
}

    .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 {
        cursor: not-allowed;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65
    }

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

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

    .btn-default.focus, .btn-default:focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }

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

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

    .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: #fff;
        border-color: #ccc
    }

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

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

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

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

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

    .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.focus, .btn-success:focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }

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

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

    .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.focus, .btn-info:focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc
    }

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

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

    .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.focus, .btn-warning:focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512
    }

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

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

    .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.focus, .btn-danger:focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

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

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

    .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
}

    .collapse.in {
        display: block
    }

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 dashed;
    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
        }

.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
}
 
@media (min-width: 768px) {
   
}

.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, .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 {
        z-index: 2;
        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
}

.tab-content > .active {
    display: block
}

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

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

@media (max-device-width: 480px) and (orientation:landscape) {
    
}
 
 
 
 
 
.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    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-top: 48px;
        padding-bottom: 48px
    }

    .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-object.img-thumbnail {
        max-width: none
    }

.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, button.list-group-item {
    color: #555
}

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

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

button.list-group-item {
    width: 100%;
    text-align: left
}

.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, button.list-group-item-success {
    color: #3c763d
}

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

    a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.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, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.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, button.list-group-item-info {
    color: #31708f
}

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

    a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.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, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.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, button.list-group-item-warning {
    color: #8a6d3b
}

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

    a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.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, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.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, button.list-group-item-danger {
    color: #a94442
}

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

    a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.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, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.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 > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.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-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-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-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-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-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-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-16by9 {
    padding-bottom: 56.25%
}

.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;
    opacity: .2
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        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: 1050;
    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
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.in {
        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
}

    .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: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    opacity: 0;
    line-break: auto
}

    .tooltip.in {
        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;
    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-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    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);
    line-break: auto
}

    .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: 1000px;
        perspective: 1000px
    }

        .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);
    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%);
        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%);
        background-repeat: repeat-x
    }

    .carousel-control:focus, .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        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;
        margin-top: -10px
    }

    .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;
        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: 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
    }
}

 
 

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    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
}

.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 !important
    }

    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 !important
    }

    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 !important
    }

    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 !important
    }

    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 !important
    }

    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
    }
}

@font-face {
    font-family: FontAwesome;
    font-display: swap;
    font-weight: 400;
    font-style: normal;
    src: url(//cdn1.designhill.com/assets/dh/fonts/fontawesome-webfont.eot?v=5.2.2);
    src: url(//cdn1.designhill.com/assets/dh/fonts/fontawesome-webfont.eot?#iefix&v=5.2.2) format('embedded-opentype'),url(//cdn1.designhill.com/assets/dh/fonts/fontawesome-webfont.woff?v=5.2.2) format('woff'),url(//cdn1.designhill.com/assets/dh/fonts/fontawesome-webfont.ttf?v=5.2.2) format('truetype'),url(//cdn1.designhill.com/assets/dh/fonts/fontawesome-webfont.svg#fontawesomeregular?v=5.2.2) format('svg')
}

[class*=" icon-"], [class^=icon-] {
    font-size: 14px;
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased
}

    [class*=" icon-"]:before, [class^=icon-]:before {
        text-decoration: inherit;
        display: inline-block;
        speak: none;
        font-family: FontAwesome;
    }

.icon-large:before {
    vertical-align: -10%;
    font-size: 1.3333333333333333em
}

a [class*=" icon-"], a [class^=icon-] {
    display: inline
}

[class*=" icon-"].icon-fixed-width, [class^=icon-].icon-fixed-width {
    display: inline-block;
    width: 1.1428571428571428em;
    text-align: right;
    padding-right: .2857142857142857em
}

    [class*=" icon-"].icon-fixed-width.icon-large, [class^=icon-].icon-fixed-width.icon-large {
        width: 1.4285714285714286em
    }

.icons-ul {
    margin-left: 2.142857142857143em;
    list-style-type: none
}

    .icons-ul > li {
        position: relative
    }

    .icons-ul .icon-li {
        position: absolute;
        left: -2.142857142857143em;
        width: 2.142857142857143em;
        text-align: center;
        line-height: inherit
    }

[class*=" icon-"].hide, [class^=icon-].hide {
    display: none
}

.icon-muted {
    color: #eee
}

.icon-light {
    color: #fff
}

.icon-dark {
    color: #333
}

.icon-border {
    border: 1px solid #eee;
    padding: .2em .25em .15em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.icon-2x {
    font-size: 2em
}

    .icon-2x.icon-border {
        border-width: 2px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

.icon-3x {
    font-size: 3em
}

    .icon-3x.icon-border {
        border-width: 3px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

.icon-4x {
    font-size: 4em
}

    .icon-4x.icon-border {
        border-width: 4px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px
    }

.icon-5x {
    font-size: 5em
}

    .icon-5x.icon-border {
        border-width: 5px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px
    }

.pull-right {
    float: right
}

.pull-left {
    float: left
}

[class*=" icon-"].pull-left, [class^=icon-].pull-left {
    margin-right: .3em
}

[class*=" icon-"].pull-right, [class^=icon-].pull-right {
    margin-left: .3em
}

 

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0)
    }

    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

.icon-rotate-90:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.icon-rotate-180:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icon-rotate-270:before {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.icon-flip-horizontal:before {
    -webkit-transform: scale(-1,1);
    -moz-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    -o-transform: scale(-1,1);
    transform: scale(-1,1)
}

.icon-flip-vertical:before {
    -webkit-transform: scale(1,-1);
    -moz-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    -o-transform: scale(1,-1);
    transform: scale(1,-1)
}

.icon-glass:before {
    content: "\f000"
}

.icon-music:before {
    content: "\f001"
}

.icon-search1:before, .icon-search:before {
    content: "\f002"
}

.icon-envelope-alt:before {
    content: "\f003"
}

.icon-heart:before {
    content: "\f004"
}

.icon-star2:before, .icon-star:before {
    content: "\f005"
}

.icon-star-empty1:before, .icon-star-empty:before {
    content: "\f006"
}

.icon-user:before {
    content: "\f007"
}

.icon-film:before {
    content: "\f008"
}

.icon-file-image-o:before {
    content: "\f1c5"
}

.icon-th-large:before {
    content: "\f009"
}

.icon-th-list:before {
    content: "\f00b"
}

.icon-calendar2:before {
    content: "\f073"
}

.icon-chevron2-left:before {
    content: "\f0d9"
}

.icon-chevron2-right:before {
    content: "\f0da"
}

.icon-remove:before {
    content: "\f00d"
}

.icon-zoom-in:before {
    content: "\f00e"
}

.icon-zoom-out:before {
    content: "\f010"
}

.icon-downloads:before {
    content: "\f019"
}

.icon-eyes:before {
    content: "\f06e"
}

.icon-right:before {
    content: "\f00c"
}

.icon-off:before, .icon-power-off:before {
    content: "\f011"
}

.icon-signal:before {
    content: "\f012"
}

.icon-cog:before {
    content: "\f013"
}

.icon-delete:before, .icon-trash:before {
    content: "\f014"
}

.icon-home:before {
    content: "\f015"
}

.icon-resize:before {
    content: "\f07e";
    cursor: w-resize;
    position: absolute;
    top: 300px;
    color: #999;
    font-size: 21px
}

.icon_s, .icon_s2, .icon_s_m {
    font-size: 20px
}

.icon-eye-show:before {
    content: "\f06e"
}

.icon-grey:before {
    content: "\f057"
}

.icon-file-alt:before {
    content: "\f016"
}

.icon-time:before {
    content: "\f017"
}

.icon-road:before {
    content: "\f018"
}

.icon-download-alt:before {
    content: "\f019"
}

.icon-download:before {
    content: "\f01a"
}

.icon-inbox:before {
    content: "\f01c"
}

.icon-play-circle:before {
    content: "\f01d"
}

.icon-repeat:before, .icon-rotate-right:before {
    content: "\f01e"
}

.icon-refresh:before {
    content: "\f021"
}

.icon-list-alt:before {
    content: "\f022"
}

.icon-lock:before {
    content: "\f023"
}

.icon-flag:before {
    content: "\f024"
}

.icon-headphones:before {
    content: "\f025"
}

.icon-volume-off:before {
    content: "\f026"
}

.icon-volume-down:before {
    content: "\f027"
}

.icon-volume-up:before {
    content: "\f028"
}

.icon-qrcode:before {
    content: "\f029"
}

.icon-barcode:before {
    content: "\f02a"
}

.icon-tag:before {
    content: "\f02b"
}

.icon-tags:before {
    content: "\f02c"
}

.icon-book:before {
    content: "\f02d"
}

.icon-bookmark:before {
    content: "\f02e"
}

.icon-print:before {
    content: "\f02f"
}

.icon-camera:before {
    content: "\f030"
}

.icon-font:before {
    content: "\f031"
}

.icon-bold:before {
    content: "\f032"
}

.icon-italic:before {
    content: "\f033"
}

.icon-text-height:before {
    content: "\f034"
}

.icon-text-width:before {
    content: "\f035"
}

.icon-align-left:before {
    content: "\f036"
}

.icon-align-center:before {
    content: "\f037"
}

.icon-align-right:before {
    content: "\f038"
}

.icon-align-justify:before {
    content: "\f039"
}

.icon-list:before {
    content: "\f03a"
}

.icon-indent-left:before {
    content: "\f03b"
}

.icon-indent-right:before {
    content: "\f03c"
}

.icon-facetime-video:before {
    content: "\f03d"
}

.icon-picture:before {
    content: "\f03e"
}

.icon-pencil:before {
    content: "\f040"
}

.icon-map-marker:before {
    content: "\f041"
}

.icon-adjust:before {
    content: "\f042"
}

.icon-tint:before {
    content: "\f043"
}

.icon-edit:before {
    content: "\f044"
}

.icon-share:before {
    content: "\f045"
}

.icon-check:before {
    content: "\f046"
}

.icon-move:before {
    content: "\f047"
}

.icon-step-backward:before {
    content: "\f048"
}

.icon-fast-backward:before {
    content: "\f049"
}

.icon-backward:before {
    content: "\f04a"
}

.icon-play:before {
    content: "\f04b"
}

.icon-pause:before {
    content: "\f04c"
}

.icon-stop:before {
    content: "\f04d"
}

.icon-forward:before {
    content: "\f04e"
}

.icon-fast-forward:before {
    content: "\f050"
}

.icon-step-forward:before {
    content: "\f051"
}

.icon-eject:before {
    content: "\f052"
}

.icon-chevron-left:before {
    content: "\f053"
}

.icon-chevron-right:before {
    content: "\f054"
}

.icon-plus-sign:before {
    content: "\f055"
}

.icon-minus-sign:before {
    content: "\f056"
}

.icon-remove-sign:before {
    content: "\f057"
}

.icon-ok:before {
    content: "\f00c"
}

.icon-ok-sign:before {
    content: "\f058"
}

.icon-question-sign:before {
    content: "\f059"
}

.icon-info-sign:before {
    content: "\f05a"
}

.icon-screenshot:before {
    content: "\f05b"
}

.icon-remove-circle:before {
    content: "\f05c"
}

.icon-ok-circle:before {
    content: "\f05d"
}

.icon-ban-circle:before {
    content: "\f05e"
}

.icon-arrow-left:before {
    content: "\f060"
}

.icon-arrows-alt:before {
    content: "\f0b2"
}

.icon-th:before {
    content: "\f00a"
}

.icon-search-minus:before {
    content: "\f010"
}

.icon-search-plus:before {
    content: "\f00e"
}

.icon-ngle-right:before {
    content: "\f105"
}

.icon-arrow-right:before {
    content: "\f061"
}

.icon-arrow-up:before {
    content: "\f062"
}

.icon-arrow-down:before {
    content: "\f063"
}

.icon-mail-forward:before {
    content: "\f112"
}

.icon-resize-full:before {
    content: "\f065"
}

.icon-resize-small:before {
    content: "\f066"
}

.icon-plus:before {
    content: "\f067"
}

.icon-minus:before {
    content: "\f068"
}

.icon-asterisk:before {
    content: "\f069"
}

.icon-exclamation-sign:before {
    content: "\f06a"
}

.icon-gift:before {
    content: "\f06b"
}

.icon-leaf:before {
    content: "\f06c"
}

.icon-fire:before {
    content: "\f06d"
}

.icon-eye-open:before {
    content: "\f06e"
}

.icon-eye-close:before {
    content: "\f070"
}

.icon-warning-sign:before {
    content: "\f071"
}

.icon-plane:before {
    content: "\f072"
}

.icon-calendar:before {
    content: "\f073"
}

.icon-random:before {
    content: "\f074"
}

.icon-comment:before {
    content: "\f075"
}

.icon-magnet:before {
    content: "\f076"
}

.icon-chevron-up:before {
    content: "\f077"
}

.icon-chevron-down:before {
    content: "\f078"
}

.icon-retweet:before {
    content: "\f079"
}

.icon-shopping-cart:before {
    content: "\f07a"
}

.icon-folder-close:before {
    content: "\f07b"
}

.icon-folder-open:before {
    content: "\f07c"
}

.icon-resize-vertical:before {
    content: "\f07d"
}

.icon-resize-horizontal:before {
    content: "\f07e"
}

.icon-bar-chart:before {
    content: "\f080"
}

.icon-twitter-sign:before {
    content: "\f081"
}

.icon-facebook-sign:before {
    content: "\f082"
}

.icon-camera-retro:before {
    content: "\f083"
}

.icon-key:before {
    content: "\f084"
}

.icon-cogs:before {
    content: "\f046"
}

.icon-comments:before {
    content: "\f086"
}

.icon-thumbs-down-alt:before {
    content: "\f088"
}

.icon-star-half:before {
    content: "\f089"
}

.icon-heart-empty:before {
    content: "\f08a"
}

.icon-signout:before {
    content: "\f08b"
}

.icon-linkedin-sign:before {
    content: "\f08c"
}

.icon-pushpin:before {
    content: "\f08d"
}

.icon-external-link:before {
    content: "\f08e"
}

.icon-signin:before {
    content: "\f090"
}

.icon-trophy:before {
    content: "\f091"
}

.icon-github-sign:before {
    content: "\f092"
}

.icon-upload-alt:before {
    content: "\f093"
}

.icon-lemon:before {
    content: "\f094"
}

.icon-phone:before {
    content: "\f095"
}

.icon-check-empty:before, .icon-unchecked:before {
    content: "\f096"
}

.icon-bookmark-empty:before {
    content: "\f097"
}

.icon-phone-sign:before {
    content: "\f098"
}

.icon-twitter:before {
    content: "\f099"
}

.icon-facebook:before {
    content: "\f09a"
}

.icon-github:before {
    content: "\f09b"
}

.icon-unlock:before {
    content: "\f09c"
}

.icon-credit-card:before {
    content: "\f09d"
}

.icon-rss:before {
    content: "\f09e"
}

.icon-hdd:before {
    content: "\f0a0"
}

.icon-bullhorn:before {
    content: "\f0a1"
}

.icon-bell:before {
    content: "\f0a2"
}

.icon-certificate:before {
    content: "\f0a3"
}

.icon-hand-right:before {
    content: "\f0a4"
}

.icon-hand-left:before {
    content: "\f0a5"
}

.icon-hand-up:before {
    content: "\f0a6"
}

.icon-hand-down:before {
    content: "\f0a7"
}

.icon-circle-arrow-left:before {
    content: "\f0a8"
}

.icon-circle-arrow-right:before {
    content: "\f0a9"
}

.icon-circle-arrow-up:before {
    content: "\f0aa"
}

.icon-circle-arrow-down:before {
    content: "\f0ab"
}

.icon-globe:before {
    content: "\f0ac"
}

.icon-wrench:before {
    content: "\f0ad"
}

.icon-tasks:before {
    content: "\f0ae"
}

.icon-filter:before {
    content: "\f0b0"
}

.icon-briefcase:before {
    content: "\f0b1"
}

.icon-fullscreen:before {
    content: "\f0b2"
}

.icon-group:before {
    content: "\f0c0"
}

.icon-link:before {
    content: "\f0c1"
}

.icon-cloud:before {
    content: "\f005"
}

.icon-beaker:before {
    content: "\f0c3"
}

.icon-cut:before {
    content: "\f0c4"
}

.icon-copy:before {
    content: "\f0c5"
}

.icon-paper-clip:before, .icon-paperclip:before {
    content: "\f0c6"
}

.icon-sign-blank:before {
    content: "\f0c8"
}

.icon-diamond:before {
    content: "\f219"
}

.icon-wordpress:before {
    content: "\f19a"
}

.icon-reorder:before {
    content: "\f0c9"
}

.icon-list-ul:before {
    content: "\f0ca"
}

.icon-list-ol:before {
    content: "\f0cb"
}

.icon-strikethrough:before {
    content: "\f0cc"
}

.icon-underline:before {
    content: "\f0cd"
}

.icon-table:before {
    content: "\f0ce"
}

.icon-magic:before {
    content: "\f0d0"
}

.icon-truck:before {
    content: "\f0d1"
}

.icon-pinterest:before {
    content: "\f0d2"
}

.icon-pinterest-sign:before {
    content: "\f0d3"
}

.icon-google-plus-sign:before {
    content: "\f0d4"
}

.icon-google-plus:before {
    content: "\f0d5"
}

.icon-money:before {
    content: "\f0d6"
}

.icon-caret-down:before {
    content: "\f0d7"
}

.icon-caret-up:before {
    content: "\f0d8"
}

.icon-caret-left:before {
    content: "\f0d9"
}

.icon-caret-right:before {
    content: "\f0da"
}

.icon-columns:before {
    content: "\f0db"
}

.icon-sort:before {
    content: "\f0dc"
}

.icon-sort-down:before {
    content: "\f0dd"
}

.icon-sort-up:before {
    content: "\f0de"
}

.icon-envelope:before {
    content: "\f0e0"
}

.icon-linkedin:before {
    content: "\f0e1"
}

.icon-refund:before, .icon-rotate-left:before, .icon-undo:before {
    content: "\f0e2"
}

.icon-rotate-left:before, .icon-undo:before {
    padding: 5px 6px 5px 9px;
    border-right: solid 1px #54780e;
    -webkit-box-shadow: 1px 0 0 0 rgba(215,244,115,1);
    -moz-box-shadow: 1px 0 0 0 rgba(215,244,115,1);
    box-shadow: 1px 0 0 0 rgba(215,244,115,1)
}

.icon-legal:before {
    content: "\f0e3"
}

.icon-dashboard:before {
    content: "\f0e4"
}

.icon-comment-alt:before {
    content: "\f0e5"
}

.icon-comments-alt:before {
    content: "\f0e6"
}

.icon-bolt:before {
    content: "\f0e7"
}

.icon-sitemap:before {
    content: "\f0e8"
}

.icon-umbrella:before {
    content: "\f0e9"
}

.icon-paste:before {
    content: "\f0ea"
}

.icon-lightbulb:before {
    content: "\f0eb"
}

.icon-exchange:before {
    content: "\f0ec"
}

.icon-cloud-download:before {
    content: "\f0ed"
}

.icon-cloud-upload:before {
    content: "\f0ee"
}

.icon-user-md:before {
    content: "\f0f0"
}

.icon-stethoscope:before {
    content: "\f0f1"
}

.icon-suitcase:before {
    content: "\f0f2"
}

.icon-bell-alt:before {
    content: "\f0f3"
}

.icon-coffee:before {
    content: "\f0f4"
}

.icon-food:before {
    content: "\f0f5"
}

.icon-file-text-alt:before {
    content: "\f0f6"
}

.icon-building:before {
    content: "\f0f7"
}

.icon-hospital:before {
    content: "\f0f8"
}

.icon-ambulance:before {
    content: "\f0f9"
}

.icon-medkit:before {
    content: "\f0fa"
}

.icon-fighter-jet:before {
    content: "\f0fb"
}

.icon-beer:before {
    content: "\f0fc"
}

.icon-h-sign:before {
    content: "\f0fd"
}

.icon-plus-sign-alt:before {
    content: "\f0fe"
}

.icon-double-angle-left:before {
    content: "\f100"
}

.icon-angle-double-right:before {
    content: "\f101"
}

.icon-double-angle-up:before {
    content: "\f102"
}

.icon-double-angle-down:before {
    content: "\f103"
}

.icon-angle-left:before {
    content: "\f104"
}

.icon-angle-right:before {
    content: "\f105"
}

.icon-angle-up:before {
    content: "\f106"
}

.icon-angle-down:before {
    content: "\f107"
}

.icon-desktop:before {
    content: "\f108"
}

.icon-laptop:before {
    content: "\f109"
}

.icon-tablet:before {
    content: "\f10a"
}

.icon-mobile-phone:before {
    content: "\f10b"
}

.icon-circle-blank:before {
    content: "\f10c"
}

.icon-quote-left:before {
    content: "\f10d"
}

.icon-quote-right:before {
    content: "\f10e"
}

.icon-spinner:before {
    content: "\f110"
}

.icon-circle:before {
    content: "\f111"
}

.icon-mail-reply:before, .icon-reply:before {
    content: "\f112"
}

.icon-github-alt:before {
    content: "\f113"
}

.icon-folder-close-alt:before {
    content: "\f114"
}

.icon-folder-open-alt:before {
    content: "\f115"
}

.icon-expand-alt:before {
    content: "\f116"
}

.icon-collapse-alt:before {
    content: "\f117"
}

.icon-smile:before {
    content: "\f118"
}

.icon-frown:before {
    content: "\f119"
}

.icon-meh:before {
    content: "\f11a"
}

.icon-gamepad:before {
    content: "\f11b"
}

.icon-keyboard:before {
    content: "\f11c"
}

.icon-flag-alt:before {
    content: "\f11d"
}

.icon-flag-checkered:before {
    content: "\f11e"
}

.icon-terminal:before {
    content: "\f120"
}

.icon-code:before {
    content: "\f121"
}

.icon-mail-reply-all:before, .icon-reply-all:before {
    content: "\f122"
}

.icon-star-half-empty:before, .icon-star-half-full:before {
    content: "\f123"
}

.icon-location-arrow:before {
    content: "\f124"
}

.icon-crop:before {
    content: "\f125"
}

.icon-code-fork:before {
    content: "\f126"
}

.icon-unlink:before {
    content: "\f127"
}

.icon-question:before {
    content: "\f128"
}

.icon-info:before {
    content: "\f129"
}

.icon-exclamation:before {
    content: "\f12a"
}

.icon-superscript:before {
    content: "\f12b"
}

.icon-subscript:before {
    content: "\f12c"
}

.icon-eraser:before {
    content: "\f12d"
}

.icon-puzzle-piece:before {
    content: "\f12e"
}

.icon-microphone:before {
    content: "\f130"
}

.icon-microphone-off:before {
    content: "\f131"
}

.icon-shield:before {
    content: "\f132"
}

.icon-calendar-empty:before {
    content: "\f133"
}

.icon-fire-extinguisher:before {
    content: "\f134"
}

.icon-rocket:before {
    content: "\f135"
}

.icon-maxcdn:before {
    content: "\f136"
}

.icon-chevron-sign-left:before {
    content: "\f137"
}

.icon-chevron-sign-right:before {
    content: "\f138"
}

.icon-chevron-sign-up:before {
    content: "\f139"
}

.icon-chevron-sign-down:before {
    content: "\f13a"
}

.icon-html5:before {
    content: "\f13b"
}

.icon-css3:before {
    content: "\f13c"
}

.icon-anchor:before {
    content: "\f13d"
}

.icon-unlock-alt:before {
    content: "\f13e"
}

.icon-bullseye:before {
    content: "\f140"
}

.icon-ellipsis-horizontal:before {
    content: "\f141"
}

.icon-ellipsis-vertical:before {
    content: "\f142"
}

.icon-rss-sign:before {
    content: "\f143"
}

.icon-play-sign:before {
    content: "\f144"
}

.icon-ticket:before {
    content: "\f145"
}

.icon-minus-sign-alt:before {
    content: "\f146"
}

.icon-check-minus:before {
    content: "\f147"
}

.icon-level-up:before {
    content: "\f148"
}

.icon-level-down:before {
    content: "\f149"
}

.icon-check-sign:before {
    content: "\f14a"
}

.icon-edit-sign:before {
    content: "\f14b"
}

.icon-upload:before {
    content: "\f093"
}

.icon-external-link-sign:before {
    content: "\f14c"
}

.icon-share-sign:before {
    content: "\f14d"
}

.icon-compass:before {
    content: "\f14e"
}

.icon-collapse:before {
    content: "\f150"
}

.icon-collapse-top:before {
    content: "\f151"
}

.icon-expand:before {
    content: "\f152"
}

.icon-eur:before, .icon-euro:before {
    content: "\f153"
}

.icon-gbp:before {
    content: "\f154"
}

.icon-dollar:before, .icon-usd:before {
    content: "\f155"
}

.icon-inr:before, .icon-rupee:before {
    content: "\f156"
}

.icon-jpy:before, .icon-yen:before {
    content: "\f157"
}

.icon-cny:before, .icon-renminbi:before {
    content: "\f158"
}

.icon-krw:before, .icon-won:before {
    content: "\f159"
}

.icon-bitcoin:before, .icon-btc:before {
    content: "\f15a"
}

.icon-file:before {
    content: "\f15b"
}

.icon-file-text:before {
    content: "\f15c"
}

.icon-sort-by-alphabet:before {
    content: "\f15d"
}

.icon-sort-by-alphabet-alt:before {
    content: "\f15e"
}

.icon-sort-by-attributes:before {
    content: "\f160"
}

.icon-sort-by-attributes-alt:before {
    content: "\f161"
}

.icon-sort-by-order:before {
    content: "\f162"
}

.icon-sort-by-order-alt:before {
    content: "\f163"
}

.icon-thumbs-up:before {
    content: "\f164"
}

.icon-thumbs-down:before {
    content: "\f165"
}

.icon-youtube-sign:before {
    content: "\f166"
}

.icon-youtube:before {
    content: "\f167"
}

.icon-xing:before {
    content: "\f168"
}

.icon-xing-sign:before {
    content: "\f169"
}

.icon-youtube-play:before {
    content: "\f16a"
}

.icon-dropbox:before {
    content: "\f16b"
}

.icon-stackexchange:before {
    content: "\f16c"
}

.icon-instagram:before {
    content: "\f16d"
}

.icon-flickr:before {
    content: "\f16e"
}

.icon-adn:before {
    content: "\f170"
}

.icon-bitbucket:before {
    content: "\f171"
}

.icon-bitbucket-sign:before {
    content: "\f172"
}

.icon-tumblr:before {
    content: "\f173"
}

.icon-tumblr-sign:before {
    content: "\f174"
}

.icon-long-arrow-down:before {
    content: "\f175"
}

.icon-long-arrow-up:before {
    content: "\f176"
}

.icon-long-arrow-left:before {
    content: "\f177"
}

.icon-long-arrow-right:before {
    content: "\f178"
}

.icon-apple:before {
    content: "\f179"
}

.icon-windows:before {
    content: "\f17a"
}

.icon-android:before {
    content: "\f17b"
}

.icon-linux:before {
    content: "\f17c"
}

.icon-dribble:before {
    content: "\f17d"
}

.icon-skype:before {
    content: "\f17e"
}

.icon-foursquare:before {
    content: "\f180"
}

.icon-trello:before {
    content: "\f181"
}

.icon-female:before {
    content: "\f182"
}

.icon-male:before {
    content: "\f183"
}

.icon-gittip:before {
    content: "\f184"
}

.icon-sun:before {
    content: "\f185"
}

.icon-moon:before {
    content: "\f186"
}

.icon-archive:before {
    content: "\f187"
}

.icon-bug:before {
    content: "\f188"
}

.icon-vk:before {
    content: "\f189"
}

.icon-weibo:before {
    content: "\f18a"
}

.icon-renren:before {
    content: "\f18b"
}

.icon-dot-circle-o:before {
    content: "\f192"
}

.icon-bomb:before {
    content: "\f1e2"
}

.icon-bicycle:before {
    content: "\f206"
}

.icon-eye-hide:before {
    content: "\f070"
}

.icon-delete_pro:before {
    content: "\f057"
}

.icon-search_2:before, .icon-search_3:before, .icon-search_p:before {
    content: "\f002"
}

.icon-search_p:before {
    padding: 5px 4px 5px 7px;
    border-right: solid 1px #54780e;
    -webkit-box-shadow: 1px 0 0 0 rgba(215,244,115,1);
    -moz-box-shadow: 1px 0 0 0 rgba(215,244,115,1);
    box-shadow: 1px 0 0 0 rgba(215,244,115,1)
}

.icon-search_2:before {
    padding: 11px 4px 11px 7px;
    border-right: solid 1px #3c6595;
    -webkit-box-shadow: 1px 0 0 0 #62aed1;
    -moz-box-shadow: 1px 0 0 0 #62aed1;
    box-shadow: 1px 0 0 0 #62aed1
}

.icon-search_3:before {
    background: #545555;
    color: #fff;
    border: 1px solid #545555;
    padding: 6px 6px 4px
}

.icon-reset:before {
    padding: 11px 4px 11px 7px;
    border-right: solid 1px #54780e;
    -webkit-box-shadow: 1px 0 0 0 rgba(215,244,115,1);
    -moz-box-shadow: 1px 0 0 0 rgba(215,244,115,1);
    box-shadow: 1px 0 0 0 rgba(215,244,115,1);
    content: "\f0e2"
}

.icon-black:before, .icon-filter_P:before {
    -webkit-box-shadow: 1px 0 0 0 #9f9fa2;
    -moz-box-shadow: 1px 0 0 0 #9f9fa2
}

.icon-black:before {
    padding: 5px 4px 5px 7px;
    border-right: solid 1px #333334;
    box-shadow: 1px 0 0 0 #9f9fa2;
    content: "\f002"
}

.icon-filter_P:before, .icon-rating:before {
    padding: 5px;
    border-right: solid 1px #333334
}

.icon-folder-fa-info:before {
    content: "\f129"
}

.icon-tachometer:before {
    content: "\f0e4"
}

.icon-message:before {
    content: "\f0e0"
}

.icon-contest:before {
    content: "\f091"
}

.icon_s {
    margin-right: 9px
}

.icon_s2 {
    margin-right: 2px
}

.icon_s_m {
    margin: 0 7px 0 0
}

.icon-filter_P:before {
    box-shadow: 1px 0 0 0 #9f9fa2;
    content: "\f0b0"
}

.icon-rating:before {
    content: "\f0e4";
    -webkit-box-shadow: 1px 0 0 0 #9f9fa2;
    -moz-box-shadow: 1px 0 0 0 #9f9fa2;
    box-shadow: 1px 0 0 0 #9f9fa2
}

.icon-next-arrow:before {
    padding: 5px 4px 5px 7px;
    border-right: solid 1px #e9623d;
    -webkit-box-shadow: 1px 0 0 0 #fea873;
    -moz-box-shadow: 1px 0 0 0 #fea873;
    box-shadow: 1px 0 0 0 #fea873;
    content: "\f0a9"
}

.icon-back-arrow:before, .icon-save:before {
    border-right: solid 1px #979595;
    padding: 5px 4px 5px 7px
}

.icon-back-arrow:before {
    -webkit-box-shadow: 1px 0 0 0 #efecec;
    -moz-box-shadow: 1px 0 0 0 #efecec;
    box-shadow: 1px 0 0 0 #efecec;
    content: "\f0a8"
}

.icon-save:before {
    -webkit-box-shadow: 1px 0 0 0 #efecec;
    -moz-box-shadow: 1px 0 0 0 #efecec;
    box-shadow: 1px 0 0 0 #efecec;
    content: "\f0a9"
}

.icon-save2:before, .icon-save3:before, .icon-save_orange:before {
    content: "\f0c7"
}

.icon-save2:before {
    padding: 5px 4px 5px 7px;
    border-right: solid 1px #df4c03;
    -webkit-box-shadow: 1px 0 0 0 #ffad84;
    -moz-box-shadow: 1px 0 0 0 #ffad84;
    box-shadow: 1px 0 0 0 #ffad84
}

.icon-save3:before {
    padding: 5px 3px 5px 0
}

.icon-save_orange:before {
    padding: 5px 4px 5px 7px
}

.icon-password_change:before {
    padding: 5px 0;
    content: "\f023"
}

.icon-new_user:before {
    padding: 5px 2px;
    content: "\f007"
}

.icon-card2:before {
    padding: 5px 0;
    content: "\f09d"
}

.icon-edit3:before {
    padding: 5px 4px 5px 7px;
    border-right: solid 1px #979595;
    -webkit-box-shadow: 1px 0 0 0 #e3dfdf;
    -moz-box-shadow: 1px 0 0 0 #e3dfdf;
    box-shadow: 1px 0 0 0 #e3dfdf;
    content: "\f040"
}

.icon-close:before {
    padding: 5px 4px 5px 7px;
    content: "\f00d"
}

.icon-close-sign::before {
    content: "\f057"
}

.icon-closebtn:before {
    content: "\f00d"
}

.icon-send_arrow:before {
    padding: 5px 4px 5px 7px;
    border-right: solid 1px #979595;
    -webkit-box-shadow: 1px 0 0 0 #efecec;
    -moz-box-shadow: 1px 0 0 0 #efecec;
    box-shadow: 1px 0 0 0 #efecec;
    content: "\f124"
}

.icon-add:before, .icon-show1:before {
    -webkit-box-shadow: 1px 0 0 0 #979595;
    -moz-box-shadow: 1px 0 0 0 #979595
}

.icon-add:before {
    padding: 5px 4px 5px 7px;
    border-right: solid 1px #333334;
    box-shadow: 1px 0 0 0 #979595;
    content: "\f055"
}

.icon-close2:before {
    padding: 5px 0;
    content: "\f057"
}

.icon-close2_black:before, .icon-show1:before {
    padding: 5px 4px 5px 7px;
    border-right: solid 1px #333334
}

.icon-show1:before {
    box-shadow: 1px 0 0 0 #979595;
    content: "\f06e"
}

.icon-close2_black:before {
    -webkit-box-shadow: 1px 0 0 0 #979595;
    -moz-box-shadow: 1px 0 0 0 #979595;
    box-shadow: 1px 0 0 0 #979595;
    content: "\f057"
}

.icon-thumbs-up-alt:before {
    content: "\f087"
}

.icon-thumbs-up-down:before {
    content: "\f088"
}

.icon-angle-double-left:before {
    content: "\f100"
}

.icon-plus-sign1:before {
    content: "\f055"
}

.icon-twitter-sign2:before {
    content: "\f081";
    color: #000
}

.icon-facebook-sign2:before {
    content: "\f082";
    color: #000
}

.icon-warning-sign2:before {
    content: "\f071"
}

.icon-unwatch:before {
    content: "\f017"
}

.icon-check-circle-o:before {
    content: "\f05d"
}

.icon-check-circle:before {
    content: "\f058"
}

.icon-times-circle:before {
    content: "\f057"
}

.icon-dollar2:before {
    content: "\f155";
    height: 30px;
    line-height: 30px
}

.icon-send:before {
    content: "\f112"
}

.icon-facebook_pop_up:before {
    content: "\f09a"
}

.icon-user_pop_up:before {
    content: "\f007"
}

.icon-envelope_pop_up:before {
    content: "\f0e0"
}

.icon-lock_pop_up:before {
    content: "\f023"
}

.icon-thumbs-up-alt_default:before {
    content: "\f087"
}

.icon-paper-plane:before {
    content: "\f1d8"
}

.icon-commenting:before {
    content: "\f27a"
}

.icon-ge:before {
    content: "\f1d1"
}

.icon-futbol-o:before {
    content: "\f1e3"
}

.icon-hourglass-2:before {
    content: "\f252"
}

.icon-space-shuttle:before {
    content: "\f197"
}

.icon-share-alt:before {
    content: "\f1e0"
}

.icon-user-plus:before {
    content: "\f234"
}

.icon-newspaper-o:before {
    content: "\f1ea"
}

.icon-shopping-basket:before {
    content: "\f291"
}

.icon-history:before {
    content: "\f1da"
}

.icon-map-o:before {
    content: "\f278"
}

.icon-map-pin:before {
    content: "\f276"
}

.icon-file-picture-o:before {
    content: "\f1c5"
}

.icon-share-alt-o:before {
    content: "\f1e0"
}

.icon-leanpub:before {
    content: "\f212"
}

.icon-pie-chart:before {
    content: "\f200"
}

.icon-file-pdf:before {
    content: "\f1c1"
}

.icon-file-word:before {
    content: "\f1c2"
}

.icon-file-excel:before {
    content: "\f1c3"
}

.icon-eyedropper:before {
    content: "\f1fb"
}

.icon-comments-o:before {
    content: "\f0e6"
}

.icon-hourglass-o:before {
    content: "\f250"
}

.icon-users:before {
    content: "\f0c0"
}

.icon-paint-brush:before {
    content: "\f1fc"
}

.icon-calendar-check-o:before {
    content: "\f274"
}

.icon-opencart:before {
    content: "\f23d"
}

.icon-handshake-o:before {
    content: "\f2b5"
}

.icon-question-circle-o:before {
    content: "\f29c"
}

.icon-clipboard-list:before {
    content: "\f46d"
}

.icon-volleyball-ball:before {
    content: "\f45f"
}

.icon-pinterest-p:before {
    content: "\f231"
}

.icon-user-circle:before {
    content: "\f2bd"
}

.icon-object-group:before {
    content: "\f247"
}

.icon-whatsapp:before {
    content: "\f232 "
}

.icon-graduation-cap:before {
    content: "\f19d"
}

.icon-sliders:before {
    content: "\f1de";
}

.icon-file-text-o:before {
    content: "\f0f6";
}

.icon-paragraph:before {
    content: "\f1dd";
}

.icon-industry:before {
    content: "\f275";
}

.icon-check-square-o:before {
    content: "\f046";
}

.icon-chevron-circle-down:before {
    content: "\f13a";
}

.icon-file-o:before {
    content: "\f016";
}

.icon-google-sign:before {
    content: "\f1a0";
}

.icon-clone:before {
    content: "\f24d"
}

.icon-trash-o:before {
    content: "\f1f8"
}

.icon-tripadvisor:before {
    content: "\f262"
}

.icon-gitlab:before {
    content: "\f296"
}

.icon-quora:before {
    content: "\f2c4"
}

.icon-behance:before {
    content: "\f1b4"
}

.icon-yelp:before {
    content: "\f1e9"
}

.icon-medium:before {
    content: "\f23a"
}

.icon-qq:before {
    content: "\f1d6"
}

.icon-slack:before {
    content: "\f198"
}

.icon-500px:before {
    content: "\f26e"
}

.icon-slideshare:before {
    content: "\f1e7"
}

.icon-wechat:before {
    content: "\f1d7"
}

.icon-stumbleupon:before {
    content: "\f1a4"
}

.icon-vine:before {
    content: "\f1ca"
}

.icon-viadeo:before {
    content: "\f2a9"
}

.icon-deviantart:before {
    content: "\f1bd"
}

.icon-imdb:before {
    content: "\f2d8"
}

.icon-snapchat:before {
    content: "\f2ac"
}

.icon-vimeo:before {
    content: "\f27d"
}

.icon-ravelry:before {
    content: "\f2d9"
}

.icon-product-hunt:before {
    content: "\f288"
}

.icon-angellist:before {
    content: "\f209"
}

.icon-houzz:before {
    content: "\f27c"
}

.icon-telegram:before {
    content: "\f2c6"
}

.icon-map-fill:before {
    content: "\f279"
}

.icon-wikipedia:before {
    content: "\f266"
}

.icon-etsy:before {
    content: "\f2d7"
}

.icon-amazon:before {
    content: "\f270"
}

.icon-spotify:before {
    content: "\f1bc"
}

.icon-mixcloud:before {
    content: "\f289"
}

.icon-soundcloud:before {
    content: "\f1be"
}

.icon-soundcloud:before {
    content: "\f1be"
}

.icon-drupal:before {
    content: "\f1a9"
}

.icon-reddit:before {
    content: "\f289"
}

.icon-id-card-o:before {
    content: "\f2c3"
}

.icon-line-chart:before {
    content: "\f201"
}

:root {
    --primary-color: #db404b;
    --secondary-colors: #8c95a5;
    --btn-hover-color: rgba(219,64,75,.9)
}

 

.fixed-header {
    position: fixed;
    top: 0
}

 

.shop-top-container {
    border-top: 3px solid #82bc3b;
    border-bottom: .0625rem solid #eee
}

.without-login .container, .with-login .container {
    max-width: 1400px;
    width: 100%;
    font-family: "Cerebri-sans",Helvetica,Arial,sans-serif !important
}

.dhucjs_loaded .shop-menu-data, .dhucjs_loaded .user-grop, .dhucjs_loaded .show-page-loaded-content {
    opacity: 1 !important
}

.dhucjs_loaded .user-grop {
    display: flex
}

.page789 .pages-content.container-fluid {
    overflow: hidden
}

.min-cart {
    z-index: 10000
}

.subheader-css.login-subheader.inner-page-subheader {
    display: none
}

.start-selling a, .start-selling-grlink {
    line-height: 1;
    background: var(--primary-color);
    color: #fff;
    font-weight: 500;
    padding: 8px 12px;
    margin: 0;
    border-radius: 2px;
    align-items: center
}

.start-selling a, .help-login .jobs > a, .help-login .help > a, #login-menu-header .login-btn .Label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    letter-spacing: .2px
}

.start-selling a, .start-selling-grlink {
    line-height: 1;
    background: var(--primary-color);
    color: #fff;
    font-weight: 500;
    padding: 8px 12px;
    margin: 0;
    border-radius: 2px;
    align-items: center
}

.custom-shop-topheader .start-selling a, .custom-shop-topheader .start-selling-grlink {
    background: var(--primary-color)
}

    .custom-shop-topheader .start-selling a:hover {
        background: var(--primary-color);
        color: #fff
    }

.start-selling a:hover {
    transform: translateY(-1px)
}

.start-selling-grlink {
    float: right
}

    .start-selling-grlink .icon {
        margin-right: 6px
    }

.sell-art-closed {
    display: none
}

.close-shop-menu .icon {
    font-size: 24px;
    -webkit-text-stroke: 2px #fff
}

.close-shop-menu {
    padding: 12px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.alignment {
    float: right;
    width: auto
}

.start-selling a, .help-login .jobs > a, .help-login .help > a, #login-menu-header .login-btn .Label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    letter-spacing: .2px
}

.start-selling .icon {
    font-size: 14px;
    margin-right: 6px
}

.custom-shop-topheader ~ .shop-container .start-selling a {
    background: rgba(219,64,75,1)
}

    .custom-shop-topheader ~ .shop-container .start-selling a:hover, .custom-shop-topheader ~ .shop-container .start-selling a:focus {
        background: rgba(219,64,75,.8);
        color: #fff
    }

#login-menu-header .login-btn .Label .icon-user {
    font-size: 16px;
    top: 11px;
    color: #333
}

#login-menu-header .login-btn .Label {
    padding-left: 26px;
    color: #333
}

#login-menu-header {
    position: relative;
    margin: 0
}

    #login-menu-header .login-btn {
        line-height: 40px;
        display: inline-block;
        font-weight: 400
    }

        #login-menu-header .login-btn .Label {
            order: 2
        }

        #login-menu-header .login-btn .UserIcon {
            order: 1
        }

    #login-menu-header .wrap-login-account {
        background: #fff;
        position: absolute;
        right: 0;
        top: 40px;
        width: 420px;
        padding: 36px 24px 24px;
        z-index: 10;
        box-shadow: 0 4px 16px rgba(0,0,0,.2);
        cursor: default;
        font-size: 1.25rem
    }

form.login {
    width: 90%;
    margin: 0 auto
}

.form-row {
    width: 100%;
    position: relative;
    text-align: left
}

    .form-row .label-placeholder {
        font-weight: 400;
        letter-spacing: .02rem;
        font-size: .95rem;
        line-height: 2em;
        color: #999;
        display: inline-block;
        padding: 0 2%;
        position: relative
    }

.start-selling, .help-login {
    display: inline-block;
    vertical-align: middle
}

    .start-selling .fa-shopping-basket {
        font-size: 16px;
        margin-right: 6px
    }

.start-selling {
    margin-bottom: 0;
    min-width: 96px
}

.user-info-section .whiteBtnNectar .btn.btn-default.white-spacse-css.new-button-css.shop-page-button {
    padding: 2px 9px;
    font-size: 12px
}

.pull-right.user-info-section > ul > li .icon-reorder {
    position: relative;
    top: 3px
}

.root_header {
    z-index: 999;
    transition: transform .3s ease;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateY(0%);
    position: sticky;
    position: -webkit-sticky
}

    .root_header.not-showing {
        transform: translateY(-100%)
    }

.logo img {
    width: 137px
}

 

.burger-menu {
    display: none
}

.dropdown-menu.notification-css {
    width: 100%;
    min-width: 200px;
    top: 80%
}

.user-info-section .dropdown-menu.notification-css > li {
    float: left;
    margin: 0 0 12px;
    width: 100%
}

.notification-left {
    width: 17%;
    float: left
}

.user-info-section img {
    height: 35px;
    width: 35px;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle
}

.main-notification {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 0 15px
}

    .main-notification .remaining-notification {
        font-size: 13px;
        font-weight: 500;
        line-height: 2;
        text-align: center
    }

    .main-notification .view-all-notification {
        margin: 6px 0 0;
        text-align: center
    }

.user-info-section .btn-group.open .dropdown-menu a {
    color: #8b91a0 !important;
    display: block;
    font-size: 12px;
    line-height: normal !important;
    overflow: hidden;
    padding: 7px 15px !important;
    position: relative;
    text-align: left;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.user-info-section .dropdown-menu.notification-css .view-all-notification > a {
    border-radius: 30px;
    color: #fff !important;
    background-color: #82bc3b;
    border: none;
    box-shadow: none;
    display: inline-block !important;
    width: auto;
    margin: 0
}

.user-info-section .btn-group.open > .dropdown-menu {
    max-height: none;
    background: #fff none repeat scroll 0 0;
    display: block;
    min-width: 350px;
    width: 100%;
    padding: 10px 20px;
    top: 180%;
    left: -412%;
    border: 1px solid rgba(0,0,0,.15);
    overflow: visible
}

.notification-right {
    width: 82%;
    float: left
}

    .notification-right h4 {
        text-transform: uppercase;
        color: #333;
        font-size: 14px;
        font-weight: 500;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        word-break: break-all
    }

    .notification-right p, .notification-right time {
        color: #8b91a0 !important;
        margin: 3px 0 0;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12px;
        text-transform: uppercase
    }

.user-info-section .btn-group.open .dropdown-menu li a {
    background: #fef2f2 !important
}

.user-info-section .dropdown-menu.notification-css li:nth-child(2n) a {
    background: #edf7fc !important
}

#headerNotification a, #headerNotification .bell-container {
    display: block;
    margin-top: 4px;
    cursor: pointer
}

.user-info-section .btn-group.open .dropdown-menu li a:hover {
    background: #fae1e1 !important
}

.user-info-section .dropdown-menu.notification-css li:nth-child(2n) a:hover {
    background: #D8EBF4 !important
}

.user-info-section .btn-group.open > .dropdown-menu:after {
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    left: 49%;
    position: absolute;
    top: -7px;
    width: 0;
    height: 0
}

.user-info-section .btn-group.open > .dropdown-menu:before {
    border-bottom: 7px solid #ddd;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    left: 49%;
    position: absolute;
    top: -8px;
    width: 0;
    height: 0
}

.myaccDropdown .dropdown-toggle.cog-css-new:after {
    content: "\f0d7";
    font-family: fontawesome;
    position: absolute;
    right: -8px;
    top: 4px
}

.myaccDropdown .dropdown-toggle.cog-css-new:after {
    content: "\f0d7";
    font-family: fontawesome;
    position: absolute;
    right: -8px;
    top: 4px
}

.user-info-section .dropdown-toggle {
    color: #fff;
    font-size: 15px
}

.myaccDropdown .dropdown-toggle.cog-css-new {
    display: inline-block;
    height: 60px;
    padding-right: 7px;
    width: 50px;
    position: relative
}

.dropdown-menu.account-info-css {
    border: 1px solid #ddd;
    left: auto;
    right: 10px;
    max-height: none;
    min-width: 250px;
    top: 88%;
    width: 100%;
    padding: 0;
    overflow: visible
}

    .dropdown-menu.account-info-css > li {
        margin: 0 0 5px;
        padding: 2px 0;
        float: left;
        width: 100%;
        line-height: normal
    }

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

.dropdown-menu.account-info-css a {
    white-space: normal;
    padding: 3px 18px;
    font-size: 14px
}

.cog-css-new .dropdown-menu.account-info-css a {
    padding: 9px 18px
}

.top-menu-list > li {
    display: flex;
    align-items: center;
    position: relative
}

.change-shop-bg .top-menu-list > li > a:hover, .change-shop-bg .top-menu-list > li:hover > a, .custom-header-container .top-menu-list > li > a:hover, .custom-header-container .top-menu-list > li:hover > a {
    color: var(--primary-color)
}

.top-menu-list > li > a > span {
    background: #fff;
    display: block;
    text-align: center;
    color: #595959;
    font-size: 13px;
    font-weight: 400
}

.shop-menu-list.show-menu.is-active {
    display: block
}

.shop-menu-list .shop-menu-data {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0
}

#nav-top.fixed .shop-menu-list.show-menu {
    top: 70px !important
}

.top-menu-list > li:hover .shop-menu-list.show-menu {
    display: block
}

.submenu-data-list:before, .submenu-data-list > li:first-child {
    margin-top: 0
}

.submenu-data-list > li {
    margin-top: 2px
}

    .shop-menu-data > li > a:hover, .submenu-data-list > li > a:hover, .shop-menu-data > li:hover > a {
        color: var(--primary-color)
    }

.shop-menu-data > li .fa {
    font-size: 24px;
    position: absolute;
    left: 24px
}

.show-menu {
    display: none
}

.cart-grop {
    display: inline-block;
    float: right
}

.add-cart-group {
    position: relative;
    display: inline-block;
    height: 42px
}

    .add-cart-group > li {
        margin-left: 24px;
        display: inline-block;
        position: relative
    }

        .add-cart-group > li:first-child {
            margin-right: 0
        }

.add-cart-group {
    padding-left: 0;
    margin-bottom: 0;
    padding-top: 4px
}

    .add-cart-group .icon-bell {
        font-size: 20px
    }

.inner-page-header.fixed-header .add-cart-group .icon-bell {
    color: #333
}

.add-cart-group .dropdown-menu.account-info-css:before {
    border-bottom: 7px solid #ddd;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    right: 0;
    position: absolute;
    top: -8px;
    width: 0;
    height: 0
}

.add-cart-group .dropdown-menu.account-info-css {
    border: 1px solid #ddd;
    left: auto;
    right: 0;
    max-height: none;
    min-width: 250px;
    top: 108%;
    width: 100%;
    padding: 6px;
    overflow: visible
}

.user-info-section .dropdown-toggle {
    color: #fff;
    font-size: 15px
}

.user-info-section .btn-group.open .dropdown-menu a {
    color: #8b91a0 !important;
    display: block;
    font-size: 12px;
    line-height: normal !important;
    overflow: hidden;
    padding: 7px 15px !important;
    position: relative;
    text-align: left;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.user-info-section .dropdown-menu.notification-css .view-all-notification > a {
    border-radius: 30px;
    color: #fff !important;
    background-color: #82bc3b !important;
    border: none;
    box-shadow: none;
    display: inline-block !important;
    width: auto;
    margin: 0
}

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

.dropdown-menu.account-info-css a {
    white-space: normal;
    padding: 3px 18px;
    font-size: 14px
}

.user-info-section .btn-group.open .dropdown-menu li a {
    background: #fef2f2 !important
}

.user-info-section .dropdown-menu.notification-css li:nth-child(2n) a {
    background: #edf7fc !important
}

.user-info-section .btn-group.open .dropdown-menu a:hover {
    background: #fae1e1 !important
}

.user-info-section .dropdown-menu.notification-css li:nth-child(2n) a:hover {
    background: #D8EBF4 !important
}

.notification-right {
    width: 82%;
    float: left
}

    .notification-right h4 {
        color: #1b1e24;
        font-size: 14px;
        font-weight: 500;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        word-break: break-word;
        letter-spacing: 0
    }

    .notification-right p {
        color: #8b91a0 !important;
        margin: 3px 0 0;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12px;
        text-transform: uppercase;
        line-height: normal
    }

.myaccDropdown .dropdown-toggle.cog-css-new {
    display: inline-block;
    height: 60px;
    padding-right: 7px;
    width: 50px;
    position: relative
}

    .myaccDropdown .dropdown-toggle.cog-css-new:after {
        content: "\f0d7";
        font-family: fontawesome,Helvetica,Arial,sans-serif;
        position: absolute;
        right: -8px;
        top: 4px
    }

.dropdown-menu.account-info-css {
    border: 1px solid #ddd;
    left: auto;
    right: 10px;
    max-height: none;
    min-width: 250px;
    top: 88%;
    width: 100%;
    padding: 0;
    overflow: visible
}

.user-info-section .open > .dropdown-menu.account-info-css:before, .user-info-section .myaccDropdown:hover > .dropdown-menu.account-info-css:before, .header-inner .btn-group .dropdown-menu:before {
    border-bottom: 7px solid #ddd;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    right: 0;
    position: absolute;
    top: -8px;
    width: 0;
    height: 0
}

.account-info-css li {
    line-height: normal
}

.dropdown-menu.account-info-css > li {
    margin: 0 0 5px;
    padding: 2px 0;
    float: left;
    width: 100%
}

#headerNotification a, #headerNotification .bell-container {
    display: block;
    margin-top: 4px;
    cursor: pointer
}

.add-cart-group .myaccDropdown .dropdown-toggle.cog-css-new:after {
    top: 12px;
    right: -14px
}

.add-cart-group .icon-heart, .add-cart-group .icon-shopping-cart {
    font-size: 24px;
    color: #333
}

.add-cart-group a.viewmin-cart.header-cart-icon {
    background-image: url(https://cdn1.designhill.com/assets/dh/images/print-products/cart-black.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.top-spacing .user-info-section .icon-bell {
    color: #615f5c
}

.add-cart-group .myaccDropdown .dropdown-toggle.cog-css-new {
    width: 35px;
    height: 35px;
    padding-right: 0
}

    .add-cart-group .myaccDropdown .dropdown-toggle.cog-css-new img {
        border-radius: 100%;
        width: 35px;
        height: 35px
    }

#search-box .icon-search, #artwork_search-box .icon-search {
    font-size: 18px;
    top: 50%;
    position: absolute;
    left: 55%;
    color: #d9d9d7;
    -webkit-text-stroke: 1px #fff;
    transform: translate(-50%,-50%)
}

.festive-strip {
    text-align: center;
    width: 100%;
    height: 40px !important;
    background-color: #000
}

.festive-textCss {
    background: url(//cdn1.designhill.com/assets/dh/images/offer-banner-logo/strip-red.jpg?ver=15) repeat scroll 0 0 !important;
    color: #fff;
    display: block;
    line-height: 40px;
    width: 100% !important;
    padding: 0 !important;
    position: relative;
    transform: perspective(1000px);
    transform-style: preserve-3d;
    transition: all .6s ease 0s;
    position: relative;
    height: 40px;
    margin: 0 auto;
    overflow: hidden
}

.front--div, .back--div {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    bottom: 0;
    height: 100%;
    left: 15px;
    position: absolute;
    top: 0;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    width: 100%
}

.festive-textCss.active {
    background: #82bc3b !important;
    color: #fff
}

.festive-strip .festive-textCss.active b {
    color: #000
}

.festive-strip .front--div {
    z-index: 2;
    cursor: pointer;
    padding: 0;
    font-size: 13px;
    white-space: nowrap
}

.festive-strip .back--div {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg)
}

.festive-textCss.active .front--div {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg)
}

.festive-textCss.active .back--div {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg)
}

.avail-offer.btn.btn-default {
    margin-left: 15px;
    font-size: 12px
}

.festive-strip b {
    color: #fbcd55
}

.festive-textCss:hover, .festive-textCss:active, .festive-textCss:focus {
    color: #fff;
    outline: none;
    text-decoration: none
}

a.resend-confirmation b {
    text-decoration: underline
}

.avail-offer {
    border: medium none;
    font-size: 11px;
    font-weight: 600;
    height: 28px;
    line-height: 28px;
    margin-left: 10px;
    padding: 0 20px;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 30px
}

.create-shop-header {
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 8px rgba(0,0,0,.2);
    box-shadow: 0 1px 8px rgba(0,0,0,.2);
    z-index: 999;
    background-color: #fff
}

.add-cart-group .fa-heart-o, .add-cart-group .fa-shopping-cart {
    font-size: 24px;
    color: #333
}

.no-position {
    position: unset !important
}

.container-fluid.product-top-space > .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.top-menu-list {
    margin-bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.custom-shop-topheader .top-menu-list.custom-listings > li.shop-active:before, .custom-shop-topheader .top-menu-list.custom-listings > li.shop-active:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #db404b;
    content: ''
}

.top-menu-list.custom-listings > li.shop-active:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #db404b;
    content: ''
}

.top-menu-list.custom-listings > li.shop-active:before {
    background-color: #82bc3b
}

.top-menu-list > li > a {
    line-height: normal;
    position: relative;
    color: #615f5c;
    font-size: 13px;
    font-weight: 400;
    padding: 0 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    flex-direction: column;
    line-height: 40px;
    letter-spacing: .2px
}

    .top-menu-list > li > a.active {
        color: var(--primary-color)
    }

        .top-menu-list > li > a.active span {
            color: #333
        }

.change-shop-bg .top-menu-list > li > a:hover, .change-shop-bg .top-menu-list > li:hover > a, .custom-header-container .top-menu-list > li > a:hover, .custom-header-container .top-menu-list > li:hover > a {
    color: var(--primary-color);
    position: relative
}

.shop-top-container {
    border-top: 3px solid #82bc3b;
    border-bottom: .0625rem solid #eee
}

.top-menu-list > li > a:hover, .top-menu-list > li:hover > a, .top-menu-list > li > a:hover, .top-menu-list > li:hover > a {
    color: #82bc3b;
    text-decoration: none
}

.top-menu-list.custom-listings > li.shop-active:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #db404b;
    content: ''
}

.top-menu-list.custom-listings > li.shop-active:before {
    background-color: #82bc3b
}

.custom-shop-topheader .top-menu-list > li > a:hover, .custom-shop-topheader .top-menu-list > li:hover > a, .custom-shop-topheader .top-menu-list > li > a:hover, .custom-shop-topheader .top-menu-list > li:hover > a {
    color: #ff4059;
    position: relative
}

.top-menu-list > li > a > span {
    margin-top: 6px;
    display: block;
    text-align: center;
    color: #595959;
    font-size: 13px;
    font-weight: 400;
    display: none
}

.top-menu-list > li > a.active:after {
    left: 0;
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -9px;
    content: ''
}

#nav-top.fixed .shop-menu-list.show-menu {
    top: 70px !important
}

.top-menu-list > li:hover .shop-menu-list.show-menu {
    display: block
}

.shop-menu-data > li {
    position: relative;
    display: flex;
    align-items: center
}

    .shop-menu-data > li:not(:last-child) {
        margin-right: 40px
    }

    .shop-menu-data > li > a, .shop-menu-data > li > span {
        font-size: 16px;
        color: #615f5c;
        font-weight: 400;
        text-transform: capitalize;
        display: inline-block;
        cursor: pointer
    }

.submenu-data-list {
    position: absolute;
    top: 100%;
    width: 280px;
    padding: 12px 0;
    -ms-transform: translateY(17px);
    transform: translateY(17px);
    opacity: 0;
    visibility: hidden;
    will-change: transform,opacity;
    box-shadow: 0 0 11px 0 rgba(23,28,33,.06);
    border-radius: 5px;
    transition: transform .1s linear,opacity .1s linear,visibility .1s linear;
    border: none;
    background: #fff;
    left: -20px;
    overflow: visible;
    z-index: 99
}

    .submenu-data-list:before {
        position: absolute;
        content: "";
        border-right: 12px solid transparent;
        border-left: 12px solid transparent
    }

    .submenu-data-list:before {
        top: -9px;
        left: 23px;
        border-bottom: 11px solid #fff;
        z-index: 2
    }

    .submenu-data-list.show-submenu:before {
        top: 12px;
        left: -16px;
        right: auto;
        transform: rotate(-90deg)
    }

    .submenu-data-list > li:first-child {
        margin-top: 0
    }

    .submenu-data-list > li {
        position: relative
    }

        .submenu-data-list > li > a, .submenu-data-list ul > li > a, .submenu-data-list ul > li > div:not(.single-panel), .submenu-data-list ul > li > span {
            display: block;
            color: #615f5c;
            font-size: 16px;
            text-transform: capitalize;
            font-weight: 400;
            padding: 5px 24px
        }

            .shop-menu-data > li > a:hover, .submenu-data-list > li > a:hover, .shop-menu-data > li:hover > a {
                color: var(--primary-color);
                text-decoration: none
            }

.shop-menu-data > li .fa {
    font-size: 24px;
    position: absolute;
    left: 24px
}

.shop-menu-data > li:hover > .submenu-data-list.show-menu, .submenu-data-list.show-menu > li:hover > .submenu-data-list.show-submenu, .top-header-right .myaccDropdown:hover .dropdown-menu, .header-inner .btn-group:hover .dropdown-menu, .shop-menu-data > li > .submenu-data-list.show-menu > li:hover > .submenu-data-list.show-menu {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateY(0);
    transform: translateY(0);
    display: block
}

    .shop-menu-data > li:hover > .submenu-data-list.show-menu.new-categories-hover {
        display: flex
    }

.header-inner .btn-group .dropdown-menu a {
    color: #615f5c;
    font-size: 16px;
    text-transform: capitalize
}

.submenu-data-list.show-submenu {
    right: auto;
    left: 103%;
    top: 0
}

.shop-menu-list.show-menu.is-active .container > .shop-menu-data {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 0;
    padding-bottom: 0
}

    .shop-menu-list.show-menu.is-active .container > .shop-menu-data > li > a {
        padding: 14px 0 !important
    }

#input-search {
    position: relative;
    flex-grow: 1;
    width: 100%;
    max-width: 450px;
    background-color: transparent !important
}

#search-product {
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 7px 42px 7px 10px;
    width: 100%;
    border: 1px solid #ccc;
    height: 38px;
    line-height: normal;
    border-radius: 6px
}

    #search-product::-webkit-input-placeholder {
        color: #c7c6c5;
        font-size: 14px;
        text-transform: none
    }

    #search-product:-ms-input-placeholder {
        color: #c7c6c5;
        font-size: 14px;
        text-transform: none
    }

    #search-product::placeholder {
        color: #c7c6c5;
        font-size: 14px;
        text-transform: none
    }

#search-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%
}

#search-product:focus {
    border: var(--primary-color) solid 1px
}

    #search-product:focus + #search-box {
        background: #333;
        border-radius: 0 4px 4px 0
    }

        #search-product:focus + #search-box .icon-search {
            color: #fff;
            -webkit-text-stroke: 1px #333
        }

#input-search.change-input-props {
    display: flex;
    border: 1px solid #ccc
}

    #input-search.change-input-props #search-product {
        border: none;
        padding: 7px 42px 7px 10px
    }

    #input-search.change-input-props #search-box {
        left: auto;
        right: 0
    }

.mob-header {
    display: none;
    align-items: center;
    justify-content: center;
    height: 100%
}

.viewmin-cart {
    display: inline-block;
    position: relative
}

a.viewmin-cart.header-cart-icon {
    color: #fff;
    width: 20px
}

.viewmin-cart span, .add-cart-group .counting {
    border-radius: 30px;
    color: #fff;
    font-size: 11px;
    line-height: normal;
    padding: 2px 7px;
    position: absolute;
    left: 10px;
    text-align: center;
    background-color: #db404b
}

.viewmin-cart span {
    top: -10px
}

.add-cart-group .counting {
    top: -16px
}

.add-cart-group a.viewmin-cart.header-cart-icon {
    margin-right: 0
}

.add-cart-group .user-name {
    margin-right: 0
}

.top-spacing.shop-right-part .user-info-section .icon-bell {
    font-size: 18px
}

.add-cart-group a.viewmin-cart.header-cart-icon .icon-shopping-cart {
    display: none
}

.top-spacing.shop-right-part .user-info-section .icon-bell {
    font-size: 18px
}

.with-login .top-spacing.shop-right-part #headerNotification {
    margin-right: 12px
}

.menu-levels .mob-header {
    display: none
}

.shop-top-container .container, .shop-container .container {
    max-width: 1400px;
    width: 100%;
    font-family: "Cerebri-sans",Helvetica,Arial,sans-serif !important
}

.menu-levels .left-level {
    padding: 0 15px;
    display: flex;
    align-items: center;
    flex-grow: 0
}

.menu-levels {
    display: flex;
    justify-content: space-between
}

.left-level .level-item {
    display: flex;
    align-items: center;
    flex-grow: 0
}

    .left-level .level-item:first-child {
        flex-grow: 0
    }

.level-item .logo {
    margin-right: 40px;
    display: block
}

.menu-levels .right-level {
    padding-right: 15px;
    flex-grow: 1;
    padding-left: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0
}

.shop-top-container .shop-top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40.63px;
    position: relative
}

.shop-top-header .align-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.custom-shop-topheader.shop-top-container, .custom-shop-topheader.shop-top-container {
    border-top: 3px solid #db404b;
    border-bottom: .0625rem solid #eee
}

.top-header-right {
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: flex-end
}

.top-right-icons, .right-strip {
    display: flex;
    align-items: center
}

.level-item-divider {
    border-right: 1px solid #d2d6d4
}

 

.logo-css a {
    vertical-align: middle;
    display: table-cell;
    line-height: 60px
}

.logo-css img {
    width: 137px
}

.pull_right {
    float: right
}

.shop-top-header .top-header-left {
    flex-grow: 1
}

.shop-top-header .mob-top-header {
    display: none
}

.signin-top {
    font-size: 13px;
    color: #615f5c;
    min-width: 63px
}

    .signin-top span {
        padding: 0 6px
    }

        .signin-top span.editor_sidebar_login {
            cursor: pointer
        }

        .signin-top span.login_popup {
            padding: 0
        }

    .signin-top a {
        color: #db404b
    }

.page754 .signin-top a:not(.btn), .page707 .signin-top a:not(.btn) {
    color: #615f5c
}

 

.wrapper-start .signin-top a, .wrapper-start .signin-top span.login_popup {
    color: #615f5c;
    cursor: pointer
}

.wrapper-start .signin-top span.login_popup {
    display: inline-block
}

    .wrapper-start .signin-top a:hover, .wrapper-start .signin-top a:focus, .wrapper-start .signin-top span.login_popup:hover {
        color: #db404b
    }

.signin-top .join-now {
    color: #333;
    text-decoration: underline
}

    .signin-top .join-now:hover, .signin-top .join-now:focus {
        color: #000;
        text-decoration: none
    }

.signin-top li[data-nav-id="34"] {
    color: #615f5c;
    text-transform: lowercase
}

.top-header-right .dropdown-menu.account-info-css, .header-inner .btn-group .dropdown-menu {
    left: auto;
    right: 10px;
    top: 28px;
    box-shadow: 0 0 11px 0 rgba(23,28,33,.06);
    border-radius: 5px;
    border: 1px solid #eee;
    -ms-transform: translateY(17px);
    transform: translateY(17px);
    opacity: 0;
    visibility: hidden;
    will-change: transform,opacity;
    transition: transform .1s linear,opacity .1s linear,visibility .1s linear;
    display: block;
    font-size: 15px;
    background-color: #fff
}

.top-header-right:not(.top-header-mobile) .dropdown-menu.account-info-css {
    top: 36px
}

.header-inner .btn-group .dropdown-menu {
    top: 92%;
    min-width: 250px !important
}

    .header-inner .btn-group .dropdown-menu:before, .header-inner .btn-group .dropdown-menu:after {
        left: auto !important;
        right: 10px
    }

.inner-page-header.change-shop-bg, .custom-header-container {
    width: 100%;
    box-shadow: none;
    background-color: #fff;
    transition: opacity .3s ease-in-out,visibility .3s ease-in-out;
    visibility: visible;
    opacity: 1
}

    .custom-header-container.fixed-header {
        background: #fff;
        position: fixed;
        top: 0;
        height: auto;
        z-index: 12;
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease-in-out,visibility .3s ease-in-out;
        width: 100%
    }

.custom-header-container {
    transition: opacity .3s ease-in-out,visibility .3s ease-in-out;
    width: 100%;
    padding: 0;
    opacity: 0;
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff
}

    .custom-header-container.showing {
        opacity: 1;
        visibility: visible;
        background: #fff;
        position: fixed;
        top: 0;
        height: auto;
        z-index: 1000;
        transition: opacity .3s ease-in-out,visibility .3s ease-in-out
    }

.user-name {
    margin: 0 20px 0 0;
    vertical-align: middle;
    position: relative;
    width: 20px
}

.user-info-section ul li span {
    display: block;
    line-height: normal
}

.pull-right.user-info-section > ul > li {
    display: inline-block;
    position: relative;
    line-height: 60px;
    margin: 0 12px
}

.top-header-right .user-info-section, .top-header-right .pull-right.user-info-section > ul > li {
    line-height: normal !important;
    vertical-align: middle
}

.user-info-section .pull-right.user-info-section {
    width: auto;
    margin-top: 3px
}

.top-header-right .myaccDropdown .dropdown-toggle.cog-css-new {
    height: auto;
    width: auto;
    padding-right: 14px;
    margin-left: 0
}

.counting {
    background: #82bc3b;
    color: #fff;
    display: inline !important;
    float: none !important;
    font-size: 11px;
    left: 10px;
    margin: 0 8px 0 0;
    position: absolute;
    text-align: center;
    top: -11px;
    padding: 2px 7px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.dropdown-menu.notification-css {
    width: 100%;
    min-width: 200px;
    top: 80%
}

.user-info-section .dropdown-menu.notification-css > li {
    margin: 0 0 12px
}

.notification-left {
    width: 17%;
    float: left
}

.user-info-section ul li span {
    display: block;
    line-height: normal
}

.user-info-section img {
    height: 35px;
    width: 35px;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle
}

.user-info-section .btn-group.open > .dropdown-menu {
    max-height: none;
    background: #fff none repeat scroll 0 0;
    display: block;
    min-width: 350px;
    width: 100%;
    padding: 10px 20px;
    top: 180%;
    left: -412%;
    border: 1px solid rgba(0,0,0,.15);
    overflow: visible
}

.user-info-section .dropdown-menu.notification-css .view-all-notification > a:hover, .user-info-section .dropdown-menu.notification-css .view-all-notification > a:focus {
    background: #82bc3b !important
}

.user-info-section .btn-group.open > .dropdown-menu:before {
    border-bottom: 7px solid #ddd;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    left: 49%;
    position: absolute;
    top: -8px;
    width: 0;
    height: 0
}

.user-info-section .btn-group.open > .dropdown-menu:after {
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    left: 49%;
    position: absolute;
    top: -7px;
    width: 0;
    height: 0
}

.main-notification {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 0 15px
}

    .main-notification .remaining-notification {
        font-size: 13px;
        font-weight: 500;
        line-height: 2;
        text-align: center
    }

    .main-notification .view-all-notification {
        margin: 6px 0 0;
        text-align: center
    }

.top-header-right .myaccDropdown .dropdown-toggle.cog-css-new:after {
    content: "\f078";
    right: 0;
    top: 50%;
    font-size: 10px;
    transform: translateY(-50%);
    color: #615f5c
}

.top-header-right .user-info-section img {
    height: 25px;
    width: 25px;
    border-radius: 3px
}

.top-header-right .header-cart-icon .cart-img {
    background-image: url(https://cdn1.designhill.com/assets/dh/images/print-products/cart-black.svg)
}

.top-header-right .inner-page-header.fixed-header .icon-bell, .inner-page-header.fixed-header .icon-reorder {
    color: #000
}

.top-header-right .counting, .top-header-right .viewmin-cart span {
    top: -6px;
    font-size: 9px;
    padding: 1px 5px
}

.top-header-right .pull-right.user-info-section > ul > li {
    margin: 0
}

.top-header-right a.viewmin-cart.header-cart-icon, .top-header-right #headerNotification > a, .top-header-right #headerNotification > .bell-container {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    margin-right: 15px;
    padding: 6px 12px
}

.top-header-right #headerNotification > a, .top-header-right #headerNotification > .bell-container {
    margin-right: 20px
}

.top-header-right #headerNotification.open .dropdown-toggle {
    box-shadow: none
}

.top-header-right .user-name, .top-header-right .header-cart-icon .icon-shopping-cart {
    width: auto;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.top-header-right .icon, .top-header-right .user-info-section .icon-bell {
    font-size: 17px;
    color: #615f5c
}

.pull-right.user-info-section > ul > li .user-name, .pull-right.user-info-section > ul > li .counting {
    margin: 0
}

.header-cart-icon .icon-shopping-cart {
    font-size: 19px !important
}

.top-header-right .myaccDropdown:hover .dropdown-toggle.cog-css-new:after {
    content: "\f077"
}

.top-header-right .icon-bell:before {
    content: "\f0f3"
}

.level-item-divider, .top-header-right .myaccDropdown.cog-css-new:before {
    height: 20px;
    border-right: 1px solid #eef0ef;
    margin: 2px 17px 0 3px
}

.level-item-divider {
    margin: 2px 12px 0;
    border-right: 1px solid #d2d6d4
}

.right-level .level-item-divider {
    margin: 2px 17px 0
}

.top-header-right .myaccDropdown.cog-css-new:before {
    margin: 0 14px 0 8px;
    content: ''
}

.top-header-right .user-info-section img.printshop-logo, .shop-menu-data > li > .submenu-data-list > li > a img.printshop-logo {
    width: 55px;
    margin: 0;
    margin-left: 5px;
    height: 18px;
    display: inline
}

.hamburger {
    width: 30px;
    height: 35px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
}

    .hamburger span {
        display: block;
        position: absolute;
        height: 3px;
        width: 50%;
        background: #37383c;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }

        .hamburger span:nth-child(even) {
            left: 50%;
            border-radius: 0 9px 9px 0
        }

        .hamburger span:nth-child(odd) {
            left: 0;
            border-radius: 9px 0 0 9px
        }

        .hamburger span:nth-child(1), .hamburger span:nth-child(2) {
            top: 6px
        }

        .hamburger span:nth-child(3), .hamburger span:nth-child(4) {
            top: 15px
        }

        .hamburger span:nth-child(5), .hamburger span:nth-child(6) {
            top: 24px
        }

    .hamburger.open span:nth-child(1), .hamburger.open span:nth-child(6) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .hamburger.open span:nth-child(2), .hamburger.open span:nth-child(5) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .hamburger.open span:nth-child(1) {
        left: 3px;
        top: 12px
    }

    .hamburger.open span:nth-child(2) {
        left: calc(50% - 3px);
        top: 12px
    }

    .hamburger.open span:nth-child(3) {
        left: -50%;
        opacity: 0
    }

    .hamburger.open span:nth-child(4) {
        left: 100%;
        opacity: 0
    }

    .hamburger.open span:nth-child(5) {
        left: 3px;
        top: 21px
    }

    .hamburger.open span:nth-child(6) {
        left: calc(50% - 3px);
        top: 21px
    }

.shop-menu-list.show-menu.is-active .bg.info-shadow > .container .submenu-data-list.show-menu img {
    display: inline-block
}

.shop-menu-data > li a, .shop-menu-data > li:first-child > a {
    font-size: 16px;
    text-transform: capitalize;
    position: relative
}

.submenu-data-list > li a:not(:only-child):after {
    content: "\f054";
    right: 24px;
    top: 50%;
    font-size: 12px;
    transform: translateY(-50%);
    color: #615f5c;
    font-family: fontawesome;
    position: absolute
}

.submenu-data-list > li a:not(:only-child) > img {
    margin-top: 5px
}

.shop-menu-data > li > a {
    line-height: 60px
}

    .shop-menu-data > li > a > img, .shop-menu-data > li:first-child > a > img, .shop-menu-data > li > .submenu-data-list > li > a > img {
        width: 10px;
        height: 10px;
        margin-left: 0
    }

.top-menu-list.custom-listings > li:hover .shop-menu-list.show-menu {
    max-height: none;
    overflow: visible;
    visibility: visible;
    -moz-transform: rotateX(0);
    -o-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.top-menu-list.custom-listings > li.disabled {
    background: rgba(0,0,0,.1)
}

    .top-menu-list.custom-listings > li.disabled a {
        color: rgba(0,0,0,.4)
    }

    .top-menu-list.custom-listings > li.disabled:hover .shop-menu-list.show-menu, .top-menu-list.custom-listings > li:last-child:hover .shop-menu-list.show-menu {
        overflow: hidden;
        visibility: hidden;
        -moz-transform: rotateX(-180deg);
        -o-transform: rotateX(-180deg);
        -ms-transform: rotateX(-180deg);
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }

.custom-listings .shop-menu-list.show-menu:before {
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0,0,0,.1)
}

.custom-listings .shop-menu-list.show-menu:before, .custom-listings .shop-menu-list.show-menu:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0
}

.custom-listings .shop-menu-list.show-menu:after {
    top: -9px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

.custom-listings .shop-menu-data > li {
    float: left;
    width: 100%
}

    .custom-listings .shop-menu-data > li:first-child > a {
        background: #fff;
        padding-left: 0;
        padding-right: 0
    }

    .custom-listings .shop-menu-data > li .fa {
        font-size: 16px;
        position: relative;
        left: 0
    }

.custom-listings .submenu-data-list.show-menu {
    width: 100%
}

.submenu-data-list > li.coming-soon > a {
    color: gray;
    background: url('https://cdn1.designhill.com/uploads/shop/coming-soon.svg') right 16px top 50% no-repeat;
    background-size: 98px 24px;
    padding: 5px 98px 5px 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.custom-listings .submenu-data-list.show-menu li a {
    padding: 6px 0;
    font-size: 16px
}

    .custom-listings .submenu-data-list.show-menu li a:hover {
        color: var(--primary-color)
    }

.custom-listings .shop-menu-data > li.active > .submenu-data-list.show-menu {
    display: block
}

.custom-listings .shop-menu-data > li:hover > .submenu-data-list.show-menu > li > .submenu-data-list.show-menu.show-submenu {
    box-shadow: none !important
}

    .custom-listings .shop-menu-data > li:hover > .submenu-data-list.show-menu > li > .submenu-data-list.show-menu.show-submenu > img {
        display: block
    }

.submenu-data-list.show-menu .fa {
    font-size: 12px;
    font-weight: 400
}

.shop-tab-item {
    padding: 20px;
    line-height: 1.3;
    background: #fff;
    width: 100%;
    font-size: 16px;
    color: #615f5c !important;
    font-weight: 400;
    border-width: 0 0 1px;
    border-color: #d9d9d9;
    border-style: solid;
    text-align: left;
    outline: none;
    display: inline-block;
    cursor: pointer
}

    .shop-tab-item > img {
        width: 15px;
        height: 15px;
        float: right;
        margin-right: -5px;
        top: 5px;
        position: relative
    }

.tab-item-list.check .shop-tab-item {
    padding: 17px 0;
    width: 50%;
    font-size: 16px;
    text-align: center
}

.mobile-menus .shop-tab-item {
    font-size: 20px;
    font-weight: 600
}

    .mobile-menus .shop-tab-item.active {
        border-color: #d9d9d9;
        color: #db404b !important
    }

        .mobile-menus .shop-tab-item.active > img, .shop-menu-data li.active > a img, .shop-menu-data li > a.active > img {
            transform: rotate(90deg)
        }

.tab-item-list.check {
    display: flex
}

    .tab-item-list.check .shop-tab-item {
        border-width: 0 0 2px
    }

.shop-tab-item.active {
    border-color: #db404b
}

.shop-tab-item > span {
    margin-top: 0;
    display: none;
    text-align: center;
    color: #595959;
    font-size: 11px;
    font-weight: 400
}

.tabcontent {
    display: none
}

.wrapper-start {
    display: flex;
    align-items: center;
    justify-content: center
}

.change-shop-bg.fixed-header {
    position: static
}

.wrapper-start .start-selling a {
    border-radius: 30px;
    font-weight: 500
}

.top-header-right.start-selling-group .user-info-section .btn-group.open > .dropdown-menu {
    left: auto;
    right: -56px;
    top: 30px
}

    .top-header-right.start-selling-group .user-info-section .btn-group.open > .dropdown-menu:before, .top-header-right.start-selling-group .user-info-section .btn-group.open > .dropdown-menu:after {
        left: auto;
        right: 80px
    }

.inner-page-header.change-shop-bg.showing .logo-css {
    height: 60px;
    line-height: 60px
}

.inner-page-header .open-toggle {
    background: #000;
    -moz-box-shadow: 0 8px 0 0 #000,0 16px 0 0 #000;
    -ms-box-shadow: 0 8px 0 0 #000,0 16px 0 0 #000;
    -o-box-shadow: 0 8px 0 0 #000,0 16px 0 0 #000;
    -webkit-box-shadow: 0 8px 0 0 #000,0 16px 0 0 #000;
    box-shadow: 0 8px 0 0 #000,0 16px 0 0 #000
}

.festive-strip.fixed-header {
    position: static
}

.custom-shop-topheader .signin-top a:hover, .custom-shop-topheader .signin-top a:focus {
    color: #db404b
}

.pull-right.user-info-section > ul > li.new-cart-button a.viewmin-cart.header-cart-icon {
    margin-right: 7px
}

.user-info-section .pull-right.user-info-section > ul > li span.user-name {
    width: 100%;
    height: 100%
}

.default-menu-list .need-design-con-link.btn.btn-default {
    margin: 0;
    padding: 6px 11px;
    font-size: 14px;
    width: auto;
    height: auto;
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

    .default-menu-list .need-design-con-link.btn.btn-default:hover, .default-menu-list .need-design-con-link.btn.btn-default:active, .default-menu-list .need-design-con-link.btn.btn-default:focus {
        color: #fff
    }

    .default-menu-list .need-design-con-link.btn.btn-default.btn-white {
        color: #82bc3b
    }

    .default-menu-list .need-design-con-link.btn.btn-default.active:hover, .default-menu-list .need-design-con-link.btn.btn-default.active:focus {
        color: #fff;
        border-color: transparent;
        background-color: #82bc3b
    }

.top-header-mobile .after-login-strip .right-strip > li[data-nav-id="27"] + .level-item-divider {
    margin: 0 8px 0 1px
}

.top-right-icons.right-strip {
    margin-right: 7px
}

    .top-right-icons.right-strip .design-con-link.btn {
        background-color: #db404b
    }

        .top-right-icons.right-strip .design-con-link.btn:active {
            background-color: #992c34
        }

.default-menu-list .shop-menu-data > li[data-nav-id="36"]:hover > a {
    color: #fff
}

@media screen and (max-width: 1330px) {
    .top-header-right.start-selling-group .dropdown-menu.account-info-css {
        right: 0
    }

    .top-header-right.start-selling-group .user-info-section .open > .dropdown-menu.account-info-css:before {
        left: 89%
    }

    .top-header-right.start-selling-group .user-info-section .open > .dropdown-menu.account-info-css:after {
        right: 13px
    }
}

@media screen and (max-width: 1200px) {
    .top-menu-list > li > a > span {
        font-size: 12px
    }

    .menu-levels .right-level {
        padding-left: 0
    }

    .shop-menu-data > li:not(:last-child), .level-item .logo {
        margin-right: 20px
    }

    .shop-container .level-item .logo {
        position: relative
    }
}

@media (min-width: 991px) and (max-width:1200px) {
    .shop-menu-data > li a, .shop-menu-data > li:first-child > a {
        font-size: 15px
    }

    .logo img {
        width: 120px
    }

    .submenu-data-list {
        width: 230px
    }
}

@media screen and (max-width: 991px) {
    .top-header-right.start-selling-group .dropdown-menu.account-info-css {
        left: 100%
    }

    .mob-header.sticky-seo-header .cart-grop {
        height: auto
    }

    .custom-listings .submenu-data-list.show-menu li a img {
        float: right
    }

    .custom-listings .shop-menu-data {
        max-height: auto
    }

    .change-shop-bg.inner-page-header > .container {
        width: 100%
    }

    .mob-header {
        display: flex
    }

    .shop-container {
        background: #fff
    }

    .burger-menu.menuBar .burger-button {
        width: 20px;
        height: 20px;
        position: relative
    }

    .burger-menu.menuBar .burger-menu div {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #333;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        transform: rotate(0);
        transition: .15s ease-in-out
    }

        .burger-menu.menuBar .burger-menu div:nth-child(1) {
            top: 4px
        }

        .burger-menu.menuBar .burger-menu div:nth-child(2), .burger-menu.menuBar .burger-menu div:nth-child(3) {
            top: 10px
        }

        .burger-menu.menuBar .burger-menu div:nth-child(4) {
            top: 16px
        }

    #nav-top.fixed .custom-listings .shop-menu-list.show-menu {
        top: 0 !important
    }

    .custom-listings .shop-menu-list.show-menu:before, .shop-menu-list.show-menu:after {
        border: none !important;
        left: 0;
        top: 0
    }

    .custom-listings .shop-menu-data {
        padding-top: 0;
        padding-bottom: 0
    }

        .custom-listings .shop-menu-data > li > a, .custom-listings .shop-menu-data > li:first-child > a {
            text-align: left;
            padding: 16px 32px !important;
            text-transform: capitalize
        }

            .custom-listings .shop-menu-data > li > a .icon {
                float: right
            }

        .custom-listings .shop-menu-data > li:first-child > a {
            background: 0 0
        }

    .custom-listings .submenu-data-list.show-menu {
        padding: 0
    }

    .custom-listings .shop-menu-data > li > a > img, .shop-menu-data > li:first-child > a > img {
        float: right;
        width: 15px
    }

    .custom-listings .submenu-data-list.show-menu .fa {
        display: none
    }

    .top-menu-list.custom-listings > li {
        margin: 0
    }

        .top-menu-list.custom-listings > li > a.coming_soon_feature {
            left: 30px;
            width: 80px;
            top: 0;
            transform: translate(0);
            -webkit-transform: translate(0);
            -moz-transform: translate(0);
            -o-transform: translate(0);
            -ms-transform: translate(0)
        }

        .top-menu-list.custom-listings > li.disabled > a.coming_soon_feature:after {
            background-image: none !important
        }

    .top-menu-list > li:hover .shop-menu-list.show-menu {
        width: 100%;
        float: left;
        display: none
    }

    .top-menu-list.custom-listings > li {
        width: 100%;
        float: left
    }

    .shop-menu-data > li > a:not(:only-child):after, .shop-menu-data > li > ul > li > a:not(:only-child):after, .shop-menu-data > li > span:not(:only-child):after {
        position: absolute;
        background-image: url(https://cdn1.designhill.com/assets/dh/images/tshirt_images/rarrow.svg);
        width: 15px;
        height: 15px;
        background-size: 15px;
        background-repeat: no-repeat;
        content: '';
        background-position: center;
        right: 16px;
        top: 50%;
        transform: rotate(0deg) translateY(-50%);
        left: auto
    }

    .shop-menu-data > li > a.active:after, .submenu-data-list.show-menu:not(.show-submenu) > li > a.active:after, .custom-listings .default-menu-list .shop-menu-data > li > span.active:after {
        -webkit-transform: rotate(90deg) translateX(-50%);
        -moz-transform: rotate(90deg) translateX(-50%);
        -o-transform: rotate(90deg) translateX(-50%);
        -ms-transform: rotate(90deg) translateX(-50%);
        transform: rotate(90deg) translateX(-50%)
    }

    .page754 .shop-menu-data > li > a.active:after, .page754 .submenu-data-list.show-menu:not(.show-submenu) > li > a.active:after, .page754 .custom-listings .default-menu-list .shop-menu-data > li > span.active:after {
        -webkit-transform: rotate(0deg) translateY(-50%);
        -moz-transform: rotate(90deg) translateX(-50%);
        -o-transform: rotate(90deg) translateX(-50%);
        -ms-transform: rotate(90deg) translateX(-50%);
        transform: rotate(0deg) translateY(-50%)
    }

    .inner-page-header.fixed-header .custom-listings .shop-menu-list.show-menu {
        top: 0;
        box-shadow: none
    }

    .custom-listings .container {
        padding-left: 0;
        padding-right: 0
    }

    .top-menu-list > li > a > span {
        display: none
    }

    .menu-levels .mob-header {
        height: auto;
        display: block;
        padding: 0
    }

    .menu-levels .left-level {
        display: none
    }

    .create-shop-header .burger-menu {
        display: block
    }

    .shop-menu-list.show-menu.is-active.show-menu {
        display: none
    }

    .create-shop-header .top-menu-list {
        background: #f2f2f2;
        position: absolute;
        max-width: 480px;
        width: 100%;
        top: 85px;
        left: -100%;
        height: calc(100vh - 85px);
        overflow: auto;
        transition: .5s;
        padding-bottom: 10px;
        z-index: 9999;
        display: block
    }

        .create-shop-header .top-menu-list.active {
            left: 0
        }

    .create-shop-header .burger-menu.active {
        background: #f7f7f7
    }

    .create-shop-header .top-spacing {
        margin-top: 18px;
        width: 60%;
        float: right
    }

    .create-shop-header .burger-menu {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        padding: 8px 10px;
        margin: 0;
        width: 52px;
        height: 85px;
        border-right: 2px solid #f2f2f2;
        background: #fff;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        float: left
    }

    .create-shop-header .burger-button {
        width: 20px;
        height: 20px;
        position: relative
    }

    .create-shop-header .burger-menu.menuBar .icon-cog {
        font-size: 20px
    }

    .create-shop-header .logo {
        float: none;
        margin: 0;
        display: inline-block;
        line-height: 85px;
        margin-left: 20px
    }

    .create-shop-header .burger-menu.active {
        background: #f7f7f7
    }

    .overlay-div.active {
        display: block
    }

    .top-menu-list.custom-listings > li.pd_around {
        display: none !important
    }

    .top-menu-list.sell-close.active .sell-art-closed, .top-menu-list.sell-close.active .create-shop-tab {
        display: block
    }

    .tab-item-list {
        background: #fff;
        border-top: .0625rem solid #d9d9d9
    }

    .custom-listings .tabcontent .shop-menu-list.show-menu {
        overflow: visible;
        visibility: visible;
        display: block
    }

    .submenu-data-list:before, .submenu-data-list:after {
        position: absolute;
        content: "";
        border: none;
        top: 0
    }

    .shop-menu-data > li {
        position: static
    }

    .custom-listings .tabcontent .shop-menu-data > li > a > img, .custom-listings .tabcontent .shop-menu-data > li:first-child > a > img, .custom-listings .tabcontent .shop-menu-data > li > .submenu-data-list > li > a > img {
        width: 15px;
        height: 15px;
        margin-left: 0
    }

    .custom-listings .tabcontent .shop-menu-data > li > a + .submenu-data-list.show-menu, .submenu-data-list.show-submenu.show-menu {
        left: 100%;
        transition: all .25s ease;
        top: 0;
        background: #fff;
        height: auto;
        z-index: 1
    }

    .custom-listings .tabcontent .shop-menu-data > li > a.active + .submenu-data-list.show-menu {
        display: block
    }

    .custom-listings.sell-close > li {
        display: none
    }

    .custom-listings .tabcontent .shop-menu-list.show-menu.is-active .container > .shop-menu-data > li > a {
        padding: 16px 32px !important
    }

    .custom-listings .tabcontent .submenu-data-list {
        box-shadow: none
    }

        .custom-listings .tabcontent .submenu-data-list.show-menu {
            border-radius: 0
        }

    .custom-listings .tabcontent .shop-menu-list.show-menu.is-active .container > .shop-menu-data {
        position: static
    }

    .custom-listings .tabcontent .shop-menu-list.show-menu.is-active.show-menu {
        top: 0
    }

    .custom-listings .tabcontent .submenu-data-list.show-menu li a {
        padding: 16px
    }

    .custom-listings .tabcontent .shop-menu-data > li a.go-back-btn {
        display: block;
        font-size: 16px;
        color: #333;
        background: #f2f2f2
    }

    .custom-listings .tabcontent .submenu-data-list.show-menu li a, .custom-listings .tabcontent .shop-menu-data > li a.go-back-btn {
        padding: 16px 32px 16px 48px !important;
        line-height: normal
    }

        .custom-listings .tabcontent .submenu-data-list.show-menu li a.active + .submenu-data-list.show-menu, .custom-listings .tabcontent .shop-menu-list.show-menu li a.active + .submenu-data-list.show-menu {
            display: block
        }

    .custom-listings .tabcontent .submenu-data-list.show-menu li .show-submenu li a {
        padding: 16px 32px 16px 64px !important
    }

    .custom-listings .tabcontent .shop-menu-data > li a.go-back-btn .icon {
        font-size: 20px;
        margin-right: 6px;
        -webkit-text-stroke: 1px #f2f2f2;
        position: relative;
        top: 3px
    }

    .wrap-mob-list .start-selling-grlink .icon {
        display: block;
        margin: 0 auto 4px;
        font-size: 16px
    }

    .start-selling-grlink, .mob-help-link {
        background: 0 0;
        color: #333;
        font-size: 12px;
        font-weight: 400
    }

    .sell-close.active .wrap-mob-list {
        display: inline-block !important;
        float: right
    }

    .wrap-mob-list .start-selling-grlink {
        float: none;
        display: inline-block;
        vertical-align: top
    }

    .wrap-mob-list .icon {
        display: block;
        margin: 0 auto;
        font-size: 18px
    }

    .start-selling-grlink {
        margin-left: 0;
        padding: 0
    }

    .close-shop-menu {
        padding-top: 25px
    }

    .tabcontent.shop-active {
        display: block
    }

    .coming-shop-right-part .d-view {
        display: none
    }

    .coming-shop-right-part .tablet-view {
        display: block
    }

    .bg.info-shadow {
        box-shadow: none
    }

    .pull-right.start-selling-group {
        width: auto;
        display: none
    }

    .with-login .top-spacing.shop-right-part #headerNotification {
        margin-left: 26px
    }

    .shop-right-part .user-grop {
        width: auto !important
    }

    .change-shop-bg.with-login.inner-page-header > .container {
        width: 100%
    }

    #nav-top.fixed .custom-listings .shop-menu-list.show-menu {
        top: 0 !important
    }

    .custom-listings .shop-menu-list.show-menu {
        width: 100%;
        display: block;
        position: relative;
        top: 0;
        left: 0;
        margin-left: 0
    }

        .custom-listings .shop-menu-list.show-menu:before, .shop-menu-list.show-menu:after {
            border: none !important;
            left: 0;
            top: 0
        }

    .custom-listings .shop-menu-data {
        padding-top: 0;
        padding-bottom: 0;
        position: relative
    }

        .custom-listings .shop-menu-data > li > a, .custom-listings .shop-menu-data > li:first-child > a {
            text-align: left;
            padding: 16px 32px !important;
            text-transform: capitalize
        }

            .custom-listings .shop-menu-data > li > a .icon {
                float: right
            }

        .custom-listings .shop-menu-data > li:first-child > a {
            background: 0 0
        }

        .custom-listings .shop-menu-data > li > a {
            display: block;
            margin-right: 0;
            border-bottom: 1px solid #ccc
        }

            .custom-listings .shop-menu-data > li > a:only-child > img, .custom-listings .submenu-data-list > li > a:only-child > img {
                display: none
            }

    .custom-listings .submenu-data-list.show-menu {
        padding: 0
    }

    .custom-listings .submenu-data-list > li > a {
        border-bottom: 1px solid #ccc;
        display: block;
        padding: 16px 32px !important;
        color: #333;
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 400
    }

    .custom-listings .shop-menu-data > li > a > img, .shop-menu-data > li:first-child > a > img {
        float: right;
        width: 10px
    }

    .custom-listings .submenu-data-list.show-menu .fa {
        display: none
    }

    .top-menu-list.custom-listings > li > a.coming_soon_feature {
        left: 30px;
        width: 80px;
        top: 0;
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        -ms-transform: translate(0)
    }

    .top-menu-list.custom-listings > li.disabled > a.coming_soon_feature:after {
        background-image: none !important
    }

    .top-menu-list > li:hover .shop-menu-list.show-menu {
        width: 100%;
        float: left
    }

    .top-menu-list.custom-listings > li {
        width: 100%;
        float: left;
        display: block;
        height: auto
    }

    .top-menu-list > li > a + .shop-menu-list.show-menu {
        display: none
    }

    .top-menu-list.custom-listings .submenu-data-list > li {
        margin-top: 0
    }

    .submenu-data-list > li {
        position: static
    }

    .burger-menu {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        padding: 0;
        margin: 0
    }

        .burger-menu .pipe-line {
            width: 20px;
            height: 20px;
            border: none;
            background: 0 0
        }

    .custom-header-container.changeShopBg .desktop-header {
        display: block
    }

    .desktop-header .container {
        width: 100%
    }

    .top-menu-list {
        background: #fff;
        position: absolute;
        max-width: 100%;
        width: 100%;
        top: 152px;
        left: -100%;
        overflow: hidden;
        overflow-y: auto;
        transition: .25s ease;
        z-index: 9999;
        display: block
    }

        .top-menu-list > li > a {
            display: block;
            text-align: left;
            padding: 16px;
            border-bottom: 1px solid #d9d9d9;
            position: relative
        }

        .top-menu-list.active {
            left: 0
        }

    .burger-menu.menuBar .burger-button .icon-cog {
        font-size: 20px
    }

    .shop-menu-data > li:not(:last-child), .level-item .logo {
        margin-right: 0
    }

    .shop-menu-data > li > a {
        width: 100%
    }

    .shop-menu-data > li > a {
        line-height: normal
    }

    .shop-top-header .mob-top-header {
        display: flex
    }

    .shop-top-header .align-top-header {
        align-items: center;
        flex-grow: 1
    }

    .shop-top-header .top-header-left {
        display: none
    }

    .shop-top-container .shop-top-header {
        height: 63px
    }

    .top-header-right {
        flex-grow: 0
    }

    .top-spacing.shop-right-part {
        padding: 10px 15px
    }

        .top-spacing.shop-right-part.not-custom-search.is-logged {
            padding: 0
        }

    body.removeScroll {
        overflow: hidden !important
    }

    body.remScroll {
        overflow: hidden !important
    }

    #input-search {
        max-width: none;
        width: auto;
        padding: 0 !important
    }

    .shop-top-header .wrapper-start, .top-header-right .myaccDropdown .dropdown-toggle.cog-css-new:after {
        display: none
    }

    .sell-art-closed {
        display: block
    }

    .top-header-right .dropdown-menu.account-info-css {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
        width: 100%;
        position: fixed;
        top: 152px;
        left: 100%;
        height: 100vh;
        background: #fff;
        margin: 0;
        right: 0;
        transition: .25s ease;
        border-radius: 0;
        box-shadow: none;
        display: none
    }

    .top-header-right .open .dropdown-menu.account-info-css {
        left: 0;
        display: block
    }

    .change-shop-bg .user-info-section .open > .dropdown-menu.account-info-css:before, .change-shop-bg .user-info-section .open > .dropdown-menu.account-info-css:after {
        display: none
    }

    .top-header-right .myaccDropdown .dropdown-toggle.cog-css-new {
        padding-right: 0
    }

    .submenu-data-list {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible
    }

    .custom-header-container .user-info-section .open > .dropdown-menu.account-info-css:before, .custom-header-container .user-info-section .myaccDropdown:hover > .dropdown-menu.account-info-css:before {
        display: none
    }

    .top-header-right .open > .dropdown-toggle.cog-css-new:before {
        content: '';
        background-image: url('https://www.designhill.com/assets/dh/images/acc-close.svg');
        background-size: 25px;
        width: 25px;
        height: 25px;
        display: block;
        position: relative;
        top: 0
    }

    .top-header-right .cog-css-new.open .cog-css-new > img {
        display: none
    }

    .shop-container .desktop-header {
        display: block
    }

    .submenu-data-list {
        position: static;
        display: none
    }

    .shop-menu-data > li {
        display: block
    }

     

    .top-header-mobile .after-login-strip .right-strip > li[data-nav-id="27"] + .level-item-divider, .top-header-mobile .after-login-strip .right-strip > li[data-nav-id="26"] + .level-item-divider {
        display: none
    }

    .after-login-strip .right-strip > li[data-nav-id="33"] {
        margin-right: 0
    }

    .signin-top a[data-id="33"] {
        font-size: 16px
    }

    .shop-menu-data > li[data-nav-id="36"], .shop-menu-data > li[data-nav-id="39"], .shop-menu-data > li[data-nav-id="40"] {
        padding: 12px 16px
    }

    .default-menu-list .need-design-con-link.btn.btn-default {
        padding: 6px 10px 10px !important;
        font-size: 18px
    }

    .top-header-right.start-selling-group .user-info-section .btn-group.open > .dropdown-menu:before, .top-header-right.start-selling-group .user-info-section .btn-group.open > .dropdown-menu:after {
        right: 65px
    }
}

@media screen and (max-width: 767px) {
    .shop-tab-item {
        color: #5a5856 !important
    }

    .overlay-div {
        top: 0
    }

    .custom-listings .shop-menu-data > li > a > img, .shop-menu-data > li:first-child > a > img {
        margin-top: 3px
    }

    .top-menu-list.sell-close.repo-list {
        max-width: 480px;
        height: 100%;
        background: #f2f2f2
    }

    .top-header-right a.viewmin-cart.header-cart-icon, .top-header-right #headerNotification > a, .top-header-right #headerNotification > .bell-container {
        margin-right: 8px
    }
}

@media screen and (max-width: 576px) {
    .wrap-mob-list .start-selling, .signin-top span {
        display: none
    }

    .top-spacing.shop-right-part #input-search {
        padding: 0
    }

    .signin-top {
        min-width: 36px;
        font-size: 16px
    }
}

@media (max-width: 480px) {
    .shop-top-container.custom-shop-topheader .logo img {
        width: 100px
    }

    
    .right-level .level-item-divider {
        margin: 2px 8px 0
    }

    .sell-art-closed {
        min-width: 54px
    }

    .top-header-right a.viewmin-cart.header-cart-icon, .top-header-right #headerNotification > a, .top-header-right #headerNotification > .bell-container {
        margin-right: 8px
    }

    .top-header-right .icon, .top-header-right .user-info-section .icon-bell {
        font-size: 19px
    }

    .top-header-right .myaccDropdown.cog-css-new:before {
        margin: 0 8px 0 5px
    }

    .start-selling a {
        font-size: 11px;
        font-weight: 400;
        padding: 6px 3px;
        min-width: 70px
    }
}

@media (max-width: 360px) {
    .shop-tab-item {
        font-size: 13px
    }

    .without-login #search-product {
        padding: 7px 7px 7px 34px
    }

    .without-login #search-box {
        width: 38px
    }
}

.hover-menus {
    margin-top: -2px
}

.hover-menus {
    position: relative;
    background: #fff;
    border-bottom: .0625rem solid #eee;
    border-top: .0625rem solid #eee
}

.shop-menu-list .shop-menu-data {
    width: 100%
}

.hover-menus .container {
    max-width: 1400px;
    width: 100%;
    font-family: "Cerebri-sans",Helvetica,Arial,sans-serif !important
}

.main-menu-list {
    margin-bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

    .main-menu-list > li > a {
        color: #615f5c;
        line-height: 1;
        font-size: 24px;
        font-weight: 600;
        padding: 10px;
        display: inline-block;
        text-align: center;
        text-transform: capitalize
    }

        .main-menu-list > li > a > span {
            display: block;
            text-align: center;
            color: #595959;
            font-size: 14px;
            margin: 8px 0 0;
            white-space: nowrap;
            font-weight: 400
        }

    .main-menu-list > li {
        margin-right: 40px
    }

.hover-menu-wrapper .shop-menu-data > li > a {
    line-height: 44px
}

.top-menu-list.main-menu-list > li > a.active:after {
    left: 0;
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: 2px;
    content: '';
    background-color: var(--primary-color)
}

.shop-mob-item {
    display: inline-flex;
    flex-direction: column
}

    .shop-mob-item > span {
        display: block;
        text-align: center;
        color: #595959;
        font-size: 14px;
        margin: 5px 0 0;
        white-space: nowrap;
        font-weight: 400;
        text-transform: capitalize
    }

.shop-tab-item > img {
    top: 17px
}

.shop-tab-item.active .shop-mob-item > span {
    color: #333
}

.newMobileBtn.active + .tabcontent {
    display: block
}
 

.hover-menu-wrapper .shop-menu-data > li > ul {
    left: 0
}

.hover-menu-wrapper .shop-menu-data > li:nth-child(11) > ul, .hover-menu-wrapper .shop-menu-data > li:nth-child(10) > ul, .hover-menu-wrapper .shop-menu-data > li:nth-child(9) > ul {
    left: auto;
    right: 0
}

    .hover-menu-wrapper .shop-menu-data > li:nth-child(11) > ul.submenu-data-list:before, .hover-menu-wrapper .shop-menu-data > li:nth-child(10) > ul.submenu-data-list:before, .hover-menu-wrapper .shop-menu-data > li:nth-child(9) > ul.submenu-data-list:before {
        left: auto;
        right: 23px
    }

.default-menu-list .shop-menu-data > li > a:hover, .default-menu-list .submenu-data-list > li > a:hover, .default-menu-list .shop-menu-data > li:hover > a, .default-menu-list .submenu-data-list > li:hover > a, .default-menu-list .shop-menu-data > li > a.active, .default-menu-list .shop-menu-data > li.active > a, .default-menu-list .shop-menu-data > li.active > a, .default-menu-list .shop-menu-data > li > a.active, .default-menu-list .submenu-data-list > li > a.active, .default-menu-list .submenu-data-list > li.active > a, .default-menu-list .shop-menu-data li > a.active:after {
    color: #598129
}

.default-menu-list .submenu-data-list {
    left: auto;
    right: 0
}

    .default-menu-list .submenu-data-list:before {
        left: auto;
        right: 25px
    }

    .default-menu-list .submenu-data-list.show-submenu {
        right: 105%;
        left: auto;
        top: -12px
    }

        .default-menu-list .submenu-data-list.show-submenu:before {
            left: auto;
            right: -16px;
            transform: rotate(90deg);
            top: 24px
        }

li[data-nav-id="4"] > ul {
    width: 470px
}

li[data-nav-id="9"] > ul {
    width: 365px
}

li[data-nav-id="7"] > ul {
    width: 320px
}

li[data-nav-id="10"] > ul {
    width: 375px
}

.forum-width {
    width: 263px
}

.my-orders-width {
    width: 350px
}

li[data-nav-id="10_1"] > ul, li[data-nav-id="10_4"] > ul {
    width: 550px
}

li[data-nav-id="5"] > ul {
    width: 450px
}

.default-menu-list > ul > li.post-project-css .whiteBtnNectar .btn-default {
    padding: 6px 12px;
    font-size: 14px
}

.default-menu-list .submenu-data-list > li a.sub-menu-arrow:after, .shop-menu-data li a.sub-arrow:after {
    right: 24px;
    top: 50%;
    font-size: 10px;
    transform: translateY(-50%);
    color: #615f5c;
    font-family: fontawesome;
    position: absolute
}

.shop-menu-data li[data-nav-id="23"] {
    display: none
}

    .shop-menu-data li a.sub-arrow:after, .shop-menu-data li[data-nav-id="1"] > a:after, .shop-menu-data li[data-nav-id="3"] > a:after, .shop-menu-data li[data-nav-id="4"] > a:after, .shop-menu-data li[data-nav-id="5"] > a:after, .shop-menu-data li[data-nav-id="7"] > a:after, .shop-menu-data li[data-nav-id="9"] > a:after, .shop-menu-data li[data-nav-id="10"] > a:after, .shop-menu-data li[data-nav-id="11"] > a:after, .shop-menu-data li[data-nav-id="23"] > a:after, .shop-menu-data li[data-nav-id="1"] > span:after {
        right: 24px;
        top: 50%;
        font-size: 10px;
        transform: translateY(-50%);
        color: #615f5c;
        font-family: fontawesome;
        position: absolute;
        background-image: none;
        width: auto;
        height: auto
    }

.shop-menu-data li a.sub-arrow, .shop-menu-data li[data-nav-id="1"] > a, .shop-menu-data li[data-nav-id="3"] > a, .shop-menu-data li[data-nav-id="4"] > a, .shop-menu-data li[data-nav-id="5"] > a, .shop-menu-data li[data-nav-id="7"] > a, .shop-menu-data li[data-nav-id="9"] > a, .shop-menu-data li[data-nav-id="10"] > a, .shop-menu-data li[data-nav-id="11"] > a {
    padding-right: 14px
}

    .shop-menu-data li a.sub-arrow:after, .shop-menu-data li[data-nav-id="1"] > a:after, .shop-menu-data li[data-nav-id="3"] > a:after, .shop-menu-data li[data-nav-id="4"] > a:after, .shop-menu-data li[data-nav-id="5"] > a:after, .shop-menu-data li[data-nav-id="7"] > a:after, .shop-menu-data li[data-nav-id="9"] > a:after, .shop-menu-data li[data-nav-id="10"] > a:after, .shop-menu-data li[data-nav-id="11"] > a:after, .shop-menu-data li[data-nav-id="23"] > a:after, .shop-menu-data li[data-nav-id="1"] > span:after {
        content: "\f078";
        right: 0
    }

    .shop-menu-data li a.sub-arrow:hover:after, .shop-menu-data li:hover a.sub-arrow:after, .shop-menu-data li[data-nav-id="1"] > a:hover:after, .shop-menu-data li[data-nav-id="1"]:hover > a:after, .shop-menu-data li[data-nav-id="3"] > a:hover:after, .shop-menu-data li[data-nav-id="3"]:hover > a:after, .shop-menu-data li[data-nav-id="4"] > a:hover:after, .shop-menu-data li[data-nav-id="4"]:hover > a:after, .shop-menu-data li[data-nav-id="5"] > a:hover:after, .shop-menu-data li[data-nav-id="5"]:hover > a:after, .shop-menu-data li[data-nav-id="7"] > a:hover:after, .shop-menu-data li[data-nav-id="7"]:hover > a:after, .shop-menu-data li[data-nav-id="9"] > a:hover:after, .shop-menu-data li[data-nav-id="9"]:hover > a:after, .shop-menu-data li[data-nav-id="10"] > a:hover:after, .shop-menu-data li[data-nav-id="10"]:hover > a:after, .shop-menu-data li[data-nav-id="11"]:hover > a:after, .shop-menu-data li[data-nav-id="11"] > a:hover:after, .shop-menu-data li[data-nav-id="23"]:hover > a:after, .shop-menu-data li[data-nav-id="23"] > a:hover:after {
        color: #82bc3b;
        content: "\f077"
    }

.default-menu-list .submenu-data-list > li a.sub-menu-arrow:after {
    content: "\f054"
}

.submenu-data-list li a.sub-menu-arrow:hover:after, .submenu-data-list li:hover a.sub-menu-arrow:after {
    color: #82bc3b;
    content: "\f053"
}

.cog-css-new .dropdown-menu.account-info-css a {
    padding: 9px 18px
}

.cog-css-new .dropdown-menu.account-info-css > li:first-child {
    margin-top: 0
}

.cog-css-new .dropdown-menu.account-info-css > li {
    margin: 0;
    padding: 0;
    position: relative
}

    .cog-css-new .dropdown-menu.account-info-css > li:last-child {
        margin-bottom: 0
    }

.shop-menu-data > li div.tooltip {
    min-width: 300px
}

.default-menu-list .new-categories-hover {
    width: 950px;
    left: -274px
}

    .default-menu-list .new-categories-hover:before {
        left: 300px;
        right: auto
    }

.new-categories-hover > ul {
    width: 300px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #e4e5e7;
    flex-grow: 0;
    min-width: 300px
}

.single-panel {
    display: none;
    padding: 0 20px;
    flex-grow: 1
}

    .single-panel h3 {
        margin-top: 0;
        font-weight: 600;
        font-size: 20px;
        margin-bottom: 0
    }

    .single-panel p {
        font-size: 16px;
        font-weight: 400;
        color: #b2b2b2;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .single-panel.open {
        display: block
    }

.section-title a:hover, .section-title.active:hover a, .section-title.active a, .section-title div:not(.single-panel):hover, .section-title.active:hover div:not(.single-panel), .section-title.active div:not(.single-panel) {
    background-color: #f5f5f5
}

.section-title a, .section-title div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    position: relative
}

    .section-title a:after, .section-title div:after {
        display: none
    }

.section-title > a:before, .section-title > div:not(.single-panel):before {
    position: absolute;
    content: '\f054';
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-family: fontawesome;
    font-size: 10px;
    display: none;
}

.single-panel > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-right: 10px
}

.single-panel > ul {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 385px;
    max-width: 100%
}

    .single-panel > ul > li > a {
        padding: 4px 0;
        max-width: 218px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 15px;
        position: relative;
        width: 100%
    }

        .single-panel > ul > li > a.popular-tag {
            padding-right: 65px
        }

        .single-panel > ul > li > a.new-tag {
            padding-right: 44px
        }

        .single-panel > ul > li > a:hover {
            text-decoration: underline
        }

.default-menu-list .new-community-hover {
    width: 400px;
    left: -295px
}

.new-community-hover > ul {
    width: 160px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #e4e5e7;
    flex-grow: 0
}

.default-menu-list .new-community-hover:before {
    left: 325px;
    right: auto
}

.new-community-hover .single-panel > ul {
    height: 330px
}

.new-community-hover .section-title:not(:first-child) a:before, .new-community-hover .section-title:not(:first-child) div:before {
    display: none
}

li#designerDisplayName:after, li[data-nav-id="14"]:after, li[data-nav-id="21"]:before, li[data-nav-id="20"]:before, li[data-nav-id="18"]:before, li[data-nav-id="38"]:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #e5e5e5
}

li[data-nav-id="21"]:before, li[data-nav-id="20"]:before, li[data-nav-id="18"]:before, li[data-nav-id="38"]:before {
    bottom: auto;
    top: 0
}

.right-strip li .sell-art-btn {
    padding: 2px 9px;
    font-size: 12px;
    font-weight: 500
}

.after-login-strip .right-strip > li {
    margin-right: 7px
}

li[data-nav-id="10_1"] .submenu-data-list, li[data-nav-id="10_4"] .submenu-data-list {
    right: 102%;
    top: -12px
}

.default-menu-list li[data-nav-id="10_1"] .submenu-data-list:before, .default-menu-list li[data-nav-id="10_4"] .submenu-data-list:before {
    left: auto;
    right: -16px;
    transform: rotate(90deg);
    top: 25px
}

.default-menu-list li .submenu-data-list > li > a[data-nav-id="10_4"]:hover:after, .default-menu-list li .submenu-data-list > li > a[data-nav-id="10_1"]:hover:after, .default-menu-list .submenu-data-list > li:hover > a[data-nav-id="10_1"]:after {
    color: #82bc3b;
    content: "\f053"
}

.submenu-data-list > li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    transition: background-color .25s;
    padding: 7px 12px;
    align-items: flex-start
}

.default-menu-list li .submenu-data-list > li > a {
    align-items: center
}

li[data-nav-id="10_1"] .submenu-data-list > li > a, li[data-nav-id="10_4"] .submenu-data-list > li > a {
    padding: 7px 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.submenu-data-list > li > a > span.left-icon {
    display: inline-flex;
    border-radius: 50%;
    min-width: 48px;
    height: 48px;
    width: 48px;
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.08);
    align-items: center;
    justify-content: center
}

span.left-icon .left-icon-img {
    width: 30px;
    opacity: .6;
    height: 30px
}

.submenu-data-list > li > a .right-content-desc {
    display: block;
    padding-left: 10px;
    text-transform: none
}

.right-content-desc > .head {
    font-size: 16px;
    color: #615f5c;
    font-weight: 500;
    display: block;
    line-height: 1.4
}

.right-content-desc > .desc {
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
    color: #a9abad;
    padding: 3px 0 0
}

    .right-content-desc > .desc:empty {
        display: none
    }

.submenu-data-list > li > a:hover, .submenu-data-list > li > a.active {
    background-color: #f8f8f8
}

    .submenu-data-list > li > a.active .right-content-desc > .head {
        font-weight: 500
    }

.submenu-data-list > li[data-nav-id="10_1"] a:not(:only-child):after, .submenu-data-list > li[data-nav-id="10_4"] a:not(:only-child):after {
    right: 18px
}

 

.default-menu-list.shop-menu-list .shop-menu-data {
    height: 60px
}

    .default-menu-list.shop-menu-list .shop-menu-data > li > a {
        line-height: normal
    }

.desktop-header.new-desktop-header .shop-tab-item.active {
    border-color: #82bc3b
}

li[data-nav-id="11"] {
    display: none
}

.shop-menu-data > li[data-nav-id="9"] {
    margin-left: 0
}

.top-header-mobile .after-login-strip .right-strip > li.level-item-divider {
    margin: 0 8px
}

#txt_transl:hover, #txt_transl:focus {
    color: #82bc3b !important;
    border-color: #82bc3b !important
}

.new-categories-hover.show-mobile {
    display: none;
    border: none;
    margin: 0
}

.right-strip .design-con-link.btn {
    padding: 4px 9px;
    font-size: 12px;
    font-weight: 400;
    width: auto;
    height: auto
}

    .right-strip .design-con-link.btn:hover {
        color: #fff
    }

.admin-logged-text {
    margin-right: 0 !important;
    color: #615f5c;
    font-weight: 400;
    font-size: 13px;
    margin-left: 7px
}

a[data-nav-id="3_1"] > span.left-icon .left-icon-img {
    height: 25px
}

a[data-nav-id="3_2"] > span.left-icon .left-icon-img {
    width: 26px;
    height: 21px
}

a[data-nav-id="3_7"] > span.left-icon .left-icon-img, a[data-nav-id="3_6"] > span.left-icon .left-icon-img, a[data-nav-id="5_8"] > span.left-icon .left-icon-img {
    height: 30px
}

a[data-nav-id="4_1"] > span.left-icon .left-icon-img, a[data-nav-id="10_3"] > span.left-icon .left-icon-img, a[data-nav-id="3_3"] > span.left-icon .left-icon-img, a[data-nav-id="5_5"] > span.left-icon .left-icon-img, a[data-nav-id="5_4"] > span.left-icon .left-icon-img {
    width: 36px
}

a[data-nav-id="9_3"] > span.left-icon .left-icon-img {
    width: 40px;
    height: 32px
}

a[data-nav-id="3_4"] > span.left-icon .left-icon-img, a[data-nav-id="4_9"] > span.left-icon .left-icon-img {
    width: 34px
}

a[data-nav-id="4_7"] > span.left-icon .left-icon-img {
    width: 38px;
    height: 31px
}

a[data-nav-id="3_3"] > span.left-icon .left-icon-img, a[data-nav-id="4_1"] > span.left-icon .left-icon-img, a[data-nav-id="5_4"] > span.left-icon .left-icon-img, a[data-nav-id="5_5"] > span.left-icon .left-icon-img {
    height: 29px
}

a[data-nav-id="4_2"] > span.left-icon .left-icon-img, a[data-nav-id="4_3"] > span.left-icon .left-icon-img, a[data-nav-id="4_8"] > span.left-icon .left-icon-img, a[data-nav-id="5_1"] > span.left-icon .left-icon-img, a[data-nav-id="5_2"] > span.left-icon .left-icon-img, a[data-nav-id="5_3"] > span.left-icon .left-icon-img, a[data-nav-id="5_6"] > span.left-icon .left-icon-img, a[data-nav-id="7_1"] > span.left-icon .left-icon-img, a[data-nav-id="7_2"] > span.left-icon .left-icon-img, a[data-nav-id="7_3"] > span.left-icon .left-icon-img, a[data-nav-id="3_5"] > span.left-icon .left-icon-img, a[data-nav-id="4_5"] > span.left-icon .left-icon-img, a[data-nav-id="4_6"] > span.left-icon .left-icon-img, a[data-nav-id="9_1"] > span.left-icon .left-icon-img, a[data-nav-id="9_2"] > span.left-icon .left-icon-img, a[data-nav-id="10_1"] > span.left-icon .left-icon-img, a[data-nav-id="10_2"] > span.left-icon .left-icon-img, a[data-nav-id="10_4"] > span.left-icon .left-icon-img, a[data-nav-id="10_5"] > span.left-icon .left-icon-img {
    height: 24px
}

a[data-nav-id="3_4"] > span.left-icon .left-icon-img, a[data-nav-id="4_9"] > span.left-icon .left-icon-img, a[data-nav-id="4_11"] > span.left-icon .left-icon-img {
    height: 27px
}

a[data-nav-id="10_3"] > span.left-icon .left-icon-img {
    height: 32px
}

.shop-top-container:not(.custom-shop-topheader) .counting {
    background: #82bc3b
}

.default-menu-list .shop-menu-data li.active > a img, .default-menu-list .shop-menu-data li > a.active > img {
    transform: rotate(0deg)
}

.step_1 .main-bread-css {
    z-index: 99 !important
}

.top-right-bar-design, .top-right-bar-design .myaccDropdown.cog-css-new {
    display: flex;
    align-items: center
}

    .top-right-bar-design .myaccDropdown.cog-css-new:before {
        position: relative;
        top: 1px
    }

 

@media screen and (max-width: 1780px) {
    .default-menu-list .shop-menu-data > li:first-child .new-categories-hover {
        left: -380px
    }

        .default-menu-list .shop-menu-data > li:first-child .new-categories-hover:before {
            left: 405px
        }
}

@media screen and (max-width: 1554px) {
    .default-menu-list .shop-menu-data > li:first-child .new-categories-hover {
        left: -480px
    }

        .default-menu-list .shop-menu-data > li:first-child .new-categories-hover:before {
            left: 505px
        }
}

@media screen and (max-width: 1200px) {
    .default-menu-list .new-categories-hover {
        width: 750px
    }

    .default-menu-list .shop-menu-data > li:first-child .new-categories-hover {
        left: -400px
    }

        .default-menu-list .shop-menu-data > li:first-child .new-categories-hover:before {
            left: 420px
        }
}

@media (min-width: 991px) {
    .default-menu-list .shop-menu-data.hover:before {
        content: '';
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 104px;
        left: 0;
        background-color: rgba(0,0,0,.6)
    }

    li[data-nav-id="10_1"] > ul, li[data-nav-id="10_4"] > ul, li[data-nav-id="4"] > ul, li[data-nav-id="5"] > ul {
        max-height: 420px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

    li[data-nav-id="4"] > ul {
        max-height: 475px
    }

    li[data-nav-id="5"] > ul {
        max-height: 440px
    }

        li[data-nav-id="10_1"] > ul::-webkit-scrollbar, li[data-nav-id="10_4"] > ul::-webkit-scrollbar, li[data-nav-id="4"] > ul::-webkit-scrollbar, li[data-nav-id="5"] > ul::-webkit-scrollbar {
            width: 5px
        }

        li[data-nav-id="10_1"] > ul::-webkit-scrollbar-thumb, li[data-nav-id="10_4"] > ul::-webkit-scrollbar-thumb, li[data-nav-id="4"] > ul::-webkit-scrollbar-thumb, li[data-nav-id="5"] > ul::-webkit-scrollbar-thumb {
            background: rgba(0,0,0,.08)
        }

            li[data-nav-id="10_1"] > ul::-webkit-scrollbar-thumb:hover, li[data-nav-id="10_4"] > ul::-webkit-scrollbar-thumb:hover, li[data-nav-id="4"] > ul::-webkit-scrollbar-thumb:hover {
                background: rgba(0,0,0,.2)
            }

    .top-header-right .dropdown-menu.account-info-css {
        max-width: 250px
    }

    .section-title .popular-tag {
        padding-right: 90px !important
    }

    .section-title .new-tag {
        padding-right: 68px !important
    }
}

@media (max-width: 1200px) {
    .default-menu-list .new-categories-hover {
        left: -398px
    }

    .single-panel > ul > li > a, .submenu-data-list ul > .section-title a, .submenu-data-list ul > .section-title div {
        font-size: 15px
    }

    .default-menu-list .new-categories-hover:before {
        left: 320px
    }

    .right-content-desc > .head {
        font-size: 15px
    }
}

@media (max-width: 991px) {
    .new-desktop-header .shop-menu-list.show-menu.is-active.show-menu, .shop-menu-data li[data-nav-id="23"] {
        display: block
    }

    .new-desktop-header .top-menu-list {
        height: 100%
    }

    .new-desktop-header .custom-listings .submenu-data-list > li > a {
        display: flex;
        align-items: center
    }

    .new-desktop-header .custom-listings .shop-menu-data > li > a {
        padding: 12px 16px !important
    }

    .new-desktop-header .custom-listings .submenu-data-list.show-menu li a img {
        float: none
    }

    .new-categories-hover > ul {
        width: 100%
    }

        .new-categories-hover > ul > li > a {
            padding: 12px 32px !important
        }

    .section-title a:hover, .section-title.active:hover a, .section-title.active a, .section-title div:not(.single-panel):hover, .section-title.active:hover div:not(.single-panel), .section-title.active div:not(.single-panel) {
        background-color: transparent
    }

    .section-title > a:before, .section-title > div:not(.single-panel):before {
        content: '\f078';
        right: 15px;
        font-size: 15px
    }

    .single-panel > ul > li {
        margin-right: 0;
        position: relative
    }

        .single-panel > ul > li > a {
            width: 100%;
            white-space: normal;
            max-width: 100%
        }

    .single-panel > ul {
        height: auto
    }

    .single-panel {
        padding: 0 40px;
        background-color: #f2f6fa
    }

    ul > li.section-title {
        border-bottom: 1px solid #e0e0e1
    }

        ul > li.section-title:first-child {
            border-top: 1px solid #e0e0e1
        }

    .single-panel > ul > li:before {
        content: '';
        position: absolute;
        bottom: 0;
        width: calc(100% + 90px);
        left: -45px;
        height: 1px;
        background-color: #fff
    }

    .single-panel > ul > li:last-child:before {
        display: none
    }

    .custom-listings .submenu-data-list.show-menu li.section-title a:hover, .custom-listings .submenu-data-list.show-menu li.section-title div:hover {
        color: #82bc3b
    }

    .submenu-data-list.new-categories-hover {
        box-shadow: none
    }

    .default-menu-list .new-categories-hover, .single-panel > h3, .single-panel > p {
        display: none
    }

    .new-desktop-header > div:not(.mob-header) {
        display: none
    }

    .desktop-header.new-desktop-header {
        display: block
    }

    li[data-nav-id="11"] .submenu-data-list > li > a {
        align-items: center;
        padding: 0
    }

    li[data-nav-id="11"] {
        display: block
    }

    .with-login .top-header-right.top-header-mobile .pull-right.user-info-section > ul > li#headerNotification > a, .with-login .top-header-right.top-header-mobile .pull-right.user-info-section > ul > li#headerNotification > .bell-container {
        margin-right: 5px
    }

    .shop-menu-data li a.sub-arrow:after, .shop-menu-data li[data-nav-id="1"] > a:after, .shop-menu-data li[data-nav-id="3"] > a:after, .shop-menu-data li[data-nav-id="4"] > a:after, .shop-menu-data li[data-nav-id="5"] > a:after, .shop-menu-data li[data-nav-id="7"] > a:after, .shop-menu-data li[data-nav-id="9"] > a:after, .shop-menu-data li[data-nav-id="10"] > a:after, .shop-menu-data li[data-nav-id="11"] > a:after, .shop-menu-data li[data-nav-id="23"] > a:after, .shop-menu-data li[data-nav-id="10_1"] > a:after, .shop-menu-data li[data-nav-id="1"] > span:after {
        right: 15px !important;
        font-size: 15px
    }

    .shop-menu-data li a.sub-arrow:hover:after, .shop-menu-data li:hover a.sub-arrow:after, .shop-menu-data li[data-nav-id="1"] > a:hover:after, .shop-menu-data li[data-nav-id="1"]:hover > a:after, .shop-menu-data li[data-nav-id="3"] > a:hover:after, .shop-menu-data li[data-nav-id="3"]:hover > a:after, .shop-menu-data li[data-nav-id="4"] > a:hover:after, .shop-menu-data li[data-nav-id="4"]:hover > a:after, .shop-menu-data li[data-nav-id="5"] > a:hover:after, .shop-menu-data li[data-nav-id="5"]:hover > a:after, .shop-menu-data li[data-nav-id="7"] > a:hover:after, .shop-menu-data li[data-nav-id="7"]:hover > a:after, .shop-menu-data li[data-nav-id="9"] > a:hover:after, .shop-menu-data li[data-nav-id="9"]:hover > a:after, .shop-menu-data li[data-nav-id="10"] > a:hover:after, .shop-menu-data li[data-nav-id="10"]:hover > a:after, .shop-menu-data li[data-nav-id="11"]:hover > a:after, .shop-menu-data li[data-nav-id="23"]:hover > a:after {
        color: #615f5c;
        content: "\f078"
    }

    .default-menu-list .shop-menu-data > li > a:hover, .default-menu-list .submenu-data-list > li > a:hover, .default-menu-list .shop-menu-data > li:hover > a, .default-menu-list .submenu-data-list > li:hover > a {
        color: #615f5c
    }

    .default-menu-list .shop-menu-data > li > a.active, .default-menu-list .shop-menu-data > li.active > a, .default-menu-list .shop-menu-data > li.active > a, .default-menu-list .shop-menu-data > li > a.active, .default-menu-list .submenu-data-list > li > a.active, .default-menu-list .submenu-data-list > li.active > a, .default-menu-list .shop-menu-data > li > span.active, .default-menu-list .shop-menu-data > li.active > span {
        color: #43611f
    }

    .shop-menu-data li[data-nav-id="1"].active > a:after, .shop-menu-data li[data-nav-id="3"].active > a:after, .shop-menu-data li[data-nav-id="4"].active > a:after, .shop-menu-data li[data-nav-id="5"].active > a:after, .shop-menu-data li[data-nav-id="7"].active > a:after, .shop-menu-data li[data-nav-id="9"].active > a:after, .shop-menu-data li[data-nav-id="10"].active > a:after, .shop-menu-data li[data-nav-id="11"].active > a:after, .shop-menu-data li[data-nav-id="23"].active > a:after, .shop-menu-data li[data-nav-id="10_1"].active > a:after, .shop-menu-data li[data-nav-id="1"].active > span:after {
        content: "\f077";
        color: #82bc3b
    }

    .mobile-hide {
        display: none !important
    }

    .custom-listings .default-menu-list .shop-menu-data > li > a, .custom-listings .default-menu-list .shop-menu-data > li > span, .custom-listings .default-menu-list .shop-menu-data > li > div {
        font-size: 20px;
        border-bottom: none
    }

    .default-menu-list .shop-menu-data > li > span {
        padding: 12px 16px !important;
        display: block;
        color: #615f5c;
        font-weight: 400;
        cursor: pointer;
        position: relative
    }

    .custom-listings .default-menu-list .submenu-data-list > li > a {
        border-bottom: 1px solid #fff;
        background-color: #f2f6fa
    }

    .shop-menu-data > li > a[data-toggle=tooltip]:after, .shop-menu-data > li > ul > li > a[data-toggle=tooltip]:after {
        display: none
    }

    .new-categories-hover.show-desktop {
        display: none !important
    }

    .section-title.active .single-panel {
        display: block
    }

    .section-title.active > a:before, .section-title.active > div:not(.single-panel):before {
        content: '\f077'
    }

    .top-header-mobile .user-info-section .open > .dropdown-menu.account-info-css:before {
        display: none
    }

    .shop-menu-data > li[data-nav-id="9"] {
        margin-left: 0
    }

    .custom-listings .shop-menu-data > li.active > .submenu-data-list > li.active > .submenu-data-list {
        display: block;
        box-shadow: none
    }

    .default-menu-list .shop-menu-data li.active > a img, .default-menu-list .shop-menu-data li > a.active > img {
        transform: rotate(0deg)
    }

    .custom-listings .shop-menu-data > li.active > .submenu-data-list > li.active > .submenu-data-list > li > a {
        padding-left: 45px !important
    }

    .default-menu-list .submenu-data-list > li[data-nav-id="10_1"] > a::a, .default-menu-list .submenu-data-list > li[data-nav-id="10_4"] > a::afterfter {
        background-image: none;
        color: #615f5c;
        content: "\f078";
        font-family: fontawesome;
        display: none
    }

    .default-menu-list li .submenu-data-list > li > a[data-nav-id="10_1"]:hover:after, .default-menu-list li .submenu-data-list > li > a[data-nav-id="10_4"]:hover:after, .default-menu-list .submenu-data-list > li:hover > a[data-nav-id="10_1"]:after {
        color: #82bc3b;
        content: "\f078"
    }

    .default-menu-list .submenu-data-list > li[data-nav-id="10_1"].active > a:after, .default-menu-list .submenu-data-list > li[data-nav-id="10_4"].active > a:after {
        color: #82bc3b;
        content: "\f077" !important;
        transform: rotate(0) translate(0,-50%);
        display: none
    }

    .new-categories-hover .single-panel > ul > li .badge-custom {
        position: static;
        transform: none;
        margin-left: 8px
    }

    .user-info-section .open > .dropdown-menu.account-info-css:before, .user-info-section .myaccDropdown:hover > .dropdown-menu.account-info-css:before, .header-inner .btn-group .dropdown-menu:before, .user-info-section .open > .dropdown-menu.account-info-css:after, .user-info-section .myaccDropdown:hover > .dropdown-menu.account-info-css:after {
        display: none
    }

    .top-header-right.top_link .myaccDropdown.cog-css-new.open {
        display: flex;
        align-items: center
    }

    body.remScroll .main-container, body.remScroll .main-body {
        height: 100% !important
    }

    .shop-menu-data > li:hover > .submenu-data-list.show-menu, .submenu-data-list.show-menu > li:hover > .submenu-data-list.show-submenu, .header-inner .btn-group:hover .dropdown-menu, .shop-menu-data > li > .submenu-data-list.show-menu > li:hover > .submenu-data-list.show-menu, .shop-menu-data > li:hover > .submenu-data-list.show-menu.new-categories-hover {
        display: none
    }

    .custom-listings .shop-menu-data > li.active > .submenu-data-list.show-menu {
        display: block !important
    }
}

@media (max-width: 1170px) and (min-width:100px) {
    .mob-top-header .logo {
        position: static;
        margin: 0
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation :portrait) {
    .new-desktop-header > div:not(.mob-header) {
        display: block
    }

    .default-menu-list .shop-menu-data > li {
        position: relative;
        display: flex;
        align-items: center
    }

    .shop-menu-data li a.sub-arrow:after, .shop-menu-data li[data-nav-id="1"] > a:after, .shop-menu-data li[data-nav-id="3"] > a:after, .shop-menu-data li[data-nav-id="4"] > a:after, .shop-menu-data li[data-nav-id="5"] > a:after, .shop-menu-data li[data-nav-id="7"] > a:after, .shop-menu-data li[data-nav-id="9"] > a:after, .shop-menu-data li[data-nav-id="10"] > a:after, .shop-menu-data li[data-nav-id="11"] > a:after, .shop-menu-data li[data-nav-id="23"] > a:after {
        right: 0 !important;
        font-size: 10px;
        width: auto;
        height: auto
    }

    .default-menu-list .shop-menu-data > li > a {
        font-size: 14px
    }

    .shop-menu-data li a.sub-arrow, .shop-menu-data li[data-nav-id="1"] > a, .shop-menu-data li[data-nav-id="3"] > a, .shop-menu-data li[data-nav-id="4"] > a, .shop-menu-data li[data-nav-id="5"] > a, .shop-menu-data li[data-nav-id="7"] > a, .shop-menu-data li[data-nav-id="9"] > a, .shop-menu-data li[data-nav-id="10"] > a, .shop-menu-data li[data-nav-id="11"] > a {
        padding-right: 13px
    }

    .default-menu-list .shop-menu-data > li:not(:last-child) {
        margin-right: 15px
    }

    .default-menu-list .shop-menu-data > li a, .default-menu-list .shop-menu-data > li:first-child > a {
        font-size: 14px
    }

    .shop-top-container:not(.custom-shop-topheader) .shop-top-header .mob-top-header {
        display: none
    }

    .shop-top-container:not(.custom-shop-topheader) ~ .shop-container .top-menu-list, .shop-top-container:not(.custom-shop-topheader) .top-header-left .top-menu-list {
        position: static;
        display: flex;
        height: auto !important
    }

    .shop-top-container:not(.custom-shop-topheader) .shop-top-header .top-header-left {
        display: block
    }

    .top-menu-list.custom-listings > li.pd_around {
        display: block !important;
        float: none;
        width: auto
    }

    .shop-top-container .shop-top-header {
        height: 40.63px
    }

    .shop-top-container.custom-shop-topheader .shop-top-header {
        height: 63px
    }

    .top-menu-list > li > a {
        border-bottom: none
    }

    .top-header-left .top-menu-list > li > a {
        padding: 0 10px
    }

    .default-menu-list .shop-menu-data > li.active > .submenu-data-list.show-menu, .default-menu-list .submenu-data-list.show-menu > li.active > .submenu-data-list.show-submenu, .default-menu-list .shop-menu-data > li > .submenu-data-list.show-menu > li.active > .submenu-data-list.show-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        position: absolute;
        display: block
    }

    .right-content-desc > .desc {
        font-size: 12px
    }

    .right-content-desc > .head {
        font-size: 14px
    }

    .default-menu-list .submenu-data-list:before {
        top: -9px;
        border-bottom: 11px solid #fff;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent
    }

    .default-menu-list li.active .new-categories-hover {
        display: flex !important
    }

    .default-menu-list .new-categories-hover {
        width: 750px;
        left: -252px
    }

    .new-categories-hover .badge-custom {
        font-size: 10px;
        top: -1px;
        position: relative
    }

    .new-categories-hover > ul {
        width: 270px;
        min-width: 270px
    }

    .section-title > a:before, .section-title > div:before {
        right: 10px;
        font-size: 10px;
        content: '\f054'
    }

    .section-title.active > a:before, .section-title.active > div:before {
        content: '\f054'
    }

    .single-panel > ul > li:before {
        display: none
    }

    .single-panel {
        padding: 10px 20px;
        background-color: #fff
    }

        .single-panel > h3, .single-panel > p {
            display: block
        }

        .single-panel > ul {
            height: 400px;
            overflow-y: hidden;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch
        }

            .single-panel > ul::-webkit-scrollbar {
                height: 5px
            }

            .single-panel > ul::-webkit-scrollbar-thumb {
                background: rgba(0,0,0,.08)
            }

                .single-panel > ul::-webkit-scrollbar-thumb:hover {
                    background: rgba(0,0,0,.2)
                }

    ul > li.section-title {
        border-bottom: none
    }

        ul > li.section-title:first-child {
            border-top: none
        }

    .section-title a:hover, .section-title.active:hover a, .section-title.active a, .section-title div:hover, .section-title.active:hover div, .section-title.active div {
        background-color: #f5f5f5
    }

    .new-categories-hover > ul > li > a {
        padding: 5px 70px 5px 15px !important
    }

    .default-menu-list .new-categories-hover:before {
        left: 300px
    }

    .default-menu-list .submenu-data-list > li[data-nav-id="10_1"].active > a:after, .default-menu-list .submenu-data-list > li[data-nav-id="10_4"].active > a:after {
        color: #82bc3b;
        content: "\f054" !important;
        transform: rotate(0) translate(0,-50%);
        display: block;
        background-image: none
    }

    li[data-nav-id="10_4"] > ul, li[data-nav-id="10_1"] > ul {
        width: 340px
    }

    .submenu-data-list > li[data-nav-id="10_1"] a:not(:only-child):after, .submenu-data-list > li[data-nav-id="10_4"] a:not(:only-child):after {
        right: 18px
    }

    .submenu-data-list > li a:not(:only-child):after {
        content: "\f054";
        right: 24px;
        top: 50%;
        font-size: 12px;
        transform: translateY(-50%);
        color: #615f5c;
        font-family: fontawesome;
        position: absolute
    }

    .default-menu-list li .submenu-data-list > li > a[data-nav-id="10_1"]:hover:after, .default-menu-list li .submenu-data-list > li > a[data-nav-id="10_4"]:hover:after, .default-menu-list .submenu-data-list > li:hover > a[data-nav-id="10_1"]:after {
        color: #82bc3b;
        content: "\f053" !important
    }

    .default-menu-list li .submenu-data-list > li > a[data-nav-id="10_1"]:after, .default-menu-list li .submenu-data-list > li > a[data-nav-id="10_4"]:after {
        content: "\f054" !important;
        background-image: none
    }

    

    .default-menu-list .need-design-con-link.btn.btn-default {
        font-size: 14px;
        padding: 6px 11px !important
    }

    .signin-top a[data-id="33"] {
        font-size: 13px
    }

    .signin-top li[data-nav-id="34"] {
        display: block !important;
        margin-left: 7px
    }

    .signin-top li[data-nav-id="35"] .join-now {
        display: block !important
    }

    

   

    li[data-nav-id="10"] > ul {
        width: 340px
    }

    .shop-menu-data li[data-nav-id="10_1"] > a:after, .default-menu-list li .submenu-data-list > li > a[data-nav-id="10_4"]:after {
        right: 5px !important
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .default-menu-list li[data-nav-id="3"] .submenu-data-list {
        right: -115px
    }

        .default-menu-list li[data-nav-id="3"] .submenu-data-list:before {
            right: 140px
        }
}

.shop-top-container.custom-shop-topheader ~ .shop-container .mobile-header {
    display: none
}

#input-search.change-input-props.focused {
    border: #db404b solid 1px;
    border-radius: 5px
}

    #input-search.change-input-props.focused #search-box {
        background: #db404b
    }

        #input-search.change-input-props.focused #search-box .icon {
            color: #fff;
            -webkit-text-stroke: #db404b 1px
        }

@media screen and (max-width: 767px) {
    .shop-menu-data > li > a, .shop-menu-data > li > span {
        color: #5a5856
    }

    .right-content-desc > .head {
        color: #555351
    }

    .right-content-desc > .desc {
        color: #333
    }

    .new-categories-hover .badge-custom {
        color: #3f5c1d
    }
}

.new-text-infos {
    display: inline-block;
    width: 40px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    padding: 0 6px;
    border-radius: 4px;
    background: #106cff;
    color: #fff;
    margin-left: 4px;
    border-radius: 24px
}

.blink-text-infos {
    animation: blinktextinfo 3s ease-in-out infinite
}

@keyframes blinktextinfo {
    50% {
        opacity: 0
    }
}

.guest-login-details {
    font-size: 13px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    color: #615f5c;
    padding: 0
}

.signin-top span.guest-login-details {
    padding: 0
}

.guest-login-details span.reduce-right-space {
    padding-right: 0
}

.guest-login-details b {
    margin-left: 4px;
    font-weight: 600;
    color: #82bc3b
}

.guest-login-details i {
    font-size: 17px;
    line-height: normal;
    margin-right: 0;
    margin-left: 6px
}

.guest-login-details .icon-circle-info:before {
    content: "\f05a"
}

.guest-login-details .tooltip-inner {
    font-size: 13px;
    font-weight: 500
}

.guest-tooltip-props, .signin-top .guest-tooltip-props {
    position: relative;
    padding: 0
}

.guest-tooltip-infos {
    position: absolute;
    display: none;
    width: 196px;
    right: -10px;
    top: 26px;
    background: #000;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: normal;
    padding: 8px;
    border-radius: 4px
}

    .guest-tooltip-infos:after {
        position: absolute;
        content: "";
        top: -6px;
        right: 10px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #000
    }

.guest-tooltip-props.show-tooltips .guest-tooltip-infos {
    display: inline-flex
}

.guest-login-details .icon-circle-info {
    display: none
}

@media screen and (max-width: 1023px) {
    .guest-login-infos {
        display: none
    }

    .guest-login-details .icon-circle-info {
        display: inline-flex
    }

    .guest-login-details i {
        margin-left: 0
    }
}

/*!
 * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
 */
.f32 {
    display: inline-block
}

    .f32 .flag {
        width: auto;
        clear: right;
        margin-top: -9px
    }

    .f32 .flag {
        padding-left: 44px
    }

    .f32 abbr, .f32 i {
        display: inline-block;
        width: 32px;
        line-height: 32px;
        vertical-align: bottom
    }

    .f32 i {
        margin-left: -76px;
        margin-right: 44px;
        color: silver
    }

.flag.deprecated {
    color: silver
}

.flag.island {
    color: navy
}

.f32 .flag {
    display: inline-block;
    height: 32px;
    width: 32px;
    vertical-align: text-top;
    line-height: 32px;
    background: url("https://cdn1.designhill.com/assets/dh/images/flags32.png") no-repeat
}

.f32 ._African_Union {
    background-position: 0 -32px
}

.f32 ._Arab_League {
    background-position: 0 -64px
}

.f32 ._ASEAN {
    background-position: 0 -96px
}

.f32 ._CARICOM {
    background-position: 0 -128px
}

.f32 ._CIS {
    background-position: 0 -160px
}

.f32 ._Commonwealth {
    background-position: 0 -192px
}

.f32 ._England {
    background-position: 0 -224px
}

.f32 ._European_Union, .f32 .eu {
    background-position: 0 -256px
}

.f32 ._Islamic_Conference {
    background-position: 0 -288px
}

.f32 ._Kosovo {
    background-position: 0 -320px
}

.f32 ._NATO {
    background-position: 0 -352px
}

.f32 ._Northern_Cyprus {
    background-position: 0 -384px
}

.f32 ._Northern_Ireland {
    background-position: 0 -416px
}

.f32 ._Olimpic_Movement {
    background-position: 0 -448px
}

.f32 ._OPEC {
    background-position: 0 -480px
}

.f32 ._Red_Cross {
    background-position: 0 -512px
}

.f32 ._Scotland {
    background-position: 0 -544px
}

.f32 ._Somaliland {
    background-position: 0 -576px
}

.f32 ._Tibet {
    background-position: 0 -608px
}

.f32 ._United_Nations {
    background-position: 0 -640px
}

.f32 ._Wales {
    background-position: 0 -672px
}

.f32 .ad, .f32 .and {
    background-position: 0 -704px
}

.f32 .ae, .f32 .are {
    background-position: 0 -736px
}

.f32 .af, .f32 .afg {
    background-position: 0 -768px
}

.f32 .ag, .f32 .atg {
    background-position: 0 -800px
}

.f32 .ai, .f32 .aia {
    background-position: 0 -832px
}

.f32 .al, .f32 .alb {
    background-position: 0 -864px
}

.f32 .am, .f32 .arm {
    background-position: 0 -896px
}

.f32 .ao, .f32 .ago {
    background-position: 0 -928px
}

.f32 .aq, .f32 .ata {
    background-position: 0 -960px
}

.f32 .ar, .f32 .arg {
    background-position: 0 -992px
}

.f32 .as, .f32 .asm {
    background-position: 0 -1024px
}

.f32 .at, .f32 .aut {
    background-position: 0 -1056px
}

.f32 .au, .f32 .aus {
    background-position: 0 -1088px
}

.f32 .aw, .f32 .abw {
    background-position: 0 -1120px
}

.f32 .ax, .f32 .ala {
    background-position: 0 -1152px
}

.f32 .az, .f32 .aze {
    background-position: 0 -1184px
}

.f32 .ba, .f32 .bih {
    background-position: 0 -1216px
}

.f32 .bb, .f32 .brb {
    background-position: 0 -1248px
}

.f32 .bd, .f32 .bgd {
    background-position: 0 -1280px
}

.f32 .be, .f32 .bel {
    background-position: 0 -1312px
}

.f32 .bf, .f32 .bfa {
    background-position: 0 -1344px
}

.f32 .bg, .f32 .bgr {
    background-position: 0 -1376px
}

.f32 .bh, .f32 .bhr {
    background-position: 0 -1408px
}

.f32 .bi, .f32 .bdi {
    background-position: 0 -1440px
}

.f32 .bj, .f32 .ben {
    background-position: 0 -1472px
}

.f32 .bm, .f32 .bmu {
    background-position: 0 -1504px
}

.f32 .bn, .f32 .brn {
    background-position: 0 -1536px
}

.f32 .bo, .f32 .bol {
    background-position: 0 -1568px
}

.f32 .br, .f32 .bra {
    background-position: 0 -1600px
}

.f32 .bs, .f32 .bhs {
    background-position: 0 -1632px
}

.f32 .bt, .f32 .btn {
    background-position: 0 -1664px
}

.f32 .bw, .f32 .bwa {
    background-position: 0 -1696px
}

.f32 .by, .f32 .blr {
    background-position: 0 -1728px
}

.f32 .bz, .f32 .blz {
    background-position: 0 -1760px
}

.f32 .ca, .f32 .can {
    background-position: 0 -1792px
}

.f32 .cd, .f32 .cod {
    background-position: 0 -1824px
}

.f32 .cf, .f32 .rca {
    background-position: 0 -1856px
}

.f32 .cg, .f32 .cog {
    background-position: 0 -1888px
}

.f32 .ch, .f32 .che {
    background-position: 0 -1920px
}

.f32 .ci, .f32 .civ {
    background-position: 0 -1952px
}

.f32 .ck, .f32 .cok {
    background-position: 0 -1984px
}

.f32 .cl, .f32 .chl {
    background-position: 0 -2016px
}

.f32 .cm, .f32 .cmr {
    background-position: 0 -2048px
}

.f32 .cn, .f32 .chn {
    background-position: 0 -2080px
}

.f32 .co, .f32 .col {
    background-position: 0 -2112px
}

.f32 .cr, .f32 .cri {
    background-position: 0 -2144px
}

.f32 .cu, .f32 .cub {
    background-position: 0 -2176px
}

.f32 .cv, .f32 .cpv {
    background-position: 0 -2208px
}

.f32 .cy, .f32 .cyp {
    background-position: 0 -2240px
}

.f32 .cz, .f32 .cze {
    background-position: 0 -2272px
}

.f32 .de, .f32 .deu {
    background-position: 0 -2304px
}

.f32 .dj, .f32 .dji {
    background-position: 0 -2336px
}

.f32 .dk, .f32 .dnk {
    background-position: 0 -2368px
}

.f32 .dm, .f32 .dma {
    background-position: 0 -2400px
}

.f32 .do, .f32 .dom {
    background-position: 0 -2432px
}

.f32 .dz, .f32 .dza {
    background-position: 0 -2464px
}

.f32 .ec, .f32 .ecu {
    background-position: 0 -2496px
}

.f32 .ee, .f32 .est {
    background-position: 0 -2528px
}

.f32 .eg, .f32 .egy {
    background-position: 0 -2560px
}

.f32 .eh, .f32 .esh {
    background-position: 0 -2592px
}

.f32 .er, .f32 .eri {
    background-position: 0 -2624px
}

.f32 .es, .f32 .esp {
    background-position: 0 -2656px
}

.f32 .et, .f32 .eth {
    background-position: 0 -2688px
}

.f32 .fi, .f32 .fin {
    background-position: 0 -2720px
}

.f32 .fj, .f32 .fji {
    background-position: 0 -2752px
}

.f32 .fm, .f32 .fsm {
    background-position: 0 -2784px
}

.f32 .fo, .f32 .fro {
    background-position: 0 -2816px
}

.f32 .fr, .f32 .fra {
    background-position: 0 -2848px
}

.f32 .bl, .f32 .blm {
    background-position: 0 -2848px
}

.f32 .cp, .f32 .cpt {
    background-position: 0 -2848px
}

.f32 .mf, .f32 .maf {
    background-position: 0 -2848px
}

.f32 .yt, .f32 .myt {
    background-position: 0 -2848px
}

.f32 .ga, .f32 .gab {
    background-position: 0 -2880px
}

.f32 .gb, .f32 .gbr {
    background-position: 0 -2912px
}

.f32 .sh, .f32 .shn {
    background-position: 0 -2912px
}

.f32 .gd, .f32 .grd {
    background-position: 0 -2944px
}

.f32 .ge, .f32 .geo {
    background-position: 0 -2976px
}

.f32 .gg, .f32 .ggy {
    background-position: 0 -3008px
}

.f32 .gh, .f32 .gha {
    background-position: 0 -3040px
}

.f32 .gi, .f32 .gib {
    background-position: 0 -3072px
}

.f32 .gl, .f32 .grl {
    background-position: 0 -3104px
}

.f32 .gm, .f32 .gmb {
    background-position: 0 -3136px
}

.f32 .gn, .f32 .gin {
    background-position: 0 -3168px
}

.f32 .gp, .f32 .glp {
    background-position: 0 -3200px
}

.f32 .gq, .f32 .gnq {
    background-position: 0 -3232px
}

.f32 .gr, .f32 .grc {
    background-position: 0 -3264px
}

.f32 .gt, .f32 .gtm {
    background-position: 0 -3296px
}

.f32 .gu, .f32 .gum {
    background-position: 0 -3328px
}

.f32 .gw, .f32 .gnb {
    background-position: 0 -3360px
}

.f32 .gy, .f32 .guy {
    background-position: 0 -3392px
}

.f32 .hk, .f32 .hkg {
    background-position: 0 -3424px
}

.f32 .hn, .f32 .hnd {
    background-position: 0 -3456px
}

.f32 .hr, .f32 .hrv {
    background-position: 0 -3488px
}

.f32 .ht, .f32 .hti {
    background-position: 0 -3520px
}

.f32 .hu, .f32 .hun {
    background-position: 0 -3552px
}

.f32 .id, .f32 .idn {
    background-position: 0 -3584px
}

.f32 .mc, .f32 .mco {
    background-position: 0 -3584px
}

.f32 .ie {
    background-position: 0 -3616px
}

.f32 .il, .f32 .isr {
    background-position: 0 -3648px
}

.f32 .im, .f32 .imn {
    background-position: 0 -3680px
}

.f32 .in, .f32 .ind {
    background-position: 0 -3712px
}

.f32 .iq, .f32 .irq {
    background-position: 0 -3744px
}

.f32 .ir, .f32 .irn {
    background-position: 0 -3776px
}

.f32 .is, .f32 .isl {
    background-position: 0 -3808px
}

.f32 .it, .f32 .ita {
    background-position: 0 -3840px
}

.f32 .je, .f32 .jey {
    background-position: 0 -3872px
}

.f32 .jm, .f32 .jam {
    background-position: 0 -3904px
}

.f32 .jo, .f32 .jor {
    background-position: 0 -3936px
}

.f32 .jp, .f32 .jpn {
    background-position: 0 -3968px
}

.f32 .ke, .f32 .ken {
    background-position: 0 -4000px
}

.f32 .kg, .f32 .kgz {
    background-position: 0 -4032px
}

.f32 .kh, .f32 .khm {
    background-position: 0 -4064px
}

.f32 .ki, .f32 .kir {
    background-position: 0 -4096px
}

.f32 .km, .f32 .com {
    background-position: 0 -4128px
}

.f32 .kn, .f32 .kna {
    background-position: 0 -4160px
}

.f32 .kp, .f32 .prk {
    background-position: 0 -4192px
}

.f32 .kr, .f32 .kor {
    background-position: 0 -4224px
}

.f32 .kw, .f32 .kwt {
    background-position: 0 -4256px
}

.f32 .ky, .f32 .cym {
    background-position: 0 -4288px
}

.f32 .kz, .f32 .kaz {
    background-position: 0 -4320px
}

.f32 .la, .f32 .lao {
    background-position: 0 -4352px
}

.f32 .lb, .f32 .lbn {
    background-position: 0 -4384px
}

.f32 .lc, .f32 .lca {
    background-position: 0 -4416px
}

.f32 .li, .f32 .lie {
    background-position: 0 -4448px
}

.f32 .lk, .f32 .lka {
    background-position: 0 -4480px
}

.f32 .lr, .f32 .lbr {
    background-position: 0 -4512px
}

.f32 .ls, .f32 .lso {
    background-position: 0 -4544px
}

.f32 .lt, .f32 .ltu {
    background-position: 0 -4576px
}

.f32 .lu, .f32 .lux {
    background-position: 0 -4608px
}

.f32 .lv, .f32 .lva {
    background-position: 0 -4640px
}

.f32 .ly, .f32 .lby {
    background-position: 0 -4672px
}

.f32 .ma, .f32 .mar {
    background-position: 0 -4704px
}

.f32 .md, .f32 .mda {
    background-position: 0 -4736px
}

.f32 .me, .f32 .mne {
    background-position: 0 -4768px
}

.f32 .mg, .f32 .mdg {
    background-position: 0 -4800px
}

.f32 .mh, .f32 .mhl {
    background-position: 0 -4832px
}

.f32 .mk, .f32 .mkd {
    background-position: 0 -4864px
}

.f32 .ml, .f32 .mli {
    background-position: 0 -4896px
}

.f32 .mm, .f32 .mmr {
    background-position: 0 -4928px
}

.f32 .mn, .f32 .mng {
    background-position: 0 -4960px
}

.f32 .mo, .f32 .mac {
    background-position: 0 -4992px
}

.f32 .mq, .f32 .mtq {
    background-position: 0 -5024px
}

.f32 .mr, .f32 .mrt {
    background-position: 0 -5056px
}

.f32 .ms, .f32 .msr {
    background-position: 0 -5088px
}

.f32 .mt, .f32 .mlt {
    background-position: 0 -5120px
}

.f32 .mu, .f32 .mus {
    background-position: 0 -5152px
}

.f32 .mv, .f32 .mdv {
    background-position: 0 -5184px
}

.f32 .mw, .f32 .mwi {
    background-position: 0 -5216px
}

.f32 .mx, .f32 .mex {
    background-position: 0 -5248px
}

.f32 .my, .f32 .mys {
    background-position: 0 -5280px
}

.f32 .mz, .f32 .moz {
    background-position: 0 -5312px
}

.f32 .na, .f32 .nam {
    background-position: 0 -5344px
}

.f32 .nc, .f32 .ncl {
    background-position: 0 -5376px
}

.f32 .ne, .f32 .ner {
    background-position: 0 -5408px
}

.f32 .ng, .f32 .nga {
    background-position: 0 -5440px
}

.f32 .ni, .f32 .nic {
    background-position: 0 -5472px
}

.f32 .nl, .f32 .nld {
    background-position: 0 -5504px
}

.f32 .nl {
    background-position: 0 -5504px
}

.f32 .bq {
    background-position: 0 -5504px
}

.f32 .no {
    background-position: 0 -5536px
}

.f32 .bv, .f32 .nq, .f32 .sj {
    background-position: 0 -5536px
}

.f32 .bq, .f32 .bes {
    background-position: 0 -5504px
}

.f32 .no, .f32 .nor {
    background-position: 0 -5536px
}

.f32 .bv, .f32 .bvt {
    background-position: 0 -5536px
}

.f32 .nq, .f32 .atn {
    background-position: 0 -5536px
}

.f32 .sj, .f32 .sjm {
    background-position: 0 -5536px
}

.f32 .np, .f32 .npl {
    background-position: 0 -5568px
}

.f32 .nr, .f32 .nru {
    background-position: 0 -5600px
}

.f32 .nz, .f32 .nzl {
    background-position: 0 -5632px
}

.f32 .om, .f32 .omn {
    background-position: 0 -5664px
}

.f32 .pa, .f32 .pan {
    background-position: 0 -5696px
}

.f32 .pe, .f32 .per {
    background-position: 0 -5728px
}

.f32 .pf, .f32 .pyf {
    background-position: 0 -5760px
}

.f32 .pg, .f32 .png {
    background-position: 0 -5792px
}

.f32 .ph, .f32 .phl {
    background-position: 0 -5824px
}

.f32 .pk, .f32 .pak {
    background-position: 0 -5856px
}

.f32 .pl, .f32 .pol {
    background-position: 0 -5888px
}

.f32 .pr, .f32 .pri {
    background-position: 0 -5920px
}

.f32 .ps, .f32 .pse {
    background-position: 0 -5952px
}

.f32 .pt, .f32 .prt {
    background-position: 0 -5984px
}

.f32 .pw, .f32 .plw {
    background-position: 0 -6016px
}

.f32 .py, .f32 .pry {
    background-position: 0 -6048px
}

.f32 .qa, .f32 .qat {
    background-position: 0 -6080px
}

.f32 .re, .f32 .reu {
    background-position: 0 -6112px
}

.f32 .ro, .f32 .rou {
    background-position: 0 -6144px
}

.f32 .rs, .f32 .srb {
    background-position: 0 -6176px
}

.f32 .ru, .f32 .rus {
    background-position: 0 -6208px
}

.f32 .rw, .f32 .rwa {
    background-position: 0 -6240px
}

.f32 .sa, .f32 .sau {
    background-position: 0 -6272px
}

.f32 .sb, .f32 .slb {
    background-position: 0 -6304px
}

.f32 .sc, .f32 .syc {
    background-position: 0 -6336px
}

.f32 .sd, .f32 .sdn {
    background-position: 0 -6368px
}

.f32 .se, .f32 .swe {
    background-position: 0 -6400px
}

.f32 .sg, .f32 .sgp {
    background-position: 0 -6432px
}

.f32 .si, .f32 .svn {
    background-position: 0 -6464px
}

.f32 .sk, .f32 .svk {
    background-position: 0 -6496px
}

.f32 .sl, .f32 .sle {
    background-position: 0 -6528px
}

.f32 .sm, .f32 .smr {
    background-position: 0 -6560px
}

.f32 .sn, .f32 .sen {
    background-position: 0 -6592px
}

.f32 .so, .f32 .som {
    background-position: 0 -6624px
}

.f32 .sr, .f32 .sur {
    background-position: 0 -6656px
}

.f32 .st, .f32 .stp {
    background-position: 0 -6688px
}

.f32 .sv, .f32 .slv {
    background-position: 0 -6720px
}

.f32 .sy, .f32 .syr {
    background-position: 0 -6752px
}

.f32 .sz, .f32 .swz {
    background-position: 0 -6784px
}

.f32 .tc, .f32 .tca {
    background-position: 0 -6816px
}

.f32 .td, .f32 .tcd {
    background-position: 0 -6848px
}

.f32 .tg, .f32 .tgo {
    background-position: 0 -6880px
}

.f32 .th, .f32 .tha {
    background-position: 0 -6912px
}

.f32 .tj, .f32 .tjk {
    background-position: 0 -6944px
}

.f32 .tl, .f32 .tls {
    background-position: 0 -6976px
}

.f32 .tm, .f32 .tkm {
    background-position: 0 -7008px
}

.f32 .tn, .f32 .tun {
    background-position: 0 -7040px
}

.f32 .to, .f32 .ton {
    background-position: 0 -7072px
}

.f32 .tr, .f32 .tur {
    background-position: 0 -7104px
}

.f32 .tt, .f32 .tto {
    background-position: 0 -7136px
}

.f32 .tv, .f32 .tuv {
    background-position: 0 -7168px
}

.f32 .tw, .f32 .twn {
    background-position: 0 -7200px
}

.f32 .tz, .f32 .tza {
    background-position: 0 -7232px
}

.f32 .ua, .f32 .ukr {
    background-position: 0 -7264px
}

.f32 .ug, .f32 .uga {
    background-position: 0 -7296px
}

.f32 .us, .f32 .usa {
    background-position: 0 -7328px
}

.f32 .uy, .f32 .ury {
    background-position: 0 -7360px
}

.f32 .uz, .f32 .uzb {
    background-position: 0 -7392px
}

.f32 .va, .f32 .vat {
    background-position: 0 -7424px
}

.f32 .vc, .f32 .vct {
    background-position: 0 -7456px
}

.f32 .ve, .f32 .ven {
    background-position: 0 -7488px
}

.f32 .vg, .f32 .vgb {
    background-position: 0 -7520px
}

.f32 .vi, .f32 .vir {
    background-position: 0 -7552px
}

.f32 .vn, .f32 .vnm {
    background-position: 0 -7584px
}

.f32 .vu, .f32 .vut {
    background-position: 0 -7616px
}

.f32 .ws, .f32 .wsm {
    background-position: 0 -7648px
}

.f32 .ye, .f32 .yem {
    background-position: 0 -7680px
}

.f32 .za, .f32 .zaf {
    background-position: 0 -7712px
}

.f32 .zm, .f32 .zmb {
    background-position: 0 -7744px
}

.f32 .zw, .f32 .zwe {
    background-position: 0 -7776px
}

.f32 .sx, .f32 .sxm {
    background-position: 0 -7808px
}

.f32 .cw, .f32 .cuw {
    background-position: 0 -7840px
}

.f32 .ss, .f32 .ssd {
    background-position: 0 -7872px
}

.f32 .nu, .f32 .niu {
    background-position: 0 -7904px
}

@font-face {
    font-family: "Cerebri-sans";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-Light.eot);
    src: url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-Light.eot?#iefix) format('embedded-opentype'),url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-Light.woff2) format('woff2')
}

@font-face {
    font-family: "Cerebri-sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-Regular.eot);
    src: url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-Regular.eot?#iefix) format('embedded-opentype'),url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-Regular.woff2) format('woff2')
}

@font-face {
    font-family: "Cerebri-sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-Medium.eot);
    src: url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-Medium.eot?#iefix) format('embedded-opentype'),url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-Medium.woff2) format('woff2')
}

@font-face {
    font-family: "Cerebri-sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-Bold.eot);
    src: url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-Bold.eot?#iefix) format('embedded-opentype'),url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-Bold.woff2) format('woff2')
}

@font-face {
    font-family: "Cerebri-sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-SemiBold.eot);
    src: url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-SemiBold.eot?#iefix) format('embedded-opentype'),url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-SemiBold.woff2) format('woff2')
}

@font-face {
    font-family: "Cerebri-sans";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-ExtraBold.eot);
    src: url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-ExtraBold.eot?#iefix) format('embedded-opentype'),url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-ExtraBold.woff2) format('woff2')
}

@font-face {
    font-family: "Cerebri-sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-Heavy.eot);
    src: url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-Heavy.eot?#iefix) format('embedded-opentype'),url(//cdn1.designhill.com/assets/dh/fonts/cereberi-sans/CerebriSans-Heavy.woff2) format('woff2')
}

:root {
    --primary-bg-color: #fff;
    --primary-text-color: #4d4d4d;
    --secondary-text-color: #555;
    --yellow-btn-color: #fec42d
}

body {
    font-size: 14px;
    font-family: "Cerebri-sans",Helvetica,Arial,sans-serif !important;
    overflow-x: hidden !important
}

.main-container {
    font-family: "Cerebri-sans",Helvetica,Arial,sans-serif !important
}

.header-inner .tooltip {
    width: 397px
}

.cursor-help {
    cursor: help
}

.pro-left {
    padding-left: 0
}

.pro-right {
    padding-right: 0
}

.owl-carousel .owl-nav .disabled {
    opacity: .5;
    cursor: default !important
}

.owl-controls .owl-prev, .owl-controls .owl-next {
    position: absolute;
    top: 40%
}

.owl-controls .owl-prev {
    left: -12px
}

.owl-controls .owl-next {
    right: -12px
}

.owl-controls i {
    font-size: 50px
}

.homeIndex h2 {
    font-size: 25px !important;
    font-weight: 600 !important;
    line-height: 50px
}

.dh-expert-designers .designer-title {
    font-size: 40px !important;
    font-weight: 600 !important
}

.async-hide {
    opacity: 0 !important
}

#serviceList-title-anchor .design-service-title {
    color: #000;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 35px;
    margin: 0;
    padding: 0 0 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

    #serviceList-title-anchor .design-service-title:after {
        border-bottom: 2px solid #262626;
        bottom: 0;
        content: "";
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        width: 100px
    }

.displayFlex {
    display: flex;
    -webkit-display: flex;
    -o-display: flex;
    -ms-display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    -ms-flex-flow: row wrap
}

.blinktext {
    -moz-animation: blinker 1s linear infinite;
    -ms-animation: blinker 1s linear infinite;
    -o-animation: blinker 1s linear infinite;
    -webkit-animation: blinker 1s linear infinite;
    animation: blinker 1s linear infinite;
    color: #fff;
    font-size: 16px;
    text-decoration: underline
}

.col-xs-height.col-middle.category-list-css {
    position: relative;
    z-index: 9
}

#all_categories optgroup {
    padding: 0 0 0 15px
}

#SkypeButton_Call_designhill_dh_1_paraElement img {
    margin: 0 !important;
    vertical-align: -6px !important;
    width: 45px
}

#SkypeButton_Call_designhill_dh_1 > p {
    font-size: 14px !important;
    margin: 0
}

.contest-toolCss .author-information .author-info .tooltip.bottom {
    width: 300px
}

.contest-toolCss .author-information .author-info .tooltip-inner p {
    color: #fff !important;
    font-size: 14px !important;
    text-align: center;
    padding: 1px 0
}

.blinktext:hover, .blinktext:focus, .blinktext:active {
    color: #fff;
    text-decoration: underline
}

.login--notification {
    position: absolute;
    right: 0;
    top: 9px
}

.gallery--open {
    overflow: hidden;
    height: 100%;
    width: 100%
}

.dh-design-new .customLgo-btnCss.logo-designCustom .whiteBtnNectar.get-started-btn, .common-button.whiteBtnNectar.cat-buttons.logo-designCustom {
    width: auto
}

.common-button.whiteBtnNectar.cat-buttons.logo-designCustom {
    margin: 40px 0 0
}

.custom-trust.category-pageTrust.trust-oldPageImage {
    margin: 20px 0 0 17px
}

.fixed-header .choose-modal .choose-actionModal {
    color: #fff;
    opacity: 1
}

    .fixed-header .choose-modal .choose-actionModal:hover {
        opacity: 1
    }

#reportbox .modal-header h3 {
    color: #fff
}

.page173 #descolorcode {
    border-top: none
}

.page684 .subheader-css {
    display: none
}

.modal {
    text-align: center
}

.modal-dialog {
    display: inline-block
}

.modal-content {
    text-align: initial
}

.settingProfBlock .mCSB_container {
    margin-right: 0 !important
}

.sorry-message-align {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    float: left
}

.entries-thumb.thumbnail > span {
    display: block
}

.page444 .popover {
    max-width: 380px
}

.logo-css img {
    width: 137px
}

.page444 .popover-title > span {
    position: absolute;
    right: 15px
}

#google_translate_element {
    margin-top: 0;
    line-height: 21px
}

.after-login-strip .right-strip > li:last-child {
    margin-right: 7px
}

.top-right-icons {
    display: flex;
    align-items: center
}

.signin-top span {
    padding: 0 6px
}

.feedback-css--new {
    background-color: red;
    border-radius: 20px;
    color: #fff;
    font-size: 10px;
    line-height: normal;
    padding: 2px 6px;
    position: absolute;
    right: -10px;
    top: 20px
}

.fixed-header .feedback-css--new {
    top: 6px
}

.local-time-wrapper {
    padding-right: 300px;
    position: relative
}

.comment-meta-author.local-time-wrapper {
    padding-left: 15px !important;
    padding-right: 200px;
    text-align: left
}

.comment-meta-author .local-time-inner > span {
    display: block
}

.local-time-inner .online-user, .loginStatus.online {
    color: #07b032
}

.local-time-inner .idle-user {
    color: #ffc104
}

.local-time-inner .status-label:after {
    display: none
}

.local-time-inner {
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 9px
}

.comment-meta-author .local-time-inner > span {
    font-size: 12px;
    line-height: normal
}

.comment-meta-author .local-time-inner {
    top: -6px;
    color: #333
}

.local-time-inner .icon-sun {
    color: #ffc104
}

.local-time-inner .icon-moon {
    color: #7197aa
}

.local-time-inner span:last-child {
    padding-left: 10px
}

.local-time-inner .status-label {
    padding-left: 0 !important
}

.local-time-inner i {
    margin: 0 !important
}

    .local-time-inner i.icon-circle {
        margin: 0 5px 0 0 !important
    }

.local-time-inner > span {
    position: relative
}

.local-time-inner span:last-child:after {
    background: #ccc;
    content: "";
    height: 17px;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 2px
}

.comment-meta-author .local-time-inner span:last-child:after {
    display: none
}

.comment-meta-author .local-time-inner span:last-child {
    padding-left: 0
}

.local-time-inner .idle-user .icon-circle, .idle-color .icon-circle {
    background-size: 12px;
    background-image: url(https://cdn1.designhill.com/assets/dh/images/status-idle.svg);
    width: 12px;
    height: 12px;
    color: transparent;
    background-position: center;
    background-repeat: no-repeat
}

.local-time-wrapper .ideal-case-icon {
    width: 16px;
    height: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 2px;
    border: 1px solid #bfbfbf;
    border-radius: 100%;
    overflow: hidden
}

    .local-time-wrapper .ideal-case-icon .ideal-time {
        background-size: 10px;
        background-image: url(https://cdn1.designhill.com/assets/dh/images/status-idle.svg);
        width: 10px;
        height: 10px;
        background-position: center;
        color: #fff;
        border-radius: 100%
    }

.local-time-wrapper .local-time-inner span.ideal-time:after {
    width: 0;
    background: 0 0
}

.activity-bottom-top .local-time-wrapper {
    margin-bottom: 10px
}

.activity-bottom-top .local-time-inner {
    top: 0
}

.local-time-inner .dh-loader-css-orange {
    margin-right: 86px;
    top: -12px
}

.local-time-inner > img {
    height: 20px;
    margin-bottom: 3px;
    width: 20px
}

.gform-input-top .txtHead > span {
    position: relative;
    right: auto;
    top: auto
}

.dh-USContact {
    position: relative;
    margin-left: 7px
}

.dh-USFlag > img {
    height: 20px;
    width: 22px
}

.dh-US-closeTooltip {
    display: none
}

.dh-US-tooltipBox {
    background: rgba(0,0,0,1) none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    color: #fff;
    font-size: 15px;
    left: -23%;
    line-height: 25px;
    min-height: 50px;
    min-width: 260px;
    padding: 13px 10px 17px;
    position: absolute;
    text-align: center;
    top: 30px;
    z-index: 99;
    display: none
}

    .dh-US-tooltipBox:before {
        border-bottom: 10px solid #000;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: "";
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: -9px;
        width: 21px
    }

.dh-US-commonTooltip {
    padding: 0 0 15px
}

.dh-US-support, .time-gray {
    color: #929292;
    text-transform: capitalize
}

.dh-US-greenCall {
    color: #76aa2c;
    font-size: 15px;
    padding: 0 5px;
    text-transform: capitalize
}

.dh-US-ofcTiming.common-new > p {
    margin: 0
}

.dh-USContact:hover .dh-US-tooltipBox {
    display: block
}

.dh-US-redCall {
    color: #eb5563;
    padding: 0 5px;
    text-transform: capitalize
}

.dh-USNumber {
    position: relative;
    top: 1px;
    color: #615f5c;
    font-size: 13px
}

.dh-USContact .f32 .flag {
    padding-left: 35px;
    display: inline-block;
    height: 27px;
    width: 23px;
    vertical-align: middle
}

.right-strip {
    display: flex;
    align-items: center
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0
    }

    50% {
        opacity: .0
    }

    100% {
        opacity: 1.0
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0
    }

    50% {
        opacity: .0
    }

    100% {
        opacity: 1.0
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0
    }

    50% {
        opacity: .0
    }

    100% {
        opacity: 1.0
    }
}

.sign-titleCss {
    display: inline-block;
    font-size: 30px;
    margin: 0 0 20px;
    position: relative
}

    .sign-titleCss:after {
        border-bottom: 4px solid #fff;
        bottom: -12px;
        content: "";
        left: 0;
        position: absolute;
        width: 49px
    }

.dh-mid a:hover {
    color: #fff
}

#registrationForm.loginform {
    height: auto !important
}

.launch-design-top h1 {
    font-size: 30px;
    margin-top: 0
}

.portfolio-box-caption, .cat-portfolio img.img-responsive, .mask-css, .portfolio_caption, .winning-entries a, .common-button .btn.btn-default .icon-long-arrow-right, .common-button .btn.btn-default span, .readymade_design .btn.btn-default, .parallax-css .carousel, .footer_bottom, .nectar-button i {
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.carousel-caption {
    -webkit-transition: opacity .3s ease-in-out 0s;
    -o-transition: opacity .3s ease-in-out 0s;
    -ms-transition: opacity .3s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s
}

.common-section {
    background: #fff
}

.common-section-css {
    float: left;
    width: 100%
}

button.login-button {
    width: 100%
}

.divider-css {
    border-bottom: 1px solid #e1e1e1;
    width: 30%;
    margin: 0 auto;
    position: relative
}

.divider-circle {
    position: absolute;
    width: 9px;
    height: 9px;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #e1e1e1;
    top: -4px;
    left: 50%;
    display: block;
    background: #fff
}

.common-button {
    margin: 20px 0;
    float: left;
    width: 100%
}

.col-xs-height.col-middle.category-list-css {
    padding: 55px 0 0
}

.common-button .btn.btn-default {
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 10px 32px;
    position: relative;
    text-transform: uppercase
}

    .common-button .btn.btn-default span {
        display: inline-block
    }

    .common-button .btn.btn-default:hover span {
        margin-left: -15%
    }

    .common-button .btn.btn-default .icon-long-arrow-right {
        font-size: 18px;
        opacity: 0;
        position: absolute;
        right: 30%;
        top: 25%
    }

    .common-button .btn.btn-default:hover i {
        opacity: 1;
        right: 4%
    }

body.modal-open .main-content-wrapper {
    position: static
}

.winning-entries .common-button .btn.btn-default:hover span {
    margin-left: -15%
}

.with-login #mainTopMenu .dropdown-menu {
    min-width: 230px;
    padding: 10px;
    overflow: visible
}

.with-login #mainTopMenu .btn-group .dropdown-menu a {
    background: 0 0;
    padding: 2px 10px
}

    .with-login #mainTopMenu .btn-group .dropdown-menu a.active {
        background: #eee
    }

.post-project-css .btn-group .dropdown-menu {
    left: auto;
    min-width: 200px;
    overflow: visible;
    padding: 10px;
    right: 0;
    top: 130%
}

    .post-project-css .btn-group .dropdown-menu li a {
        background: 0 0;
        padding: 2px 10px
    }

.help-css a .user-name {
    width: auto
}

.help-css .dropdown-menu.account-info-css {
    left: auto;
    right: 0;
    top: 100%
}

.subheader-css {
    background: #fff;
    color: rgba(255,255,255,.66)
}

.user-info-icon, .social-icons-right {
    line-height: 3
}

    .user-info-icon > li {
        display: inline-block;
        float: left;
        margin: 0 25px 0 0;
        position: relative
    }

    .social-icons-right a i {
        font-size: 17px
    }

.pull-right.social-icons-right > a {
    display: inline-block;
    height: 36px;
    margin: 0 0 0 7px;
    text-align: right;
    width: 36px
}

    .pull-right.social-icons-right > a:hover i, .user-info-icon a:hover, .user-info-icon a:hover i {
        color: #fff
    }

.user-info-icon a i {
    font-size: 16px;
    margin: 0 7px 0 0;
    vertical-align: middle
}

    .user-info-icon a i.icon-user, .user-info-icon a i.icon-envelope {
        position: relative;
        top: -1px
    }

.user-info-icon .icon-lock {
    font-size: 19px;
    line-height: 20px
}

.common-new {
    float: left;
    width: 100%
}

.padding-none {
    padding: 0
}

.user-info-icon a i.icon-heart-empty {
    color: #d51b31
}

.custom-header-top-button {
    float: right
}

.noticebarTop {
    color: red;
    float: left;
    padding: 5px 0 0;
    text-align: center;
    width: 100%
}

.loginLink a {
    color: #615f5c
}

    .loginLink a:hover, .loginLink a:focus {
        color: #82bc3b
    }

.inner-page-header .loginLink a {
    color: #333
}

    .inner-page-header .loginLink a:hover {
        color: #333
    }

.portfolio-box {
    width: 100%
}

.how-it-worksBtn {
    display: none
}

.how-work-video {
    padding: 70px 0 0
}

.dh-design-new .how-work-video {
    padding: 25px 0 0
}

.panel-default.panel-white.panel-grey.text-center.contestNotFound {
    background: rgba(0,0,0,0);
    width: 100%
}

.contestNotFound.no-data-section {
    box-shadow: none;
    padding: 10px !important;
    margin: 0 !important
}

.no-data-image {
    width: 190px
}

.no-data-section > h2 {
    color: #333;
    margin: 0;
    margin-top: 25px;
    font-weight: 500;
    font-size: 30px
}

.no-data-section > p {
    margin: 0;
    font-size: 17px;
    color: #b7b7b7
}

    .no-data-section > p a {
        color: #337ab7;
        font-weight: 400
    }

        .no-data-section > p a:hover {
            color: #337ab7;
            text-decoration: underline
        }

.dh-how-it-works-css {
    background: url(//cdn1.designhill.com/assets/dh/images/how-it-works/macbook-bg.png?rnd=2) no-repeat scroll 0 0;
    height: 180px;
    margin: 10px 0 0;
    width: 220px;
    display: block
}

.logo-design-testimonials .star-rating-main-box p {
    color: #333
}

.consol-designBtn .btn.btn-default.btn-white {
    padding: 10px 24px
}

.logo-design-testimonials .star-rating-main-box a:hover, .cat-business-css .industry-typeContent a:hover {
    text-decoration: underline !important
}

.festive-strip {
    text-align: center;
    width: 100%;
    height: 40px !important;
    background-color: #000
}

.festive-textCss {
    background: url(//cdn1.designhill.com/assets/dh/images/offer-banner-logo/strip-red.jpg?ver=15) repeat scroll 0 0 !important;
    color: #fff;
    display: block;
    line-height: 40px;
    width: 100% !important;
    padding: 0 !important;
    position: relative;
    transform: perspective(1000px);
    transform-style: preserve-3d;
    transition: all .6s ease 0s;
    position: relative;
    height: 40px;
    margin: 0 auto;
    overflow: hidden
}

.front--div, .back--div {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    bottom: 0;
    height: 100%;
    left: 15px;
    position: absolute;
    top: 0;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    width: 100%
}

.festive-textCss.active {
    background: #82bc3b !important;
    color: #fff
}

.festive-strip .festive-textCss.active b {
    color: #000
}

.festive-strip .front--div {
    z-index: 2;
    cursor: pointer;
    padding: 0;
    font-size: 13px;
    white-space: nowrap
}

.festive-strip .back--div {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg)
}

.festive-textCss.active .front--div {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg)
}

.festive-textCss.active .back--div {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg)
}

.avail-offer.btn.btn-default {
    margin-left: 15px;
    font-size: 12px
}

.festive-strip b {
    color: #fbcd55
}

.festive-textCss:hover, .festive-textCss:active, .festive-textCss:focus {
    color: #fff;
    outline: none;
    text-decoration: none
}

a.resend-confirmation b {
    text-decoration: underline
}

.upload-fileInfoCss {
    color: #76aa2c
}

 

.post-project-css .btn-group .dropdown-menu:before, .post-project-css .btn-group .dropdown-menu:after {
    right: 5px;
    left: auto !important
}

.root_header {
    width: 100%
}

.homeIndex .root_header {
    position: absolute;
    top: 0
}

 

.without-login .container, .with-login .container {
    max-width: 1400px;
    width: 100%;
    font-family: "Cerebri-sans",Helvetica,Arial,sans-serif !important
}
 
.logo-css a {
    vertical-align: middle;
    display: table-cell;
    line-height: 60px
}

.header-inner > ul > li {
    display: inline-block;
    margin: 0 0 0 35px;
    float: left
}

    .header-inner > ul > li.post-project-css span.btn-group {
        top: -2px
    }

.header-inner {
    float: left;
    line-height: 60px;
    -webkit-transition: line-height .4s ease 0s;
    -ms-transition: line-height .4s ease 0s;
    -o-transition: line-height .4s ease 0s;
    -moz-transition: line-height .4s ease 0s;
    transition: line-height .4s ease 0s
}

    .header-inner .dropdown-menu {
        top: 75%
    }

    .header-inner .btn-group.open .dropdown-toggle {
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .header-inner .btn-group.open > .dropdown-menu {
        background: #fff
    }

    .header-inner > ul > li > a {
        color: #615f5c;
        font-size: 16px;
        font-weight: 400
    }

        .header-inner > ul > li > a.active, .header-inner > ul > li > a:hover {
            color: #82bc3b
        }

    .header-inner .dropdown-menu li a {
        display: block;
        padding: 0
    }

        .header-inner .dropdown-menu li a:hover {
            background: 0 0
        }

    .header-inner .dropdown-menu {
        max-height: none
    }
 

.fixedHeaderDiv {
    position: absolute;
    height: 1px;
    top: 180px;
    width: 100%
}

.header-inner > ul {
    margin: 0
}

.fixed-header {
    position: fixed;
    top: 0
}

 
.start-selling a, .start-selling-grlink {
    background-color: rgba(130,188,59,1)
}

.signin-top a {
    color: #615f5c
}

    .signin-top a:hover {
        color: #82bc3b
    }

.start-selling a:hover {
    background-color: rgba(130,188,59,.8)
}

.level-item-divider {
    margin: 2px 12px 0;
    border-right: 1px solid #d2d6d4
}

.signin-top .join-now {
    color: #333;
    text-decoration: underline
}

    .signin-top .join-now:hover, .signin-top .join-now:focus {
        color: #000;
        text-decoration: none
    }

.header-inner .dropdown-menu > li a:hover, .header-inner .dropdown-menu > li a:focus {
    color: #82bc3b
}

.fixed-header .dropdown-menu {
    top: 100%
}

.feedback--css a {
    position: relative
}

    .feedback--css a span.counting {
        line-height: normal;
        left: 30px;
        top: -14px
    }

.mobile--feedback ~ span.counting {
    line-height: normal;
    left: 80px;
    top: -2px
}

.inner-page-subheader a {
    color: rgba(255,255,255,.75)
}

.design-consultation {
    background-image: url('//cdn1.designhill.com/assets/dh/images/consultation.svg');
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: 15px;
    position: relative;
    top: 2px;
    margin-right: 7px;
    opacity: .75
}

.inner-page-subheader a:hover .design-consultation {
    opacity: 1
}

.inner-page-header {
    background: #fff;
    box-shadow: 0 0 3px #ddd;
    -webkit-box-shadow: 0 0 3px #ddd;
    -o-box-shadow: 0 0 3px #ddd;
    -ms-box-shadow: 0 0 3px #ddd
}

.design-con-link {
    font-size: 13px;
    color: #615f5c;
    font-weight: 400
}

    .design-con-link:hover, .design-con-link:focus {
        color: #82bc3b
    }

.design-consultation1 {
    background-image: url(https://cdn1.designhill.com/assets/dh/images/consultation1.svg);
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: 15px;
    position: relative;
    top: 2px;
    margin-right: 4px;
    opacity: .75
}

.inner-page-header .hide-logo {
    display: none
}

.inner-page-header .user-info-section .dropdown-toggle {
    color: #000
}

.inner-page-header .desktop-header .user-info-section .dropdown-toggle {
    display: inline-block;
    vertical-align: middle;
    box-shadow: none
}

.desktop-header .user-info-section .login--options {
    display: inline-block;
    position: relative
}

    .desktop-header .user-info-section .login--options .icon-reorder {
        position: absolute;
        top: 50%;
        margin-top: -14px
    }

.desktop-header .header-cart-icon span {
    top: -11px
}

.inner-page-header.fixed-header .arrow-new .header-inner > ul > li > a.seller-span.become-seeler-list.headerwtbeseller, .fixed-header .header-inner > ul > li > a.seller-span.become-seeler-list.headerwtbeseller {
    border: 2px solid #e0e0e1;
    border-radius: 4px;
    font-size: 14px;
    padding: 12px 15px;
    color: #333;
    letter-spacing: .8px;
    background: #fff;
    font-weight: 400;
    line-height: 16px;
    opacity: 1 !important
}

    .inner-page-header.fixed-header .arrow-new .header-inner > ul > li > a.seller-span.become-seeler-list.headerwtbeseller:hover, .fixed-header .header-inner > ul > li > a.seller-span.become-seeler-list.headerwtbeseller:hover {
        background: #d7d7d7;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px)
    }

.inner-page-header.fixed-header .arrow-new .header-inner > ul > li > a.active, .inner-page-header.fixed-header .arrow-new .header-inner > ul > li > a:hover, .inner-page-header.fixed-header .arrow-new .header-inner > ul > li > a:active, .inner-page-header.fixed-header .arrow-new .header-inner > ul > li > a:focus, .inner-page-header.fixed-header .user-info-section .dropdown-toggle, .inner-page-header.fixed-header .pull_right ul > li > a:hover, .inner-page-header.fixed-header .pull_right ul > li > a:active, .inner-page-header.fixed-header .pull_right ul > li > a:focus, .inner-page-header.fixed-header .pull_right ul > li > a.active {
    opacity: 1
}

.inner-page-header.fixed-header .pull_right .cat-top-link .dropdown-sub-menu > ul > li > a {
    color: #3a3a3a
}

.dropdown-sub-menu {
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0,0,0,.3);
    display: none;
    margin: 0;
    padding-top: 10px;
    position: absolute;
    width: 714px;
    z-index: 10;
    top: 40px;
    background: #fff;
    padding-bottom: 10px
}

    .dropdown-sub-menu .drop-menu .drop-children {
        border-radius: 0 3px 3px 0;
        display: none;
        left: 240px;
        padding: 10px 15px;
        position: absolute;
        top: 0;
        width: 475px;
        height: auto
    }

    .dropdown-sub-menu:before, .dropdown-sub-menu:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: "";
        display: block;
        height: 0;
        left: 84px;
        position: absolute;
        width: 0
    }

    .dropdown-sub-menu:after {
        border-bottom: 6px solid #fff;
        top: -6px
    }

    .dropdown-sub-menu:before {
        border-bottom: 6px solid rgba(0,0,0,.3);
        top: -7px
    }

.drop-menu > li > a {
    background: #fefefe;
    color: #3a3a3a;
    display: inline-block;
    font-size: 13px;
    padding: 10px 30px;
    position: relative;
    white-space: nowrap;
    width: 240px
}

.drop-menu > li {
    line-height: normal
}

.cat-top-link:hover .dropdown-sub-menu, .drop-menu li.active .drop-children {
    display: block
}

.cat-top-link a {
    color: #615f5c;
    font-weight: 400;
    font-size: 16px
}

#txt_transl:hover, #txt_transl:focus {
    color: #82bc3b !important;
    border-color: #82bc3b !important
}

.inner-page-header .cat-top-link > a {
    color: #615f5c
}

    .inner-page-header .cat-top-link > a.active {
        color: #615f5c;
        opacity: 1
    }

.drop-children a {
    color: #fff;
    display: block;
    opacity: .7;
    padding: 9px;
    font-size: 13px
}

    .cat-top-link > a:hover, .drop-children a:hover {
        opacity: 1
    }

.cat-top-link > a:hover, .cat-top-link > a:focus {
    color: #82bc3b
}

.drop-children a:hover {
    text-decoration: underline
}

.drop-children > li {
    float: left;
    width: 220px
}

.drop-menu li:first-child .drop-children {
    background-color: #b03532
}

.drop-menu li:nth-child(2) .drop-children {
    background-color: #33a8a5
}

.drop-menu li:nth-child(3) .drop-children {
    background-color: #6a478f
}

.drop-menu li:nth-child(4) .drop-children {
    background-color: #3d8bb1
}

.drop-menu li:nth-child(5) .drop-children {
    background-color: #e03f3f
}

.drop-menu li:nth-child(6) .drop-children {
    background-color: #565f77
}

.drop-menu li:last-child .drop-children {
    background-color: #59a627
}

.drop-menu li.active:first-child > a {
    color: #b03532
}

.drop-menu li.active:nth-child(2) > a {
    color: #33a8a5
}

.drop-menu li.active:nth-child(3) > a {
    color: #6a478f
}

.drop-menu li.active:nth-child(4) > a {
    color: #3d8bb1
}

.drop-menu li.active:nth-child(5) > a {
    color: #e03f3f
}

.drop-menu li.active:nth-child(5) > a {
    color: #565f77
}

.drop-menu li.active:last-child > a {
    color: #59a627
}

.drop-menu li.active > a {
    text-decoration: underline;
    position: relative
}

    .drop-menu li.active > a:after {
        content: "\f105";
        font-family: fontawesome;
        font-size: 16px;
        font-weight: 700;
        right: 8px;
        position: absolute;
        top: 12px
    }

.drop-children .more-categories {
    display: block;
    float: left;
    width: 100%;
    font-weight: 700
}

    .drop-children .more-categories:hover {
        text-decoration: underline
    }

.design_project {
    background: #f9f9f9
}

.div-space {
    position: relative;
    padding: 80px 0
}

#main_client_div #fav-clients {
    padding-top: 0
}

.inner_get_start > h4, .inner_get_start > h2 {
    font-size: 33px;
    text-align: center;
    font-weight: 400;
    letter-spacing: 1px;
    padding-bottom: 25px;
    text-transform: capitalize;
    margin: 0
}

.project_container_in {
    float: left;
    width: 100%;
    margin: 30px 0 50px
}

    .project_container_in h3 {
        display: inline-block;
        font-size: 26px;
        line-height: 35px;
        position: relative;
        font-weight: 500;
        text-transform: uppercase
    }

.design_detail {
    text-align: left;
    letter-spacing: 2px;
    white-space: normal;
    padding: 0 20px
}

    .design_detail p {
        line-height: 30px;
        padding-right: 40px;
        font-weight: 400;
        color: #777;
        letter-spacing: 1px;
        font-size: 16px
    }

#entriesInn .share-mid.colorplate {
    margin-bottom: 10px;
    padding: 0 15px
}

.mid-right > a {
    display: inline-block;
    width: 25px;
    text-align: center;
    float: left
}

#entriesInn .mid-right a > .toggle-up {
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: -25px
}

.project-how-works .div-space {
    padding: 80px 0 0
}

.category-description {
    padding: 45px 20px 50px
}

.category-container {
    position: relative;
    text-align: center;
    text-transform: capitalize
}

.category-titles {
    color: #333;
    font-size: 35px;
    font-weight: 600;
    margin: 0
}

.category-taGline {
    color: #555;
    font-size: 23px
}

.category-container .divider-css {
    margin: 12px auto 8px;
    width: 26%
}

.category-detailing {
    color: #606060;
    font-size: 15px;
    text-align: center
}

.category-feature {
    display: inline-block;
    width: 100%;
    padding: 40px 0
}

.feature-section {
    text-align: center
}

.feature-titles {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 35px;
    color: #333;
    padding-bottom: 15px
}

.feature-desc {
    font-size: 16px;
    color: #606060;
    margin-bottom: 35px
}

.type-image > img {
    height: 60px;
    width: 100%
}

.type-title {
    display: block;
    font-size: 17px;
    font-weight: 700;
    padding: 10px 0 5px;
    text-transform: uppercase;
    color: #333
}

.type-deatiling > p {
    color: #434343
}

.category-worksCss .design_project.div-space {
    padding: 40px 0;
    word-break: break-all
}

.category-worksCss .inner_get_start > h2 {
    font-size: 35px;
    letter-spacing: 0
}

.category-worksCss .project_container_in h3 {
    font-size: 20px
}

.category-worksCss .project_container_in {
    margin: 15px 0 20px
}

.tm-grid {
    margin-bottom: 30px;
    height: calc(100% - 30px)
}

    .tm-grid > div {
        height: 100%
    }

.tm-rm-padding {
    padding: 0
}

.tm-left img {
    border-radius: 100%;
    height: 50px;
    width: 50px
}

.tm-left p a.author_name {
    color: #000;
    font-weight: 600;
    margin-top: 5px;
    display: block;
    word-wrap: break-word;
    font-size: 13px
}

.tm-left p span {
    display: block;
    font-size: 13px
}

.tm-right .read_mr {
    font-size: 12px;
    display: inline-block;
    width: 100%
}

.tm-right {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 0 18px #ddd;
    padding: 15px;
    position: relative;
    height: 100%
}

.tm-image img {
    object-fit: cover
}

.testimonial-loadMore .btn.btn-default.testim-loadBtn {
    color: #fff !important
}

.category-description, .design_project, .category-feature, .winning-entries, .dh-brand-bundle {
    letter-spacing: .5px
}

.tm-right-content {
    width: calc(100% - 200px);
    -webkit-width: calc(100% - 200px)
}

.tm-rating {
    margin-bottom: 2px
}

    .tm-rating > i {
        display: inline-block;
        font-size: 16px;
        color: #d2d3d4
    }

        .tm-rating > i.active {
            color: #f58462
        }

.tm-content {
    letter-spacing: .2px;
    line-height: 22px
}

.tm-bottom {
    font-size: 13px;
    font-weight: 600;
    margin-top: 0;
    padding-right: 7px;
    color: #767676
}

.tm-bottom-left .icon-map-marker {
    margin-right: 5px
}

.tm-image {
    border-radius: 0 5px 5px 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 215px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.tm-image-hidden-content {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    position: absolute;
    left: 0;
    line-height: 1.4;
    width: 100%;
    text-align: center;
    bottom: 10%;
    text-transform: uppercase
}

.min-commonCss .tm-right.common-new {
    min-height: 215px;
    max-height: 215px
}

.min-commonCss .tm-content.common-new {
    min-height: 140px;
    word-wrap: break-word;
    font-size: 13px
}

    .min-commonCss .tm-content.common-new > p {
        margin-bottom: 8px;
        padding-right: 7px
    }

.tm-bottom .tm-bottom-left a {
    color: #767676
}

    .tm-bottom .tm-bottom-left a:hover {
        color: #000
    }

.tm-right-content.common-new > span {
    display: block;
    min-height: 110px
}

.userImg .userInfo {
    padding-left: 50px
}

.userInfo > a {
    color: #666;
    font-weight: 600
}

    .userInfo > a:hover {
        color: #333
    }

.userInfo > span {
    color: #a1a1a1;
    display: block;
    font-size: 11px;
    font-weight: 600
}

    .userInfo > span i {
        margin-right: 3px;
        font-size: 13px
    }

.userImg > a {
    position: absolute;
    top: 5px
}

    .userImg > a img {
        width: 35px;
        height: 35px
    }

.testimonialBox .tm-rating i {
    margin-left: 2px
}

.testimonialBox-Text {
    margin-top: 10px;
    margin-bottom: 20px
}

.testimonialBox {
    float: left;
    width: 100%;
    margin: 7px 0;
    position: relative
}

.userImg {
    width: 100%;
    min-height: 48px
}

.testimonialBox .tm-rating {
    margin-bottom: 0;
    margin-top: 10px
}

.winningDesignBlk .userInfo > a {
    color: rgba
}

.winningDesignBlk .testimonialBox {
    color: #fff;
    margin: 35px 0
}

.winningDesignBlk .userInfo > a {
    color: rgba(255,255,255,.9)
}

    .winningDesignBlk .userInfo > a:hover {
        color: #fff
    }

.winningDesignBlk .testimonialBox:before {
    background: rgba(255,255,255,.5) none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: -20px;
    width: 20%
}

.winningDesignBlk .testimonialBox-Text {
    font-size: 15px
}

.client-awardDesign {
    display: inline-block;
    width: 100%;
    margin: 60px 0 40px
}

#entriesInn.client-awardDesign .entries-main-box .panel.entries-box {
    margin: 0 0 100px
}

#entries .client-awardDesign .entries-detail.panel-footer {
    background: #eef3f6
}

.client-awardDesign .thumbnail.entries-thumb {
    background: #eef3f6
}

.client-awardDesign .entries-main-box .entries-box {
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 7px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 7px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,.1);
    box-shadow: 0 0 7px rgba(0,0,0,.1);
    border: none;
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 30px;
    padding-top: 4px;
    z-index: 1;
    transition: all .3s ease-in-out 0s
}

    .client-awardDesign .entries-main-box .entries-box:hover {
        -webkit-box-shadow: 0 0 7px rgba(0,0,0,.4);
        -ms-box-shadow: 0 0 7px rgba(0,0,0,.1);
        -o-box-shadow: 0 0 7px rgba(0,0,0,.1);
        -moz-box-shadow: 0 0 7px rgba(0,0,0,.4);
        box-shadow: 0 0 7px rgba(0,0,0,.4)
    }

.portfolio-testimonials {
    float: left;
    width: 100%
}

.row.need-designBundle {
    margin: 0 -30px
}

    .row.need-designBundle.reduce-margin {
        margin: 0 -15px
    }

.row.launch-catBox.reduce-margin {
    margin-left: 0;
    margin-right: 0
}

.section-designCss {
    margin-bottom: 20px
}

.row.need-designBundle .category-search-detail, .launch-contest-step-body .row.need-designBundle {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap
}

.category-search-detail.specify-width {
    width: 100%;
    margin-top: 28px
}

    .category-search-detail.specify-width .common-design-css {
        min-height: 380px
    }

.common-design-css {
    background: #fff;
    border-radius: 4px;
    display: inline-block;
    width: 100%;
    min-height: 440px;
    position: relative;
    padding: 15px 15px 75px
}

.most-popular-bundle .subcategory_pricing, .most-popular-bundle .launch-action {
    left: 20px;
    position: absolute;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    bottom: 20px;
    text-align: center;
    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s
}

.most-popular-bundle .subcategory_pricing {
    bottom: 24px
}

.most-popular-bundle label {
    color: #bdbebf;
    display: block
}

.most-popular-bundle .subcategory_pricing .price {
    font-size: 19px;
    font-weight: 600
}

    .most-popular-bundle .subcategory_pricing .price .price-amount {
        font-weight: 400;
        font-size: 14px
    }

.common-design-css.most-popular-bundle {
    box-shadow: 0 2px 4px rgba(114,114,115,.25);
    -webkit-box-shadow: 0 2px 4px rgba(114,114,115,.25)
}

.launch-categorySection {
    color: #555;
    padding: 15px 20px 10px;
    display: inline-block;
    width: 100%
}

.most-popular-bundle:hover .subcategory_pricing {
    opacity: 0
}

.launch-categorySection:hover, .launch-categorySection:active, .launch-categorySection:focus {
    color: #555
}

.lauch-image > img {
    display: block;
    height: 90px;
    width: 130px
}

.launch-strip-content {
    background: #0674b9;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    padding: 5px 12px
}

.most-popular-bundle .launch-strip {
    position: absolute;
    right: 15px;
    top: 15px
}

.icon-star {
    font-size: 13px
}

.lauch-image {
    padding: 15px 5px
}

.launch-catTitle {
    font-size: 16px;
    min-height: 28px
}

.launch-deliverList {
    padding: 5px 0 7px 20px
}

.launch-listItem {
    color: #999;
    font-size: 14px;
    padding: 0 0 5px;
    position: relative
}

    .launch-listItem:before {
        color: #999;
        content: "\f00c";
        font-family: fontawesome;
        font-size: 14px;
        margin-right: 5px
    }

.launch-detail-text {
    padding: 0
}

.most-popular-bundle .subcategory_lists {
    margin-top: 0
}

.detail-title {
    font-size: 19px;
    font-weight: 500;
    text-transform: capitalize
}

.detail-price {
    padding: 4px 0 10px
}

.price-text {
    font-size: 17px;
    padding: 0 8px 0 0
}

.price-amount {
    border: 2px solid #79b65b;
    border-radius: 3px;
    font-size: 15px;
    padding: 4px 10px
}

.new-lauchLogoBundle .common-design-css {
    min-height: 150px
}

.new-lauchLogoBundle .lauch-image {
    display: inline-block;
    float: left;
    padding: 0 5px 15px;
    width: auto
}

    .new-lauchLogoBundle .lauch-image > img {
        width: auto
    }

.new-lauchLogoBundle .launch-detail-text {
    display: inline-block;
    float: left;
    margin-left: 30px;
    width: auto
}

.category-search-option .category-search-field {
    height: 100px
}

.page745 .contests-banner-section {
    background: #3f729f
}

.mobile-header {
    display: none
}

.btn-group.open .dropdown-menu.mega-menu-css {
    left: -238%;
    min-width: 1170px;
    top: 100%;
    width: 100%;
    padding: 20px
}

.pull_right .btn-group.open .dropdown-menu.mega-menu-css {
    left: -476%;
    min-width: 1170px;
    top: 100%;
    width: 100%;
    padding: 20px
}

.btn-group.open .dropdown-menu.mega-menu-css .common-col li {
    line-height: 33px
}

.mega-menu-css .common-col > div {
    font-size: 18px;
    margin: 0 0 10px;
    line-height: 24px
}

.common-col {
    float: left;
    width: 25%;
    border-left: 1px solid #ddd;
    padding: 0 0 0 30px;
    max-height: 300px;
    overflow: hidden
}

    .common-col:first-child {
        border-left: none;
        padding: 0;
        width: 50%
    }

 
.common-col:first-child li {
    float: left;
    width: 50%
}

.common-col h3 {
    font-size: 18px;
    margin: 0 0 10px
}

.bottom-button {
    float: left;
    margin: 20px auto 0;
    text-align: center;
    width: 100%;
    line-height: normal
}

.header-inner .btn-group.open .bottom-button > a {
    border: 2px solid #444;
    display: inline-block;
    padding: 10px 30px !important;
    line-height: normal;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    background: 0 0;
    width: auto;
    float: none
}

    .header-inner .btn-group.open .bottom-button > a:hover {
        background: #444 !important;
        color: #fff !important
    }

.main-container {
    float: left;
    overflow: hidden;
    width: 100%;
    position: relative
}

.account-info-css li {
    line-height: normal
}

    .account-info-css li strong, .account-info-css .userhelp-faq {
        display: block;
        float: none;
        padding: 3px 18px
    }

.common-col li:first-child {
    background: #eee;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding-left: 20px
}

.pagecategory-listing .btn-group.open .dropdown-menu.mega-menu-css {
    display: table
}

.user-info-details {
    color: #fff;
    font-size: 16px
}

.mid-logo {
    text-align: center
}

.toggle-menu {
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    height: 40px;
    left: 0;
    position: relative;
    width: 45px
}

.open-toggle {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    height: 3px;
    left: 10px;
    padding: 0;
    position: absolute;
    text-indent: -1150px;
    top: 12px;
    width: 27px;
    -webkit-box-shadow: 0 8px 0 0 #000,0 16px 0 0 #fff;
    -ms-box-shadow: 0 8px 0 0 #000,0 16px 0 0 #fff;
    -o-box-shadow: 0 8px 0 0 #000,0 16px 0 0 #000;
    -moz-box-shadow: 0 8px 0 0 #000,0 16px 0 0 #000;
    box-shadow: 0 8px 0 0 #000,0 16px 0 0 #000;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

 

  

.fixed-header .mobile-header {
    line-height: 4
}

.common-panel {
    background: #454954;
    height: 100%;
    position: absolute;
    width: 260px;
    z-index: 9999
}

.inner-page-header.fixed-header .loginLink a {
    color: #333
}

.subheader-css.login-subheader.inner-page-subheader {
    background: #fff
}

.body-left {
    display: none;
    -o-transform: translateX(-260px);
    -webkit-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    transform: translateX(-260px);
    -webkit-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    transition: all .33s ease-out;
    -webkit-box-shadow: -1.5em 0 1.5em -.75em rgba(0,0,0,.25) inset;
    -o-box-shadow: -1.5em 0 1.5em -.75em rgba(0,0,0,.25) inset;
    -ms-box-shadow: -1.5em 0 1.5em -.75em rgba(0,0,0,.25) inset;
    -moz-box-shadow: -1.5em 0 1.5em -.75em rgba(0,0,0,.25) inset;
    box-shadow: -1.5em 0 1.5em -.75em rgba(0,0,0,.25) inset
}

.slide-body-left {
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px)
}

.main-body {
    -webkit-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    transition: all .33s ease-out;
    float: left;
    width: 100%
}

.main-body-slideleft {
    -webkit-transform: translateX(260px);
    -o-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -moz-transform: translateX(260px);
    transform: translateX(260px)
}

.common-panel .slide-toggle > li {
    line-height: 40px;
    width: 100%;
    position: relative
}

.slide-toggle .feedback-css--new {
    right: -38px;
    top: 2px
}

.mobile--feedback {
    position: relative
}

.common-panel .slide-toggle > li:hover {
    background: #585c65
}

.header-inner > ul > li > a:hover {
    opacity: 1
}

.common-panel .slide-toggle a, .slide-toggle .dh-mobile-tollfree {
    color: #fff;
    font-size: 16px;
    display: block;
    padding: 0 0 0 44px;
    opacity: .9;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis
}

.common-panel .slide-toggle {
    margin: 6px 0 0
}

    .common-panel .slide-toggle ul {
        display: none
    }

    .common-panel .slide-toggle i {
        display: inline-block;
        font-size: 17px;
        left: 20px;
        margin: 0 10px 0 0;
        position: absolute;
        top: 10px;
        width: 20px
    }

    .common-panel .slide-toggle .glyphicon.glyphicon-picture, .common-panel .slide-toggle .glyphicon.glyphicon-send {
        font-size: 15px
    }

.common-panel .main-title-login {
    border-bottom: 1px solid #535865;
    color: rgba(255,255,255,.4);
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin: 15px 15px 0;
    padding: 0 0 3px
}

.common-panel button.btn.btn-group-lg {
    margin: 24px 24px 0;
    background: #82bc3b;
    border-bottom: 3px solid #66900d;
    color: #fff;
    font-size: 15px;
    padding: 10px 24px;
    text-transform: uppercase;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

    .common-panel button.btn.btn-group-lg:hover {
        background: #76aa2c
    }

    .common-panel button.btn.btn-group-lg.tasks-buuton {
        background: #0aa699;
        border-bottom: 3px solid #2a767e;
        padding: 10px 33px
    }

        .common-panel button.btn.btn-group-lg.tasks-buuton:hover {
            background: #4bb7c3;
            border-bottom: 3px solid #2a767e
        }

.common-panel .title-css-main {
    display: block;
    margin: 0 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 162px;
    word-break: break-all
}

.common-panel .slide-toggle li i.icon-facebook {
    margin: 0;
    padding: 0 25px 0 0
}

.body-right {
    display: none;
    -o-transform: translateX(260px);
    -webkit-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -moz-transform: translateX(260px);
    transform: translateX(260px);
    -webkit-transition: all .33s ease-out;
    -o-transition: all .33s ease-out;
    -ms-transition: all .33s ease-out;
    -moz-transition: all .33s ease-out;
    transition: all .33s ease-out;
    right: 0;
    -webkit-box-shadow: 1.5em 0 1.5em -.75em rgba(0,0,0,.25) inset;
    -o-box-shadow: 1.5em 0 1.5em -.75em rgba(0,0,0,.25) inset;
    -ms-box-shadow: 1.5em 0 1.5em -.75em rgba(0,0,0,.25) inset;
    -moz-box-shadow: 1.5em 0 1.5em -.75em rgba(0,0,0,.25) inset;
    box-shadow: 1.5em 0 1.5em -.75em rgba(0,0,0,.25) inset
}

.main-body-slideright {
    -webkit-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    transform: translateX(-260px)
}

.slide-body-right {
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px)
}

.body-right hr {
    border: 0 none;
    border-top: 1px solid #535865;
    margin: 20px 14px
}

.common-panel .slide-toggle img {
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 22px;
    margin: 0 8px 0 0;
    width: 22px;
    position: absolute;
    left: 16px;
    top: 8px
}

.common-msg {
    float: right;
    font-size: 14px;
    line-height: 21px;
    margin: 10px 26px 0;
    padding: 0 8px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    right: 0;
    top: 0
}

.num-counts {
    background: #f35958
}

.num-counts-msg {
    background: #0aa699
}

.user-avatar {
    cursor: pointer
}

    .user-avatar > img {
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        height: 34px;
        width: 34px;
        margin-top: -2px
    }

.common-panel .slide-toggle .glyphicon.glyphicon-off {
    float: left;
    margin: 0
}

.logo-store {
    line-height: normal;
    display: inline-block;
    white-space: normal;
    margin: 10px 0 0;
    width: 87%
}

.pic-icon {
    width: 13%
}

.after-login-hide {
    display: none
}

.user-info-section {
    line-height: 60px;
    width: 100%;
    -webkit-transition: line-height .4s ease 0s;
    -ms-transition: line-height .4s ease 0s;
    -o-transition: line-height .4s ease 0s;
    -moz-transition: line-height .4s ease 0s;
    transition: line-height .4s ease 0s;
    text-align: right
}

.pull-right.user-info-section > ul > li {
    display: inline-block;
    position: relative;
    line-height: 60px;
    margin: 0 12px
}

    .pull-right.user-info-section > ul > li:last-child {
        margin-right: 0
    }

    .pull-right.user-info-section > ul > li:first-child {
        margin-left: 0
    }

    .pull-right.user-info-section > ul > li .user-name, .pull-right.user-info-section > ul > li .counting {
        margin: 0
    }

    .pull-right.user-info-section > ul > li a.viewmin-cart.header-cart-icon {
        margin-right: 0
    }

.fixed-header .user-info-section, .fixed-header .pull-right.user-info-section > ul > li {
    line-height: 4
}

.fixed-header .cog-icon-css {
    margin: 22px 0 0
}

.user-info-section .dropdown-toggle {
    color: #fff;
    font-size: 15px
}

.user-info-section ul li span {
    display: block;
    line-height: normal
}

.bdy-industry-landing .user-info-section ul li span {
    line-height: 6
}

.bdy-industry-landing .fixed-header .user-info-section ul li span {
    line-height: 4 !important
}

.bdy-industry-landing .user-info-section ul li span .counting {
    line-height: normal !important
}

.bdy-industry-landing .icon-envelope:before {
    line-height: 2.5 !important
}

.pull-right.user-info-section > ul > li .icon-reorder {
    font-size: 19px
}

.counting {
    background: #82bc3b;
    color: #fff;
    display: inline !important;
    float: none !important;
    font-size: 11px;
    left: 10px;
    margin: 0 8px 0 0;
    position: absolute;
    text-align: center;
    top: -11px;
    padding: 2px 7px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.custom-shop-topheader .counting {
    background-color: #db404b
}

.user-name.messages-not .counting {
    background: #0aa699
}

.user-info-section .caret {
    margin: 7px
}

.user-name {
    margin: 0 20px 0 0;
    vertical-align: middle;
    position: relative;
    width: 20px
}

.user-info-section .icon-bell {
    font-size: 17px
}

.user-info-section img {
    height: 35px;
    width: 35px;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle
}

    .user-info-section img.dhn_contest_entry {
        height: 35px;
        width: 35px;
        -moz-border-radius: 0%;
        -ms-border-radius: 0%;
        -o-border-radius: 0%;
        -webkit-border-radius: 0%;
        border-radius: 0
    }

.user-info-section .icon-cog {
    font-size: 19px
}

.cog-css {
    margin: 0 0 0 18px
}

.user-info-section .btn-group.open > .dropdown-menu {
    max-height: none;
    background: #fff none repeat scroll 0 0;
    display: block;
    min-width: 350px;
    width: 100%;
    padding: 10px 20px;
    top: 180%;
    left: -412%;
    border: 1px solid rgba(0,0,0,.15);
    overflow: visible
}

.user-info-section .dropdown-menu > li:hover {
    clear: both;
    overflow: hidden;
    position: relative
}

.user-info-section .btn-group.open .dropdown-menu a {
    color: #8b91a0 !important;
    display: block;
    font-size: 12px;
    line-height: normal !important;
    overflow: hidden;
    padding: 7px 15px !important;
    position: relative;
    text-align: left;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.user-info-section .btn-group.open .dropdown-menu li a {
    background: #fef2f2 !important
}

.user-info-section .btn-group.open .dropdown-menu a:hover {
    background: #fae1e1 !important
}

.user-info-section .dropdown-menu.notification-css li:nth-child(2n) a {
    background: #edf7fc !important
}

    .user-info-section .dropdown-menu.notification-css li:nth-child(2n) a:hover {
        background: #D8EBF4 !important
    }

.user-info-section .dropdown-menu.notification-css > li {
    margin: 0 0 12px
}

    .user-info-section .dropdown-menu.notification-css > li:hover {
        background: 0 0
    }

.notification-right h4 {
    text-transform: uppercase;
    color: #1b1e24;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    word-break: break-all
}

.desktop-header .dropdown-menu.notification-css .notification-right > h4 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 500
}

.desktop-header .dropdown-menu.notification-css .notification-right p, .desktop-header .dropdown-menu.notification-css .notification-right {
    text-transform: uppercase
}

    .desktop-header .dropdown-menu.notification-css .notification-right p {
        font-size: 12px;
        font-weight: 400;
        color: #8b91a0 !important
    }

.notification-css .notification-right > h4 {
    margin: 0 0 10px
}

.main-notification {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 0 15px
}

.notification-left {
    width: 17%;
    float: left
}

.notification-right {
    width: 82%;
    float: left
}

    .notification-right p, .notification-right time {
        color: #8b91a0 !important;
        margin: 3px 0 0;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12px;
        text-transform: uppercase
    }

.user-info-section .dropdown-menu.notification-css .view-all-notification > a {
    border-radius: 30px;
    color: #fff !important;
    background-color: #82bc3b;
    border: none;
    box-shadow: none;
    display: inline-block !important;
    width: auto;
    margin: 0
}

    .user-info-section .dropdown-menu.notification-css .view-all-notification > a:hover, .user-info-section .dropdown-menu.notification-css .view-all-notification > a:focus {
        background: #82bc3b !important
    }

.main-notification .view-all-notification {
    margin: 6px 0 0;
    text-align: center
}

.main-notification .remaining-notification {
    font-size: 13px;
    font-weight: 500;
    line-height: 2;
    text-align: center
}

.user-info-section .btn-group.open > .dropdown-menu:before {
    border-bottom: 7px solid #ddd;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    left: 49%;
    position: absolute;
    top: -8px;
    width: 0;
    height: 0
}

.user-info-section .btn-group.open > .dropdown-menu:after {
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    left: 49%;
    position: absolute;
    top: -7px;
    width: 0;
    height: 0
}

.desktop-header .user-info-section .btn-group.open > .dropdown-menu {
    left: -833%
}

.desktop-header .user-info-section .user-info-section {
    width: auto
}

.desktop-header .user-info-section .btn-group.open > .dropdown-menu {
    top: 59px
}

.desktop-header .pull-right.user-info-section > ul > li {
    vertical-align: middle
}

.desktop-header .inner-page-header .user-info-section .dropdown-toggle {
    display: inline-block;
    vertical-align: middle
}

.dropdown-menu.notification-css {
    width: 100%;
    min-width: 200px;
    top: 80%
}

.user-info-section .open > .dropdown-menu.account-info-css:before, .user-info-section .myaccDropdown:hover > .dropdown-menu.account-info-css:before, .header-inner .btn-group .dropdown-menu:before {
    border-bottom: 7px solid #ddd;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    right: 0;
    position: absolute;
    top: -8px;
    width: 0;
    height: 0
}

.header-inner .btn-group .dropdown-menu:before {
    border-bottom: none !important
}

.user-info-section .open > .dropdown-menu.account-info-css:after, .user-info-section .myaccDropdown:hover > .dropdown-menu.account-info-css:after {
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    right: 0;
    position: absolute;
    top: -7px;
    width: 0;
    height: 0
}

.dropdown-menu.account-info-css {
    border: 1px solid #ddd;
    left: auto;
    right: 10px;
    max-height: none;
    min-width: 250px;
    top: 88%;
    width: 100%;
    padding: 0;
    overflow: visible
}

    .dropdown-menu.account-info-css > li {
        margin: 0 0 5px;
        padding: 2px 0;
        float: left;
        width: 100%
    }

        .dropdown-menu.account-info-css > li:first-child {
            margin-top: 5px
        }

        .dropdown-menu.account-info-css > li:last-child {
            margin-bottom: 5px
        }

    .dropdown-menu.account-info-css .userhelp-faq a {
        float: right;
        line-height: normal;
        padding: 0
    }

    .dropdown-menu.account-info-css .divider {
        border-top: 1px solid #eee;
        padding: 0
    }

    .dropdown-menu.account-info-css a {
        white-space: normal;
        padding: 3px 18px;
        font-size: 14px
    }

#headerMessage .account-info-css .total-points-css {
    padding: 3px 12px
}

.user-info-section .glyphicon.glyphicon-off {
    margin: 3px 6px 0 0;
    float: left
}

.user-info-section .glyphicon.glyphicon-envelope {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #444;
    color: #444;
    font-size: 16px;
    height: 30px;
    text-align: center;
    width: 30px;
    line-height: 28px;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.user-info-section .dropdown-menu.messages-css .view-all-notification > a {
    background: #53d192 !important
}

    .user-info-section .dropdown-menu.messages-css .view-all-notification > a:hover {
        background: #0aa699 !important
    }

.fixed-header .dropdown-menu.account-info-css {
    top: 97%
}

.notification-popup:after {
    background: rgba(0,0,0,.8);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999
}

.notification-popup {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}

.note-popup-css {
    background: #fff;
    font-size: 20px;
    margin: 9em auto;
    padding: 61px 20px;
    position: relative;
    text-align: center;
    width: 45%;
    z-index: 99999;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.close-notification-css {
    position: absolute;
    right: 10px;
    top: 8px
}

    .close-notification-css .icon-close {
        font-size: 28px
    }

.myaccDropdown.cog-css-new .user-info-section .btn-group.open > .dropdown-menu {
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%)
}

.col-15 {
    width: 15%
}

.col-20 {
    width: 20%
}

.page754 .height-full {
    height: auto;
    min-height: auto
}

.wid-full {
    width: 100%;
    min-height: 100%
}

.aliv-t > * > * > .this-row, .align-t {
    vertical-align: top
}

.align-m > * > *, .align-m > * > * > .this-row, .align-m {
    vertical-align: middle
}

.align-b > * > * > .this-row, .align-b {
    vertical-align: bottom
}

.align-l {
    text-align: left
}

.align-c {
    text-align: center
}

.align-r {
    text-align: right
}

.master, .tbl {
    display: table
}

    .master > *, .tbl > * {
        list-style: none;
        display: table-row;
        height: 100%;
        min-height: 100%;
        margin: 0;
        padding: 0
    }

        .master > * > *, .tbl > * > * {
            list-style: none;
            margin: 0;
            padding: 0;
            display: table-cell;
            height: 100%;
            min-height: 100%
        }

.pricing-faq .pf-content, #testimonial_div, .logo-testi-details .row-fluid, .tools-testimonialsSection .row-fluid, #WinningEntriesInn {
    display: flex;
    -webkit-display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    align-items: start;
    -webkit-align-items: start;
    justify-items: start;
    -webkit-justify-items: start;
    text-align: left
}

.logo-testi-details .row-fluid {
    align-items: unset;
    -webkit-align-items: unset
}

#testimonial_div .col-lg-6.col-md-12.col-sm-12.col-xs-12, .logo-testi-details .col-lg-6.col-md-12.col-sm-12.col-xs-12, .tools-testimonialsSection .col-lg-6.col-md-12 {
    align-items: start;
    -webkit-align-items: start;
    -webkit-justify-items: start;
    float: none;
    justify-items: start
}

.tools-testimonialsSection .entries-winning-title.common-title.inner_get_start {
    display: block;
    width: 100%
}

.pull_right {
    float: right
}

.pagecategory-listing .pages-content, .pages-content-top, .bdy-designer.pagecategory-listing .pages-content.container-fluid {
    margin-top: 0
}

.terms_condition_header {
    background: rgba(0,0,0,0) url("//cdn1.designhill.com/assets/dh/images/mosaic.jpg?ver=1.01") repeat scroll 0 0;
    color: #fff;
    float: left;
    padding: 2.5% 0;
    text-align: center;
    width: 100%;
    -moz-box-shadow: 0 0 35px 53px hsla(0,0%,0%,.6) inset;
    -ms-box-shadow: 0 0 35px 53px hsla(0,0%,0%,.6) inset;
    -o-box-shadow: 0 0 35px 53px hsla(0,0%,0%,.6) inset;
    -webkit-box-shadow: 0 0 35px 53px hsla(0,0%,0%,.6) inset;
    box-shadow: 0 0 35px 53px hsla(0,0%,0%,.6) inset
}

    .terms_condition_header p {
        font-size: 25px;
        line-height: 32px
    }

.terms_color {
    color: #82bc3b
}

.parallaxHead {
    background: url(//cdn1.designhill.com/assets/dh/images/mainbckimg1.jpg?rnd=3);
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 10;
    color: #fff;
    float: left;
    padding: 0 0 5%
}

.homeIndex .parallaxHead > div {
    margin: 200px 0 100px;
    float: left;
    width: 100%
}

.parallaxHead h1 {
    font-size: 50px;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    text-shadow: none;
    text-transform: uppercase;
    padding-top: 30px
}

.homeIndex .parallaxHead h1 {
    text-decoration: none;
    line-height: normal;
    padding: 0 15px
}

.homeIndex .homesliderSubHead1 {
    font-weight: 400 !important;
    line-height: normal;
    margin-top: 0;
    padding: 0 15px
}

.homesliderSubHead1 {
    font-size: 28px;
    text-transform: capitalize;
    margin-top: 20px;
    color: rgba(255,255,255,.8);
    margin-bottom: 5px
}

.homesliderSubHead2 {
    font-size: 18px;
    line-height: normal;
    color: rgba(255,255,255,.8);
    padding-bottom: 20px
}

.moneyBkGuarantee.homesliderSubHead2, .moneyBkGuarantee.homesliderSubHead2 > span:before {
    color: #fff
}

.parallaxHeadBtn {
    clear: both;
    display: inline-block;
    margin: 20px auto;
    max-width: 470px;
    width: 100%
}

.gdMadeEasy .howITWorks, .howitWorksBlk .howITWorks {
    cursor: pointer;
    position: relative;
    float: right
}

    .gdMadeEasy .howITWorks a:hover, .gdMadeEasy .howITWorks a:focus, .gdMadeEasy .howITWorks a:active, .abtourVideo a:hover, .abtourVideo a:focus, .abtourVideo a:active, .discoverCreativeWork .howITWorks a:hover, .discoverCreativeWork .howITWorks a:focus, .discoverCreativeWork .howITWorks a:active, .abtourVideo a:hover, .abtourVideo a:focus, .abtourVideo a:active, .howitWorksBlk a:hover, .howitWorksBlk a:focus, .howitWorksBlk a:active {
        color: #fff
    }

.discoverCreativeWork .howITWorks {
    margin-top: 40px;
    position: relative;
    max-width: 130px
}

.parallaxHead.parallaxCategory {
    background: url(//cdn1.designhill.com/assets/dh/images/parallax_bgImg.jpg);
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 10;
    color: #fff;
    padding: 4% 0 8%;
    background-size: cover;
    display: inline-block;
    float: none
}

.parallaxHead.parallaxWinning {
    background-image: url("//cdn1.designhill.com/assets/dh/images/b-5-blue.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    color: #fff;
    display: inline-block;
    height: auto;
    margin: 0 auto;
    padding: 60px 0 60px;
    position: relative;
    width: 100%;
    z-index: 10
}

    .parallaxHead.parallaxWinning h1 {
        padding: 0
    }

.parallaxWinning .homesliderSubHead1 {
    margin: 10px 0 20px
}

.page756 .container.designGalleryEntry {
    margin-top: 0;
    padding: 20px 0 50px
}

.page756 .loadMoreStrip {
    padding: 0 0 50px
}

.award-winning-dropdown .dropdown-menu {
    height: 320px;
    min-width: 250px
}

.award-winning-dropdown .btn-group .dropdown_check > a {
    font-size: 11px
}

.award-winning-dropdown {
    float: left;
    margin-top: 40px;
    width: 100%;
    padding: 0 15px
}

    .award-winning-dropdown .dropdown-toggle {
        color: #333;
        font-weight: 600
    }

    .award-winning-dropdown .btn-group.open .dropdown-toggle {
        box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none
    }

    .award-winning-dropdown .btn-group .dropdown-toggle {
        border: 2px solid #ddd;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 400;
        padding: 6px 36px 6px 10px;
        text-align: left;
        text-transform: uppercase;
        display: block
    }

        .award-winning-dropdown .btn-group .dropdown-toggle .caret {
            position: absolute;
            right: 10px;
            top: 17px
        }

    .award-winning-dropdown .common-btn--group {
        min-width: 270px
    }

.design_gallery .award-winning-dropdown .common-btn--group .search-main {
    border: 2px solid #ddd;
    background: 0 0;
    font-weight: 400;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    display: block;
    margin: 0
}

.design_gallery .award-winning-dropdown .common-btn--group .search-css {
    background: #fff !important;
    height: 40px;
    color: #535865 !important
}

.parallaxHead.parallaxWinning .common-button {
    float: none
}

.design_gallery .award-winning-dropdown .common-btn--group .caret {
    border-top-color: #535865;
    top: 18px
}

.award-winning-dropdown .common--dropdown {
    height: auto
}

.design_gallery .common-btn--group.open > .dropdown-toggle.btn-default {
    border-radius: 4px 4px 0 0 !important
}

.design_gallery .award-winning-dropdown .common--dropdown.dropdown-menu {
    top: 42px
}

h1 {
    font-size: 36px
}

.pricingPage {
    clear: both;
    float: left;
    margin: 60px 0 10px;
    width: 100%
}

.parallax {
    background: url(/assets/dh/images/parallax_img2.jpg);
    background-size: cover;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    -moz-box-shadow: 0 0 50px rgba(0,0,0,.8) inset;
    -ms-box-shadow: 0 0 50px rgba(0,0,0,.8) inset;
    -o-box-shadow: 0 0 50px rgba(0,0,0,.8) inset;
    -webkit-box-shadow: 0 0 50px rgba(0,0,0,.8) inset;
    box-shadow: 0 0 50px rgba(0,0,0,.8) inset;
    padding: 300px 0
}

.pricingPage.dhPricing {
    color: #fff;
    margin-top: 0;
    height: 520px;
    margin-bottom: 0
}

    .pricingPage.dhPricing.prContents {
        background: rgba(0,0,0,0) linear-gradient(135deg,#f9b47d 0%,#cd233d 100%) repeat scroll 0 0
    }

    .pricingPage.dhPricing.prSubscription {
        background: rgba(0,0,0,0) linear-gradient(135deg,#f9b47d 0%,#cd233d 100%) repeat scroll 0 0
    }

    .pricingPage.dhPricing.prProjects {
        background: rgba(0,0,0,0) linear-gradient(135deg,#4d64d2 0%,#1dbf1a 100%) repeat scroll 0 0
    }

    .pricingPage.dhPricing.prLogomaker {
        background: rgba(0,0,0,0) linear-gradient(135deg,#90b3ef 0%,#0059ff 100%) repeat scroll 0 0
    }

.pricing-features.common-section {
    background: #f7f7f7;
    box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset
}

.pfText {
    margin-left: 75px;
    width: calc(100% - 70px);
    width: -webkit-calc(100% - 70px);
    width: -ms-calc(100% - 70px)
}

.pricing-faq .pfText {
    margin-left: 0;
    width: 100%
}

.pf-contentIn {
    position: relative;
    margin-bottom: 40px
}

#prProjects .pf-contentIn {
    min-height: 130px
}

.pf-contentIn span {
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 5px 7px rgba(0,0,0,.3);
    height: 60px;
    left: 0;
    line-height: 56px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 60px;
    -webkit-box-shadow: 0 5px 7px rgba(0,0,0,.3);
    -ms-box-shadow: 0 5px 7px rgba(0,0,0,.3)
}

.pf-contentIn img {
    height: 35px;
    width: 35px;
    margin-top: 0
}

.pr-wrapper-tabs .pricing-award-winning {
    margin-right: 10px
}

.pr-wrapper-tabs .award-winnin-design-pricePage {
    margin-right: 15px
}

.pfContentTitle {
    color: #434e5a;
    font-size: 19px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px
}

.pricing-faq.common-new {
    background: #f4f9fd
}

.parallax-desList {
    background-image: url(//cdn1.designhill.com/assets/dh/images/parallax_img2.jpg);
    background-size: cover;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding: 200px 0
}

.parallax1.howitWorksBlk {
    background: url(//cdn1.designhill.com/assets/dh/images/bg2.jpg);
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 10;
    padding: 140px 0 100px;
    overflow: auto
}

.parallax_text {
    position: absolute;
    top: 250px;
    color: #fff;
    font-weight: 300
}

.pricingPage h1 {
    font-size: 34px;
    text-align: center;
    font-weight: 400;
    color: #32363e;
    margin-bottom: 0;
    margin: 20px 0;
    float: left
}

.pricingPage h2 span, .pricingPage .pricingHeading span {
    color: #2673b0
}

.pricingPage h1.pricingHeading > span {
    color: #fff;
    font-weight: 700
}

.pricingPage h2, .pricingPage .pricingHeading {
    font-size: 15px;
    text-align: center;
    color: #666;
    font-weight: 400
}

.moneyBkGuarantee {
    font-size: 15px;
    color: #666;
    position: relative;
    width: 100%;
    float: left;
    text-align: center
}

.pricingPage #moneyBGuarantee {
    left: 410px;
    top: 55px
}

#moneyBGuarantee {
    border: 1px solid #393939;
    color: #fff;
    width: 350px;
    float: left;
    padding: 10px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.07);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.07);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,.07);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.07);
    box-shadow: 0 1px 2px rgba(0,0,0,.07);
    background: #393939;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 4;
    position: absolute
}

.moneyBGPos p {
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    letter-spacing: .2px
}

.moneyBGPos {
    top: 60px;
    right: 50px
}

.caretpPos {
    background: url(//cdn1.designhill.com/assets/dh/images/top-arrow-box-black.png) no-repeat 0 0;
    height: 9px;
    margin: -19px 0 0 -170px;
    position: absolute;
    width: 16px
}

.moneybktxt {
    cursor: pointer;
    margin-left: 3px
}

.pricingPage h1.pricingHeading {
    clear: both;
    color: #fff;
    float: none;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 50px;
    text-transform: uppercase;
    width: 100%
}

.dhPricing .text-center > p {
    font-size: 23px;
    margin-bottom: 0
}

.priceSubtitle {
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 40px
}

section .pricing-faq .common-title, section .pricing-features .common-title {
    margin: 35px 0 60px
}

.pricing-features.common-new {
    background: #f4f9fd
}

.pricing-faq .pfText > p {
    color: #6f7c82;
    font-size: 15px;
    font-weight: 500
}

.pricingRiskfreeBlk {
    background: #535865;
    padding: 60px 0;
    -moz-box-shadow: 0 1px 6px rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 6px rgba(0,0,0,.1);
    -o-box-shadow: 0 1px 6px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.1);
    box-shadow: 0 1px 6px rgba(0,0,0,.1);
    border-top: 1px solid #e1e1e1;
    clear: both;
    color: #fff
}

.pricingPage .freeConsultation, .pricingConsultationBlk {
    margin-top: 0;
    clear: both
}

.pricingRiskfreeBlk .icon_plane i {
    margin-bottom: 40px;
    font-size: 60px;
    display: block
}

.dhPricing .col-sm-12.text-center {
    position: relative
}

.dhPricing .bread-crumb-css {
    left: 5px;
    top: 15px;
    text-align: left
}

    .dhPricing .bread-crumb-css a {
        color: #fff;
        font-size: 14px;
        padding: 0 0 0 5px
    }

.winner-css sup {
    font-size: 12px
}

.listviewCat li {
    width: 33%
}

    .listviewCat li a {
        line-height: 30px;
        color: #555
    }

        .listviewCat li a:hover {
            line-height: 30px;
            color: #555;
            text-decoration: underline
        }

.listviewCatHeading {
    color: #32363e;
    font-size: 24px
}

.listviewCatMain {
    margin-top: 30px
}

.freeConsultation {
    margin-top: 70px;
    transition: all .35s ease-in-out 0s
}

    .freeConsultation a {
        background: #303943;
        padding: 50px 15px;
        font-size: 20px;
        display: flex;
        color: #fff;
        -moz-transition: all .35s ease-in-out 0s;
        -ms-transition: all .35s ease-in-out 0s;
        -o-transition: all .35s ease-in-out 0s;
        -webkit-transition: all .35s ease-in-out 0s;
        transition: all .35s ease-in-out 0s;
        align-items: center;
        justify-content: center
    }

        .freeConsultation a:hover {
            background: #3b99f0
        }

        .freeConsultation a i {
            font-size: 70px;
            margin-left: 30px;
            position: relative;
            top: -3px
        }

        .freeConsultation a:hover i {
            transform: scale(1.2);
            color: #000
        }

        .freeConsultation a:hover .hoverColorChange {
            color: #000
        }

    .freeConsultation .consultationTitle {
        font-size: 42px;
        font-weight: 600;
        margin-top: 10px;
        margin-right: 10px
    }

#prLogomaker {
    padding-bottom: 0;
    padding-top: 0
}

#prSubscription .gds--title--css {
    font-size: 32px;
    margin-bottom: 50px;
    text-align: center;
    text-transform: uppercase;
    line-height: normal
}

#prSubscription .logo-design-testimonials.common-new.gds--divider.gds--padding {
    padding: 50px 0 70px
}

.pr-tab-wrapper .logo-design-testimonials {
    background-color: #fff
}

.pricing-faq .entries-winning-title.common-title, .pricing-features .entries-winning-title.common-title {
    font-size: 32px;
    line-height: normal
}

.pr-wrapper-tabs h2 {
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase
}

.pr-wrapper-tabs .pricing-tab-box {
    margin-top: 30px
}

.pricingPackage .panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    color: #434e5a;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    min-height: 700px;
    position: relative;
    border: none;
    border-right: 1px solid #eee;
    border-radius: 0
}

.all_packeges_btn_lanuch_contest {
    margin-top: 65px
}

sup {
    font-size: 25px;
    font-weight: 400
}

.panel-design-colors:first-child .panel {
    border-radius: 4px 0 0 4px
}

#all_packeges .ribbonPopularMain + .panel, .design-new-package .selected .panel {
    border-radius: 4px;
    box-shadow: 0 7px 17px 0 rgba(57,76,93,.13);
    -webkit-box-shadow: 0 7px 17px 0 rgba(57,76,93,.13);
    -o-box-shadow: 0 7px 17px 0 rgba(57,76,93,.13);
    -ms-box-shadow: 0 7px 17px 0 rgba(57,76,93,.13);
    height: 730px;
    margin-top: -16px;
    width: 102%;
    margin-left: -4px;
    z-index: 2
}

.panel-design-colors:last-child .panel {
    border-radius: 0 4px 4px 0
}

.pricingPackage .panel-heading {
    padding: 40px 15px 0;
    border-radius: 0
}

.pricingPackage .panel-subheading {
    border-bottom: 1px solid #e6eaef;
    border-radius: 0;
    border-top: 1px solid #e6eaef;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 15px;
    background: #f4faff
}

.pricingPackage .panel-body {
    padding: 0
}

.pricingPackage .panel-heading h3 {
    color: #434e5a;
    font-size: 18px;
    font-weight: 700;
    margin: 0
}

.pricingPackage .panel-body.text-center > span {
    color: #3b99f0;
    display: block;
    font-size: 24px;
    font-weight: 600;
    line-height: 80px;
    margin: 0 auto;
    text-align: center
}

.priceCat {
    display: none
}

.pricingPackage .panel-body label {
    font-size: 40px;
    font-weight: 700
}

.pricingPackage .panel .list-group {
    color: #444;
    text-align: left;
    padding: 10px 0;
    overflow: hidden
}

.pricingPackage .panel .list-group-item {
    border: medium none !important;
    font-size: 12px;
    font-weight: 400;
    padding: 4px 10px
}

.pricingPackage .panel .icon-ok {
    color: #3b99f0;
    font-size: 13px;
    font-weight: 400;
    margin: 0 6px 0 0
}

.pricingPackage .panel .btn.btn-block.active {
    background: #fff;
    color: #4897cc;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.pricingPackage .icon-long-arrow-right {
    opacity: 0;
    position: absolute;
    right: 30%;
    top: 25%;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
    font-size: 18px !important
}

.pricingPackage .btn.btn-block:hover {
    background: #fff
}

.pricingPackage .btn.btn-block span {
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.pricingPackage .btn.btn-block.active:hover span {
    margin-left: 0
}

.pricingPackage .btn.btn-block:hover span {
    margin-left: -40%
}

.pricingPackage .btn.btn-block:hover i {
    opacity: 1;
    right: 8%
}

.pr-wrapper-tabs .whiteBtnNectar.text-center > span {
    color: gray;
    display: block;
    font-size: 16px
}

.pr-wrapper-tabs .whiteBtnNectar.text-center .slide-to-pricing {
    margin: 15px 0
}

.pr-wrapper-tabs .pricing-features {
    padding: 30px 0 50px
}

    .pr-wrapper-tabs .pricing-features .gds--title--css {
        margin-bottom: 40px
    }

#prProjects .price--package--info {
    border-radius: 8px;
    box-shadow: 0 2px 20px 1px rgba(0,0,0,.25);
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    -webkit-box-shadow: 0 2px 20px 1px rgba(0,0,0,.25);
    -ms-box-shadow: 0 2px 20px 1px rgba(0,0,0,.25);
    -o-box-shadow: 0 2px 20px 1px rgba(0,0,0,.25)
}

.plan-bottom {
    background: #f7f7f7;
    color: #555;
    font-size: 16px;
    padding: 18px 20px 10px 90px;
    text-align: left
}

    .plan-bottom .benefit {
        margin-bottom: 10px;
        position: relative
    }

        .plan-bottom .benefit:before {
            position: absolute;
            content: "\f00c";
            font-family: fontawesome;
            left: -24px;
            top: 5px;
            font-size: 13px
        }

.pr-wrapper-tabs {
    display: none
}

    .pr-wrapper-tabs.pr-wrapper--active {
        display: block
    }

.pr-tab-wrapper {
    margin-top: -334px;
    position: relative
}

.pr-wrapper-nav {
    font-size: 0;
    text-align: center
}

.pr--nav > a {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    color: #333;
    font-size: 18px;
    font-weight: 600;
    padding: 16px 35px;
    display: inline-block
}

    .pr--nav > a:first-child {
        border-radius: 4px 0 0 4px
    }

    .pr--nav > a:last-child {
        border-radius: 0 4px 4px 0
    }

.priceSubtitle > span {
    color: #fff
}

.pr-wrapper-tabs .subs--pricing-tagLine {
    margin-bottom: 40px;
    padding: 0
}

.pr-wrapper-tabs .pricingPage {
    margin: 30px 0 10px
}

.subscription--pricing .price--package--info {
    border-radius: 5px
}

.common-new.pr--nav > a:hover {
    background-color: #f8f8f8
}

.pr--nav > a.pr-nav--active, .pr--nav > a.pr-nav--active:hover {
    background: rgba(0,0,0,.45);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.62) inset !important;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.62) inset !important;
    -o-box-shadow: 0 0 4px 0 rgba(0,0,0,.62) inset !important;
    -ms-box-shadow: 0 0 4px 0 rgba(0,0,0,.62) inset !important;
    color: #fff
}

.subs--pricing-tagLine {
    color: gray;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    padding: 20px 0 0;
    text-align: center;
    width: 100%
}

.price--deatils {
    padding: 55px 170px 0
}

.subs--price--services {
    border-radius: 5px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.2)
}

.service--title {
    border-bottom: 1px solid #eee;
    display: inline-block;
    font-size: 20px;
    padding: 13px 25px;
    width: 100%;
    color: #3b99f0
}

.subs--price--list {
    display: inline-block;
    padding: 0 25px;
    width: 100%
}

    .subs--price--list li {
        border-bottom: 1px solid #eee;
        font-size: 15px;
        font-weight: 400;
        padding: 15px 0;
        color: gray
    }

.price--package--info {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.2);
    margin-left: -5px;
    margin-top: -10px;
    z-index: 9
}

.subs-price-packages {
    display: inline-block;
    padding: 40px 35px;
    width: 100%
}

.package--title {
    color: #404040;
    display: inline-block;
    font-size: 29px;
    font-weight: 300;
    padding: 0 0 10px;
    text-transform: capitalize;
    width: 100%
}

.package--tagLine {
    color: #777;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 2px;
    width: 100%
}

.small--tagLine {
    color: #999;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 15px;
    text-align: center;
    width: 100%
}

.package--price-data {
    display: inline-block;
    width: 100%
}

.package--price {
    color: #000;
    display: inline-block;
    font-size: 60px;
    min-height: 98px;
    position: relative
}

    .package--price:before {
        color: gray;
        content: "$";
        font-size: 35px;
        font-weight: 300;
        left: -25px;
        position: absolute;
        top: 6px
    }

#prProjects .package--price:before {
    content: "%";
    left: auto;
    right: -23px;
    font-size: 24px;
    top: 10px;
    display: none
}

.package--period {
    color: gray;
    display: inline-block;
    font-size: 24px;
    font-weight: 200;
    margin: 0;
    text-transform: capitalize;
    width: 100%
}

.pricingPage .subs--pricing-tagLine {
    color: #fff;
    font-size: 23px
}

.pricingPage .price--deatils {
    padding: 0 170px;
    margin-top: 15px
}

.pricingPage .subs--price--services {
    background: #fff
}

.pricingPage .btn-above-tagLine, .pricingPage .btn-below-tagLine {
    color: gray;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    width: 100%
}

.pr-wrapper-tabs .subs-price-packages.text-center .btn {
    margin: 15px 0
}

.package--price ins {
    text-decoration: none
}

#prProjects .plan-bottom .benefit {
    font-weight: 500;
    color: #666
}

.pr-wrapper-tabs .subscription-banner-issue .subs--pricing-tagLine {
    margin-bottom: 0
}

.subscription-banner-issue .pricing-copyrightCss {
    color: #fff;
    padding: 10px 15px 20px
}

.new-testimonialCss .testimonial_inner.testimonial_avia a.testimonial-img-action {
    border: 1px solid #ddd;
    display: inline-block;
    width: 100%
}

.getStartedNowBtn {
    width: 100%;
    display: inline-block;
    text-align: center;
    clear: both;
    margin: 20px 0 0
}

    .getStartedNowBtn a {
        background: #82bc3b;
        width: 350px;
        display: inline-block;
        font-weight: 400;
        font-size: 23px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        border-bottom: solid 2px #66900d;
        padding: 10px
    }

        .getStartedNowBtn a:hover {
            background: #76aa2c;
            cursor: pointer
        }

        .getStartedNowBtn a:active {
            background: #82bc3b;
            width: 350px;
            display: inline-block;
            font-weight: 400;
            font-size: 23px;
            color: #fff;
            text-decoration: none;
            text-align: center;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            border-bottom: solid 2px #b84728;
            padding: 10px
        }

.icons_css {
    border: 15px solid #82bc3b;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 120px;
    margin: 0 auto;
    position: relative;
    width: 120px;
    -moz-box-shadow: 0px 7px 0px rgba(0,0,0,.15) inset;
    -ms-box-shadow: 0px 7px 0px rgba(0,0,0,.15) inset;
    -o-box-shadow: 0px 7px 0px rgba(0,0,0,.15) inset;
    -webkit-box-shadow: 0px 7px 0px rgba(0,0,0,.15) inset;
    box-shadow: 0px 7px 0px rgba(0,0,0,.15) inset
}

    .icons_css > a {
        color: #444;
        display: block
    }

    .icons_css span {
        font-size: 35px;
        text-align: center;
        margin-top: 19px;
        display: block
    }

    .icons_css .design_icons {
        font-size: 30px;
        left: 1.2em;
        top: 1.2em
    }

    .icons_css .satisfaction {
        display: block
    }

.design_facts_inner {
    width: 100%;
    float: left;
    margin: 50px 0 0
}

.design_facts .icons_css .satisfaction:after {
    content: "%";
    font-size: 30px;
    width: 100%
}

.design_facts .text-center > h4 {
    font-size: 16px
}

.design_divider {
    height: 1px;
    background-color: #e4e4e4;
    margin: 20px auto 25px;
    width: 50px
}

section .common-title {
    margin: 30px 0 70px;
    position: relative;
    line-height: 2
}

.divider-css {
    border-bottom: 1px solid #e1e1e1;
    width: 30%;
    margin: 20px auto 0;
    position: relative
}

.divider-circle {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 2px solid #e1e1e1;
    top: -4px;
    left: 50%;
    display: block;
    background: #fff
}

.entries-winning-title {
    font-size: 25px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600
}

.dh-checkOut .entries-winning-title {
    padding-top: 40px;
    padding-bottom: 60px;
    display: inline-block;
    width: 100%
}

.main-content-wrapper {
    float: left;
    width: 100%;
    background: #fff;
    position: relative
}

#moneyBGuarantee.moneyBGPos .caretpPos {
    margin: -19px 0 0 -170px
}

a, a:active, a:focus, a:hover, input {
    text-decoration: none;
    outline: 0
}

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 50px #fff inset;
        -moz-box-shadow: 0 0 0 50px #fff inset;
        -ms-box-shadow: 0 0 0 50px #fff inset;
        -o-box-shadow: 0 0 0 50px #fff inset;
        box-shadow: 0 0 0 50px #fff inset
    }

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline: 0 none
}

.btn {
    border: 0
}

footer {
    clear: both;
    float: left;
    width: 100%;
    font-family: "Cerebri-sans",Helvetica,Arial,sans-serif
}
/*
ul {
    margin: 0;
    padding: 0
}

    ul li {
        margin: 0 3px;
        padding: 0;
        list-style: none
    }*/

.container-lg li {
    font-size: 1.5rem
}

.container-lg .specify-width-wraper li {
    display: flex;
    align-items: center
}

.footerblock1 {
    background: var(--primary-bg-color);
    font-size: 12px;
    line-height: 1.8em;
    padding: 60px 0
}

.footer5 {
    background: #1d1d1d;
    font-size: 12px;
    color: #999;
    padding: 40px 0
}

.footerblock3 {
    background: var(--primary-bg-color);
    font-size: 12px;
    color: #000
}

    .footerblock3 .container-lg .list-inline > li {
        padding-right: 0
    }

    .footerblock3 .container-lg .new-bottom-footer .list-inline > li {
        line-height: normal
    }

footer a, .footer a:active, .footer a:focus {
    color: #000;
    text-decoration: none
}

.footerblock1 a:hover, .footerblock1 a:focus {
    color: #bbb;
    text-decoration: none
}

.top-skills {
    padding: 100px 0 60px
}

.skills-wraper {
    display: flex;
    justify-content: center
}

.top-skills.center-align .skills-item-list > li {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    flex: 0 0 100%
}

.top-skills.center-align .skills-item-list {
    display: block;
    margin-right: 13.5%
}

    .top-skills.center-align .skills-item-list:last-child {
        margin-right: 0
    }

.skills-item-list > li > a {
    position: relative;
    width: 100%;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-transform: capitalize
}

    .skills-item-list > li > a.ellipsis {
        width: auto
    }

    .skills-item-list > li > a:before {
        background-color: #333;
        content: "";
        height: 1px;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        transform: translateY(1px);
        transition: all .15s cubic-bezier(.39,.575,.565,1);
        transition-property: opacity,transform;
        width: 100%
    }

    .skills-item-list > li > a:hover:before {
        opacity: 1;
        transition-delay: .2s;
        transition-duration: .15s;
        transform: translateY(-3px) translateZ(0)
    }

.top-skills-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 22px
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.browse-btn {
    margin-top: 50px
}

.image-content-wraper {
    margin: 7px 0 20px
}

.footerheading, .footerheadingL {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 0;
    line-height: 1.7em
}

.social-icons {
    text-align: right
}

    .social-icons a {
        width: 35px;
        height: 35px;
        background: #303030;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: table;
        text-align: center
    }

        .social-icons a:hover {
            background: #ddd;
            -moz-transition: all .2s ease-out 0s;
            -ms-transition: all .2s ease-out 0s;
            -o-transition: all .2s ease-out 0s;
            -webkit-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s
        }

            .social-icons a:hover i {
                color: #444
            }

    .social-icons i {
        display: table-cell;
        vertical-align: middle;
        font-size: 13px;
        color: #fff
    }

.new-bottom-footer .social-icons a {
    width: auto;
    height: auto;
    background: 0 0;
    display: inline-flex;
    text-align: center;
    margin-left: 10px;
    -moz-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.new-bottom-footer .social-icons i {
    display: inline;
    font-size: 20px;
    color: #000
}

.new-bottom-footer .social-icons a:hover {
    background: 0 0
}

    .new-bottom-footer .social-icons a:hover i {
        color: #777
    }

.pull-right.social-icons-right > a:last-child {
    opacity: .6;
    width: 28px
}

    .pull-right.social-icons-right > a:last-child:hover {
        opacity: 1
    }

.footerPolicyLink {
    margin: 0;
    line-height: 2.6rem;
    font-size: 1.5rem
}

.footerPolicyLinkL {
    display: flex;
    align-items: center;
    padding-right: 0
}

img {
    max-width: 100%
}

.loadMoreStrip {
    clear: both
}

.loader {
    background-clip: padding-box;
    background-color: #fff;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    display: inline-block;
    padding: 10px
}

.container-lg {
    width: 1400px
}

.footerPolicyLinkM a {
    margin: 0 0 0 15px
}

.footerPolicyLinkM a, .footerPolicyLink a {
    padding: 2px 0;
    border-bottom: 2px solid transparent;
    font-weight: 400
}

    .footerPolicyLink > a:hover, .footerPolicyLinkM a:hover, .footerPolicyLinkM a:active, .footerPolicyLinkM a:focus {
        color: #bbb;
        text-decoration: none
    }

.footerPolicyLinkM {
    text-align: center
}

.footerblock3 .footerPolicyLink > a:active, .footerblock3 .footerPolicyLink > a:focus, .footerblock3 .footerPolicyLink > a:hover {
    color: #000
}

.searchFilter {
    clear: both;
    color: #333;
    float: left;
    width: 100%
}

h1.title-browse, h2.title-browse {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px
}

.div-box-css {
    display: inline-block;
    width: 100%
}

.user-info-section .white-spacse-css {
    margin: 0 10px 0 0
}

#mainTopMenu a.btn.btn-default.white-spacse-css {
    margin: 0;
    padding: 6px 11px;
    font-size: 14px
}

#search-filter {
    margin: 10px 0 10px
}

.aboutFilter {
    margin-top: 0
}

.main-category .btn-group, .price-in .btn-group, .sub-category .btn-group, .price-in .btn-group {
    width: 100%
}

.sub-category .dropdown-menu {
    width: 100%;
    min-width: 222px;
    z-index: 10000
}

.toggle-cssin {
    margin-left: 0;
    padding-left: 0
}

    .toggle-cssin .panel-heading {
        margin: 0;
        padding: 0
    }

.main-category .btn, .price-in .btn, .sub-category .btn, .price-in .btn {
    border: 2px solid #c1c5cd;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    text-align: left;
    width: 100%
}

    .main-category .btn:hover, .main-category .btn-default.active, .dropdown-toggle.btn-default {
        background: #fff;
        -webkit-box-shadow: none !important;
        -ms-box-shadow: none !important;
        -o-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important
    }

.main-category .caret, .price-in .caret, .sub-category .caret, .price-in .caret {
    float: right;
    position: absolute;
    right: 4%;
    top: 45%
}

.count {
    color: #8f95a3;
    margin: 0 0 0 8px
}

.mid-right .count {
    margin: 0
}

.main-category .open > .dropdown-menu, .price-in .open > .dropdown-menu {
    display: block;
    z-index: 99
}

.main-category .dropdown-menu a, .price-in .dropdown-menu a {
    background: none repeat scroll 0 0 transparent !important;
    font-size: 12px;
    line-height: 1.9;
    padding: 2px 30px 4px 28px;
    position: relative
}

.price-in .dropdown-menu a {
    padding: 2px 70px 4px 32px !important
}

    .main-category .dropdown-menu a.active:before, .price-in .dropdown-menu a.active:before {
        content: "\f0a4";
        font-family: FontAwesome;
        display: block;
        position: absolute;
        height: 0;
        width: 0;
        left: 12px
    }

.aboutFilter .text-right {
    padding-right: 0;
    margin-bottom: 15px
}

.sub-category select {
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 9px 6px 11px;
    width: 100%;
    font-size: 14px
}

#accordion .btn {
    background: none repeat scroll 0 0;
    color: #7e8595;
    -webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.customAdvFilter {
    position: relative;
    top: 4px
}

.toggle-cssin .panel-default > .panel-heading, .toggle-cssin .panel {
    background: 0 0;
    border: none;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.toggle-cssin .accordion-toggle {
    color: #2673b0;
    font-weight: 400;
    margin: 0 10px 0 0;
    text-decoration: none
}

.toggle-cssin .panel-title i {
    color: #2673b0;
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0
}

.days-left .pagination, .contest-type .pagination {
    margin: 0
}

    .days-left .pagination > li > a, .days-left .pagination > li > span, .contest-type .pagination > li > a, .contest-type .pagination > li > a {
        padding: 11px 14px !important;
        position: relative;
        min-width: 45px
    }

.slash {
    color: #f4f4f6;
    left: 40%;
    position: absolute;
    top: 26%
}

.toggle-min {
    padding: 0 !important
}

.pagination > li > a:hover {
    background: #fff !important
}

.search-main .search-css {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    height: auto;
    padding: 11px 15px;
    width: 100%;
    line-height: normal;
    font-size: 14px
}

.search-main .submit-button {
    background: none repeat scroll 0 0;
    border: medium none;
    float: right;
    text-indent: -999em;
    width: 20%
}

.search-main {
    margin: 0;
    position: relative
}

    .search-main .icon-search {
        color: #c1c5cd;
        font-size: 16px;
        position: absolute;
        right: 5%;
        top: 32%
    }

.icon.icon-search:before {
    border-right: medium none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.search-css {
    background-color: #fff;
    border: 2px solid #c1c5cd;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #535865;
    display: block;
    font-size: 16px;
    line-height: 1.6;
    max-width: auto;
    padding: 7px;
    vertical-align: middle;
    width: 100%
}

.top-mid {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 40px 0 0;
    width: 100%
}

.launchContest-main .common--dropdown.dropdown-menu, .design_container .common--dropdown.dropdown-menu, .final-personalsection .common--dropdown.dropdown-menu {
    padding-bottom: 0;
    top: 100%;
    border: 1px solid #c1c5cd;
    border-top: none !important;
    border-radius: 0 0 4px 4px;
    padding: 0;
    margin: 0;
    z-index: 1
}

.design_container .common-btn--group .search-css {
    margin: 0 !important
}

.final-personalsection .common-btn--group.open .dropdown-toggle, .final-personalsection .common-btn--group.open .dropdown-toggle .search-css {
    border-radius: 0 !important
}

.contest-type .pagination {
    position: relative;
    margin: 0 18px 0 0
}

#about .panel-body {
    padding: 15px 0
}

#about h4 {
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 6px
}

.price-css-in .input-group {
    float: left;
    margin: 0 12px 0 0;
    width: 35%
}

.price-css-in ul li {
    float: left;
    width: 50%;
    font-size: 16px
}

.ribbon-css {
    position: relative
}

.listing-design_price {
    opacity: .9;
    position: absolute;
    right: -14px;
    top: 15px;
    z-index: 10
}

.ribbon {
    background-color: #82bc3b;
    color: #fff;
    display: inline-block;
    left: 0;
    line-height: 3em;
    margin-left: -.5em;
    margin-right: 0;
    position: relative
}

.listing-design_price .ribbon_fold {
    border-color: #66900d transparent transparent #66900d;
    border-style: solid;
    border-width: .5em;
    display: inline-block;
    height: 0;
    left: auto;
    position: absolute;
    right: 0;
    top: 3em;
    width: 0
}

.ribbon_text {
    background: #82bc3b none repeat scroll 0 0;
    font-size: 20px;
    padding: 0 .7em;
    white-space: nowrap
}

.listing-design_price .ribbon_tail-top {
    border-color: #82bc3b transparent transparent #82bc3b;
    border-style: solid;
    border-width: 1.55em;
    display: inline-block;
    height: 0;
    position: absolute;
    right: -3em;
    top: 0;
    width: 0
}

.ribbon_tail-bottom {
    border-color: transparent transparent #82bc3b #82bc3b;
    border-style: solid;
    border-width: 1.55em;
    display: inline-block;
    height: 0;
    position: absolute;
    right: -3em;
    bottom: 0;
    width: 0
}

.panel-grey .ribbon {
    background-color: #535865
}

.panel-grey .listing-design_price .ribbon_fold {
    border-color: #333845 transparent transparent #333845
}

.panel-grey .ribbon_text {
    background: #535865
}

.panel-grey .listing-design_price .ribbon_tail-top {
    border-color: #535865 transparent transparent #535865
}

.panel-grey .ribbon_tail-bottom {
    border-color: transparent transparent #535865 #535865
}

.ribbon-icons i {
    color: #c1c5cd;
    font-size: 22px
}

.ribbon-icons {
    margin: 6.5em 0 0;
    overflow: hidden
}

    .ribbon-icons > li {
        display: inline-block;
        float: left;
        padding: 0 10px
    }

#contest-listing .panel-white .panel-body {
    height: 100%;
    min-height: 100%;
    padding: 0
}

.tooltip.bottom, .tooltip.top {
    z-index: 99
}

.desList-signup, .desList-searchnow {
    display: inline;
    margin: 0 5px
}

    .desList-signup a, .desList-searchnow a {
        font-size: 15px
    }

    .desList-signup i, .desList-searchnow i {
        margin-right: 10px;
        font-size: 15px
    }

.desList-head > a.btn.btn-default {
    font-size: 14px;
    font-weight: 600;
    padding: 6px 0
}

.desList-head h1 {
    color: #fff;
    margin: 0 0 40px;
    font-weight: 300;
    font-size: 36px
}

.desList-descount {
    color: #9e9e9e;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 5px
}

.dsListLandingPage {
    margin-top: -110px;
    position: relative;
    z-index: 1
}

.launch-contest-step-body .launch-catBox .thumbs {
    display: inline-block;
    width: 100%
}

.thumbs {
    background-color: #fff;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    -webkit-transition: box-shadow .3s ease-in-out 0s;
    -ms-transition: box-shadow .3s ease-in-out 0s;
    -o-transition: box-shadow .3s ease-in-out 0s;
    -moz-transition: box-shadow .3s ease-in-out 0s;
    transition: box-shadow .3s ease-in-out 0s
}

.dsListLandingPage .thumbs img {
    height: 300px
}

.dsListLandingPage .thumbs:hover {
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 15px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
    box-shadow: 0 0 15px rgba(0,0,0,.1)
}

.dsList-row-slide ul {
    white-space: nowrap;
    overflow-x: hidden
}

.dsListLandingPage .owl-carousel {
    margin-left: 280px !important
}

.row {
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.desList-content .container-fluid {
    padding-left: 6%;
    padding-right: 6%
}

.dsList-row .list-inline {
    margin: 0;
    padding: 0
}

.desListing {
    float: left;
    width: 280px;
    min-height: 340px;
    text-align: center;
    background-color: #fff;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    z-index: 0;
    font-weight: 300;
    position: relative
}

    .desListing .profile_follow {
        margin: 0 auto;
        position: relative;
        text-align: center;
        max-width: 280px;
        width: 100%
    }

    .desListing .userPic img {
        position: relative;
        width: 80px;
        height: 80px;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%
    }

    .desListing .profile_info {
        overflow: hidden;
        text-overflow: ellipsis;
        width: auto;
        margin: auto
    }

        .desListing .profile_info a {
            color: #666;
            font-size: 20px;
            line-height: normal
        }

    .desListing .profile_expert, .desListing .profile_location, .desListing .profile_watcher_participating {
        color: #bbb;
        font-size: 12px;
        margin: 2px auto 0;
        overflow: hidden;
        text-overflow: ellipsis;
        width: auto
    }

.profile_follow .btn-default {
    background: #eee;
    color: silver;
    font-size: 13px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    padding: 2px 5px;
    width: 90px;
    font-weight: 300;
    font-family: arial;
    top: 4px
}

    .profile_follow .btn-default:hover {
        background: #27ae60;
        color: #fff
    }

    .profile_follow .btn-default i {
        margin-right: 5px
    }

    .profile_follow .btn-default.btn-def-act {
        background: #27ae60;
        color: #fff
    }

        .profile_follow .btn-default.btn-def-act:hover {
            background: #e74c3c;
            color: #fff
        }

    .profile_follow .btn-default.btn-def-act-hover {
        background: #e74c3c;
        color: #fff
    }

.desListing .profile_rank {
    display: block;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    color: #d0d0d0;
    margin-top: 10px
}

.profile_rank .loginStatus.online i {
    color: #07b032
}

.profile_rank .loginStatus.offline i {
    color: rgba(0,0,0,.1)
}

.profile_rank .loginStatus.away i {
    color: #ff9600;
    opacity: .5
}

.profile_rank .loginStatus.user_idle i {
    color: #f28039
}

.profile_rank .desLisRank {
    float: left
}

.profile_rank .desLisStatus {
    float: right
}

.desListing .row {
    padding-left: 25px;
    padding-right: 25px
}

.desListing [class^=icon-]:before, .desListing [class*=" icon-"]:before {
    cursor: default
}

.desListing .prof-bottom-blk {
    position: absolute;
    background: #76aa2c;
    -moz-border-radius: 0 0 0 5px;
    -ms-border-radius: 0 0 0 5px;
    -o-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
    bottom: 0;
    padding: 8px 0;
    color: #fff;
    max-width: 280px;
    width: 100%
}

.desListing i {
    margin-right: 2px
}

a.desLisGift, a.desLisHeart, a.desLisMessage {
    width: 25px;
    height: 25px;
    text-align: center;
    background: #eee;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
    color: silver;
    display: inline-block;
    -moz-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

    a.desLisGift.selected {
        background: #f39c12;
        color: #fff
    }

a:hover.desLisGift.selected {
    background: #f39c12
}

.desLisFollow {
    margin-right: 10px;
    -moz-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

a:hover.desLisGift, a:hover.desLisHeart, a:hover.desLisMessage {
    color: #fff;
    background: #5dc2ff
}

a:hover.desLisHeart, a.desLisHeart.selected {
    background: #e74c3c
}

    a.desLisHeart.selected i {
        color: #fff
    }

.desListing .profile_follow a[class^=icon-]:before, .desListing [class*=" icon-"]:before {
    cursor: pointer
}

.desLisGift i {
    position: relative;
    top: 3px;
    left: 1px
}

.desLisHeart i {
    position: relative;
    top: 3px;
    left: 1px
}

.desLisMessage i {
    position: relative;
    top: 2px;
    left: 1px;
    font-size: 13px
}

.profile_follow a:last-child {
    margin-right: 0
}

.desListing .tooltip {
    font-size: 11px;
    font-family: arial
}

.desListSlider {
    width: 530px;
    float: right;
    position: absolute;
    right: -530px;
    top: 0;
    padding: 10px;
    background: none repeat scroll 0 0 rgba(255,255,255,.8);
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.14);
    -ms-box-shadow: 0 0 8px rgba(0,0,0,.14);
    -o-box-shadow: 0 0 8px rgba(0,0,0,.14);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.14);
    box-shadow: 0 0 8px rgba(0,0,0,.14)
}

.desListSliderInn {
    width: 250px;
    float: left
}

.desListSliderInnBg {
    color: #ccc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background: #333;
    padding: 10px;
    clear: both;
    width: 100%;
    margin: 0 0 10px
}

.colorPickerPD {
    margin-left: 10px;
    float: left;
    padding: 0 10px 10px;
    width: 250px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background: #333
}

.checkbox label, .radio label {
    margin-right: 10px
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-left: 0
}

.help-block {
    color: #999;
    display: block;
    font-size: 11px
}

.desListSliderInn label {
    font-weight: 400;
    margin-bottom: 0
}

.desListSliderInn .radio label {
    font-size: 12px;
    font-weight: 300;
    width: 43%
}

.desListSlider .input-group {
    width: 100%
}

.desListSlider .btn {
    width: 100%
}

.desTypeBtn div {
    float: left;
    display: block;
    color: #444;
    font-size: 13px
}

    .desTypeBtn div.icon-pencil, .desTypeBtn div.icon-user, .desTypeBtn div.icon-map-marker {
        margin: 2px 10px 0 0
    }

    .desTypeBtn div.caret {
        margin: 9px 0 0
    }

.desTypeBtn .caret {
    float: left;
    float: right;
    text-align: center
}

.toggle-inside {
    position: relative;
    width: 100%
}

.dropdown-menu {
    top: 39px;
    width: 100%;
    font-size: 13px;
    border-radius: 0
}

.desListSlider .checkbox, .desListSlider .radio {
    margin: 0
}

.dropdown-menucss {
    margin-top: 5px
}

.desListSliderInn label {
    font-size: 13px
}

.desListSliderInn .form-group {
    margin-bottom: 10px
}

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

.designerListingFilter .search .timeSliderRpt {
    float: left;
    width: 100%;
    margin-bottom: 1px
}

    .designerListingFilter .search .timeSliderRpt input[type=text] {
        border: medium none;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        box-sizing: border-box;
        font-size: 11px;
        margin: 0 0 0 4px;
        -moz-transition: background-color .2s ease 0s;
        -ms-transition: background-color .2s ease 0s;
        -o-transition: background-color .2s ease 0s;
        -webkit-transition: background-color .2s ease 0s;
        transition: background-color .2s ease 0s;
        background: 0 0;
        padding: 0;
        color: #999;
        width: 62px
    }

    .designerListingFilter .search .timeSliderRpt p {
        padding: 13px 0 5px
    }

        .designerListingFilter .search .timeSliderRpt p label {
            color: #fff;
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase
        }

.designerListingFilter .search {
    float: left;
    position: relative;
    margin: 0 5%;
    width: 90%
}

.designerListingFilter {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100
}

.filterBtn {
    margin-top: 24px
}

.desListSliderInnBg:last-child {
    margin-bottom: 0
}

.filterBlock, .filterBlockMob {
    background: none repeat scroll 0 0 rgba(255,255,255,.8);
    text-align: center;
    height: 80px;
    width: 40px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    position: absolute;
    top: 34px;
    right: 0;
    border: 1px solid #e8e8e8;
    border-right: 0 none
}

    .filterBlock i {
        font-size: 24px;
        position: absolute;
        right: 10px;
        top: 7px;
        color: #666
    }

.right_inner {
    width: 100%;
    color: #ccc;
    display: inline-block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background: #333;
    margin-bottom: 14px
}

    .right_inner:last-child {
        margin: 0 !important
    }

    .right_inner H1 {
        padding: 0;
        margin: 0 0 10px;
        font-size: 11px;
        color: #fff;
        font-weight: 700
    }

#leftRightIcon, #leftRightIcon1 {
    display: block;
    font-size: 50px;
    margin-top: 20px
}

.emptyDesignerPortfolio {
    float: left;
    width: calc(100% - 280px);
    position: relative
}

    .emptyDesignerPortfolio i.glyphicon-fire {
        color: #e9e9e9;
        display: block;
        font-size: 100px;
        margin: 90px 0 21px 99px;
        text-shadow: 4px 3px 0 #fff,9px 8px 0 rgba(0,0,0,.05)
    }

    .emptyDesignerPortfolio span.nodesignPort {
        color: #d5d5d5;
        display: block;
        font-size: 20px;
        left: 252px;
        position: absolute;
        top: 140px
    }

.inviteSliderMain {
    position: fixed;
    top: 100px;
    right: 0;
    z-index: 11
}

.inviteBlockIcon {
    background: none repeat scroll 0 0 #fff;
    text-align: center;
    height: 80px;
    width: 40px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 0;
    border: 1px solid #e8e8e8;
    border-right: 0 none
}

#inviteSlider {
    top: 270px
}

#numInviteMain {
    display: none
}

.inviteBlockIcon span {
    position: absolute;
    display: block;
    width: 100%;
    background: none repeat scroll 0px 0px #ff9074;
    color: #fff;
    -moz-border-radius: 0px 0px 0px 4px;
    -ms-border-radius: 0px 0px 0px 4px;
    -o-border-radius: 0px 0px 0px 4px;
    -webkit-border-radius: 0px 0px 0px 4px;
    border-radius: 0 0 0 4px;
    font-family: trebuchet ms;
    font-size: 11px;
    top: 79px;
    left: 0
}

.inviteBlockIcon i {
    font-size: 24px;
    position: absolute;
    right: 7px;
    top: 8px;
    color: #666
}

.inviteBlock {
    width: 270px;
    float: right;
    position: absolute;
    right: -270px;
    top: 0;
    padding: 10px 10px 0;
    background: none repeat scroll 0 0 #fff;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.14);
    -ms-box-shadow: 0 0 8px rgba(0,0,0,.14);
    -o-box-shadow: 0 0 8px rgba(0,0,0,.14);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.14);
    box-shadow: 0 0 8px rgba(0,0,0,.14);
    z-index: 2
}

    .inviteBlock .btn {
        width: 100%
    }

    .inviteBlock .dropdown-menu > li > a {
        white-space: normal
    }

.desType {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis
}

.inviteeLinks {
    background: #fff;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: left;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 10px;
    padding: 5px 10px;
    width: 100%
}

.inviteeList {
    background: #333;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    clear: both;
    color: #eee;
    float: left;
    margin-bottom: 7px;
    padding: 2%;
    width: 100%
}

    .inviteeList .inviteeimg {
        float: left
    }

        .inviteeList .inviteeimg img {
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            height: 40px;
            width: 40px
        }

    .inviteeList .inviteeName {
        float: left;
        margin: 0 0 0 10px;
        font-size: 14px
    }

        .inviteeList .inviteeName .ranktxt {
            font-size: 11px;
            color: #929292
        }

.inviteeRemove {
    position: absolute;
    right: 20px
}

    .inviteeRemove i {
        color: #787878
    }

        .inviteeRemove i:hover {
            color: #fff
        }

.inviteBlock .form-group {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.inviteeName .icon-trophy:before {
    margin: 5px 0 0 20px
}

.inviteeName .icon-shield:before, .inviteeName .icon-trophy:before {
    margin-top: 5px;
    font-size: 12px;
    color: #929292
}

.inviteeLinks > span {
    line-height: 20px
}

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

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

.share-css .dropdown-menu li a {
    padding: 3px 20px 3px 36px
}

.page55 #main-wrapper, .page55 #main-wrapper #main {
    float: none
}

.page684 {
    background: #f5f5f5
}

.owl-wrapper-outer {
    cursor: e-resize
}

.customNavigation a.next.disabled, .customNavigation a.prev.disabled {
    display: block
}

.whatDoYouNeedSlider .customNavigation .prev {
    left: 0
}

.whatDoYouNeedSlider .customNavigation .next {
    right: 0
}

    .whatDoYouNeedSlider .customNavigation .prev.disabled, .whatDoYouNeedSlider .customNavigation .next.disabled {
        display: none
    }

.customNavigation a:hover.disabled .icon-chevron-left:before {
    cursor: default
}

.inviteContent {
    max-height: 284px
}

.content .mCSB_container.mCS_no_scrollbar {
    margin-right: 0
}

.content .mCSB_container {
    margin-right: 15px
}

.content .mCSB_scrollTools {
    width: 7px
}

    .content .mCSB_scrollTools .mCSB_draggerRail {
        background: #333;
        opacity: .4;
        filter: "alpha(opacity=40)";
        -ms-filter: "alpha(opacity=40)"
    }

    .content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #000;
        opacity: .75;
        width: 6px;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"
    }

    .content .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background: #333
    }

.content .mCSB_draggerContainer {
    margin: 0 0 5px
}

#preview-pane .author-name a {
    color: #4e5565
}

.inviteBlock .dropdown-menu {
    top: 29px
}

.myCustomTooltip {
    position: relative
}

.toggle-up:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    content: "";
    left: 47%;
    position: absolute;
    top: 100%
}

a.myCustomTooltip .toggle-up {
    background: #000;
    display: none;
    font-size: 11px;
    padding: 4px 12px;
    position: absolute;
    right: -41px;
    text-align: center;
    top: -35px;
    width: 110px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff
}

a:hover.myCustomTooltip .toggle-up {
    display: block
}

a.desLisFollow .toggle-up {
    right: -15%
}

.modal-body {
    float: left;
    width: 100%;
    background: #f4f4f6
}

.nt-referral {
    background: #fff;
    float: left;
    margin-bottom: 20px;
    padding: 20px 20px 20px 300px;
    text-align: left;
    width: 100%;
    position: relative;
    overflow: hidden
}

    .nt-referral .referralTitle {
        margin-top: 0
    }

    .nt-referral ul, .refferalCommon ul {
        padding: 0 0 0 15px;
        text-align: left;
        list-style-type: disc
    }

.refferalCommon ul {
    padding: 0 0 0 30px;
    margin: 25px 0 30px;
    font-size: 16px
}

    .nt-referral ul li, .refferalCommon ul li {
        margin-bottom: 5px;
        list-style-type: disc;
        overflow: visible
    }

.loginform .dhLogoLogin {
    width: 180px
}

.referralTitle {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 10px
}

.refferalCommon p {
    font-size: 20px;
    opacity: 1;
    margin-bottom: 0
}

#registrationForm {
    height: auto !important
}

.page703 {
    background-image: url('https://cdn1.designhill.com/assets/dh/images/b-1-background.svg')
}

.pageuser {
    background-image: url('https://cdn1.designhill.com/assets/dh/images/b-2-background.svg')
}

.page703, .pageuser {
    background-repeat: no-repeat;
    background-size: cover
}

    .page703.reset-password {
        height: 100vh;
        overflow-y: auto;
        -webkit-scrolling-touch: auto
    }

.reset-password-wrapper {
    width: 100%;
    float: left;
    background: #fff;
    padding: 30px 30px 12px;
    border-radius: 4px;
    margin-top: 20px
}

.reset-password-info {
    font-size: 16px;
    line-height: 1.6;
    color: #686b6c;
    position: relative;
    padding-left: 56px;
    -webkit-box-shadow: 0 1px 8px #57b6f1;
    box-shadow: 0 1px 8px #57b6f1;
    padding: 12px 12px 12px 56px;
    border-radius: 4px;
    background: #fff;
    margin-top: 20px;
    margin-bottom: 0
}

.icon-warning-sign2 {
    position: absolute;
    top: 50%;
    font-size: 32px;
    color: #eecd48;
    left: 12px;
    transform: translateY(-50%)
}

.reset_pwd_error .reset-password-info {
    font-size: 14px;
    line-height: 1.6;
    color: #686b6c;
    position: relative;
    padding-left: 56px;
    -webkit-box-shadow: 0 1px 8px #00000000;
    box-shadow: 0 1px 8px #00000000;
    padding: 12px 12px 12px 56px;
    border-radius: 4px;
    background: #fff;
    margin-top: 24px;
    text-align: left;
    margin-bottom: 24px
}

    .reset_pwd_error .reset-password-info .icon {
        position: absolute;
        top: 50%;
        font-size: 32px;
        color: #eecd48;
        left: 12px;
        transform: translateY(-50%)
    }

    .reset_pwd_error .reset-password-info a:hover {
        text-decoration: underline
    }

.loginform .reset-password-wrapper label {
    display: none
}

.loginform {
    height: 100%;
    color: #fff;
    font-weight: 400;
    padding: 60px 0 !important
}

.login-container {
    display: flex
}

.loginform .form-group {
    clear: both;
    float: left;
    margin: 0 0 30px;
    width: 100%;
    position: relative
}

.loginform label {
    font-weight: 400;
    font-size: 14px
}

.loginform .rightLabel {
    float: right;
    font-size: 13px;
    margin-top: 10px
}

    .loginform .rightLabel a, .loginform .doHaveAcc a, .termsofuse a, .loginform .haveAcc a {
        color: #fff
    }

        .loginform .rightLabel a:hover, .loginform .doHaveAcc a:hover, .termsofuse a:hover, .loginform .haveAcc a:hover {
            text-decoration: underline
        }

.loginform .form-control {
    padding: 0 0 0 10px;
    border: medium none;
    border-radius: 0;
    box-shadow: none !important;
    border-bottom: 2px solid #dae1e7;
    font-size: 16px
}

    .loginform .form-control:focus {
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(102,175,233,1);
        -ms-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(102,175,233,1);
        -o-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(102,175,233,1);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(102,175,233,1);
        box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(102,175,233,1)
    }

.loginform .input-group .form-control {
    border: 1px solid #ccc
}

.loginform .doHaveAcc {
    font-size: 13px;
    width: 100%;
    background-color: #f8fafc;
    color: #8795a1;
    border-radius: 0 0 5px 5px;
    padding: 15px
}

.loginform .has-error .form-control {
    border: 1px solid #e74c3c
}

.reset-password-get-design {
    border-radius: 4px 4px 0 0;
    background: #fff;
    padding: 30px 30px 0;
    margin-top: 24px
}

.loginform .reset-password-get-design label {
    display: none
}

.loginform .has-error .control-label {
    color: #e74c3c
}

.loginform .haveAcc {
    width: 100%;
    float: left;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 10px;
    color: #8795a1
}

.loginform .allRightRes {
    float: left;
    font-size: 16px;
    color: #fff;
    font-weight: 300
}

.termsofuse a {
    font-size: 12px;
    margin: 0 10px 50px;
    color: #fff;
    text-decoration: underline
}

.loginform label.chooseusertype {
    font-size: 16px
}

    .loginform label.chooseusertype input {
        top: 2px
    }

.dhLogoLogin {
    margin-bottom: 30px
}

.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: #e74c3c
}

.forgottxt {
    margin-bottom: 20px;
    float: left;
    clear: both;
    font-size: 13px
}

    .forgottxt .reset-css {
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
        display: block;
        margin: 15px 0 5px
    }

.text-center.doHaveAcc > a, .loginCommon, .form-group .rightLabel > a, #registrationForm .haveAcc.common-new > a {
    color: #777
}

.loginCommon {
    background: #fff;
    color: #525f7f;
    margin-top: 25px;
    padding: 30px 30px 20px;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08)
}

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

    .loginCommon .form-control::-moz-placeholder {
        color: #dae1e7
    }

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

    .loginCommon .form-control:-moz-placeholder {
        color: #dae1e7
    }

.login-container .refferalCommon {
    margin-top: 72px;
    display: flex;
    align-items: center;
    padding-left: 50px
}

.copyRightCss {
    margin-top: 50px
}

.loginform .copyRightCss {
    margin-top: 30px;
    display: flex;
    justify-content: center
}

#registrationForm .haveAcc.common-new > a {
    text-decoration: underline;
    color: #8795a1
}

.user-type .radio {
    margin-top: 0
}

.user-type .radio {
    margin-bottom: 15px
}

.user-type {
    margin-bottom: 8px;
    margin-top: 5px
}

.loginCommon .help-block {
    margin-bottom: 0;
    position: absolute;
    top: 100%;
    font-size: 13px;
    left: 10px
}

.loginform .form-control:focus {
    border-bottom: 2px solid #66900d
}

.loginform select.form-control:focus, .loginform select.form-control {
    border: 2px solid #eee
}

#boxTxt_agency .btn_radio a, .text-center.doHaveAcc > a {
    color: #777;
    text-decoration: underline
}

.text-center.doHaveAcc > a {
    color: #0c8de2
}

.refferalCommon .btn-default {
    padding: 8px 20px
}

.refferalCommon .whiteBtnNectar {
    margin-top: 20px
}

.pass-group {
    position: relative
}

    .pass-group .pass-eye {
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
        height: 100%
    }

    .pass-group .eyes {
        display: flex;
        cursor: pointer
    }

    .pass-group .show-eye {
        display: none
    }

    .pass-group .pass-eye ~ .tooltip > .tooltip-inner {
        min-width: 85px;
        padding: 5px;
        font-size: 10px
    }

.frm-popup-login .pass-group {
    width: 100%;
    height: 44px
}

    .frm-popup-login .pass-group .pass-eye {
        right: 15px;
        z-index: 2
    }

#logomaker_login_box .frm-popup-login .pass-group .pass-eye, #editor_login_box .frm-popup-login .pass-group .pass-eye {
    right: 0
}

#editor_login_box .frm-popup-login .pass-group {
    height: 34px
}

.modal-dialog {
    margin-top: 100px
}

.model-boxes .text-center {
    display: block
}

.model-boxes .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.035) inset;
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,.035) inset;
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.035) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.035) inset;
    box-shadow: 0 1px 1px rgba(0,0,0,.035) inset
}

.model-boxes .btn-primary {
    background-color: #2f9f9e;
    border-color: #4897cc;
    color: #fff
}

    .model-boxes .btn-primary:hover {
        background-color: #2f9f9e;
        border-color: #2f9f9e;
        color: #fff
    }

.panel-footer {
    background-color: #2f9f9e;
    border-top: 1px solid #2f9f9e;
    color: #fff
}

    .panel-footer a {
        color: #fff;
        font-size: 13px
    }

.modal-backdrop.in {
    opacity: .8
}

.modal-header .close {
    font-size: 36px;
    font-weight: 700;
    opacity: 1;
    color: #fff
}

.dh-sign-popup .modal-dialog {
    margin-top: 4%
}

.model-boxes .modal-sm {
    width: 100%;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.model-boxes h3 {
    font-size: 25px;
    font-weight: 400;
    padding: 0;
    color: #000;
    margin: 10px auto;
    display: inline-block
}

#testimonial_popup.model-boxes h3, #extend_handover_popup.model-boxes h3, #paymentRelease_confirm h3 {
    margin: 0 auto
}

#testimonial_popup.model-boxes .modal-header, #extend_handover_popup.model-boxes .modal-header, #paymentRelease_confirm .modal-header {
    border-radius: 6px 6px 0 0;
    border: none
}

    #testimonial_popup.model-boxes .modal-header .close, #extend_handover_popup.model-boxes .modal-header .close, #paymentRelease_confirm .modal-header .close {
        font-weight: 400
    }

#testimonial_popup.model-boxes .modal-sm, #extend_handover_popup.model-boxes .modal-sm, #paymentRelease_confirm.winner-confirmModal .modal-content {
    border-radius: 8px
}

#extend_handover_popup .modal-header.set-flex-props {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center
}

#paymentRelease_confirm.winner-confirmModal .modal-body {
    border-radius: 0 0 6px 6px;
    padding: 20px 40px;
    background-color: #f4f4f6
}

.model-boxes .modal-header, .model-boxes.modal-body {
    padding: 15px 30px
}

.model-boxes .modal-header {
    background: #707482 none repeat scroll 0 0;
    color: #fff
}

    .model-boxes .modal-header h3 {
        color: #fff
    }

    .model-boxes .modal-header a {
        color: #b6ea6c;
        font-weight: 700
    }

        .model-boxes .modal-header a:hover {
            text-decoration: underline;
            color: #96ca4c
        }

.model-boxes .modal-body {
    padding: 15px 30px 30px;
    background: #f4f4f6 none repeat scroll 0 0;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px
}

.model-boxes p {
    font-size: 16px;
    margin: 0
}

.model-boxes label {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 10px
}

.model-boxes input[type=text], .model-boxes input[type=password], .eliminate-boxes textarea, .model-boxes select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c1c5cd;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 44px;
    width: 100%
}

.model-boxes.upgradeContest input[type=text], .model-boxes.upgradeContest input[type=password] {
    background: #fff;
    border: 1px solid #ddd;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 34px;
    width: 100%
}

.model-boxes.dh-sign-popup .modal-footer {
    background: #707482 none repeat scroll 0 0;
    border-radius: 0 0 6px 6px;
    color: #fff;
    display: inline-block;
    padding: 10px;
    text-transform: uppercase;
    width: 100%
}

.dh-sign-popup .bookmark-image {
    float: left;
    margin: 0 0 5px;
    width: 100%
}

.bookmark-image > img {
    height: 25px
}

.model-boxes.dh-sign-popup .modal-sm {
    background-color: transparent;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    width: 100%
}

.model-boxes.dh-sign-popup .modal-body {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

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

.model-boxes .input-group {
    width: 100%
}

.pay_launch_btn, .save {
    display: inline-block
}

    .pay_launch_btn a:hover {
        background: #76aa2c
    }

.model-boxes .controls {
    margin: 20px 0 15px;
    text-align: center
}

.dh-common-section .pay_launch_btn a {
    float: none
}

.dh-sign-popup .signup-socialmedia {
    text-align: center;
    margin: 15px 0 30px
}

.dh-sign-popup a.signup-fb {
    background-color: #3e5a97
}

    .dh-sign-popup a.signup-fb:hover {
        background-color: #5675ba
    }

.dh-sign-popup a.signup-tw {
    background-color: #0c8de2;
    margin: 0 15px
}

    .dh-sign-popup a.signup-tw:hover {
        background-color: #35a8f4
    }

.dh-sign-popup a.signup-gl {
    background-color: #dc4c3c
}

    .dh-sign-popup a.signup-gl:hover {
        background-color: #e36f62
    }

.dh-sign-popup .signup-socialmedia a {
    color: #fff;
    width: 34px;
    display: inline-block;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-radius: 2px;
    font-size: 11px;
    position: relative;
    transition: all .3s ease;
    border-radius: 3px;
    padding: 0
}

    .dh-sign-popup .signup-socialmedia a i {
        position: absolute;
        left: 0;
        height: 100%;
        width: 34px;
        line-height: 34px;
        top: 0;
        border-radius: 3px
    }

.dh-sign-popup .dh-popup-divider {
    color: #777;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    text-align: center
}

    .dh-sign-popup .dh-popup-divider:before {
        background-color: #eee;
        content: "";
        height: 2px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: 13px;
        width: 230px
    }

    .dh-sign-popup .dh-popup-divider > span {
        background: #f4f4f6 none repeat scroll 0 0;
        display: block;
        margin: 0 auto;
        position: relative;
        width: 34px;
        z-index: 2
    }

.model-boxes input[type=text].form-control.errorshowbg {
    border: #db404b solid 1px
}

.new-popup-design.model-boxes .modal-header {
    border-radius: 3px 3px 0 0;
    background-color: #f7f7f7;
    padding: 20px;
    border: none;
    position: relative
}

.new-popup-design.model-boxes .modal-body {
    padding: 20px;
    background-color: #fff
}

.new-popup-design.model-boxes .modal-header h3 {
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 1;
    color: #333
}

.new-popup-design.model-boxes .modal-header p {
    color: #333333 !important
}

.new-popup-design.model-boxes .modal-header .close:hover {
    opacity: .8
}

.new-popup-design.model-boxes .modal-body {
    padding: 20px;
    background-color: #fff
}

.new-popup-design.model-boxes .modal-header a {
    color: #333;
    text-decoration: underline;
    font-weight: 600
}

    .new-popup-design.model-boxes .modal-header a:hover {
        color: #333;
        text-decoration: none
    }

    .new-popup-design.model-boxes .modal-header a:focus, .new-popup-design.model-boxes .modal-header a:active {
        color: #333
    }

.new-popup-design.model-boxes .modal-footer {
    background-color: #fff;
    color: #333;
    padding: 20px;
    border-radius: 0 0 3px 3px
}

.new-popup-design.model-boxes .modal-content {
    border: none
}

.new-popup-design.model-boxes {
    padding: 0 !important
}

    .new-popup-design.model-boxes.dh-sign-popup .modal-dialog {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .new-popup-design.model-boxes .modal-header .close {
        font-size: 0;
        outline: none;
        opacity: .2;
        top: 25px;
        right: 20px;
        position: absolute;
        transform: translateY(0%)
    }

    .new-popup-design.model-boxes .modal-footer .change-font-color, .new-popup-design.model-boxes.dh-sign-popup .modal-footer p {
        color: #333
    }

@media (max-width: 576px) {
    .new-popup-design.model-boxes.dh-sign-popup .modal-dialog {
        width: 100%
    }

    .pricingPage.dhPricing {
        height: 620px
    }

    .pr-tab-wrapper {
        margin-top: -440px
    }
}

.model-boxes .radio label {
    font-size: 14px
}

.max-char {
    display: block;
    line-height: 1.3;
    margin-top: 10px;
    float: left
}

.dialog-boxes .input-group, .eliminate-boxes .input-group {
    width: 100%
}

.dialog-boxes .panel-default > .panel-heading {
    background: #f4f4f6;
    border-color: #e5e5e5
}

.dialog-boxes .modal-content, .eliminate-boxes .modal-content {
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.dialog-boxes .panel-group .panel {
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    margin-bottom: 15px
}

.dialog-boxes .panel-title {
    font-size: 19px;
    font-weight: 400
}

.dialog-boxes label, .eliminate-boxes label {
    font-size: 16px;
    font-weight: 400
}

.dialog-boxes .form-control, .eliminate-boxes .form-control {
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.dialog-boxes h3, .eliminate-boxes h3 {
    font-size: 25px;
    font-weight: 400;
    color: #000;
    text-transform: capitalize;
    margin: 0
}

.dialog-boxes .controls, .eliminate-boxes .controls {
    text-align: center
}

.dialog-boxes a {
    color: #444
}

.eliminate-boxes .modal-body {
    background: #f4f4f6 none repeat scroll 0 0
}

.save a {
    background: #fff;
    border-bottom: 3px solid #bcbdbf;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #000 !important;
    float: left;
    padding: 8px 14px;
    margin: 0 0 0 14px;
    text-transform: uppercase
}

.entries-list {
    margin: 20px 0 0
}

.entries-box {
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 7px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 7px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,.1);
    box-shadow: 0 0 7px rgba(0,0,0,.1);
    border: none;
    position: relative;
    float: left;
    width: 100%;
    min-height: 308px
}

.entries-main-box .entries-box {
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: none;
    position: relative;
    float: left;
    width: 100%;
    min-height: 308px;
    margin: 0 0 30px;
    padding-top: 0;
    z-index: 1
}

.entries-main-box .panel.entries-box {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.shadow-box {
    -webkit-box-shadow: 0 6px 16px rgba(0,0,0,.18);
    -ms-box-shadow: 0 6px 16px rgba(0,0,0,.18);
    -o-box-shadow: 0 6px 16px rgba(0,0,0,.18);
    -moz-box-shadow: 0 6px 16px rgba(0,0,0,.18);
    box-shadow: 0 6px 16px rgba(0,0,0,.18);
    min-height: auto;
    position: absolute;
    width: 100%;
    height: 100%
}

#entriesInn .contest-owner .shadow-box {
    min-height: 484px
}

.shadow-box.increase-box {
    min-height: 508px
}

#entriesInn .contest-owner .shadow-box.increase-box {
    min-height: 565px
}

.entries-box .entries-detail {
    background: #000;
    color: #fff;
    border: none;
    float: left;
    width: 100%;
    padding: 20px 15px;
    position: relative;
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -ms-transition: transform .4s;
    -webkit-transition: transform .4s;
    -o-transition: transform .4s;
    -moz-transition: transform .4s;
    transition: transform .4s
}

.entry-mid.panel-body {
    background: #1a1a1a none repeat scroll 0 0;
    color: #fff
}

.designGalleryEntry .entries-main-box .entries-box {
    min-height: auto;
    height: calc(100% - 30px);
    background-color: transparent
}

.gallery-design .designGalleryEntry .entries-main-box .entries-box, .gallery-design.designGalleryEntry .entries-main-box .entries-box {
    box-shadow: none
}

.mid-left {
    float: left;
    width: auto
}

.mid-right {
    float: right;
    width: auto;
    position: relative
}

    .mid-right i {
        margin: 0 0 0 8px
    }

#review_design_popup_div .mid-right i {
    margin: 0
}

.mid-left i {
    font-size: 15px
}

.author-thumb {
    float: left;
    width: 16%
}

.author-details {
    float: right;
    width: 80%
}

.designGalleryEntry .author-details, .dg-right-box .author-details {
    float: left;
    margin-left: 10px;
    width: auto
}

.dg-right-box .author-details {
    margin-left: 0
}

.entries-main-box .author-name.pro-parent-css .common-pro-css {
    top: 3px
}

.gallery-design .entries-main-box .author-name.pro-parent-css .common-pro-css {
    opacity: 0;
    top: 6px
}

.gallery-design .entries-main-box:hover .author-details .common-pro-css {
    opacity: 1;
    background: #999
}

.entries-main-box .author-details .common-pro-css:hover {
    background: #a9a9a9
}

.listing-container-box .entries-main-box .author-name.pro-parent-css .common-pro-css {
    right: 0
}

.entries-right {
    float: right;
    width: auto
}

.detail-left {
    float: left;
    width: 76%
}

    .detail-left .author-name {
        display: block;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

.color-code {
    background: #fff none repeat scroll 0 0;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #626262;
    font-size: 16px;
    margin: 2px 0 0;
    padding: 7px 10px;
    text-align: center;
    width: auto
}

.author-details .star-rating i {
    color: #bbb;
    cursor: pointer;
    float: left;
    font-size: 17px;
    margin-left: 4px
}

.pollAvgRating .author-details .star-rating i {
    font-size: 13px
}

.listing-container-box .detail-left .author-name {
    padding-right: 35px
}

.entries-thumb img {
    -webkit-transition: transform .4s ease 0s;
    -ms-transition: transform .4s ease 0s;
    -o-transition: transform .4s ease 0s;
    -moz-transition: transform .4s ease 0s;
    transition: transform .4s ease 0s;
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px)
}

.designGalleryEntry .entries-thumb img {
    -webkit-transition: transform .4s ease 0s;
    -ms-transition: transform .4s ease 0s;
    -o-transition: transform .4s ease 0s;
    -moz-transition: transform .4s ease 0s;
    transition: transform .4s ease 0s;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    width: 100%;
    height: 100%;
    object-fit: cover
}

.designGalleryEntry .entries-thumb .personalDesImg > img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(1.1) !important;
    -o-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    -moz-transform: scale(1.1) !important;
    transform: scale(1.1) !important
}

.designGalleryEntry .personalDesImg {
    height: 0;
    padding-top: 100%;
    position: relative
}

.entries-main-box:hover .entries-thumb img {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px)
}

.entry-mid a, .author-name > a {
    color: #fff;
    text-decoration: none;
    position: relative
}

.share-icons > a {
    color: #fff;
    display: block;
    float: left;
    font-size: 20px;
    margin: 0 !important;
    padding: 15px 0;
    width: 25%;
    text-align: center
}

.share-icons > .facebook-css {
    background: #346da6
}

    .share-icons > .facebook-css:hover {
        background: #2a5d91
    }

.share-icons > .pinterest-css {
    background: #ca2128
}

    .share-icons > .pinterest-css:hover {
        background: #971016
    }

.share-icons > .twitter-css {
    background: #27aae0
}

    .share-icons > .twitter-css:hover {
        background: #178bbb
    }

.share-icons > .google-plus-css {
    background: #de4b39
}

    .share-icons > .google-plus-css:hover {
        background: #b13728
    }

.share-mid a i {
    font-size: 22px;
    margin: 0
}

.share-mid {
    overflow: hidden;
    width: 100%
}

.toggle-mid-css {
    float: left;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 7px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 7px rgba(0,0,0,.1);
    box-shadow: 0 0 7px rgba(0,0,0,.1)
}

.entry-mid.panel-body {
    margin: 0;
    opacity: 0;
    -webkit-transition: transform .4s ease 0s,opacity .1s ease .3s;
    -ms-transition: transform .4s ease 0s,opacity .1s ease .3s;
    -o-transition: transform .4s ease 0s,opacity .1s ease .3s;
    -moz-transition: transform .4s ease 0s,opacity .1s ease .3s;
    transition: transform .4s ease 0s,opacity .1s ease .3s;
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    -moz-transform: translateY(120%);
    transform: translateY(120%);
    position: relative
}

.entries-main-box:hover .entry-mid.panel-body {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: transform .4s,opacity .1s;
    -ms-transition: transform .4s,opacity .1s;
    -o-transition: transform .4s,opacity .1s;
    -moz-transition: transform .4s,opacity .1s;
    transition: transform .4s,opacity .1s
}

#myCarousel .left.carousel-control, #myCarousel .right.carousel-control {
    background-image: none
}

.handover-css > a {
    background: #82bc3b none repeat scroll 0 0;
    color: #fff;
    padding: 5px 15px;
    text-decoration: none;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.colorplate > ul {
    margin: 8px 0;
    overflow: hidden;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.colorplate li {
    background: #e08080;
    float: left;
    height: auto;
    padding: 12px 0;
    width: 7.142%;
    cursor: pointer
}

    .colorplate li:nth-child(2) {
        background: gray
    }

    .colorplate li:nth-child(3) {
        background: #808040
    }

    .colorplate li:nth-child(4) {
        background: #c0c0e0
    }

    .colorplate li:nth-child(5) {
        background: #202020
    }

    .colorplate li:nth-child(6) {
        background: #402060
    }

    .colorplate li:nth-child(7) {
        background: #a0a0c0
    }

    .colorplate li:nth-child(8) {
        background: #8080a0
    }

    .colorplate li:nth-child(9) {
        background: #e04040
    }

    .colorplate li:nth-child(10) {
        background: #806040
    }

    .colorplate li:nth-child(11) {
        background: #408060
    }

    .colorplate li:nth-child(12) {
        background: #2060a0
    }

    .colorplate li:nth-child(13) {
        background: #a0c0e0
    }

    .colorplate li:nth-child(14) {
        background: #600000
    }

.designGalleryEntry .colorplate li {
    width: 8.12%
}

.designGalleryEntry .colorplate > ul {
    float: left;
    margin: 8px 0;
    width: 100%;
    overflow: unset
}

.colorplate li:hover {
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 999999
}

.designGalleryEntry .colorplate li:first-child {
    margin-left: 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.designGalleryEntry .colorplate li:last-child {
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

#collapseHeaderColor .colorplate li {
    padding: 9px 0;
    width: 4.1%
}

a.eliminatecontest .toggle-up {
    top: -374%
}

#myCarousel {
    background: #fff none repeat scroll 0 0;
    margin: 0 0 15px;
    padding: 20px 0 0
}

.eliminate-boxes textarea {
    height: auto
}

.mid-right a > .toggle-up {
    background: #000 none repeat scroll 0 0;
    display: none;
    font-size: 10px;
    padding: 4px 12px;
    position: absolute;
    right: -218%;
    text-align: center;
    top: -281%;
    width: 110px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.mid-right a:first-child > .toggle-up {
    right: -176%
}

.toggle-up:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    content: "";
    left: 47%;
    position: absolute;
    top: 100%
}

.mid-right a:hover > .toggle-up {
    display: block
}

.mid-right .color-plateimg {
    margin: 0 0 2px 8px;
    width: 14px
}

.thumbnail {
    padding: 0
}

    .thumbnail.entries-thumb {
        border: medium none;
        border-radius: 8px;
        margin: 0;
        overflow: hidden;
        position: relative
    }

.listing-container-box .thumbnail.entries-thumb {
    border-radius: 8px 8px 0 0
}

.designGalleryEntry .entries-box .entries-detail {
    background: #fff;
    margin-top: 0;
    border-top: 1px solid #eee
}

.page120 .designGalleryEntry .entries-box .entries-detail {
    margin-top: 0
}

.gallery-design .thumbnail.entries-thumb {
    padding: 20px 20px 40px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.07);
    box-shadow: 0 1px 2px rgba(0,0,0,.07)
}

.eliminate-entry-mid {
    background: #fff none repeat scroll 0 0;
    margin: 0 0 15px;
    overflow: hidden;
    width: 100%;
    padding: 20px 0 0
}

.contact_designer_left, .contact_designer_right {
    float: left;
    width: 48%
}

.contact_designer_right {
    margin-left: 18px
}

.contact_designer_box {
    width: 100%;
    float: left
}

.contact_designer_icons {
    display: inline-block;
    margin: 20px auto;
    text-align: center;
    width: 100%
}

    .contact_designer_icons a {
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
        display: block;
        font-size: 15px;
        margin: 20px 0 0;
        padding: 8px
    }

.message_designer {
    background: #2d92d7
}

    .message_designer:hover {
        background: #207dbc
    }

.invite_designer {
    background: #82bc3b
}

    .invite_designer:hover {
        background: #ec6a3c
    }

.contact-designer .pay_launch_btn.process-css, .contact-designer .pay_launch_btn a {
    width: 100%
}

.form_info_css {
    margin: 0 0 20px;
    font-size: 15px
}

    .form_info_css li {
        line-height: 26px
    }

.contact-designer .form-group > label {
    font-size: 15px
}

#invite_designers .modal-dialog {
    width: 600px
}

.invitation_main {
    float: left;
    width: 100%;
    position: relative
}

.invitation_main_left {
    float: left;
    width: 40%
}

.invitation_main_right {
    float: right;
    width: 50%
}

.invitation_title {
    font-size: 18px;
    margin-bottom: 10px
}

.invitation_title1 {
    font-size: 18px;
    margin: 10px 0
}

.invitation_main_right h5 {
    color: red;
    margin: 30px 0 5px
}

.invitation_main_right i {
    color: #337ab7
}

.invitation_main_right b {
    color: #89af24;
    font-size: 16px;
    font-weight: 500
}

.invitation_main_left:after {
    border-right: 2px solid #e4e4e4;
    content: "";
    height: 160px;
    left: 45%;
    position: absolute;
    top: 0;
    width: 1px
}

.upgradeContest {
    font-size: 14px
}

.modal-dialog.modal-lg {
    width: 900px
}

.modal-content {
    width: 100%
}

.upgradeContest h4 {
    clear: both;
    color: #348fc6;
    float: left;
    margin: 20px 0;
    width: 100%
}

    .upgradeContest h4.addmoreHeading {
        margin-top: 0
    }

.upgradeContest.model-boxes label {
    font-size: 14px;
    font-weight: 400;
    text-align: left
}

.guaranteedBlk {
    float: left;
    width: 100%;
    background: #fff;
    padding: 15px 0;
    border: 1px solid #ccc;
    font-size: 14px
}

    .guaranteedBlk em {
        font-size: 11px;
        color: #999
    }

    .guaranteedBlk span {
        display: inline-block
    }

    .guaranteedBlk label {
        width: 100%
    }

    .guaranteedBlk i {
        float: right
    }

    .guaranteedBlk .checkbox {
        padding: 0 20px
    }

        .guaranteedBlk .checkbox.bundleAddons {
            border-top: 1px solid #ccc;
            float: left;
            padding: 15px 20px 0;
            width: 100%
        }

            .guaranteedBlk .checkbox.bundleAddons label {
                margin-bottom: 0
            }

.guaranteedBlk1 {
    float: left;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0 none;
    width: 100%
}

    .guaranteedBlk1 li {
        border-right: 1px solid #ccc;
        float: left;
        min-height: 82px;
        padding: 15px 20px 0;
        width: 33%
    }

        .guaranteedBlk1 li:last-child {
            border-right: 0 none
        }

.model-boxes input[type=text].inviteTextBox {
    width: 50px;
    height: auto;
    text-align: center;
    margin-left: 5px;
    font-weight: 700
}

.upgradeContest.model-boxes label.participationAmt {
    color: #dc4e33;
    font-size: 17px;
    font-weight: 600;
    width: auto;
    margin: 0 5px;
    padding: 0
}

.upgradeContest.model-boxes p {
    font-size: 14px
}

.totalupgradeCost {
    padding: 15px 20px;
    margin-bottom: 20px
}

.totalupgradeCostInn {
    font-size: 20px !important;
    font-weight: 600;
    color: #dc4e33
}

.totalupgradeCost .addmoreDesign {
    margin-top: 6px
}

.upgradeContest .icon-exclamation-sign:before {
    margin-top: 7px;
    font-size: 20px
}

.upgradeContest .modal-body {
    max-height: 500px;
    overflow-y: scroll
}

.payforinvitation {
    font-size: 20px;
    text-align: center;
    margin: 0 0 20px
}

.launch-currency {
    background: #1f8ceb;
    border-radius: 36px;
    bottom: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.3);
    -o-box-shadow: 0 4px 6px rgba(0,0,0,.3);
    -ms-box-shadow: 0 4px 6px rgba(0,0,0,.3);
    color: #fff;
    cursor: pointer;
    height: 52px;
    left: 10px;
    opacity: 1;
    position: fixed;
    text-align: center;
    transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    visibility: visible;
    width: 128px;
    z-index: 99
}

    .launch-currency.currency-close {
        bottom: 0;
        opacity: 0;
        visibility: hidden
    }

.currency-bg {
    background-image: url("//cdn1.designhill.com/assets/dh/images/cc.svg?rnd=1");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 103px auto;
    display: block;
    height: 38px;
    margin: 6px auto;
    width: 128px
}

.launch-currency .icon-dollar {
    font-size: 30px
}

.currency-parent {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    bottom: 0;
    box-shadow: -7px 1px 15px rgba(0,0,0,.2);
    padding: 25px;
    position: fixed;
    left: 13px;
    transition: all .4s ease 0s;
    opacity: 0;
    visibility: hidden;
    z-index: 999999
}

.currency_close {
    color: #979797;
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 0
}

.currency-parent.currency-show {
    opacity: 1;
    visibility: visible;
    bottom: 10px
}

.gcw_infoFUtLCJdfz {
    display: none
}

.myaccDropdown .dropdown-toggle.cog-css-new {
    display: inline-block;
    height: 60px;
    padding-right: 7px;
    width: 50px;
    position: relative
}

.user-info-section .whiteBtnNectar .btn.btn-default.white-spacse-css.new-button-css {
    font-size: 13px;
    font-weight: 500;
    padding: 7px 9px
}

.myaccDropdown .dropdown-toggle.cog-css-new:after {
    content: "\f0d7";
    font-family: fontawesome;
    position: absolute;
    right: -8px;
    top: 4px
}

.bold_text {
    font-weight: 700
}

.launchContest-main {
    clear: both;
    float: left;
    width: 100%;
    position: relative
}

.launchContestHeader {
    background: #282828;
    height: 150px
}

.launchContestHeaderInn {
    height: 150px
}

.launchContestSteps {
    width: 100%;
    max-width: 1200px;
    margin: auto
}

.launchContestSteps4 {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    margin-top: 20px
}

.launchContestStepsHeading {
    clear: both;
    float: left;
    padding: 30px 0 40px;
    color: #fff;
    font-weight: 300;
    text-align: center;
    width: 100%;
    position: relative
}

.launchContestStepsHeading1 {
    clear: both;
    float: left;
    padding: 30px 0 40px;
    color: #555;
    font-weight: 400;
    text-align: center;
    width: 100%;
    position: relative
}

.launchContestStepsHeading .mainHeading h1 {
    font-size: 40px;
    margin-bottom: 10px;
    padding: 0;
    font-weight: 300
}

.launchContestStepsHeading .subHeading h3 {
    font-size: 16px;
    padding: 0;
    margin: 0;
    font-weight: 300
}

.launchContestStepsHeading1 .mainHeading {
    font-size: 28px;
    margin-bottom: 10px
}

.launchContestStepsHeading1 .subHeading {
    font-size: 15px;
    font-weight: 300;
    color: #666
}

.launchContestStepsHeading .moneyBackDesignSingle_2 h3, .pricingPage .moneyBackDesignSingle_2 h3, .howItWorksPage .moneyBackDesignSingle_2 h3 {
    color: #fff;
    font-size: 16px;
    padding: 0;
    margin: 0;
    font-weight: 300
}

.pricingPage .moneyBackDesignSingle_2 h3, .howItWorksPage .moneyBackDesignSingle_2 h3 {
    color: #333
}

.lcCategory1 {
    width: 94%;
    background: #fff;
    float: left;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 20px 3%;
    margin-bottom: 20px;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2);
    -ms-box-shadow: 0 2px 2px rgba(0,0,0,.2);
    -o-box-shadow: 0 2px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    -moz-transition: box-shadow .3s ease-in-out 0s;
    -ms-transition: box-shadow .3s ease-in-out 0s;
    -o-transition: box-shadow .3s ease-in-out 0s;
    -webkit-transition: box-shadow .3s ease-in-out 0s;
    transition: box-shadow .3s ease-in-out 0s
}

div:hover.lcCategory1 {
    -moz-box-shadow: 0 5px 20px rgba(0,0,0,.6);
    -ms-box-shadow: 0 5px 20px rgba(0,0,0,.6);
    -o-box-shadow: 0 5px 20px rgba(0,0,0,.6);
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.6);
    box-shadow: 0 5px 20px rgba(0,0,0,.6)
}

.lcCategory1-left {
    float: left;
    text-align: center;
    width: 30%;
    font-weight: 300
}

.lcCategory1-right {
    float: left;
    margin-left: 5%;
    width: 65%
}

    .lcCategory1-right ul {
        margin: 0;
        padding: 0
    }

        .lcCategory1-right ul li {
            margin: 0;
            padding: 0;
            list-style: none;
            width: 47%;
            float: left;
            margin-right: 5%
        }

            .lcCategory1-right ul li:nth-child(even) {
                margin-right: 0
            }

            .lcCategory1-right ul li a {
                width: 100%;
                float: left;
                padding: 7px 10px;
                color: #555;
                letter-spacing: .1px;
                font-size: 13px
            }

                .lcCategory1-right ul li a:hover {
                    background: #333;
                    color: #fff
                }

                    .lcCategory1-right ul li a:hover span.label2 {
                        color: #fff
                    }

                .lcCategory1-right ul li a span.label1 {
                    float: left
                }

                .lcCategory1-right ul li a span.label2 {
                    float: right;
                    color: #82bc3b
                }

.launch_progressbar {
    clear: both;
    position: relative;
    top: 60px
}

.launch_prog_rod {
    width: 80%;
    height: 8px;
    background: #535353;
    margin: auto
}

.launch_prog_circle {
    position: relative
}

.progress_step1 {
    background: #767676;
    border: 5px solid #535353;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    height: 42px;
    position: absolute;
    text-align: center;
    top: -28px;
    width: 42px;
    left: 28%;
    z-index: 2
}

.progress_step2 {
    background: #767676;
    border: 5px solid #535353;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    height: 42px;
    position: absolute;
    text-align: center;
    top: -28px;
    width: 42px;
    left: 41%;
    z-index: 2
}

.progress_step3 {
    background: #767676;
    border: 5px solid #535353;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    height: 42px;
    position: absolute;
    text-align: center;
    top: -28px;
    width: 42px;
    left: 60%;
    z-index: 2
}

.progress_step4 {
    background: #767676;
    border: 5px solid #535353;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    height: 42px;
    position: absolute;
    text-align: center;
    top: -28px;
    width: 42px;
    left: 46%;
    z-index: 2
}

.step2_inn {
    white-space: nowrap;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    color: #fff;
    margin-top: 20px
}

.step2_inn_1, .step2_inn_2, .step2_inn_3 {
    white-space: nowrap;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    max-width: 225px
}

.step2_inn_2 {
    max-width: 94%
}

.step2_inn_3 {
    max-width: 100%;
    text-align: center;
    margin-left: 34%
}

.step2_inn_4 {
    max-width: 60%;
    text-align: right
}

.step_num {
    position: absolute;
    margin: -2px 0 0 9px
}

.progress_step1.active, .progress_step2.active, .progress_step3.active, .progress_step4.active {
    background: #82bc3b;
    border: 5px solid #535353;
    cursor: pointer
}

.progress_step1.completed, .progress_step2.completed, .progress_step3.completed, .progress_step4.completed {
    background: #91c235;
    border: 5px solid #535353;
    cursor: pointer
}

.completed_rod {
    position: absolute;
    background: #91c235;
    top: 3px;
    height: 2px;
    float: left;
    z-index: 1;
    left: 13%
}

    .completed_rod.compstep2 {
        width: 34%
    }

    .completed_rod.compstep3 {
        width: 50%
    }

    .completed_rod.secStep {
        left: 360px
    }

.progress_rod {
    position: absolute;
    background: #82bc3b;
    top: 3px;
    height: 2px;
    z-index: 0;
    left: 13%
}

    .progress_rod.thirdStep {
        left: 680px
    }

.block01 {
    background: #505050;
    background: -webkit-linear-gradient(to bottom,#505050 0%,#707070 100%) repeat scroll 0 0 rgba(0,0,0,0);
    background: -o-linear-gradient(to bottom,#505050 0%,#707070 100%) repeat scroll 0 0 rgba(0,0,0,0);
    background: -moz-linear-gradient(to bottom,#505050 0%,#707070 100%) repeat scroll 0 0 rgba(0,0,0,0);
    background: linear-gradient(to bottom,#505050 0%,#707070 100%) repeat scroll 0 0 rgba(0,0,0,0);
    width: 100%;
    float: left;
    padding-bottom: 70px
}

.block02, .block03 {
    background: #f5f5f5;
    clear: both;
    width: 100%;
    float: left;
    font-weight: 300
}

.leftHeading {
    font-size: 20px;
    color: #535865;
    margin-top: 10px
}

.leftSubHeading {
    color: #535865;
    margin: 10px auto;
    font-size: 14px;
    width: 80%;
    letter-spacing: .5px
}

.progress_step1 i, .progress_step2 i, .progress_step3 i, .progress_step4 i {
    font-size: 20px;
    position: absolute;
    left: 6px;
    top: 6px;
    line-height: 20px
}

.launchContHeader {
    width: 100%;
    background: #f9f9f9;
    float: left
}

.pricingChart {
    clear: both;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    font-weight: 300
}

    .pricingChart .block1, .pricingChart .block2, .pricingChart .block3, .pricingChart .block4 {
        width: 273px;
        margin-right: 33.3px;
        float: left;
        -moz-transition: box-shadow .3s ease-in-out 0s;
        -ms-transition: box-shadow .3s ease-in-out 0s;
        -o-transition: box-shadow .3s ease-in-out 0s;
        -webkit-transition: box-shadow .3s ease-in-out 0s;
        transition: box-shadow .3s ease-in-out 0s;
        -moz-border-radius: 5px 5px 0 0;
        -ms-border-radius: 5px 5px 0 0;
        -o-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        border: 1px solid #f9f9f9
    }

    .pricingChart .block4 {
        margin-right: 0
    }

        .pricingChart .block1 .heading, .pricingChart .block2 .heading, .pricingChart .block3 .heading, .pricingChart .block4 .heading {
            background: #283b4d;
            text-align: center;
            line-height: 55px;
            color: #fff;
            font-size: 20px;
            -moz-border-radius: 5px 5px 0 0;
            -ms-border-radius: 5px 5px 0 0;
            -o-border-radius: 5px 5px 0 0;
            -webkit-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
            letter-spacing: 1px;
            text-transform: capitalize
        }

    .pricingChart .block1 .priceCol {
        background: #4897cc;
        width: 100%;
        padding: 20px 0
    }

        .pricingChart .block1 .priceCol span, .pricingChart .block2 .priceCol span, .pricingChart .block3 .priceCol span, .pricingChart .block4 .priceCol span {
            display: block;
            width: 80px;
            height: 80px;
            border: 3px solid #fff;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            margin: auto;
            color: #fff;
            text-align: center;
            -moz-box-shadow: 0 3px 0 rgba(0,0,0,.2);
            -ms-box-shadow: 0 3px 0 rgba(0,0,0,.2);
            -o-box-shadow: 0 3px 0 rgba(0,0,0,.2);
            -webkit-box-shadow: 0 3px 0 rgba(0,0,0,.2);
            box-shadow: 0 3px 0 rgba(0,0,0,.2)
        }

            .pricingChart .block1 .priceCol span label, .pricingChart .block2 .priceCol span label, .pricingChart .block3 .priceCol span label, .pricingChart .block4 .priceCol span label {
                margin: 27px 0 0;
                font-size: 20px;
                display: block
            }

    .pricingChart .block1 .priceCol {
        background: #4897cc;
        width: 100%;
        padding: 20px 0;
        float: left
    }

    .pricingChart .block2 .priceCol {
        background: #2f9f9e;
        width: 100%;
        padding: 20px 0;
        float: left
    }

    .pricingChart .block3 .priceCol {
        background: #9c5d7a;
        width: 100%;
        padding: 20px 0;
        float: left
    }

    .pricingChart .block4 .priceCol {
        background: #f4b350;
        width: 100%;
        padding: 20px 0;
        float: left
    }

    .pricingChart .priceDesc {
        clear: both;
        width: 100%;
        float: left;
        background: #fff;
        height: 190px;
        font-size: 13px
    }

        .pricingChart .priceDesc ul li {
            line-height: 25px
        }

    .pricingChart .block1 .priceBtn {
        background: #4897cc;
        float: left;
        padding: 10px 0;
        width: 100%
    }

    .pricingChart .block2 .priceBtn {
        background: #2f9f9e;
        float: left;
        padding: 10px 0;
        width: 100%
    }

    .pricingChart .block3 .priceBtn {
        background: #9c5d7a;
        float: left;
        padding: 10px 0;
        width: 100%
    }

    .pricingChart .block4 .priceBtn {
        background: #f4b350;
        float: left;
        padding: 10px 0;
        width: 100%
    }

.priceLinkBtn {
    position: relative;
    max-width: 120px;
    margin: auto;
    cursor: pointer
}

.nectar-button span {
    left: 0;
    position: relative;
    -webkit-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
    font-weight: 700
}

.nectar-button i {
    line-height: 18px;
    margin-top: -9px;
    opacity: 0;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
    width: 18px;
    font-size: 18px;
    margin-left: 10px
}

a:hover.nectar-button > i {
    opacity: 1;
    right: 16px
}

a:hover.nectar-button > span {
    left: -18px
}

a:hover.nectar-button.active > span {
    left: 0
}

.block1:hover, .block2:hover, .block3:hover, .block4:hover {
    opacity: 1;
    cursor: pointer;
    border: 1px solid #e7e9eb !important;
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -ms-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

.block1 {
    opacity: 1 !important;
    cursor: default !important;
    border: 1px solid #e7e9eb !important;
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -ms-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

.nectar-button.active {
    background: #fff;
    cursor: default
}

a:hover.nectar-button {
    background: 0 0
}

.block1 .nectar-button.active {
    color: #4897cc
}

.block1 a:hover.nectar-button {
    color: #4897cc
}

.block2 .nectar-button.active {
    color: #2f9f9e
}

.block2 a:hover.nectar-button {
    color: #2f9f9e
}

.block3 .nectar-button.active {
    color: #9c5d7a
}

.block3 a:hover.nectar-button {
    color: #9c5d7a
}

.block4 .nectar-button.active {
    color: #f4b350
}

.block4 a:hover.nectar-button {
    color: #f4b350
}

.priceDesc ul {
    margin: 20px 0 0 20px;
    padding: 0
}

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

.priceDesc li i {
    color: #999;
    margin-right: 5px;
    font-size: 12px
}

.pricingBlock, .budgetBlock, .addOnsBlock {
    clear: both;
    margin-top: 40px;
    float: left;
    width: 100%
}

.addOnsBlkMain {
    background: #fff;
    border: 1px solid #e7e9eb;
    clear: both;
    float: left;
    width: 100%
}

.addOnsBlkMainInn {
    clear: both;
    float: left;
    border-bottom: 1px solid #f2f2f2;
    padding: 1.5% 2%;
    width: 96%
}

.addOnsIconDiv {
    float: left;
    text-align: center;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 0 2px;
    width: 40px;
    background: #555;
    margin: 0 10px 0 0
}

    .addOnsIconDiv i {
        font-size: 30px;
        color: #fff
    }

.addOnsIconDivDesc {
    float: left;
    max-width: 630px
}

.addOnsIconDivDesHeading {
    font-size: 16px;
    font-weight: 500;
    color: #555
}

.addOnsIconDivDesText {
    font-size: 14px;
    clear: both;
    margin-top: 4px;
    color: #555
}

.addOnsIconDivDesTextRad {
    float: left;
    margin-right: 100px;
    font-weight: 700
}

.addOnsSelectBtn, .addOnsToggleBtn {
    position: relative;
    width: 120px;
    margin: 2px auto;
    cursor: pointer;
    float: right
}

.addOnsPrice {
    float: left;
    margin: 5px 0 0 160px;
    color: #555;
    font-weight: 400;
    font-size: 21px;
    text-align: center
}

.addOnsPriceBundle {
    float: left;
    margin: 5px 0 0 184px;
    color: #555;
    font-weight: 400;
    font-size: 21px;
    text-align: right
}

.addOnsBlkMainInn .nectar-button {
    color: #555;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 20px;
    text-transform: uppercase;
    border: 2px solid #eee;
    padding: 5px 0;
    text-align: center;
    display: block;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

    .addOnsBlkMainInn .nectar-button i {
        line-height: 18px;
        margin-top: -9px;
        opacity: 0;
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
        -o-transition: all .2s ease-out 0s;
        -moz-transition: all .2s ease-out 0s;
        transition: all .2s ease-out 0s;
        width: 18px;
        font-size: 18px;
        margin-left: 10px
    }

div:hover.addOnsBlkMainInn a.nectar-button > i {
    opacity: 1;
    right: 16px
}

div:hover.addOnsBlkMainInn.active a.nectar-button > i {
    opacity: 1;
    right: 10px
}

div:hover.addOnsBlkMainInn a.nectar-button > span {
    left: -18px
}

div:hover.addOnsBlkMainInn.active a.nectar-button > span {
    left: -12px
}

div:hover.addOnsBlkMainInn a.nectar-button.active > span {
    left: 0
}

div:hover.addOnsBlkMainInn a.nectar-button {
    background: #4897cc
}

div:hover.addOnsBlkMainInnToggle.active a.nectar-button > span {
    left: 0
}

.addOnsBlkMainInn.active {
    background: #4897cc;
    border-bottom: 1px solid #4897cc
}

    .addOnsBlkMainInn.active .addOnsIconDiv {
        background: #fff
    }

        .addOnsBlkMainInn.active .addOnsIconDiv i {
            color: #555
        }

    .addOnsBlkMainInn.active .addOnsIconDivDesHeading {
        color: #fff
    }

    .addOnsBlkMainInn.active .addOnsIconDivDesText {
        color: #eee
    }

    .addOnsBlkMainInn.active .addOnsPrice {
        color: #fff
    }

    .addOnsBlkMainInn.active .addOnsPriceBundle {
        color: #fff
    }

    .addOnsBlkMainInn.active .nectar-button {
        color: #fff
    }

    .addOnsBlkMainInn.active a:hover.nectar-button > i {
        opacity: 1;
        right: 10px
    }

    .addOnsBlkMainInn.active a:hover.nectar-button.active > span {
        left: 0
    }

    .addOnsBlkMainInn.active a:hover.nectar-button {
        background: 0 0
    }

div:hover.addOnsBlkMainInn.active .addOnsToggleBtn a:hover.nectar-button > span {
    left: 0
}

div:hover.addOnsBlkMainInn {
    background: #555;
    cursor: pointer;
    -webkit-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
    border-bottom: 1px solid #555
}

    div:hover.addOnsBlkMainInn .addOnsIconDiv {
        background: #fff
    }

        div:hover.addOnsBlkMainInn .addOnsIconDiv i {
            color: #555
        }

    div:hover.addOnsBlkMainInn .addOnsIconDivDesHeading {
        color: #fff
    }

    div:hover.addOnsBlkMainInn .addOnsIconDivDesText {
        color: #eee
    }

    div:hover.addOnsBlkMainInn .addOnsPrice {
        color: #fff
    }

    div:hover.addOnsBlkMainInn .addOnsPriceBundle {
        color: #fff
    }

    div:hover.addOnsBlkMainInn .nectar-button {
        color: #fff;
        background: #4897cc
    }

    div:hover.addOnsBlkMainInn a:hover.nectar-button > i {
        opacity: 1;
        right: 10px
    }

    div:hover.addOnsBlkMainInn a:hover.nectar-button > span {
        left: -12px
    }

    div:hover.addOnsBlkMainInn a:hover.nectar-button.active > span {
        left: 0
    }

    div:hover.addOnsBlkMainInn a:hover.nectar-button {
        background: #4897cc
    }

    div:hover.addOnsBlkMainInn .addOnsToggleBtn a:hover.nectar-button > span {
        left: -18px
    }

    div:hover.addOnsBlkMainInn.disableHover {
        background: #fff;
        border-bottom: 1px solid #f2f2f2;
        cursor: default
    }

        div:hover.addOnsBlkMainInn.disableHover .addOnsIconDivDesHeading {
            color: #555
        }

        div:hover.addOnsBlkMainInn.disableHover .addOnsIconDivDesText {
            color: #555
        }

        div:hover.addOnsBlkMainInn.disableHover .addOnsIconDiv i {
            color: #fff
        }

        div:hover.addOnsBlkMainInn.disableHover .addOnsIconDiv {
            background: #555
        }

div:last-child.addOnsBlkMainInn, div:last-child:hover.addOnsBlkMainInn {
    border-bottom: 0 none
}

.bundlePackage {
    background: #17cbc0;
    border-bottom: 1px solid #17cbc0
}

div:hover.bundlePackage {
    background: #07aba0;
    border-bottom: 1px solid #07aba0
}

.bundlePackage .addOnsIconDiv i {
    color: #555
}

.bundlePackage .addOnsIconDivDesHeading {
    color: #fff
}

.bundlePackage .addOnsIconDivDesText {
    color: #eee
}

.bundlePackage .addOnsPrice {
    color: #fff
}

.bundlePackage .addOnsPriceBundle {
    color: #fff
}

.bundlePackage .nectar-button {
    color: #fff
}

.bundlePackage a:hover.nectar-button > i {
    opacity: 1;
    right: 10px
}

.bundlePackage a:hover.nectar-button > span {
    left: -12px
}

.bundlePackage a:hover.nectar-button.active > span {
    left: 0
}

.bundlePackage a:hover.nectar-button {
    background: 0 0
}

.addOnsToggleBtn {
    float: right
}

.labelName {
    float: left;
    width: 200px
}

.labelValue {
    float: left
}

.labelDiffMain {
    padding: 1.5% 2%;
    clear: both;
    width: 96%;
    float: left;
    border-bottom: 1px solid #e7e9eb
}

.labelDiffMainTotal {
    padding: 1.5% 2%;
    clear: both;
    width: 96%;
    float: left;
    border-bottom: 1px solid #e7e9eb;
    font-weight: 400;
    font-size: 19px
}

.pbInnerMain {
    border: 1px solid #e7e9eb;
    background: #fff;
    font-size: 13px;
    float: left;
    width: 99.9%;
    display: none
}

.customizePack {
    background: #333;
    clear: both;
    line-height: 50px;
    color: #fff;
    padding-left: 20px;
    font-size: 18px;
    cursor: pointer
}

.customizePackBreak {
    position: relative
}

    .customizePackBreak select {
        width: 200px
    }

.labelDiffMain input {
    border: 1px solid #e7e9eb;
    padding: 5px
}

.labelDiffMain select {
    border: 1px solid #e7e9eb;
    margin-left: 10px;
    padding: 2px 10px
}

.labelDiffMain a {
    text-decoration: none;
    padding: 0 10px
}

div:last-child.labelDiffMain {
    border-bottom: 0 none
}

.infoSign {
    margin: 2px 0 0 15px;
    float: left
}

    .infoSign i {
        font-size: 20px;
        color: #b3b3b3;
        display: block
    }

.alignLeft {
    float: left
}

.addPlaceBtn {
    margin: 0 0 0 20px;
    display: block;
    text-decoration: none
}

.designhillFee .infoSign {
    margin: -4px 0 0 15px
}

.labelDiffMainTotal {
    border-bottom: 0 none
}

.labelValue input {
    width: 300px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.customizePack i {
    position: absolute;
    color: #fff;
    right: 20px;
    line-height: 50px;
    font-size: 27px
}

.total_amount, .total_amount_button {
    width: 100%;
    display: inline-block;
    padding: 0 0 30px;
    margin-top: 20px;
    position: relative
}

.total_amount4 {
    width: 100%;
    display: inline-block;
    padding: 0 0 30px;
    border-bottom: 1px solid #595858;
    -moz-box-shadow: 0 1px 0 #707070;
    -ms-box-shadow: 0 1px 0 #707070;
    -o-box-shadow: 0 1px 0 #707070;
    -webkit-box-shadow: 0 1px 0 #707070;
    box-shadow: 0 1px 0 #707070;
    margin-top: 20px;
    position: relative
}

.total_amount1, .total_amount2 {
    float: left;
    position: relative
}

.total_amount3 {
    float: right !important;
    position: relative
}

.How_would_you, .rightBlockMain {
    width: 100%;
    float: left;
    font-size: 20px
}

.How_would_you1 {
    width: 100%;
    float: left;
    font-size: 20px
}

.How_would_you .pay_method {
    padding: 10px 0 0;
    width: 100%;
    float: left
}

.How_would_you input[type=text] {
    display: inline-block;
    float: left
}

.How_would_you input[type=radio] {
    margin: 8px 5px 5px 0
}

.How_would_you h2 {
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0 0 20px;
    text-transform: uppercase;
    width: 100%
}

.total_amount1 h1, .total_amount2 h1, .total_amount3 h1 {
    font-size: 25px;
    padding: 0;
    margin: 0;
    text-align: left;
    font-weight: 400
}

.total_amount3 span {
    font-size: 12px;
    padding: 0;
    margin: 0
}

    .total_amount3 span i {
        font-size: 30px;
        left: -29px;
        position: absolute;
        color: #82bc3b
    }

.total_amount3 p {
    margin: 3px 0 0;
    padding: 0;
    font-size: 12px
}

.moneyBackDesignSingle i {
    font-size: 30px;
    color: #82bc3b;
    position: relative;
    z-index: 1
}

.moneyBackDesignSingle_1 {
    margin: 5px 0 0;
    float: left
}

.moneyBackDesignSingle_2 {
    margin: 12px 0 0 10px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 300;
    color: #666;
    float: left
}

.launchContestStepsHeading .moneyBackDesignSingle_2 {
    color: #fff
}

.contact_details {
    float: left;
    font-size: 14px;
    padding: 0 !important;
    position: relative;
    margin-top: 20px;
    margin-right: 16px;
    width: 100%
}

    .contact_details:first-child {
        margin: 0
    }

    .contact_details p {
        font-size: 15px;
        padding: 0 0 5px;
        font-weight: 700;
        margin: 0
    }

        .contact_details p b {
            display: inline-block;
            margin-bottom: 20px
        }

    .contact_details input[type=text] {
        padding: 7px 5px;
        color: #535865;
        font-size: 14px;
        border: 1px solid #e5e5e5;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        width: 100%
    }

.How_would_you {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px
}

.contact_details select {
    width: 100%;
    color: #535865;
    font-size: 14px;
    border: 1px solid #e5e5e5
}

.contact_details textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    resize: none;
    height: 80px
}

.contact_details p input {
    width: 14px;
    font-size: 17px;
    padding: 0;
    margin: 4px 4px 0 0;
    position: relative;
    top: 1px
}

.contact_details p a {
    text-decoration: none;
    color: #2673b0
}

.Card_expiry {
    clear: both;
    float: left
}

    .Card_expiry p {
        font-size: 17px;
        font-weight: 700;
        margin-top: 10px
    }

.add_div {
    display: none
}

.lastSaved {
    color: #999;
    float: left;
    font-size: 11px;
    font-style: italic;
    margin: 13px 10px 0 0
}

.pay_launch_next_btn {
    margin: auto;
    width: 50px
}

.save_now a {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 3px solid #bcbdbf;
    color: #000
}

.footer-container .bottom-content .pay_launch_btn a, .footer-container .bottom-content .pay_launch_next_btn a {
    background: none repeat scroll 0 0 #82bc3b;
    border-bottom: 2px solid #66900d;
    clear: both;
    color: #fff;
    float: left;
    font-size: 15px;
    padding: 7px 10px;
    text-decoration: none
}

.fldCnstOptRow {
    display: none
}

.launch-contest-step-body .thumbs {
    padding: 30px
}

.launchContestStepsHeading .moneyBkGuarantee {
    color: #333
}

.additionalTxt-cpn-free {
    display: none;
    color: red
}

.budget-blue .additionalTxt-cpn-free {
    color: #fff
}

#add-ons .free-cpn-item span {
    display: none
}

.free-cpn-item .additionalTxt-cpn-free {
    display: block
}

.free-cpn-item .price-css {
    display: none
}

#add-ons .free-cpn-item span.additionalTxt-cpn-free {
    display: block
}

.main_pck {
    width: 290px;
    margin: auto;
    background: #666
}

.pck_con {
    width: 100%;
    padding: 3px 5%;
    display: inline-block;
    font-size: 13px;
    color: #fff;
    border-bottom: 1px solid #595858;
    -moz-box-shadow: 0px 1px 0px #747474;
    -ms-box-shadow: 0px 1px 0px #747474;
    -o-box-shadow: 0px 1px 0px #747474;
    -webkit-box-shadow: 0px 1px 0px #747474;
    box-shadow: 0px 1px 0px #747474
}

.pck_con1, .pck_con2 {
    width: 42%;
    float: left;
    padding: 5px 0
}

.pck_dot {
    width: 10%;
    float: left;
    text-align: center;
    padding: 5px 0
}

.pck_con1 span, .pck_con2 span {
    font-size: 10px;
    display: inline-block
}

.buttom_hadding {
    width: 100%;
    padding: 3px 0;
    background: #333;
    display: inline-block;
    font-size: 13px;
    color: #fff
}

    .buttom_hadding .hadding1 {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 20px;
        padding: 2px 0
    }

    .buttom_hadding .hadding2 {
        font-size: 12px;
        display: inline-block;
        text-align: center;
        color: #777;
        text-shadow: none;
        padding: 0 2%
    }

.settingIconMain {
    background: #eab65b;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    padding: 10px;
    text-align: center;
    float: left;
    left: -47px;
    width: 27px;
    top: 34px;
    position: absolute;
    cursor: pointer;
    border: 1px solid #e8e8e8
}

    .settingIconMain i {
        font-size: 32px
    }

.settingIconMainRight {
    background: none repeat scroll 0 0 rgba(255,255,255,.8);
    float: left;
    width: 290px;
    position: absolute;
    right: -300px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    padding: 10px 0 10px 10px
}

#moneyBGuarantee {
    border: 1px solid #393939;
    color: #fff;
    width: 350px;
    float: left;
    padding: 10px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.07);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.07);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,.07);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.07);
    box-shadow: 0 1px 2px rgba(0,0,0,.07);
    background: #393939;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    z-index: 4
}

    #moneyBGuarantee p {
        float: left;
        margin-bottom: 10px;
        text-align: left;
        line-height: 18px
    }

.moneyBGPos {
    top: 60px;
    right: 50px
}

.caretpPos {
    background: url(//cdn1.designhill.com/assets/dh/images/top-arrow-box-black.png) no-repeat 0 0;
    height: 9px;
    margin: -19px 0 0 170px;
    position: absolute;
    width: 16px
}

.caretpPos1 {
    background: url(//cdn1.designhill.com/assets/dh/images/top-arrow-box-black.png) no-repeat 0 -9px;
    height: 9px;
    position: absolute;
    width: 16px;
    bottom: -9px;
    margin: 0 0 0 170px
}

.caretpPos2 {
    background: url(//cdn1.designhill.com/assets/dh/images/top-arrow-box-black.png) no-repeat 0 0;
    height: 9px;
    position: absolute;
    width: 16px
}

.moneyBGPos {
    right: -20px;
    top: 182px
}

.moneyBGPos1 {
    bottom: 80px;
    right: 50px
}

.moneyBGPos2 {
    top: 55px;
    right: -50px
}

.moneyBGPos3 {
    top: 475px;
    right: 40px
}

.subHeading u {
    cursor: pointer
}

.launchContestStepsHeading1 #moneyBGuarantee {
    left: 420px;
    top: 120px
}

.launchContestStepsHeading #moneyBGuarantee {
    left: 420px;
    top: 165px
}

.launchContestStepsHeading .moneyBackDesignSingle_1 span {
    background: none repeat scroll 0 0 #fff;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 20px;
    margin: -25px 0 0 4px;
    position: absolute;
    width: 20px;
    z-index: 0
}

.addOnsIconDivDescAddons {
    max-width: 100%
}

.totalAmtStep {
    margin-top: 40px;
    border-top: 1px solid #e3e4e8;
    padding-top: 20px
}

.tipsy {
    font-size: 10px;
    position: absolute;
    padding: 5px;
    z-index: 100000
}

.tipsy-inner {
    background-color: #000;
    color: #fff;
    max-width: 200px;
    padding: 5px 8px 4px;
    text-align: center
}

.tipsy-inner {
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000
}

.tipsy-arrow-n {
    border-bottom-color: #000
}

.tipsy-arrow-s {
    border-top-color: #000
}

.tipsy-arrow-e {
    border-left-color: #000
}

.tipsy-arrow-w {
    border-right-color: #000
}

.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.contact_details input:active, .contact_details input:hover, .contact_details input:focus, .labelValue input:active, .labelValue input:hover, .labelValue input:focus {
    background: #fff;
    border-color: #2d92d7;
    -moz-box-shadow: 0 0 3px rgba(45,146,215,.7),0 4px 5px -5px rgba(0,0,0,.2) inset;
    -ms-box-shadow: 0 0 3px rgba(45,146,215,.7),0 4px 5px -5px rgba(0,0,0,.2) inset;
    -o-box-shadow: 0 0 3px rgba(45,146,215,.7),0 4px 5px -5px rgba(0,0,0,.2) inset;
    -webkit-box-shadow: 0 0 3px rgba(45,146,215,.7),0 4px 5px -5px rgba(0,0,0,.2) inset;
    box-shadow: 0 0 3px rgba(45,146,215,.7),0 4px 5px -5px rgba(0,0,0,.2) inset;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.How_would_you h2 a {
    color: #2673b0;
    text-decoration: none
}

.progress_rod.proStep2 {
    width: 34%
}

.progress_rod.proStep3 {
    width: 50%
}

.progress_rod.proStep4 {
    width: 75%
}

.launch-contest-step-1 {
    background: #505050;
    background: -moz-linear-gradient(to bottom,#505050 0%,#505050 100%) repeat scroll 0 0 rgba(0,0,0,0);
    background: 0-linear-gradient(to bottom,#505050 0%,#505050 100%) repeat scroll 0 0 rgba(0,0,0,0);
    background: -webkit-linear-gradient(to bottom,#505050 0%,#505050 100%) repeat scroll 0 0 rgba(0,0,0,0);
    background: linear-gradient(to bottom,#505050 0%,#505050 100%) repeat scroll 0 0 rgba(0,0,0,0)
}

.center {
    text-align: center
}

.thumbs {
    background-color: #fff;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    -webkit-transition: box-shadow .3s ease-in-out 0s;
    -ms-transition: box-shadow .3s ease-in-out 0s;
    -o-transition: box-shadow .3s ease-in-out 0s;
    -moz-transition: box-shadow .3s ease-in-out 0s;
    transition: box-shadow .3s ease-in-out 0s
}

.categoryLandingPage .thumbs {
    border: 1px solid #e3e4e8;
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -o-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -ms-box-shadow: 0 4px 16px rgba(0,0,0,.2)
}

    .categoryLandingPage .thumbs:hover {
        -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
        -ms-box-shadow: 0 0 15px rgba(0,0,0,.1);
        -o-box-shadow: 0 0 15px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
        box-shadow: 0 0 15px rgba(0,0,0,.1)
    }

.row {
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.logo_desc {
    color: #999
}

.price_list {
    list-style: none
}

.container_inner ul {
    margin: 0;
    padding: 0
}

    .container_inner ul li {
        float: left;
        list-style: outside none none;
        margin: 0 5% 0 0;
        padding: 0;
        width: 45%
    }

        .container_inner ul li a {
            color: #555;
            float: left;
            font-size: 13px;
            letter-spacing: .1px;
            padding: 7px 10px;
            width: 100%
        }

            .container_inner ul li a span.label1 {
                float: left
            }

            .container_inner ul li a span.label2 {
                color: #82bc3b;
                float: right
            }

            .container_inner ul li a:hover {
                background: none repeat scroll 0 0 #333;
                color: #fff
            }

                .container_inner ul li a:hover span.label2 {
                    color: #fff
                }

.image {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.heading3 {
    width: 100%;
    text-align: center;
    color: #535865;
    font-weight: 300;
    font-size: 24px
}

.logo_desc {
    width: 100%;
    text-align: center;
    color: #535865;
    font-weight: 300
}

.header {
    color: #fff
}

.list1, .list2 {
    -webkit-transition: all ease-in-out .4s 0s;
    -o-transition: all ease-in-out .4s 0s;
    -moz-transition: all ease-in-out .4s 0s;
    -ms-transition: all ease-in-out .4s 0s;
    transition: all ease-in-out .4s 0s
}

.container_inner {
    -webkit-transition: all ease-in-out .4s 0s;
    -o-transition: all ease-in-out .4s 0s;
    -moz-transition: all ease-in-out .4s 0s;
    -ms-transition: all ease-in-out .4s 0s;
    transition: all ease-in-out .4s 0s
}

.fullWidth {
    width: 100% !important
}

.browse-content.left-part {
    float: left
}

.browse-content.right-part {
    float: right;
    padding-top: 16px
}

.category-search-option div[class^=col] {
    padding: 0
}

    .category-search-option div[class^=col].increase-padding {
        padding: 0 15px;
        margin-top: 30px
    }

.category-search-option .row {
    padding: 30px 0
}

.category-search-option.change-option .row {
    padding: 30px 0 0;
    margin-bottom: 32px
}

.category-search-option.change-option .manage-label {
    display: block
}

.category-search-option .category-search-form {
    display: table;
    width: 100%
}

.category-search-option .category-search-form-active {
    padding-bottom: 30px;
    border-bottom: 2px solid #e6e6e6
}

.category-search-option.chaneg-option .category-search-form-active {
    padding-bottom: 24px
}

.category-search-option .category-search-bar {
    display: table-cell;
    font-size: 60px;
    line-height: 1
}

.category-search-option.change-option .category-search-bar {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 15.4%)
}

.category-search-option .category-field {
    width: 100%;
    position: relative
}

.category-search-option .category-field-option .browse-content a {
    color: #333;
    line-height: 1.4;
    border-bottom: solid 2px rgba(85,85,85,.2);
    -webkit-transition: border-color .15s ease-out;
    transition: border-color .15s ease-out
}

    .category-search-option .category-field-option .browse-content a:hover {
        border-color: rgba(85,85,85,.4)
    }

.category-search-option .category-field-option .browse-content {
    font-size: 18px
}

    .category-search-option .category-field-option .browse-content:first-child {
        padding-top: 15px;
        margin-bottom: 50px
    }

    .category-search-option .category-field-option .browse-content.left-part {
        margin-bottom: 0
    }

.category-search-option .category-search-field {
    width: 100%;
    border: none;
    font-weight: 600;
    border-bottom: 2px solid #e6e6e6;
    background-color: transparent
}

    .category-search-option .category-search-field::-webkit-input-placeholder {
        color: #e6e6e6;
        font-weight: 600
    }

    .category-search-option .category-search-field::-moz-placeholder {
        color: #e6e6e6;
        font-weight: 600
    }

    .category-search-option .category-search-field:-ms-input-placeholder {
        color: #e6e6e6;
        font-weight: 600
    }

    .category-search-option .category-search-field:-moz-placeholder {
        color: #e6e6e6;
        font-weight: 600
    }

.category-search-option .category-search-button {
    display: table-cell;
    width: 15%;
    padding-left: 30px;
    position: relative;
    top: 10px
}

.category-search-option.change-option .category-search-button {
    display: inline-block;
    vertical-align: text-top
}

.sorry-message-align .noRecordMsgIn {
    margin-top: 6px
}

.category-search-option .category-search-button .btn.btn-default {
    width: 100%;
    padding: 12px;
    bottom: 0;
    position: relative;
    height: 46px
}

.category-search-option .category-search-button .icon {
    display: none
}

.launch-catBox .category-headings, .category-search-option .category-search-heading {
    font-size: 24px;
    color: #262626;
    font-weight: 600;
    margin-bottom: 15px
}

.launch-catBox .category_desc {
    font-size: 16px;
    margin-bottom: 15px;
    color: #727273
}

.launch-catBox .subcategory_lists {
    display: block;
    border-radius: 4px;
    text-align: center;
    padding: 16px;
    margin-bottom: 32px;
    cursor: pointer;
    position: relative;
    min-height: 290px;
    box-shadow: 0px 2px 4px rgba(114,114,115,.25);
    transition: all ease-out .2s;
    background-color: #fff
}

.subcategory_lists img {
    max-height: 80px
}

.subcategory_lists h4 {
    font-size: 19px;
    color: #262626;
    font-weight: 600
}

.subcategory_lists .subcategory_image {
    opacity: .5;
    transition: all .5s ease-out;
    margin-bottom: 20px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    position: relative
}

    .subcategory_lists .subcategory_image svg {
        width: 100%;
        max-height: 100px
    }

.subcategory_lists .subcategory_pricing {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    transition: all ease-out .3s
}

    .subcategory_lists .subcategory_pricing label {
        display: block;
        font-size: 13px;
        color: #bdbebf;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 0
    }

    .subcategory_lists .subcategory_pricing .price {
        text-transform: uppercase;
        color: #262626;
        font-weight: 700;
        font-size: 19px
    }

    .subcategory_lists .subcategory_pricing .currency-sign {
        position: relative;
        font-size: 70%;
        top: -4px;
        left: 4px
    }

.need-designBundle .launch-action, .launch-catBox .launch-action {
    opacity: 0;
    transition: all ease-out .3s
}

.launch-catBox .launch-action {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px
}

.need-designBundle .launch-action .btn-start, .subcategory_lists .launch-action .btn-start {
    display: block;
    width: 100%;
    font-size: 19px;
    text-transform: capitalize
}

.need-designBundle .common-design-css:hover, .launch-catBox .subcategory_lists:hover {
    box-shadow: 0px 16px 32px rgba(114,114,115,.2)
}

    .launch-catBox .subcategory_lists:hover .subcategory_pricing {
        opacity: 0
    }

    .need-designBundle .common-design-css:hover .launch-action, .launch-catBox .subcategory_lists:hover .launch-action {
        opacity: 1
    }

.need-designBundle .common-design-css .launch-deliverables {
    min-height: 155px
}

.launch-catBox .subcategory_lists:hover .subcategory_image, .most-popular-bundle:hover .subcategory_image {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1
}

.launchContest-main {
    background-color: #f6f7f9
}

.user--tImage {
    height: 73px;
    left: 10px;
    position: absolute;
    top: 0;
    width: 73px
}

    .user--tImage > img {
        border-radius: 100%;
        height: 73px;
        width: 73px;
        box-shadow: 0 4px 8px rgba(114,114,115,.25);
        -webkit-box-shadow: 0 4px 8px rgba(114,114,115,.25)
    }

.t--Comment {
    color: #161c4a;
    font-size: 23px;
    font-style: italic;
    line-height: 35px;
    position: relative;
    padding-left: 15px;
    font-weight: 600
}

.t--metaData {
    color: #979899;
    font-size: 17px;
    line-height: 26px;
    position: relative;
    padding-left: 20px
}

    .t--metaData:before {
        content: "\2013";
        left: 0;
        position: absolute
    }

.t--Comment:after, .t--Comment:before {
    color: #ebedf1;
    font-family: fontawesome;
    position: absolute;
    font-size: 24px
}

.t--Comment:before {
    content: "\f10d";
    left: -15px;
    top: -10px
}

.t--Comment:after {
    bottom: 0;
    right: -20px;
    content: "\f10e"
}

.t--Content {
    padding-left: 90px
}

.t--rating {
    margin-bottom: 3px;
    margin-top: 15px;
    padding-left: 20px
}

    .t--rating i {
        color: #979899
    }

        .t--rating i.active {
            color: #f58462
        }

.reduce-margin.star-color-changes .t--rating i.active {
    color: #fec42d
}

.dh_db {
    display: block
}

.dh_dn {
    display: none
}

.avail-offer {
    display: inline-block;
    border: none;
    height: 28px;
    line-height: 28px;
    margin-left: 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 0 20px;
    border-radius: 30px
}

.idle-bg {
    background: #f28039 !important
}

.idle-color {
    color: #f28039 !important
}

.modal.model-boxes > .close {
    background: 0 0;
    border: 0;
    padding: 0;
    cursor: pointer;
    text-align: center;
    display: inline;
    z-index: 0;
    overflow: visible;
    font-size: 16px;
    line-height: 1.6;
    width: 2.75em;
    height: 2.75em;
    color: #fff;
    opacity: 1;
    transition: opacity .3s ease-out;
    outline: 0;
    right: 15px;
    top: 15px;
    position: relative
}

    .modal.model-boxes > .close:after {
        position: absolute;
        display: block;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-style: solid;
        border-width: 2px;
        border-radius: 50%
    }

.modal.model-boxes {
    padding: 0 !important
}

.launch--popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: linear-gradient(to bottom,rgba(255,255,255,.9) 0,#fff 22%);
    z-index: 9999;
    opacity: 0;
    transition: opacity .3s ease-out;
    display: none;
    -webkit-overflow-scrolling: touch;
    font-family: "Cerebri-sans","Roboto",Helvetica,Arial,sans-serif !important
}

.is-visible {
    display: block
}

.is-open {
    opacity: 1
}

.launch--popup-close-btn {
    position: relative;
    top: initial;
    right: initial;
    padding: 30px;
    text-align: right;
    z-index: 1
}

    .launch--popup-close-btn .round-btn {
        background: 0 0;
        border: 0;
        padding: 0;
        cursor: pointer;
        text-align: center;
        display: inline;
        position: relative;
        z-index: 0;
        overflow: visible;
        font-size: 16px;
        line-height: 1.6;
        width: 2.75em;
        height: 2.75em;
        color: #555;
        opacity: .5;
        transition: opacity .3s ease-out;
        outline: none;
        -webkit-overflow-scrolling: touch
    }

        .launch--popup-close-btn .round-btn:hover, .launch--popup-close-btn .round-btn:active {
            opacity: 1;
            outline: none
        }

        .launch--popup-close-btn .round-btn:after {
            position: absolute;
            display: block;
            content: '';
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-style: solid;
            border-width: 2px;
            border-radius: 50%
        }

.launch--popup--main, .launch--popup--body {
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: block
}

.launch--popup--body {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.launch--popup--container {
    position: relative;
    max-width: 1000px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-height: 100%;
    transition: .15s max-width;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.launch--popup--content {
    position: relative;
    margin-top: 100px;
    margin-bottom: 45px;
    color: #555
}

.get-started-now-popup .launch--popup--content {
    margin-top: 100px !important
}

.launch--popup--image {
    position: absolute;
    width: 1000px;
    top: 100px;
    left: 588px;
    z-index: -1
}

    .launch--popup--image.launch--popup--image-3 {
        left: 98%
    }

.launch--popup--header {
    position: relative;
    width: 50%;
    margin-left: 25%
}

    .launch--popup--header .launch--popup--heading {
        font-size: 48px;
        margin-top: 0;
        margin-bottom: 1.6rem;
        font-weight: 600;
        line-height: 1.05
    }

        .launch--popup--header .launch--popup--heading:after {
            content: '—';
            display: block
        }

    .launch--popup--header .launch--popup--para {
        font-size: 16px;
        line-height: 1.6;
        margin: 0 0 1.6rem;
        margin-left: 30px;
        color: #555
    }

.launch--popup--boxes {
    position: relative;
    margin-bottom: 45px;
    margin-top: 40px;
    text-align: center;
    display: flex;
    justify-content: center
}

.get-started-now-popup .launch--popup--boxes {
    justify-content: space-between
}

    .get-started-now-popup .launch--popup--boxes .launch--popup--boxes--item {
        width: 47.5%
    }

.launch--popup--boxes .launch--popup--boxes--item {
    position: relative;
    text-align: left;
    z-index: 2;
    color: inherit;
    display: block;
    width: 50%;
    max-width: none;
    padding: 45px 50px 22px
}

.launch--popup--boxes .shadow-content {
    box-shadow: 0 14px 42px 0 rgba(0,0,0,.2);
    background-color: #fff
}

.launch--popup--boxes .launch--popup--boxes--item:not(.shadow-content) .popup--boxes--item--head {
    color: #555
}

.launch--popup--para {
    color: #555;
    font-size: 16px;
    line-height: 1.6
}

.popup--boxes--item--head {
    margin-bottom: 15px;
    display: flex;
    align-items: center
}

    .popup--boxes--item--head .boxes--item--icon {
        margin-right: 15px;
        width: 30px;
        height: 30px
    }

    .popup--boxes--item--head .boxes--item--heading {
        font-size: 24px;
        margin-top: 0;
        font-weight: 600;
        line-height: 1.05
    }

.launch--popup--boxes .launch--popup--boxes--item.shadow-content .popup--boxes--item--head .boxes--item--heading {
    color: #555
}

.launch--popup--para-listing {
    margin-bottom: 1.6em
}

    .launch--popup--para-listing .list-itme {
        margin-bottom: 5px;
        line-height: 1.6;
        position: relative;
        padding-left: 25px
    }

        .launch--popup--para-listing .list-itme:before {
            color: #82bc4b;
            content: '\f00c';
            position: absolute;
            top: 0;
            left: 0;
            font-family: fontawesome,Helvetica,Arial,sans-serif
        }

.launch--popup-para-content {
    max-width: 20em;
    margin: 0 0 1.6rem
}

.launch--popup--btn, .launch--popup--link {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 15px
}

.launch--popup--btn {
    margin-right: 15px
}

.launch--popup--boxes .launch--popup--boxes--item:not(.shadow-content) .launch-btn {
    color: #555;
    background-color: transparent;
    border: 3px solid #555;
    background-image: none
}

    .launch--popup--boxes .launch--popup--boxes--item:not(.shadow-content) .launch-btn:hover {
        opacity: .7
    }

.launch--popup--boxes .launch--popup--boxes--item:not(.shadow-content) .launch-link {
    color: #555
}

    .launch--popup--boxes .launch--popup--boxes--item:not(.shadow-content) .launch-link:hover {
        color: #555;
        border-color: #555
    }

.launch-btn {
    transition: all .3s ease-out;
    line-height: 1.3;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 19px;
    border-radius: 2px;
    position: relative;
    text-decoration: none;
    color: #fff;
    padding: 12px 30px;
    font-weight: 600;
    background-image: linear-gradient(180deg,#82bc3b 0,#7eb831 100%);
    border: 3px solid transparent
}

    .launch-btn:hover, .launch-btn:focus, .launch-btn:active {
        text-decoration: none;
        color: #fff;
        background-color: rgba(219,63,53,.7)
    }

.launch-link {
    transition: border-color .15s ease-out;
    color: #82bc3b;
    border-bottom: solid 4px rgba(85,85,85,0);
    font-size: 19px;
    text-decoration: none;
    position: relative;
    font-weight: 600
}

    .launch-link span {
        margin-right: 10px
    }

    .launch-link:hover, .launch-link:active, .launch-link:focus {
        text-decoration: none;
        color: #82bc3b;
        border-color: #82bc3b
    }

.popup-carousel .carousel-inner .item {
    transition-property: opacity
}

.popup-carousel .carousel-inner .item, .popup-carousel .carousel-inner .active.left, .popup-carousel .carousel-inner .active.right {
    opacity: 0
}

.popup-carousel .carousel-inner .active, .popup-carousel .carousel-inner .next.left, .popup-carousel .carousel-inner .prev.right {
    opacity: 1
}

    .popup-carousel .carousel-inner .next, .popup-carousel .carousel-inner .prev, .popup-carousel .carousel-inner .active.left, .popup-carousel .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.popup-carousel .carousel-control {
    z-index: 2
}

.popup-carousel, .popup-carousel .carousel-inner, .popup-carousel .carousel-inner .item {
    height: 100%
}

.custom-servicePopup.change-how-itwork {
    padding: 60px 0
}

    .custom-servicePopup.change-how-itwork .service-process {
        padding: 35px 0 0
    }

    .custom-servicePopup.change-how-itwork .custom-serviceTitle {
        color: #000;
        font-size: 30px;
        line-height: 1.4;
        text-transform: none;
        font-weight: 600
    }

    .custom-servicePopup.change-how-itwork .service-tagLine {
        font-size: 24px;
        margin-top: 12px
    }

    .custom-servicePopup.change-how-itwork .circle-numbs {
        border-radius: 100%;
        color: #637381;
        border: 2px solid #637381;
        font-size: 28px;
        font-weight: 600;
        height: 40px;
        line-height: 36px;
        padding: 0;
        width: 40px;
        margin: 10px auto 24px;
        position: relative;
        left: auto
    }

    .custom-servicePopup.change-how-itwork .custom-title {
        font-size: 21px;
        margin: 32px auto 22px;
        line-height: 1.4;
        text-transform: none
    }

.service_cross.change-arrow {
    width: 28px;
    right: 20px
}

.custom-servicePopup.change-how-itwork .custom-serviceText {
    padding: 0
}

.custom-servicePopup.change-how-itwork .custom-tag {
    font-size: 16px;
    margin: 0;
    color: #637381;
    text-align: left;
    padding: 7px 0 0;
    line-height: 1.8
}

.custom-servicesPage .custom-servicesTop.manage-height.open .container {
    width: 100%;
    max-width: 1400px
}

.thirty-pd-both {
    padding: 0 30px
}

.custom-serviceText {
    padding: 25px 15px 15px
}

.custom-servicePopup.change-how-itwork .logo-how-it .works-img {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px
}

.custom-servicePopup.change-how-itwork .works-img > img {
    height: auto;
    width: 100%
}

.custom-servicePopup.change-how-itwork ul {
    text-align: left;
    font-size: 16px;
    margin: 0;
    color: #637381;
    margin-top: 8px;
    margin-bottom: 10px;
    padding-left: 34px
}

    .custom-servicePopup.change-how-itwork ul > li {
        position: relative;
        padding-top: 2px;
        color: #000
    }

        .custom-servicePopup.change-how-itwork ul > li:before {
            content: "";
            background-image: url('https://www.designhill.com/assets/dh/images/homepage/arrow.svg');
            background-size: 21px;
            display: inline-block;
            width: 21px;
            height: 12px;
            background-repeat: no-repeat;
            position: absolute;
            left: -34px;
            top: 9px
        }

.newsFeature.change-as-feature-design {
    text-align: center
}

    .newsFeature.change-as-feature-design a {
        display: inline-block;
        margin-bottom: 30px
    }

    .newsFeature.change-as-feature-design .newsFeature-images {
        margin-top: 0
    }

    .newsFeature.change-as-feature-design .newFeatureImgCommon {
        height: 30px;
        margin: 0 16px
    }

    .newsFeature.change-as-feature-design .featured--title {
        margin: 0 0 30px
    }

@media (max-width: 1200px) {
    .newsFeature.change-as-feature-design .newsFeature-images {
        -webkit-overflow-scrolling: touch;
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap
    }
}

.footer-menu-lists img {
    display: none
}

.refferal-container.change-btn-props .btn-default {
    display: inline-block;
    vertical-align: top
}

.refferalCommon .refferal-container.change-btn-props .whiteBtnNectar {
    margin-top: 0
}

@media (max-width: 850px) {
    .jcrop-holder #preview-pane, .jcrop-holder .preview-pane, .jcrop-holder > img {
        position: static !important;
        margin: 20px auto 0
    }

    .image-crop-final .col, .cropping-div .col {
        width: 100%
    }

    .jcrop-holder {
        height: auto !important;
        background-color: transparent !important
    }
}

.modal-header .close.webinar-popup-close {
    width: 36px;
    height: 36px;
    z-index: 12;
    right: -18px;
    top: -18px;
    position: absolute;
    background: url("https://cdn1.designhill.com/assets/dh/images/fancybox_sprite.png") 0 0 no-repeat
}

.modal.fade.webinar-popup .modal-header {
    min-height: 0;
    padding: 0;
    border: none
}

.modal.fade.webinar-popup .modal-content {
    border: none
}

.modal.fade.webinar-popup .modal-body {
    border-radius: 4px;
    padding: 0
}

    .modal.fade.webinar-popup .modal-body img {
        border-radius: 4px
    }

.modal.fade.webinar-popup .modal-dialog {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
    padding: 0
}

body.page745 .pages-content, body.page166 .pages-content, body.page743 .pages-content, body.page744 .pages-content, body.page756 .pages-content, body.page762 .pages-content, body.page763 .pages-content, body.page151 .pages-content, body.page746 .pages-content-top, body.page703 .pages-content-top, body.pageuser .pages-content-top {
    font-family: "Cerebri-sans",Helvetica,Arial,sans-serif !important
}

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
    img.grayscale {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        filter: gray;
        -webkit-filter: grayscale(100%)
    }

    .subcategory_lists:hover img.grayscale {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        filter: none;
        -webkit-filter: none
    }

    .subcategory_lists:hover .grayscale-fix img.grayscale {
        visibility: visible !important;
        position: relative
    }

    .subcategory_lists img {
        max-height: 100px
    }

    .subcategory_lists .subcategory_image svg {
        width: 90px;
        max-height: 100px;
        margin: 0 auto;
        left: 0;
        right: 0
    }

    img.grayscale {
        width: 90px;
        height: 100px;
        margin: 0 auto
    }
}

.modal.model-boxes .modal-dialog {
    width: 700 !important
}

.tooltip-left i {
    color: #82bc3b;
    font-size: 30px;
    position: relative;
    z-index: 1;
    float: left
}

.tooltip-left {
    margin: 4px auto 40px;
    width: 100%;
    position: relative
}

    .tooltip-left span {
        background: none repeat scroll 0 0 #fff;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: block;
        height: 20px;
        margin: 3px 0 0 4px;
        position: absolute;
        width: 20px;
        z-index: 0
    }

    .tooltip-left p {
        line-height: 30px
    }

.How_would_you .contact_details .pay_launch_btn a {
    background: none repeat scroll 0 0 #82bc3b;
    border-bottom: 3px solid #66900d;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    clear: both;
    color: #fff;
    float: left;
    font-size: 15px;
    padding: 5px 10px;
    text-decoration: none
}

.contact_details .pay_launch_btn a:hover, .pay_launch_btn a:visited, .footer-container .bottom-content .pay_launch_btn a:hover, .footer-container .bottom-content .pay_launch_next_btn a:hover {
    color: #fff;
    background: #76aa2c
}

.lastSaved {
    color: #999;
    float: none;
    font-size: 11px;
    font-style: italic;
    margin: 13px 10px 18px 0
}

.save {
    display: inline-block
}

    .save a {
        background: none repeat scroll 0 0 #fff;
        border-bottom: 3px solid #bcbdbf;
        color: #000;
        padding: 8px 10px;
        float: left;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

.headerColor .save.whiteBtnNectar a {
    padding: 8px 35px 8px
}

.headerColor .pay_launch_btn a {
    padding: 8px 19px
}

.footer-container {
    border-top: 1px solid #e3e4e8;
    float: left;
    margin: 0 0 60px;
    padding: 0 0 30px;
    width: 100%
}

.money-up-front {
    margin: 30px 0 0;
    padding: 0
}

.clear-css {
    height: 100px
}

.contact_details .coupan-code {
    color: #a5a5a5;
    font-size: 12px;
    font-weight: 400
}

.total-amount {
    font-size: 24px;
    margin: 0 0 20px;
    text-align: center
}

.bottom-content {
    text-align: center
}

.launchContest-main .form-group label {
    width: auto;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase
}

.form-con {
    margin: 20px 0 0
}

.form-conin {
    margin: 14px 0 0
}

.form-horizontal .whatNameHeading-new {
    padding: 30px 0 0
}

.form-horizontal .form-group {
    margin-bottom: 0
}

.How_would_you .contact_details .payment-input {
    width: 84%
}

.launchContest-main .form-group .inline-input {
    float: left;
    width: 70%
}

.launchContest-main .form-group .inline-button {
    margin-top: 0;
    width: 26%;
    float: right
}

.total_amount .form-group .inline-button:hover {
    color: #fff;
    background: #76aa2c
}

.rangeslider {
    margin: 0 auto;
    width: 100%
}

.slider-left {
    float: left;
    width: 18%
}

.slider-mid {
    float: left;
    width: 62%
}

.slider-right {
    float: right;
    width: 15%
}

.specificColors {
    float: left;
    margin: 10px 0;
    width: 100%
}

.thumb-css {
    float: left;
    margin: 0 36px 0 0;
    width: 30%
}

    .thumb-css:nth-child(3) {
        float: right;
        margin: 0
    }

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-left: 0 !important
}

.checkbox label, .radio label {
    padding-right: 10px
}

.whatNameHeading {
    width: 100%;
    float: left;
    padding: 30px 0 0;
    font-weight: 400;
    font-size: 20px;
    color: #444
}

.launchContest-main .help-block {
    color: #a5a5a5;
    font-size: 13px
}

.noresize {
    resize: none
}

.worldMark {
    float: left;
    font-weight: 700 !important;
    font-size: 13px;
    color: #444
}

    .worldMark input {
        padding: 0;
        margin: 0 3px 0 0
    }

.worldMarkSubText {
    float: left;
    font-weight: 400;
    font-size: 12px;
    color: #444;
    padding-top: 10px;
    line-height: 16px
}

.thumMinSize {
    min-height: 270px;
    cursor: pointer
}

.fadeText {
    width: 100%;
    float: left;
    padding: 10px 0;
    font-weight: 400;
    font-size: 13px;
    color: #5a5959 !important
}

    .fadeText ul {
        margin-top: 10px
    }

        .fadeText ul li {
            list-style: disc;
            margin-left: 30px;
            width: calc(100% - 30px)
        }

.input-lg {
    font-size: 13px !important
}

.whatNameHeading span {
    font-weight: 400;
    color: red
}

.anyDesignerButtons {
    width: 100%;
    float: left;
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #e1e1e1;
    position: relative
}

    .anyDesignerButtons .lastSaved {
        margin-top: 0
    }

.specificColors {
    margin: 10px 0;
    padding: 0 !important;
    width: 100%;
    float: left
}

    .specificColors .ui-slider .ui-slider-handle {
        cursor: ew-resize;
        z-index: 2
    }

    .specificColors > div:last-child {
        padding-left: 40px;
        padding-right: 0
    }

    .specificColors > div {
        padding-left: 0;
        padding-right: 0
    }

.range-slider {
    margin-top: 10px
}

.thumbImgMain {
    width: 100%;
    text-align: center;
    height: 160px;
    background: #f4f4f4;
    vertical-align: middle;
    display: table-cell;
    float: left
}

.launchContest-main .form-group .input-lg {
    height: 36px;
    padding: 7px 16px
}

.launchContest-main .form-group {
    margin-bottom: 0;
    float: left;
    width: 100%
}

.categoryLandingPage {
    position: relative;
    margin-top: 0;
    z-index: 10;
    float: left;
    width: 100%;
    background: #f6f7f9
}

    .categoryLandingPage.manage-container .category-search-option {
        margin-top: 16px
    }

    .categoryLandingPage.space-from-top {
        padding-top: 30px
    }

#video_container {
    color: #fff;
    font-size: 18px
}

    #video_container > div {
        text-align: center
    }

    #video_container .icon-play-sign:before {
        color: #fff;
        cursor: pointer;
        font-size: 90px
    }

    #video_container i.icon-play-sign:hover:before {
        color: #82bc3b;
        -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
        -o-transition: all .2s ease-out 0s;
        -webkit-transition: all .2s ease-out 0s;
        transition: all .2s ease-out 0s
    }

    #video_container .videodivheading {
        font-size: 30px
    }

    #video_container p {
        margin: 0;
        padding: 10px 10px 40px
    }

.abtourVideoMain {
    margin: auto;
    max-width: 430px;
    position: relative;
    overflow: auto
}

.howITWorks {
    cursor: pointer;
    position: relative;
    float: right
}

.nectar-button span {
    font-weight: 700;
    left: 0;
    position: relative;
    -moz-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.nectar-button i {
    font-size: 18px;
    line-height: 18px;
    margin-left: 10px;
    margin-top: -9px;
    opacity: 0;
    position: absolute;
    right: 30px;
    top: 50%;
    -moz-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
    width: 18px
}

.howITWorks a.nectar-button:hover, .abtourVideo a.nectar-button:hover {
    background: 0 0;
    color: #fff
}

.gdMadeEasy {
    padding: 60px 0 40px;
    margin: 0;
    background: #fff
}

    .gdMadeEasy h3 {
        font-size: 22px;
        font-weight: 400;
        padding-bottom: 0;
        color: #444
    }

    .gdMadeEasy p {
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 1px;
        line-height: 25px;
        margin: 13px 0 20px;
        color: #444
    }

.listContestDesignBtn {
    clear: both;
    margin: 20px auto;
    max-width: 205px;
    position: relative
}

    .listContestDesignBtn .nectar-button {
        border-color: #ccc
    }

    .listContestDesignBtn a, .listContestDesignBtn i.icon-long-arrow-right:before {
        color: #999
    }

.parallax {
    background: rgba(0,0,0,0) url(//cdn1.designhill.com/assets/dh/images/parallax_img1.jpeg) repeat scroll 0 0/100% auto
}

.gdMadeEasy h2 {
    font-size: 34px;
    margin: 0;
    padding: 0 0 30px
}

.abtourVideo {
    position: relative;
    float: left
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

#video_overlay {
    background: #000 none repeat scroll 0 0;
    display: none;
    position: fixed;
    top: 47px;
    width: 100%;
    z-index: 1001
}

.launchContest-main .main-container {
    margin: 0 0 25px;
    min-height: auto
}

    .launchContest-main .main-container h2 {
        font-weight: 400;
        font-size: 28px;
        color: #555
    }

.tooltip-left i {
    color: #82bc3b;
    font-size: 30px;
    position: relative;
    z-index: 1;
    float: left
}

.tooltip-left {
    margin: 4px auto 40px;
    width: 100%;
    position: relative
}

#pkg-selection-designaddons .row.budget.panel.panel-default.budget-white.text-left {
    float: left;
    width: calc(50% - 5px);
    width: -webkit-calc(50% - 5px)
}

#pkg-selection-designaddons .budget-white:nth-child(2n) {
    margin-left: 9px
}

#pkg-selection-designaddons .panel-body {
    padding: 8px 15px
}

.show-options {
    display: none
}

.show-options-btn {
    color: #777;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    margin-top: 20px;
    text-align: left;
    text-decoration: underline
}

.tooltip-left span {
    background: none repeat scroll 0 0 #fff;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 20px;
    margin: 3px 0 0 4px;
    position: absolute;
    width: 20px;
    z-index: 0
}

.tooltip-left p {
    line-height: 30px;
    overflow: hidden;
    cursor: pointer
}

.thumbs:hover {
    -moz-box-shadow: 0 5px 20px rgba(0 0 0 .6);
    -ms-box-shadow: 0 5px 20px rgba(0 0 0 .6);
    -o-box-shadow: 0 5px 20px rgba(0 0 0 .6);
    -webkit-box-shadow: 0 5px 20px rgba(0 0 0 .6);
    box-shadow: 0 5px 20px rgba(0 0 0 .6)
}

.tooltip-inner {
    max-width: 400px;
    padding: 10px 20px
}

.header-new {
    color: #666;
    font-size: 15px;
    font-weight: 300
}

.budget-makingMoney .refund-policyCss {
    text-decoration: underline;
    color: #5b5b5b;
    font-weight: 500;
    text-transform: capitalize;
    display: inline-block
}

.tooltip-left .budget-makingMoney {
    cursor: default
}

.money_refundModal {
    font-style: normal
}

    .money_refundModal .modal-title {
        font-size: 21px;
        font-weight: 600;
        text-align: center;
        text-transform: capitalize
    }

    .money_refundModal .modal-body {
        padding-bottom: 40px;
        padding-top: 25px
    }

.money-refundAgreement > span, .money-refundAgreement > p {
    color: #3a3a3a;
    display: inline-block;
    width: 100%
}

.money-titleCss {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 10px;
    text-decoration: underline;
    text-transform: capitalize
}

.money-refundAgreement span {
    display: inline-block;
    width: 100%
}

.form-group.slider_first, .form-group.slider {
    margin-bottom: 0
}

    .form-group.slider .whatNameHeading-new {
        padding: 0 0 50px
    }

    .form-group.slider .form-con {
        margin: 0
    }

.launch-contest-step-body .form-group.separator {
    display: none
}

.launch-contest-step-body .ui-slider .ui-slider-handle {
    width: 18px;
    height: 18px
}

.form-group slider_first .form-con {
    margin-top: 10px
}

.searchFilter .contest-type .pagination .tooltip.top {
    white-space: nowrap;
    width: auto
}

.searchFilter .tooltip-inner {
    background: #000;
    color: #fff;
    padding: 10px;
    width: 100%
}

.searchFilter .tooltip.top .tooltip-arrow {
    border-top-color: #000
}

.design-new-package .panel-footer {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border: none
}

.pricingPackage .choose-btn .btn.btn-block:hover span {
    margin-left: auto
}

.text-center.main-container.pricingPackage {
    overflow: visible;
    margin-bottom: 100px
}

#package-breakdown .panel {
    clear: both;
    color: #444;
    cursor: pointer;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    font-weight: 300;
    text-align: left
}

#package-breakdown .panel-default > .panel-heading {
    background: #333;
    color: #fff;
    font-size: 18px;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

#package-breakdown span {
    font-weight: 300
}

.indicator.glyphicon.glyphicon-plus-sign.pull-right {
    font-size: 24px
}

#package-breakdown .panel-title {
    font-size: 18px;
    line-height: 26px
}

#package-breakdown .form-horizontal .control-label, #package-breakdown .form-group label {
    font-size: 14px;
    font-weight: 300;
    line-height: 35px;
    margin-bottom: 0;
    text-align: left
}

#package-breakdown .form-group {
    border-bottom: 1px solid #e7e9eb;
    padding: 22px 0;
    margin: 0
}

#package-breakdown .form-control {
    width: 90%;
    border: 1px solid #e7e9eb
}

#package-breakdown .icon-info-sign {
    color: #6c6c6c;
    float: right;
    font-size: 18px;
    position: absolute;
    right: 18px;
    text-align: right;
    top: 7px
}

#package-breakdown .form-group:nth-child(4) .icon-info-sign {
    left: 64px;
    right: auto;
    top: 2px
}

#package-breakdown .panel-body {
    padding: 0
}

#package-breakdown .tooltip-inner {
    width: 100%
}

#package-breakdown .form-group:last-child {
    padding: 10px 0
}

    #package-breakdown .form-group:last-child span {
        font-weight: 400;
        line-height: 35px
    }

#package-breakdown .tooltip.top {
    width: 46%
}

#package-breakdown .form-group:nth-child(4) .tooltip.top {
    width: 70%
}

#package-breakdown .tooltip-inner {
    padding: 10px 0 !important
}

.icon-info-sign.left-panel {
    display: none
}

#accordion a {
    color: #fff
}

.left-content {
    float: left;
    width: 15%;
    margin: 10px 0 0
}

.right-content {
    float: left;
    width: 85%
}

.budget.panel.panel-default {
    border: medium none;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    margin: 5px 0;
    border: 2px solid #ddd
}

.cnt-launch-dsaddonsupgrades-box .panel-body {
    padding: 0
}

    .cnt-launch-dsaddonsupgrades-box .panel-body > label {
        display: block;
        padding: 15px
    }

.budget .font-awesome {
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #555;
    font-size: 25px;
    padding: 9% 16%
}

.right-content > h4 {
    font-size: 16px;
    font-weight: 400;
    margin: 6px 0 2px
}

.right-content > p {
    font-weight: 300;
    margin: 0
}

.budget .btn {
    background: none repeat scroll 0 0 transparent;
    border: 2px solid #fff;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 22px;
    margin: 0 auto;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

    .budget .btn.active {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none
    }

.budget.panel.budget-blue .btn.active, .budget.panel.panel-default:hover .btn {
    background: #76aa2c;
    color: #fff
}

.budget.panel.panel-default:hover {
    -moz-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
    border-color: #76aa2c
}

.budget .glyphicon-plus-sign, .budget .glyphicon-minus-sign {
    font-size: 18px !important;
    opacity: 0;
    position: absolute;
    right: 30%;
    top: 25%;
    -webkit-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.budget.panel.panel-default .btn span {
    -webkit-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.budget.panel.panel-default:hover .glyphicon-plus-sign {
    opacity: 1;
    right: 8%
}

.budget.panel.panel-default:hover .btn span {
    margin-left: -40%
}

.budget.panel.panel-default:hover .btn.active span {
    margin-left: 0
}

.budget .btn {
    text-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.budget.panel.budget-blue {
    border-color: #76aa2c
}

.budget.budget-blue .font-awesome {
    background: #555;
    color: #fff;
    border: 2px solid #555
}

.budget.budget-green {
    background: none repeat scroll 0 0 #17cbc0;
    color: #fff
}

    .budget.budget-green .font-awesome {
        background: none repeat scroll 0 0 #fff
    }

.budget.budget-white {
    background: none repeat scroll 0 0 #fff;
    color: #555
}

    .budget.budget-white .font-awesome {
        border: 2px solid #ddd;
        color: #888
    }

    .budget.budget-white:hover .font-awesome {
        background: #555;
        border-color: #555;
        color: #fff
    }

    .budget.budget-white .right-content > p {
        color: #555
    }

    .budget.budget-white .btn.btn-block {
        color: #555;
        border: 2px solid #f2f2f2;
        border-radius: 30px
    }

#package-contest .budget:nth-child(3) .left-content i {
    padding: 7px 12px
}

#package-contest .budget .left-content .font-awesome.icon-group {
    font-size: 26px;
    padding: 7px 10px
}

#package-contest .budget .price-css {
    float: left;
    width: 22%;
    text-align: center;
    line-height: 2
}

.budget .select-css {
    float: right;
    width: 70%
}

#package-contest .budget .btn {
    width: 100%
}

.launch-contest-step-body .budget.panel.panel-default:hover .btn.active span {
    margin-left: -40%
}

.launch-contest-step-body .budget.panel.panel-default:hover .glyphicon-minus-sign {
    opacity: 1;
    right: 8%
}

.launch-contest-step-body .budget.panel.panel-default.selected:hover .btn span {
    margin-left: -40%
}

.launch-contest-step-body .budget.panel.panel-default.selected:hover .glyphicon-minus-sign {
    opacity: 1;
    right: 8%
}

.selected .select-css a {
    background: #76aa2c;
    color: #fff;
    border-radius: 30px
}

.add-ons-left {
    float: left;
    width: 13%
}

.add-ons-right {
    float: left;
    width: 85%
}

.add-ons-left .icon-css {
    border: 2px solid #555;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 65px;
    line-height: 70px;
    text-align: center;
    width: 65px
}

.add-ons-left i {
    font-size: 30px
}

.add-top-content > h4 {
    font-weight: 400;
    margin: 5px 0
}

#add-ons .budget-white {
    color: #555
}

.add-bottom-content > ul {
    padding: 0;
    margin: 0
}

#launch-contest-coupon-box {
    margin-bottom: 0
}

.add-bottom-content li {
    border-top: 1px solid #f2f2f2;
    font-size: 16px;
    cursor: pointer
}

.add-bottom-content span {
    float: right
}

.add-bottom-content input[type=radio] {
    margin: 4px 10px 0 0
}

#add-ons .add-mid {
    border-top: 1px solid #e3e4e8;
    overflow: hidden;
    padding: 44px 0 0
}

#launch-contest-coupon-box .row {
    border-top: 1px solid #e3e4e8;
    padding: 40px 0 22px
}

.design--addSection .form-group {
    border-top: 1px solid #e3e4e8;
    padding: 25px 0 0
}

.addon--total {
    padding: 0 120px 0 0;
    position: relative
}

.design--addSection .addon--total label {
    color: #555
}

.addon--price {
    top: 0;
    color: #76aa2c;
    font-size: 21px;
    margin: auto;
    padding: 0 0 0 10px;
    position: absolute;
    right: 0;
    text-align: center;
    display: inline-block
}

.pay_launch_btn a:hover, .pay_launch_btn a:visited {
    color: #fff;
    background: #76aa2c
}

.lastSaved {
    color: #999;
    float: none;
    font-size: 11px;
    font-style: italic;
    margin: 13px 10px 18px 0
}

.save {
    display: inline-block
}

    .save a {
        background: none repeat scroll 0 0 #fff;
        border-bottom: 3px solid #bcbdbf;
        color: #000;
        padding: 8px 10px;
        float: left;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

.clear-css {
    height: 100px
}

.total-amount {
    font-size: 24px;
    margin: 0 0 20px;
    text-align: center
}

.bottom-content {
    text-align: center
}

.settingProfBlock {
    position: fixed;
    right: 0;
    top: 140px;
    z-index: 999
}

.settingIconMain {
    background: #82bc3c;
    color: #fff;
    border: 1px solid #e8e8e8;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    float: left;
    left: -47px;
    position: absolute;
    text-align: center;
    top: 34px;
    width: 48px
}

.settingIconMainRight {
    background: none repeat scroll 0 0 rgba(255,255,255,.8);
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    float: left;
    padding: 10px 0 10px 10px;
    position: absolute;
    right: -304px;
    width: 305px
}

.main_pck {
    background: none repeat scroll 0 0 #666;
    margin: auto;
    width: 290px
}

.settingIconMain i {
    font-size: 32px
}

.buttom_hadding {
    background: none repeat scroll 0 0 #333;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 3px 0;
    width: 100%
}

    .buttom_hadding .hadding1 {
        float: left;
        font-size: 20px;
        padding: 2px 0;
        text-align: center;
        width: 100%
    }

.pck_con {
    border-bottom: 1px solid #595858;
    -moz-box-shadow: 0 1px 0 #747474;
    -ms-box-shadow: 0 1px 0 #747474;
    -o-box-shadow: 0 1px 0 #747474;
    -webkit-box-shadow: 0 1px 0 #747474;
    box-shadow: 0 1px 0 #747474;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 3px 5%;
    width: 100%
}

.pck_con1, .pck_con2 {
    float: left;
    padding: 5px 0;
    width: 42%
}

.pck_dot {
    float: left;
    padding: 5px 0;
    text-align: center;
    width: 10%
}

.buttom_hadding {
    background: none repeat scroll 0 0 #333;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 3px 0;
    width: 100%
}

    .buttom_hadding .hadding1 {
        float: left;
        font-size: 20px;
        padding: 2px 0;
        text-align: center;
        width: 100%
    }

    .buttom_hadding .hadding2 {
        color: #777;
        display: inline-block;
        font-size: 12px;
        text-align: center;
        text-shadow: none
    }

.main_pck_scrollbar .mCSB_scrollTools {
    right: 5px
}

#launch-cnst-pkg-subtotal {
    font-weight: 400
}

#launch-cnst-pkg-free-invited {
    margin-top: 5px
}

.add-ons-left .icon-css {
    float: left
}

.add-bottom-content label {
    cursor: pointer;
    display: block;
    padding: 20px 0;
    font-weight: 400
}

.list-item-hide {
    display: none
}

.list-more-item {
    text-align: center
}

    .list-more-item a {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase
    }

        .list-more-item a i {
            font-size: 11px;
            font-weight: 100;
            position: relative;
            top: -1px;
            left: 5px
        }

.panel-blue .list-more-item a, .panel-blue .list-more-item a i {
    color: #f4b350
}

.panel-green .list-more-item a, .panel-green .list-more-item a i {
    color: #0aa699
}

.panel-purple .list-more-item a, .panel-purple .list-more-item a i {
    color: #9c5d7a
}

.panel-yellow .list-more-item a, .panel-yellow .list-more-item a i {
    color: #f4b350
}

.list-more-item a span {
    border-bottom: 1px dotted
}

.launch-contest-step-2, .launch-contest-step-3 {
    background: #f5f5f5
}

.cnt-launch-pkg-box.selected a.btn-block i {
    display: none
}

.error {
    color: red
}

.success {
    color: #009f00
}

#alert-wrapper {
    position: fixed;
    z-index: 2010;
    display: none;
    min-height: 30px;
    top: -13px;
    height: 60px;
    margin: 0 auto;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 20px;
    border: 1px solid #b2ce62;
    background: #e8edd0;
    color: #48970c;
    -webkit-transition: top .15s;
    -ms-transition: top .15s;
    -moz-transition: top .15s;
    -o-transition: top .15s;
    transition: top .15s;
    left: 0;
    right: 0
}

    #alert-wrapper.active {
        top: 60px;
        display: block
    }

    #alert-wrapper .alert-body {
        text-align: center;
        width: 70%;
        float: left;
        line-height: 20px !important;
        font-size: 14px;
        margin: 0 auto
    }

    #alert-wrapper.warning {
        border: 1px solid #e5a170;
        background: #fae7c8;
        color: #ce6637
    }

        #alert-wrapper.warning .close-alert {
            background-position: 0 -86px
        }

    #alert-wrapper.error {
        border: 1px solid #df8383;
        background: #efdad9;
        color: #bb403f
    }

        #alert-wrapper.error .close-alert {
            background-position: right top
        }

    #alert-wrapper.message .close-alert {
        background-position: right -40px
    }

    #alert-wrapper .title {
        float: left;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 700;
        width: 20%;
        min-height: 20px;
        line-height: 30px
    }

    #alert-wrapper .close-alert {
        display: block;
        width: 10%;
        height: 35px;
        background: url("//cdn1.designhill.com/assets/dh/images/close-alert-sprite-icon.png") no-repeat;
        float: left
    }

.launch-cnst-effective-amount {
    padding: 10px 0;
    color: green
}

#loadere, #loadereDesignersEntries, #loadereWatcherEntries {
    position: absolute
}

#loadere {
    z-index: 99999999
}

#loadere_new1 {
    display: block;
    opacity: .6;
    filter: alpha(opacity=40);
    width: 100%;
    height: 100%;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    background: #ccc;
    z-index: 3000
}

#loadere_new2 {
    background: url(//cdn1.designhill.com/assets/dh/images/throbber_orange.gif) no-repeat scroll 0 0 rgba(255,255,255,1);
    width: 62px;
    height: 62px;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.5);
    -ms-box-shadow: 0 2px 3px rgba(0,0,0,.5);
    -o-box-shadow: 0 2px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.5);
    box-shadow: 0 2px 3px rgba(0,0,0,.5);
    position: fixed;
    z-index: 3001;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.SelectImageCount {
    width: 954px;
    margin: 0;
    padding: 10px 0;
    float: left
}

.SelectImageCount_imageBox {
    width: 122px;
    margin: 0;
    padding: 8px 15px 8px 8px;
    float: left;
    background: #f4f4f4;
    position: relative;
    margin-right: 15px;
    margin-bottom: 15px
}

.SelectImageCount_imageBox1 {
    margin: 10px 0 0;
    float: left;
    background: #ccc;
    position: relative;
    padding: 5px
}

.SelectImageCount_imageBox_image {
    margin: 0;
    float: left;
    background: url(//cdn1.designhill.com/assets/dh/images/closebox.png) no-repeat left top;
    position: absolute;
    cursor: pointer;
    right: -14px;
    top: 4px
}

.SelectImageCount_imageBox_image1 {
    margin: 0;
    float: left;
    background: url(//cdn1.designhill.com/assets/dh/images/closebox.png) no-repeat left top;
    position: absolute;
    cursor: pointer;
    right: -20px;
    top: -14px;
    z-index: 1
}

.SelectImageCount_imageBox_image a {
    margin: 0;
    padding: 15px 15px 15px 23px;
    float: left;
    display: block
}

.SelectImageCount_imageBox_image1 a {
    margin: 0;
    padding: 15px 15px 15px 23px;
    float: left;
    display: block
}

.SelectImageCount_imageBox_1nner {
    width: 118px;
    margin: 0;
    float: left;
    border: 1px solid #999;
    min-height: 90px;
    padding: 5px;
    background: #fff
}

.SelectImageCount_imageBox_1nner1 {
    width: 281px;
    margin: 0;
    float: left;
    border: 1px solid #999;
    min-height: 83px;
    padding: 5px;
    background: #fff
}

.SelectImageCount_imageBox_timeline {
    width: 291px;
    margin: 0;
    float: left;
    border: 1px solid #999;
    min-height: 90px;
    padding: 5px;
    background: #fff
}

.selectLogoMain input[type=checkbox] {
    margin-top: 4px
}

#package {
    margin-top: 0
}

.project-upgrade .left-content i {
    display: block;
    width: 45px;
    text-align: center;
    padding: 5px 0
}

.alreadyInvitedBlock {
    position: absolute;
    right: -270px;
    top: 100px;
    z-index: 1
}

.inviteeList, .inviteeList1 {
    background: #333 none repeat scroll 0 0;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    clear: both;
    color: #eee;
    float: left;
    margin-bottom: 7px;
    padding: 2%;
    width: 100%
}

.inviteeList1 {
    background: #eee none repeat scroll 0 0;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2) inset;
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,.2) inset;
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.2) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2) inset;
    box-shadow: 0 1px 1px rgba(0,0,0,.2) inset
}

.search_data .searchResult0 {
    color: #eee;
    text-align: center;
    margin-top: -85px
}

    .search_data .searchResult0 i.icon-bicycle:before {
        display: block;
        font-size: 50px;
        margin-bottom: 10px;
        text-shadow: 4px 3px 0 #141414
    }

#topSkills {
    width: 100%;
    float: left;
    margin: 50px 0
}

    #topSkills ul {
        padding: 0 0 20px;
        margin: 0;
        border-bottom: solid 1px #ccc;
        display: inline-block
    }

        #topSkills ul li {
            display: block;
            float: left
        }

            #topSkills ul li a {
                float: left;
                font-size: 16px;
                font-weight: 300;
                margin: 0 30px 10px 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 189px;
                text-transform: capitalize;
                text-decoration: none;
                color: #4083a9
            }

                #topSkills ul li a:hover {
                    color: #205f82
                }

    #topSkills span {
        display: inline-block;
        width: 100%;
        padding: 10px 0
    }

        #topSkills span h1 {
            background-color: #82bc3b
        }

        #topSkills span h1, #topSkills span h2, #topSkills span h3 {
            display: inline-block;
            width: auto;
            color: #fff;
            font-size: 12px;
            padding: 6px 30px 6px 15px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            font-weight: 400;
            position: relative
        }

            #topSkills span h1 i {
                color: #fff;
                display: inline-block;
                font-size: 44px;
                position: absolute;
                right: -18px;
                top: -9px;
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg)
            }

        #topSkills span h2 {
            color: #4083a9;
            background: #eee
        }

            #topSkills span h2 a {
                color: #4083a9;
                background: 0 0;
                text-decoration: none
            }

                #topSkills span h2 a:hover {
                    color: #205f82
                }

.inviteeList .inviteeLinks {
    float: left;
    margin: 0 0 0 10px;
    font-size: 14px;
    padding: 5px
}

.inviteeList1 .inviteeLinks {
    float: left;
    margin: 0 0 0 10px;
    font-size: 12px;
    padding: 5px;
    color: #444
}

.inviteeList1 .inviteeLinks1 {
    font-size: 10px;
    padding: 5px;
    color: #444;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%
}

.inv-user-block {
    width: 175px;
    height: 50px;
    float: left;
    margin-left: 12px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff
}

    .inv-user-block:first-child {
        margin-left: 0
    }

.designer-profile-img img {
    margin: 5px !important;
    background: 0 0 !important;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ccc !important;
    float: left
}

.designer-profile-detail {
    float: left
}

.designer-name {
    font-weight: 500;
    color: #fff;
    text-align: center;
    background: #348fc6;
    font-size: 12px
}

.designer-detail {
    font-size: 11px;
    margin-top: 2px
}

.close-redbtn {
    position: absolute;
    margin: 0 0 0 162px;
    font-weight: 700;
    color: #333;
    cursor: pointer
}

    .close-redbtn img {
        border: 0 none;
        background: 0 0;
        box-shadow: none;
        cursor: pointer
    }

.iconInfoSign {
    float: left;
    margin: 4px 10px 0
}

    .iconInfoSign i {
        color: #348fc6;
        font-size: 19px
    }

#dynamicContain.payforinvitation {
    margin: 0
}

#dynamicContain.modal-body {
    margin: 0;
    overflow-y: hidden
}

#dispinvi .contentScrollTop {
    overflow: auto;
    padding: 10px;
    border: 1px solid #696969;
    -moz-box-shadow: 0 0 0 1px #424141;
    -ms-box-shadow: 0 0 0 1px #424141;
    -o-box-shadow: 0 0 0 1px #424141;
    -webkit-box-shadow: 0 0 0 1px #424141;
    box-shadow: 0 0 0 1px #424141;
    margin-bottom: 20px
}

.invitedDesBlk .designer-profile-img img {
    width: 40px;
    height: 40px
}

.designer-detail-username {
    font-size: 11px;
    font-weight: 500;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

.launchContest-main-subheader {
    background: #505050;
    background: -moz-linear-gradient(#505050 0%,#505050 100%);
    background: -webkit-linear-gradient(#505050 0%,#505050 100%);
    background: -webkit-gradient(linear,0 100%,0 0,from(#505050),to(#505050));
    background: -o-linear-gradient(#505050 0%,#505050 100%);
    background: rgba(0,0,0,0) linear-gradient(#505050 0%,#505050 100%) repeat scroll 0 0
}

.design_consultantmain {
    background: #fff;
    margin: 40px 0;
    padding: 10px 33px
}

    .design_consultantmain .form-group {
        margin: 0 0 30px
    }

    .design_consultantmain p {
        margin: 0 0 20px
    }

.design_consultation .form-group label {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 6px
}

.terms_condition_header {
    background: url("//cdn1.designhill.com/assets/dh/images/mosaic.jpg?ver=1.01") repeat scroll 0 0;
    -moz-box-shadow: 0 0 35px 53px hsla(0,0%,0%,.6) inset;
    -ms-box-shadow: 0 0 35px 53px hsla(0,0%,0%,.6) inset;
    -o-box-shadow: 0 0 35px 53px hsla(0,0%,0%,.6) inset;
    -webkit-box-shadow: 0 0 35px 53px hsla(0,0%,0%,.6) inset;
    box-shadow: 0 0 35px 53px hsla(0,0%,0%,.6) inset;
    color: #fff;
    float: left;
    text-align: center;
    width: 100%;
    padding: 2.5% 0
}

    .terms_condition_header p {
        font-size: 25px;
        line-height: 32px
    }

.terms_condition {
    float: left;
    width: 100%;
    margin: 50px 0
}

.terms_color {
    color: #82bc3b
}

.help-block.with-errors {
    color: red;
    margin: 6px 0 0
}

.about_main {
    padding: 0 40px 0 0;
    text-align: justify
}

    .about_main > p {
        font-size: 15px;
        line-height: 24px;
        margin: 0 0 20px
    }

    .about_main iframe {
        border: medium none
    }

.testimonials_boxes {
    float: left;
    width: 100%;
    text-align: center
}

    .testimonials_boxes.last {
        float: right;
        margin: 0
    }

.img_css {
    display: block;
    float: left;
    margin: 20px 0 5px;
    text-align: center;
    width: 100%
}

.testimonials_boxes > p a {
    color: #444;
    font-size: 16px
}

.view_test {
    color: gray;
    font-size: 12px;
    position: relative
}

.about_main.last {
    text-align: center
}

    .about_main.last > h3 {
        text-align: left
    }

.about_main .pay_launch_btn.process-css {
    margin: 30px 0 0 !important
}

.about_main h3 {
    margin: 0 0 20px
}

.about_main .text-center {
    overflow: hidden;
    text-align: center;
    width: 100%
}

.widget_css {
    margin: 32px 0 0
}

    .widget_css h4 {
        border-bottom: 2px solid rgba(158,173,195,.19);
        font-size: 20px;
        margin: 0 0 12px;
        padding: 0 0 8px
    }

    .widget_css li {
        margin: 0 0 10px;
        position: relative
    }

    .widget_css a {
        color: #535865;
        font-size: 14px
    }

    .widget_css i {
        background: #000;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        color: #fff;
        display: inline-block !important;
        font-size: 16px;
        height: 30px;
        line-height: 30px;
        margin: 0 10px 0 0;
        text-align: center;
        width: 30px
    }

    .widget_css .icon-facebook:hover {
        background: #3b5997
    }

    .widget_css .icon-twitter:hover {
        background: #29c5f6
    }

    .widget_css .icon-rss:hover {
        background: #ff6d00
    }

    .widget_css .icon-linkedin:hover {
        background: #006dc0
    }

    .widget_css .icon-google-plus:hover {
        background: #d13d2f
    }

    .widget_css .last {
        text-align: center
    }

        .widget_css .last > a img {
            width: 100px
        }

    .widget_css .pay_launch_btn.process-css {
        width: 100%
    }

        .widget_css .pay_launch_btn.process-css > a {
            text-align: center;
            width: 100%
        }

    .widget_css > p {
        color: #535865;
        font-size: 13px
    }

.testimonials_boxes > blockquote:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(158,173,195,.3);
    content: "";
    left: 49%;
    position: absolute;
    top: 101%
}

.testimonials_boxes > blockquote:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    content: "";
    left: 49%;
    position: absolute;
    top: 100%;
    z-index: 999
}

.about_css {
    background-image: url("//cdn1.designhill.com/assets/dh/images/b-3-green.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    color: #fff;
    float: left;
    text-align: center;
    width: 100%
}

.main_about {
    padding: 5% 0
}

.about_css h2, .about_css .about-headCss {
    font-size: 48px;
    font-weight: 600;
    text-transform: uppercase
}

.heading-oneCss {
    color: #fff;
    font-size: 35px;
    padding: 9px 0;
    text-transform: uppercase
}

.cokkie-head .heading-oneCss {
    text-transform: uppercase;
    font-weight: 600
}

.about_css p {
    font-size: 20px;
    font-weight: 300;
    line-height: 32px
}

.about_us {
    float: left;
    width: 100%;
    margin: 50px 0
}

body.page738, body.page717 {
    background: #eee
}

body.page690, body.page690, body.page745 {
    background: #e9eaec
}

body.page55, body.page704 {
    background: #f4f4f6
}

.resgister_inner {
    text-align: center;
    margin: 60px 0
}

.terms_condition h2 {
    font-size: 25px;
    margin-top: 0
}

.note_terms_css {
    font-size: 14px;
    padding: 0 0 14px
}

.main_terms_condition {
    background: #fff;
    padding: 0;
    margin: 40px 0
}

.main_terms {
    line-height: 24px;
    font-size: 13px
}

    .main_terms p {
        margin: 0 0 24px
    }

    .main_terms h5 {
        font-size: 26px;
        margin: 40px 0 0
    }

.terms_block {
    margin: 20px 0 0
}

.main_terms .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .main_terms .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #555
}

.terms_condition_header {
    background: url("//cdn1.designhill.com/assets/dh/images/mosaic.jpg?ver=1.01") repeat scroll 0 0;
    color: #fff;
    float: left;
    text-align: center;
    width: 100%;
    padding: 2.5% 0;
    -moz-box-shadow: 0 0 35px 53px hsla(0,0%,0%,.6) inset;
    -webkit-box-shadow: 0 0 35px 53px hsla(0,0%,0%,.6) inset;
    -o-box-shadow: 0 0 35px 53px hsla(0,0%,0%,.6) inset;
    -ms-box-shadow: 0 0 35px 53px hsla(0,0%,0%,.6) inset;
    box-shadow: 0 0 35px 53px hsla(0,0%,0%,.6) inset
}

    .terms_condition_header p {
        font-size: 25px;
        line-height: 32px
    }

.terms_condition {
    float: left;
    width: 100%
}

.terms_color {
    color: #82bc3b
}

.testimonials_boxes.last {
    float: right;
    margin: 0
}

.testimonials_boxes blockquote {
    background: #fff;
    font-size: 13px;
    font-weight: 300;
    min-height: 126px;
    padding: 15px 20px;
    line-height: 24px;
    border: 1px solid rgba(158,173,195,.19);
    position: relative
}

.testimonials_css .img_css {
    display: block;
    margin: 0 auto 10px;
    float: left;
    text-align: center;
    width: 100%
}

.testimonials_boxes > p a {
    color: #444;
    font-size: 16px
}

.view_test {
    color: gray;
    font-size: 12px;
    position: relative
}

.testimonials_css .pay_launch_btn.process-css {
    margin: 30px 0
}

.testimonials_css .text-center {
    text-align: center;
    width: 100%
}

.testimonials_boxes > blockquote:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(158,173,195,.19);
    content: "";
    left: 49%;
    position: absolute;
    top: 101%
}

.testimonials_boxes > blockquote:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    content: "";
    left: 49%;
    position: absolute;
    top: 100%;
    z-index: 999
}

.testimonials_main {
    float: left;
    margin: 0 0 40px;
    width: 100%
}

.testimonials_css .save.process-css {
    display: inline-block;
    margin: 30px 0
}

.testimonial_header {
    color: #fff;
    float: left;
    text-align: center;
    width: 100%
}

.test_header {
    padding: 5% 0;
    background-image: url('//cdn1.designhill.com/assets/dh/images/b-4.svg');
    background-repeat: no-repeat;
    background-size: cover
}

.testimonial_header h2, .testimonial_header .testi-headinCss {
    font-size: 48px;
    font-weight: 600;
    text-transform: uppercase
}

.testimonial_header p {
    font-size: 20px;
    font-weight: 300;
    line-height: 32px
}

.testimonials_css {
    float: left;
    width: 100%;
    padding: 50px 0;
    background: #f5f5f5
}

.testimonial_header a.nectar-button {
    background: 0 0;
    border: 1px solid #fff;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0 0;
    padding: 14px 28px;
    text-transform: uppercase;
    position: relative
}

.testimonial_header .text-center.star-rating-main-box a {
    color: var(--yellow-btn-color);
    font-weight: 700
}

.testimonial_header a:hover.nectar-button {
    color: #fff;
    background: 0 0
}

.testimonial_header_bottom {
    background: #333;
    color: #fff;
    float: left;
    font-size: 18px;
    padding: 12px;
    text-align: center;
    width: 100%
}

#dispinvi .signupRegHead {
    color: #fff;
    font-size: 25px;
    text-align: center;
    font-weight: 300
}

.budget.panel.selected.panel-default:hover .btn span {
    margin-left: 0
}

.price-css {
    float: left
}

.cnt-launch-budget-opt-box a.active .glyphicon-plus-sign {
    display: none
}

.testimonials_boxes .img_css {
    display: block;
    float: none;
    margin: 0 auto 10px;
    width: 10%
}

    .testimonials_boxes .img_css img {
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%
    }

.affiliate-page-main {
    background: #e7e7e7;
    float: left;
    width: 100%
}

.affiliateImgBlockTop {
    background: #009f00 url(//cdn1.designhill.com/assets/dh/images/diagmonds-light.png);
    width: 100%;
    padding: 80px 0
}

.topImageChange {
    background: #fe4641 !important;
    width: 100%;
    padding: 70px 0;
    clear: both;
    float: left
}

.affiliateImgBlockTop h1 {
    margin-bottom: 0
}

.affiliateImgBlockTop .signupnowbtn {
    font-size: 12px;
    line-height: normal;
    margin: 30px auto 0;
    position: relative;
    width: 158px
}

    .affiliateImgBlockTop .signupnowbtn a {
        background: #545555
    }

    .affiliateImgBlockTop .signupnowbtn .nectar-button {
        border: 2px solid #fff;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 20px;
        padding: 10px 30px;
        text-align: center;
        text-transform: uppercase
    }

        .affiliateImgBlockTop .signupnowbtn .nectar-button span {
            font-weight: 700;
            left: 0;
            position: relative;
            -moz-transition: all .2s ease-out 0s;
            -ms-transition: all .2s ease-out 0s;
            -o-transition: all .2s ease-out 0s;
            -webkit-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s
        }

        .affiliateImgBlockTop .signupnowbtn .nectar-button i {
            font-size: 18px;
            line-height: 18px;
            margin-left: 10px;
            margin-top: -9px;
            opacity: 0;
            position: absolute;
            right: 30px;
            top: 50%;
            -moz-transition: all .2s ease-out 0s;
            -ms-transition: all .2s ease-out 0s;
            -o-transition: all .2s ease-out 0s;
            -webkit-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;
            width: 18px
        }

    .affiliateImgBlockTop .signupnowbtn a.nectar-button:hover > span {
        left: -18px
    }

    .affiliateImgBlockTop .signupnowbtn a.nectar-button:hover > i {
        opacity: 1;
        right: 16px
    }

.affiliate-page-mainwrapper {
    width: 100%;
    clear: both;
    margin: 0 auto 50px
}

.affiliate-works-head {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #fe4641;
    margin: 60px 0 20px;
    float: left;
    width: 100%
}

.affiliate-boxes-main {
    margin-bottom: 60px;
    float: left
}

.affiliate-boxes {
    background: #fff;
    margin: 20px 0;
    float: left;
    padding: 30px 10px;
    color: #323232;
    -moz-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.affiliate-boxes-img1 {
    width: 110px;
    margin: auto;
    background: url(//cdn1.designhill.com/assets/dh/images/affiliate_img_blk_sprite.png);
    height: 80px
}

.affiliate-boxes-img2 {
    width: 85px;
    margin: auto;
    background: url(//cdn1.designhill.com/assets/dh/images/affiliate_img_blk_sprite.png) -110px 0;
    height: 83px
}

.affiliate-boxes-img3 {
    width: 117px;
    margin: auto;
    background: url(//cdn1.designhill.com/assets/dh/images/affiliate_img_blk_sprite.png) -195px 0;
    height: 88px
}

.affiliate-boxes-head {
    padding: 20px 10px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 22px;
    margin-top: 20px
}

.affiliate-boxes-content {
    font-size: 14px;
    margin: 15px 10px 0;
    line-height: 22px;
    float: left;
    text-align: center
}

.topImageChange .abtHead1 {
    max-width: 1000px;
    margin: auto
}

.aff-testimonial {
    margin: 30px auto 0;
    max-width: 300px
}

.aff-testimonial-blk {
    background: #fff;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    height: 64px;
    float: left
}

.aff-testimonial-img {
    float: left;
    margin: 2px 10px 0 2px
}

    .aff-testimonial-img img {
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        margin: 2px;
        float: left
    }

.aff-testimonial-name {
    float: left;
    color: #ee5a20;
    font-size: 19px;
    font-weight: 400;
    margin: 8px 20px 0 0
}

    .aff-testimonial-name span {
        display: block;
        color: #222;
        font-size: 14px
    }

.diff-size-img {
    background: #000;
    border: 5px solid #fff;
    color: #fff;
    width: 300px;
    margin: 10px 11px;
    float: left;
    text-align: center;
    font-size: 20px;
    padding: 20px 0;
    cursor: pointer
}

    .diff-size-img i {
        display: block;
        margin-top: 10px
    }

.diff-size-img-main {
    clear: both;
    width: 100%;
    float: left;
    margin-bottom: 30px
}

.marginFoot70 {
    margin-bottom: 70px
}

div:hover.affiliate-boxes {
    background: #fe4641;
    color: #fff;
    -moz-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

    div:hover.affiliate-boxes .affiliate-boxes-img1 {
        background-position: 0 -89px
    }

    div:hover.affiliate-boxes .affiliate-boxes-img2 {
        background-position: -110px -89px
    }

    div:hover.affiliate-boxes .affiliate-boxes-img3 {
        background-position: -195px -89px
    }

    div:hover.affiliate-boxes .affiliate-boxes-head {
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff
    }

.bannerAddpar {
    clear: both;
    width: 100%;
    display: table;
    margin-bottom: 20px;
    padding: 15px;
    background: #fff
}

.bannerAdd200x200 {
    display: table-cell;
    vertical-align: middle;
    float: none
}

.bannerAdd300x250 {
    display: table-cell;
    vertical-align: middle;
    float: none
}

.bannerAdd460x60 {
    display: table-cell;
    vertical-align: middle;
    float: none
}

.bannerAdd120x560 {
    display: table-cell;
    vertical-align: middle;
    float: none
}

.bannerCode {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    float: none
}

.abtHeadtest {
    text-align: center;
    color: #dfdfdf;
    font-size: 14px;
    margin-bottom: 20px
}

.bannerCode textarea {
    border: 1px solid #ccc;
    resize: none;
    width: 100%;
    font-size: 12px;
    height: 85px;
    padding: 5px 10px
}

.abtHead1 a {
    color: #fff;
    text-decoration: underline
}

.shareasale {
    width: 225px;
    margin: 0 auto 50px
}

    .shareasale .affiliateImgBlockTop {
        background: 0 0;
        padding: 0
    }

.blueBG {
    background: #2d92d7 !important;
    text-align: center
}

.affiliateText {
    text-align: center;
    font-size: 30px;
    color: #fff;
    margin: 0 0 10px;
    text-transform: capitalize
}

.option_Ad {
    text-align: left;
    margin-bottom: 10px
}

h2.abtHead1 {
    color: #fff;
    font-weight: 300;
    text-align: center;
    font-size: 19px;
    line-height: 30px
}

h1.abtHead2 {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    text-align: center
}

.affiliateImgBlockTop .signupnowbtn a.nectar-button {
    background: 0 0
}

.howItWorksPage {
    font-weight: 300
}

    .howItWorksPage .howItWorksHeader {
        background: url(//cdn1.designhill.com/assets/dh/images/bg2.jpg);
        float: left;
        width: 100%
    }

.howItWorksPageInn {
    max-width: 1000px;
    width: 100%;
    margin: auto
}

.subheader-main {
    background: #2d3538;
    width: 100%;
    color: #fff;
    padding: 100px 0 110px;
    float: left
}

.subheader-block {
    max-width: 1000px;
    margin: 5% auto;
    font-weight: 300;
    color: #fff
}

    .subheader-block h1, .subheader-block h2 {
        text-align: center
    }

    .subheader-block h1 {
        font-size: 39px;
        font-weight: 100;
        margin: 0
    }

    .subheader-block h2 {
        font-size: 20px;
        font-weight: 300;
        margin-top: 15px
    }

.videoContainer i {
    font-size: 90px;
    cursor: pointer
}

    .videoContainer i:hover {
        color: #13717f;
        -webkit-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
        -o-transition: all .2s ease-out 0s;
        -moz-transition: all .2s ease-out 0s;
        transition: all .2s ease-out 0s
    }

.abtDescContent p {
    margin-bottom: 20px
}

.videoContainer {
    width: 100%;
    text-align: center;
    clear: both;
    margin-top: 20px
}

.howItWorksPage .pageBlock01 {
    width: 100%;
    border-bottom: 1px solid #d9dee1;
    padding: 50px 0;
    float: left
}

.howItWorksPage .pageBlock02 {
    width: 100%;
    background: #f2f7fa;
    border-bottom: 1px solid #d9dee1;
    padding: 50px 0;
    float: left
}

.howItWorksPage .mainpage {
    max-width: 800px;
    margin: auto
}

    .howItWorksPage .mainpage h2 {
        text-align: center
    }

    .howItWorksPage .mainpage img {
        max-width: 300px;
        max-height: 300px
    }

.howItWorksPage .mainpageNew {
    margin: auto
}

.howItWorksPage .macborder {
    margin: auto
}

    .howItWorksPage .macborder img {
        width: 100%;
        margin: auto
    }

.howItWorksPage .mainpage h1, .howItWorksPage .mainpageNew h1 {
    font-size: 40px;
    text-align: left;
    font-weight: 100
}

.howItWorksPage .mainpageNew h1 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 37px;
    color: #fff
}

.howItWorksPage .mainpage h1.macHeading {
    text-align: center;
    margin-bottom: 40px
}

.howItWorksPage .preview_left, .preview_right {
    position: relative
}

.howItWorksPage .detail_left, .detail_right {
    padding: 0 20px
}

.howItWorksPage .preview_left, .detail_left {
    float: right
}

.howItWorksPage .preview_right, .detail_right {
    float: right
}

.howItWorksPage .detail_right h1, .detail_left h1 {
    text-align: left;
    font-weight: 100
}

.howItWorksPage .detail_right p, .detail_left p {
    font-size: 1.4em;
    line-height: 1.6em;
    color: #636363;
    font-weight: 300;
    margin-top: 20px
}

.howItWorksPage .theme_custom {
    background-color: #5f8ca6
}

.howItWorksPage .custom_image {
    position: absolute;
    top: 183px;
    left: 28px
}

.howItWorksPage .bounceInRight img {
    float: right
}

.howItWorksPage .post_right p, .howItWorksPage .post_left p {
    color: #636363;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.6em;
    margin-top: 20px
}

.howItWorksPage .mainpage h4, .guaranteeblk h4 {
    font-weight: 300;
    text-align: center;
    line-height: 30px
}

.howItWorksPage .mainpage .moneyBGPos {
    top: 50px;
    right: 215px
}

.howItWorksPage .mainpage .moneyBkGuarantee {
    margin-top: 20px;
    font-size: 18px
}

.guaranteeblk {
    text-align: center
}

.moneyBkGuarantee > span:before {
    color: #82bc3b;
    content: "\f058";
    font-family: fontawesome;
    font-size: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px
}

.cmnBtn .btn.btn-default {
    color: #fff;
    font-weight: 500
}

.tagsMainPage {
    clear: both;
    float: left;
    margin-top: 40px;
    width: 100%
}

.tag-user-img {
    float: left;
    margin-right: 10px
}

    .tag-user-img img {
        width: 60px;
        height: 60px;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%
    }

.tagsAlphaNum table {
    margin: 0;
    padding: 0
}

.personal_designs_text1 {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    border-bottom: 1px solid #c4c4c4;
    display: block;
    line-height: 60px;
    font-size: 17px;
    clear: both;
    padding: 7px 0 10px;
    overflow: auto
}

.tagFullWid {
    width: 100%;
    margin: 0 auto 20px
}

    .tagFullWid .leftBlock {
        float: left;
        width: 100%;
        color: #666
    }

    .tagFullWid .rightBlock {
        float: right;
        margin-left: 30px;
        max-width: 220px;
        width: 22%
    }

.leftBlockInner {
    clear: both;
    border-bottom: 1px solid #d1d1d1;
    float: left;
    width: 100%
}

.blockCharTop {
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    padding: 5px .89%;
    float: left;
    margin-bottom: 5px;
    border: 1px solid #d1d1d1;
    border-left: 0 none
}

.tagFullWid td:first-child.blockCharTop {
    border: 1px solid #d1d1d1
}

.leftBlockInner .blockChar {
    float: left;
    max-width: 40px;
    width: 5%;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    margin: 21px 0 0 10px
}

.leftBlockInner .blockAlpha {
    float: left;
    width: 95%;
    margin: 20px 0 17px
}

.blockAlpha a {
    color: #666;
    display: block
}

.disTagMain {
    width: 100%;
    clear: both;
    margin-bottom: 3px;
    float: left;
    position: relative
}

.dispTagName {
    background: #ccc;
    float: left;
    padding: 0 1.5%;
    display: block;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    line-height: 26px;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 300
}

.dispTagAmt {
    float: right;
    position: absolute;
    right: 10px;
    line-height: 26px
}

.tdOver {
    background-color: #e5e5e5;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.single-img-thumb {
    clear: both;
    float: left;
    margin: 20px 0
}

    .single-img-thumb ul {
        margin: 0;
        padding: 0
    }

        .single-img-thumb ul li {
            padding: 0;
            list-style: none;
            display: inline-block;
            margin: 0 10px 0 0
        }

            .single-img-thumb ul li:last-child {
                margin-right: 0
            }

.single-img-th {
    background: none repeat scroll 0 0 #fff;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -box-shadow: 0 1px 2px rgba(0,0,0,.07);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.07);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,.07);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.07);
    box-shadow: 0 1px 2px rgba(0,0,0,.07);
    height: 75px;
    width: 95px;
    position: relative
}

    .single-img-th img {
        margin: 5px;
        padding: 0;
        height: 65px;
        width: 85px
    }

.single-img-thumb-right {
    clear: both;
    float: left
}

    .single-img-thumb-right ul {
        margin: 0;
        padding: 0
    }

        .single-img-thumb-right ul li {
            padding: 0;
            list-style: none;
            display: inline-block;
            margin: 0 25px 15px 0
        }

            .single-img-thumb-right ul li:nth-child(2n+0) {
                margin: 0
            }

            .single-img-thumb-right ul li:last-child {
                margin-right: 0
            }

.single-img-th {
    background: none repeat scroll 0 0 #fff;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.07);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.07);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,.07);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.07);
    box-shadow: 0 1px 2px rgba(0,0,0,.07);
    height: 75px;
    width: 95px
}

    .single-img-th img {
        margin: 5px;
        padding: 0;
        height: 65px;
        width: 85px
    }

.moreBlock .moreHeading {
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 5px;
    font-size: 14px;
    margin-bottom: 10px
}

.moreHeading a {
    color: #4083a9;
    text-decoration: none
}

    .moreHeading a:hover {
        color: #205f82;
        text-decoration: none
    }

.moreBlock .showBoxM {
    padding: 2px !important;
    margin-bottom: 20px
}

.jumpto {
    float: left;
    width: 6%;
    margin-top: 5px;
    font-weight: 700;
    min-width: 60px
}

.tagsAlphaNum {
    float: left;
    width: 94%
}

.tagFullWidInner {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

td:hover.blockCharTop {
    background: #4ea6d6
}

    td:hover.blockCharTop a {
        color: #fff;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        -webkit-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s
    }

.design_gallery {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    background: #fff
}

#logoDesignIndustryTitle {
    margin-top: 0
}

.subHeader {
    background: #333
}

    .subHeader .form-group {
        margin-top: 8px;
        margin-bottom: 0
    }

.dropdown-menucss {
    margin-top: 10px
}

.subHeader .btn {
    width: 100%;
    background: 0 0
}

    .subHeader .btn:hover, .subHeader .btn:hover, .subHeader .btn:focus, .subHeader .btn:visited {
        background: 0 0
    }

.desTypeBtn div {
    color: #333;
    display: block;
    float: left;
    font-size: 13px
}

.subHeader .desTypeBtn div.icon-chevron-down, a.subHeaderLink i {
    font-size: 10px;
    font-weight: 300;
    margin: 4px 0 0 5px
}

.desTypeBtn .icon-chevron-down {
    float: left;
    text-align: center
}

.subHeader .dropdown-menu {
    top: 47px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 5px 5px;
    background: #333;
    border: 0 none;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    -ms-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    -o-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    max-width: 250px;
    width: 100%
}

    .subHeader .dropdown-menu li a {
        color: #999;
        display: block;
        font-size: 13px;
        padding: 4px 10px
    }

        .subHeader .dropdown-menu li a:hover {
            background: #484848;
            color: #ddd
        }

.subHeader button {
    padding-left: 0;
    padding-right: 0
}

.design_gallery .subHeader .dropdown-menu li a i {
    position: absolute;
    right: 18px;
    display: none
}

a.subHeaderLink {
    color: #fff;
    line-height: 50px;
    font-size: 13px
}

.subHeader #subHCategory .dropdown-menu {
    min-width: 250px;
    width: 100%
}

.headerColor {
    background: #f3f3f4;
    width: 100%
}

.colorPickerPD .ui-slider .ui-slider-handle {
    cursor: e-resize
}

.subHeaderMenu .toggle-inside {
    position: static
}

.design_gallery .common-btn--group .search-css {
    background: 0 0;
    border-radius: 0 !important;
    border: none !important;
    color: #fff !important;
    border-bottom: 1px solid rgba(255,255,255,.5) !important;
    padding: 6px 18px 6px 12px;
    font-size: 13px;
    text-overflow: ellipsis
}

.design_gallery .common-btn--group .caret {
    top: 13px;
    border-top-color: #fff;
    right: 6px
}

.design_gallery .common-btn--group .btn-default.active, .design_gallery .open > .dropdown-toggle.btn-default {
    background-color: transparent !important;
    border-radius: 0 !important
}

.design_gallery .common--dropdown.dropdown-menu {
    border: none;
    border-radius: 0;
    background: #333 !important;
    top: 98%;
    padding: 0;
    margin: 0
}

.design_gallery .common-btn--group .dropdown-menu li a {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff !important
}

.design_gallery .common-btn--group .search-css::-webkit-input-placeholder {
    color: #746f6c !important
}

.design_gallery .common-btn--group .search-css:-moz-placeholder {
    color: #746f6c !important
}

.design_gallery .common-btn--group .search-css::-moz-placeholder {
    color: #746f6c !important
}

.design_gallery .common-btn--group .search-css:-ms-input-placeholder {
    color: #746f6c !important
}

.colorPallateGallery .color-codes {
    background: #4e5565;
    color: #fff
}

    .colorPallateGallery .color-codes:after {
        border-top-color: #4e5565
    }

.colorPickerPD .ui-widget-header {
    background: #82bc3b;
    color: #f6f6f6;
    font-weight: 700;
    -moz-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.colorPickerPD .ui-widget-content {
    background: #777;
    border: 0
}

.colorPickerPD .ui-state-default {
    background: #fff;
    font-weight: 700;
    color: #fff;
    margin-left: -8px
}

.colorPickerPD .ui-slider .ui-slider-handle {
    z-index: 1;
    border: 0 none
}

.colorPickerPD .ui-slider span:hover.ui-slider-handle {
    opacity: .75;
    -moz-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.colPickHeading {
    clear: both;
    color: #0d0c22;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0;
    padding: 0;
    float: left;
    width: 100%
}

.colPickHeading1 {
    clear: both;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 15px;
    padding: 0;
    float: left;
    width: 100%
}

.colorPickerPD #sliderColorRange.ui-widget-content {
    height: 6px
}

.colPickHeading1 .minicolors-theme-default .minicolors-input {
    padding-left: 6px;
    height: 24px
}

.colPickHeading1 .minicolors-position-bottom .minicolors-panel {
    position: absolute
}

.colPickHeading1 input.customizeColDemo {
    border: 0 none;
    padding-left: 5px;
    width: 175px;
    color: #222;
    font-size: 14px;
    height: 24px;
    line-height: 24px
}

.colPickHeading1 .minicolors .minicolors-grid, .colPickHeading1 .minicolors-slider, .colPickHeading1 .minicolors-opacity-slider {
    top: 1px
}

.headerColor .pay_launch_btn {
    float: left;
    margin-top: 30px
}

.headerColor .save {
    float: left;
    margin: 30px 0 0
}

.colorPallateGallery {
    -moz-transform: translateY(25px);
    -ms-transform: translateY(25px);
    -o-transform: translateY(25px);
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    background: #fff;
    position: relative
}

.page120 .colorPallateGallery {
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.colorPallateGallery.activepallate {
    z-index: 10
}

div:hover.colorPallateGallery {
    z-index: 1
}

.designGalleryEntry .detail-left {
    width: 75%
}

.entryBlkMain, .icon-css .btn.btn-default > i, .icon-css .btn.btn-default > span.personal_design_likes {
    font-size: 14px;
    color: #3d3d4e;
    font-family: "Cerebri-sans",Helvetica,Arial,sans-serif;
    line-height: 1.42857143
}

.icon-css .btn.btn-default > span.likes-count {
    font-family: 'Roboto',Helvetica,Arial,sans-serif;
    color: #999;
    font-size: 13px
}

[class*=" icon-"], [class^=icon-] {
    font-family: FontAwesome !important
}

.entryBlkMain i {
    font-size: 13px;
    margin-left: 6px;
    cursor: default
}

.gallery-design .entryBlkMain i, .gallery-design .entryBlkMain, .gallery-design .icon-css .btn.btn-default > i {
    font-size: 18px
}

.displayFlex .favCss.icon-css .personal_design_like.btn.btn-default.active, .favCss.icon-css .personal_design_like.btn.btn-default:hover > i {
    color: #999;
    background-color: transparent
}

.colorpickerBtn {
    margin-right: 5px
}

    .colorpickerBtn i.icon-tint:before {
        cursor: pointer;
        font-size: 15px;
        width: 14px
    }

.gallery-design .icon-css .btn.btn-default {
    padding-left: 15px
}

.icon-css .btn.btn-default, .icon-css .btn.btn-default:active, .icon-css .btn.btn-default:focus {
    border: 1px solid rgba(158,173,195,.16);
    color: #999;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

    .icon-css .btn.btn-default:hover, .icon-css .btn.btn-default.active {
        background: #4e5565 none repeat scroll 0 0;
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.23) inset,0 0 2px rgba(0,0,0,.19) inset;
        -ms-box-shadow: 0 0 2px rgba(0,0,0,.23) inset,0 0 2px rgba(0,0,0,.19) inset;
        -o-box-shadow: 0 0 2px rgba(0,0,0,.23) inset,0 0 2px rgba(0,0,0,.19) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.23) inset,0 0 2px rgba(0,0,0,.19) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.23) inset,0 0 2px rgba(0,0,0,.19) inset;
        color: #fff;
        cursor: pointer
    }

.activepallate {
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    -moz-transition: transform .4s ease 0s;
    -ms-transition: transform .4s ease 0s;
    -o-transition: transform .4s ease 0s;
    -webkit-transition: transform .4s ease 0s;
    transition: transform .4s ease 0s
}

.notActivepallate {
    -moz-transform: translateY(25px);
    -ms-transform: translateY(25px);
    -o-transform: translateY(25px);
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    -moz-transition: transform .4s ease 0s;
    -ms-transition: transform .4s ease 0s;
    -o-transition: transform .4s ease 0s;
    -webkit-transition: transform .4s ease 0s;
    transition: transform .4s ease 0s
}

.gallery-design .icon-css .btn.btn-default {
    border: none;
    padding-right: 0
}

.favCss.icon-css .btn.btn-default:hover, .favCss.icon-css .btn.btn-default:hover > i {
    background: 0 0;
    box-shadow: none
}

.favCss.icon-css .btn.btn-default.active, .favCss.icon-css .btn.btn-default > i.active, .personal_design_like.btn.btn-default.active:hover i.active {
    color: #d73c2c;
    background: 0 0
}

    .favCss.icon-css .btn.btn-default.active:hover {
        background: #fff
    }

.gallery-design .favCss.icon-css .btn.btn-default:hover, .gallery-design .favCss.icon-css .btn.btn-default:hover > i {
    background: 0 0;
    color: #999
}

.gallery-design .favCss.icon-css .btn.btn-default.active, .gallery-design .favCss.icon-css .btn.btn-default > i.active {
    color: #999;
    background: 0 0
}

.thumbHoverDesc .icon-search-plus {
    background: #fff;
    border-radius: 2px;
    color: #333;
    font-size: 18px;
    height: 30px;
    left: 50%;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 31px;
    transform: translate(-50%,-50%);
    z-index: 99
}

.thumbHoverDesc .btn.btn-default {
    bottom: 10px;
    font-size: 12px;
    opacity: 1;
    padding: 6px 11px;
    position: absolute;
    right: 55px;
    z-index: 99999
}

.designGalleryEntry {
    padding-top: 60px;
    background-color: #f4f4f4
}

#personal_designs .designGalleryEntry, .design_gallery .designGalleryEntry {
    background: #fff
}

.gifBanner {
    background: #f85300 none repeat scroll 0 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    color: #fff;
    font-size: 12px;
    left: -5px;
    letter-spacing: 1px;
    padding: 3px 10px;
    position: absolute;
    top: 6px;
    text-transform: uppercase
}

.btn.btn-default.heartIconBtn.active {
    color: #75ab42;
    background: 0 0;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .btn.btn-default.heartIconBtn.active:hover {
        background: #4e5565
    }

.designGalleryEntry .entries-thumb img.imgRollHover {
    -moz-transform: translateY(-14%);
    -ms-transform: translateY(-14%);
    -o-transform: translateY(-14%);
    -webkit-transform: translateY(-14%);
    transform: translateY(-14%);
    -moz-transition: transform .4s ease 0s;
    -ms-transition: transform .4s ease 0s;
    -o-transition: transform .4s ease 0s;
    -webkit-transition: transform .4s ease 0s;
    transition: transform .4s ease 0s
}

.slide-div {
    margin-top: -53px;
    width: 100%;
    position: absolute
}

.actEntriesImg img {
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

.thumbHoverDesc {
    height: calc(100% - 68px);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.designGalleryEntry .thumbHoverDesc {
    height: 100%
}

.page120 .activepallate {
    -moz-transform: translateY(-55px);
    -ms-transform: translateY(-55px);
    -o-transform: translateY(-55px);
    -webkit-transform: translateY(-55px);
    transform: translateY(-55px)
}

.gallery-design .thumbHoverDesc > a.open-dg-popup {
    display: block;
    height: 100%;
    position: relative;
    padding: 20px 20px 40px
}

.thumbHoverDescBg, .thumbHoverDescBg:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 1;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(62%,transparent),color-stop(63.94%,rgba(0,0,0,.00345888)),color-stop(65.89%,rgba(0,0,0,.014204)),color-stop(67.83%,rgba(0,0,0,.0326639)),color-stop(69.78%,rgba(0,0,0,.0589645)),color-stop(71.72%,rgba(0,0,0,.0927099)),color-stop(73.67%,rgba(0,0,0,.132754)),color-stop(75.61%,rgba(0,0,0,.177076)),color-stop(77.56%,rgba(0,0,0,.222924)),color-stop(79.5%,rgba(0,0,0,.267246)),color-stop(81.44%,rgba(0,0,0,.30729)),color-stop(83.39%,rgba(0,0,0,.341035)),color-stop(85.33%,rgba(0,0,0,.367336)),color-stop(87.28%,rgba(0,0,0,.385796)),color-stop(89.22%,rgba(0,0,0,.396541)),color-stop(91.17%,rgba(0,0,0,.4)));
    background: linear-gradient(180deg,transparent 62%,rgba(0,0,0,.00345888) 63.94%,rgba(0,0,0,.014204) 65.89%,rgba(0,0,0,.0326639) 67.83%,rgba(0,0,0,.0589645) 69.78%,rgba(0,0,0,.0927099) 71.72%,rgba(0,0,0,.132754) 73.67%,rgba(0,0,0,.177076) 75.61%,rgba(0,0,0,.222924) 77.56%,rgba(0,0,0,.267246) 79.5%,rgba(0,0,0,.30729) 81.44%,rgba(0,0,0,.341035) 83.39%,rgba(0,0,0,.367336) 85.33%,rgba(0,0,0,.385796) 87.28%,rgba(0,0,0,.396541) 89.22%,rgba(0,0,0,.4) 91.17%);
    border-radius: 8px
}

    .thumbHoverDescBg:after {
        content: '';
        transform: rotate(180deg)
    }

.gallery-design .thumbHoverDescBg {
    background: #000 none repeat scroll 0 0;
    height: calc(100% - 60px);
    opacity: .6;
    position: absolute;
    width: calc(100% - 40px);
    z-index: 10;
    border-radius: 0;
    padding: 20px 20px 40px;
    left: 20px;
    top: 20px
}

.dg-right-box .thumbHoverDesc {
    height: 100%;
    top: 0
}

.dg-right-box .thumbnail.entries-thumb {
    position: relative
}

.thumbHoverDescContent {
    padding: 10px;
    position: relative;
    z-index: 11;
    color: #cecece
}

    .thumbHoverDescContent .heading {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.2;
        margin: 0 0 8px;
        padding-right: 65px;
        word-break: break-all
    }

    .thumbHoverDescContent .content {
        color: #fff;
        clear: both;
        font-size: 12px;
        line-height: 1.4;
        margin: 0 0 10px;
        text-overflow: ellipsis
    }

.thumbHoverDesc {
    opacity: 0
}

.designGalleryEntry .entries-thumb:hover img, .dg-right-box .entries-thumb:hover img {
    -moz-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    -o-transform: scale(1.1) !important;
    -webkit-transform: scale(1.1) !important;
    transform: scale(1.1) !important
}

.entries-thumb:hover .thumbHoverDesc {
    opacity: 1;
    -moz-transition: opacity .25s ease 0s;
    -ms-transition: opacity .25s ease 0s;
    -o-transition: opacity .25s ease 0s;
    -webkit-transition: opacity .25s ease 0s;
    transition: opacity .25s ease 0s;
    cursor: pointer
}

.personalDesImg {
    overflow: hidden;
    height: 100%
}

#entriesInn.designGalleryEntry .entries-main-box {
    max-width: none
}

.displayFlex.dg-right-box .entries-main-box {
    width: 100%
}

.entries-thumb .timestamp {
    bottom: 10px;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 0 10px;
    position: absolute;
    color: #fff;
    z-index: 10
}

.list-inline.subHeaderMenu > li {
    padding-left: 20px;
    padding-right: 20px
}

.design_gallery .list-inline.subHeaderMenu > li:first-child {
    padding-left: 0
}

.subHeaderMenu li {
    position: relative
}

.author-thumb {
    width: auto
}

    .author-thumb img {
        max-width: 40px;
        width: 100%
    }

.author-name, .entryBlkMain {
    display: inline-block;
    clear: both
}

.desGSearchResult {
    line-height: 50px;
    border-bottom: 1px solid #c4c4c4;
    font-size: 17px;
    margin-bottom: 50px
}

.noRecordMsg {
    clear: both
}

.noRecordMsgIn {
    border: 2px dashed #ddd;
    clear: both;
    color: #888;
    float: left;
    font-weight: 600;
    margin-top: 40px;
    padding: 10px 15px;
    width: 100%
}

#entriesInn .entries-box .entries-detail, .dg-right-box .entries-box .entries-detail {
    background: 0 0;
    color: #333;
    border: none;
    float: left;
    width: 100%;
    padding: 10px 0 0;
    position: relative;
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -ms-transition: transform .4s;
    -webkit-transition: transform .4s;
    -o-transition: transform .4s;
    -moz-transition: transform .4s;
    transition: transform .4s;
    border: none
}

#entriesInn.listing-container-box .entries-box .entries-detail, #entriesInn .new-main-box .entries-box .entries-detail {
    background-color: #fff;
    padding: 10px 15px
}

.gallery-design#entriesInn .entries-box .entries-detail, .gallery-design #entriesInn .entries-box .entries-detail, .gallery-design .dg-right-box .entries-box .entries-detail {
    background: #fff;
    color: #4e5565;
    border: none;
    float: left;
    width: 100%;
    padding: 10px 15px;
    position: relative;
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -ms-transition: transform .4s;
    -webkit-transition: transform .4s;
    -o-transition: transform .4s;
    -moz-transition: transform .4s;
    transition: transform .4s;
    border: none;
    background: 0 0;
    margin-top: 10px;
    box-shadow: none
}

#entriesInn .panel-footer a {
    color: #333;
    font-size: 16px
}

    #entriesInn .panel-footer a:hover {
        text-decoration: underline
    }

.gallery-design #entriesInn .panel-footer a, .gallery-design#entriesInn .panel-footer a {
    color: #3a8bbb;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: .3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.icon-heart.active {
    color: #fec42d
}

.author-details .star-rating i.icon-star.active {
    color: #fec42d
}

.input-group.author-details .star-rating {
    position: absolute;
    right: 0;
    top: 4px
}

.page120 .container.designGalleryEntry {
    margin: 60px auto 0
}

.circle-loaderimage {
    display: none;
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.loading-popup .circle-loaderimage {
    display: block
}

#termsPolicy .modal-body h1 {
    font-size: 20px;
    margin-bottom: 20px
}

.page120 .desTypeBtn div {
    color: #fff
}

i.icon-star.starred-gold {
    color: #ffdd79
}

.icon-right-de {
    width: 14px !important;
    height: 14px !important;
    color: #9e9ea7;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    margin-right: 4px;
    outline: none
}

    .icon-right-de path {
        fill: #9e9ea7
    }

    .heartIconBtn.active .icon-right-de path, .icon-right-de.active path {
        fill: #d73c2c
    }

.favCss .icon-right-de:hover path {
    fill: #d73c2c
}

.winningDesignBlk {
    background: #f4f4f6;
    margin-bottom: 40px;
    padding: 50px 0
}

.winShowcaseDesign {
    border-radius: 3px;
    -moz-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -ms-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -o-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    position: relative;
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
    background: #565f63
}

.winShowcaseDesignFrame {
    background: #fff;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    text-align: center
}

.winShowcaseDesignFrameAuth {
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background: #565f63;
    padding: 10px 30px;
    color: #fff
}

    .winShowcaseDesignFrameAuth a {
        color: #4ea6d6
    }

        .winShowcaseDesignFrameAuth a:hover {
            color: #4ea6d6;
            text-decoration: underline !important
        }

.winShowcaseDesignFrame img {
    max-width: 100%;
    border-radius: 5px 5px 0 0;
    height: auto
}

.winwShowcaseHeading {
    color: #32363e;
    font-size: 28px;
    line-height: 36px;
    margin: 75px 0 10px
}

.winwShowcaseSubHeading {
    color: #535865;
    font-size: 19px;
    font-weight: 300
}

    .winwShowcaseSubHeading a {
        color: #4ea6d6
    }

.ribbonShowcaseMain {
    position: absolute;
    top: 15px;
    z-index: 1;
    opacity: 1
}

.service-section .ribbonShowcaseMain {
    z-index: 5
}

.custom-serviceList .ribbonShowcaseMain {
    z-index: 5
}

.ribbonShowcase {
    background-color: #82bc3b;
    display: inline-block;
    line-height: 32px;
    margin-left: -10px;
    margin-right: 0;
    position: relative
}

.ribbonShowcaseStrip {
    border-color: #66900d #66900d transparent transparent;
    border-style: solid;
    border-width: 5px;
    display: inline-block;
    height: 0;
    left: 0;
    position: absolute;
    right: auto;
    top: 32px;
    width: 0
}

.ribbonShowcaseTxt {
    color: #fff;
    white-space: nowrap;
    padding: 0 18px 0 20px
}

.ribbonShowcaseStripTop {
    border-color: #82bc3b transparent transparent #82bc3b;
    border-style: solid;
    border-width: 8px;
    display: inline-block;
    height: 0;
    position: absolute;
    right: -16px;
    top: 0;
    width: 0
}

.ribbonShowcaseStripBottom {
    border-color: transparent transparent #82bc3b #82bc3b;
    border-style: solid;
    border-width: 8px;
    bottom: 0;
    display: inline-block;
    height: 0;
    position: absolute;
    right: -16px;
    width: 0
}

.showcaseBtn {
    margin: 40px 0 0
}

    .showcaseBtn a {
        text-transform: uppercase
    }

    .showcaseBtn .btn-default {
        margin-right: 30px;
        text-transform: uppercase;
        color: #fff;
        font-size: 14px;
        background: #82bc3b;
        border: 0 none;
        border-bottom: 3px solid #66900d;
        padding: 10px 35px
    }

    .showcaseBtn a:first-child {
        margin-right: 20px
    }

    .showcaseBtn .pay_launch_btn {
        margin-left: 0
    }

        .showcaseBtn .pay_launch_btn a, .showcaseBtn .save a {
            padding: 10px 35px
        }

div.displayTableCell {
    float: none;
    vertical-align: middle;
    padding-left: 0;
    display: table-cell
}

div:last-child.displayTableCell {
    padding-left: 15px
}

.entries .winShowcaseDesign {
    margin-top: 40px
}

.zoom-effect {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    opacity: 0;
    z-index: 0
}

    .zoom-effect:after {
        background: rgba(0,0,0,.5);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        border-radius: 5px 5px 3px 3px
    }

.entries .winShowcaseDesign:hover .zoom-effect {
    opacity: 1;
    top: 0
}

.zoom-effect i {
    cursor: pointer;
    color: #fff;
    font-size: 22px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 46%;
    width: 20px;
    z-index: 99999
}

.design_gallery .designGalleryEntry.awarded--designs > div {
    width: calc(33% - 1px);
    width: -webkit-calc(33% - 1px);
    width: -ms-calc(33% - 1px);
    width: -o-calc(33% - 1px)
}

#WinningEntriesInn .winShowcaseDesign {
    margin-top: 40px
}

    #WinningEntriesInn .winShowcaseDesign:hover .zoom-effect {
        opacity: 1;
        top: 0
    }

    #WinningEntriesInn .winShowcaseDesign .pro-design .common-pro-css {
        width: 90px
    }

    #WinningEntriesInn .winShowcaseDesign .pro-design {
        position: absolute;
        top: 7px;
        right: 50%;
        opacity: 0;
        -moz-transition: all .4s ease-in-out 0s;
        -ms-transition: all .4s ease-in-out 0s;
        -o-transition: all .4s ease-in-out 0s;
        -webkit-transition: all .4s ease-in-out 0s;
        transition: all .4s ease-in-out 0s
    }

    #WinningEntriesInn .winShowcaseDesign:hover .pro-design {
        opacity: 1
    }

.allEntriesLink a.dh-launch-contest {
    text-align: center
}

.common-section.winning_contest {
    text-align: center;
    color: #fff;
    position: relative;
    width: 100%;
    background: url(//cdn1.designhill.com/assets/dh/images/category_images/80.jpg?rnd=3) repeat 50% 0;
    min-height: auto;
    margin: 0 auto;
    padding: 70px 0;
    float: left
}

.winning_contest .panel {
    float: left;
    text-align: left;
    width: 100%;
    border: 0;
    background: rgba(255,255,255,.9);
    margin-top: 20px
}

.winning_contest .call_to_action_title {
    margin: 0 0 20px
}

.winning_contest p {
    font-size: 20px
}

.winning_contest .panel h4, .winning_contest .panel .contest_innerdetails_head {
    font-size: 17px;
    margin: 0 0 8px;
    text-transform: uppercase
}

.contest_innerdetails_left > p {
    font-size: 14px
}

.winning_contest .panel-body {
    padding: 0
}

.winning_contest .ribbon-css {
    position: relative;
    border-bottom: 1px solid #e1e1e1
}

.winning_contest .panel-body {
    box-shadow: none;
    color: #7e8595
}

    .winning_contest .panel-body .author-info, .winning_contest .panel-body .right-css li span {
        color: #555659
    }

.contest_innerdetails_left {
    float: left
}

.contest_innerdetails_right {
    float: right;
    text-align: right
}

.panel-body.ribbon-css:last-child {
    border-bottom: medium none
}

.winning_contest .common-button .btn.btn-default {
    font-size: 12px;
    padding: 10px 30px
}

.winning_contest .common-button .nuclearBtn {
    font-size: 12px;
    padding: 10px 30px;
    background: 0 0;
    color: #fff;
    border: 2px solid #fff;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.winning_contest .common-button .btn.btn-default:hover, .winning_contest .common-button .btn.btn-default:active, .winning_contest .common-button .btn.btn-default:focus {
    color: #fff
}

    .winning_contest .common-button .btn.btn-default:hover span {
        margin-left: -15%
    }

    .winning_contest .common-button .btn.btn-default:hover i {
        right: 4%
    }

.winning_contest .common-button {
    margin: 30px 0 0
}

.winning_contest .listing-design_price {
    cursor: pointer;
    left: -.5em;
    opacity: .9;
    position: absolute;
    top: 10px;
    z-index: 99
}

.winning_contest .ribbon {
    background-color: #535865;
    -moz-border-top-left-radius: 3px;
    -ms-border-top-left-radius: 3px;
    -o-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-top-right-radius: 0;
    -ms-border-top-right-radius: 0;
    -o-border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    color: #fff;
    display: inline-block;
    left: 0;
    line-height: 2;
    margin-left: -.5em;
    margin-right: 0;
    position: relative
}

.winning_contest .listing-design_price .ribbon_fold {
    border-color: #535865 #535865 transparent transparent;
    border-style: solid;
    border-width: .5em;
    display: inline-block;
    height: 0;
    left: 0;
    position: absolute;
    right: auto;
    top: 32px;
    width: 0
}

.winning_contest .ribbon_text {
    background: none repeat scroll 0 0 #535865;
    -moz-border-radius: 3px 0 0;
    -ms-border-radius: 3px 0 0;
    -o-border-radius: 3px 0 0;
    -webkit-border-radius: 3px 0 0;
    border-radius: 3px 0 0;
    font-size: 16px;
    padding: 0 .75em 0 1em;
    white-space: nowrap
}

.winning_contest .listing-design_price .ribbon_tail-top {
    border-color: #535865 transparent transparent #535865;
    border-style: solid;
    border-width: 1em;
    display: inline-block;
    height: 0;
    position: absolute;
    right: -22px;
    top: 0;
    width: 0
}

.winning_contest .ribbon_tail-bottom {
    border-color: transparent transparent #535865 #535865;
    border-style: solid;
    border-width: 1em;
    bottom: 0;
    display: inline-block;
    height: 0;
    position: absolute;
    right: -22px;
    width: 0
}

.winning_contest .ribbon-css {
    position: relative
}

#winning_contest.winning_contest .ribbon-css {
    border: none;
    margin-top: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -ms-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -o-box-shadow: none;
    -moz-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
    border-radius: 5px
}

#winning_contest .winning-contest-panel .listing-design_price .ribbon_fold {
    border-color: #333845 transparent transparent #333845;
    left: auto;
    right: 0
}

#winning_contest.winning_contest .winning-contest-panel .contest_innerdetails_left {
    padding-top: 20px;
    float: none;
    padding-left: 20px;
    z-index: 2;
    position: relative
}

    #winning_contest.winning_contest .winning-contest-panel .contest_innerdetails_left h4, #winning_contest.winning_contest .winning-contest-panel .contest_innerdetails_left .contest_innerdetails_head {
        color: #2673b0;
        font-size: 19px;
        font-weight: 600;
        line-height: 1.6;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0 0 8px;
        text-decoration: underline;
        width: 90%
    }

.blog_content > p {
    min-height: 125px
}

.winning-image-adjust#WinningEntriesInn {
    align-items: unset
}

.winning-image-adjust .winShowcaseDesign {
    height: calc(100% - 40px);
    max-height: 395px;
    min-height: 395px
}

.winning-image-adjust .winShowcaseDesignFrame {
    height: calc(100% - 42px)
}

    .winning-image-adjust .winShowcaseDesignFrame img {
        height: 100%;
        object-fit: cover;
        width: 100%
    }

.error-message {
    margin-bottom: 10px;
    width: 100%;
    color: red
}

    .error-message li {
        list-style: none
    }

        .error-message li > label {
            font-size: 13px
        }

.input-group .form-control.error {
    border-color: #7ab55c
}

.launch-recommended-flag {
    color: red;
    font-size: 12px
}

.budget-blue .launch-recommended-flag {
    color: #900
}

.modal-content {
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.logo-design-testimonials {
    background: #f1f1f1 none repeat scroll 0 0
}

.design-testimonials.change-pd-sixty.logo-design-testimonials .star-rating-main-box a {
    color: #106cff
}

.logo-design-testimonials, .logo-design-testimonials .logo-testi-details {
    display: inline-block;
    width: 100%
}

    .logo-design-testimonials .tesimonial-mainConteainer {
        border-radius: 4px;
        box-shadow: 0 4px 20px 0 rgba(0,0,0,.2);
        margin: 15px 15px 45px;
        min-height: 490px;
        background: #fff
    }

    .logo-design-testimonials .testi-imgCss {
        text-align: center
    }

    .logo-design-testimonials .testimonial-img-action {
        border-radius: 2px;
        display: inline-block;
        margin: 15px 0
    }

        .logo-design-testimonials .testimonial-img-action > img {
            width: 100%
        }

    .logo-design-testimonials .logo-testi-fullInfo {
        display: inline-block;
        float: left;
        padding: 0 24px;
        width: 100%
    }

.testStoreBlkTxt .read_mr {
    font-size: 12px
}

.logo-design-testimonials .testi-userDetails {
    float: left;
    margin: 0 0 5px;
    width: 100%
}

.logo-design-testimonials .testi-userName {
    float: left;
    margin: 0;
    text-transform: capitalize
}

    .logo-design-testimonials .testi-userName .author_name {
        color: #1b1b1b;
        font-size: 14px;
        font-weight: 800
    }

.logo-design-testimonials .testStoreBlkTxt {
    color: #4f4f4f;
    float: left;
    text-align: justify;
    width: 100%
}

.logo-design-testimonials .testStoreBlkAuthor {
    display: inline-block;
    float: right;
    margin: 7px 0 0
}

    .logo-design-testimonials .testStoreBlkAuthor a {
        color: #76aa2c;
        float: right;
        font-weight: 600;
        text-transform: capitalize
    }

.logo-design-testimonials .testStoreBlkTxt p > a {
    float: left;
    font-size: 12px
}

.testimonials_css .text-right.tm-left {
    text-align: center
}

.readmoreTestimonial {
    display: none
}

.common-button a.btn.btn-default {
    font-size: 12px;
    letter-spacing: 2px
}

.showCaseAllBlk a.nectar-button {
    text-shadow: 1px 1px 1px #555
}

.modal-open[style], .modal[style] {
    padding-right: 0 !important;
    width: 100%;
    height: 100%;
    top: 0
}

.allInviteeList {
    max-height: 100px;
    overflow-y: auto
}

.footer_one.common-section {
    background: #82bc3b;
    color: #fff;
    font-size: 17px;
    text-align: center;
    padding: 40px 0;
    clear: both
}

    .footer_one.common-section:hover i {
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

.page745 .footer_one {
    margin-top: -90px;
    z-index: 0;
    padding: 80px 0 40px
}

.footer_title {
    font-size: 32px;
    margin: 0 0 15px;
    text-transform: uppercase
}

.footer_content a {
    color: #fff;
    text-decoration: underline
}

.footer_content > p {
    margin: 0 0 20px
}

.footer_bottom.common-section {
    background: #222;
    color: #fff;
    font-size: 22px;
    padding: 35px 0;
    text-align: center;
    cursor: pointer
}

    .footer_bottom.common-section:hover {
        background: #333
    }

.click_to_next {
    float: left;
    width: 100%
}

    .click_to_next i {
        font-size: 40px;
        margin: 0 0 0 16px;
        vertical-align: -7px
    }

.common-button .btn.nectar-button:hover span {
    margin: 0
}

.common-button .btn.nectar-button .icon-long-arrow-right {
    top: 50%
}

.freeConsultation {
    margin: 0
}

.pricingConsultationBlk .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.footer_one .icon_Help i {
    display: block;
    font-size: 70px;
    margin-bottom: 20px;
    -moz-text-shadow: 4px 3px 0 #82bc3b,9px 8px 0 rgba(0,0,0,.15);
    -ms-text-shadow: 4px 3px 0 #82bc3b,9px 8px 0 rgba(0,0,0,.15);
    -o-text-shadow: 4px 3px 0 #82bc3b,9px 8px 0 rgba(0,0,0,.15);
    -webkit-text-shadow: 4px 3px 0 #82bc3b,9px 8px 0 rgba(0,0,0,.15);
    text-shadow: 4px 3px 0 #82bc3b,9px 8px 0 rgba(0,0,0,.15);
    -moz-transition: all .35s ease-in-out 0s;
    -ms-transition: all .35s ease-in-out 0s;
    -o-transition: all .35s ease-in-out 0s;
    -webkit-transition: all .35s ease-in-out 0s;
    transition: all .35s ease-in-out 0s
}

.update-bar {
    background: #736598;
    background: -moz-linear-gradient(to right,#736598 0%,#e95757 100%);
    background: -webkit-linear-gradient(to right,#736598 0%,#e95757 100%);
    background: -webkit-gradient(linear,100% 0,0 0,from(#736598),to(#e95757));
    background: -o-linear-gradient(to right,#736598 0%,#e95757 100%);
    background: rgba(0,0,0,0) linear-gradient(to right,#736598 0%,#e95757 100%) repeat scroll 0 0;
    text-align: center;
    width: 100%;
    font-weight: 700
}

    .update-bar a {
        color: #fff;
        padding: 18px 20px;
        display: block
    }

        .update-bar a:hover {
            text-decoration: underline
        }

    .update-bar .icon.icon-angle-right {
        font-weight: bolder;
        margin-left: 30px;
        text-decoration: none;
        -moz-transition: transform .25s ease-in-out 0s;
        -ms-transition: transform .25s ease-in-out 0s;
        -o-transition: transform .25s ease-in-out 0s;
        -webkit-transition: transform .25s ease-in-out 0s;
        transition: transform .25s ease-in-out 0s
    }

    .update-bar a:hover .icon.icon-angle-right {
        fill: #fff;
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

.newsFeature {
    background: #fff;
    color: #fff;
    float: left;
    margin: 0;
    padding: 50px 0 40px;
    width: 100%
}

    .newsFeature .featured--title {
        color: #333;
        display: inline-block;
        font-size: 22px;
        margin: 0 0 40px;
        text-transform: uppercase
    }

.newFeatureImgCommon {
    height: 30px;
    margin: 0 20px
}

.newFeatureImg1 {
    width: 160px;
    margin: 0 20px
}

.newFeatureImg2 {
    width: 250px;
    margin: 0 20px
}

.newFeatureImg3 {
    width: 60px;
    margin: 0 20px
}

.newFeatureImg4 {
    width: 160px;
    margin: 0 20px
}

.winning-entries.common-section.dh-checkOut {
    float: left;
    width: 100%
}

.bottom-strip {
    background: #222;
    float: left;
    width: 100%;
    color: #ccc;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    line-height: normal;
    border-top: 5px solid #82bc3b
}

    .bottom-strip .newsletter-sign-up {
        margin: 5px 0;
        text-align: center
    }

    .bottom-strip i {
        font-size: 20px;
        line-height: 2;
        margin: 0 30px 0 0;
        cursor: pointer
    }

    .bottom-strip .launch-contest-button {
        background: rgba(0,0,0,0);
        border: 2px solid #fff;
        color: #fff;
        cursor: pointer;
        display: block;
        font-size: 14px;
        margin: 12px auto 0;
        padding: 0 14px;
        width: 140px
    }

    .bottom-strip .container-fluid {
        margin: 0 20px
    }

    .bottom-strip .launch-contest-button:hover {
        background: #fff;
        color: #323232
    }

    .bottom-strip h3 {
        margin: 20px 0 0
    }

    .bottom-strip .close-strip {
        position: absolute;
        left: 20px;
        text-align: left;
        top: -10px
    }

    .bottom-strip .launch-contest {
        text-transform: uppercase;
        width: 100%
    }

        .bottom-strip .launch-contest > a {
            color: #fff;
            font-size: 12px;
            line-height: normal
        }

            .bottom-strip .launch-contest > a:hover {
                text-decoration: underline
            }

.promo_text {
    color: #82bc3b;
    font-size: 16px
}

.clrL {
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
}

.clrR {
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.share-mid.colorplate, .colorplate > ul {
    overflow: unset
}

.minicolors-theme-default .minicolors-swatch {
    top: 1px
}

.logo-tesi-heading {
    padding: 10px 0 0
}

.dh-home-slider .carousel-control {
    background: rgba(0,0,0,.4);
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    height: 9%;
    top: 44%;
    -moz-transition: background-color .2s linear 0s;
    -ms-transition: background-color .2s linear 0s;
    -o-transition: background-color .2s linear 0s;
    -webkit-transition: background-color .2s linear 0s;
    transition: background-color .2s linear 0s;
    width: 50px;
    z-index: 9;
    opacity: 1;
    line-height: 72px;
    padding-right: 8px
}

    .dh-home-slider .carousel-control.right {
        -moz-border-radius: 4px 0 0 4px;
        -ms-border-radius: 4px 0 0 4px;
        -o-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
        padding-left: 8px;
        padding-right: 0
    }

.carousel span {
    font-size: 38px
}

.dh-home-slider {
    height: 718px;
    margin: 0 auto;
    max-width: 1920px;
    position: relative;
    width: 100%
}

    .dh-home-slider .item {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 720px;
        width: 100%
    }

        .dh-home-slider .item h3 {
            font-weight: 600;
            font-size: 76px;
            line-height: 130px;
            text-transform: uppercase;
            text-shadow: none;
            margin: 0
        }

        .dh-home-slider .item h5 {
            font-size: 36px;
            text-transform: uppercase
        }

        .dh-home-slider .item p {
            font-size: 24px;
            line-height: 70px
        }

    .dh-home-slider .carousel-caption {
        top: 25%
    }

    .dh-home-slider .btn.btn-default, .readymade_design .btn.btn-default {
        background: 0 0;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #fff;
        font-size: 15px;
        margin: 10px 0 0;
        text-transform: uppercase;
        border: 1px solid #fff;
        font-weight: 600;
        padding: 14px 20px
    }

        .readymade_design .btn.btn-default:hover {
            background: #fff;
            color: #1dc6df
        }

.bg-carousel {
    background: url("//cdn1.designhill.com/assets/dh/images/home/grid.png") repeat scroll 0 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.dh-home-slider .btn.nectar-button, .readymade_design .btn.nectar-button {
    border: 2px solid #fff;
    padding: 0
}

.nectar-button span {
    display: block;
    font-size: 12px;
    font-weight: 700;
    left: 0;
    position: relative;
    -moz-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -webkit-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}

.nectar-button i {
    font-size: 18px;
    line-height: 18px;
    margin-left: 10px;
    margin-top: -9px;
    opacity: 0;
    position: absolute;
    right: 30px;
    top: 50%;
    width: 18px
}

.dh-home-slider .btn.nectar-button:hover, .readymade_design .btn.nectar-button:hover {
    background: 0 0;
    color: #fff
}

a.nectar-button:hover > span {
    left: -18px
}

a.nectar-button:hover > i {
    opacity: 1;
    right: 16px
}

.header-inner .dropdown-menu {
    float: left;
    padding: 5px 0 1px
}

.parallaxHead .common-button {
    width: auto;
    margin: 0 10px
}

.parallaxHeadBtn .howITWorks a.btn.btn-default {
    background: #555
}

.parallaxHead.parallaxCategory .common-button {
    width: 100%
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.hidden_css {
    display: none
}

.parallax-css {
    display: block;
    height: 718px;
    overflow: hidden;
    position: fixed;
    visibility: visible;
    width: 100%;
    -webkit-transform: translate(0px,0px);
    -moz-transform: translate(0px,0px);
    -o-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
    transform: translate(0px,0px)
}

.owl-carousel .item span {
    display: block;
    font-size: 16px;
    line-height: 1.3;
    padding-bottom: 5px;
    white-space: normal;
    clear: both;
    margin-top: 10px;
    cursor: pointer
}

.owl-carousel .item span {
    clear: both;
    display: block;
    font-size: 16px;
    line-height: 1.3;
    margin-top: 10px;
    padding-bottom: 5px;
    white-space: normal
}

.customNavigation {
    position: absolute;
    text-align: center;
    top: 45%;
    width: 97%;
    width: -moz-calc(100% - 30px);
    width: -ms-calc(100% - 30px);
    width: -o-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px)
}

    .customNavigation a {
        color: #444;
        opacity: .5
    }

        .customNavigation a:hover {
            color: #444;
            opacity: 1;
            text-decoration: none !important
        }

        .customNavigation a i {
            font-size: 20px
        }

        .customNavigation a.prev i {
            position: absolute;
            left: 0
        }

        .customNavigation a.next i {
            position: absolute;
            right: 0
        }

.files-right-inner .customNavigation a.prev i {
    position: absolute;
    left: -15px
}

.files-right-inner .customNavigation a.next i {
    position: absolute;
    right: 15px
}

.listContestDesignBtn.browseCategoryBtn {
    max-width: 252px
}

.whatDoYouNeed {
    float: left;
    width: 100%;
    clear: both;
    padding: 100px 0
}

.whatDoYouNeedSlider {
    margin: 0 0 30px;
    clear: both
}

.winning-entries {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
    background: #fff
}

.category_css {
    padding: 0 2px 4px
}

.port-div {
    position: relative;
    overflow: hidden
}

.cat-portfolio.portfolio-box {
    display: block;
    overflow: hidden
}

.portfolio-box-caption-content span {
    display: block;
    float: left;
    line-height: 50px;
    width: 50%;
    color: #fff
}

.portfolio-box-caption {
    background: #82bc3b;
    bottom: -50px;
    height: 50px;
    left: 0;
    width: 100%;
    z-index: 4;
    text-align: center;
    font-size: 20px;
    opacity: 0;
    position: absolute
}

.port_entries {
    -webkit-box-shadow: -1px 0 0 0 rgba(255,255,255,.2) inset;
    -o-box-shadow: -1px 0 0 0 rgba(255,255,255,.2) inset;
    -ms-box-shadow: -1px 0 0 0 rgba(255,255,255,.2) inset;
    -moz-box-shadow: -1px 0 0 0 rgba(255,255,255,.2) inset;
    box-shadow: -1px 0 0 0 rgba(255,255,255,.2) inset
}

.cat-portfolio img.img-responsive {
    margin-bottom: -15px
}

.portfolio_caption {
    width: 100%;
    position: absolute;
    background: rgba(0,0,0,.5);
    opacity: 1;
    bottom: 0;
    color: #fff;
    font-size: 11px;
    text-align: center;
    padding: 6px 0;
    text-transform: uppercase;
    z-index: 4
}

.port-div:hover .portfolio-box-caption {
    opacity: 1;
    bottom: 0
}

.port-div:hover img.img-responsive {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    transform: translateY(-15px)
}

.port-div:hover .mask-css:after {
    height: 100%
}

.port-div:hover .portfolio_caption {
    bottom: 50px
}

.portfolio-box-caption-content a:hover {
    background: #fff;
    color: #23cce0
}

.seemoreWinning .common-button {
    margin: 40px 0
}

.how_it_works .img-circle {
    width: 170px
}

.how_it_works .thumbnail {
    border: none
}

.how_it_works .winning-spanTitle {
    font-size: 18px
}

.how_it_works.common-section {
    padding: 10px 0 50px;
    -moz-box-shadow: 0 1px 6px rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 6px rgba(0,0,0,.1);
    -o-box-shadow: 0 1px 6px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.1);
    box-shadow: 0 1px 6px rgba(0,0,0,.1);
    border-top: 1px solid #e1e1e1;
    clear: both
}

.pagecategory-listing .btn-default:hover {
    background: 0 0
}

.design_facts {
    padding-bottom: 40px;
    background: #f2f5f7;
    clear: both
}

    .design_facts .whiteBtnNectar {
        margin-top: 70px
    }

#video_container {
    color: #fff;
    font-size: 18px
}

    #video_container > div {
        text-align: center
    }

    #video_container .icon-play-sign:before {
        color: #fff;
        cursor: pointer;
        font-size: 90px
    }

    #video_container i.icon-play-sign:hover:before {
        color: #82bc3b;
        -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
        -o-transition: all .2s ease-out 0s;
        -webkit-transition: all .2s ease-out 0s;
        transition: all .2s ease-out 0s
    }

    #video_container .videodivheading {
        font-size: 30px
    }

    #video_container p {
        margin: 0;
        padding: 10px 10px 40px
    }

.abtourVideo {
    position: relative;
    float: left
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

#video_overlay {
    background: #000 none repeat scroll 0 0;
    display: none;
    position: fixed;
    padding-top: 47px;
    width: 100%;
    z-index: 1001;
    top: 0
}

.makeaDiff {
    clear: both;
    float: left;
    width: 100%;
    padding: 100px 0;
    background: #fff;
    position: relative;
    z-index: 10
}

.block-title {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .03em;
    text-transform: uppercase
}

.block-sub-title {
    font-size: 27px;
    font-weight: 300;
    line-height: 40px
}

.desType {
    float: left
}

.desTypeBtn div.icon-chevron-down {
    float: right
}

.dropdown-menucss .btn {
    width: 100%;
    border: 1px solid #ccc;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset
}

.subHeaderMenu .dropdown-menucss .btn {
    border: 0 none
}

.dropdown-menucss .btn:hover, .dropdown-menucss .btn:focus, .dropdown-menucss .btn:active {
    background: 0 0
}

.desListSliderInnBg .dropdown-menucss .btn:hover, .desListSliderInnBg .dropdown-menucss .btn:focus, .desListSliderInnBg .dropdown-menucss .btn:active, .inviteBlock .dropdown-menucss .btn:hover, .inviteBlock .dropdown-menucss .btn:focus, .inviteBlock .dropdown-menucss .btn:active {
    background: #fff
}

#catListHome.dropdown-menu {
    top: 93%;
    left: 0
}

.makeaDiff .input-lg {
    font-size: 14px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.makeaDiff .btn-lg {
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.makeaDiff .getStartedNowHomeBtn {
    background: #82bc3b;
    border: 0 none;
    border-bottom: 2px solid #3b8a32
}

.category-list-css .logo-span {
    display: block;
    float: left;
    font-size: 15px;
    line-height: 33px;
    position: relative;
    width: 100%;
    padding: 0 0 0 24px
}

    .category-list-css .logo-span:before {
        content: "\f00c";
        font-family: fontawesome;
        left: 0;
        position: absolute
    }

.category-list-css h1 {
    font-size: 30px;
    font-weight: 400
}

.makeaDiff .getStartedNowHomeBtn:hover {
    background: #5baa52;
    border-bottom: 2px solid #3b8a32
}

.getStartedForm {
    margin-top: 30px
}

    .getStartedForm .form-control {
        height: auto;
        background: 0 0;
        padding: 13px 16px 14px
    }

    .getStartedForm .desTypeBtn div {
        color: #999
    }

.discoverCreativeWork {
    background: rgba(0,0,0,0) url("//cdn1.designhill.com/assets/dh/images/home/mainbckimg3.jpg?rnd=214") repeat scroll 0 0;
    background-size: cover;
    color: #fff;
    font-size: 13px;
    padding: 100px 0;
    width: 100%
}

.exp-heading {
    display: block;
    font-size: 15px;
    margin: 0
}

.exp-content {
    display: block;
    font-size: 24px;
    font-weight: 300;
    line-height: 34px;
    margin: 5px 0 35px
}

.category-list-css h1.exp-content {
    font-size: 24px
}

.hint-text {
    display: block;
    margin-bottom: 5px;
    opacity: .7
}

.discoverCreativeWork .howITWorks {
    margin-top: 40px;
    max-width: 130px;
    position: relative;
    clear: both;
    float: left
}

.howITWorks .nectar-button.has-icon:hover {
    color: #fff
}

.showCaseAllBlk {
    position: relative;
    z-index: 10;
    clear: both
}

.showCaseBlk {
    background: #0674b9;
    padding: 2% 4% 3%;
    display: table-cell;
    vertical-align: top;
    float: none
}

.launchContestBlk {
    background: #82bc3b;
    padding: 2% 4% 3%;
    display: table-cell;
    vertical-align: top;
    float: none
}

.readyMadeLogoBlk {
    background: #6949d2;
    padding: 2% 4% 3%;
    display: table-cell;
    vertical-align: top;
    float: none
}

.showCaseAllBlk .showCase-spanCss {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 25px
}

.showCaseAllBlk p {
    font-size: 14px;
    line-height: 22px;
    color: #fff
}

.showCaseAllBlk li {
    position: relative;
    margin-top: 25px
}

    .showCaseAllBlk li a:hover, .showCaseAllBlk li a:focus, .showCaseAllBlk li a:active {
        color: #fff
    }

.showCaseAllBlk .nectar-button span {
    left: 0;
    position: relative;
    -moz-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
    font-weight: 700;
    padding: 0
}

.howitWorksBlk .nectar-button span {
    padding: 0
}

.nectar-button {
    position: relative;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 20px;
    text-transform: uppercase;
    border: 2px solid #fff;
    padding: 10px 20px;
    text-align: center;
    display: inline-block;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    text-shadow: 1px 1px 1px #000
}

    .nectar-button i {
        line-height: 18px;
        margin-top: -9px;
        opacity: 0;
        position: absolute;
        right: 30px;
        top: 50%;
        -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
        -o-transition: all .2s ease-out 0s;
        -webkit-transition: all .2s ease-out 0s;
        transition: all .2s ease-out 0s;
        width: 18px;
        font-size: 18px;
        margin-left: 10px
    }

a:hover.nectar-button > i {
    opacity: 1;
    right: 16px
}

a:hover.nectar-button > span {
    left: -18px
}

.grabbing {
    cursor: url(/assets/dh/css/grabbing.png) 8 8,move
}

.discoverWorkHeader {
    position: relative;
    background-image: linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.3)),url("//cdn1.designhill.com/assets/dh/images/home/mainbckimg3-1.jpg");
    color: #fff;
    font-size: 13px;
    width: 100%;
    -moz-animation: 2s ease-in-out 0s normal none 1 running reveal-hero-bg;
    -ms-animation: 2s ease-in-out 0s normal none 1 running reveal-hero-bg;
    -o-animation: 2s ease-in-out 0s normal none 1 running reveal-hero-bg;
    -webkit-animation: 2s ease-in-out 0s normal none 1 running reveal-hero-bg;
    animation: 2s ease-in-out 0s normal none 1 running reveal-hero-bg;
    margin-top: 0;
    padding: 100px 0 50px
}

.dh-topSpace, .bread-crumb-css {
    position: relative;
    z-index: 99
}

.discoverWorkHeader .howITWorks {
    margin-top: 40px;
    position: relative;
    clear: both;
    float: left
}

.discoverWorkHeader .exp-content {
    margin: 5px 0 15px
}

.discoverWorkHeader .hint-text {
    font-size: 20px
}

.readymade_design {
    background: url(//cdn1.designhill.com/assets/dh/images/home/mainbckimg1.jpg) 50% 0 repeat fixed;
    min-height: 400px;
    height: 400px;
    margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    position: relative;
    text-align: center;
    padding: 70px 0;
    color: #fff
}

.call_to_action_title {
    font-size: 34px;
    text-transform: uppercase;
    margin: 30px 0 20px
}

.readymade_design p {
    font-size: 16px;
    font-weight: 600
}

.blog-slider {
    clear: both;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 none
}

    .blog-slider .owl-item .item {
        margin: 0 10px
    }

.blog_content {
    float: left;
    width: 65%
}

.blog_img {
    float: left;
    margin: 0 20px 0 0;
    width: 30%;
    overflow: hidden
}

.blog_content > h3 {
    font-size: 18px;
    margin: 0 0 10px;
    text-transform: uppercase;
    min-height: 60px
}

.blog_box {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    float: left;
    margin: 0 0 30px;
    width: 100%
}

.blog_main {
    color: #666;
    float: left;
    font-weight: 300;
    padding: 15px;
    width: 100%
}

.blog_info {
    padding: 10px 15px;
    border-top: 1px solid #e4e4e4;
    float: left;
    width: 100%;
    margin: 10px 0 0
}

.blog_left {
    float: left;
    width: 68%;
    line-height: 40px;
    color: #999;
    font-size: 13px
}

    .blog_left li {
        float: left;
        margin: 0 20px 0 0
    }

.blog_right {
    float: right
}

    .blog_right .btn.btn-default {
        border: 1px solid #e4e4e4;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        font-size: 13px;
        font-weight: 600;
        padding: 10px 15px;
        color: #333
    }

.blog_content a {
    color: #333
}

.blog_info a {
    color: #999
}

    .blog_info a:hover, .blog_right .btn.btn-default:hover {
        color: #337ab7
    }

.blog_img img {
    position: relative;
    -moz-transition: all .55s ease-in 0s;
    -ms-transition: all .55s ease-in 0s;
    -o-transition: all .55s ease-in 0s;
    -webkit-transition: all .55s ease-in 0s;
    transition: all .55s ease-in 0s;
    z-index: 0;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

    .blog_img img:hover {
        z-index: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

.logo_tips {
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
    padding-bottom: 60px;
    border-bottom: 1px solid #e1e1e1
}

.makeaDiff .dropdown-menucss {
    margin-top: 0
}

.testimonial_box > div:last-child, .testimonial_one > div:last-child {
    border-right: 0 none
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.row-fluid {
    margin-left: -15px;
    margin-right: -15px
}

.frm-popup-signup .form-control.error, .frm-popup-login .form-control.error {
    color: #323232
}

iframe[id^=oauth2relay] {
    left: auto !important;
    right: 0 !important
}

.error-404-main {
    margin: 100px 0 30px;
    float: left;
    width: 100%;
    padding: 0 10%
}

.error-404 {
    color: #ff5400;
    overflow: auto;
    clear: both
}

    .error-404 h1 {
        font-size: 130px;
        line-height: 160px;
        font-weight: 400;
        margin: 0;
        padding: 0
    }

    .error-404 h2 {
        font-size: 30px;
        margin-bottom: 30px;
        font-weight: 400;
        margin: 0;
        padding: 0
    }

    .error-404 p {
        font-size: 16px;
        margin: 10px 0 20px
    }

        .error-404 p a {
            clear: both;
            color: #1d95cb;
            display: block;
            margin-bottom: 100px;
            text-decoration: none
        }

            .error-404 p a:hover {
                color: #1d95cb;
                text-decoration: underline
            }

.error-404-main img {
    max-width: 40%
}

.popular-pricing .ribbonPopularMain {
    height: 103px;
    width: 105px;
    top: -1px;
    left: 0
}

.popular-pricing .ribbon-wrapper-ribbonPopular {
    height: 100px;
    left: 5px;
    top: 5px;
    width: 100px
}

.popular-pricing .ribbonPopular {
    left: -40px;
    top: 15px;
    width: 144px
}

.popular-pricing.selected .ribbon-wrapper-ribbonPopular {
    height: 120px;
    left: 5px;
    top: 5px;
    width: 120px
}

.popular-pricing.selected .ribbonPopular {
    left: -75px;
    top: 15px;
    width: 225px
}

.popular-pricing.selected .ribbonPopularMain {
    height: 120px;
    left: -4px;
    top: -16px;
    width: 120px;
    z-index: 3
}

.ribbonPopularMain {
    overflow: hidden;
    position: absolute;
    z-index: 3;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s
}

.ribbon-wrapper-ribbonPopular {
    position: absolute
}

.ribbonPopular {
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    padding: 7px 0;
    right: 27px;
    top: 15px;
    width: 225px;
    background-color: #82bc3b;
    color: #fff;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.3);
    box-shadow: 0px 0px 3px rgba(0,0,0,.3);
    border: 1px solid #76aa2c;
    font-size: 13px;
    letter-spacing: 1px;
    margin: 1px 0;
    text-shadow: 1px 1px 0 #82bc3b;
    left: -75px
}

    .ribbonPopular:before, .ribbonPopular:after {
        content: "";
        border-top: 3px solid transparent;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        position: absolute;
        bottom: 0
    }

    .ribbonPopular:before {
        right: 0
    }

    .ribbonPopular:after {
        left: 0
    }

.launch-contest-step-body {
    min-height: 580px
}

.launch_progressbar .tooltip {
    display: none !important
}

.whiteBtnNectar .btn-default, .whiteBtnNectar .btn-default:active, .whiteBtnNectar .btn-default:focus, .whiteBtnNectar .btn-default:hover, .whiteBtnNectar .btn-default.start-project-newBtn:hover {
    -webkit-box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.whiteBtnNectar .btn-default, .whiteBtnNectar .orange-btn {
    color: #fff;
    font-weight: 600;
    background: #82bc3b;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1);
    border-color: transparent;
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
    font-size: 15px;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    letter-spacing: .2px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    border: 3px solid transparent;
    border-radius: 30px;
    line-height: normal;
    text-transform: uppercase;
    padding: 11px 30px
}

.dh-industry-section.common-new .whiteBtnNectar .btn.btn-default {
    -webkit-transition: all .15s ease !important;
    transition: all .15s ease !important
}

.whiteBtnNectar .btn-default:hover, .whiteBtnNectar .btn-default.start-project-newBtn:hover {
    -webkit-box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.whiteBtnNectar .btn-default:active {
    background-color: #66900d;
    color: #e6ebf1;
    background-image: none;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    -webkit-box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
    box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
    border-color: transparent
}

.whiteBtnNectar .btn-default.btn-grey, .common-status {
    background-color: #555866;
    color: #fff !important;
    text-decoration: none;
    padding: 11px 30px;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1);
    border-color: transparent;
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    border: 3px solid transparent;
    border-radius: 30px;
    line-height: normal
}

    .whiteBtnNectar .btn-default.btn-grey:active, .common-status:active {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
        -webkit-box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
        box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
        border-color: transparent
    }

    .whiteBtnNectar .btn-default.btn-grey:hover, .common-status:hover {
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
        -webkit-box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
        box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
        border-color: transparent
    }

.whiteBtnNectar .btn-default.btn-cherris {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #fff !important;
    text-decoration: none;
    padding: 11px 30px
}

.whiteBtnNectar .btn.btn-default.btn-cherris:focus, .whiteBtnNectar .btn.btn-default.btn-cherris:not(.active):active {
    background: #a70c00;
    border-color: #a70c00
}

.whiteBtnNectar .btn-default.btn-cherris:hover {
    background-color: #d73c2c;
    color: #fff;
    background-image: none;
    text-decoration: none;
    outline: 0;
    border-color: #d73c2c
}

.whiteBtnNectar .btn-default.btn-white:active {
    color: #82bc3b;
    background-color: #f6f9fc;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    -webkit-box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
    box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
    border-color: transparent
}

.whiteBtnNectar a.btn.btn-default .icon-long-arrow-right {
    top: 27%
}

.whiteBtnNectar .btn.btn-red {
    border-color: #f42727;
    background-color: #f42727
}

    .whiteBtnNectar .btn.btn-red:active {
        border-color: #aa1b1b;
        background-color: #aa1b1b
    }

.whiteBtnNectar .btn-default.btn-white {
    background-color: #fff;
    color: #82bc3b;
    text-decoration: none;
    padding: 11px 30px
}

.whiteBtnNectar.common-button .btn.btn-default {
    padding: 11px 30px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none
}

.whiteBtnNectar.btn-group.open .btn-default {
    background: #7eb831;
    color: #fff;
    border: 3px solid transparent
}

.whiteBtnNectar .btn.btn-default.btn-blue {
    padding: 11px 30px;
    background-color: #3a98ef;
    border-color: #3a98ef
}

    .whiteBtnNectar .btn.btn-default.btn-blue ~ .btn-white {
        color: #1977ce !important
    }

    .whiteBtnNectar .btn.btn-default.btn-blue:focus, .whiteBtnNectar .btn.btn-default.btn-blue:not(.active):active {
        background: #1977ce;
        border-color: #1977ce
    }

.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: #82bc3b;
    border-color: transparent;
    color: #fff
}

.how-it-works-css {
    display: block;
    float: left;
    margin: 30px auto;
    text-align: center;
    width: 100%
}

    .how-it-works-css .btn.btn-default {
        float: none
    }

.bottom-content .btn_save_draft .btn.btn-default.btn-white {
    padding: 10px 20px
}

.bottom-content .btn_save_next_step .btn.btn-default {
    box-shadow: none;
    font-size: 14px;
    margin-left: 10px;
    padding: 9px 19px
}

.btn-group.drop-css .dropdown-toggle {
    border: 1px solid #ddd;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    width: 100%;
    margin-top: 4px
}

.btn-group.drop-css {
    width: 100%
}

.btn-group.open .dropdown-menu a.active:before {
    content: "\f00c";
    display: block;
    font-family: FontAwesome;
    height: 0;
    left: 12px;
    position: absolute;
    width: 0
}

#watchers_data {
    margin-top: 10px;
    display: block
}

    #watchers_data .desListing {
        min-height: 340px
    }

.designer-css .desListing {
    min-height: 310px;
    width: 100%;
    border-radius: 5px 5px 0 0;
    margin: 15px 0;
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -o-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -ms-box-shadow: 0 4px 16px rgba(0,0,0,.2)
}

    .designer-css .desListing .prof-bottom-blk {
        max-width: none;
        -webkit-border-radius: 0;
        border-radius: 0 0 5px 5px
    }

    .designer-css .desListing .profile_follow {
        max-width: none
    }

.carousel-control.left, .carousel-control.right {
    background: 0 0
}

.owl-carousel.owl-car-designer {
    width: 100%
}

.designers_main .customNavigation .prev:before {
    content: "\f104";
    font-family: fontAwesome;
    font-size: 50px;
    float: left;
    left: -50px;
    position: absolute;
    cursor: pointer
}

.designers_main .customNavigation .next:after {
    content: "\f105";
    font-family: fontAwesome;
    font-size: 50px;
    right: -30px;
    position: absolute;
    cursor: pointer
}

.designers_main .customNavigation {
    top: 8px
}

.designers_main .owl-item [class^=col-] {
    width: 100%
}

.owl-wrapper .item {
    float: left;
    margin: 10px
}

.pollsContainer {
    clear: both;
    float: left;
    width: 100%;
    color: #454d5c
}

    .pollsContainer .subtitle {
        color: #f05400
    }

.sharePolls a {
    color: #069;
    font-size: 17px;
    display: inline-block
}

    .sharePolls a i {
        font-size: 20px;
        position: relative;
        top: 1px;
        width: 15px;
        display: inline-block
    }

.pollsContainer .thumbnail h3 {
    margin: 0 0 20px;
    font-weight: 600
}

    .pollsContainer .thumbnail h3 span {
        color: #f05400;
        margin-right: 10px
    }

.pollsContainer .thumbnail {
    padding: 20px;
    margin: 0 0 20px;
    float: left;
    width: 100%
}

.pollsContainer .form-control {
    font-size: 15px;
    border-radius: 0
}

.pollsContainer .copylinBtnSocial {
    margin-left: 40px
}

    .pollsContainer .copylinBtnSocial a.btn {
        padding: 10px 30px;
        font-size: 16px
    }

.share-poll-container {
    display: none
}

.pollresultContainer .thumbnail {
    padding: 20px 5px
}

#result_entries.thumbnail {
    border: medium none;
    box-shadow: none
}

.pollresultContainer #result_entries .thumbnail {
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
    margin-bottom: 30px
}

.pollsContainer .listing-design_price {
    cursor: pointer;
    left: 8px;
    opacity: .9;
    position: absolute;
    top: 15px;
    z-index: 10
}

.pollsContainer .ribbon {
    background-color: #82bc3b;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    color: #fff;
    display: inline-block;
    left: 0;
    line-height: 35px;
    margin-left: -6px;
    margin-right: 0;
    position: relative
}

.pollsContainer .listing-design_price .ribbon_fold {
    border-color: #66900d #66900d transparent transparent;
    border-style: solid;
    border-width: .5em;
    display: inline-block;
    height: 0;
    left: 0;
    position: absolute;
    right: auto;
    top: 35px;
    width: 0
}

.pollsContainer .ribbon_text {
    background: none repeat scroll 0 0 #82bc3b;
    border-radius: 3px 0 0;
    font-size: 18px;
    padding: 0 .95em 0 1em;
    white-space: nowrap
}

.pollsContainer .listing-design_price .ribbon_tail-top {
    border-color: #82bc3b transparent transparent #82bc3b;
    border-style: solid;
    border-width: 18px;
    display: inline-block;
    height: 0;
    position: absolute;
    right: -20px;
    top: 0;
    width: 0
}

.pollsContainer .ribbon_tail-bottom {
    border-color: transparent transparent #82bc3b #82bc3b;
    border-style: solid;
    border-width: 18px;
    bottom: 0;
    display: inline-block;
    height: 0;
    position: absolute;
    right: -20px;
    width: 0
}

.pollsContainer .ribbon-css {
    position: relative
}

.poll_userInfo span {
    font-size: 13px;
    color: #bbb
}

.pollAvgRating, .pollTotRating {
    font-size: 11px;
    text-align: center;
    width: 49.2%;
    border-right: 1px solid #ccc;
    float: left
}

    .pollAvgRating span, .pollTotRating span {
        font-size: 20px;
        font-weight: 600
    }

.pollTotRating {
    border-right: 0 none
}

.pollRatingStarBlk .pollAvgRating, .pollRatingStarBlk .pollTotRating {
    border: 0 none
}

.pollRatingStarBlk .pollAvgRating {
    text-align: right
}

.pollRatingStarBlk .pollTotRating {
    text-align: left
}

.pollRatingStarBlk .pollAvgRating .star-rating {
    font-size: 12px
}

.pollRatingBg {
    float: left;
    width: 100%
}

    .pollRatingBg span {
        width: 80%;
        background: #ccc;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        display: inline-block;
        height: 10px
    }

.pollRatingStarBlk {
    clear: both;
    float: left;
    width: 90%;
    margin-top: 20px
}

    .pollRatingStarBlk .pollAvgRating {
        margin-right: 10px;
        width: 46%;
        clear: both
    }

    .pollRatingStarBlk .pollTotRating {
        margin: 1px 0 0 10px;
        width: 42%
    }

.polluserVoting {
    display: table;
    width: 100%;
    clear: both;
    margin-bottom: 5px
}

.polluserVotingImg, .polluserVotingName, .polluserVotingStar {
    display: inline-block;
    vertical-align: middle
}

    .polluserVotingImg img {
        max-width: 30px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #eee;
        padding: 2px
    }

.polluserVoting .polluserVotingImg {
    display: inline-block;
    margin-right: 5px
}

.polluserVoting .author-details {
    float: left;
    width: 100%
}

    .polluserVoting .author-details span {
        margin-left: 8px
    }

.pollUserComment {
    border: 1px solid #ccc;
    border-radius: 3px;
    clear: both;
    float: left;
    margin-top: 15px;
    padding: 5px 10px;
    width: 90%;
    position: relative;
    margin-left: 30px;
    top: -10px;
    word-break: break-all
}

    .pollUserComment:before, .pollUserComment:after {
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        content: "";
        height: 0;
        position: absolute;
        left: 8px
    }

    .pollUserComment:after {
        border-bottom: 7px solid #fff;
        top: -6px
    }

    .pollUserComment:before {
        border-bottom: 7px solid #ccc;
        top: -8px
    }

.pollMorelink {
    font-size: 15px;
    margin-top: 10px;
    clear: both;
    float: left
}

.pollThumbImg {
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dedede;
    text-align: center
}

#result_entries .pollThumbImg {
    text-align: left
}

.pollThumbImg > div:first-child {
    float: left;
    position: absolute;
    text-align: center;
    width: 90%;
    height: 250px;
    opacity: .7;
    background: #000;
    color: #ccc;
    line-height: 250px
}

.pollThumbImg img {
    padding: 4px
}

.poll_userInfo {
    background: #f9f9f9;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    color: #333;
    margin: 0;
    padding: 5px;
    border-top: 1px solid #dedede;
    text-align: left
}

.pollRatingBlk {
    clear: both;
    float: left;
    margin-top: 20px;
    width: 100%
}

.pollBackLink:before {
    content: "\f100";
    font-family: FontAwesome;
    margin-right: 5px
}

.pollResultHeading {
    margin-top: 10px
}

.resultTLeft {
    float: left;
    width: 49%;
    text-align: center;
    border-right: 1px solid #eee;
    padding: 0 10px 10px
}

.resultTRight {
    float: left;
    width: 49%;
    text-align: center;
    padding: 0 10px 10px
}

    .resultTLeft span, .resultTRight span {
        font-size: 30px
    }

.presentation-entry.pollResult .entries-box .entries-detail {
    padding: 0
}

.pollResult {
    margin-top: 20px
}

.pollThankSubmit {
    clear: both;
    float: left;
    width: 100%
}

    .pollThankSubmit label {
        font-weight: 400
    }

    .pollThankSubmit .form-group, .pollThankSubmit button {
        margin-top: 20px;
        margin-bottom: 0
    }

    .pollThankSubmit .checkbox {
        margin-top: 30px;
        float: left
    }

    .pollThankSubmit button {
        text-transform: uppercase;
        padding: 10px 30px;
        clear: both;
        float: left
    }

        .presentation-entry-page a.btn-primary, .dropImgBtn a.btn-primary, .presShareLink a.btn-primary, .pollThankSubmit button.btn-primary, .copylinBtn a.btn-primary {
            border: 0 none;
            border-bottom: 3px solid #66900d;
            background: #82bc3b
        }

        .presentation-entry-page a:hover.btn-primary, .dropImgBtn a:hover.btn-primary, .presShareLink a:hover.btn-primary, .pollThankSubmit button:hover.btn-primary, .copylinBtn a:hover.btn-primary {
            border: 0 none;
            border-bottom: 3px solid #66900d;
            background: #76aa2c
        }

.viewFulldiv {
    display: none
}

.item a.desListLink {
    position: relative
}

    .item a.desListLink:hover .viewFulldiv {
        background: rgba(0,0,0,.8) none repeat scroll 0 0;
        border-radius: 50%;
        color: #fff;
        content: "";
        cursor: pointer;
        display: block;
        font-family: fontawesome;
        font-size: 11px;
        height: 30px;
        left: 24px;
        padding: 5px 0;
        position: absolute;
        text-align: center;
        text-transform: capitalize;
        top: -5px;
        width: 30px
    }

.owl-item .item a:hover.desListLink .viewFulldiv {
    width: 30px;
    top: 36px
}

.owl-carousel .item span > span {
    color: #82bc3b;
    font-size: 13px;
    margin-top: 7px
}

a .pinterest-box {
    background-color: #df1a26;
    color: #fff;
    padding: 4px 15px 4px;
    position: absolute;
    right: 12px;
    text-align: center;
    top: 12px;
    border: 1px solid #555;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

    a .pinterest-box > img {
        width: 24px !important;
        height: 24px !important
    }

a:hover .pinterest-box {
    background: #c92830;
    background: -moz-linear-gradient(top,#c92830 0%,#c92828 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c92830),color-stop(100%,#c92828));
    background: -webkit-linear-gradient(top,#c92830 0%,#c92828 100%);
    background: -o-linear-gradient(top,#c92830 0%,#c92828 100%);
    background: -ms-linear-gradient(top,#c92830 0%,#c92828 100%);
    background: linear-gradient(to bottom,#c92830 0%,#c92828 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c92830',endColorstr='#c92828',GradientType=0)
}

.dh-choose-heading .head-choose-title.btn.btn-default {
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 15px 37px
}

.head-choose-title i {
    font-size: 18px;
    font-weight: 700;
    padding-left: 5px
}

.designGalleryEntry .pinterest-box, .winShowcaseDesign .pinterest-box, .entries-box .pinterest-box {
    opacity: 0
}

.pinterest-box .icon-pinterest:before {
    font-size: 30px;
    margin-top: 2px
}

.winShowcaseDesign:hover .pinterest-box, .entries-box:hover .pinterest-box, #WinningEntriesInn .winShowcaseDesign:hover .iWantDesignLink, #WinningEntriesInn .winShowcaseDesign:hover .cat-btn--design {
    opacity: 1
}

.designGalleryEntry .thumbnail.entries-thumb:hover .pinterest-box {
    opacity: 1;
    z-index: 999
}

.btn-group.drop-css .caret {
    float: right;
    position: absolute;
    right: 4%;
    top: 45%
}

button#selected_filter span:after, button#selected_designer:after, .designer-btn-group .dropdown-toggle:after, .toggle-caret .dropdown-toggle:after {
    content: "\f0d7";
    font-family: fontawesome;
    position: absolute;
    right: 10px;
    top: 6px
}

.entries-main-box .panel.entries-box {
    margin: 0 0 30px;
    border-radius: 8px
}

.gallery-design .entries-main-box .panel.entries-box {
    background: 0 0
}

.top-min .btn-group.drop-css .dropdown-toggle {
    line-height: 2;
    margin-top: 0
}

.btn-group .dropdown-menu a {
    background: #333;
    color: #fff;
    font-size: 12px;
    line-height: 2;
    padding: 2px 0 4px 30px;
    position: relative;
    text-align: left;
    width: 100%;
    display: block;
    text-transform: uppercase
}

.common--dropdown li a {
    color: #555 !important
}

.common--dropdown.dropdown-menu {
    border: 2px solid #96c8da;
    border-top: medium none;
    top: 91%;
    padding-bottom: 0
}

.common--dropdown li a.active:before {
    display: none !important
}

.common--dropdown .mCSB_scrollTools_vertical {
    right: 0 !important;
    width: 10px !important
}

.common--dropdown .mCSB_draggerRail {
    background-color: #bcbcbc !important;
    width: 10px !important
}

.common--dropdown .mCSB_dragger {
    height: 18px !important;
    min-height: 18px !important
}

.common-btn--group .dropdown-toggle {
    border: medium none;
    padding: 0;
    width: 100%
}

.common--dropdown .mCSB_dragger_bar {
    background-color: #777 !important;
    width: 10px !important
}

.common--dropdown {
    background: #fff none repeat scroll 0 0 !important;
    border-radius: 0 0 .285714rem .285714rem;
    border-top-width: 0 !important;
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    outline: 0 none;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    padding-top: 0
}

.common-btn--group .search-css {
    padding-right: 25px
}

.design_gallery .list-inline {
    margin-top: 5px
}

.projectForm_container .common--dropdown.dropdown-menu, .searchFilter .common--dropdown.dropdown-menu {
    border: 2px solid #96c8da;
    border-top: none !important;
    border-radius: 0 0 4px 4px;
    top: 95%;
    padding: 0;
    margin: 0
}

.common-btn--group.open .search-css {
    border-radius: 4px
}

.common-btn--group .dropdown-menu a {
    font-size: 13px;
    padding-bottom: 3px;
    padding-left: 17px;
    text-transform: capitalize;
    background-color: transparent !important
}

.common-btn--group .dropdown-menu li:hover, .common-btn--group .dropdown-menu li.active {
    background-color: #e7e7e9 !important
}

    .common-btn--group .dropdown-menu li:hover a, .common-btn--group .dropdown-menu li.active a {
        color: #000 !important
    }

.common-btn--group.open .dropdown-toggle, .common-btn--group.open .dropdown-toggle .search-css {
    border-color: #96c8da !important;
    border-radius: 4px 4px 0 0
}

.subHeader .common-btn--group.open .dropdown-toggle, .subHeader .common-btn--group.open .dropdown-toggle .search-css {
    border-color: rgba(255,255,255,.5) !important;
    background-color: transparent
}

.lcnt-vbf-box .common-btn--group .caret {
    top: 16px
}

.lcnt-vbf-box .common--dropdown.dropdown-menu, #edit-field-3-value-wrapper .common--dropdown.dropdown-menu {
    border: 1px solid #238fff
}

.lcnt-vbf-box .btn-group.open .dropdown-menu a:hover, .lcnt-vbf-box .btn-group.open .dropdown-menu a:focus, .lcnt-vbf-box .btn-group.open .dropdown-menu a:active, .add-edit-cropping .service-form-group .btn-group.open .dropdown-menu a:hover, .add-edit-cropping .service-form-group .btn-group.open .dropdown-menu a:focus, .add-edit-cropping .service-form-group .btn-group.open .dropdown-menu a:active, #edit-field-3-value-wrapper .btn-group.open .dropdown-menu a:hover, #edit-field-3-value-wrapper .btn-group.open .dropdown-menu a:focus, #edit-field-3-value-wrapper .btn-group.open .dropdown-menu a:active, .design_container .btn-group.open .dropdown-menu a:hover, .design_container .btn-group.open .dropdown-menu a:focus, .design_container .btn-group.open .dropdown-menu a:active {
    background-color: #238fff !important;
    color: #fff !important
}

.lcnt-vbf-box .common-btn--group .dropdown-menu li:hover a, .lcnt-vbf-box .common-btn--group .dropdown-menu li.active a, .add-edit-cropping .service-form-group .common-btn--group .dropdown-menu li:hover a, .add-edit-cropping .service-form-group .common-btn--group .dropdown-menu li.active a, #edit-field-3-value-wrapper .common-btn--group .dropdown-menu li:hover a, #edit-field-3-value-wrapper .common-btn--group .dropdown-menu li.active a, .design_container .common-btn--group .dropdown-menu li:hover a, .design_container .common-btn--group .dropdown-menu li.active a {
    background-color: #238fff !important;
    color: #fff !important
}

#edit-field-3-value-wrapper .common-btn--group .search-css:focus {
    border-color: #66afe9 !important
}

.common-btn--group .caret {
    position: absolute;
    right: 12px;
    top: 22px
}

.desc_project .common-btn--group .caret {
    top: 19px
}

.desc_project .common--dropdown.dropdown-menu {
    top: 102%;
    border: 1px solid #96c8da;
    border-top: none !important;
    border-radius: 0 0 4px 4px;
    padding: 0;
    margin: 0
}

.desc_project .select_industry .common--dropdown.dropdown-menu {
    top: 98%
}

.group_inputClass .designer_options {
    padding-left: 15px;
    padding-right: 15px
}

.common-btn--group .search-css {
    border: 2px solid #c1c5cd !important
}

#edit-field-3-value-wrapper .common-btn--group, .design_container .common-btn--group {
    margin-bottom: 10px
}

    #edit-field-3-value-wrapper .common-btn--group .search-css, .design_container .common-btn--group .search-css {
        border: 1px solid #ccc !important;
        border-radius: 6px
    }

    .design_container .common-btn--group .search-css {
        border-radius: 4px
    }

.form-horizontal .questionair-inputText.otherTextBox {
    border-radius: 6px
}

#edit-field-3-value-wrapper .common-btn--group .caret, .design_container .common-btn--group .caret {
    top: 19px
}

#edit-field-3-value-wrapper .common--dropdown.dropdown-menu {
    top: 97%
}

.design_container .common--dropdown.dropdown-menu {
    top: 79%
}

#edit-field-3-value-wrapper .common--dropdown.dropdown-menu {
    border-radius: 4px
}

.group_inputClass .common-btn--group .caret {
    top: 20px
}

.group_inputClass .common-btn--group.open .caret {
    transform: rotate(180deg)
}

.group_inputClass .filter > .control-label {
    padding-bottom: 0
}

.common--dropdown.dropdown-menu .mCSB_container {
    margin-right: 0
}

#selected_designer, .dh_entries_dpd {
    padding-right: 25px
}

.next--search {
    position: absolute;
    right: 10px;
    top: -5px
}

.filter_search {
    padding-top: 30px
}

.common-btn--group {
    width: 100%
}

#selected_designer > span, .dh_entries_dpd > span {
    display: block;
    overflow: hidden
}

.main-fileClassCss .select_category .common-btn--group {
    height: 40px
}

.add-edit-cropping .common-btn--group {
    height: 25px
}

    .main-fileClassCss .select_category .common-btn--group .search-main, .add-edit-cropping .common-btn--group .search-main, .custom-servicesPage .common-btn--group .search-main, .custom-servicesPage .common-btn--group .search-css {
        height: 100%;
        margin: 0
    }

    .add-edit-cropping .common-btn--group.open .search-main {
        background: 0 0
    }

    .add-edit-cropping .common-btn--group.open > .dropdown-toggle.btn-default:hover {
        background: 0 0
    }

.add-edit-cropping .service-form-group .common-btn--group.open .search-css:focus, .add-edit-cropping .service-form-group .common-btn--group.open .search-css:active {
    background: 0 0
}

.add-edit-cropping .service-form-group .search-css {
    height: 100%;
    padding: 3px 10px;
    border: none !important;
    font-size: 13px
}

.add-edit-cropping .service-form-group .common-btn--group .caret {
    top: 11px
}

.add-edit-cropping .service-form-group .common--dropdown {
    border: 1px solid #238fff;
    margin: 0;
    padding: 0;
    top: 97%
}

.add-edit-cropping .common-btn--group .search-main {
    background: none !important
}

.add-edit-cropping .service-form-group .common-btn--group .caret {
    right: 6px;
    border-top: 6px dashed;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent
}

.dp-mid-wrapper .add-edit-cropping .btn-group.open > .dropdown-menu {
    min-width: auto
}

.main-fileClassCss .common-btn--group .search-css {
    border-width: 1px !important
}

.btn-group.open .dropdown-menu a:hover, .btn-group.open .dropdown-menu a:focus, .btn-group.open .dropdown-menu a:active {
    background: gray;
    color: #fff
}

.dg-right-box .entries-detail.panel-footer {
    padding-bottom: 5px;
    padding-top: 5px
}

.custom-servicesPage .common-btn--group {
    height: 100%
}

    .custom-servicesPage .common-btn--group .search-css {
        border: 0 solid #c1c5cd !important;
        padding-left: 40px
    }

.custom-servicesPage .desg-catAction i.icon-list {
    z-index: 99;
    color: #333
}

.custom-servicesPage .common-btn--group .caret {
    z-index: 99;
    top: 24px
}

.custom-servicesPage .common--dropdown.dropdown-menu {
    border: none;
    top: 99%;
    padding: 0;
    margin: 0;
    left: -2px;
    width: 252px;
    border: 2px solid #dfe0e3
}

.desg-catListItem.common-new > input {
    top: 4px !important
}

.service-rating--front {
    top: 9px !important
}

    .service-rating--front .star-rating {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        align-items: center;
        font-size: 1em;
        justify-content: center
    }

    .service-rating--front .back-stars {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        color: #ccc;
        position: relative
    }

    .service-rating--front .front-stars {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        color: #f58462;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0
    }

        .service-rating--front .front-stars i, .back-stars i {
            margin: 2px
        }

    .service-rating--front.tm-rating.change-star-color .front-stars {
        color: #fec42d
    }

.common-css {
    width: 100%;
    float: left
}

.launch-design-top {
    min-height: 100px;
    background-color: #343c41;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    color: #fff
}

.lcnt-vbf-box .launch-design-top h2 {
    margin: 0 0 10px;
    font-size: 27px
}

.lcnt-vbf-box .launch-contest-mid {
    margin: 20px 0 125px
}

.lcnt-vbf-box .list-items-css img, .lcnt-vbf-box .launch-design-top input, .lcnt-vbf-box .list-view.text-grid, .lcnt-vbf-box .list-items-css.active .list-view:before {
    transition: all .5s cubic-bezier(.58,0,.24,.98) 0s;
    -webkit-transition: all .5s cubic-bezier(.58,0,.24,.98) 0s;
    -o-transition: all .5s cubic-bezier(.58,0,.24,.98) 0s;
    -ms-transition: all .5s cubic-bezier(.58,0,.24,.98) 0s
}

.lcnt-vbf-box .list-items-css img, .lcnt-vbf-box .list-view.text-grid {
    box-shadow: 0 8px 30px rgba(14,21,47,.2);
    -webkit-box-shadow: 0 8px 30px rgba(14,21,47,.2);
    -o-box-shadow: 0 8px 30px rgba(14,21,47,.2);
    -ms-box-shadow: 0 8px 30px rgba(14,21,47,.2);
    cursor: pointer;
    position: relative;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    border-radius: 2px
}

.lcnt-vbf-box .launch-contest-mid .active .list-view.text-grid {
    border: 5px solid #82bc3b
}

.lcnt-vbf-box .launch-design-top h2 {
    margin: 0 0 10px
}

.btn-group.open .dropdown-menu.mega-menu-css .common-col a {
    background: hsla(0,0%,0%,0);
    line-height: 33px;
    padding: 0 5px
}

    .btn-group.open .dropdown-menu.mega-menu-css .common-col a:hover {
        background: #444;
        color: #fff !important
    }

.lcnt-vbf-box .launch-design-top p {
    font-size: 17px;
    font-weight: 400
}

#lcnt-vbf-styles-industry .modal-body > p {
    font-size: 25px;
    margin: 20px 0;
    text-align: center
}

#lcnt-vbf-styles-industry .modal-dialog {
    margin-top: 13%
}

.lcnt-vbf-box .list-items-css img:hover, .lcnt-vbf-box .list-view.text-grid:hover {
    box-shadow: 0 20px 40px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.1);
    -o-box-shadow: 0 20px 40px rgba(0,0,0,.1);
    -ms-box-shadow: 0 20px 40px rgba(0,0,0,.1)
}

.lcnt-vbf-box .fixed-footer {
    background-color: #343c41;
    bottom: 0;
    padding: 8px 0 4px;
    color: #fff;
    position: fixed;
    z-index: 99;
    box-shadow: 0 0 20px hsla(0,0%,0%,.2);
    -webkit-box-shadow: 0 0 20px hsla(0,0%,0%,.2);
    -o-box-shadow: 0 0 20px hsla(0,0%,0%,.2);
    -ms-box-shadow: 0 0 20px hsla(0,0%,0%,.2)
}

.lcnt-vbf-box .list-view {
    float: left;
    width: 100%;
    position: relative;
    text-align: center
}

.lcnt-vbf-box .pay_launch_btn.process-css {
    display: none
}

.lcnt-vbf-box .skip-step {
    margin: 0 55px 0 0;
    color: #fff
}

.lcnt-vbf-box .fixed-footer .pay_launch_btn.process-css {
    float: right;
    margin: 0 20px 0 0
}

.col-sm-4.col-xs-12.pg--text {
    float: right;
    width: 240px
}

.lcnt-vbf-box .fixed-footer .pay_launch_btn.process-css a {
    padding: 11px 24px;
    font-size: 14px
}

.lcnt-vbf-box .fixed-footer .progress {
    border-radius: 10px;
    height: 12px;
    margin-top: 20px
}

.lcnt-vbf-box .fixed-footer p, .lcnt-vbf-box .fixed-footer .skip-step {
    margin-top: 15px;
    colors: #fff;
    margin-bottom: 10px;
    font-size: 13px
}

.lcnt-vbf-box .list-view > p {
    font-size: 16px;
    margin: 2px 0 6px;
    position: relative;
    z-index: 9
}

.lcnt-vbf-box .list-items-css {
    margin: 0 0 50px
}

    .lcnt-vbf-box .list-items-css.active img {
        box-shadow: 0 0 0 4px #82bc3b;
        -webkit-box-shadow: 0 0 0 4px #82bc3b;
        -o-box-shadow: 0 0 0 4px #82bc3b;
        -ms-box-shadow: 0 0 0 4px #82bc3b
    }

    .lcnt-vbf-box .list-items-css.default-items-css img, .lcnt-vbf-box .list-items-css.default-items-css img:hover, .lcnt-vbf-box .default-items-css .list-view.text-grid:hover, .lcnt-vbf-box .default-items-css .list-view.text-grid {
        box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        cursor: default
    }

    .lcnt-vbf-box .list-items-css.default-items-css .list-view {
        position: relative;
        width: 100%;
        text-align: center
    }

        .lcnt-vbf-box .list-items-css.default-items-css .list-view:before {
            background: #fff;
            content: "";
            height: 100%;
            left: 0;
            opacity: .3;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 9
        }

    .lcnt-vbf-box .list-items-css.active .list-view:before {
        background: #a2dc5b none repeat scroll 0 0;
        border: 4px solid #82bc3b;
        color: #fff;
        content: "\f00c";
        font-family: "FontAwesome";
        font-size: 17px;
        height: 35px;
        line-height: 26px;
        position: absolute;
        right: -3px;
        top: -3px;
        width: 35px;
        z-index: 99;
        border-radius: 0 4px 0 0
    }

    .lcnt-vbf-box .list-items-css.active .list-view.text-grid:before {
        top: -5px;
        right: -5px
    }

.launch-selection.whiteBtnNectar {
    position: relative;
    background: #fff;
    padding: 15px
}

.launch-selection li {
    float: left;
    height: 87px;
    margin-right: 12px;
    width: 87px;
    position: relative;
    border: 1px solid #ddd
}

.launch-selection .btn.btn-default {
    position: absolute;
    right: 0;
    top: 30px
}

.launch-selection .pselThumb {
    position: relative
}

.launch-selection .icon-closebtn {
    background: #fff;
    border: 1px solid #ddd;
    color: red;
    cursor: pointer;
    font-size: 10px;
    height: 17px;
    line-height: 15px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 17px;
    z-index: 2
}

.launch-selection .desHeading {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px
}

#selectMaxDesigns .owl-nav i {
    background: #fff;
    border: 1px solid #ddd;
    font-size: 18px;
    padding: 0 7px
}

.launch-selection li:last-child {
    margin: 0
}

.launch-selection .item > img {
    border: 1px solid #ddd
}

#selectMaxDesigns .owl-nav > div {
    float: left;
    width: auto
}

#selectMaxDesigns .owl-nav .owl-prev {
    margin-right: 5px
}

#selectMaxDesigns .owl-nav {
    position: absolute;
    right: -4px;
    text-align: center;
    top: -32px;
    width: 54px
}

.lcnt-vbf-box .progress .progress-bar {
    background-color: #82bc3b
}

.lcnt-vbf-box .color-list .list-items-css.active .list-view:before {
    bottom: 55px
}

.lcnt-vbf-box .list-view.text-grid {
    background: #fff;
    font-size: 35px;
    height: 300px;
    line-height: 8;
    padding: 0 20px;
    cursor: pointer
}

.lcnt-vbf-box .launch-design-top input {
    border: 1px solid #ddd;
    height: 40px;
    padding: 0 20px;
    font-size: 15px;
    color: #555;
    text-align: left
}

.lcnt-vbf-box .launch-design-top .input-box {
    height: 80px;
    border: none;
    font-size: 40px
}

.lcnt-vbf-box .text-box-css {
    margin: 0 0 10px
}

    .lcnt-vbf-box .text-box-css p.text-link {
        text-align: center
    }

        .lcnt-vbf-box .text-box-css p.text-link a:hover {
            text-decoration: underline
        }

    .lcnt-vbf-box .text-box-css textarea {
        border: 1px solid #ddd;
        height: 120px;
        margin: 0 0 5px;
        width: 100%;
        resize: none
    }

    .lcnt-vbf-box .text-box-css h4 {
        font-size: 22px;
        margin: 0 0 10px
    }

.lcnt-vbf-box .text-box-div {
    display: none
}

.lcnt-vbf-box .list-view.text-grid {
    display: table-cell;
    float: none;
    height: 200px;
    line-height: normal;
    margin: 0;
    vertical-align: middle;
    word-break: break-all
}

.lcnt-vbf-box .text-list .list-items-css {
    display: table
}

.gradient-div {
    background: rgba(0,0,0,0) linear-gradient(470deg,rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 80%);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
    cursor: pointer;
    top: 0;
    left: 0
}

.lcnt-vbf-box .list-view {
    transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    transform-style: preserve-3d;
    perspective: 1600px
}

.list-view .new-text .icon-eyedropper {
    display: block;
    font-size: 22px;
    margin-bottom: 10px
}

.list-view .new-text a {
    color: #666
}

.scroll-bottom-div {
    background: rgba(0,0,0,.7);
    bottom: 75px;
    color: #fff;
    padding: 7px 25px 7px 55px;
    display: none;
    position: fixed;
    left: 10px;
    width: 390px;
    z-index: 999;
    border-radius: 5px
}

    .scroll-bottom-div > p {
        margin: 0
    }

    .scroll-bottom-div i.icon-users {
        font-size: 28px;
        left: 10px;
        margin-top: -20px;
        position: absolute;
        top: 50%
    }

    .scroll-bottom-div.active {
        display: block
    }

    .scroll-bottom-div .icon-closebtn {
        position: absolute;
        right: 7px;
        top: 4px;
        cursor: pointer
    }

.lcnt-vbf-box .list-view > p.new-text {
    border: 2px dashed #ddd;
    display: block;
    height: 100%;
    position: relative;
    margin-top: 0
}

.newCus {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    max-width: 228px;
    position: absolute;
    right: 0;
    top: 25%
}

.newImag {
    opacity: 0
}

.newCus .addColor-btn {
    display: inline-block;
    padding: 8px 0 0;
    width: 100%
}

.dh-loader-css {
    margin: 0 auto;
    position: relative;
    width: 100%;
    float: left;
    height: 60px
}

    .dh-loader-css:before {
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
        animation-name: rotate;
        animation-timing-function: linear;
        background-image: url(//cdn1.designhill.com/assets/dh/images/loader.png);
        background-repeat: no-repeat;
        background-size: 25px 25px;
        content: "";
        display: block;
        height: 25px;
        left: 50%;
        margin-left: -12.5px;
        margin-top: 10px;
        position: absolute;
        top: 20%;
        transition: opacity .1s ease 0s;
        -webkit-transition: opacity .1s ease 0s;
        -o-transition: opacity .1s ease 0s;
        -ms-transition: opacity .1s ease 0s;
        width: 25px;
        z-index: 10
    }

    .dh-loader-css:after {
        background: rgba(0,0,0,.7);
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 9;
        top: 0;
        left: 0;
        display: block
    }

.dh-loader-css-black {
    margin: 0 auto;
    position: relative;
    width: 100%;
    float: left;
    height: 60px
}

    .dh-loader-css-black:before {
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
        animation-name: rotate;
        animation-timing-function: linear;
        background-image: url(//cdn1.designhill.com/assets/dh/images/gray_loader.png);
        background-repeat: no-repeat;
        background-size: 25px 25px;
        content: "";
        display: block;
        height: 25px;
        left: 50%;
        margin-left: -12.5px;
        margin-top: 10px;
        position: absolute;
        top: 20%;
        transition: opacity .1s ease 0s;
        -webkit-transition: opacity .1s ease 0s;
        -o-transition: opacity .1s ease 0s;
        -ms-transition: opacity .1s ease 0s;
        width: 25px;
        z-index: 10
    }

.dh-loader-css-orange {
    margin: 0 auto;
    position: relative;
    width: 100%;
    float: left;
    height: 60px
}

    .dh-loader-css-orange:before {
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
        animation-name: rotate;
        animation-timing-function: linear;
        background-image: url(//cdn1.designhill.com/assets/dh/images/orange_loader.png);
        background-repeat: no-repeat;
        background-size: 25px 25px;
        content: "";
        display: block;
        height: 25px;
        left: 50%;
        margin-left: -12.5px;
        margin-top: 10px;
        position: absolute;
        top: 20%;
        transition: opacity .1s ease 0s;
        -webkit-transition: opacity .1s ease 0s;
        -o-transition: opacity .1s ease 0s;
        -ms-transition: opacity .1s ease 0s;
        width: 25px;
        z-index: 10
    }

.dh-loader-css-white {
    margin: 0 auto;
    position: relative;
    width: 100%;
    float: left
}

    .dh-loader-css-white:before {
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
        animation-name: rotate;
        animation-timing-function: linear;
        background-image: url(//cdn1.designhill.com/assets/dh/images/white_loader.png);
        background-repeat: no-repeat;
        background-size: 25px 25px;
        content: "";
        display: block;
        height: 25px;
        left: 50%;
        margin-left: -12.5px;
        margin-top: 10px;
        position: absolute;
        top: 20%;
        transition: opacity .1s ease 0s;
        -webkit-transition: opacity .1s ease 0s;
        -o-transition: opacity .1s ease 0s;
        -ms-transition: opacity .1s ease 0s;
        width: 25px;
        z-index: 10
    }

.dh-loader-css-blue {
    margin: 0 auto;
    position: relative;
    width: 100%;
    float: left;
    height: 60px
}

    .dh-loader-css-blue:before {
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
        animation-name: rotate;
        animation-timing-function: linear;
        background-image: url(//cdn1.designhill.com/assets/dh/images/blue_loader.png);
        background-repeat: no-repeat;
        background-size: 25px 25px;
        content: "";
        display: block;
        height: 25px;
        left: 50%;
        margin-left: -12.5px;
        margin-top: 10px;
        position: absolute;
        top: 20%;
        transition: opacity .1s ease 0s;
        -webkit-transition: opacity .1s ease 0s;
        -o-transition: opacity .1s ease 0s;
        -ms-transition: opacity .1s ease 0s;
        width: 25px;
        z-index: 10
    }

.loader-blue-s {
    width: 15px;
    height: 15px
}

    .loader-blue-s:before {
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
        animation-name: rotate;
        animation-timing-function: linear;
        background-image: url(//cdn1.designhill.com/assets/dh/images/blue_loader.png);
        background-repeat: no-repeat;
        background-size: 15px 15px;
        content: "";
        display: inline-block;
        height: 15px;
        transition: opacity .1s ease 0s;
        -webkit-transition: opacity .1s ease 0s;
        -o-transition: opacity .1s ease 0s;
        -ms-transition: opacity .1s ease 0s;
        width: 15px
    }

.loader-green-s {
    width: 15px;
    height: 15px
}

    .loader-green-s:before {
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
        animation-name: rotate;
        animation-timing-function: linear;
        background-image: url(//cdn1.designhill.com/assets/dh/images/orange_loader.png);
        background-repeat: no-repeat;
        background-size: 15px 15px;
        content: "";
        display: inline-block;
        height: 15px;
        transition: opacity .1s ease 0s;
        -webkit-transition: opacity .1s ease 0s;
        -o-transition: opacity .1s ease 0s;
        -ms-transition: opacity .1s ease 0s;
        width: 15px
    }

.dh-loader-css-cat-white {
    margin: 0 auto;
    position: relative;
    width: 100%;
    float: left
}

    .dh-loader-css-cat-white:before {
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
        animation-name: rotate;
        animation-timing-function: linear;
        background-image: url(//cdn1.designhill.com/assets/dh/images/white_loader.png);
        background-repeat: no-repeat;
        background-size: 25px 25px;
        content: "";
        display: block;
        height: 25px;
        left: 50%;
        margin-left: -12.5px;
        position: absolute;
        top: -4px;
        transition: opacity .1s ease 0s;
        -webkit-transition: opacity .1s ease 0s;
        -o-transition: opacity .1s ease 0s;
        -ms-transition: opacity .1s ease 0s;
        width: 25px;
        z-index: 10
    }

.loader-b-input-center {
    background: #fff url(//cdn1.designhill.com/assets/dh/images/loader-icon/blue-1_16_16.gif) center center no-repeat !important
}

.loader-b-input-right {
    background: #fff url(//cdn1.designhill.com/assets/dh/images/loader-icon/blue-1_16_16.gif) right center no-repeat !important
}

.loader-g-input-center {
    background: #fff url(//cdn1.designhill.com/assets/dh/images/loader-icon/green-1_16_16.gif) center center no-repeat !important
}

.loader-g-input-right {
    background: #fff url(//cdn1.designhill.com/assets/dh/images/loader-icon/green-1_16_16.gif) right center no-repeat !important
}

.home-slider-form .btn.btn-default {
    border-radius: 0;
    height: 44px;
    line-height: 40px;
    padding: 0 30px;
    font-weight: 600;
    text-transform: uppercase;
    background: #82bc3b;
    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    font-size: 15px;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    letter-spacing: .2px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    color: #fff;
    border-radius: 30px
}

    .home-slider-form .btn.btn-default:hover {
        -webkit-box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
        box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px)
    }

    .home-slider-form .btn.btn-default:active, .home-slider-form .btn.btn-default:focus {
        background-color: #66900d;
        color: #e6ebf1;
        background-image: none;
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
        -webkit-box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
        box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
        border-color: transparent
    }

.home-slider-form select, .home-slider-form .form-control {
    border: 1px solid #ddd;
    box-shadow: none;
    color: #000;
    font-size: 12px
}

.home-slider-form {
    float: left;
    margin: 25px 0 0;
    width: 100%
}

.btn1_getstarted {
    clear: both;
    display: inline-block;
    margin: 20px 0 0;
    text-align: center;
    width: 100%
}

.btn1_getstarted {
    width: 100%;
    display: inline-block;
    text-align: center;
    clear: both;
    margin: 20px 0 0
}

.offercodeStatusBox {
    padding: 10px 0;
    text-align: center
}

    .offercodeStatusBox .success:before {
        content: "\f00c";
        font-family: fontawesome;
        font-size: 25px;
        margin-right: 10px;
        position: relative
    }

    .offercodeStatusBox .error:before {
        content: "\f071";
        font-family: fontawesome;
        font-size: 20px;
        margin-right: 10px;
        position: relative;
        top: 3px
    }

    .offercodeStatusBox > div {
        line-height: 30px
    }

    .offercodeStatusBox .error, .offercodeStatusBox .success {
        line-height: 28px
    }

#brand-id .bidt-logoClass p, #brand-id .bidt-section .cta-link-action {
    position: relative
}

    #brand-id .bidt-section .cta-link-action:after {
        content: "\f105";
        font-family: FontAwesome;
        font-size: 17px;
        position: absolute;
        right: -10px;
        bottom: -8px;
        left: auto;
        top: auto
    }

.bidt-collapse, .bidt-started, .bidt-pack {
    text-align: center
}

.bidt-default {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.3)),url("//cdn1.designhill.com/assets/dh/images/home/brand_id_banner.jpg");
    position: relative;
    background-color: #191a1c;
    padding: 130px 0 50px;
    margin-top: 80px
}

.bidt-collapse {
    color: #fff;
    margin-bottom: 30px;
    padding: 65px 0 0 115px
}

.bidt-section .cta-link-action:after {
    bottom: 10px;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 17px;
    left: 100px;
    position: absolute
}

.bidt-section .cta-link-action {
    color: #66900d;
    font-size: 14px;
    font-weight: 700
}

.bidt-heading, .bidt-heading-lead {
    margin-top: 0
}

.bidt-heading {
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    text-shadow: 1px 4px 4px rgba(0,0,0,.6)
}

.bidt-heading-lead {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 16px
}

.bidt-getStartNow, .bidt-works {
    display: inline-block
}

.bidt-btn {
    border-radius: 100px;
    box-shadow: 4px 4px 7px rgba(0,0,0,.6);
    font-size: 13px;
    font-weight: 600;
    outline: medium none;
    padding: .6em 4em;
    text-decoration: none;
    text-transform: uppercase
}

    .bidt-btn .icon.icon-caret-right {
        margin-left: 7px
    }

    .bidt-btn:foucs, .bidt-btn:active {
        outline: none
    }

.bidt-works-action:hover, .bidt-works-action:focus, .bidt-works-action:active {
    color: #fff
}

.bidt-works-action {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin-left: 30px;
    text-align: center
}

    .bidt-works-action .icon.icon-play-circle {
        font-size: 22px
    }

.bidt-section {
    background: #f4f4f6 none repeat scroll 0 0;
    padding: 60px 0
}

.bidt-group-heading {
    padding: 0 15px;
    text-align: center;
    margin-bottom: 60px
}

.bidt-first-heading, .bidt-second-heading {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: .45em;
    margin-top: 0
}

.bidt-first-heading {
    font-size: 40px;
    margin-bottom: .45em
}

.bidt-second-heading {
    font-size: 20px;
    letter-spacing: .4px
}

.bidt-logoClass {
    display: inline-block;
    width: 100%
}

.bidt-sectionImage img {
    height: auto
}

.businessCard-size, .envelope-imageSize, .cover-imageSize {
    width: auto
}

.bidt-sectionText {
    line-height: 35px
}

.bidt-imageTitle {
    font-size: 28px;
    font-weight: 400;
    margin-top: 0
}

.bidt-imageDetail {
    font-size: 16px;
    margin-bottom: 0
}

.envelope-heading {
    margin-top: 30px
}

.bidt-whiteSection {
    background: #fff none repeat scroll 0 0
}

.bidt-mainImage {
    margin: 30px 0;
    padding: 0 30px;
    text-align: center
}

.bidt-howIt-body {
    display: inline-block;
    padding: 10px 40px;
    text-align: center;
    width: 100%
}

.start-logoTitle {
    font-size: 29px;
    font-weight: 400
}

.start-logo-para {
    color: #535865;
    font-size: 16px
}

.bidt-pack > h2 {
    margin-bottom: 30px
}

.bidt-section .howIt-icon {
    display: none
}

.bidt-link {
    color: #2673b0;
    font-weight: 400;
    text-align: center;
    font-size: 19px
}

.bidt-link-action:hover {
    color: #2673b0;
    text-decoration: underline
}

.bidt-link-action .icon.icon-caret-right {
    font-size: 20px;
    margin-left: 5px
}

.bidt-link-action:hover .icon.icon-caret-right {
    text-decoration: none
}

.bidt-section.bidt-quickly:nth-child(2n) {
    background: #fff none repeat scroll 0 0
}

 

.asterik-css {
    position: relative
}

    .asterik-css:after {
        position: absolute;
        content: "\f069";
        font-family: fontawesome;
        font-size: 5px;
        color: red;
        top: 4px;
        margin-left: 3px
    }

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-ms-keyframes rotate {
    0% {
        -ms-transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    0% {
        -o-transform: rotate(0deg)
    }

    100% {
        -o-transform: rotate(360deg)
    }
}

.reward-entry .modal-header > h3 {
    color: #fff
}

.text_bottom_css {
    text-align: justify;
    padding: 0 50px 0 0
}

.bottom-logo {
    width: 105px
}

.whiteBtnNectar.cat-buttons .btn.btn-default {
    margin: 0 12px 0 0;
    padding: 10px 22px
}

.modal-view .close.icon.icon-close {
    color: #fff
}

.design_container {
    word-wrap: break-word
}

.closed-head {
    cursor: pointer
}

.footer-section-text .logoDesignCity li {
    width: 33%
}

.footer-section-text .labelDesign li {
    width: 25%
}

.footer-section-text .logoDesignIndustry li {
    width: 50%
}

.smallTxt {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 20px
}

.launchContest-main .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0
}

.suggestiveTxtLaunch span {
    color: #f35958
}

.suggestiveTxtLaunch {
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 30px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #efefef;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 10px
}

.offercodeStatusBoxMain {
    background: #101010
}

.create-invoice-bottom .btn.btn-default {
    padding: 10px 33px;
    font-size: 15px;
    margin: 0 auto
}

#design .create-invoice-bottom .btn.btn-default {
    display: inline-block
}

.top-header-main.main-css.closed-contest-head {
    margin: 0 !important
}

.modal-header {
    background: #707482;
    color: #fff
}

.bread-crumb-css {
    left: 1.2em;
    position: absolute;
    top: -3em
}

    .bread-crumb-css > div {
        display: inline-block
    }

    .bread-crumb-css a {
        color: #fff;
        font-size: 15px;
        text-transform: uppercase
    }

.how-it-works-breadcrumb .bread-crumb-css a {
    font-size: 13px
}

.bread-crumb-css.category-breadcrum {
    top: 10px
}

    .bread-crumb-css.category-breadcrum a {
        color: #333
    }

.main-bread-css:after {
    content: "\f105";
    font-family: fontawesome;
    font-size: 15px;
    position: absolute;
    right: 1px;
    top: 0
}

.main-bread-css {
    padding: 0 14px 0 0;
    position: relative
}

.dh-industry-section .sub-breadCrum-css, .dh-industry-section .main-bread-css:not(:first-child) {
    padding-left: 5px
}

.discoverWorkHeader .container {
    position: relative
}

.main-bread-css > a {
    font-weight: 600
}

.design-gallery-banners .bread-crumb-css {
    top: -2.5em;
    color: #fff
}

    .design-gallery-banners .bread-crumb-css a {
        font-size: 14px
    }

.infostrip-main {
    background: #4e5565;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    margin: 20px 0 0;
    padding: 10px 15px
}

.info-strip i {
    margin: 0 6px 0 0
}

.infostrip-main {
    color: #fff;
    font-size: 16px
}

.recommendation-strip {
    color: #fff;
    font-size: 16px;
    margin: 20px 0 0
}

    .recommendation-strip .info-strip {
        background: #4e5565;
        padding: 10px 15px;
        border-radius: 3px
    }

        .recommendation-strip .info-strip a {
            color: #fff;
            text-decoration: none
        }

        .recommendation-strip .info-strip:hover a {
            text-decoration: underline !important
        }

.desListing .text-center.common-button.whiteBtnNectar {
    margin: 0
}

.desListing .common-button .btn.btn-default {
    font-size: 12px;
    font-weight: 400;
    margin: 15px 0 0;
    padding: 5px 20px
}

.one-to-one-strip-css {
    background: #0574b9;
    padding: 6px 0;
    font-weight: 700;
    color: #fff;
    font-size: 14px
}

    .one-to-one-strip-css .btn {
        font-size: 11px;
        padding: 5px 12px
    }

    .one-to-one-strip-css p {
        margin: 0;
        line-height: 1.6em;
        text-align: center
    }

.listing-design_price_dt .ribbon_text {
    font-size: 20px
}

.panel .listing-design_price_dt .ribbon_fold {
    top: 2.8em
}

.projectTab {
    font-size: 25px
}

#user-register .resgister_inner {
    float: left;
    margin: 60px 0 120px;
    width: 100%;
    text-align: center
}

.projectTab b {
    font-size: 24px
}

.anyDesignerButtons2 {
    text-align: center;
    float: left;
    padding-top: 50px;
    width: 100%
}

    .anyDesignerButtons2 > div {
        margin: 0 0 20px
    }

    .anyDesignerButtons2 .share-button-css a {
        background: #3b5999;
        border-radius: 0;
        color: #fff;
        display: inline-block;
        font-size: 16px;
        padding: 7px 24px 9px 6px;
        width: 230px
    }

.share-button-css a i {
    margin-right: 8px;
    padding: 12px 6px 12px 15px
}

#thanks, .resgister_inner .pay_launch_btn a {
    background: #82bc3b !important;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    width: 230px;
    float: none
}

.anyDesignerButtons2 ul li {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 7px;
    width: auto
}

    .anyDesignerButtons2 ul li:first-child {
        margin-left: 0
    }

.projectTab p {
    font-size: 18px;
    margin: 20px 0 0
}

#designersPortfolioData .dsList-row {
    overflow: hidden
}

.new_testimonials_main {
    word-break: break-all
}

.back-parent {
    margin: 50px 0 -20px;
    padding: 0
}

.back-toCss .icon-angle-double-left {
    font-size: 16px;
    font-weight: 600
}

.files-top .icon-angle-double-left {
    font-size: 16px
}

.gallery-viewMore.back-toCss {
    border-bottom: 1px solid #82bc3b;
    color: #82bc3b;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 3px;
    text-transform: capitalize
}

    .gallery-viewMore.back-toCss:hover, .gallery-viewMore.back-toCss:active, .gallery-viewMore.back-toCss:focus {
        text-decoration: none;
        color: #82bc3b
    }

.launchContest-main .form-group .upload-image label {
    margin-bottom: 0
}

.uploadImages .upload-image {
    background: #ddd;
    position: relative;
    text-align: center
}

.upload-images {
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    height: 120px;
    margin: 0 auto;
    width: 200px
}

.upldImg {
    display: none
}

.uploadImages .upload-image > span {
    color: #888;
    font-size: 16px;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

    .uploadImages .upload-image > span i {
        display: block;
        font-size: 30px;
        margin-top: 25px
    }

.uploadImages .upload-image input {
    cursor: pointer;
    height: 120px;
    opacity: 0;
    position: relative;
    width: 100%;
    z-index: 2
}

.choose-dh {
    background-color: #343c41;
    color: #fff;
    padding: 20px 0;
    display: none
}

.dh-choose-heading {
    color: #555;
    font-size: 28px;
    font-weight: 400;
    position: relative;
    text-align: center;
    text-transform: capitalize
}

.choose-dh-button {
    background-color: #343c41;
    padding: 20px 0
}

    .choose-dh-button .dh-choose-heading {
        color: #fff
    }

.main-dh-chooseCss {
    display: inline-block;
    margin: 70px 0 0;
    width: 100%;
    font-size: 16px;
    position: relative
}

.choose-dh .subLines-liCss {
    margin: 0;
    position: relative
}

.choose-dh .glyphicon.glyphicon-ok, .choose-popup-modal .glyphicon.glyphicon-ok {
    display: inline-block;
    font-size: 11px;
    left: 0;
    position: absolute;
    top: 14px
}

.main-dh-chooseCss .subLines-liCss > span {
    display: inline-block;
    padding-left: 20px;
    margin-left: 0
}

.choose-dh .how-work-video {
    padding: 10px 0 0
}

.choose-dh .main-dh-chooseCss {
    display: inline-block;
    margin: 0;
    width: 100%
}

.main-dh-chooseCss > p {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: capitalize
}

.modal-dialog.modal-lg.choose-popup-modal {
    margin-top: 50px
}

.main-dh-chooseCss > p:before {
    border-bottom: 3px solid #81ba3d;
    content: "";
    position: absolute;
    top: 45px;
    width: 50%
}

.choose-dh .how-it-worksBtn {
    text-align: center;
    margin: 40px 0 20px
}

.choose-modal {
    height: 60px;
    line-height: 60px
}

    .choose-modal .choose-actionModal {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        opacity: .7;
        text-transform: uppercase
    }

.choose-popup-modal .work-video-bg {
    background: url(//cdn1.designhill.com/assets/dh/images/how-it-works/popup_macbook.png?rnd=2) no-repeat scroll 0 0;
    height: 340px;
    padding: 11px 10px 0;
    width: 360px;
    position: relative
}

.work-video-bg-iframe > img {
    cursor: pointer;
    width: 100%
}

.how-work-video iframe.video-frameCss {
    border: medium none;
    height: 196px;
    left: 13px;
    position: absolute;
    width: 93%
}

.large--frame iframe.video-frameCss {
    height: 273px;
    left: 18px
}

.choose-popup-modal .modal-title.head-choose-title {
    font-size: 21px;
    font-weight: 600;
    text-align: center
}

.choose-popup-modal .custom-sublinesUl {
    font-size: 14px
}

.choose-popup-modal .subLines-liCss {
    margin: 0 0 3px;
    position: relative
}

.choose-popup-modal .rm-padding {
    padding: 0
}

.choose-popup-modal .main-dh-chooseCss .subLines-liCss > span {
    font-size: 15px;
    font-weight: 600
}

.choose-popup-modal .main-dh-chooseCss {
    margin: 10px 0 0
}

.choose-popup-modal .how-work-video {
    padding: 12px 0 0 15px
}

.fixed-header .choose-modal {
    line-height: 4
}

.about-work-video iframe.video-frameCss, .about-work-video img {
    height: 100%;
    transform: scale(1);
    -webkit-transform: scale(1);
    position: absolute;
    width: 100%
}

.about-work-video {
    margin-bottom: 20px;
    position: relative;
    height: 404px
}

.launchContest-main .form-group.launch-uploadImg-css .upload-image label {
    cursor: pointer;
    margin-bottom: 0;
    width: 100%
}

.launchContest-main .form-group.uploadImages .col-lg-4 label {
    padding-top: 29px
}

#sampleImages, .task-img--view {
    float: right;
    padding-top: 20px;
    text-align: center
}

.task-img--view {
    float: left
}

    .task-img--view .item.fileBox {
        border: 1px solid #ddd;
        float: left;
        margin: 10px 5px;
        position: relative;
        text-align: center;
        width: 140px;
        min-height: 100px
    }

#sampleImages .fancybox-gallery-color, #sampleImages .visual-filesType {
    float: left;
    height: 140px;
    position: relative;
    width: 100%
}

#sampleImages .visual-file-info.whiteBtnNectar, .task-img--view .visual-file-info.whiteBtnNectar {
    float: left;
    width: 100%;
    border-top: 1px solid #ddd
}

#sampleImages .item.fileBox .btn.btn-default, .task-img--view .item.fileBox .btn.btn-default {
    border: medium none;
    border-radius: 0;
    bottom: 0;
    color: #528c10 !important;
    float: left;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    padding: 2px 0;
    text-transform: capitalize;
    width: 100%
}

#sampleImages .visual-filesType i {
    color: #303030;
    font-size: 75px;
    left: 0;
    margin: 10px auto 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 15%
}

.sampleImagesCss {
    text-align: left !important
}

    .sampleImagesCss .fileBox {
        width: 132px;
        height: 145px;
        display: inline-block;
        margin-bottom: 30px;
        margin-right: 15px
    }

        .sampleImagesCss .fileBox .whiteBtnNectar {
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd
        }

.launch-uploadImg-css.uploadImages .upload-image {
    display: inline-block;
    line-height: 40px;
    width: 100%;
    position: relative
}

    .launch-uploadImg-css.uploadImages .upload-image i.icon-file-image-o {
        margin-right: 6px
    }

.launch-uploadImg-css .progress {
    bottom: 0;
    height: 5px;
    margin: 0;
    position: absolute;
    width: 100%
}

    .launch-uploadImg-css .progress .progress-bar {
        height: 5px
    }

#newTaskForm .visual-filesType {
    height: 76px
}

#newTaskForm .fileBox .visual-filesType i {
    font-size: 43px;
    top: 10%
}

.whatDoYouNeedSlider .owl-nav .disabled i {
    pointer-events: none
}

.whatDoYouNeedSlider i {
    background: #b0b0b0 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    font-weight: 700;
    padding: 12px
}

.whatDoYouNeedSlider .owl-item {
    padding: 25px 0
}

.whatDoYouNeedSlider .item > a {
    display: inline-block;
    width: 100%;
    padding: 10px
}

.whatDoYouNeedSlider i:hover {
    background: #909090
}

.whatDoYouNeedSlider .item {
    background: #fff none repeat scroll 0 0 !important;
    box-shadow: 0 0 7px #ddd;
    width: 100%;
    margin: 0;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s
}

.need_logo.common-section {
    background: #f5f5f5 none repeat scroll 0 0;
    box-shadow: 0 -1px 1px #ddd;
    padding: 10px 0 30px
}

.whatDoYouNeedSlider .category-imgBG {
    background: #f0f0f0 none repeat scroll 0 0;
    height: 130px;
    text-align: center
}

    .whatDoYouNeedSlider .category-imgBG > img {
        text-align: center;
        width: 55%;
        height: 100%
    }

.whatDoYouNeedSlider .item span {
    color: #333031;
    font-size: 14px;
    font-weight: 600;
    text-align: left
}

    .whatDoYouNeedSlider .item span > span {
        color: #707070;
        font-weight: 400;
        margin: 4px 0 0
    }

.whatDoYouNeedSlider .item:hover {
    transform: scale(1.1)
}

.user-info-section .dropdown-menu.notification-css > li {
    float: left;
    margin: 0 0 12px;
    width: 100%
}

.notification-css .notification-right > h4 {
    margin: 0
}

.testimonial-popupModal .modal-title {
    text-transform: capitalize;
    font-size: 21px;
    font-weight: 600
}

.testimonial-popupModal .modal-body {
    margin-bottom: 10px
}

.dh-contactCss .dh-dropdown .caret {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px dashed;
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 12px;
    top: 30px
}

.dropdown-menu.dh-choose-topic {
    border: 1px solid #ccc;
    border-top: 0 none;
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 99%
}

.dh-choose-topic .dh-dropdown-submenu {
    border-bottom: 1px solid #e0e0e0;
    padding: 0
}

.dropdown-menu.dh-choose-topic li a {
    padding: 10px 8px
}

.dh-choose-topic .dropdown-toggle > span {
    bottom: 8px;
    color: #4b4b4b;
    margin: auto;
    position: absolute;
    right: 13px
}

.dropdown-menu.dh-inner-submenus {
    border: medium none;
    box-shadow: none;
    position: relative;
    top: 0;
    background: #efefef;
    margin: 0;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    padding: 0;
    border-top: 1px solid #e0e0e0
}

.dropdown-menu .dh-dropdowninner-liCss .dh-dropSub-action:before {
    color: #76aa2c;
    content: "\f101";
    font-family: fontawesome;
    font-size: 14px;
    left: 12px;
    position: absolute
}

.dropdown-menu .dh-dropdowninner-liCss .dh-dropSub-action {
    line-height: 22px;
    padding: 6px 25px
}

.dh-contactCss .form-control {
    border-radius: 0
}

.dh-contactCss .contact_us_radio {
    margin: 6px 0 0
}

    .dh-contactCss .contact_us_radio:focus {
        outline: none
    }

.radio-text {
    margin: 0 0 0 5px
}

.contact-usBtn .whiteBtnNectar {
    display: inline-block
}

.contact-datetimePicker {
    display: inline-block;
    margin-left: 15px
}

.date-timeInput {
    border: 1px solid #66900d;
    position: relative;
    height: 31px;
    display: block
}

    .date-timeInput > input {
        border: medium none;
        cursor: pointer;
        height: 25px;
        margin-left: 30px
    }

    .date-timeInput > span {
        background: #82bc3b none repeat scroll 0 0;
        border-right: 1px solid #66900d;
        bottom: 0;
        color: #fff;
        left: 0;
        padding: 3px 6px;
        position: absolute;
        top: 0
    }

.contact-display {
    display: none
}

.text-center.contact-usBtn {
    margin-top: 60px
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #82bc3b !important
}

    .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default:hover, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current:hover {
        background: #76aa2c none repeat scroll 0 0 !important
    }

#frmSignupNextProfile, .designer-signInformation, .anyDesignerButtons2 {
    margin: 0 0 120px
}

#designers_list_appand {
    min-width: 278px
}

.iWantDesignLink, .cat-btn--design {
    font-size: 13px;
    opacity: 0;
    bottom: 50px;
    padding: 4px;
    position: absolute;
    text-transform: capitalize;
    z-index: 1
}

.iWantDesignLink {
    border: 1px solid #fff;
    border-radius: 3px;
    right: 10px
}

.cat-btn--design {
    left: 0;
    padding: 0 10px;
    bottom: 0;
    right: 0;
    text-align: center;
    background: #000;
    font-size: 14px;
    padding: 10px 0;
    color: #fff;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.iWantDesignLink > a {
    color: #fff
}

.listing-pagination .pagination {
    margin-bottom: 0
}

.newsFeature a {
    display: inline-block;
    margin-bottom: 30px
}

.discoverWorkHeader .selectIndus {
    margin-top: 25px;
    clear: both;
    float: left;
    width: 100%
}

.selectIndus input, .selectIndus select {
    font-size: 15px !important;
    height: 44px;
    border-radius: 4px;
    border: 2px solid #c1c5cd !important
}

.selectIndus .caret {
    float: right;
    margin: 0;
    position: relative;
    right: 0;
    text-align: right;
    top: -10px
}

.selectIndus .btn.btn-default.dropdown-toggle {
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 40px;
    width: 100%;
    text-align: left
}

.selectIndus .form-group {
    margin: 15px 0 0
}

.selectIndus .dropdown-menu {
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0 none;
    max-height: 200px;
    overflow: auto
}

.selectIndus .common-btn--group .btn.btn-default.dropdown-toggle {
    padding: 0;
    background: 0 0;
    border: none;
    height: 50px;
    font-weight: 400;
    margin-top: 0
}

    .selectIndus .common-btn--group .btn.btn-default.dropdown-toggle:hover {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    .selectIndus .common-btn--group .btn.btn-default.dropdown-toggle input {
        height: 44px
    }

.selectIndus .common-btn--group .caret {
    top: -21px;
    border-top-color: #333;
    right: 12px
}

.selectIndus .common--dropdown.dropdown-menu {
    top: 83%;
    border: 2px solid #96c8da;
    border-top: none !important;
    border-radius: 0 0 4px 4px;
    padding: 0;
    margin: 0
}

.categoryLandingPage .container_inner.industry_logo ul li {
    margin: 0;
    padding: 0 2%
}

.categoryLandingPage .container_inner.industry_logo ul li {
    width: 33.3%;
    border-right: 1px solid #eee
}

    .categoryLandingPage .container_inner.industry_logo ul li:nth-of-type(3n+0) {
        border-right: 0 none
    }

    .categoryLandingPage .container_inner.industry_logo ul li:nth-of-type(3n+1) {
        margin: 0;
        padding-left: 0
    }

    .categoryLandingPage .container_inner.industry_logo ul li:nth-of-type(3n+3) {
        margin: 0;
        padding-right: 0
    }

.industry-logo-detail {
    clear: both;
    float: left;
    width: 100%
}

    .industry-logo-detail section {
        float: left;
        width: 100%;
        clear: both;
        margin-bottom: 50px
    }

    .industry-logo-detail .showfreeDesign {
        font-size: 15px;
        letter-spacing: 1px;
        padding: 15px 0;
        text-transform: uppercase;
        width: 100%
    }

.ind-logo-heading p {
    font-size: 32px;
    font-weight: 300;
    line-height: normal
}

    .ind-logo-heading p.ind-logo-mainH {
        margin-top: 40px
    }

.industry-logo-detail form {
    margin-top: 20px
}

button.btn-primary.showfreeDesign {
    border: 0 none;
    border-bottom: 3px solid #66900d;
    background: #82bc3b
}

button:hover.btn-primary.showfreeDesign {
    border: 0 none;
    border-bottom: 3px solid #66900d;
    background: #76aa2c
}

.industry-logo-detail .help-block {
    font-size: 13px;
    margin-top: 10px
}

.ind-logo-img {
    min-height: 170px;
    text-align: center
}

.ind-logo-img-main {
    margin-top: 30px
}

.ind-logo-para-heading {
    font-size: 20px;
    font-weight: 400;
    margin: 20px 0 10px;
    color: #000
}

.ind-logo-ex-img img {
    margin: 20px 50px
}

#all_packeges_btn_lanuch_contest .form-control {
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    box-shadow: none
}

#all_packeges_btn_lanuch_contest .btn.btn-default {
    padding: 0 25px;
    height: 40px;
    line-height: 40px
}

#all_packeges_btn_lanuch_contest .form-control {
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    box-shadow: none
}

#all_packeges_btn_lanuch_contest .btn.btn-default {
    padding: 0 25px;
    height: 40px;
    line-height: 40px
}

.share-button-css a {
    background: #3b5999;
    color: #fff;
    display: inline-block;
    padding: 7px 24px 9px 6px;
    font-size: 16px;
    border-radius: 50px
}

    .share-button-css a:hover {
        text-decoration: none
    }

.share-button-css {
    margin: 0 auto
}

    .share-button-css a i {
        margin-right: 8px;
        padding: 12px 6px 12px 15px
    }

#fb-social .entries-box {
    box-shadow: none
}

.form-group > input#dhTerms {
    float: left;
    margin: 4px 3px 0 0
}

.fb-reg-box input[type=checkbox], .fb-reg-box input[type=radio] {
    float: left;
    margin: 3px 3px 0 0
}

.fb-reg-box #txt_phone_no, .fb-reg-box #txt_isd_code {
    border: 1px solid #c1c5cd;
    height: 38px;
    line-height: 38px
}

#fb-social-exit .modal-body {
    padding: 30px 0
}

.social-icon-login {
    display: flex;
    justify-content: center;
    align-items: center
}

    .social-icon-login .sign-fb {
        background-color: #3e5a97
    }

        .social-icon-login .sign-fb:hover {
            background-color: #5675ba
        }

    .social-icon-login .sign-twit {
        margin: 0 15px;
        background-color: #0c8de2
    }

        .social-icon-login .sign-twit:hover {
            background-color: #35a8f4
        }

    .social-icon-login .sign-google {
        background-color: #dc4c3c
    }

        .social-icon-login .sign-google:hover {
            background-color: #e36f62
        }

.text-center.fb-reg-btton a {
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px
}

.text-center.fb-reg-btton {
    margin-bottom: 12px;
    margin-top: 12px;
    border-radius: 3px
}

.loginCommon .text-center.fb-reg-btton {
    margin-right: 0;
    margin-top: 30px
}

#button_register {
    width: 100%
}

.get_start_container .text-center {
    text-align: center;
    width: 100%
}

.model-boxes .fb-reg-btton.modal-sign-css:after {
    top: -19px;
    color: #555;
    content: "OR";
    font-weight: 400;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center
}

.modal-sign-controls .getstartdiv {
    display: inline-block;
    width: 180px
}

.text-center.fb-reg-btton.modal-sign-css {
    position: relative;
    padding: 10px 0 15px
}

    .text-center.fb-reg-btton.modal-sign-css > a {
        display: inline-block;
        height: 40px;
        margin: 0;
        padding: 1px 10px;
        width: 180px
    }

.modal-closeCss {
    display: none
}

.common-ins-css .inner_heading {
    text-align: center;
    color: #fff;
    padding-top: 45px;
    padding-bottom: 80px
}

    .common-ins-css .inner_heading > h1 {
        font-size: 45px;
        font-weight: 300;
        font-family: "Open Sans"
    }

    .common-ins-css .inner_heading > .work {
        font-size: 40px;
        font-weight: 400;
        font-family: "Open Sans"
    }

    .common-ins-css .inner_heading > h2 {
        font-size: 28px;
        font-weight: 400
    }

.common-ins-css .browse-designer {
    padding-top: 30px;
    padding-bottom: 30px
}

    .common-ins-css .browse-designer > .btn.btn-default {
        border-radius: 0;
        padding: 0;
        font-size: 13px;
        box-shadow: 0 0 0 2px #c1c5cd inset;
        position: relative;
        text-transform: uppercase;
        background: 0;
        color: #fff;
        letter-spacing: 2px
    }

        .common-ins-css .browse-designer > .btn.btn-default:hover {
            color: #fff
        }

        .common-ins-css .browse-designer > .btn.btn-default:focus {
            color: #fff
        }

        .common-ins-css .browse-designer > .btn.btn-default span {
            display: inline-block;
            letter-spacing: 2px
        }

.icon-long-arrow-right {
    opacity: 0;
    font-size: 18px;
    position: absolute;
    right: 35%
}

.common-ins-css .login-contacts {
    color: #fff;
    font-size: 15px
}

    .common-ins-css .login-contacts:hover {
        color: #fff;
        text-decoration: underline
    }

    .common-ins-css .login-contacts:focus {
        color: #fff
    }

.common-ins-css .inner_get_start {
    text-align: center;
    padding-top: 30px
}

    .common-ins-css .inner_get_start > h2 {
        font-size: 35px;
        font-weight: 400;
        letter-spacing: 1px;
        padding-bottom: 25px
    }

.common-ins-css .divider-class {
    border: 1px solid #e1e1e1;
    position: relative;
    width: 32%;
    margin: 0 auto
}

.common-ins-css .circle-divider {
    position: absolute;
    border: 2px solid #e1e1e1;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    top: -5px;
    background: #fff;
    left: 50%
}

.common-ins-css .col-lg-6.col-md-6.col-sm-6.img_parentClass {
    padding: 0
}

.common-ins-css .start_img {
    width: 85%;
    padding: 50px 0 0
}

.common-ins-css .design_img {
    cursor: pointer
}

.design_img > img {
    position: relative;
    transform: scale(1);
    transition: all .55s ease-in 0s;
    z-index: 0
}

.common-ins-css .design_img > img:hover {
    transform: scale(1.2);
    z-index: 1
}

.common-ins-css .col-lg-6.col-md-6.col-sm-6.designer_parentClass {
    padding: 40px 0 0
}

.common-ins-css .find_designer {
    width: 80%
}

    .common-ins-css .find_designer > span {
        float: left;
        font-size: 5em;
        line-height: 1.05;
        color: gray
    }

.common-ins-css .inner_findDesigner {
    padding: 0 0 0 60px
}

    .common-ins-css .inner_findDesigner > p {
        font-weight: 500;
        padding: 0 65px 0 0;
        text-align: left;
        color: #333
    }

.common-ins-css .invite_designerDiv {
    background: #f4f4f6
}

.common-ins-css .invite_img {
    width: 85%;
    margin-top: -50px
}

.common-ins-css .col-lg-6.col-md-6.col-sm-6.collaborate_parentClass {
    padding: 150px 0 0
}

.common-ins-css .easy_findWay {
    background: #f4f4f6;
    padding: 50px;
    text-align: center
}

.common-ins-css .find_span > h3 {
    font-weight: 300;
    font-size: 27px
}

.common-ins-css .btn.btn-default.get_started {
    background: #82bc3b;
    border: 1px solid #66900d;
    padding: 1em 2em;
    text-transform: uppercase;
    color: #fff;
    box-shadow: 0 -1px 0 #66900d inset;
    text-decoration: none;
    font-size: 12px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
    margin-top: 10px
}

    .common-ins-css .btn.btn-default.get_started:focus, .btn.btn-default.get_started:hover {
        background: #76aa2c;
        color: #fff
    }

.common-ins-css .col-lg-6.col-md-6.col-sm-6.new_job {
    padding: 20px 0 20px 40px
}

.common-ins-css .design_detail > h3 {
    font-weight: 400;
    font-size: 28px
}

.common-ins-css .design_detail > p {
    color: #696969;
    font-size: 15px;
    line-height: 2
}

.common-ins-css .col-lg-6.col-md-6.col-sm-6.price {
    padding: 25px 0 20px
}

.common-ins-css .start_designClass {
    background: #f4f4f6;
    padding: 20px
}

.common-ins-css .col-lg-12.col-md-12.col-sm-12.design_start {
    padding: 25px 0 40px;
    text-align: center
}

    .common-ins-css .col-lg-12.col-md-12.col-sm-12.design_start > h2 {
        font-size: 33px;
        font-weight: 300
    }

.common-ins-css .btn.btn-default.free_design {
    background: #82bc3b;
    border: 1px solid #66900d;
    padding: 1em 2em;
    text-transform: uppercase;
    color: #fff;
    box-shadow: 0 -1px 0 #66900d inset;
    text-decoration: none;
    font-size: 15px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px
}

    .common-ins-css .btn.btn-default.free_design:focus {
        background: #76aa2c;
        color: #fff
    }

.common-ins-css .simple_workflow {
    text-align: center
}

    .common-ins-css .simple_workflow > h2 {
        font-weight: 300;
        font-size: 32px
    }

.common-ins-css .col-lg-4.col-md-4.col-sm-4.client {
    text-align: center;
    padding: 50px
}

.common-ins-css .simple_detail > h3 {
    font-weight: 400;
    font-size: 20px
}

.common-ins-css .simple_detail > p {
    color: #696969;
    font-size: 14px;
    line-height: 2
}

.common-ins-css .designer_thought {
    background: #f4f4f6;
    padding: 35px
}

.common-ins-css .col-lg-8.col-md-8.col-sm-8.thought_detail {
    padding: 0 0 0 100px
}

.common-ins-css .inner_thoughtDiv {
    background: #fff;
    font-size: 14px;
    text-align: justify;
    padding: 40px 25px 0 30px;
    height: 175px
}

    .common-ins-css .inner_thoughtDiv:before {
        border-bottom: 12px solid transparent;
        border-left: 12px solid #fff;
        border-top: 12px solid transparent;
        content: "";
        display: inline-block;
        float: right;
        height: 0;
        left: 37px;
        position: relative;
        top: 35px;
        width: 0
    }

    .common-ins-css .inner_thoughtDiv > p {
        line-height: 2;
        color: gray
    }

.common-ins-css .col-lg-4.col-md-4.col-sm-4.designer_name {
    text-align: center
}

.common-ins-css .inner_designerName {
    padding: 0 0 0 30px
}

.common-ins-css .designer_pic > img {
    border-radius: 50%;
    height: 120px
}

.common-ins-css .detail {
    padding: 0 0 0 16px
}

    .common-ins-css .detail > h4 {
        font-size: 17px;
        margin-bottom: 5px;
        color: #21648c;
        font-weight: 500
    }

    .common-ins-css .detail > p {
        color: gray
    }

.common-ins-css .invoice_projects {
    background: #565575;
    padding: 20px;
    text-align: center
}

.common-ins-css .col-lg-12.col-md-12.col-sm-12.invoiceDiv {
    padding: 45px
}

    .common-ins-css .col-lg-12.col-md-12.col-sm-12.invoiceDiv > p {
        color: #fff
    }

.common-ins-css .newLline {
    clear: both
}

.common-ins-css .or_class {
    text-align: center
}

.common-ins-css .innerOr_class {
    margin: -30px 0 0
}

    .common-ins-css .innerOr_class > label {
        background: #fff;
        border-radius: 50px;
        font-size: 22px;
        height: 110px;
        line-height: 110px;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
        width: 55px;
        color: #21648c
    }

.common-ins-css.main-body > .find_clientClass {
    margin: -32px 0 0
}

.common-ins-css .main-content {
    cursor: pointer
}

.inner_findDesigner > h3 {
    text-align: left
}

.inner_findDesigner > h3 {
    text-align: left;
    color: #333
}

.outer_offerClass {
    position: fixed;
    right: 0;
    top: 54%;
    z-index: 99
}

.offer_imgClass {
    text-align: right
}

.offerImg_href {
    float: right;
    cursor: pointer
}

.banner_href {
    cursor: pointer
}

#christmas_offer_popup.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999
}

#christmas_offer_popup .modal-dialog {
    margin-top: 30px
}

#christmas_offer_popup .modal-content {
    padding-bottom: 18px;
    border-bottom: 1px solid #e5e5e5
}

#christmas_offer_popup .modal-header {
    border-bottom: none
}

    #christmas_offer_popup .modal-header .close {
        border-radius: 20px;
        cursor: pointer;
        display: block;
        height: 22px;
        line-height: 0;
        opacity: 1;
        outline: medium none;
        padding: 4px;
        position: absolute;
        right: 4px;
        top: 7px;
        width: 22px;
        font-size: 24px;
        font-weight: 700
    }

a.fancybox-gallery-color img {
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

a:hover.fancybox-gallery-color img {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.offercode-countdown {
    color: #f1673a
}

.offercode-countdown-label {
    color: #4897cc;
    font-weight: 700
}

.myaccDropdown {
    line-height: normal
}

    .myaccDropdown.userPicPos {
        padding-bottom: 29px
    }

.fixed-header .myaccDropdown.userPicPos {
    padding-bottom: 14px
}

.myaccDropdown:hover .dropdown-menu {
    display: block
}

.editor-content-body ul {
    list-style-type: circle
}

    .editor-content-body ul li, .editor-content-body ol li {
        margin-left: 20px;
        padding-left: 10px
    }

.launch_progress_bar .steps {
    margin: 30px 0
}

.steps {
    position: relative
}

    .steps li {
        text-align: left
    }

.nav-justified > li {
    display: table-cell;
    width: 1%
}

.nav-justified > li {
    float: none
}

.steps .main-stip {
    display: block;
    position: relative;
    width: 100%
}

    .steps .main-stip .strips {
        background: #e7e7e7;
        border-radius: 4px;
        color: #a4a4a4;
        cursor: not-allowed;
        display: block;
        font-weight: 600;
        height: auto;
        margin-right: 50px;
        padding: 10px 10px 16px;
        text-align: center;
        position: relative
    }

.steps li:last-child .main-stip .strips {
    margin: 0
}

.steps .strip-fill .strips {
    background-color: #343c41;
    cursor: pointer;
    color: #fff
}

    .steps .strip-fill .strips.strips-selected {
        background: #485b6c none repeat scroll 0 0
    }

.strip-fill .strips.strips-selected > span {
    background: #fb8764 none repeat scroll 0 0
}

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

.strips > span {
    background: #c5c5c5;
    border: 3px solid #fff;
    border-radius: 100%;
    bottom: -15px;
    font-size: 13px;
    height: 27px;
    left: 0;
    line-height: 21px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 27px;
    color: #fff
}

.strip-fill .strips > span {
    background: #f46a47
}

.steps .main-stip:after {
    color: #808f9d;
    content: "\f105";
    font-family: fontawesome;
    font-size: 24px;
    font-weight: 700;
    left: -28px;
    position: absolute;
    top: 5px
}

.steps li:first-child .main-stip:after {
    content: ""
}

.footer-section-text {
    background: #f7f7f7;
    padding: 60px 0;
    clear: both;
    font-family: "Cerebri-sans",Helvetica,Arial,sans-serif
}

    .footer-section-text ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
        margin-left: -5px;
        margin-right: -5px
    }

        .footer-section-text ul li {
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 0 5px
        }

    .footer-section-text a {
        color: #000;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 35px;
        transition: border-color .15s ease-out;
        border-bottom: solid 2px rgba(0,0,0,0);
        padding: 2px 0;
        white-space: nowrap
    }

        .footer-section-text a:hover {
            border-bottom: solid 2px rgba(0,0,0,.5)
        }

    .footer-section-text li {
        float: left;
        line-height: 1.8;
        width: 100%
    }

    .footer-section-text h4, .footer-section-text .footer-menu-lists {
        color: #000;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
        padding-bottom: 7px;
        position: relative
    }

.btn-group.open > .dropdown-menu {
    background: #333;
    display: block;
    z-index: 99
}

.split-item {
    position: relative
}

.page778 .split-item .cta-link-action:after, .page786 .split-item .cta-link-action:after, .page785 .split-item .cta-link-action:after, .page787 .split-item .cta-link-action:after {
    bottom: -1px;
    left: 95px
}

.graphic-header img {
    margin: 25px;
    width: 160px
}

.dhDesigner-image {
    border: 1px solid #ccc;
    border-radius: 100%;
    height: 130px;
    line-height: 125px;
    margin: 0 auto 30px;
    position: relative;
    text-align: center;
    width: 130px
}

    .dhDesigner-image > img {
        height: 110px;
        width: 110px;
        border-radius: 100%
    }

.dhDesigner-info .icon-edit {
    background: #ebebeb;
    border: 3px solid #888;
    border-radius: 100%;
    bottom: 0;
    font-size: 18px;
    height: 35px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 35px;
    cursor: pointer
}

.dhDesigner-image:after {
    opacity: 0;
    background: rgba(0,0,0,.6) none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.dhDesigner-image:hover:after, .dhDesigner-image:hover .dh-changePicture, .dhDesigner-image:hover .dh-changePicture .icon-camera {
    opacity: 1
}

.dh-changePicture {
    opacity: 0;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    height: 130px;
    left: 0;
    line-height: 21px;
    padding: 19px;
    position: absolute;
    text-transform: capitalize;
    top: 0;
    width: 130px;
    z-index: 99
}

    .dh-changePicture .icon-camera {
        opacity: 0;
        display: inline-block;
        font-size: 20px;
        line-height: 35px;
        width: 100%
    }

.dh-uploadPhoto {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    box-shadow: 1px 2px 6px rgba(0,0,0,.1);
    font-size: 12px;
    left: 50px;
    line-height: 22px;
    margin: 0 auto;
    padding: 8px 15px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 100px;
    width: 150px;
    z-index: 999
}

.common-uploadItemCss {
    color: #404040
}

.dh-displayPhoto {
    display: none
}

.dh-uploadList .remove-itemPic {
    color: #fb2b00
}

.newDesigner-signUpClss .launch-design-top.common-css, .newDesigner-signUpClss .launch-contest-mid.common-css.color-list {
    margin: 0
}

.newDesigner-signUpClss .designer-signup, .newDesigner-signUpClss .innerSignUp-details {
    display: inline-block;
    width: 100%
}

.newDesigner-signUpClss .designer-signup {
    padding-top: 30px;
    padding-bottom: 20px
}

.newDesigner-signUpClss .signUp-BoxClass {
    margin: 0 auto;
    width: 86%;
    padding: 0 20px
}

.newDesigner-signUpClss .dhDesigner-info {
    border: 1px solid #e8e8e8;
    box-shadow: 0 1px 0 rgba(0,0,0,.25);
    padding: 30px;
    background: #ebebeb;
    border-radius: .25rem;
    position: relative
}

.newDesigner-signUpClss .signUp-label {
    color: #404040;
    text-transform: capitalize
}

.newDesigner-signUpClss .signUp-complusary {
    color: red;
    font-size: 11px
}

.newDesigner-signUpClss .designer-url {
    color: #696969;
    font-size: 12px
}

.newDesigner-signUpClss .radio .signUp-label {
    margin-right: 20px;
    font-weight: 700
}

.newDesigner-signUpClss {
    background: #f5f5f5
}

    .newDesigner-signUpClss .profile_follow {
        padding: 0
    }

    .newDesigner-signUpClss .userPic {
        margin: 1em 0
    }

    .newDesigner-signUpClss .follow-border {
        border: 5px solid #76aa2c
    }

    .newDesigner-signUpClss .btn.btn-default.desLisFollow:hover {
        background: #82bc3b none repeat scroll 0 0;
        color: #fff
    }

.follow-border .profile_follow .btn-default.desLisFollow {
    background: #76aa2c;
    color: #fff
}

.newDesigner-signUpClss .follow-details-listing {
    box-shadow: 0 0 2px #bbb;
    -webkit-box-shadow: 0 0 2px #bbb;
    -o-box-shadow: 0 0 2px #bbb;
    -ms-box-shadow: 0 0 2px #bbb;
    cursor: pointer
}

.newDesigner-signUpClss .profile_follow .btn-default {
    background: #e1e1e1 none repeat scroll 0 0;
    color: #666
}

.newDesigner-signUpClss .circle.active {
    background: #82bc3b none repeat scroll 0 0
}

.newDesigner-signUpClss .list-view {
    background: #fff;
    border: 5px solid transparent;
    box-shadow: 0 0 2px #ccc;
    float: left;
    padding: 10px 10px 45px;
    position: relative;
    text-align: center;
    width: 100%;
    transition: all .4s ease-in-out 0s;
    cursor: pointer
}

    .newDesigner-signUpClss .list-view:hover {
        box-shadow: 0 20px 40px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.1);
        -o-box-shadow: 0 20px 40px rgba(0,0,0,.1);
        -ms-box-shadow: 0 20px 40px rgba(0,0,0,.1);
        transform: translateY(-4px);
        -webkit-transform: translateY(-4px);
        -o-transform: translateY(-4px);
        -ms-transform: translateY(-4px)
    }

.newDesigner-signUpClss .list-signUP-image {
    height: 135px;
    margin: 15px 0 0;
    width: 100%
}

    .newDesigner-signUpClss .list-signUP-image > img {
        width: 106px;
        box-shadow: none
    }

.newDesigner-signUpClss .list-signUp-title > h2 {
    font-size: 19px;
    font-weight: 600;
    margin: 10px 0 20px
}

.newDesigner-signUpClss .signup-select {
    padding-bottom: 60px
}

.newDesigner-signUpClss .list-items-css {
    position: relative
}

    .newDesigner-signUpClss .list-items-css .default-btn-box {
        bottom: 25px;
        display: none;
        position: absolute;
        text-align: center;
        width: 90%
    }

    .newDesigner-signUpClss .list-items-css.active .default-btn-box {
        display: block
    }

    .newDesigner-signUpClss .list-items-css.active .expertise-default-txt {
        display: none
    }

    .newDesigner-signUpClss .list-items-css.active.default-expertise .btn-default-small {
        display: none
    }

    .newDesigner-signUpClss .list-items-css.active.default-expertise .expertise-default-txt {
        display: block
    }

.select-categoryType {
    display: inline-block;
    margin: 50px 0 0;
    width: 100%
}

.newDesigner-signUpClss.lcnt-vbf-box .list-items-css.active img {
    border: medium none
}

.newDesigner-signUpClss .list-items-css.active .list-view {
    border: 5px solid #82bc3b
}

    .newDesigner-signUpClss .list-items-css.active .list-view:before, .lcnt-vbf-box.newDesigner-signUpClss .list-items-css:hover .list-view:before {
        right: -5px;
        top: -4px
    }

.newDesigner-signUpClss .list-items-css.active:hover .list-view:before {
    right: -5px;
    top: 0
}

.newDesigner-signUpClss .list-items-css img {
    border: medium none
}

.newDesigner-signUpClss .list-items-css .list-view :hover {
    box-shadow: none
}

#signupstep-expertise-item-7 .list-signUP-image > img {
    width: 112px
}

#signupstep-expertise-item-6 .list-signUP-image > img {
    width: 150px
}

#signupstep-expertise-item-11 .list-signUP-image > img {
    width: 145px
}

#signupstep-expertise-item-4 .list-signUP-image > img {
    width: 75px
}

#signupstep-expertise-item-2 .list-signUP-image > img, #signupstep-expertise-item-3 .list-signUP-image > img, #signupstep-expertise-item-5 .list-signUP-image > img {
    width: 120px
}

.newDesigner-signUpClss .btn-default-small {
    border: 1px solid #717171;
    border-radius: 1px;
    color: #212121;
    padding: 5px 15px;
    transition: all .4s ease 0s
}

    .newDesigner-signUpClss .btn-default-small:hover {
        background: #717171 none repeat scroll 0 0;
        color: #fff
    }

.newDesigner-signUpClss .expertise-default-txt span {
    background: #717171 none repeat scroll 0 0;
    color: #fff;
    font-size: 13px;
    padding: 6px 10px;
    text-transform: capitalize
}

    .newDesigner-signUpClss .expertise-default-txt span.mark-sign {
        border-right: 1px solid #8f8f8f
    }

.expertise-default-txt .icon.icon-right {
    margin-left: 4px
}

.number-contest p {
    font-size: 16px;
    line-height: 40px;
    margin: 0
}

.work-mid-top.number-contest {
    margin-top: 20px
}

.work-mid-top {
    float: left;
    width: 100%;
    position: relative
}

.work-mid-css .tab-content.tab-contest {
    margin: 0
}

.dialog-boxes.report-modal h3 {
    color: #fff
}

#entriesInn .entries-main-box .entries-box:hover {
    cursor: pointer
}

.wkbtns .btn.btn-default.btn-blue {
    display: inline-block !important
}

.remove-tooltip > a {
    pointer-events: none
}

.wkbtns.whiteBtnNectar {
    position: absolute;
    right: 15px;
    top: 0
}

.work-mid-top.wk--top {
    padding-right: 350px
}

.popover.user-popover {
    max-width: 360px;
    width: 360px;
    height: 270px;
    border-radius: 0
}

    .popover.user-popover .popover-content {
        padding: 0;
        float: left;
        width: 100%;
        position: relative
    }

.bspopup-usr-short-info.loading {
    padding-top: 100px;
    padding-left: 155px
}

.bspopup-usr-short-info .popover-u-bgtimeline {
    height: 100px;
    position: relative;
    background-position: center center;
    background-size: cover
}

    .bspopup-usr-short-info .popover-u-bgtimeline:after {
        background: rgba(0,0,0,.3);
        content: "";
        height: 100%;
        position: absolute;
        width: 100%
    }

.popover-u-picture {
    background: #fff;
    border: 1px solid #bbb;
    height: 90px;
    left: 10px;
    line-height: 90px;
    position: absolute;
    text-align: center;
    top: -50px;
    width: 100px;
    padding: 2px;
    overflow: hidden
}

.popover-u-name {
    bottom: 25px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    left: 120px;
    position: absolute;
    z-index: 2
}

.popover-u-extra {
    bottom: 5px;
    color: #666;
    font-size: 12px;
    font-weight: 400;
    left: 120px;
    position: absolute;
    z-index: 2
}

.popover-u-posts {
    float: left;
    padding: 20px 0 30px 100px;
    width: 100%;
    position: relative
}

.popupover-levels {
    float: left;
    min-height: 118px;
    text-align: center;
    width: 100%
}

.popover-u-handler p {
    color: #444;
    font-size: 14px;
    font-weight: 700
}

.popover-u-levels > li {
    color: #666;
    float: left;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    width: 25%;
    float: left;
    border-right: 1px solid #ddd;
    margin-top: 20px
}

.popover-u-handler {
    display: block;
    font-size: 10px;
    font-weight: 600;
    text-align: center
}

.popover-u-levels li:last-child {
    border: none
}

.popover-u-pdt {
    position: relative;
    min-height: 147px
}

.user-popup-bottom {
    background: #f7f7f7;
    bottom: 0;
    float: left;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 100%
}

.post-status.btn-follow {
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    padding: 6px 10px;
    text-transform: uppercase
}

.post-status .icon.icon-plus {
    margin-right: 5px
}

.post-status.btn-follow.active {
    background: #0d70ad;
    color: #fff;
    border-color: #0d70ad
}

.popupover-level-css {
    float: left;
    min-height: 120px;
    width: 100%
}

.dsb-feed-block iframe {
    max-width: none !important;
    width: 100%;
    border: none !important;
    border-radius: 0 !important
}

.follow-div-content .bottom-flollow-btn {
    position: absolute;
    right: 0;
    top: 0
}

.follow-div-content {
    border-bottom: 1px solid #ddd;
    line-height: 34px;
    padding-bottom: 10px;
    position: relative
}

.follow-popup-new {
    float: left;
    margin-bottom: 10px;
    width: 100%
}

.follow-div-content > a {
    color: #444
}

    .follow-div-content > a:hover {
        text-decoration: underline
    }

.dashboard-min-in-content {
    margin-top: 10px
}

#popupfollow .scroll-bar-div {
    height: 400px
}

label.error {
    display: block;
    color: #df8383;
    font-weight: 400
}

input.error, select.error, textarea.error, input.form-control.error, select.form-control.error, textarea.form-control.error, .account-infoCss input.form-control.error, .account-infoCss select.form-control.error, .account-infoCss textarea.form-control.error {
    border: 1px solid #df8383
}

.logo-design-testimonials.common-section {
    padding: 20px 0
}

.desList-content.new-desList-content {
    min-height: 600px
}

.new-desList-content .common-button .btn.btn-default, .new-desList-content .profile_location.row, .new-desList-content .profile_expert.row {
    margin: 0
}

.new-desList-content .desListing {
    min-height: 300px
}

    .new-desList-content .desListing .profile_follow {
        margin: 4px auto 14px
    }

#contest-listing {
    min-height: 320px
}

.list-view .fancybox-gallery-color {
    cursor: zoom-in
}

.logoDesign-body .custom-name {
    font-size: 34px;
    font-weight: 900;
    text-transform: capitalize
}

ul.custom-sublinesUl, .customLgo-btnCss {
    display: inline-block;
    width: 100%
}

li.subLines-liCss {
    font-size: 16px;
    font-weight: 500;
    margin-right: 25px;
    padding: 5px 0
}

.subLines-liCss > span {
    margin-left: 6px
}

.custom-inputCss {
    display: inline-block;
    margin: 15px 0;
    width: 100%
}

.input-removePadding {
    padding: 0
}

.custom-company {
    border-radius: 4px;
    font-size: 16px;
    height: 46px
}

.dh-design-new .customLgo-btnCss .whiteBtnNectar.get-started-btn {
    display: inline-block;
    text-align: center;
    width: 100%
}

.dh-design-new .custom-sublinesUl {
    padding: 20px 0
}

.work-video-bg {
    background: url(//cdn1.designhill.com/assets/dh/images/custom-logo-design/macbook.png) no-repeat scroll 0 0;
    position: relative;
    height: 430px;
    padding: 19px 18px 0;
    width: 518px
}

iframe.video-frameCss {
    border: medium none;
    height: 272px;
    width: 100%
}

.worldnoonecontainer iframe.video-frameCss {
    height: 202px
}

.dh-design-new .custom-logo-title, .dh-design-new .custom-sublinesUl {
    text-shadow: 0 0 3px rgba(0,0,0,.5)
}

.worldnoonecontainer .work-video-bg {
    height: 330px;
    padding: 13px 13px 0 14px;
    width: 380px;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat
}

.common-alerts {
    border-radius: 3px;
    max-width: 500px;
    min-width: 350px;
    padding: 18px 12px;
    position: fixed;
    right: 40px;
    top: 40px;
    z-index: 999999;
    transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    opacity: 0
}

    .common-alerts > p {
        margin-bottom: 0;
        position: relative;
        padding: 0 30px;
        margin-top: 0
    }

    .common-alerts .icon-left {
        font-size: 20px;
        left: 5px;
        position: absolute;
        text-align: left;
        top: -2px;
        width: 30px
    }

    .common-alerts .icon-remove {
        font-size: 18px;
        position: absolute;
        right: 0;
        text-align: right;
        width: 30px;
        cursor: pointer;
        top: 2px
    }

.success-msg .icon-remove {
    color: #b3c7ab
}

.warning-msg .icon-remove {
    color: #dfdbab
}

.error-msg .icon-remove {
    color: #c19594
}

.success-msg {
    background: #def2d6;
    color: #5a6e52;
    border: 1px solid #cddac9
}

.error-msg {
    background: #ebc8c4;
    color: #b2353d;
    border: 1px solid #ac8f91
}

.warning-msg {
    background: #f8f3d6;
    color: #886a36;
    border: 1px solid #e5e4c6
}

.trusted-design-css {
    display: inline-block;
    position: relative
}

.choose-modalCss .remove-click-here {
    background-color: #fff;
    bottom: 4px;
    height: 20px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.trusted-design-css img {
    border: 8px solid #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #555;
    -webkit-box-shadow: 1px 1px 3px #555;
    -o-box-shadow: 1px 1px 3px #555;
    -ms-box-shadow: 1px 1px 3px #555
}

.launch-design-top .trusted-design-css {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0
}

.selectCat .trusted-design-css {
    margin-top: 40px
}

.custom-trust {
    display: inline-block;
    margin-left: 17px
}

.designTrust-css {
    display: inline-block
}

    .designTrust-css > img {
        border: 8px solid #fff;
        border-radius: 5px;
        box-shadow: 1px 1px 3px #555;
        -webkit-box-shadow: 1px 1px 3px #555;
        -o-box-shadow: 1px 1px 3px #555;
        -ms-box-shadow: 1px 1px 3px #555;
        display: inline-block
    }

.getLogo-backgroundColor .custom-trust {
    margin-left: 0;
    margin-top: 17px;
    width: 100%
}

.list-main-wrapper {
    width: 100%;
    display: table;
    border-radius: 8px
}

.list-title-css {
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: table-cell;
    font-size: 14px;
    font-weight: 600;
    height: 70px;
    line-height: normal;
    padding: 0 20px;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

#contest-listing-carousel {
    margin-top: 20px;
    position: relative
}

    #contest-listing-carousel .list-title-css > p {
        color: #fff;
        font-size: 14px;
        opacity: .7
    }

    #contest-listing-carousel .owl-controls {
        position: absolute;
        right: 12px;
        top: -50px
    }

        #contest-listing-carousel .owl-controls i {
            font-size: 30px
        }

            #contest-listing-carousel .owl-controls i.icon-angle-left {
                margin-left: -14px
            }

.browse-cat {
    font-size: 20px;
    font-weight: 600
}

.days-left .pagination > li > a i {
    font-size: 12px;
    padding-right: 3px
}

#color-cat-id-2200 > div, #recommended-contest-category-id-2200 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#4f28c6 0%,#8a60eb 75%) repeat scroll 0 0
}

#color-cat-id-2200.item.active .list-title-css {
    border: 3px solid #3b0dad
}

#color-cat-id-8499 > div, #recommended-contest-category-id-8499 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#0563d8 0%,#05a9d8 75%) repeat scroll 0 0
}

#color-cat-id-8499.item.active .list-title-css {
    border: 3px solid #0959a3
}

#color-cat-id-2203 > div, #recommended-contest-category-id-2203 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#a57a31 0%,#cca96d 75%) repeat scroll 0 0
}

#color-cat-id-2203.item.active .list-title-css {
    border: 3px solid #965f06
}

#color-cat-id-2211 > div, #recommended-contest-category-id-2211 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#cc3885 0%,#ea5aaf 75%) repeat scroll 0 0
}

#color-cat-id-2211.item.active .list-title-css {
    border: 3px solid #840647
}

#color-cat-id-2206 > div, #recommended-contest-category-id-2206 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#de3d35 0%,#e2523f 75%) repeat scroll 0 0
}

#color-cat-id-2206.item.active .list-title-css {
    border: 3px solid #840c07
}

#color-cat-id-1572 > div, #recommended-contest-category-id-1572 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#f27b1b 0%,#fba026 75%) repeat scroll 0 0
}

#color-cat-id-1572.item.active .list-title-css {
    border: 3px solid #7a451d
}

#color-cat-id-8552 > div, #recommended-contest-category-id-8552 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#048a6f 0%,#1abc9c 75%) repeat scroll 0 0
}

#color-cat-id-8552.item.active .list-title-css {
    border: 3px solid #0c5e4c
}

#color-cat-id-1562 > div, #recommended-contest-category-id-1562 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#55056f 0%,#8b008b 75%) repeat scroll 0 0
}

#color-cat-id-1562.item.active .list-title-css {
    border: 3px solid #3c034f
}

#color-cat-id-2208 > div, #recommended-contest-category-id-2208 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#28324e 0%,#475577 75%) repeat scroll 0 0
}

#color-cat-id-2208.item.active .list-title-css {
    border: 3px solid #03133f
}

#color-cat-id-1566 > div, #recommended-contest-category-id-1566 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#17903a 0%,#61bd6d 75%) repeat scroll 0 0
}

#color-cat-id-1566.item.active .list-title-css {
    border: 3px solid #01300f
}

#color-cat-id-1564 > div, #recommended-contest-category-id-1564 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#ff7e00 0%,#fff000 75%) repeat scroll 0 0
}

#color-cat-id-1564.item.active .list-title-css {
    border: 3px solid #3b0dad
}

#color-cat-id-1574 > div, #recommended-contest-category-id-1574 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#e17347 0%,#ffa07a 75%) repeat scroll 0 0
}

#color-cat-id-1574.item.active .list-title-css {
    border: 3px solid #0959a3
}

#color-cat-id-1587 > div, #recommended-contest-category-id-1587 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#b53c3c 0%,#cd5c5c 75%) repeat scroll 0 0
}

#color-cat-id-1587.item.active .list-title-css {
    border: 3px solid #965f06
}

#color-cat-id-8501 > div, #recommended-contest-category-id-8501 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#238e8a 0%,#40e0d0 75%) repeat scroll 0 0
}

#color-cat-id-8501.item.active .list-title-css {
    border: 3px solid #840647
}

#color-cat-id-8505 > div, #recommended-contest-category-id-8505 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#4b5a68 0%,#708090 75%) repeat scroll 0 0
}

#color-cat-id-8505.item.active .list-title-css {
    border: 3px solid #840c07
}

#color-cat-id-2204 > div, #recommended-contest-category-id-2204 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#6eaf0a 0%,#adff2f 75%) repeat scroll 0 0
}

#color-cat-id-2204.item.active .list-title-css {
    border: 3px solid #7a451d
}

#color-cat-id-8504 > div, #recommended-contest-category-id-8504 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#c3a46b 0%,#f4deb4 75%) repeat scroll 0 0
}

#color-cat-id-8504.item.active .list-title-css {
    border: 3px solid #0c5e4c
}

#color-cat-id-1586 > div, #recommended-contest-category-id-1586 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#060682 0%,#00f 75%) repeat scroll 0 0
}

#color-cat-id-1586.item.active .list-title-css {
    border: 3px solid #3c034f
}

#color-cat-id-8500 > div, #recommended-contest-category-id-8500 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#823b08 0%,#d2691e 75%) repeat scroll 0 0
}

#color-cat-id-8500.item.active .list-title-css {
    border: 3px solid #03133f
}

#color-cat-id-1590 > div, #recommended-contest-category-id-1590 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#840a23 0%,#dc143c 75%) repeat scroll 0 0
}

#color-cat-id-1590.item.active .list-title-css {
    border: 3px solid #01300f
}

#color-cat-id-1585 > div, #recommended-contest-category-id-1585 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#4f28c6 0%,#8a60eb 75%) repeat scroll 0 0
}

#color-cat-id-1585.item.active .list-title-css {
    border: 3px solid #3b0dad
}

#color-cat-id-8579 > div, #recommended-contest-category-id-8579 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#0563d8 0%,#05a9d8 75%) repeat scroll 0 0
}

#color-cat-id-8579.item.active .list-title-css {
    border: 3px solid #0959a3
}

#color-cat-id-1125 > div, #recommended-contest-category-id-1125 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#a57a31 0%,#cca96d 75%) repeat scroll 0 0
}

#color-cat-id-1125.item.active .list-title-css {
    border: 3px solid #965f06
}

#color-cat-id-1102 > div, #recommended-contest-category-id-1102 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#cc3885 0%,#ea5aaf 75%) repeat scroll 0 0
}

#color-cat-id-1102.item.active .list-title-css {
    border: 3px solid #840647
}

#color-cat-id-1567 > div, #recommended-contest-category-id-1567 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#de3d35 0%,#e2523f 75%) repeat scroll 0 0
}

#color-cat-id-1567.item.active .list-title-css {
    border: 3px solid #840c07
}

#color-cat-id-1124 > div, #recommended-contest-category-id-1124 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#f27b1b 0%,#fba026 75%) repeat scroll 0 0
}

#color-cat-id-1124.item.active .list-title-css {
    border: 3px solid #7a451d
}

#color-cat-id-1583 > div, #recommended-contest-category-id-1583 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#048a6f 0%,#1abc9c 75%) repeat scroll 0 0
}

#color-cat-id-1583.item.active .list-title-css {
    border: 3px solid #0c5e4c
}

#color-cat-id-8568 > div, #recommended-contest-category-id-8568 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#55056f 0%,#8b008b 75%) repeat scroll 0 0
}

#color-cat-id-8568.item.active .list-title-css {
    border: 3px solid #3c034f
}

#color-cat-id-1582 > div, #recommended-contest-category-id-1582 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#28324e 0%,#475577 75%) repeat scroll 0 0
}

#color-cat-id-1582.item.active .list-title-css {
    border: 3px solid #03133f
}

#color-cat-id-2205 > div, #recommended-contest-category-id-2205 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#17903a 0%,#61bd6d 75%) repeat scroll 0 0
}

#color-cat-id-2205.item.active .list-title-css {
    border: 3px solid #01300f
}

#color-cat-id-1568 > div, #recommended-contest-category-id-1568 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#4f28c6 0%,#8a60eb 75%) repeat scroll 0 0
}

#color-cat-id-1568.item.active .list-title-css {
    border: 3px solid #3b0dad
}

#color-cat-id-8502 > div, #recommended-contest-category-id-8502 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#e17347 0%,#ffa07a 75%) repeat scroll 0 0
}

#color-cat-id-8502.item.active .list-title-css {
    border: 3px solid #0959a3
}

#color-cat-id-8574 > div, #recommended-contest-category-id-8574 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#b53c3c 0%,#cd5c5c 75%) repeat scroll 0 0
}

#color-cat-id-8574.item.active .list-title-css {
    border: 3px solid #965f06
}

#color-cat-id-1588 > div, #recommended-contest-category-id-1588 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#238e8a 0%,#40e0d0 75%) repeat scroll 0 0
}

#color-cat-id-1588.item.active .list-title-css {
    border: 3px solid #840647
}

#color-cat-id-2207 > div, #recommended-contest-category-id-2207 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#6eaf0a 0%,#adff2f 75%) repeat scroll 0 0
}

#color-cat-id-2207.item.active .list-title-css {
    border: 3px solid #840c07
}

#color-cat-id-1577 > div, #recommended-contest-category-id-1577 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#f27b1b 0%,#fba026 75%) repeat scroll 0 0
}

#color-cat-id-1577.item.active .list-title-css {
    border: 3px solid #7a451d
}

#color-cat-id-1576 > div, #recommended-contest-category-id-1576 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#c3a46b 0%,#f4deb4 75%) repeat scroll 0 0
}

#color-cat-id-1576.item.active .list-title-css {
    border: 3px solid #0c5e4c
}

#color-cat-id-8570 > div, #recommended-contest-category-id-8570 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#060682 0%,#00f 75%) repeat scroll 0 0
}

#color-cat-id-8570.item.active .list-title-css {
    border: 3px solid #3c034f
}

#color-cat-id-1589 > div, #recommended-contest-category-id-1589 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#823b08 0%,#d2691e 75%) repeat scroll 0 0
}

#color-cat-id-1589.item.active .list-title-css {
    border: 3px solid #03133f
}

#color-cat-id-1565 > div, #recommended-contest-category-id-1565 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#840a23 0%,#dc143c 75%) repeat scroll 0 0
}

#color-cat-id-1565.item.active .list-title-css {
    border: 3px solid #01300f
}

#color-cat-id-1126 > div, #recommended-contest-category-id-1126 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#ff7e00 0%,#fff000 75%) repeat scroll 0 0
}

#color-cat-id-1126.item.active .list-title-css {
    border: 3px solid #3b0dad
}

#color-cat-id-1569 > div, #recommended-contest-category-id-1569 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#0563d8 0%,#05a9d8 75%) repeat scroll 0 0
}

#color-cat-id-1569.item.active .list-title-css {
    border: 3px solid #0959a3
}

#color-cat-id-1573 > div, #recommended-contest-category-id-1573 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#a57a31 0%,#cca96d 75%) repeat scroll 0 0
}

#color-cat-id-1573.item.active .list-title-css {
    border: 3px solid #965f06
}

#color-cat-id-1571 > div, #recommended-contest-category-id-1571 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#cc3885 0%,#ea5aaf 75%) repeat scroll 0 0
}

#color-cat-id-1571.item.active .list-title-css {
    border: 3px solid #840647
}

#color-cat-id-1570 > div, #recommended-contest-category-id-1570 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#de3d35 0%,#e2523f 75%) repeat scroll 0 0
}

#color-cat-id-1570.item.active .list-title-css {
    border: 3px solid #840c07
}

#color-cat-id-8584 > div, #recommended-contest-category-id-8584 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#f27b1b 0%,#fba026 75%) repeat scroll 0 0
}

#color-cat-id-8584.item.active .list-title-css {
    border: 3px solid #7a451d
}

#color-cat-id-1579 > div, #recommended-contest-category-id-1579 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#048a6f 0%,#1abc9c 75%) repeat scroll 0 0
}

#color-cat-id-1579.item.active .list-title-css {
    border: 3px solid #0c5e4c
}

#color-cat-id-1563 > div, #recommended-contest-category-id-1563 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#55056f 0%,#8b008b 75%) repeat scroll 0 0
}

#color-cat-id-1563.item.active .list-title-css {
    border: 3px solid #3c034f
}

#color-cat-id-8573 > div, #recommended-contest-category-id-8573 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#28324e 0%,#475577 75%) repeat scroll 0 0
}

#color-cat-id-8573.item.active .list-title-css {
    border: 3px solid #03133f
}

#color-cat-id-1578 > div, #recommended-contest-category-id-1578 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#17903a 0%,#61bd6d 75%) repeat scroll 0 0
}

#color-cat-id-1578.item.active .list-title-css {
    border: 3px solid #01300f
}

#color-cat-id-1580 > div, #recommended-contest-category-id-1580 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#ff7e00 0%,#fff000 75%) repeat scroll 0 0
}

#color-cat-id-1580.item.active .list-title-css {
    border: 3px solid #3b0dad
}

#color-cat-id-8578 > div, #recommended-contest-category-id-8578 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#e17347 0%,#ffa07a 75%) repeat scroll 0 0
}

#color-cat-id-8578.item.active .list-title-css {
    border: 3px solid #0959a3
}

#color-cat-id-8577 > div, #recommended-contest-category-id-8577 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#b53c3c 0%,#cd5c5c 75%) repeat scroll 0 0
}

#color-cat-id-8577.item.active .list-title-css {
    border: 2px solid #965f06
}

#color-cat-id-8575 > div, #recommended-contest-category-id-8575 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#238e8a 0%,#40e0d0 75%) repeat scroll 0 0
}

#color-cat-id-8575.item.active .list-title-css {
    border: 3px solid #840647
}

#color-cat-id-1098 > div, #recommended-contest-category-id-1098 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#4b5a68 0%,#708090 75%) repeat scroll 0 0
}

#color-cat-id-1098.item.active .list-title-css {
    border: 3px solid #840c07
}

#color-cat-id-8581 > div, #recommended-contest-category-id-8581 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#6eaf0a 0%,#adff2f 75%) repeat scroll 0 0
}

#color-cat-id-8581.item.active .list-title-css {
    border: 3px solid #7a451d
}

#color-cat-id-8576 > div, #recommended-contest-category-id-8576 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#c3a46b 0%,#f4deb4 75%) repeat scroll 0 0
}

#color-cat-id-8576.item.active .list-title-css {
    border: 3px solid #0c5e4c
}

#color-cat-id-8582 > div, #recommended-contest-category-id-8582 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#060682 0%,#00f 75%) repeat scroll 0 0
}

#color-cat-id-8582.item.active .list-title-css {
    border: 3px solid #3c034f
}

#color-cat-id-8583 > div, #recommended-contest-category-id-8583 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#823b08 0%,#d2691e 75%) repeat scroll 0 0
}

#color-cat-id-8583.item.active .list-title-css {
    border: 3px solid #03133f
}

#color-cat-id-8572 > div, #recommended-contest-category-id-8572 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#840a23 0%,#dc143c 75%) repeat scroll 0 0
}

#color-cat-id-8572.item.active .list-title-css {
    border: 3px solid #01300f
}

#color-cat-id-8571 > div, #recommended-contest-category-id-8571 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#4f28c6 0%,#8a60eb 75%) repeat scroll 0 0
}

#color-cat-id-8571.item.active .list-title-css {
    border: 3px solid #3b0dad
}

#color-cat-id-8569 > div, #recommended-contest-category-id-8569 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#a57a31 0%,#cca96d 75%) repeat scroll 0 0
}

#color-cat-id-8569.item.active .list-title-css {
    border: 3px solid #965f06
}

#color-cat-id-1099 > div, #recommended-contest-category-id-1099 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#de3d35 0%,#e2523f 75%) repeat scroll 0 0
}

#color-cat-id-1099.item.active .list-title-css {
    border: 3px solid #840c07
}

#color-cat-id-1097 > div, #recommended-contest-category-id-1097 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#048a6f 0%,#1abc9c 75%) repeat scroll 0 0
}

#color-cat-id-1097.item.active .list-title-css {
    border: 3px solid #0c5e4c
}

#color-cat-id-8580 > div, #recommended-contest-category-id-8580 > div > a {
    background: rgba(0,0,0,0) linear-gradient(61deg,#28324e 0%,#475577 75%) repeat scroll 0 0
}

#color-cat-id-8580.item.active .list-title-css {
    border: 3px solid #03133f
}

.recomn-slider .topDesignerAddon {
    background: rgba(255,255,255,.8) none repeat scroll 0 0;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    font-size: 11px;
    padding: 1px 6px;
    position: absolute;
    right: 5px;
    top: 25px;
    z-index: 9
}

.annotorious-annotationlayer .annotorious-item {
    width: 100% !important;
    height: 100% !important
}

.wall-popupDetails {
    background: #f4f4f6 none repeat scroll 0 0;
    padding: 15px
}

.wall-header {
    background: #707482 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    padding: 10px;
    text-align: center;
    text-transform: capitalize;
    width: 100%
}

.wall-popupDetails {
    background: #f4f4f6 none repeat scroll 0 0;
    padding: 15px
}

    .wall-popupDetails input {
        height: 40px;
        padding: 0 10px;
        width: 20%;
        margin: 10px 0
    }

.wall-saveBtn {
    display: inline-block;
    margin-top: 20px;
    text-align: center;
    width: 100%
}

.wall-popupDetails input.mobileNumberCss {
    margin-left: 15px;
    width: 75%
}

.wall-messageCss {
    color: #747474;
    font-size: 14px;
    text-align: justify
}

.wall-popupDetails .wall-saveBtn .btn.btn-default {
    margin-bottom: 7px;
    padding: 10px 30px
}

.designer-profile-popup {
    max-width: 100%
}

.files-left-section .annotorious-annotationlayer .annotorious-item {
    height: 100% !important;
    width: 100% !important
}

.closepopupImage a img {
    height: auto !important
}

.header-inner .dropdown-menu > li .tooltip {
    width: 210px
}

.show-selected-messages.users.feedback-top-css .tooltip.bottom .tooltip-inner {
    width: 150px;
    padding: 5px 0
}

.feedback-top-css:last-child .tooltip.bottom {
    margin-top: -70px
}

    .feedback-top-css:last-child .tooltip.bottom .tooltip-arrow {
        top: auto;
        border-bottom: none;
        border-top: 6px solid #000;
        bottom: -1px
    }

[data-contest-status="3"] .increase-box {
    min-height: 424px
}

#all_packeges .panel-css.selected, #package .panel-css.cnt-launch-pkg-box {
    flex: 1 1 auto;
    float: none;
    min-width: 100px;
    -webkit-flex: 1 1 auto;
    padding: 0
}

#all_packeges, .design-new-package {
    clear: none;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    height: 700px;
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -o-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    -ms-box-shadow: 0 4px 16px rgba(0,0,0,.2)
}

.choose-btn {
    bottom: 20px;
    left: 0;
    position: absolute;
    right: 0
}

.priceSubtitle .form-control {
    display: inline-block;
    width: auto
}

.priceSubtitle > span {
    display: inline-block
}

.hp-design-list img {
    width: 50px;
    left: 0;
    position: absolute;
    top: 12px
}

.hp-design-list li {
    display: block;
    width: 100%;
    padding-left: 60px;
    padding-right: 70px;
    position: relative;
    min-height: 70px;
    line-height: 70px;
    border-bottom: 2px solid #ddd;
    font-size: 15px;
    color: #565656;
    font-weight: 600
}

    .hp-design-list li .btn {
        position: absolute;
        right: 0;
        top: 20px;
        background: rgba(0,0,0,0);
        border: 2px solid #999;
        color: #888;
        transition: all .4s ease 0s;
        -webkit-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s
    }

.hp-design-list span {
    color: #888;
    display: block;
    font-size: 13px;
    line-height: normal;
    margin-top: -15px;
    margin-bottom: 20px;
    font-weight: 400
}

.handoverPopup {
    color: #666
}

.hp-modal-title {
    color: #555;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    padding-bottom: 10px
}

.hp-design-list li:first-child img {
    width: 60px
}

.hp-design-list li .btn:hover, .hp-design-list li .btn.active {
    background: #76aa2c;
    color: #fff;
    border-color: #76aa2c
}

.hp-button {
    margin-top: 15px
}

.hp-top .hp-modal-title:after {
    border-bottom: 3px solid #666;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 20px;
    bottom: 8px
}

.hp-top {
    border-bottom: 2px solid #ddd;
    float: left;
    margin-bottom: 30px;
    padding: 0 0 30px;
    width: 100%;
    position: relative
}

.handoverPopup .modal-body {
    margin-bottom: 50px
}

.hp-top img {
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.hp-design-list li .btn.active:after {
    content: "\f00c";
    font-family: fontawesome;
    left: 0;
    position: absolute;
    font-size: 12px;
    top: 7px;
    left: 8px
}

.hp-design-list li .btn.active {
    padding-left: 25px
}

.hp-button a {
    border-bottom: 1px dashed;
    color: #555;
    font-weight: 600;
    margin-right: 15px
}

.hp-total {
    border-bottom: 2px solid #ddd;
    font-weight: 600;
    padding: 12px 15px;
    position: relative
}

    .hp-total i {
        margin-right: 10px
    }

.hp-top-title {
    font-weight: 600;
    line-height: 50px;
    padding-bottom: 15px;
    padding-right: 100px;
    padding-top: 15px;
    position: relative;
    font-size: 14px
}

    .hp-top-title i {
        margin-right: 7px;
        width: 30px
    }

    .hp-top-title .btn.add_files {
        background: #e5e5e5;
        position: absolute;
        right: 0;
        top: 25px
    }

.hp-design-list .hp-list-div {
    background: #fff none repeat scroll 0 0;
    margin: 20px 0;
    padding: 0;
    border: 1px solid #ddd
}

    .hp-design-list .hp-list-div img {
        width: 34px !important
    }

    .hp-design-list .hp-list-div span {
        color: #a1a1a1;
        display: inline-block;
        font-size: 11px;
        margin-bottom: 0;
        margin-right: 8px;
        margin-top: 0
    }

        .hp-design-list .hp-list-div span.hnd_final_ds {
            color: #fa7a59;
            font-weight: 700
        }

        .hp-design-list .hp-list-div span.hnd_final_ds1 {
            color: #82bc3b;
            font-weight: 700
        }

        .hp-design-list .hp-list-div span.hnd_final_ds2 {
            color: red;
            font-weight: 700
        }

        .hp-design-list .hp-list-div span.hnd_final_ds3 {
            color: #39f;
            font-weight: 700
        }

        .hp-design-list .hp-list-div span.hnd_final_ds0 {
            font-weight: 700;
            color: #efa222
        }

    .hp-design-list .hp-list-div li {
        border-width: 1px;
        color: #888;
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        min-height: 50px;
        padding-left: 45px;
        padding-top: 8px
    }

.hp-total > p {
    font-size: 13px;
    font-weight: 500
}

.hp-total .btn.add_files {
    background: #e5e5e5;
    font-size: 13px;
    margin-right: 7px;
    margin-bottom: 10px
}

    .hp-total .btn.add_files i {
        margin-right: 2px
    }

.hp-design-list .hp-list-div p span:first-child {
    background: #666;
    color: #fff;
    padding: 1px 6px;
    border-radius: 2px
}

.hp-list-icon {
    position: absolute;
    top: 20px;
    right: 15px
}

    .hp-list-icon > a {
        color: #555;
        margin-left: 8px
    }

    .hp-list-icon a i.icon-download-alt:hover {
        background: #65a6ff;
        border-color: #408cef
    }

    .hp-list-icon a i.icon-flag:hover {
        background: #fc0;
        border-color: #e0b508
    }

    .hp-list-icon a i.icon-trash:hover {
        background: #ff5757;
        border-color: #f92c2c
    }

    .hp-list-icon a i:hover {
        border-color: #73a531
    }

    .hp-list-icon a i.icon-eyes:hover {
        background: #65a6ff;
        border-color: #408cef
    }

.hp-list-div > p {
    color: #777;
    padding-left: 30px
}

.hp-top-title .upload-files-css.common-files-css {
    position: absolute;
    right: 5px;
    top: 9px
}

.hp-top-title .upload-files-css span {
    color: #555;
    font-size: 12px;
    margin: 0
}

.hp-design-list {
    float: left;
    width: 100%
}

.hp-total .total-amt {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 8px
}

.hp-list-div a {
    color: #666
}

    .hp-list-div a:hover {
        color: #444
    }

.hp-list-icon a i {
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 28px;
    line-height: 28px;
    color: #777;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 4px
}

    .hp-list-icon a i:hover {
        background: #82bc3b;
        color: #fff
    }

.hp-list-icon .dropdown.open .dropdown-menu {
    display: block;
    left: auto;
    padding-bottom: 0;
    padding-top: 0;
    right: 0;
    min-width: 200px;
    top: 36px;
    overflow: hidden;
    border: none;
    border-radius: 2px;
    box-shadow: 0 0 16px rgba(0,0,0,.2);
    max-height: 296px;
    overflow-y: auto
}

    .hp-list-icon .dropdown.open .dropdown-menu:before, .hp-list-icon .dropdown.open .dropdown-menu:after {
        position: absolute;
        content: "";
        right: 5px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent
    }

    .hp-list-icon .dropdown.open .dropdown-menu:before {
        top: -8px;
        border-bottom: 7px solid #ddd
    }

    .hp-list-icon .dropdown.open .dropdown-menu:after {
        top: -7px;
        border-bottom: 7px solid #fff
    }

    .hp-list-icon .dropdown.open .dropdown-menu > li {
        line-height: normal;
        min-height: auto;
        padding: 7px 15px;
        font-size: 12px;
        border-bottom: 1px solid #eaeeea
    }

        .hp-list-icon .dropdown.open .dropdown-menu > li:last-child {
            border-bottom: medium none
        }

        .hp-list-icon .dropdown.open .dropdown-menu > li:hover {
            background: #f5f5f5 none repeat scroll 0 0
        }

.file_list .hp-list-icon .dropdown {
    margin: 0 0 0 8px
}

.modal-hndover-change-status .tooltip-inner {
    width: 165px
}

.modal-hndover-change-cat .tooltip-inner {
    width: 180px
}

.hp-design-list .hp-list-div span.dropdown.open i.icon-flag {
    background: #fc0;
    color: #fff
}

.hp-design-list .hp-list-div span.dropdown.open i.icon-folder-close {
    background: #82bc3b;
    color: #fff
}

.work-mid-top .nav.nav-tabs li {
    border: none
}

.work-mid-top .nav li a {
    background-color: #f4f4f6;
    background-image: -webkit-linear-gradient(270deg,#fff 0,#f4f4f6 100%);
    background-image: linear-gradient(180deg,#fff 0,#f4f4f6 100%);
    box-shadow: inset 0 -1px 0 #c1c5cd;
    border: 1px solid #c1c5cd;
    color: #535865;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    border-radius: 3px;
    line-height: 1.6;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: .75em 1.15em;
    border-radius: 0;
    border-left: none
}

.work-mid-top .nav li:first-child a {
    border-left: 1px solid #c1c5cd
}

.work-mid-top .nav-tabs {
    border: medium none
}

.work-mid-top .nav li a span {
    font-size: 12px;
    color: #8f95a3
}

.work-mid-top .nav li a:hover, .work-mid-top .nav li a:focus, .work-mid-top .nav li a:hover {
    background-color: #fff;
    color: #535865;
    background-image: none;
    text-decoration: none;
    outline: 0
}

.work-mid-top .drop-css.sort_order_filters a {
    line-height: normal;
    text-transform: capitalize !important
}

.work-mid-top .sort-contestCss .drop-css.sort_order_filters.contest-filter-css .btn {
    color: #777;
    font-size: 13px;
    height: 34px;
    margin-top: 30px
}

.work-mid-top .sort_order_filters .dropdown-menu {
    top: 62px
}

.new-task-box i {
    font-size: 40px
}

.work-title {
    position: relative
}

#task_listing .work-title {
    position: relative;
    padding-right: 100px
}

#task_listing .entries-msg {
    margin-top: 10px;
    display: block;
    color: #66900d;
    font-size: 13px;
    font-weight: 500
}

.work-title .wk-cat-name {
    color: #666;
    font-size: 13px;
    margin-top: -8px;
    position: absolute;
    right: 0;
    top: 50%
}

.new-task-box {
    background: #3b9ad5;
    box-shadow: 0 0 14px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 14px rgba(0,0,0,.2);
    color: #fff;
    cursor: pointer;
    line-height: 23px;
    margin: 0 auto;
    padding: 10px 20px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto
}

    .new-task-box > img {
        margin: 10px auto 5px;
        width: 50px
    }

.infostrip-main.info--strip {
    margin-bottom: 30px;
    margin-top: 0
}

.new-task-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase
}

.wk-search-inner {
    position: relative;
    margin-top: 30px
}

.wk-search-box {
    width: 300px;
    position: relative;
    float: left
}

    .wk-search-box i {
        background: #f7f7f7;
        border-left: 2px solid #c1c5cd;
        border-radius: 0 5px 5px 0;
        cursor: pointer;
        height: 36px;
        line-height: 35px;
        position: absolute;
        right: 2px;
        text-align: center;
        top: 2px;
        width: 38px
    }

.work-mid-top .nav li.active a, .work-mid-top .nav li.active a:hover, .work-mid-top .nav li.active a:focus, .work-mid-top .nav li.active a:active {
    background-image: none;
    background-color: #535865;
    border: 1px solid #535865;
    box-shadow: inset 0 1px 0 #454954;
    color: #fff;
    cursor: default
}

.wk-search-box .form-control {
    border: 2px solid #c1c5cd;
    border-radius: 5px;
    height: 40px;
    padding-right: 40px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none
}

.wk-datepicker label i {
    background: #f7f7f7;
    border-radius: 5px 0 0 5px;
    border-right: 2px solid #c1c5cd;
    cursor: pointer;
    height: 36px;
    left: 2px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 28px
}

.wk-datepicker .hasDatepicker {
    border: 2px solid #c1c5cd;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    padding: 0 0 0 34px;
    width: 130px
}

#myTask .consol-selectOption .form-group {
    display: inline-block;
    margin-right: 8px
}

.wk-datepicker {
    float: right
}

.ui-widget-header .ui-icon {
    background-image: url("//cdn1.designhill.com/assets/dh/images/ui-icons_ffffff_256x240-white.png") !important
}

.form-group.add--files {
    border: 1px solid #ddd;
    cursor: pointer;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
    background: #f7f7f7
}

#myTask .form-control {
    border-color: #ddd;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}

#myTask .checkOther, #editTask .checkOther {
    margin-bottom: 10px
}

#myTask .required, #editTask .required {
    color: #c00
}

#myTask .btn.btn-default {
    font-size: 16px;
    letter-spacing: .8px;
    margin-top: 20px;
    padding: 8px 30px
}

.add--files-inner {
    height: 100%;
    margin: 10px auto 0;
    position: absolute;
    text-align: center;
    width: 100%
}

    .add--files-inner i {
        font-size: 16px
    }

.add--files > input {
    cursor: pointer;
    height: 40px;
    opacity: 0;
    position: relative;
    width: 100%;
    z-index: 2
}

.taskForm--css .progress {
    height: 5px;
    margin: 0
}

.taskForm--css .item.fileBox {
    height: 78px;
    width: 78px !important
}

.taskForm--css .visual-file-info .btn.btn-default.btn-white {
    margin: 0 !important
}

.task--child span:first-child {
    display: block;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase
}

.task--child .item.fileBox {
    display: inline-block;
    width: 100px
}

.task--child .item.fileBox {
    border: 1px solid #eee;
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    width: 100px
}

    .task--child .item.fileBox:last-child {
        margin: 0
    }

.task--child li {
    padding: 8px 0;
    width: 100%
}

.task--inner {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #c0392b;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

    .task--inner:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

.active.task--inner:before {
    transform: scaleY(0);
    webkit-transform: scaleY(0)
}

.active.task--inner .task--inner-container {
    opacity: 0;
    visibility: hidden
}

.task--msg {
    color: #fff;
    font-weight: 600;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    visibility: hidden;
    opacity: 0
}

.active .task--msg {
    opacity: 1;
    visibility: visible
}

.add--files-inner > span {
    font-size: 13px
}

.wk-datepicker label {
    margin-left: 5px;
    position: relative;
    margin-bottom: 0
}

.wk-datepicker li {
    float: left
}

    .wk-datepicker li:last-child {
        margin-left: 20px
    }

.work-mid-css .tab-content {
    margin: 30px 0
}

.work-mid-css .tab-pane li, .work-mid-css .tab-pane-new li {
    background: #fff;
    float: left;
    margin: 0;
    padding: 10px 0;
    width: 100%;
    border: 1px solid #ddd;
    position: relative;
    border-bottom: none
}

    .work-mid-css .tab-pane li:last-child, .work-mid-css .tab-pane-new li:last-child {
        border-bottom: 1px solid #ddd
    }

.work-mid-css li.review-bg {
    background: #e7f3fd;
    border-color: #dde9f3
}

.consol-selectOption [type=checkbox] {
    float: left;
    height: auto;
    margin-right: 6px;
    margin-top: 6px;
    width: auto
}

.listing-pagination .pagination > li {
    border: medium none;
    margin: 0;
    padding: 0;
    width: auto
}

.work-icon-css {
    text-align: center;
    min-height: 60px
}

    .work-icon-css i {
        font-size: 36px;
        line-height: 60px
    }

.work-title > a {
    display: block;
    margin: 5px 0 0;
    word-break: break-word
}

.work-title {
    margin: 0;
    font-size: 16px
}

.work-mid-css .icon-trash {
    margin: 0 0 0 10px
}

.complete-draft a {
    color: #6e7687;
    font-size: 16px;
    margin: 10px 0 0;
    display: block
}

.complete-draft {
    line-height: 42px;
    text-align: right
}

    .complete-draft a i {
        display: inline-block;
        font-size: 36px;
        padding: 0 20px;
        float: right
    }

    .complete-draft a .icon-angle-right:before {
        vertical-align: -13%
    }

.work-mid-css li p {
    line-height: normal;
    margin: 0;
    font-size: 15px
}

.work-bottom span {
    padding: 0 0 0 10px
}

.work-message {
    background: #fff;
    border: 1px solid #ddd;
    font-size: 19px;
    padding: 35px 25px;
    color: #444
}

.work-mid-top .dropdown {
    display: none
}

    .work-mid-top .dropdown .dropdown-toggle {
        border: 1px solid #ddd;
        border-radius: 0;
        display: block;
        padding: 12px 15px;
        text-align: left;
        width: 100%;
        position: relative
    }

        .work-mid-top .dropdown .dropdown-toggle .caret {
            position: absolute;
            right: 10px;
            top: 20px
        }

    .work-mid-top .dropdown .dropdown-menu {
        width: 100%;
        border-radius: 0
    }

.work-mid-top .dropdown-menu > li > a {
    padding: 7px 15px
}

.work-mid-top .contest-filter-css .dropdown-menu > li > a {
    padding: 7px 25px
}

.contest-filter-css.btn-group.open .dropdown-menu a.active:before {
    left: 8px
}

.entries-count {
    background-color: #e2e3e5;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,.02) inset;
    color: #999;
    font-size: 11px;
    font-weight: 500;
    margin: 0 0 0 2px;
    padding: 2px 5px;
    text-shadow: 0 1px 0 rgba(255,255,255,.75)
}

.sort-contestCss {
    float: right
}

.work-mid-top .contest_count_and_status_strip {
    color: #909090;
    font-size: 14px;
    margin: 5px 0 0
}

.work-mid-top .btn.btn-default.dropdown-toggle {
    border-radius: 0;
    height: 45px;
    margin: 0
}

    .work-mid-top .btn.btn-default.dropdown-toggle:focus, .work-mid-top .btn.btn-default.dropdown-toggle:hover {
        border-color: #ddd
    }

.work-css .btn-group.drop-css .dropdown-toggle {
    text-transform: uppercase
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background: #888
}

.work-mid-top.top-header-main, .work-mid-top.top-header-main .dropdown.mobile_dropdown {
    margin: 0
}

#dropdown_btn {
    padding: 0 10px
}

.tasks--mid {
    margin-top: 30px;
    padding: 0 15px;
    margin-bottom: 30px
}

.task-name em {
    display: inline-block;
    font-style: normal;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 230px
}

.task--main {
    position: relative
}

.task-name > a {
    color: #3b99f0;
    display: block;
    float: left;
    font-size: 17px;
    font-weight: 600;
    line-height: normal;
    margin-right: 5px;
    margin-top: 2px
}

.task--inner {
    padding: 10px 280px 5px 60px;
    position: relative
}

.task--main {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    margin-bottom: 10px
}

    .task--main:last-child {
        border-bottom: 1px solid #ddd
    }

.task--inner-container > div {
    display: inline-block
}

.task--inner .ts-btns .task--btn.whiteBtnNectar button {
    font-size: 13px;
    padding: 4px 14px;
    position: relative
}

.ts-btns {
    position: absolute;
    right: 10px;
    top: 9px
}

    .ts-btns .task--btn {
        display: inline-block;
        margin-left: 10px
    }

.task--price {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-left: 30px;
    width: 60px
}

.tk-cat-main {
    float: right
}

    .tk-cat-main > div {
        float: left
    }

.task--inner .icon-star {
    border-right: 1px solid #eee;
    font-size: 16px;
    height: 100%;
    left: 0;
    line-height: 46px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 45px
}

.task--child {
    border-top: 1px solid #eee;
    padding: 15px 15px 15px 60px;
    display: none;
    background-color: #fafafa;
    white-space: pre-wrap
}

.view--details:after {
    font-family: fontawesome;
    content: "\f107";
    position: absolute;
    right: 5px;
    top: 4px
}

.view--details.active:after {
    content: "\f106"
}

.task--inner .ts-btns .task--btn.whiteBtnNectar button.view--details {
    padding-right: 20px
}

.task--cat {
    margin-left: 30px
}

.searchFilter {
    background: #f5f5f5
}

.task--child .fileBox a {
    background: #fff;
    display: block
}

.work-mid-top .sort-contestCss.wk-filter .drop-css.sort_order_filters.contest-filter-css .btn {
    border: 2px solid #c1c5cd;
    border-radius: 5px;
    color: #777;
    font-size: 13px;
    height: 40px;
    margin-top: 30px
}

.work-mid-top .sort-contestCss.wk-filter .drop-css.sort_order_filters.contest-filter-css .common-btn--group .btn {
    border: none
}

    .work-mid-top .sort-contestCss.wk-filter .drop-css.sort_order_filters.contest-filter-css .common-btn--group .btn .search-css {
        height: 40px
    }

.task--child .fileBox a img {
    height: 88px;
    width: 88px
}

.view--desc ol {
    float: left;
    padding: 0
}

.view--desc li {
    float: left;
    list-style: normal;
    margin-left: 30px
}

.view--img > img {
    border: 1px solid #ddd;
    height: 80px;
    margin-bottom: 8px;
    margin-right: 3px;
    padding: 3px;
    width: 80px
}

.view--desc {
    white-space: pre-wrap
}

.task-name.entry_title {
    width: 390px
}

.task--cat {
    text-align: center;
    width: 130px
}

.task-up-delete {
    display: inline-block;
    width: 100%;
    color: #528c10
}

.fileBox .task-fileType {
    display: inline-block;
    width: 100%;
    padding: 16px 10px;
    height: 76px
}

.task-fileType i {
    font-size: 43px;
    top: 10%
}

.messageCss-info {
    float: left;
    margin: 20px 0 0;
    width: 100%
}

    .messageCss-info .newMsg-action {
        border-bottom: 1px solid #8fc34f;
        color: #8fc34f;
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        text-transform: capitalize;
        transition: all .2s ease 0s;
        margin: 0 20px 0 0;
        position: relative
    }

#contest-listing .messageCss-info .newMsg-action:hover, #contest-listing .messageCss-info .newMsg-action:active, #contest-listing .messageCss-info .newMsg-action:focus {
    outline: none;
    color: #74af26;
    animation: none;
    text-decoration: none
}

.messageCss-info .newMsg-action:after {
    position: absolute;
    content: "";
    background: #ddd;
    height: 20px;
    width: 1px;
    top: 5px;
    right: -10px
}

.messageCss-info .newMsg-action:last-child:after {
    background: 0 0
}

.messageCss-info .newMsg-action.orangetxtMsg {
    color: #f76140;
    border-color: #f76140
}

#contest-listing .messageCss-info .newMsg-action.orangetxtMsg:hover, #contest-listing .messageCss-info .newMsg-action.orangetxtMsg:active, #contest-listing .messageCss-info .newMsg-action.orangetxtMsg:focus {
    color: #f95331;
    border-color: #f95331
}

.messageCss-info .newMsg-action.blinktxtMsg, .handoverImagePlaces .popup-unredMsg.blinktxtMsg {
    -moz-animation: blinkMsg 1s linear infinite;
    -ms-animation: blinkMsg 1s linear infinite;
    -o-animation: blinkMsg 1s linear infinite;
    -webkit-animation: blinkMsg 1s linear infinite;
    animation: blinkMsg 1s linear infinite
}

.reward-entry .awards-row {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 15px
}

.eliminate-boxes .handoverImagePlaces .dh-contestAwardDesign {
    font-size: 14px;
    text-transform: capitalize
}

.eliminate-boxes .handoverImagePlaces .pay_launch_btn.process-css {
    padding: 15px 0 0;
    width: 100%
}

.eliminate-boxes .handoverImagePlaces h3 {
    font-size: 19px;
    color: #303030;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding-bottom: 8px
}

.handoverImagePlaces .popup-unredMsg.orangetxtMsg {
    display: inline-block;
    padding: 0 15px;
    color: #f76140
}

.reward-entry .awards-row:last-child {
    border-bottom: none
}

@-moz-keyframes blinkMsg {
    0% {
        opacity: 1.0
    }

    50% {
        opacity: .3
    }

    100% {
        opacity: 1.0
    }
}

@-webkit-keyframes blinkMsg {
    0% {
        opacity: 1.0
    }

    50% {
        opacity: .3
    }

    100% {
        opacity: 1.0
    }
}

@keyframes blinkMsg {
    0% {
        opacity: 1.0
    }

    50% {
        opacity: .3
    }

    100% {
        opacity: 1.0
    }
}

.annotorious-hint-icon, .annotorious-hint-msg {
    display: none
}

.comments.messaeges-list.message-commonList {
    float: left;
    width: 100%
}

.contest-css-in .pagination input[type=radio] {
    float: left;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.contest-css-in ul.pagination li {
    width: auto;
    margin: 0
}

.contest-css-in .pagination > li > label {
    padding: 10px 12px;
    cursor: pointer;
    font-weight: 400;
    margin: 0;
    border-right: none
}

.contest-css-in .pagination > li:first-child > label {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.contest-css-in .pagination > li:last-child > label {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #c1c5cd
}

.contest-css-in .pagination {
    margin: 0
}

    .contest-css-in .pagination > li > label:hover {
        background: #fff
    }

    .contest-css-in .pagination input[type=radio]:checked + label, .contest-css-in .pagination input[type=radio]:checked + label:hover {
        background: #535865;
        color: #fff;
        border-color: #535865;
        box-shadow: none
    }

.files-top .annotation-ifoIcon {
    cursor: pointer;
    width: 18px;
    height: 18px;
    line-height: 16px;
    display: inline-block;
    background: #3e3e3e;
    border-radius: 100%;
    color: #fff;
    position: relative
}

    .files-top .annotation-ifoIcon i {
        font-size: 12px
    }

.annotation-text-css {
    color: gray;
    font-size: 12px;
    font-weight: 600;
    left: 46%;
    position: absolute;
    text-transform: capitalize;
    top: 50%
}

.dg-right-box .share-mid.colorplate {
    display: block
}

.contest-typeCss .pagination:last-child {
    margin: 0
}

.pagination .icon-p:before {
    content: "P";
    font-weight: 900;
    font-size: 16px;
    color: #535865
}

.pro-contestCss img {
    width: 15px
}

.white-p, .white-not-p, .active .black-p, .active .black-not-p {
    display: none
}

.active .white-p, .active .white-not-p {
    display: block;
    position: relative;
    top: 3px
}

.contest-type .pagination.pro-contestCss > li > a {
    min-height: 44px
}

.contest-type .pagination.pro-contestCss > li.active > a {
    min-height: 44px;
    padding-top: 15px !important
}

.tags.tag-pro-contest {
    border: 2px solid #629618;
    color: #629618;
    font-weight: 700
}

.spn-pro-contest {
    color: #629618;
    font-weight: 700
}

.dh-contactCss textarea.form-control {
    min-height: 190px
}

.dh-contactCss .heading-oneCss {
    color: #333
}

.categories.guaranted-category {
    text-transform: capitalize;
    color: #82bc3b;
    font-weight: 900
}

#topdesigner-notification-popup h3, #blocked-dsr-notification-popup h3 {
    margin: 0
}

.logoDesign-body {
    position: relative
}

.custom-catBannerOverlay {
    background: url(//cdn1.designhill.com/assets/dh/images/bg_purple_new.jpg) no-repeat scroll 0 0/cover;
    width: 100%;
    float: left;
    z-index: 99;
    color: #fff;
    transition: all .5s ease 0s;
    padding: 30px 0 60px
}

.custom-catBanner .custom-logo-title {
    padding: 80px 0 0
}

.custom-catBanner .custom-trust {
    width: 100%;
    text-align: left;
    margin: 30px 25px 0
}

.cat-typeTitle {
    font-size: 34px;
    font-weight: 900;
    text-transform: capitalize;
    padding: 0 0 23px
}

.cat-bannerBtn {
    padding: 0 60px
}

.cat-bannerType .cat-commonBanBtn {
    color: #000;
    text-transform: uppercase;
    width: 100%;
    float: left;
    background: #fff;
    margin-bottom: 15px;
    border: 2px solid #000;
    border-radius: 4px;
    padding: 16px 140px 16px 20px;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: .7px;
    transition: transform .2s ease-in-out;
    text-align: left;
    position: relative
}

    .cat-bannerType .cat-commonBanBtn:hover {
        transform: scale(1.05);
        background: #7fb932;
        color: #fff;
        border: 2px solid #000
    }

.cat-bannerType .cat-banPrice {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    text-transform: none
}

.banner-catType {
    font-weight: 600;
    font-size: 13px;
    text-transform: capitalize;
    color: #606060;
    margin-bottom: 5px;
    display: inline-block
}

.cat-bannerType .cat-commonBanBtn:hover .banner-catType {
    color: #fff
}

.cat-commonBanBtn .btn.btn-default {
    float: right;
    padding: 7px 12px;
    margin-right: 10px;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.saveCss {
    color: #e50642;
    font-weight: 600;
    text-transform: capitalize
}

.dh-design-new .cat-bannerType {
    padding-top: 30px;
    margin-top: -55px
}

.icon-dscat-default.icon-dscat-2211 {
    background: url("//cdn1.designhill.com/assets/dh/images/category-icons/busines_card.svg") !important;
    background-repeat: no-repeat
}

.icon-dscat-default.icon-dscat-1126 {
    background: url("//cdn1.designhill.com/assets/dh/images/category-icons/envelope.svg") !important;
    background-repeat: no-repeat
}

.icon-dscat-default.icon-dscat-1124 {
    background: url("//cdn1.designhill.com/assets/dh/images/category-icons/letterhead.svg") !important;
    background-size: 40px;
    background-position: center 6px;
    background-repeat: no-repeat
}

.icon-dscat-default.icon-dscat-2205 {
    background: url("//cdn1.designhill.com/assets/dh/images/category-icons/facebook_banner.svg") !important;
    background-repeat: no-repeat
}

.icon-dscat-default.icon-dscat-1568 {
    background: url("//cdn1.designhill.com/assets/dh/images/category-icons/twitter_banner.svg") !important;
    background-repeat: no-repeat
}

.icon-dscat-default.icon-dscat-2203 {
    background: url("//cdn1.designhill.com/assets/dh/images/category-icons/t_shirt.svg") !important;
    background-repeat: no-repeat
}

.icon-dscat-default.icon-dscat-8570 {
    background: url("//cdn1.designhill.com/assets/dh/images/category-icons/car_truck_wrap.svg") !important;
    background-repeat: no-repeat
}

.icon-dscat-default.icon-dscat-8579 {
    background: url("//cdn1.designhill.com/assets/dh/images/category-icons/print_flyer.svg") !important;
    background-repeat: no-repeat
}

.icon-dscat-default.icon-dscat-8571 {
    background: url("//cdn1.designhill.com/assets/dh/images/category-icons/trade_show_banner.svg") !important;
    background-repeat: no-repeat
}

.icon-dscat-default.icon-dscat-8572 {
    background: url("//cdn1.designhill.com/assets/dh/images/category-icons/trade_show_booth.svg") !important;
    background-repeat: no-repeat
}

.icon-dscat-default.icon-dscat-8583 {
    background: url("//cdn1.designhill.com/assets/dh/images/category-icons/bag_tote.svg") !important;
    background-repeat: no-repeat
}

.icon-dscat-default.icon-dscat-8584 {
    background: url("//cdn1.designhill.com/assets/dh/images/category-icons/Hat_Cap.svg") !important;
    background-repeat: no-repeat
}

.icon-dscat-default.icon-dscat-1572 {
    background: url("//cdn1.designhill.com/assets/dh/images/category-icons/app_icon.svg") !important;
    background-repeat: no-repeat
}

.icon-dscat-default.icon-dscat-1564 {
    background: url("//cdn1.designhill.com/assets/dh/images/category-icons/label.svg") !important;
    background-repeat: no-repeat
}

.icon-dscat-default {
    background: url("//cdn1.designhill.com/assets/dh/images/category-icons/default.svg") !important;
    background-size: 40px auto;
    background-repeat: no-repeat
}

.desg-inpGroupBox {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #dfe0e3;
    float: left;
    height: 50px;
    position: relative;
    width: 100%;
    border-radius: 4px
}

.desg-searchTags {
    float: left;
    height: 50px;
    padding-left: 250px;
    padding-right: 50px;
    width: 100%
}

    .desg-searchTags .text-core {
        height: 100% !important
    }

    .desg-searchTags .text-wrap {
        height: 100% !important;
        margin: 0;
        width: 100% !important;
        overflow: hidden
    }

    .desg-searchTags .text-core .text-wrap .tag-text {
        border: medium none;
        font-size: 14px;
        height: 100%;
        line-height: 43px;
        padding: 3px 5px 4px 20px;
        width: 100% !important
    }

    .desg-searchTags .text-core .text-wrap .text-tags .text-tag .text-button {
        height: 23px;
        margin-right: 9px;
        border-radius: 4px;
        line-height: 19px;
        padding-right: 23px
    }

        .desg-searchTags .text-core .text-wrap .text-tags .text-tag .text-button a.text-remove {
            background: rgba(0,0,0,0) none repeat scroll 0 0;
            cursor: pointer
        }

            .desg-searchTags .text-core .text-wrap .text-tags .text-tag .text-button a.text-remove:before {
                color: #9d9ea1;
                content: "\f00d";
                cursor: pointer;
                font-family: fontawesome;
                font-size: 12px;
                position: absolute;
                top: -1px
            }

.text-label {
    font-size: 13px;
    text-transform: none
}

.desg-searchTags .text-core .text-wrap .text-tags .text-tag {
    margin: 10px 0 7px
}

.desg-searchTags .text-core .text-wrap .text-tags {
    display: flex;
    padding: 3px 5px 4px 20px;
    width: 100%
}

.desg-searchInput {
    border-left: 1px solid #dfe0e3;
    height: 53px;
    position: absolute;
    right: 0;
    width: 50px;
    border-radius: 0 4px 4px 0;
    top: 0
}

    .desg-searchInput .btn.desg-searchBtn {
        background: #82bc3b none repeat scroll 0 0;
        border-radius: 0 4px 4px 0;
        color: #fff;
        display: inline-block;
        height: 100%;
        margin: 0;
        padding: 0 10px;
        text-align: center;
        width: 100%
    }

.desg-searchBtn .icon-search {
    font-size: 16px
}

.desg-freelanceFilter {
    position: relative;
    background: #fff none repeat scroll 0 0;
    border: 2px solid #dfe0e3;
    border-radius: 4px
}

.desg-leftBox {
    float: left;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 12px;
    text-transform: capitalize
}

.desg-freelanceFilter i {
    font-size: 12px;
    padding: 0 5px
}

.desg-filter-list, .top-designerSection ul li {
    float: left
}

.desg-fliter-Item {
    position: relative;
    border-left: 2px solid #dfe0e3;
    float: left;
    margin: 0
}

.desg-itemAction {
    color: #323232;
    display: inline-block;
    font-weight: 600;
    padding: 15px 15px 15px 10px;
    text-transform: capitalize
}

.desg-dropdown-menu.filter-inputLocation {
    padding: 20px 15px
}

.desg-dropdown-menu {
    display: none;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dfe0e3;
    box-shadow: 0 6px 12px rgba(0,0,0,.176);
    left: -1px;
    margin: 0;
    min-width: 350px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: auto;
    z-index: 99
}

.desg-searchLocation {
    display: inline-block;
    width: 100%;
    border: 1px solid #dfe0e3;
    border-radius: 3px
}

.filter-inputLocation .form-control {
    height: 40px;
    width: 276px;
    float: left;
    border: none;
    box-shadow: none;
    border-radius: 3px
}

.desg-searchLocation .btn.desg-searchBtn {
    width: 40px;
    float: left;
    background: #82bc3b none repeat scroll 0 0;
    height: 40px;
    border-radius: 0;
    color: #fff;
    text-align: center;
    padding: 0
}

.desg-searchLocation .icon-search {
    font-size: 15px
}

.desg-hourFilter {
    color: gray;
    display: inline-block;
    font-size: 13px;
    position: relative;
    text-align: center
}

    .desg-hourFilter:before, .desg-hourFilter:after {
        border-top: 1px solid #eee;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 10px;
        width: 30%
    }

.desg-perHourList {
    padding: 10px 0
}

.desg-hourItem {
    font-size: 13px;
    font-weight: 600;
    text-align: left
}

.desg-selectSkills {
    height: 25px
}

.desg-hourItem .desgHour-checkBox, .desg-hourItem .desgHour-radioBox {
    float: left;
    margin: 0 !important;
    width: auto;
    outline: none
}

.desg-checkText {
    float: left;
    padding: 5px 8px 0;
    color: #404040;
    font-weight: 600
}

.desg-certMenu {
    padding: 15px 15px 10px
}

.cert-alert {
    background: #daf1f8 none repeat scroll 0 0;
    border: 1px solid #85d0e7;
    padding: 10px 10px 15px;
    text-align: left
}

.cert-alertText {
    color: #557f8e;
    font-size: 13px;
    margin: 0 0 10px;
    opacity: .9;
    text-align: justify
}

.desg-certClose {
    border: 1px solid #557f8e;
    border-radius: 3px;
    color: #557f8e;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    padding: 4px 8px
}

.desg-persortList li {
    padding: 0
}

.desg-projectList {
    padding: 10px 20px
}

.desg-projectRadio .form-control {
    float: left;
    height: 20px;
    margin: 0;
    width: auto
}

.desg-radio-text {
    color: #323232;
    float: left;
    font-size: 14px;
    font-weight: 500;
    margin: -1px 0 0 10px
}

.desg-number-radio {
    color: #323232;
    float: right;
    font-weight: 500
}

.desg-categoryBox {
    border-right: 2px solid #dfe0e3;
    display: block;
    float: left;
    font-size: 13px;
    height: 50px;
    position: absolute;
    width: 250px
}

.desg-catAction {
    color: #76aa2c;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    padding: 15px;
    text-align: center;
    width: 100%
}

    .desg-catAction > span {
        display: inline-block;
        padding: 0 0 0 10px
    }

.desg-categoryList {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dfe0e3;
    box-shadow: 0 6px 12px rgba(0,0,0,.176);
    height: 400px;
    overflow-y: auto;
    padding-bottom: 20px;
    position: absolute;
    width: 250px;
    z-index: 99;
    display: none
}

.desg-catListItem:last-child {
    padding-bottom: 15px
}

.desg-catItemTitle {
    display: inline-block;
    width: 100%;
    padding: 12px 7px 0 17px;
    color: #606060;
    white-space: normal;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 600
}

.desg-catAction:hover, .desg-catAction:active, .desg-catAction:focus {
    color: #000
}

.cust-middleSection.common-new {
    background: #f4f5f7
}

.view-serviceBtn .btn.btn-default {
    padding: 11px 20px
}

.custom-servicesTop {
    background: #eee;
    position: relative
}

.custom-servicePopup {
    padding: 30px;
    text-align: center
}

.custom-serviceTitle {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 900;
    letter-spacing: 1px
}

.service-tagLine {
    font-size: 14px;
    color: #323232;
    letter-spacing: .7px
}

.service-commonList {
    overflow: hidden;
    border-radius: 100%;
    border: 12px solid #fff;
    width: 220px;
    height: 220px;
    position: relative;
    margin: 0 auto
}

.service-boxShadow {
    box-shadow: inset 0 8px 5px rgba(0,0,0,.2);
    transition: all .4s ease 0s;
    transform: rotate(-24deg);
    display: inline-block;
    width: 100%;
    border-radius: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.custom-serviceText {
    padding: 25px 20px 15px;
    text-align: center
}

.custom-title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 19px;
    letter-spacing: 1px
}

.custom-tag {
    font-size: 13px;
    letter-spacing: .7px;
    padding: 7px 25px 0;
    line-height: 22px;
    color: #6d6d6d
}

.service-process {
    padding: 35px 0 20px
}

    .service-process .first-bg {
        background: url(//cdn1.designhill.com/assets/dh/images/how-it-work/client_browse.gif?rnd=2) no-repeat scroll 0 0;
        display: block;
        width: 100%;
        height: 100%;
        z-index: 9;
        background-size: cover;
        border-radius: 100%;
        background-position: center
    }

    .service-process .second-bg {
        background: url(//cdn1.designhill.com/assets/dh/images/how-it-work/client_buy.gif?rnd=2) no-repeat scroll 0 0;
        display: block;
        width: 100%;
        height: 100%;
        z-index: 9;
        background-size: cover;
        border-radius: 100%;
        background-position: center
    }

    .service-process .third-bg {
        background: url(//cdn1.designhill.com/assets/dh/images/how-it-work/client_animation.gif?rnd=2) no-repeat scroll 0 0;
        display: block;
        width: 100%;
        height: 100%;
        z-index: 9;
        background-size: cover;
        border-radius: 100%;
        background-position: center
    }

.desg-categoryList.service-catList {
    display: block
}

#designer_customServices .service-process .first-bg {
    background: url(//cdn1.designhill.com/assets/dh/images/how-it-work/designer_browse.gif?rnd=2) no-repeat scroll 0 0
}

#designer_customServices .service-process .second-bg {
    background: url(//cdn1.designhill.com/assets/dh/images/how-it-work/designer_sell.gif?rnd=2) no-repeat scroll 0 0
}

#designer_customServices .service-process .third-bg {
    background: url(//cdn1.designhill.com/assets/dh/images/how-it-work/designer-animation.gif?rnd=2) no-repeat scroll 0 0
}

.custom-servicesTop .browse-customServiceBtn {
    display: inline-block;
    width: 100%
}

.service-grid-box {
    background: #fff;
    text-align: center;
    padding: 0;
    min-height: 422px;
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 16px rgba(0,0,0,.18);
    -o-box-shadow: 0 6px 16px rgba(0,0,0,.18);
    -ms-box-shadow: 0 6px 16px rgba(0,0,0,.18);
    box-shadow: 0 6px 16px rgba(0,0,0,.18);
    margin-bottom: 30px
}

    .service-grid-box .service-name-rating .common-pro-css {
        opacity: 0
    }

    .service-grid-box:hover .service-name-rating .common-pro-css {
        opacity: 1
    }

    .service-grid-box .service-name-rating .common-pro-css {
        top: 1px
    }

.service-bottomBox {
    display: inline-block;
    width: 100%;
    padding: 15px
}

.box-title {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    text-decoration: underline;
    text-overflow: ellipsis;
    text-transform: uppercase;
    width: 100%
}

.points-list {
    text-align: left
}

    .points-list > li {
        margin-bottom: 5px;
        font-weight: 600;
        opacity: .8;
        font-size: 13px
    }

    .points-list i {
        margin-right: 8px;
        color: #76aa2c
    }

.card-foot {
    margin-top: 20px;
    margin-bottom: 5px
}

.service-grid-box .box-image .box-imageBg {
    width: 100%;
    height: 210px;
    cursor: pointer;
    z-index: 6;
    position: relative
}

.box-title:hover {
    color: #76aa2c;
    text-decoration: underline
}

.disabled-service .box-title:hover {
    color: #333
}

.card-foot.modify-links {
    padding: 20px 0;
    background: #f2f2f2;
    position: relative;
    margin-top: 16px;
    margin-bottom: 0
}

    .card-foot.modify-links:before, .card-foot.modify-links:after {
        position: absolute;
        top: 0;
        bottom: 0;
        content: '';
        background: #f2f2f2;
        height: 100%;
        width: 15px
    }

    .card-foot.modify-links:before {
        left: -15px
    }

    .card-foot.modify-links:after {
        right: -15px
    }

span.max-limitCharacter {
    display: inline-block;
    text-align: right;
    width: 100%;
    color: #b5b3b3;
    text-transform: capitalize;
    font-size: 13px;
    padding: 12px 0 0
}

.popular-pricing .ribbonPopular {
    background: #f4c635 none repeat scroll 0 0;
    border-color: #f4c635;
    color: #000;
    font-weight: 600;
    text-shadow: 1px 1px 0 #f4c635
}

#package .cnt-launch-pkg-box .ribbonPopularMain, #all_packeges .pricingBlk2 .ribbonPopularMain {
    z-index: 9;
    width: 120px;
    height: 120px
}

#package .selected.cnt-launch-pkg-box .ribbonPopularMain, #all_packeges .pricingBlk2 .ribbonPopularMain {
    left: -4px;
    top: -16px
}

.pricing-tooltipMark {
    position: absolute;
    right: 10px;
    background: #cdcdcd none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    float: right;
    height: 12px;
    line-height: 9px;
    text-align: center;
    width: 12px;
    top: 10px
}

    .pricing-tooltipMark i {
        font-size: 10px
    }

.pricing-copyrightCss {
    display: inline-block;
    font-size: 16px;
    padding: 5px 15px 10px;
    text-align: center;
    width: 100%
}

.pricingPage .selectIndus {
    display: inline-block;
    padding-left: 130px;
    width: 100%
}

.visual-moneyBack {
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    width: 100%
}

.visual-backCheck {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    color: #000;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 30px
}

    .visual-backCheck i {
        font-size: 16px
    }

.visual-textTitle {
    display: inline-block;
    padding-left: 40px;
    width: 100%;
    margin-top: 4px
}

    .visual-textTitle > p {
        margin: 0 !important;
        font-size: 13px
    }

.btn.btn-default.skip-step.skip-marginStep {
    display: inline-block;
    margin: 0;
    padding: 11px 19px
}

.fixed-footer.common-css .btn.btn-default.skip-step.skip-marginStep {
    margin-top: 4px !important;
    margin-left: 30px
}

.fixed-footer.common-css .lcnt-vbf-btn-action .pay_launch_btn.process-css {
    margin: 2px 0 0
}

.choose-styleDesign {
    display: none;
    font-size: 15px;
    font-weight: 600;
    max-width: 670px;
    opacity: .9;
    padding: 15px 0 0 160px;
    color: #fff
}

.fixed-header .choose-styleDesgNone {
    display: inline-block
}

.with-login.fixed-header .choose-styleDesign {
    max-width: 285px;
    padding: 6px 0 0
}

#frmpStyleMiscInfo {
    position: relative
}

.launch-styleClose {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: -11px;
    text-align: center;
    top: -14px
}

    .launch-styleClose i {
        font-size: 15px
    }

#cnstCouponCodeFeedback .coupan-code.success {
    color: #009f00;
    float: left;
    position: relative;
    padding-right: 20px
}

    #cnstCouponCodeFeedback .coupan-code.success .glyphicon.glyphicon-remove {
        position: absolute;
        right: 0;
        top: 4px
    }

#cnstCouponCodeFeedback .coupan-code {
    color: red;
    float: right
}

.pricing-award-winning {
    display: inline-block;
    margin-right: 40px
}

    .pricing-award-winning .award-winnin-design-pricePage {
        padding: 12px 17px
    }

.pTitle {
    color: #555;
    font-weight: 600;
    margin-top: 15px
}

.logo-how-it .customer-heading {
    margin: 50px 0 30px;
    text-align: center
}

.logo-how-it .headingSpan {
    display: inline-block;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.logo-how-it .customer-heading .divider-css {
    margin-top: 0;
    width: 19%
}

.logo-how-it .how-it-logoContainer {
    border-bottom: 2px solid #f0f0f0;
    display: inline-block;
    margin: 30px 0;
    padding: 0 20px;
    position: relative;
    width: 100%
}

.logo-how-it .how-it-container .common-howCss:after {
    border-right: 2px solid #f0f0f0;
    content: "";
    height: 100%;
    position: absolute;
    right: -15px;
    top: 0
}

.logo-how-it .common-howCss {
    color: #000;
    cursor: default;
    display: inline-block;
    min-height: 320px;
    padding: 0 15px;
    position: relative;
    width: 100%
}

.logo-how-it .works-img {
    text-align: center;
    position: relative
}

    .logo-how-it .works-img > span {
        border: 2px solid #b0b0b0;
        border-radius: 50%;
        color: #909090;
        font-size: 25px;
        font-weight: 600;
        height: 40px;
        left: 20px;
        line-height: 34px;
        padding: 0;
        position: absolute;
        width: 40px
    }

    .logo-how-it .works-img > img {
        height: 150px
    }

.logo-how-it .common-howCss.logo-how-thirdStep:after {
    border-right: medium none
}

.logo-how-it .common-howCss .inner_logoDesigner {
    padding: 0;
    position: relative;
    text-align: center
}

.logo-how-it .common-howCss h3, .logo-how-it .common-howCss .inner-logoDesigner-head {
    font-size: 21px;
    font-weight: 600;
    margin: 20px 0 10px
}

.logo-how-it .common-howCss .inner_logoDesigner > p {
    font-size: 14px;
    margin: 0
}

.priceCal p {
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
    margin-top: 12px
}

.paypalFeeCalculator {
    background: #fff;
    padding: 0 0 60px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    -o-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    margin-top: 40px
}

    .paypalFeeCalculator h4.text-center {
        margin-top: 40px
    }

.contests-banner-section .cts-banner-image {
    display: inline-block;
    padding: 30px 0;
    text-align: center;
    width: 100%
}

.contests-banner-section .contest-banner-details {
    color: #fff;
    position: relative
}

.contests-banner-section .contest-title-1 {
    display: inline-block;
    font-weight: 600;
    letter-spacing: .4px;
    margin: 0;
    position: relative;
    width: 100%;
    padding: 16px 0 0;
    line-height: 60px;
    font-size: 42px
}

.contests-banner-section .contest-tagline-1 {
    display: inline-block;
    font-size: 17px;
    line-height: 32px;
    padding: 0 10px 20px 0;
    width: 100%
}

.contest-banner-details .star-rating-main-box a {
    color: #fff;
    text-decoration: underline;
    opacity: .9
}

    .contest-banner-details .star-rating-main-box a:hover {
        opacity: 1
    }

.contest-banner-details .whiteBtnNectar .btn.btn-default {
    margin-right: 20px;
    padding: 10px 30px
}

#how-video-modal .close.icon.icon-close, .how-it-works-video .close.icon.icon-close {
    background: #f4f4f6 none repeat scroll 0 0;
    opacity: 1;
    text-align: center
}

#how-video-modal .close.icon.icon-close, .how-it-works-video .close.icon.icon-close {
    color: #000
}

.worksArrow {
    display: inline-block;
    padding: 20px 0 0;
    text-align: center;
    width: 100%
}

    .worksArrow i {
        opacity: 0;
        font-size: 40px;
        line-height: 10px;
        transition: all .4s ease 0s;
        -moz-transition: all .4s ease 0s;
        -ms-transition: all .4s ease 0s;
        -o-transition: all .4s ease 0s;
        -webkit-transition: all .4s ease 0s
    }

    .worksArrow .common-new {
        margin-top: -10px
    }

.contest-banner-details .worksArrow {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    max-width: 30px;
    margin: 0 auto
}

.testimonial_header .btn.btn-default {
    margin-top: 20px;
    padding: 11px 35px
}

.launch-contest-step-1 .contests-banner-section .contest-tagline-1 {
    font-size: 16px;
    padding: 8px 10px 20px 0
}

.launch-contest-step-1 .launch-tagline {
    display: inline-block;
    font-size: 18px;
    width: 100%
}

.designer-contests .designer-cat-title {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    left: 10px;
    padding: 0 0 5px;
    position: absolute;
    text-transform: uppercase;
    top: 5px;
    z-index: 9
}

.designer-contests .designer-cat-img {
    border: 4px solid transparent;
    border-radius: 5px;
    float: left;
    margin-bottom: 15px;
    transform: scale(1);
    transition: all .4s ease 0s;
    width: 100%
}

.designer-contests .title-browse {
    margin-bottom: 15px
}

.designer-contests .designer-cat-bg {
    border-radius: 3px;
    float: left;
    min-height: 140px;
    position: relative;
    width: 100%
}

    .designer-contests .designer-cat-bg:after {
        border-radius: 3px;
        background: rgba(0,0,0,.8) none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.designer-contests .designer-contests-count {
    bottom: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    right: 10px;
    position: absolute;
    text-transform: capitalize;
    z-index: 9
}

    .designer-contests .designer-contests-count > span {
        font-size: 25px
    }

.designer-contests-slider .designer-cat-view {
    border: 1px solid #fff;
    font-size: 14px;
    bottom: 0;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    height: 32px;
    left: 0;
    line-height: 31px;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: capitalize;
    top: 0;
    transition: all .4s ease 0s;
    visibility: visible;
    width: 80px;
    z-index: 9
}

.designer-contests-slider .carousel-indicators {
    bottom: -10px;
    display: inline-block;
    left: 0;
    margin: auto;
    right: 0;
    text-align: center;
    width: auto
}

    .designer-contests-slider .carousel-indicators li.active {
        background: #000 none repeat scroll 0 0;
        border-color: #000;
        margin: 1px 8px 1px 0
    }

    .designer-contests-slider .carousel-indicators li {
        background: #abaaa7 none repeat scroll 0 0;
        border: 1px solid #909090;
        margin: 1px 8px 1px 0
    }

.designer-contests {
    padding-bottom: 10px
}

.designer-contests-slider .designer-cat-img:hover .designer-cat-view, .designer-contests-slider .selected .designer-cat-img .designer-cat-view {
    background: #fff none repeat scroll 0 0;
    color: #000
}

.designer-contests .row {
    position: relative
}

.designer-contests .contest-titleCss {
    padding-right: 80px
}

.designer-contests .contestSlider-arrows {
    position: absolute;
    right: 20px;
    top: 19px
}

    .designer-contests .contestSlider-arrows .carousel-control-prev {
        left: -40px
    }

    .designer-contests .contestSlider-arrows a {
        height: 45px;
        position: absolute;
        transition: all .4s ease 0s
    }

    .designer-contests .contestSlider-arrows .carousel-control-next {
        right: -6px
    }

    .designer-contests .contestSlider-arrows span {
        color: #949494;
        font-size: 50px
    }

    .designer-contests .contestSlider-arrows a:hover span {
        color: #000
    }

.designer-contests .selected .designer-cat-img {
    border: 4px solid #82bc3b;
    transform: scale(1.05)
}

.designer-contests-slider .cat-item {
    padding-top: 10px
}

.lp-banner-right {
    background: #fff none repeat scroll 0 0;
    color: #333;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.16),0 8px 24px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.16),0 8px 24px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,.16),0 8px 24px 0 rgba(0,0,0,.2);
    -o-box-shadow: 0 0 12px 0 rgba(0,0,0,.16),0 8px 24px 0 rgba(0,0,0,.2);
    position: absolute;
    overflow: hidden;
    right: 0;
    border-radius: 3px;
    top: 20px
}

.lp-right-section-one {
    padding: 40px
}

.lp-right-title {
    font-size: 25px;
    font-weight: 500;
    margin: 0;
    text-transform: capitalize
}

.lp-right-tagline {
    color: #505050;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    width: 100%
}

.lg-banner-tabs {
    display: inline-block;
    width: 100%
}

.lp-banner-action {
    border: 2px solid #ddd;
    display: inline-block;
    margin: 15px 0 0;
    padding: 10px 10px 10px 125px;
    position: relative;
    width: 100%;
    background: 0 0;
    color: #333;
    border-radius: 3px
}

.lp-tab-image {
    left: 15px;
    position: absolute
}

.lp-tab-title {
    display: inline-block;
    font-size: 19px;
    font-weight: 600;
    padding: 0 0 5px;
    position: relative;
    width: 100%
}

.lp-banner-form .lp-tab-title {
    padding: 0 30px 5px 0
}

.lp-effects {
    position: absolute;
    right: 0;
    animation: MoveRight 1s linear infinite
}

    .lp-effects i {
        font-size: 18px;
        color: #606060
    }

.lp-banner-action:first-child {
    margin-top: 5px
}

.lp-checkout--more {
    margin-top: 15px
}

    .lp-checkout--more a {
        font-weight: 600;
        text-decoration: none
    }

    .lp-checkout--more .icon-long-arrow-right {
        opacity: 1;
        position: relative;
        right: auto;
        line-height: normal;
        top: 3px
    }

    .lp-checkout--more a:hover {
        border-bottom: 2px solid #337ab7
    }

@keyframes MoveRight {
    0% {
        right: 10px
    }

    50% {
        right: 25px
    }

    100% {
        right: 10px
    }
}

.lp-banner-action:hover {
    background: #eee;
    color: #000
}

    .lp-banner-action:hover .lp-effects i {
        color: #333
    }

.lp-tab-highlight {
    color: #505050;
    font-size: 15px;
    line-height: 24px;
    margin: 0
}

.lp-right-info {
    display: block;
    width: 200%;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s
}

.lp-banner-form-step {
    float: left;
    padding: 25px 40px;
    width: 50%;
    transition: all .4s ease 0s
}

.lp-right-form-two {
    background: #fff none repeat scroll 0 0;
    opacity: 0;
    visibility: hidden;
    max-height: 600px
}

.step-form-active .lp-right-form-one {
    opacity: 0;
    visibility: hidden
}

.step-form-active .lp-right-form-two {
    opacity: 1;
    visibility: visible;
    max-height: none
}

.step-form-active .lp-right-info {
    transform: translateX(-50%)
}

.lp-form-info {
    position: relative
}

.lp-left-hand {
    display: inline-block;
    position: absolute;
    top: -18px;
    width: 100%;
    animation: MoveLeft 1s linear infinite
}

    .lp-left-hand i {
        font-size: 19px
    }

@keyframes MoveLeft {
    0% {
        left: 0
    }

    50% {
        left: 15px
    }

    100% {
        left: 0
    }
}

span.lp-read--more {
    display: block;
    color: #1573b7;
    font-size: 12px;
    font-weight: 600
}

.servcies-tabs {
    border: 1px solid #ddd;
    float: left;
    margin: 0 0 20px;
    padding: 15px 0;
    width: 100%;
    position: relative;
    min-height: 130px
}

.service-groups {
    position: relative
}

    .service-groups .nav.nav-tabs li {
        display: block;
        width: 100%
    }

    .service-groups .nav.nav-tabs {
        border: medium none;
        left: 0;
        position: absolute;
        top: 0;
        width: 190px;
        border-right: 1px solid #ddd;
        background: #f1f1f1;
        height: 100%
    }

    .service-groups .tab-content {
        margin-left: 200px;
        width: calc(100% - 200px);
        padding: 0 0 0 20px
    }

.servcies-tabs .nav-tabs li a, .servcies-tabs .nav-tabs li:first-child a {
    border: medium none;
    position: relative;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    color: #333;
    border-top: 1px solid #ddd
}

    .servcies-tabs .nav-tabs li a:hover, .servcies-tabs .nav-tabs li a:active, .servcies-tabs .nav-tabs li a:focus {
        background: rgba(0,0,0,0);
        border: medium none;
        border-bottom: 1px solid #ddd;
        color: #333;
        border-top: 1px solid #ddd
    }

.servcies-tabs .nav-tabs li.active a:hover, .servcies-tabs .nav-tabs li.active a:active, .servcies-tabs .nav-tabs li.active a:focus {
    background: #fff;
    border: medium none;
    border-bottom: 1px solid #ddd;
    color: #333;
    border-top: 1px solid #ddd
}

.servcies-tabs .nav-tabs li a i {
    font-size: 13px;
    position: absolute;
    right: 15px;
    top: 15px
}

.service-groups .servcies-tabs .nav.nav-tabs li.active .icon-plus {
    color: #658d20
}

.servcies-tabs li.active a {
    border: medium none;
    border-radius: 0;
    margin: 0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.servcies-tabs li.active:first-child a, .servcies-tabs .nav-tabs li.active:first-child a:hover, .servcies-tabs .nav-tabs li.active:first-child a:active, .servcies-tabs .nav-tabs li.active:first-child a:focus, .servcies-tabs .nav-tabs li:first-child a {
    border-top: none
}

.servcies-tabs .nav-tabs > li > a {
    margin-right: 0
}

.servcies-tabs li.active a:after {
    border-right: 1px solid #fff;
    content: "";
    height: 100%;
    position: absolute;
    right: -1px;
    top: 0
}

.service-groups .nav.nav-tabs li:last-child a {
    border-bottom: medium none
}

.service-groups .nav.nav-tabs li.active:last-child a {
    border-bottom: 1px solid #ddd
}

.service-form-group.services-checkbox.service-check-other {
    width: 100%
}

.servcies-tabs .form-group.services-checkbox.service-check-other > label {
    width: 20%
}

.service-form-group.service-check-other > .form-control[type=text] {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: gray;
    display: inline-block;
    height: 32px;
    padding: 2px 5px;
    width: 25%
}

.service-form-group.services-checkbox {
    border: medium none;
    float: left;
    width: 33%;
    padding-left: 0;
    padding-right: 15px;
    position: relative
}

.servcies-tabs .form-group.service-form-group.services-checkbox.service-focused {
    background: rgba(0,0,0,0)
}

.servcies-tabs .form-control.service-checkbox {
    display: inline-block;
    float: left;
    height: auto;
    left: -2px;
    margin: 0 8px 0 0;
    position: absolute;
    width: auto
}

.servcies-tabs .form-group.services-checkbox > label {
    display: inline-block;
    float: left;
    margin-right: 0;
    padding: 0 0 0 19px;
    width: 100%;
    word-wrap: break-word
}

.servcies-tabs .form-control.service-checkbox:focus {
    outline: none
}

#service_update_modal .modal-dialog {
    margin-top: 40px
}

#service_update_modal .carousel {
    display: inline-block;
    width: 100%
}

.service-update-popup .modal-body {
    background: #fff none repeat scroll 0 0
}

.service-old-details, .service-title-text, .service-top-div {
    display: inline-block;
    width: 100%
}

.service-update-popup .user-service-image {
    border-radius: 2px;
    box-shadow: 0 7px 21px 0 rgba(0,0,0,.1);
    display: inline-block;
    height: 230px;
    width: 100%
}

.service-update-popup .title-text-css {
    margin: 0;
    color: #323232;
    font-size: 28px;
    font-weight: 600;
    line-height: normal;
    position: relative;
    text-transform: capitalize
}

.service-update-popup .service-old-details {
    padding: 5px 0 20px
}

.service-update-popup .service-category-text {
    color: gray;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 0;
    position: relative;
    width: 100%
}

    .service-update-popup .service-category-text:before {
        border-bottom: 3px solid gray;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        width: 40px
    }

.service-update-popup .service-description-text {
    color: #767676;
    display: inline-block;
    font-weight: 500;
    padding: 10px 0 0;
    width: 100%
}

.service-update-popup .service-old-details .servcies-tabs {
    display: inline-block;
    margin: 20px 0;
    width: 100%
}

.service-update-popup .update-popup-strip {
    background: #e74c3c none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 10px 20px;
    width: 100%
}

#service_update_modal .carousel-control {
    bottom: 0;
    display: inline-block;
    height: 80px;
    line-height: 18px;
    margin: auto;
    opacity: 1;
    top: 0;
    width: auto
}

    #service_update_modal .carousel-control.left {
        left: -70px
    }

    #service_update_modal .carousel-control.right {
        right: -70px
    }

    #service_update_modal .carousel-control i {
        color: #fff;
        font-size: 75px;
        height: auto;
        text-align: center
    }

#service_update_modal .servcies-tabs .form-control.service-checkbox {
    margin: 4px 8px 0 0
}

#service_update_modal .servcies-tabs .form-group.services-checkbox > label {
    color: #707070;
    width: auto;
    display: inline-block
}

#service_update_modal .servcies-tabs .nav-tabs > li > a {
    font-size: 14px
}

#service_update_modal .update_other_delivered {
    float: left;
    margin-left: 10px;
    width: 70px;
    height: 30px;
    border: 1px solid #ddd
}

.star-rating-main-box .star-rating {
    display: inline-block;
    position: relative;
    text-align: left
}

.star-rating-main-box .star-rating-large .star-rating {
    font-size: 30px;
    height: 30px;
    margin-left: 6px;
    width: 30px
}

.star-rating-main-box .star-rating:before {
    color: #9a9a9a;
    content: "\f005";
    font-size: 100%;
    line-height: 29px;
    position: absolute;
    text-align: left;
    font-family: fontawesome
}

.star-rating-main-box .star-ratings {
    color: var(--yellow-btn-color);
    font-size: 100%;
    height: 100%;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    text-align: left
}

    .star-rating-main-box .star-ratings:before {
        content: "\f005";
        margin: 0;
        font-family: fontawesome
    }

.star-rating-main-box .star-rating-main-box p {
    margin-bottom: 30px
}

.star-rating-main-box p {
    font-size: 14px;
    text-transform: none
}

.footer-section-text.pricing-footer-section h4 {
    border-bottom: medium none;
    display: inline-block;
    position: absolute;
    width: auto;
    margin: 5px 0 0
}

    .footer-section-text.pricing-footer-section h4:after {
        content: ":";
        position: absolute;
        right: -20px
    }

.footer-section-text.pricing-footer-section ul {
    display: inline-block;
    padding: 0 0 20px 220px;
    position: relative;
    width: 100%
}

.footer-section-text.pricing-footer-section .logoDesignCity li {
    display: inline-block;
    height: auto;
    padding: 0 13px;
    position: relative;
    width: auto
}

.footer-section-text.pricing-footer-section li:before {
    border-right: 1px solid #8f95a3;
    content: "";
    height: 13px;
    position: absolute;
    right: 0;
    top: 12px
}

.footer-section-text.pricing-footer-section li a {
    font-size: .97em;
    line-height: 35px
}

.bottomChar {
    left: 60px;
    margin: 0 auto;
    position: absolute;
    width: 230px
}

.nt-referral .bottomChar {
    width: 180px
}

.nt-referral .bounce-ball {
    width: 80px
}

.popup .bottomChar {
    left: 0;
    position: relative
}

.bounce-ball {
    left: -40px;
    position: absolute;
    width: 100px;
    top: -10px;
    -webkit-animation: bounceball 1s infinite;
    animation: bounceball 1s infinite
}

.bottomChar img {
    width: 100%
}

.nt-referral .btn.btn-default.btn-white, .refferalCommon .btn-default.btn-white {
    margin-left: 10px;
    padding: 11px 30px
}

@keyframes bounceball {
    0% {
        top: -10px;
        animation-timing-function: ease-in
    }

    50% {
        top: 0;
        animation-timing-function: ease-in
    }

    70% {
        top: 5px;
        animation-timing-function: ease-in
    }

    100% {
        top: -10px;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes bounceball {
    0% {
        top: -10px;
        -webkit-animation-timing-function: ease-in
    }

    50% {
        top: 0;
        -webkit-animation-timing-function: ease-in
    }

    70% {
        top: 5px;
        -webkit-animation-timing-function: ease-in
    }

    100% {
        top: -10px;
        -webkit-animation-timing-function: ease-in
    }
}

@-ms-keyframes bounce-ball {
    0% {
        top: -10px;
        -ms-animation-timing-function: ease-in
    }

    50% {
        top: 0;
        animation-timing-function: ease-in;
        -webkit-animation-timing-function: ease-in
    }

    70% {
        top: 5px;
        -ms-animation-timing-function: ease-in
    }

    100% {
        top: -10px;
        -ms-animation-timing-function: ease-in
    }
}

.cmnBtn .btn.btn-default {
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    padding: 8px 9px
}

.bottomBtn {
    padding: 0 15px;
    margin-top: 2px
}

    .bottomBtn .btn {
        width: 100%
    }

#reviews-contest .add_favorite .btn {
    margin-left: 7px;
    margin-top: 10px;
    max-width: 267px;
    padding: 7px 0
}

#reviews-contest .add_favorite .btn-cherris:hover {
    background: #e74c3c;
    border-color: #e74c3c
}

#reviews-contest .add_favorite .btn-cherris:active {
    background-color: #a70c00;
    border-color: #a70c00
}

.boxGridFooter .author-details {
    margin: 0;
    padding: 0 100px 0 25px;
    width: 100%;
    display: inline-flex
}

#entriesPopup .boxGridFooter .author-details {
    padding: 0 116px 0 25px;
    display: flex
}

    #entriesPopup .boxGridFooter .author-details .author-name {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 80px;
        color: #999
    }

        #entriesPopup .boxGridFooter .author-details .author-name > a {
            white-space: nowrap
        }

#entriesPopup .entryBlkMain, #entriesPopup .icon-css .btn.btn-default > i, #entriesPopup .icon-css .btn.btn-default > span.likes-count, .dg-right-box .entryBlkMain, .dg-right-box .icon-css .btn.btn-default > i, .dg-right-box .icon-css .btn.btn-default > span.likes-count {
    font-size: 13px
}

.gallery-design .boxGridFooter .author-details {
    margin: 0;
    padding: 0 0 0 35px;
    width: 100%
}

.boxGridFooter .author-thumb {
    left: 15px;
    position: absolute;
    top: 9px
}

.icon-css .btn.btn-default > i.icon-heart {
    width: 16px;
    display: inline-block
}

.boxGridRight {
    position: absolute;
    right: 0;
    top: 63%;
    display: flex;
    align-items: center;
    transform: translateY(-50%)
}

.dg-right-box .boxGridRight {
    bottom: 6px
}

#entriesPopup .entryBlkMain i, .dg-right-box .entryBlkMain i {
    font-size: 13px
}

#entriesPopup .boxGridRight .icon-css.favCss, .dg-right-box .boxGridRight .icon-css.favCss {
    position: relative;
    top: 1px;
    min-width: 23px
}

.boxGridRight .icon-css.favCss > .personal_design_like, #entriesPopup .icon-css.favCss > .likedesign, .dg-right-box .icon-css.favCss > .likedesign {
    padding: 0;
    border: 0
}

.boxGridRight .entryBlkMain {
    order: 2;
    cursor: default;
    display: inline-flex;
    align-items: center
}

.boxGridRight .icon-css.favCss {
    order: 1;
    display: flex;
    align-items: center
}

.gallery-design .boxGridRight {
    position: absolute;
    right: 20px;
    top: auto;
    bottom: 0
}

.boxGridFooter .author-thumb img {
    border-radius: 3px;
    height: 18px;
    max-width: 18px
}

.gallery-design .boxGridFooter .author-thumb img {
    border-radius: 3px;
    height: 25px;
    max-width: 25px
}

.favCss-main {
    bottom: 10px;
    position: absolute;
    right: 12px;
    z-index: 999;
    left: 12px
}

.gallery-design .favCss-main {
    bottom: 50px;
    position: absolute;
    right: 32px;
    z-index: 999
}

.favCss .btn.btn-default, .favCss .btn.btn-default:active {
    background: #fff
}

.favCss-main .whiteBtnNectar {
    opacity: 0;
    transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s
}

.entries-thumb:hover .whiteBtnNectar {
    opacity: 1
}

.favCss-main .whiteBtnNectar .btn {
    font-size: 12px;
    padding: 7px 16px;
    box-shadow: none;
    border-radius: 30px
}

.favCss-main .whiteBtnNectar.fav-css-invite {
    text-align: right
}

.favCss-main .whiteBtnNectar .btn.dg-btn-invite, .favCss-main .whiteBtnNectar .btn.btn-decline-invite {
    font-size: 14px;
    padding: 7px 25px;
    line-height: normal
}

.displayFlex .boxGridFooter {
    padding: 8px 15px
}

    .displayFlex .boxGridFooter a {
        color: #999
    }

.design-gallery-wrapper .dg-related-products {
    background: #f4f4f4
}

.gallery-design .icon-css .btn.btn-default:hover, .gallery-design .icon-css .btn.btn-default:active, .gallery-design .icon-css .btn.btn-default:focus {
    background: 0 0;
    color: #999;
    box-shadow: none;
    border: none
}

.hert-icon-loader {
    display: inline-flex;
    align-items: center
}

    .hert-icon-loader .spinner-icon {
        width: 14px;
        height: 14px;
        margin-right: 4px
    }

.displayFlex .favCss.icon-css .btn.btn-default.active {
    color: #d73c2c;
    background: #fff
}

.dg-right-box.displayFlex .dg-right-title {
    width: 100%
}

.author-details.hideauth {
    visibility: hidden
}

body.modal-open, html.modal-open {
    position: relative;
    width: 100%;
    overflow: hidden;
    top: 0;
    bottom: 0;
    height: 100%
}

    body.modal-open.modal-overflow-hidden {
        overflow-y: auto
    }

.boxGridFooter .author-details.dot-dot-name {
    display: flex
}

.dot-dot-name .author-name {
    overflow: hidden;
    display: inherit
}

    .dot-dot-name .author-name > a {
        display: inline-block;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

.designGalleryEntry .boxGridFooter .author-thumb {
    left: 0
}

    .designGalleryEntry .boxGridFooter .author-thumb img {
        width: 24px;
        height: 24px;
        border-radius: 100%;
        max-width: 24px
    }

.designGalleryEntry .boxGridFooter .author-details {
    padding: 0 115px 0 30px
}

.designGalleryEntry .entries-main-box .author-name.pro-parent-css .common-pro-css {
    position: relative;
    top: 0;
    display: inline;
    font-size: 12px;
    align-self: center;
    cursor: default
}

.design-faq-inner {
    padding: 0 15px
}

.dg-background .main-bread-css:after {
    right: 4px;
    top: -1px
}

.dg-background .main-bread-css {
    padding: 0 16px 0 0
}

.design-gallery-banners {
    background-image: url(//cdn1.designhill.com/assets/dh/images/b-5-blue.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 30px 0 0;
    position: relative
}

    .design-gallery-banners .dg-background {
        padding: 45px 0
    }

.dg-background .dg-banner-heading {
    margin: 0;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    padding-top: 10px
}

    .dg-background .dg-banner-heading > strong {
        font-size: 32px
    }

.dg-background .search-category-buttons {
    text-align: center
}

.design-faq {
    padding: 50px 0
}

    .design-faq .design-faq--list {
        border-top: 2px solid #e6e6e6
    }

    .design-faq .design-question .design-faq-item {
        color: #3a3a3a;
        display: inline-block;
        font-size: 19px;
        font-weight: 400;
        padding: 15px 50px 15px 10px;
        position: relative;
        width: 100%;
        transition: all .4s ease 0s
    }

.design-faq-item i {
    bottom: 0;
    color: #555;
    font-size: 25px;
    font-weight: 600;
    height: 29px;
    margin: auto;
    position: absolute;
    right: 5px;
    top: 0
}

.design-faq .design-faq--answer {
    color: #555;
    font-size: 15px;
    line-height: 1.6;
    padding-right: 30px
}

    .design-faq .design-faq--answer > span {
        display: inline-block;
        padding: 0 20px 20px;
        width: 100%
    }

.design-faq .design-faq-title, .design-post-title {
    color: #000;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 35px;
    margin: 0 0 50px;
    padding: 0 0 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.design-faq .design-faq-title {
    font-size: 30px
}

    .design-faq .design-faq-title:after, .design-post-title:after {
        border-bottom: 2px solid #262626;
        bottom: 0;
        content: "";
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        width: 100px
    }

.design-faq .small--s {
    text-transform: lowercase
}

.design-faq .whiteBtnNectar .btn.btn-default {
    padding: 12px 22px
}

.design-latest-post {
    box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
    padding: 50px 0
}

    .design-latest-post .design-post-image {
        display: block;
        padding-top: 50%;
        width: 100%;
        flex-grow: 0
    }

    .design-latest-post .design-post-text {
        padding: 10px;
        border-radius: 0 0 5px 5px;
        flex-grow: 1;
        display: flex;
        flex-direction: column
    }

    .design-latest-post .design-post-story {
        box-shadow: 0 1px 7px rgba(0,0,0,.35);
        margin: 0 0 25px;
        border-radius: 0 0 5px 5px;
        height: calc(100% - 25px);
        display: flex;
        flex-direction: column
    }

    .design-latest-post .post-heading {
        color: #000;
        font-size: 16px;
        font-weight: 600;
        line-height: normal;
        display: inline-block;
        width: 100%;
        flex-grow: 0
    }

    .design-latest-post .design-post-chunks {
        color: #333;
        font-size: 13px;
        margin: 5px 0;
        flex-grow: 1
    }

    .design-latest-post .design-post-author {
        color: #333;
        font-size: 13px;
        padding: 0
    }

    .design-latest-post .post-by-desc {
        color: #637281;
        float: right;
        font-size: 13px;
        position: absolute;
        right: 0;
        top: 2px
    }

    .design-latest-post .design-post-list {
        display: flex;
        flex-flow: row wrap;
        justify-content: center
    }

.design-post-list .design-post-items {
    flex: 0 1 auto
}

.design-testimonials {
    padding: 40px 0 25px
}

    .design-testimonials .design-testi-heading {
        margin: 0 0 70px;
        position: relative;
        padding: 0 15px
    }

        .design-testimonials .design-testi-heading:after {
            border-bottom: 2px solid #262626;
            bottom: -27px;
            content: "";
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
            width: 100px
        }

    .design-testimonials .dg-testimonial-heading {
        color: #000;
        font-size: 25px;
        font-weight: 500;
        margin: 0 0 10px;
        position: relative;
        text-transform: uppercase
    }

.design-testimonialInner .author_name {
    display: inline-block;
    margin: 5px 0 0;
    opacity: 1;
    font-weight: 600
}

.design-post-text .design-post-by {
    padding: 0 68px 0 0;
    position: relative
}

.design-testimonialInner .gds--testimonials {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.design-question, .design-question h3 {
    margin: 0
}

.comment-box {
    border-bottom: 1px solid #e3e4e8;
    float: left;
    margin: 0;
    padding: 10px 20px;
    width: 100%
}

.client_msg .whiteBtnNectar.text-center {
    margin-top: 10px
}

p.clientmsgCSS {
    padding: 0 15px;
    text-align: center
}

#designer_msg, #client_msg {
    font-size: 16px
}

.mbsy-iframe.mbsy-integration.mbsy-raf-button.mbsy-iframe-ready.mbsy-iframe-connected.mbsy-button-ready {
    margin-top: 250px !important
}

.exclusion--ndaCss .link {
    color: #3c7016;
    cursor: pointer;
    float: left;
    font-weight: 500;
    margin-left: 0;
    margin-top: 7px;
    padding: 0 0 2px;
    position: relative;
    text-decoration: underline;
    width: 100%
}

.exclusion--ndaCss .form-control {
    float: left;
    height: auto;
    margin: 6px 0 0;
    width: auto
}

.exclusion--ndaCss .link > span {
    padding: 0 8px
}

.exclusion--ndaCss {
    float: left;
    width: 100%
}

    .exclusion--ndaCss #nda_icon {
        color: #303030;
        float: left;
        margin: 5px 0 0;
        padding: 6px 0;
        position: relative;
        text-align: left
    }

        .exclusion--ndaCss #nda_icon i.icon-file-pdf {
            display: inline-block;
            font-size: 20px
        }

    .exclusion--ndaCss .icon-closebtn {
        background: #ddd none repeat scroll 0 0;
        border: 1px solid #ddd;
        border-radius: 100%;
        color: #606060;
        cursor: pointer;
        float: left;
        font-size: 14px;
        height: 25px;
        line-height: 22px;
        margin: 7px auto 0;
        text-align: center;
        width: 25px
    }

    .exclusion--ndaCss b {
        float: left;
        font-weight: 500;
        padding: 0 70px;
        text-align: left;
        width: 100%
    }

.nda--tempModal h2 {
    color: #303030;
    font-size: 20px;
    margin: 0;
    padding: 10px 0 0
}

.exclusion--ndaCss > label {
    float: left;
    width: 100%;
    margin: 0
}

.exclusion--ndaCss .pdf--css {
    border: 1px solid #ddd;
    float: left;
    margin: 0 9px;
    padding: 4px 0 0;
    text-align: center;
    width: 40px
}

    .exclusion--ndaCss .pdf--css b {
        text-align: center;
        background: #76aa2c none repeat scroll 0 0;
        color: #fff;
        float: left;
        font-size: 10px;
        font-weight: 600;
        padding: 0;
        text-transform: uppercase;
        width: 100%
    }

.exclusion--ndaCss .nda--pdf {
    border-bottom: 1px dotted #ddd;
    color: #505050;
    float: left;
    font-size: 17px;
    font-weight: 500;
    margin: 6px 0 0
}

.nda--agreement--title {
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 20px 15px 30px
}

.nda--agreement .nda--back {
    color: #76aa2c;
    float: left;
    font-size: 15px;
    position: relative;
    width: 100%;
    text-transform: capitalize
}

    .nda--agreement .nda--back i {
        padding: 0 5px 0 0
    }

    .nda--agreement .nda--back:hover {
        color: #76c82c
    }

.nda--agreement--details {
    background: #fff none repeat scroll 0 0;
    padding: 30px 15px 40px
}

.nda--agreement--title .form--title-css {
    color: #323232;
    font-weight: 600;
    font-size: 32px;
    margin: 0;
    text-transform: capitalize;
    width: 100%;
    float: left
}

.nda--agreement--details .nda--agreeTitle {
    color: #303030;
    font-size: 19px;
    font-weight: 600;
    margin: 0;
    padding: 10px 0 0
}

.nda--agreement--details .nda--agreeClause {
    color: #444;
    font-size: 14px
}

.nda--agreement--details .nda--pointHeading {
    font-size: 17px;
    font-weight: 600;
    margin: 0
}

.nda--agreement--details .nda--pointList {
    padding: 0 0 15px
}

    .nda--agreement--details .nda--pointList > li:before {
        color: #797979;
        content: "\f00c";
        font-family: fontawesome;
        font-size: 14px;
        left: 0;
        position: absolute;
        top: 2px
    }

    .nda--agreement--details .nda--pointList > li {
        font-size: 14px;
        padding: 0 0 5px 20px;
        position: relative
    }

.nda--agreement--details .whiteBtnNectar {
    text-align: center;
    margin: 30px 0 0
}

    .nda--agreement--details .whiteBtnNectar .btn.btn-default {
        font-size: 14px;
        margin-right: 16px;
        padding: 9px 22px
    }

.nda--agreement--details .nda--reveal + .whiteBtnNectar {
    text-align: left
}

.nda--reveal input {
    float: left;
    margin: 5px 7px 0 0
}

.nda--read .nda--reveal--action {
    color: #568a20;
    font-size: 15px;
    text-decoration: underline !important
}

.nda--read {
    font-weight: 600
}

.nda--reveal strong {
    padding: 0 10px 0 0
}

.nda--listing--section .nda--listing-title {
    color: #484848;
    font-size: 28px;
    margin: 0 0 20px;
    text-transform: capitalize
}

.nda--userList {
    display: inline-block;
    position: relative;
    width: 100%
}

    .nda--userList > img {
        border-radius: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 50px
    }

.nda--user {
    float: left;
    padding: 3px 20px 0 67px;
    width: 100%
}

.nda--userList .nda--textCss {
    color: #535865;
    display: inline-block;
    font-size: 15px;
    width: 100%
}

.nda--userList .nda--date {
    color: #b6b6b6;
    display: inline-block;
    font-size: 13px
}

.nda-mainList {
    margin-bottom: 20px;
    border-bottom: 2px solid #e3e4e8;
    padding-bottom: 10px
}

    .nda-mainList .whiteBtnNectar {
        float: right
    }

    .nda-mainList .btn.btn-default.btn-white {
        font-size: 12px;
        padding: 10px 17px
    }

    .nda-mainList:last-child {
        border-bottom: medium none
    }

.common--testimonials {
    padding: 40px 0 0
}

.budget-class > input[type=text] {
    position: absolute;
    right: -40px;
    top: 0
}

.budget-class {
    position: relative
}

.search--categoryTags {
    display: inline-block;
    margin: 20px 0 20px;
    position: relative;
    width: 100%
}

.search--inputCss {
    display: inline-block;
    padding-right: 200px;
    width: 100%
}

    .search--inputCss .form-control {
        border: none;
        border-bottom: 2px solid rgba(255,255,255,1);
        border-radius: 0;
        box-shadow: none;
        height: 50px;
        background: transparent none repeat scroll 0 0;
        font-size: 22px;
        color: #fff;
        padding-left: 0
    }

.search--categoryTags .search--tagButton {
    border: 2px solid rgba(255,255,255,1);
    border-radius: 30px;
    bottom: 0;
    color: #fff;
    font-size: 18px;
    width: 185px;
    height: 50px;
    position: absolute;
    right: 0;
    text-transform: capitalize;
    transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    text-align: center;
    line-height: 44px
}

.search--tagButton .dh-loader-css-white {
    height: auto
}

.search--categoryTags .search--tagButton:hover {
    background: #fff none repeat scroll 0 0;
    border-color: #fff;
    color: #000
}

.search--categoryTags .search--tagButton.active:hover, .search--categoryTags .search--tagButton.active:focus {
    background: 0 0
}

.footer-section-text.gallery--footer li {
    float: left;
    text-transform: capitalize;
    width: 25%
}

.search-category-buttons .get-design-quote-btn {
    margin-top: 20px;
    margin-right: 28px;
    width: auto
}

    .search-category-buttons .get-design-quote-btn:last-child {
        margin-right: 0
    }

.dh-feedback-css {
    display: inline-block;
    width: 100%;
    text-align: center
}

    .dh-feedback-css img {
        padding: 10px 0
    }

.dh-fdb-rating .form-group.dh-fdb-testiSubmit-box {
    margin: 0;
    padding: 0 0 5px 20px;
    position: unset
}

.dh-fdb-rating .fdb-testimonialInfo {
    min-height: 85px
}

.dh-feedback-offer {
    background: #80ba35 none repeat scroll 0 0;
    border-radius: 7px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    width: 100%
}

    .dh-feedback-offer .offer {
        color: #000;
        font-weight: 600
    }

.dh-fdbTitle {
    font-size: 21px;
    font-weight: 600;
    margin: 0;
    padding: 0 0 15px;
    text-align: center;
    text-decoration: underline
}

.dh-fdb-rating {
    display: inline-block;
    width: 100%
}

.dh-fdb-testiSubmit-box .dh-fdb-copy-button {
    margin: 15px 0
}

.dh-fdb-text {
    display: inline-block;
    padding: 0 0 10px;
    width: 100%
}

.dh-feedback-modalPopup .modal-dialog {
    width: 480px
}

.dh-fdb-messages {
    display: inline-block;
    width: 100%;
    text-align: center
}

    .dh-fdb-messages .form-control {
        display: inline-block;
        width: auto;
        float: left
    }

    .dh-fdb-messages .checkMessage {
        display: inline-block;
        float: left;
        margin: 9px 0 0 8px
    }

.questionair-label {
    display: inline-block;
    margin: 0 0 7px;
    width: 100%;
    position: relative
}

    .questionair-label .form-control {
        float: left;
        height: auto;
        position: absolute;
        width: auto
    }

.questionair-title {
    color: #535353;
    float: left;
    font-size: 14px;
    font-weight: 400;
    padding: 2px 10px 0 32px;
    text-transform: capitalize;
    width: 100%
}

.questionair-inputText .form-control {
    border-radius: 6px;
    height: 36px;
    line-height: normal
}

.recommend-categoryList {
    background: #535865 none repeat scroll 0 0;
    padding: 35px 0 25px;
    margin-top: 50px
}

    .recommend-categoryList .recommend-list-heading {
        color: #fff;
        font-size: 24px;
        margin: 0 0 20px;
        text-align: center;
        text-transform: uppercase
    }

    .recommend-categoryList .recommend--catList--item {
        position: relative;
        display: inline-block;
        margin: 0 5px 10px 0
    }

    .recommend-categoryList .catList--item--action {
        background: #fff none repeat scroll 0 0;
        border-radius: 4px;
        color: #535865;
        display: inline-block;
        font-size: 13px;
        font-weight: lighter;
        padding: 4px 10px;
        text-decoration: underline !important;
        text-transform: uppercase;
        transition: color .3s ease 0s,border-color .2s ease 0s
    }

        .recommend-categoryList .catList--item--action:hover, .catList--item--action:active, .catList--item--action:focus {
            border-bottom-color: rgba(0,0,0,0);
            color: #76aa2c
        }

.recommend-modal {
    background: rgba(255,255,255,.99) none repeat scroll 0 0;
    bottom: 0;
    display: inline-block;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    transform: scale(0);
    transition: all .4s ease 0s;
    width: 100%;
    z-index: 9999
}

    .recommend-modal.recommend-transfroms {
        transform: scale(1)
    }

.recommen-open-modal {
    overflow: hidden
}

.recommend-popup {
    color: #000;
    display: inline-block;
    height: auto;
    left: 0;
    margin: auto;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 25%;
    max-width: 650px;
    width: 100%;
    z-index: 99
}

.recommend-modal-close {
    position: absolute;
    right: 40px;
    top: 30px;
    cursor: pointer
}

    .recommend-modal-close img {
        width: 45px
    }

.recommend-info.recommend-contest {
    border-bottom: 1px solid #b0b0b0
}

.recomPopup--title {
    font-size: 23px;
    margin: 10px 0 5px
}

.recommend-info > span {
    color: #323232;
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
    width: 100%
}

.recommend--infoBtn {
    background: #0673b8 none repeat scroll 0 0;
    border: 1px solid #0673b8;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0 20px;
    padding: 6px 14px;
    transition: all .4s ease 0s
}

.subscribe-modal {
    background: rgba(255,255,255,.99) none repeat scroll 0 0;
    bottom: 0;
    display: inline-block;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    display: none;
    width: 100%;
    z-index: 9999
}

    .subscribe-modal.recommend-transfroms {
        display: block
    }

.subscribe-popup {
    color: #000;
    height: auto;
    margin: auto;
    padding: 80px 15px;
    width: 100%;
    z-index: 99
}

.subscribe--setting .btn.btn-default.btn-grey span {
    font-size: 17px
}

.subscribe--setting .btn.btn-default.btn-grey {
    padding: 9px 14px;
    margin-left: 3px
}

.subscribe--moreinfo .btn.btn-default.btn-grey {
    padding: 9px 14px;
    margin-left: 3px
}

.subscribe-modal-close {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    width: 25px
}

    .subscribe-modal-close img {
        width: 45px
    }

    .subscribe-modal-close i {
        font-size: 17px;
        color: #000
    }

.subscribe-head .recomPopup--title {
    font-size: 26px;
    margin: 10px 0 10px;
    color: #4ba8ff
}

.subscribe-info > span {
    color: #323232;
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
    width: 100%
}

.subscribe--infoBtn {
    background: #0673b8 none repeat scroll 0 0;
    border: 1px solid #0673b8;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin: 20px 0 20px;
    padding: 6px 14px;
    transition: all .4s ease 0s;
    text-transform: capitalize !important
}

.subscribe-modal .subscribe-head #searched_contents {
    margin-left: 50px
}

#searched_contents ul, #searched_contents ul li {
    list-style-type: disc
}

.subscribe-modal .subscribe-head span {
    font-size: 14px;
    font-weight: 700;
    color: #9c9c9c
}

.subscribe-modal .sub-image img {
    width: 100%
}

.subscribe-modal .subscribe-head ul li {
    color: #333
}

.subscribe-modal .subscribe-info {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    padding-left: 270px;
    padding-top: 20px
}

.subscribe-modal .sub-image {
    position: absolute;
    top: -50px;
    left: -30px;
    width: 280px
}

.subscribe-modal .subscribe--infoBtn {
    padding: 0 20px !important;
    height: 40px;
    line-height: 38px;
    margin-right: 5px
}

.reportpopup-text {
    color: #555;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
    padding-right: 70px
}

#lcnt-vbf-styles-industry.category--type--popup.modal .modal-dialog {
    margin-top: 50px;
    width: 1170px
}

.categoryChild, .categoryChild > span {
    width: 100%
}

.category-type-carousel .item {
    display: inline-block;
    margin: 20px 0 0;
    width: 100%;
    padding-left: 5px
}

.category-type-carousel .list-items-css {
    margin: 0;
    display: inline-block;
    width: 100%
}

.category-type-heading {
    font-size: 16px;
    font-weight: 500;
    margin: 15px 0 0
}

.categoryChild .owl-nav {
    position: absolute;
    right: 0;
    top: -20px
}

    .categoryChild .owl-nav > div {
        float: left;
        margin: 0 0 0 5px;
        width: auto
    }

    .categoryChild .owl-nav i {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ddd;
        cursor: pointer;
        font-size: 17px;
        padding: 0 7px
    }

.category-child-0.categoryChild {
    padding: 20px 0 0
}

.categoryChild {
    padding: 10px 0 0
}

    .categoryChild .list-view > span {
        color: #555;
        font-size: 14px
    }

.category--type--popup .launch-styleClose {
    display: none
}

.category-type-header-title {
    font-size: 20px;
    font-weight: 500;
    margin: 0
}

.category--type--popup .whiteBtnNectar.text-center {
    margin: 20px 0 10px
}

.category--type--popup .list-view .vbrf-lazyload {
    box-shadow: none
}

#categoryTypeSubmitButton.btn.btn-default.btn-white {
    opacity: .4
}

.scroll-triggered-box {
    background-color: rgba(41,45,53,.9);
    border-top: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 0 0 0 rgba(255,255,255,0);
    left: 0;
    margin: 0;
    padding: 1.5em 0;
    right: 0;
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 10000;
    display: none
}

    .scroll-triggered-box h2 {
        color: #fff;
        margin: 0 auto .3125em;
        width: 100%
    }

    .scroll-triggered-box p {
        color: #fff;
        font-size: 1.125em;
        line-height: 1.44444em;
        margin: 0 auto 1.33333em;
        width: 100%
    }

    .scroll-triggered-box .stb-close {
        background: rgba(0,0,0,0);
        border: 2px solid #fff;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        display: block;
        font-size: 1em;
        font-weight: 600;
        height: 2em;
        line-height: .9em;
        opacity: 1;
        padding: .375em;
        position: absolute;
        right: .9375em;
        text-align: center;
        text-shadow: 0 0 0 transparent;
        top: 1.0625em;
        width: 2em
    }

    .scroll-triggered-box a:last-child {
        margin-left: 10px
    }

    .scroll-triggered-box .whiteBtnNectar a {
        padding: 10px 24px;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        border: none !important;
        opacity: .9;
        line-height: normal;
        font-weight: 600;
        border-radius: 30px;
        opacity: .9
    }

        .scroll-triggered-box .whiteBtnNectar a:hover {
            opacity: 1
        }

    .scroll-triggered-box .form-group {
        width: 100%
    }

.get-design-quote-btn {
    margin: 32px 0 0;
    display: inline-block;
    width: 100%
}

    .get-design-quote-btn .design-hire, .search-category-buttons .get-design-quote-btn .design-quote {
        font-size: 18px;
        padding: 11px 35px;
        font-weight: 500;
        cursor: pointer;
        transition: all .4s ease 0s;
        border: 2px solid #fff;
        text-transform: capitalize;
        border-radius: 30px
    }

    .get-design-quote-btn .design-hire {
        color: #fff;
        background-color: transparent
    }

        .get-design-quote-btn .design-hire:hover {
            background-color: #fff;
            color: #333
        }

    .get-design-quote-btn .design-quote:hover {
        background: transparent none repeat scroll 0 0;
        color: #fff
    }

.gallery-quote-open {
    overflow: hidden
}

.get-design-quote-btn .dg-submit-design {
    font-size: 18px;
    padding: 11px 35px;
    font-weight: 500;
    cursor: pointer;
    transition: all .4s ease 0s;
    border: 2px solid #fff;
    text-transform: capitalize;
    border-radius: 30px
}

    .get-design-quote-btn .dg-submit-design:hover {
        background: transparent none repeat scroll 0 0;
        color: #fff
    }

.get-quote-modal {
    background: rgba(255,255,255,.99);
    bottom: 0;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    display: none
}

.quote-modal-show {
    display: block
}

.quote-information {
    display: inline-block;
    margin: 0 auto;
    max-width: 900px;
    padding: 50px 20px 40px 320px;
    text-align: left;
    width: 100%;
    background-color: #fff;
    position: relative;
    border: 1px solid #eee
}

.get-quote-css {
    display: inline-block;
    width: 100%
}

.get-quote-contact {
    color: #333;
    display: inline-block;
    font-size: 30px;
    font-weight: 500;
    margin: 0 0 35px;
    padding: 0 12px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    letter-spacing: .5px
}

.get-quote-css .form-group {
    border: 1px solid #cdcdcd;
    margin-bottom: 25px;
    padding: 0
}

    .get-quote-css .form-group label {
        color: #333;
        display: inline-block;
        font-size: 13px;
        font-weight: 500;
        margin: 0;
        padding: 2px 5px 0
    }

    .get-quote-css .form-group .form-control {
        border: medium none;
        box-shadow: none;
        padding: 0 5px
    }

    .get-quote-css .form-group select.form-control {
        padding: 0
    }

    .get-quote-css .form-group textarea.form-control {
        margin-top: 10px;
        min-height: 60px;
        resize: vertical;
        padding: 5px
    }

.quote-modal-close {
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 20px
}

    .quote-modal-close img {
        width: 40px
    }

.get-quote-css .btn.btn-default {
    font-size: 15px;
    padding: 12px 25px
}

.get-quote--top {
    background-color: #2b3340;
    color: #fff
}

.get-quote-top--image {
    width: 400px
}

.section-inner {
    margin: 0 auto;
    padding: 50px 0 140px;
    text-align: center;
    width: 750px
}

.get-quote-top--workCta {
    color: #fff;
    display: block;
    font-size: 16px;
    margin: 15px 0 0;
    text-decoration: underline;
    display: inline-block
}

    .get-quote-top--workCta:hover, .get-quote-top--workCta:active, .get-quote-top--workCta:focus {
        color: #fff
    }

.get-quote-top--dropdown select {
    color: #555;
    font-size: 16px;
    height: 45px
}

.get-quote--mid {
    margin-top: -100px;
    margin-bottom: 50px
}

.get-quote-mid-left {
    background-color: #2198ce;
    left: -1px;
    padding: 30px 20px;
    position: absolute;
    top: -1px;
    bottom: -1px;
    width: 300px;
    bottom: 0;
    color: #fff
}

.get-quote-steps-text {
    margin: 0 0 10px;
    font-size: 17px
}

.get-quote-steps-icon {
    fill: #fff;
    height: 55px;
    left: 0;
    margin-right: 20px;
    position: absolute;
    top: 10px;
    width: 60px
}

.get-quote-steps-item {
    padding: 10px 10px 10px 80px;
    position: relative
}

.get-quote-top--title {
    font-size: 20px;
    text-transform: capitalize
}

.get-qt-title {
    font-size: 26px
}

.get-quote-modal.get-a-free-quote-page {
    display: block;
    position: relative;
    z-index: 9
}

.quote-header {
    padding: 18px 0 0
}

.get-a-free-quote-page .section-inner {
    padding: 5px 0 140px
}

.quote-header-list {
    text-align: right
}

    .quote-header-list .quote-header-item {
        color: #fff;
        font-size: 15px;
        margin: 0 10px;
        text-transform: capitalize
    }

        .quote-header-list .quote-header-item:hover, .quote-header-list .quote-header-item:active, .quote-header-list .quote-header-item:focus {
            color: #1f97d0;
            text-decoration: underline
        }

.newFooterCss .col-lg-3.col-md-3 {
    width: 16%
}

.newFooterCss .col-md-3:nth-child(2) {
    width: 14%
}

.newFooterCss .col-md-3:nth-child(3) {
    width: 20%
}

.newFooterCss .col-md-3:nth-child(4) {
    width: 18%
}

.text_bottom_css {
    padding: 0 10px 0 0;
    text-align: justify
}

.common-divider-shadow {
    border-top: 1px solid #e1e1e1;
    box-shadow: 0 1px 3px rgba(0,0,0,.1) inset
}

.specify-width-wraper, .new-bottom-footer {
    display: flex;
    width: 100%;
    flex-flow: wrap
}

.new-bottom-footer {
    padding: 30px 0 30px;
    border-top: rgba(199,199,199,1) 1px solid
}

.newFooterCss .specify-width-wraper .last-elem {
    order: 6
}

.text_bottom_css {
    padding: 0 10px 0 0;
    text-align: justify
}

.container-lg .newFooterCss li a:hover:after {
    transition: all .15s;
    background-color: rgba(85,85,85,.4)
}

.footerPolicyLinkM a:hover, .footerPolicyLink a:hover {
    border-color: rgba(0,0,0,.5);
    color: #000
}

.container-lg .newFooterCss li a {
    padding: 6px 0;
    position: relative;
    white-space: nowrap;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400
}

    .container-lg .newFooterCss li a:after {
        content: '';
        position: absolute;
        bottom: 5px;
        left: 0;
        height: 2px;
        width: 100%
    }

.contest-recom-heading {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 15px
}

.ct-rm-categories li {
    display: inline-block;
    margin-right: 13px;
    margin-top: 12px;
    border: 1px solid #66900d
}

.ct-rm-categories a {
    color: #555;
    display: block;
    padding: 5px 15px;
    line-height: 40px;
    font-weight: 500;
    background-color: #fff
}

    .ct-rm-categories a:hover {
        background-color: #66900d;
        color: #fff
    }

.ct-rm-categories {
    background-color: #f9f9f9;
    padding: 2px 15px 15px
}

.service-commendate .col-sm-6 {
    padding: 0
}

.service-commendate .contest-recom-heading {
    margin-top: 40px;
    margin-bottom: 15px
}

.ct-rm-services {
    border: 1px solid #eee;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    min-height: 200px
}

    .ct-rm-services.whiteBtnNectar > a {
        display: block;
        padding: 8px;
        width: 100%
    }

.how-it-works-boxes .ct-rm-services.whiteBtnNectar > a {
    min-height: 200px
}

.ct-rm-services:hover, .ct-rm-services.active {
    background-color: #f9f9f9
}

.ct-rm-title > img {
    width: 120px
}

.ct-rm-services .ct-rm-title > p {
    font-size: 15px;
    font-weight: 400;
    padding: 0 15px;
    color: #777
}

.how-it-works-boxes .ct-rm-services .ct-rm-title > p {
    padding: 0
}

.ct-rm-services .ct-rm-title {
    margin-bottom: 20px;
    margin-top: 25px;
    padding: 0 15px;
    position: relative
}

.ct-rm-services .btn.btn-default {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 200px
}

.service-commendate .col-sm-6:first-child > div, .service-commendate .col-sm-6:nth-child(3) > div, .service-commendate .services--boxes:first-child > div, .service-commendate .services--boxes:nth-child(2) > div {
    border-right: medium none
}

.service-commendate .col-sm-6:first-child > div, .service-commendate .col-sm-6:nth-child(2) > div {
    border-bottom: none
}

.service-commendate .services--boxes:nth-child(4) > div {
    border-top: none
}

.service-commendate .services--boxes:nth-child(5) > div {
    border-top: none;
    border-left: none
}

.custom-serviceList-work > div {
    padding: 0
}

.service-commendate.how-it-works-boxes.common-new {
    padding: 30px 0 70px
}

.services-main-title {
    font-size: 36px;
    margin-bottom: 40px
}

.services--boxes:last-child .ct-rm-services {
    background-color: #f9f9f9
}

    .services--boxes:last-child .ct-rm-services:hover {
        background-color: #fff
    }

.ht-content {
    display: none;
    color: #337ab7;
    font-size: 25px;
    position: relative;
    font-weight: 500
}

    .ht-content.active {
        display: block
    }

.how-it-works--details {
    background-color: #f1f1f1;
    padding: 0 0 70px;
    text-align: left;
    position: relative;
    border-top: 1px solid #ddd
}

.ht-content .ct-rm-title > p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
    color: #777;
    font-weight: 400
}

.ht-content .ct-rm-title > img {
    margin-right: 10px
}

.ht-content .btn.btn-default.btn-blue {
    border-radius: 30px;
    display: block;
    margin-bottom: 15px
}

    .ht-content .btn.btn-default.btn-blue:last-child {
        margin-bottom: 0
    }

    .ht-content .btn.btn-default.btn-blue:hover {
        color: #fff
    }

.ct-rm-title > span {
    text-transform: capitalize
}

.newFooterCss .text_bottom_css {
    font-size: 1.5rem;
    line-height: 26px;
    color: #000;
    padding: 0;
    margin: 0;
    font-weight: 400
}

#mainTopMenu .help-css {
    position: relative
}

.tabpanel-right-main.create-invoice-bottom {
    margin-top: 10px
}

.help-css .caret {
    margin-left: 5px
}

.footerPolicyLink .mbrph {
    cursor: pointer
}

    .footerPolicyLink .mbrph:hover {
        color: #fff
    }

.pro-parent-css {
    position: relative
}

    .pro-parent-css .common-pro-css {
        background: #a9a9a9;
        border-radius: 10px;
        color: #fff;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: .5px;
        margin: 0 0 0 6px;
        position: absolute;
        text-align: center;
        text-transform: capitalize;
        top: 4px;
        line-height: 17px;
        width: 35px;
        padding: 2px 3px !important;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        text-transform: uppercase;
        color: #fff;
        background: #ccc;
        border-radius: 3px;
        margin-left: 5px;
        border: none;
        width: auto
    }

.new-design-participate .designer_info .pro-parent-css .common-pro-css {
    top: 2px
}

.winShowcaseDesignFrameAuth.pro-parent-css .common-pro-css {
    top: 14px
}

.pro-align .common-pro-css {
    top: 0
}

.pro-align-inv-popup .common-pro-css {
    top: 10px
}

.dg-auth--name.pro-parent-css {
    display: inline-block;
    padding: 0 45px 0 0;
    font-size: 15px
}

.dg-auth--name .common-pro-css {
    right: 0
}

.comment-main-box .pro-parent-css .common-pro-css {
    display: inline-block
}

.dg-bottom-right h5 span.pro-parent-css {
    display: inline-block
}

.user-info-section ul li span.pro-parent-css {
    display: inline-block;
    padding: 0 28px 0 0
}

    .user-info-section ul li span.pro-parent-css .common-pro-css {
        display: inline-block;
        right: 0;
        top: 6px
    }

.winShowcaseDesignFrameAuth .pro-parent-css .common-pro-css {
    top: 2px
}

.contentTop .mCSB_container {
    width: auto;
    margin-right: 0;
    overflow: hidden
}

.contentTop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #999;
    opacity: .75;
    width: 6px;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.contentTop .mCSB_scrollTools .mCSB_draggerRail {
    background: #ccc;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

#content_1 .mCSB_scrollTools .mCSB_draggerRail {
    background: #333;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

#content_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    opacity: .75;
    width: 6px;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

#content_1 .mCSB_draggerContainer {
    margin: 10px 0
}

#content_entryDetail .mCSB_scrollTools .mCSB_draggerRail {
    background: #333;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

#content_entryDetail .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    opacity: .75;
    width: 6px;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

#content_entryDetail .mCSB_draggerContainer {
    margin: 5px 0 0
}

.contentSidebar .mCSB_scrollTools .mCSB_draggerRail {
    background: #333;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.contentSidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    opacity: .75;
    width: 6px;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.contentSidebar .mCSB_draggerContainer {
    margin: 0 0 5px
}

.sidebarScrollar .mCSB_scrollTools .mCSB_draggerRail {
    background: #333;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.sidebarScrollar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    opacity: .75;
    width: 6px;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.sidebarScrollar .mCSB_draggerContainer {
    margin: 0 0 5px
}

.sidebarScrollar .mCSB_container {
    margin-right: 20px
}

.feedbackStripInner .mCSB_scrollTools .mCSB_draggerRail {
    background: #333;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.feedbackStripInner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    opacity: .75;
    width: 6px;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.feedbackStripInner .mCSB_draggerContainer {
    margin: 0 0 5px
}

.feedbackStripInner .mCSB_container {
    margin-right: 0
}

.content .mCSB_scrollTools .mCSB_draggerRail {
    background: #333;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    opacity: .75;
    width: 6px;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.content .mCSB_draggerContainer {
    margin: 0 0 5px
}

.feedback_critical .mCSB_scrollTools .mCSB_draggerRail {
    background: #333;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.feedback_critical .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    opacity: .75;
    width: 6px;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.feedback_critical .mCSB_draggerContainer {
    margin: 0 0 5px
}

.dropdown-menu .mCSB_scrollTools .mCSB_draggerRail {
    background: #333;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.dropdown-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    opacity: .75;
    width: 6px;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.dropdown-menu .mCSB_draggerContainer {
    margin: 0
}

.dropdown-menu .mCSB_container {
    margin-right: 0
}

.businessCorporateLeftM-main .mCSB_scrollTools .mCSB_draggerRail {
    background: #333;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.businessCorporateLeftM-main .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    opacity: .75;
    width: 6px;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.businessCorporateLeftM-main .mCSB_draggerContainer {
    margin: 0 0 5px
}

.content {
    margin: 0;
    width: 100%;
    padding: 0
}

    .content img {
        max-width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 4px;
        border: solid 1px #666
    }

    .content p:nth-child(even) {
        color: #999;
        font-size: 13px;
        font-style: italic
    }

    .content p:nth-child(3n+0) {
        color: #c96
    }

.content_1, .content_2, .content_3 {
    float: left
}

.content_1 {
    margin-top: 140px;
    padding: 0 5px;
    border-top: 1px dashed rgba(255,255,255,.15);
    border-bottom: 1px dashed rgba(255,255,255,.15)
}

.content_2 {
    height: 440px
}

.content_3 {
    height: 220px;
    border: 1px dashed #26beff;
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

    .content_3 p:nth-child(3n+0) {
        color: #26beff
    }

.content_4 {
    position: absolute;
    left: 640px;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #866c51;
    -webkit-box-shadow: inset 4px 4px 20px rgba(0,0,0,.6);
    -moz-box-shadow: inset 4px 4px 20px rgba(0,0,0,.6);
    box-shadow: inset 4px 4px 20px rgba(0,0,0,.6);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px
}

    .content_4 h3, .content_4 p, .content_4 p:nth-child(even), .content_4 p:nth-child(3n+0) {
        color: #31231e;
        text-shadow: 1px 1px 0 rgba(255,255,255,.15)
    }

    .content_4 img {
        border-color: #31231e
    }

.content_5 {
    width: 680px;
    height: 85px;
    padding: 5px 0;
    overflow: auto;
    float: left;
    background: 0 0;
    margin-top: 4px
}

    .content_5 h4 {
        margin: 0 0 10px 10px;
        color: #333
    }

    .content_5 .images_container {
        overflow: hidden;
        min-height: 80px;
        margin-left: -8px
    }

        .content_5 .images_container img, .content_6 .images_container img {
            display: block;
            float: left;
            margin: 0 5px;
            border: none;
            padding: 5px;
            background: rgba(0,0,0,.3);
            -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
            -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
            box-shadow: 1px 1px 10px rgba(0,0,0,.2)
        }

            .content_5 .images_container img:first-child {
                margin-left: 10px
            }

            .content_5 .images_container img:last-child {
                margin-right: 10px
            }

 

#mcs_t_5 {
    background: #e7be00
}

.content_7 {
    height: 500px;
    padding: 20px;
    background: #362f2d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.content form {
    margin-bottom: 20px
}

    .content form input {
        color: #eee;
        border: none;
        background: rgba(0,0,0,.2);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 10px;
        padding: 0 5px;
        height: 25px;
        width: 180px;
        -webkit-box-shadow: inset 2px 2px 10px rgba(0,0,0,.4),1px 1px 0 rgba(255,255,255,.4);
        -moz-box-shadow: inset 2px 2px 10px rgba(0,0,0,.4),1px 1px 0 rgba(255,255,255,.4);
        box-shadow: inset 2px 2px 10px rgba(0,0,0,.4),1px 1px 0 rgba(255,255,255,.4)
    }

        .content form input:focus {
            background: rgba(0,0,0,.3)
        }

.key {
    display: inline-block;
    background: rgba(255,255,255,.15);
    padding: 0 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.content_8 {
    background: #333;
    height: 400px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.callback_demo {
    margin: 0 20px 20px;
    color: #ccc
}

.callback_demo_output {
    color: #fff
}

.info {
    position: absolute;
    margin: 20px 0 40px 40px;
    width: 260px;
    height: 100px;
    color: #ccc;
    font-size: 18px;
    padding: 5px
}

    .info span:first-child {
        color: #26beff
    }

    .info span:last-child {
        font-size: 34px;
        line-height: 38px
    }

.content_5_1 {
    width: 680px;
    height: 85px;
    padding: 5px 0 1px;
    overflow: auto;
    float: left;
    background: #555
}

#alreadyinvites.content_5_1 {
    width: 680px;
    height: 85px;
    padding: 5px 0;
    overflow: auto;
    float: left;
    background: 0 0;
    margin-top: 4px
}

.content_5_1 h4 {
    margin: 0 0 10px 10px;
    color: #333
}

.content_5_1 .images_container {
    overflow: hidden;
    min-height: 80px;
    margin-left: -8px
}

    .content_5_1 .images_container img, .content_6 .images_container img {
        display: block;
        float: left;
        margin: 0 5px;
        border: none;
        padding: 5px;
        background: rgba(0,0,0,.3);
        -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
        -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
        box-shadow: 1px 1px 10px rgba(0,0,0,.2)
    }

        .content_5_1 .images_container img:first-child {
            margin-left: 10px
        }

.feedbackStripInner {
    max-height: 200px;
    padding: 5px 0 1px;
    overflow: auto;
    float: left;
    background: #fff
}

    .feedbackStripInner h4 {
        margin: 0 0 10px 10px;
        color: #333
    }

    .feedbackStripInner .images_container {
        overflow: hidden;
        min-height: 80px;
        margin-left: -8px
    }

        .feedbackStripInner .images_container img, .content_6 .images_container img {
            display: block;
            float: left;
            margin: 0 5px;
            border: none;
            padding: 5px;
            background: rgba(0,0,0,.3);
            -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
            -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
            box-shadow: 1px 1px 10px rgba(0,0,0,.2)
        }

            .feedbackStripInner .images_container img:first-child {
                margin-left: 10px
            }

#contentData_1 {
    max-height: 350px;
    padding: 5px 0 1px;
    overflow: auto;
    float: left
}

    #contentData_1 h4 {
        margin: 0 0 10px 10px;
        color: #333
    }

    #contentData_1 .images_container {
        overflow: hidden;
        min-height: 80px;
        margin-left: -8px
    }

        #contentData_1 .images_container img, .content_6 .images_container img {
            display: block;
            float: left;
            margin: 0 5px;
            border: none;
            padding: 5px;
            background: rgba(0,0,0,.3);
            -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
            -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
            box-shadow: 1px 1px 10px rgba(0,0,0,.2)
        }

            #contentData_1 .images_container img:first-child {
                margin-left: 10px
            }

#contentData_2 {
    max-height: 350px;
    padding: 5px 0 1px;
    overflow: auto;
    float: left
}

    #contentData_2 h4 {
        margin: 0 0 10px 10px;
        color: #333
    }

    #contentData_2 .images_container {
        overflow: hidden;
        min-height: 80px;
        margin-left: -8px
    }

        #contentData_2 .images_container img, .content_6 .images_container img {
            display: block;
            float: left;
            margin: 0 5px;
            border: none;
            padding: 5px;
            background: rgba(0,0,0,.3);
            -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
            -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
            box-shadow: 1px 1px 10px rgba(0,0,0,.2)
        }

            #contentData_2 .images_container img:first-child {
                margin-left: 10px
            }

#review-table-data {
    max-height: 350px;
    padding: 5px 0 1px;
    overflow: auto;
    float: left
}

    #review-table-data h4 {
        margin: 0 0 10px 10px;
        color: #333
    }

    #review-table-data .images_container {
        overflow: hidden;
        min-height: 80px;
        margin-left: -8px
    }

        #review-table-data .images_container img, .content_6 .images_container img {
            display: block;
            float: left;
            margin: 0 5px;
            border: none;
            padding: 5px;
            background: rgba(0,0,0,.3);
            -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
            -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
            box-shadow: 1px 1px 10px rgba(0,0,0,.2)
        }

            #review-table-data .images_container img:first-child {
                margin-left: 10px
            }

#review-table-Client-data {
    max-height: 350px;
    padding: 5px 0 1px;
    overflow: auto;
    float: left
}

    #review-table-Client-data h4 {
        margin: 0 0 10px 10px;
        color: #333
    }

    #review-table-Client-data .images_container {
        overflow: hidden;
        min-height: 80px;
        margin-left: -8px
    }

        #review-table-Client-data .images_container img, .content_6 .images_container img {
            display: block;
            float: left;
            margin: 0 5px;
            border: none;
            padding: 5px;
            background: rgba(0,0,0,.3);
            -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
            -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
            box-shadow: 1px 1px 10px rgba(0,0,0,.2)
        }

            #review-table-Client-data .images_container img:first-child {
                margin-left: 10px
            }

.dropdown-menu {
    max-height: 329px;
    padding: 5px 0 1px;
    overflow: auto;
    float: left
}

    .dropdown-menu h4 {
        margin: 0 0 10px 10px;
        color: #333
    }

    .dropdown-menu .images_container {
        overflow: hidden;
        min-height: 80px;
        margin-left: -8px
    }

        .dropdown-menu .images_container img, .content_6 .images_container img {
            display: block;
            float: left;
            margin: 0 5px;
            border: none;
            padding: 5px;
            background: rgba(0,0,0,.3);
            -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
            -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
            box-shadow: 1px 1px 10px rgba(0,0,0,.2)
        }

            .dropdown-menu .images_container img:first-child {
                margin-left: 10px
            }

.businessCorporateLeftM-main {
    max-height: 332px;
    padding: 5px 0 1px;
    overflow: auto;
    float: left
}

    .businessCorporateLeftM-main h4 {
        margin: 0 0 10px 10px;
        color: #333
    }

    .businessCorporateLeftM-main .images_container {
        overflow: hidden;
        min-height: 80px;
        margin-left: -8px
    }

        .businessCorporateLeftM-main .images_container img, .content_6 .images_container img {
            display: block;
            float: left;
            margin: 0 5px;
            border: none;
            padding: 5px;
            background: rgba(0,0,0,.3);
            -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
            -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
            box-shadow: 1px 1px 10px rgba(0,0,0,.2)
        }

            .businessCorporateLeftM-main .images_container img:first-child {
                margin-left: 10px
            }

#gritter-notice-wrapper {
    position: fixed;
    top: 65px;
    right: 10px;
    width: 301px;
    z-index: 9999
}

    #gritter-notice-wrapper.top-left {
        left: 20px;
        right: auto
    }

    #gritter-notice-wrapper.bottom-right {
        top: auto;
        left: auto;
        bottom: 20px;
        right: 20px
    }

    #gritter-notice-wrapper.bottom-left {
        top: auto;
        right: auto;
        bottom: 20px;
        left: 20px
    }

.gritter-item-wrapper {
    position: relative;
    margin: 0 0 10px;
    background: url('//cdn1.designhill.com/assets/dh/images/ie-spacer.gif')
}

.gritter-top {
    background: url(//cdn1.designhill.com/assets/dh/images/gritter.png) no-repeat left -30px;
    height: 10px
}

.hover .gritter-top {
    background-position: right -30px
}

.gritter-bottom {
    background: url(//cdn1.designhill.com/assets/dh/images/gritter.png) no-repeat left bottom;
    height: 8px;
    margin: 0
}

.hover .gritter-bottom {
    background-position: bottom right
}

.gritter-item {
    display: block;
    background: url(//cdn1.designhill.com/assets/dh/images/gritter.png) no-repeat left -40px;
    color: #eee;
    padding: 2px 11px 8px;
    font-size: 11px;
    font-family: verdana
}

.hover .gritter-item {
    background-position: right -40px
}

.gritter-item p {
    padding: 0;
    margin: 0
}

.gritter-close {
    display: none;
    position: absolute;
    top: 5px;
    left: 3px;
    background: url(//cdn1.designhill.com/assets/dh/images/gritter.png) no-repeat left top;
    cursor: pointer;
    width: 30px;
    height: 30px
}

.gritter-title {
    font-size: 14px;
    font-weight: 700;
    padding: 0 0 7px;
    display: block;
    text-shadow: 1px 1px 0 #000
}

.gritter-image {
    width: 48px;
    height: 48px;
    float: left
}

.gritter-with-image, .gritter-without-image {
    padding: 0 0 5px
}

.gritter-with-image {
    width: 220px;
    float: right
}

    .gritter-with-image a {
        color: #fff
    }

.gritter-light .gritter-item, .gritter-light .gritter-bottom, .gritter-light .gritter-top, .gritter-close {
    background-image: url(//cdn1.designhill.com/assets/dh/images/gritter-light.png);
    color: #222
}

.gritter-light .gritter-title {
    text-shadow: none
}

.popup-main {
    width: 100%;
    clear: both
}

.popup-transBG {
    background: #000;
    opacity: .6;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999
}

.popup-block {
    z-index: 9999;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.7);
    padding: 20px;
    position: fixed;
    width: 700px;
    height: 300px
}

.popup-closeBtn {
    background: #000;
    border-radius: 50%;
    color: #fff;
    font: 16px/22px verdana;
    position: absolute;
    text-align: center;
    top: -16px;
    right: -16px;
    width: 25px;
    height: 25px;
    z-index: 2;
    cursor: pointer;
    border: 3px solid #fff
}

div:hover.popup-closeBtn {
    background: #fff;
    color: #000;
    border: 3px solid #fff
}

.loaderImg {
    text-align: center
}

.loaderImgPopup {
    text-align: center
}

#loaderImgPopup {
    margin-top: 10px
}

.popupokBtnMain {
    font-size: 17px;
    color: #fff;
    margin: 7px 0 0;
    text-align: center
}

.popupokBtn {
    background: #f25303;
    color: #fff;
    font-weight: 700;
    padding: 5px 15px;
    font-size: 13px;
    letter-spacing: 1px;
    border-radius: 3px;
    width: 25px;
    margin: 20px auto 0px;
    cursor: pointer
}

#inviteBlock .mCustomScrollBox > .mCSB_scrollTools {
    width: 7px
}

.catListScroll .mCustomScrollBox > .mCSB_scrollTools {
    right: 5px
}

.catListScroll .mCSB_container {
    margin-right: 0
}

.catListScroll .mCSB_scrollTools .mCSB_draggerRail {
    background: #333;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.catListScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    opacity: .75;
    width: 6px;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.menu6 .catListScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #fff;
    opacity: .75;
    width: 6px;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.menu6 .catListScroll .mCSB_scrollTools .mCSB_draggerRail {
    background: #eee;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.catListScroll .mCSB_draggerContainer {
    margin: 0 0 5px
}

.ct-rm-title > span .work-popular-tag {
    background: #303442;
    border: 2px solid #303442;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 0 7px;
    position: absolute;
    right: 10px;
    text-transform: capitalize;
    top: -30px
}

    .ct-rm-title > span .work-popular-tag i {
        display: inline-block;
        font-size: 10px;
        padding-right: 5px
    }

#password_for_cod_div > p {
    font-weight: 600;
    margin-top: 0;
    font-size: 14px
}

#password_for_cod_div > input {
    border: 1px solid #ddd;
    height: 35px;
    margin-left: 16px;
    padding-left: 17px;
    width: 250px
}

.payment-methods-css.bill-payment-info div {
    padding: 0 0 0 10px
}

#password_for_cod_div > p span {
    display: inline-block
}

.How_would_you > div#password_for_cod_div {
    float: left;
    width: 100%;
    margin-bottom: 0
}

.How_would_you #password_for_cod_div > input {
    margin-left: 0;
    margin-bottom: 10px
}

.freelance-marketplace, .freelance-logo-design {
    padding-bottom: 50px
}

.freelance-logo-design {
    padding-top: 50px
}

.freelance-section-heading {
    font-size: 32px;
    line-height: 1.37;
    font-weight: 700;
    margin-bottom: 30px
}

.freelance-workpage .freelance-sections img {
    width: auto;
    height: 50px
}

.freelance-logo-design .freelance-logo-designer h3, .freelance-workpage .freelance-sections h3 {
    font-size: 24px;
    line-height: 1.33;
    margin-bottom: 20px;
    font-weight: 700
}

.freelance-marketplace .registered-numbers {
    color: #0087e0;
    font-size: 100px;
    line-height: 1;
    font-weight: 300
}

.freelance-marketplace .freelance-number p {
    font-size: 14px;
    line-height: 1.45;
    font-weight: 700
}

.freelance-marketplace .freelance-number:last-child {
    position: relative;
    margin-top: 32px;
    padding-top: 32px
}

    .freelance-marketplace .freelance-number:last-child:before {
        position: absolute;
        border-bottom: 1px solid #dedede;
        content: "";
        left: 0;
        top: 0;
        width: 50px
    }

.freelance-marketplace .marketplace-details h5 {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700
}

.freelance-marketplace .marketplace-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .freelance-marketplace .marketplace-details .details-icon {
        padding-right: 10px;
        padding-top: 5px
    }

.marketplace-details .details-icon .icon {
    color: #1a9ef0;
    font-size: 28px
}

.marketplace-subsection .freelance-number-section {
    padding-top: 70px
}

.marketplace-subsection .freelance-section-para {
    margin-bottom: 22px
}

.freelance-logo-content .freelance-logo-image {
    margin: 0 30px
}

    .freelance-logo-content .freelance-logo-image img {
        max-width: none
    }

.freelance-logo-content .freelance-logo-designer {
    padding-right: 30px
}

.freelance-sections .freelance-list {
    padding: 10px 20px 20px
}

    .freelance-sections .freelance-list li {
        list-style-type: decimal
    }

#recmndPriceList .modal-body {
    color: #6e7687;
    font-size: 15px
}

#recmnd_for_price_listing {
    padding-left: 5px;
    padding-right: 5px
}

.recom--min {
    color: #a9a9a9;
    font-size: 12px
}

#recmnd_for_price_listing .well-sm {
    padding-top: 0;
    font-size: 16px;
    color: #333
}

    #recmnd_for_price_listing .well-sm:last-child, #recmnd_for_price_listing .well-sm:nth-last-child(2) {
        padding-bottom: 0
    }

.proj-file-dtl .star-rating i.icon-star.active {
    color: #fec42d
}

.proj-file-dtl .star-rating i {
    color: #bbb;
    cursor: pointer;
    float: left;
    font-size: 17px;
    margin-left: 4px
}

    .proj-file-dtl .star-rating i:first-child {
        margin-left: 0
    }

.contest-pagination--show .listing-pagination {
    margin-bottom: 0
}

.formname--fields .trial-group {
    display: inline-block;
    width: 48%
}

    .formname--fields .trial-group:first-child {
        margin-right: 21px
    }

#launch-contest-modal-error .launch-warning {
    position: relative;
    top: 8px
}

#webWidget {
    margin: 0 !important
}

.viewmin-cart {
    display: inline-block;
    position: relative
}

a.viewmin-cart.header-cart-icon {
    color: #fff;
    width: 20px
}

.inner-page-header a.viewmin-cart.header-cart-icon {
    color: #333
}

.viewmin-cart span {
    background-color: #db404b;
    border-radius: 30px;
    color: #fff;
    font-size: 10px;
    line-height: normal;
    padding: 2px 7px;
    position: absolute;
    left: 10px;
    text-align: center;
    top: -10px
}

.header-cart-icon .icon-shopping-cart {
    display: block;
    font-size: 17px;
    text-align: left;
    width: 24px
}

a.viewmin-cart.header-cart-icon {
    color: #fff;
    margin-right: 20px;
    width: 20px
}

.header-cart-icon span {
    top: -10px;
    z-index: 1
}

.header-cart-icon {
    vertical-align: middle
}

    .header-cart-icon .cart-img {
        background-image: url(https://cdn1.designhill.com/assets/dh/images/print-products/cart-black.svg);
        background-repeat: no-repeat;
        width: 20px;
        display: block;
        height: 20px
    }

    .header-cart-icon .cart-img {
        background-image: url(https://cdn1.designhill.com/assets/dh/images/print-products/cart-white.svg)
    }

.inner-page-header .header-cart-icon .cart-img {
    background-image: url(https://cdn1.designhill.com/assets/dh/images/print-products/cart-black.svg)
}

.contest-banner-details .star-rating-main-box .star-rating:before {
    line-height: 27px
}

span.coupan-code-timer {
    margin-left: 10px
}

.festive-strip.coupon-applied-stripe.fixed-header {
    position: relative
}

.coupon-applied-stripe.fixed-header {
    top: 0 !important
}

.winEntryPopup h2 {
    font-size: 22px;
    margin-top: 10px;
    line-height: 30px
}

.winEntryPopup p {
    font-size: 14px;
    line-height: 22px
}

.winEntryStat span {
    font-size: 12px
}

    .winEntryStat span:last-child {
        font-size: 22px
    }

.runnerupHead, .runnerEntries {
    margin-top: 10px
}

.custom-btn li > a {
    font-size: 11px
}

.winEntryPopup {
    color: #535865
}

    .winEntryPopup h2 {
        color: #323232;
        font-size: 17px;
        font-weight: 600;
        margin: 0;
        text-transform: uppercase
    }

        .winEntryPopup h2 a {
            color: #323232
        }

            .winEntryPopup h2 a:hover {
                color: #666
            }

    .winEntryPopup p {
        font-size: 14px;
        line-height: normal;
        margin-top: 10px;
        color: #666
    }

.winEntryStat {
    margin: 5px 0 10px;
    width: 100%;
    float: left
}

.entries-pop-css .list-inline > li {
    background: #70983f none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 10px
}

.entries-pop-css .winEntryStat li:first-child {
    background: #598129 none repeat scroll 0 0
}

.entries-pop-css .winEntryStat span {
    display: block;
    font-size: 14px;
    text-transform: uppercase
}

    .entries-pop-css .winEntryStat span:last-child {
        font-size: 20px;
        font-weight: 700;
        line-height: normal
    }

.entries-pop-css .winEntryStat li:last-child {
    background: #0674b9 none repeat scroll 0 0
}

.allEntriesLink {
    clear: both;
    text-transform: uppercase;
    font-size: 18px
}

    .allEntriesLink a {
        color: #51a5d3;
        display: inline-block;
        text-align: left;
        width: 50%
    }

        .allEntriesLink a:hover {
            text-decoration: underline
        }

        .allEntriesLink a.btn:hover {
            text-decoration: none
        }

    .allEntriesLink i {
        font-size: 16px;
        margin-left: 5px
    }

    .allEntriesLink a:hover i {
        text-decoration: none
    }

.runnerEntries {
    margin-top: 20px
}

    .runnerEntries img {
        width: 60px;
        height: 60px;
        border: 1px solid #c1c5cd
    }

.closepopupImage a img {
    height: auto !important
}

.winEntriesWinner {
    font-size: 16px;
    margin-top: 10px
}

.entries-pop-css .modal-body {
    background: #fff
}

.testimonialBox {
    float: left;
    width: 100%;
    margin: 7px 0;
    position: relative
}

.userImg {
    width: 100%;
    min-height: 48px
}

    .userImg > a {
        position: absolute;
        top: 5px
    }

        .userImg > a img {
            width: 35px;
            height: 35px
        }

    .userImg .userInfo {
        padding-left: 50px
    }

.userInfo > a {
    color: #666;
    font-weight: 600
}

.userInfo > span {
    color: #a1a1a1;
    display: block;
    font-size: 11px;
    font-weight: 600
}

    .userInfo > span i {
        margin-right: 3px;
        font-size: 13px
    }

.testimonialBox .tm-rating {
    margin-bottom: 0;
    margin-top: 10px
}

    .testimonialBox .tm-rating i {
        margin-left: 2px
    }

.tm-rating > i.active {
    color: var(--yellow-btn-color)
}

.tm-rating > i {
    display: inline-block;
    font-size: 16px;
    color: #d2d3d4
}

.testimonialBox-Text {
    margin-top: 10px;
    margin-bottom: 20px
}

.allEntriesLink a.dh-launch-contest {
    text-align: center
}

.modal.new-case-study-popup {
    font-family: "Cerebri-sans",Helvetica,Arial,sans-serif !important
}

    .modal.new-case-study-popup .modal-header {
        border-radius: 3px 3px 0 0;
        background-color: #f7f7f7;
        border: none;
        padding: 20px;
        position: relative
    }

    .modal.new-case-study-popup .modal-title {
        color: #000;
        font-size: 22px;
        font-weight: 600;
        padding-right: 22px
    }

    .modal.new-case-study-popup .modal-header .close {
        font-size: 0;
        font-weight: 400;
        opacity: .2;
        position: absolute;
        top: 52%;
        right: 22px;
        transform: translateY(-50%)
    }

        .modal.new-case-study-popup .modal-header .close:hover {
            opacity: 1
        }

    .modal.new-case-study-popup .modal-body.popup-content {
        border-radius: 0 0 3px 3px;
        padding: 20px;
        background-color: #fff;
        font-size: 16px
    }

    .modal.new-case-study-popup .modal-content {
        margin-bottom: 30px;
        margin-top: 30px;
        border: none;
        float: left;
        border-radius: 3px
    }

    .modal.new-case-study-popup .modal-body {
        background-color: transparent
    }

.listing-pagination .pagination > li {
    border: medium none;
    margin: 0;
    padding: 0;
    width: auto
}

.pagination > li > a, .pagination > li > span, .contest-css-in .pagination > li > label {
    background-color: #f4f4f6;
    background-image: linear-gradient(180deg,#fff 0px,#f4f4f6 100%);
    background-image: -webkit-linear-gradient(180deg,#fff 0px,#f4f4f6 100%);
    background-image: -moz-linear-gradient(180deg,#fff 0px,#f4f4f6 100%);
    background-image: -ms-linear-gradient(180deg,#fff 0px,#f4f4f6 100%);
    border: 1px solid #c1c5cd;
    color: #535865;
    font-size: 14px;
    padding: 8px 17px;
    -webkit-box-shadow: 0 -1px 0 #c1c5cd inset;
    -moz-box-shadow: 0 -1px 0 #c1c5cd inset;
    -ms-box-shadow: 0 -1px 0 #c1c5cd inset;
    -o-box-shadow: 0 -1px 0 #c1c5cd inset;
    box-shadow: 0 -1px 0 #c1c5cd inset;
    text-decoration: none;
    margin:0 2px;
}

    .pagination > li > a i {
        font-size: 15px
    }

.listing-pagination .pagination > li:last-child {
    border-bottom: none
}

.pagination > li > a:hover {
    color: #333;
    background-color: #fff
}

.listing-pagination {
    text-align: center;
    clear: both
}

.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 !important;
    cursor: default;
    background-color: #535865 !important;
    border-color: #535865 !important;
    background-image: none !important;
    pointer-events: none !important;
    box-shadow: none !important
}

.service-grid-box.change-graphic-content .wrap-left-part {
    width: calc(100% - 56px);
    float: left;
    text-align: left
}

.service-grid-box.change-graphic-content .wrap-right-part {
    width: 40px;
    float: right;
    padding-top: 35px
}

.service-grid-box.change-graphic-content .add-to-carts {
    width: 40px;
    height: 40px;
    border: #79b530 solid 1px;
    display: flex;
    border-radius: 2px;
    justify-content: center;
    align-items: center
}

    .service-grid-box.change-graphic-content .add-to-carts .icon {
        color: #79b530
    }

    .service-grid-box.change-graphic-content .add-to-carts:hover {
        background: #79b530
    }

        .service-grid-box.change-graphic-content .add-to-carts:hover .icon {
            color: #fff
        }

.service-grid-box.change-graphic-content .product-price-data {
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 700;
    line-height: 28px;
    margin: 10px 0 2px;
    line-height: 1
}

.service-grid-box.change-graphic-content .back-stars > .icon-star {
    font-size: 13px;
    margin: 0 2px 0 0;
    color: #c2c2c2
}

.service-grid-box.change-graphic-content .icon-star.active {
    color: #fec42d
}

.service-grid-box.change-graphic-content .total-reviesw-num {
    line-height: 1.3;
    color: #637281
}

.service-grid-box.change-graphic-content .total-sales-num {
    line-height: 1;
    color: #637281;
    font-size: 12px;
    margin-top: 2px
}

.service-grid-box.change-graphic-content .box-title {
    text-align: left
}

    .service-grid-box.change-graphic-content .box-title.change-margin {
        margin: 0
    }

    .service-grid-box.change-graphic-content .box-title a {
        color: #4d4d4d;
        display: inline-block;
        position: relative;
        text-transform: lowercase;
        font-size: 14px;
        text-align: left;
        text-decoration: none;
        max-width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 1
    }

        .service-grid-box.change-graphic-content .box-title a:first-letter {
            text-transform: uppercase
        }

        .service-grid-box.change-graphic-content .box-title a:hover {
            color: #76aa2c
        }

        .service-grid-box.change-graphic-content .box-title a:after {
            background-color: #76aa2c;
            content: "";
            height: 1px;
            left: 0;
            opacity: 0;
            pointer-events: none;
            position: absolute;
            top: 100%;
            transform: translateY(1px);
            transition: all .15s cubic-bezier(.39,.575,.565,1);
            transition-property: opacity,transform;
            width: 100%
        }

        .service-grid-box.change-graphic-content .box-title a:hover:after {
            opacity: 1;
            transition-delay: .2s;
            transition-duration: .15s;
            transform: translateY(-1px) translateZ(0)
        }

.service-grid-box.change-graphic-content .service-rating--front .back-stars {
    margin-top: 4px;
    margin-bottom: 2px
}

.service-grid-box.change-graphic-content.change-box-height, .service-edit.change-box-height {
    min-height: 336px
}

.service-edit.change-box-height {
    padding-top: 112px
}

.services-grid.reduce-margin > .service-edit.change-box-height {
    min-height: auto;
    height: calc(100% - 30px);
    padding-top: 50px !important;
    padding-bottom: 50px
}

    .services-grid.reduce-margin > .service-edit.change-box-height.modify-links {
        min-height: auto;
        height: calc(100% - 30px)
    }

    .services-grid.reduce-margin > .service-edit.change-box-height.modify-links, .services-grid.reduce-margin > .service-edit.change-box-height {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        padding-top: 0
    }

.bdy-designer .services-grid.reduce-margin > .service-edit.change-box-height p {
    display: flex;
    justify-content: center;
    align-items: center
}

.service-grid-box.change-graphic-content.change-box-height .service-bottomBox {
    padding: 15px 15px 0
}

.service-grid-box.change-graphic-content.change-box-height .vs-top-img {
    box-shadow: none
}

.cust-middleSection .service-grid-box.change-graphic-content .circle-loader, .service-grid-box.change-graphic-content.change-box-height .circle-loader {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.service-grid-box.change-graphic-content.change-box-height .box-image {
    position: relative;
    width: 100%;
    float: left
}

.dh-progress-spinner.dh-progress-spinner-indeterminate-animation {
    animation: dh-progress-spinner-linear-rotate 2s linear infinite
}

.dh-progress-spinner {
    display: block;
    position: relative
}

.cust-middleSection .service-grid-box.change-graphic-content .dh-progress-spinner svg, .service-grid-box.change-graphic-content.change-box-height .dh-progress-spinner svg {
    position: absolute;
    transform: rotate(-90deg);
    top: 0;
    left: 0;
    transform-origin: center;
    overflow: visible;
    box-shadow: none;
    border-radius: 0
}

.cust-middleSection .service-grid-box.change-graphic-content .dh-progress-spinner circle, .cust-middleSection .service-grid-box.change-graphic-content .dh-spinner circle, .service-grid-box.change-graphic-content.change-box-height .dh-progress-spinner circle, .service-grid-box.change-graphic-content.change-box-height .dh-spinner circle {
    stroke: #fff
}

.cust-middleSection .service-grid-box.change-graphic-content .dh-progress-spinner circle, .service-grid-box.change-graphic-content.change-box-height .dh-progress-spinner circle {
    fill: transparent;
    transform-origin: center;
    transition: stroke-dashoffset .225s linear
}

.cust-middleSection .service-grid-box.change-graphic-content .dh-progress-spinner.dh-progress-spinner-indeterminate-animation circle, .service-grid-box.change-graphic-content.change-box-height .dh-progress-spinner.dh-progress-spinner-indeterminate-animation circle {
    transition-property: stroke;
    animation-duration: 4s;
    animation-timing-function: cubic-bezier(.35,0,.25,1);
    animation-iteration-count: infinite
}

.cust-middleSection .service-grid-box.change-graphic-content .circle-loader .dh-progress-spinner circle, .service-grid-box.change-graphic-content.change-box-height .dh-spinner circle {
    stroke: #88a80e
}

@keyframes dh-progress-spinner-linear-rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes dh-progress-spinner-stroke-rotate-100 {
    0% {
        stroke-dashoffset: 268.60617px;
        transform: rotate(0)
    }

    12.5% {
        stroke-dashoffset: 56.54867px;
        transform: rotate(0)
    }

    12.5001% {
        stroke-dashoffset: 56.54867px;
        transform: rotateX(180deg) rotate(72.5deg)
    }

    25% {
        stroke-dashoffset: 268.60617px;
        transform: rotateX(180deg) rotate(72.5deg)
    }

    25.0001% {
        stroke-dashoffset: 268.60617px;
        transform: rotate(270deg)
    }

    37.5% {
        stroke-dashoffset: 56.54867px;
        transform: rotate(270deg)
    }

    37.5001% {
        stroke-dashoffset: 56.54867px;
        transform: rotateX(180deg) rotate(161.5deg)
    }

    50% {
        stroke-dashoffset: 268.60617px;
        transform: rotateX(180deg) rotate(161.5deg)
    }

    50.0001% {
        stroke-dashoffset: 268.60617px;
        transform: rotate(180deg)
    }

    62.5% {
        stroke-dashoffset: 56.54867px;
        transform: rotate(180deg)
    }

    62.5001% {
        stroke-dashoffset: 56.54867px;
        transform: rotateX(180deg) rotate(251.5deg)
    }

    75% {
        stroke-dashoffset: 268.60617px;
        transform: rotateX(180deg) rotate(251.5deg)
    }

    75.0001% {
        stroke-dashoffset: 268.60617px;
        transform: rotate(90deg)
    }

    87.5% {
        stroke-dashoffset: 56.54867px;
        transform: rotate(90deg)
    }

    87.5001% {
        stroke-dashoffset: 56.54867px;
        transform: rotateX(180deg) rotate(341.5deg)
    }

    100% {
        stroke-dashoffset: 268.60617px;
        transform: rotateX(180deg) rotate(341.5deg)
    }
}

#webWidget, .zopim {
    z-index: 9999
}

.priceBreakupL {
    display: inline-block;
    text-align: left;
    flex: 1
}

.priceBreakupR {
    display: inline-block;
    text-align: right;
    margin-left: 10px
}

.more_prise_text {
    margin: 0;
    text-align: left;
    display: flex;
    align-items: center
}

.common-design-css.most-popular-bundle {
    box-shadow: 0 2px 4px rgba(114,114,115,.25);
    -webkit-box-shadow: 0 2px 4px rgba(114,114,115,.25)
}

.launch-categorySection {
    color: #555;
    padding: 15px 0 10px;
    display: inline-block;
    width: 100%
}

    .launch-categorySection.remove-pd-around {
        padding: 0;
        margin-bottom: 12px
    }

.category-top-bundle .launch-categorySection {
    height: 100%
}

.category-search-detail.specify-width.category-top-bundle .common-design-css {
    min-height: auto;
    height: 100%
}

.need-designBundle .category-top-bundle .common-design-css .launch-deliverables {
    min-height: auto
}

.static-content-wraper {
    width: 100%
}

.static-content-wraper, .list-items-wraper {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    height: 100%
}

.static-content-wraper {
    justify-content: center;
    max-width: 1170px;
    margin: 0 auto;
    text-align: center;
    padding: 60px 0
}

    .static-content-wraper h2 {
        text-transform: uppercase;
        font-size: 30px;
        font-weight: 700;
        position: relative;
        margin: 0 0 40px;
        padding-bottom: 10px;
        line-height: 35px;
        letter-spacing: .5px
    }

        .static-content-wraper h2:before {
            position: absolute;
            content: '';
            bottom: 0;
            left: 0;
            right: 0;
            width: 100px;
            height: 2px;
            background: #000;
            margin: 0 auto
        }

    .static-content-wraper > p {
        font-size: 16px;
        font-weight: 400;
        color: #555;
        line-height: 1.6;
        margin-bottom: 0
    }

.lists-info-details {
    width: 33.333%;
    display: inline-flex;
    height: 100%;
    flex-wrap: wrap;
    padding: 0 15px
}

    .lists-info-details h3 {
        font-size: 19px;
        font-weight: 600;
        margin: 0 0 16px
    }

    .lists-info-details > p {
        font-size: 14px;
        color: #555;
        text-align: justify;
        margin: 20px 0 0;
        font-weight: 400
    }

        .lists-info-details > p.first-content {
            margin: 0
        }

.design_gallery.for-icon-props .search-main #catcaret, .design_gallery.for-icon-props .search-main #indcaret {
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    right: 15px;
    font-size: 10px;
    color: #fff
}

.design_gallery.for-icon-props .open .search-main #catcaret, .design_gallery.for-icon-props .open .search-main #indcaret {
    transform: translateY(-50%) rotate(180deg)
}

.page120 .desTypeBtn.change-icon-props span {
    color: #fff;
    display: block;
    float: left;
    font-size: 15px
}

.page120 .desTypeBtn.change-icon-props i {
    float: right;
    color: #fff;
    font-size: 10px;
    font-weight: 300;
    margin: 4px 0 0 5px
}

.page120 .open .desTypeBtn.change-icon-props i, a.subHeaderLink[aria-expanded=true] i {
    transform: rotate(180deg);
    display: inline-block
}

@media screen and (max-width: 1600px) {
    .services-grid.reduce-margin > .service-edit.change-box-height {
        min-height: auto;
        height: calc(100% - 30px)
    }

        .services-grid.reduce-margin > .service-edit.change-box-height.modify-links {
            min-height: auto;
            height: calc(100% - 30px)
        }

    .bdy-designer .services-grid.reduce-margin > .service-edit.change-box-height {
        min-height: auto;
        height: calc(100% - 30px)
    }
}

@media (max-width: 1500px) {
    .container-lg {
        width: 100%
    }

    .page515 .bottomChar {
        display: none
    }

    .page515 .nt-referral {
        padding: 20px
    }

    .desktop-header .user-info-section .btn-group.open > .dropdown-menu {
        left: auto;
        right: -70px
    }

        .desktop-header .user-info-section .btn-group.open > .dropdown-menu:before, .desktop-header .user-info-section .btn-group.open > .dropdown-menu:after {
            left: 76%
        }
}

@media screen and (max-width: 1440px) {
    .services-grid.reduce-margin > .service-edit.change-box-height {
        min-height: auto;
        height: calc(100% - 30px)
    }

        .services-grid.reduce-margin > .service-edit.change-box-height.modify-links {
            min-height: auto;
            height: calc(100% - 30px)
        }

    .bdy-designer .services-grid.reduce-margin > .service-edit.change-box-height {
        min-height: auto;
        height: calc(100% - 30px)
    }
}

@media (max-width: 1400px) {
    .logo-how-it .common-howCss {
        min-height: 340px
    }

    .desktop-header .user-info-section .btn-group.open > .dropdown-menu {
        left: -220px
    }

        .desktop-header .user-info-section .btn-group.open > .dropdown-menu:before, .desktop-header .user-info-section .btn-group.open > .dropdown-menu:after {
            left: 65%
        }
}

 

@media all and (max-width: 1301px) {
    .dh-home-slider .item h3 {
        font-size: 65px
    }

    .dh-home-slider .item h5 {
        font-size: 30px
    }

    .dh-home-slider .item p {
        font-size: 18px;
        line-height: 40px;
        margin-top: 30px
    }
}

@media(max-width: 1280px) {
    .logo-design-testimonials .tesimonial-mainConteainer {
        min-height: 620px;
        margin: 0
    }

    .logo-design-testimonials .logo-testi-fullInfo {
        padding: 0 10px
    }

    .tm-grid {
        margin-bottom: 20px
    }

    .ribbonPopular {
        font-size: 11px
    }

    .ribbon-wrapper-ribbonPopular {
        left: -10px;
        top: -10px
    }

    .main-category .btn, .price-in .btn, .sub-category .btn, .price-in .btn {
        font-size: 12px
    }

    .custom-tag {
        font-size: 12px;
        line-height: 19px
    }

    .custom-servicePopup {
        padding: 30px 15px 10px
    }

    .custom-serviceText {
        padding: 25px 0 15px
    }

    .custom-tag {
        padding: 7px 0 0
    }

    .logo-how-it .works-img > span {
        left: 0
    }

    #logoDesignIndustryTitle {
        padding: 0 0 100px
    }

    .dg-background .dg-banner-title {
        padding: 0 60px
    }
}

@media all and (max-width: 1200px) {
    .custom-servicesPage .custom-servicesTop.manage-height.open {
        height: auto
    }

    .static-content-wraper > h2, .static-content-wraper > p {
        padding-left: 15px;
        padding-right: 15px
    }

    .desktop-header .user-info-section .whiteBtnNectar .btn.btn-default.white-spacse-css.new-button-css {
        font-size: 10px
    }

    .newFooterCss .col-md-3:nth-child(3) {
        width: 21.5%
    }

    .newFooterCss .col-md-3:nth-child(6) {
        width: 14.5%
    }

    .newFooterCss .text_bottom_css {
        font-size: 12px
    }

    .category-search-option.change-option .category-search-bar {
        width: calc(100% - 20.4%);
        float: left;
        top: -3px
    }

    .container-lg li {
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .text_bottom_css {
        padding: 0
    }

    .header-new {
        margin-bottom: 40px
    }

    .task-name.entry_title {
        width: 220px
    }

    .large--frame iframe.video-frameCss {
        border: medium none;
        height: 236px;
        left: 16px;
        position: absolute;
        width: 93%
    }

    .user-info-icon > li {
        margin: 0 17px 0 0
    }

    .lcnt-vbf-box .list-items-css img, .lcnt-vbf-box .list-view.text-grid {
        min-height: auto
    }

    .btn-group.open .dropdown-menu.mega-menu-css {
        left: -206%;
        min-width: 970px
    }

    .price-css-in .input-group {
        width: 43%
    }

    .price-in .dropdown-menu {
        left: -80%;
        width: auto
    }

    .listviewCatHeading {
        margin-bottom: 10px
    }

    .listviewCatMain {
        border: 1px solid #e1e1e1
    }

    .listviewCatHeading {
        background: #f0f0f0;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 18px;
        font-weight: 400
    }

    .tooltip-left p {
        line-height: 22px
    }

    .logo_space {
        margin: 0 0 30px
    }

    .tooltip-left {
        width: 100%
    }

    .image {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .heading3 {
        text-align: center
    }

    .logo_desc {
        text-align: center
    }

    .thumb-css {
        margin: 0 25px 0 0
    }

    .step2_inn_1, .step2_inn_2, .step2_inn_3 {
        max-width: 70%
    }

    .step2_inn_2 {
        max-width: 95%
    }

    .step2_inn_3 {
        max-width: 80%
    }

    .tooltip-left i {
        float: none
    }

    .tooltip-left p {
        line-height: 22px
    }

    .moneyBackDesignSingle > div {
        float: left;
        text-align: center;
        width: 100%
    }

    .moneyBackDesignSingle_2 {
        margin-left: 0
    }

    .moneyBackDesignSingle_1 {
        margin: 15px 0 0
    }

    .mainBodyListBlkCat {
        max-height: 150px
    }

    

    .cog-css {
        margin: 0 0 0 5px
    }

    .startContestLike {
        float: left;
        width: 100%
    }

    .work-video-bg {
        background: url("//cdn1.designhill.com/assets/dh/images/custom-logo-design/tab_macbook.png");
        height: 360px;
        padding: 17px 16px 0;
        width: 450px
    }

    .btn-group.open .dropdown-menu.mega-menu-css {
        left: -206%;
        min-width: 970px
    }

    .searchFilter #select_category {
        min-width: auto
    }

    iframe.video-frameCss {
        border: medium none;
        height: 236px;
        width: 100%
    }

    .back-parent {
        margin: 50px 0 -20px 82px
    }

    .shadow-box {
        min-height: 350px
    }

        .shadow-box.increase-box {
            min-height: 438px
        }

    .work-icon-css, .work-mid-top .nav-tabs {
        display: none
    }

    .work-mid-top .dropdown {
        display: block
    }

    .choose-styleDesign {
        padding: 15px 0 0 60px
    }

    .pricing-features .pf-contentIn {
        min-height: 160px
    }

    .pricingPackage .panel .list-group-item:nth-of-type(n+4) {
        display: none
    }

    .priceCat {
        display: block;
        margin-bottom: 30px;
        margin-top: 20px;
        text-align: center
    }

    #all_packeges .panel-css.selected, #package .panel-css.cnt-launch-pkg-box {
        align-items: center;
        -webkit-align-items: center;
        -webkit-justify-items: center;
        margin: 0 auto;
        padding: 0 15px;
        width: 360px
    }

    .panel-design-colors:first-child .panel, .panel-design-colors:last-child .panel, .panel-design-colors .panel {
        border-radius: 4px;
        border: 1px solid #eee;
        margin-bottom: 35px
    }

    #all_packeges .ribbonPopularMain + .panel, .design-new-package .selected .panel {
        height: auto;
        margin-left: auto;
        margin-top: auto;
        width: 100%
    }

    #all_packeges, .design-new-package {
        align-items: flex-start;
        -webkit-align-items: flex-start;
        float: none;
        height: auto;
        -webkit-justify-items: flex-start;
        justify-items: flex-start;
        margin: 0 auto;
        box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap
    }

    .choose-btn {
        bottom: auto;
        left: auto;
        position: relative;
        right: auto;
        margin-bottom: 20px
    }

    .pricingPackage .panel {
        min-height: auto;
        box-shadow: 0 7px 17px 0 rgba(57,76,93,.13);
        -webkit-box-shadow: 0 7px 17px 0 rgba(57,76,93,.13)
    }

    .pricingPage.pricingPackage {
        margin-top: 30px;
        text-align: center
    }

    .pricingPackage .panel-heading {
        padding: 15px 15px 0
    }

    .pricingPackage .panel-body.text-center > span {
        line-height: 60px
    }

    .pricingPackage .panel-body label {
        font-size: 35px
    }

        .pricingPackage .panel-body label sup {
            font-size: 21px
        }

    .priceCat > span {
        border-bottom: 1px dashed;
        color: #3a98ef;
        cursor: pointer;
        font-weight: 700
    }

    .popular-pricing.selected .ribbonPopularMain, .popular-pricing .ribbonPopularMain {
        left: 16px;
        top: 1px
    }

    .text-center.main-container.pricingPackage {
        margin-bottom: 0
    }

    #package .selected.cnt-launch-pkg-box .ribbonPopularMain, #all_packeges .pricingBlk2 .ribbonPopularMain {
        left: 16px;
        top: 0
    }

    .launch-contest-step-1 .contests-banner-section .cts-banner-image {
        padding: 50px 0
    }

    .page515 .bottomChar {
        display: block
    }

    .page515 .nt-referral {
        padding: 20px 20px 20px 300px
    }

    .logo-how-it .common-howCss .inner_logoDesigner > p {
        font-size: 13px
    }

    .logo-how-it .common-howCss {
        padding: 0
    }

    .contests-banner-section .contest-banner-details {
        padding-bottom: 15px
    }

    .pull-right.social-icons-right > a {
        width: 30px
    }

    .subheader-css a, .subheader-css .dh-USNumber {
        font-size: 13px
    }

    #lcnt-vbf-styles-industry.category--type--popup.modal .modal-dialog {
        width: 970px
    }

    .ct-rm-title > span {
        display: inline-block;
        width: 100%;
        font-size: 18px
    }

    .how-it-works-boxes .ct-rm-services .ct-rm-title > p {
        min-height: 70px;
        font-size: 14px
    }

    #WinningEntriesInn .winShowcaseDesign .pro-design {
        right: 60%
    }

    .search-category-buttons .design-quote, .get-design-quote-btn .design-hire {
        padding: 11px 14px
    }

    .category-search-option .category-search-button {
        width: 20%
    }

    .lp-banner-left {
        padding: 20px 40px 0 0
    }

    .lp-tagline {
        padding: 0 50px 20px 0
    }

    .lp-middle-content {
        padding: 0 60px 0 0
    }

    .pricing-faq .entries-winning-title.common-title, .pricing-features .entries-winning-title.common-title, #prSubscription .gds--title--css, .pr-wrapper-tabs h2 {
        font-size: 28px
    }
}

@media (min-width: 991px) and (max-width:1200px) {
    .counting {
        padding: 2px 5px
    }

    .user-info-section .whiteBtnNectar .btn.btn-default.white-spacse-css.new-button-css {
        padding: 7px;
        margin-right: 5px
    }

    a.viewmin-cart.header-cart-icon {
        margin-right: 5px
    }

    .user-name {
        margin-right: 20px
    }

    .myaccDropdown .dropdown-toggle.cog-css-new {
        width: 30px;
        padding-right: 2px
    }

    .user-info-section img {
        height: 28px;
        width: 35px
    }

    .desktop-header .user-info-section img {
        width: 35px;
        height: 35px
    }
}

@media(max-width: 1199px) {
    .right-css > li {
        padding: 0 15px
    }

    .right-css > li {
        padding: 0 15px;
        clear: none;
        width: auto
    }

    .right-css.contest-type-icon li {
        padding: 0 15px
    }

    .about_main iframe {
        width: 660px
    }

    .recommend-categoryList .recommend--catList--item {
        margin: 0 0 15px
    }
}

@media(max-width: 1100px) {
    .newsFeature.change-as-feature-design .newFeatureImgCommon {
        height: 21px
    }

    .dh-home-slider .item h3 {
        font-size: 55px
    }

    .dh-home-slider .item h5 {
        font-size: 25px
    }

    .dh-home-slider .item p {
        font-size: 16px;
        line-height: 40px;
        margin-bottom: 30px;
        margin-top: 30px
    }

    .dh-home-slider .carousel-caption {
        top: 20%
    }

    .festive-textCss, .festive-strip .front--div {
        line-height: 38px
    }

    .avail-offer.btn.btn-default {
        padding: 2px 10px
    }

    .festive-textCss {
        font-size: 13px;
        line-height: 38px
    }

    .social-icons a {
        width: 33px;
        height: 33px
    }

    .list-inline > li {
        padding-left: 4px;
        padding-right: 4px
    }

    .desktop-header .user-info-section .btn-group.open > .dropdown-menu {
        left: auto;
        right: -40px !important
    }

        .desktop-header .user-info-section .btn-group.open > .dropdown-menu:before, .desktop-header .user-info-section .btn-group.open > .dropdown-menu:after {
            left: 84% !important
        }
}

@media (max-width: 1050px) {
    .launchContestSteps4 {
        margin: 20px 2% 0;
        width: 96%
    }

    .launchContestStepsHeading .moneyBackDesignSingle_1 span {
        position: relative;
        margin: -25px auto 0
    }

    .moneyBackDesignSingle_1 {
        width: 100%;
        text-align: center
    }
}

@media all and (max-width: 992px) {
    .dh-home-slider .item h3 {
        font-size: 40px
    }

    .dh-home-slider .item h5 {
        font-size: 22px
    }

    .dh-home-slider .item p {
        font-size: 13px;
        line-height: 40px;
        margin-bottom: 30px;
        margin-top: 30px
    }

    .logo-design-testimonials .tesimonial-mainConteainer {
        margin: 15px 0 45px
    }

    .logo-how-it .common-howCss {
        margin-bottom: 40px
    }

    .logo-how-it .how-it-logoContainer {
        border-bottom: none;
        margin: 30px 0 0
    }

    .logo-how-it .col-sm-12:last-child .common-howCss {
        margin-bottom: 0
    }
}

@media all and (max-width: 991px) {
    .footer-section-text .logoDesignCity:first-child {
        margin-bottom: 20px
    }

    .newsFeature.change-as-feature-design .newFeatureImgCommon {
        height: 21px;
        margin: 0 10px
    }

    .newsFeature.change-as-feature-design a {
        margin-bottom: 30px
    }

    .newsFeature.change-as-feature-design {
        padding: 50px 0 30px
    }

    .test_header {
        background-size: 120%
    }

    .login-container .refferalCommon {
        padding-left: 20px
    }

    .search--categoryTags {
        margin: 30px 0 20px
    }

    .design-gallery-banners {
        background-position: bottom center
    }

    .newFooterCss .text_bottom_css {
        font-size: 13px
    }

    .container-lg li {
        font-size: 1.4rem
    }

    .fixed-footer.common-css .btn.btn-default.skip-step.skip-marginStep {
        margin-left: -20px
    }

    .col-md-2.col-sm-3.col-xs-12.lcnt-vbf-btn-action.whiteBtnNectar.text-left {
        width: 140px
    }

    .lcnt-vbf-box .fixed-footer .pay_launch_btn.process-css a {
        margin-top: 3px
    }

    .col-sm-4.col-xs-12.pg--text {
        width: 232px
    }

    .footerblock3 .container-lg .list-inline > li {
        padding-left: 0
    }

    .pr--nav > a {
        font-size: 16px;
        padding: 16px
    }

    .footer-container .total_amount div[class^=col-] {
        padding: 0
    }

    .total_amount {
        padding-bottom: 0
    }

    .lp-middle-content {
        padding: 0
    }

    .lp-banner-left {
        text-align: center;
        padding: 0 0 40px
    }

    .lp-banner-right {
        position: relative
    }

    .lp-right-form-two {
        max-height: 530px
    }

    .lp-bottom-strip .btn.btn-default.lp-bottom-btn {
        font-size: 15px;
        padding: 11px 16px
    }

    .lp-or {
        margin: 0 7px
    }

    .lp-bottom-strip .want-to-work {
        font-size: 14px
    }

    .lp-talent-info {
        padding: 0
    }

    .lp-bottom-info {
        font-size: 30px
    }

    .lp-banner--section {
        float: left;
        width: 100%
    }

    .scroll-bottom-div {
        display: none !important
    }

    .mid-logo img {
        width: 137px
    }

    .thumbHoverDescContent .icon-search-plus {
        margin-top: 160px
    }

    .festive-textCss.active .back--div {
        line-height: 4
    }

    .messaeges-list .local-time-inner-block {
        margin-top: 5px
    }

    .comment-title .local-time-inner {
        right: 45px
    }

    .refferalCommon {
        padding-right: 0
    }

    .tooltip {
        display: none !important
    }

    .worksArrow, .contests-banner-section .cts-banner-image {
        display: none
    }

    #all_packeges .panel-css.selected, #package .panel-css.cnt-launch-pkg-box {
        flex: 0 0 auto;
        -webkit-flex: 0 0 auto
    }

    .annotation-text-css {
        left: 43%
    }

    .design-post-title {
        line-height: 55px
    }

    #lcnt-vbf-styles-industry.category--type--popup.modal .modal-dialog {
        width: 767px
    }

    .design_gallery .designGalleryEntry.awarded--designs > div {
        width: calc(50% - 1px);
        width: -webkit-calc(50% - 1px);
        width: -ms-calc(50% - 1px);
        width: -o-calc(50% - 1px)
    }

    .get-design-quote-btn {
        text-align: center;
        margin: 25px 0 0
    }

    .newFooterCss .col-lg-3.col-md-3 {
        min-height: 320px;
        width: 33%
    }

    .recommend--contest .ct-rm-services.whiteBtnNectar {
        min-height: 258px
    }

    #WinningEntriesInn .winShowcaseDesign .pro-design {
        right: 50%
    }

    .marketplace-subsection .freelance-number-section {
        padding-top: 170px
    }

    .search-category-buttons .design-quote, .get-design-quote-btn .design-hire {
        padding: 11px 32px
    }

    a.subHeaderLink {
        font-size: 13px;
        background: #fff;
        border: 2px solid #ddd;
        box-shadow: none;
        -webkit-box-shadow: none;
        color: #333;
        padding: 10px 13px;
        width: 100%;
        display: block;
        margin-top: 10px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        line-height: normal
    }

        a.subHeaderLink i {
            float: right
        }

    .category-search-option .category-search-bar {
        font-size: 32px
    }

    .category-search-option .category-search-field {
        height: 48px
    }

    .category-search-option .category-search-button {
        top: -4px
    }

    .common-design-css {
        min-height: auto
    }

    .selectIndus .common-btn--group .caret {
        top: -31px
    }

    .design_gallery .common-btn--group .search-css {
        max-width: 100% !important;
        width: 100%;
        border: 2px solid #ddd !important;
        border-radius: 4px !important;
        padding: 10px 13px !important;
        color: #333 !important
    }

        .design_gallery .common-btn--group .search-css::-webkit-input-placeholder {
            color: #333 !important
        }

        .design_gallery .common-btn--group .search-css:-moz-placeholder {
            color: #333 !important
        }

        .design_gallery .common-btn--group .search-css::-moz-placeholder {
            color: #333 !important
        }

        .design_gallery .common-btn--group .search-css:-ms-input-placeholder {
            color: #333 !important
        }

    .design_gallery .subHeader .dropdown-menu {
        top: 45px;
        padding: 0
    }

    .design_gallery .common-btn--group .caret {
        top: 18px;
        border-top-color: #333;
        right: 17px
    }

    .festive-textCss {
        line-height: 25px
    }

    .service-grid-box .service-name-rating .common-pro-css {
        opacity: 1
    }

    .pricingPackage .panel .list-group-item {
        padding: 4px 22px 4px 15px
    }

    .pricingPage .selectIndus {
        padding-left: 30px
    }

    .dhPricing .text-center > p {
        font-size: 19px
    }

    .priceSubtitle {
        margin-top: 30px
    }

    .social-mediaPackCss .bidt-sectionText {
        margin: 0
    }

    .pricingPage h1.pricingHeading {
        margin-bottom: 0
    }

    .design-gallery-banners.change-pd-sixty {
        background-position: center center
    }

    .change-position-alignment .search--inputCss .form-control {
        font-size: 19px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .common-oldButtons {
        display: inline-block;
        text-align: center;
        width: 100%
    }

    .common-button.whiteBtnNectar.cat-buttons.logo-designCustom {
        margin: 40px 0 20px 80px
    }

    .category-pageTrust.custom-trust {
        display: inline-block;
        margin: 25px 0 0;
        text-align: center;
        width: 100%
    }

    .custom-trust.category-pageTrust.trust-oldPageImage {
        margin: 20px 0 0
    }

    .back-parent {
        margin: 50px 0 -20px 64px
    }

    .body-left, .body-right {
        display: block
    }

    .contest-details-new.col-sm-offset-2 {
        margin-left: 13.667%
    }

    .contest-details-new .list-inline.right-css > li {
        padding: 60px 7px
    }

    .mainBodyListBlk {
        min-height: 230px
    }

    .lcnt-vbf-box .list-items-css {
        max-width: 300px
    }

    .lcnt-vbf-box .text-list .list-items-css.default-items-css .list-view {
        float: none
    }

    .home-slider-form select, .home-slider-form .form-control {
        margin: 0 0 10px
    }

    .home-slider-form .btn.btn-default {
        width: 100%
    }

    .whiteBtnNectar.cat-buttons .btn.btn-default {
        margin: 5px 0;
        padding: 10px 22px;
        width: 100%
    }

    .logoDesignIndustry {
        clear: both;
        float: left;
        margin-top: 10px
    }

    .new-testimonialCss .testimonial_inner.testimonial_avia {
        max-height: 610px;
        margin-bottom: 60px
    }

    #contest-listing .panel-white {
        min-height: 259px
    }

    .entries-winning-title {
        padding: 30px 0 10px;
        font-size: 25px
    }

    .subheader-css {
        display: none
    }

    .desktop-header, .login-desktop-header, .left-content-beforelogin {
        display: none
    }

    .mobile-header {
        display: block
    }

    .user-info-icon li:last-child {
        display: none
    }

    #demo {
        height: auto
    }

    .pages-content {
        margin-top: 93px
    }

    .image {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .heading3 {
        width: 100%;
        text-align: center
    }

    .logo_desc {
        width: 100%;
        text-align: center
    }

    .container_inner ul li {
        width: 100%
    }

    .total_amount3 .tooltip.bottom {
        width: 300px !important
    }

    .thumb-css, .thumb-css:nth-child(3n) {
        margin: 0 30px 0 0;
        width: 43%;
        float: left
    }

    .social-icons {
        margin-top: 20px;
        text-align: center
    }

    .new-bottom-footer .social-icons {
        margin-top: 0;
        text-align: right
    }

    .step2_inn_3 {
        max-width: 85%;
        margin-left: 38%
    }

    .about_us .col-lg-9.col-md-9.col-sm-9 {
        width: 100%
    }

    .about_us .col-lg-3.col-md-3.col-sm-3 {
        width: 100%
    }

    .widget_css .last {
        text-align: left
    }

    .widget_css.last {
        margin: 32px 0 30px
    }

    .about_main iframe {
        width: 680px
    }

    .tooltip-left p {
        line-height: 20px
    }

    .budget .btn {
        width: 100%
    }

    .budget .select-css {
        float: right;
        width: 50%
    }

    .left-content {
        width: 19%
    }

    .right-content {
        width: 80%
    }

    #package-contest .left-content {
        width: 22%
    }

    #package-contest .right-content {
        width: 78%
    }

    .add-ons-right {
        width: 81%
    }

    .add-ons-left {
        width: 17%
    }
 

     
    .fixed-slide-content {
        width: 40%
    }

     

    .tooltip-left i {
        float: none
    }

    .step2_inn_3 {
        max-width: 100%
    }

    .step2_inn_4 {
        max-width: 67%
    }

    .desGSearchBox {
        display: none
    }

    .testimonial_header h2 {
        font-size: 35px;
        margin-bottom: 30px
    }

    .testimonial_header p {
        margin-bottom: 30px
    }

    .bannerAdd460x60, .bannerAdd200x200, .bannerAdd120x560, .bannerAdd300x250 {
        display: block;
        width: 100%;
        clear: both;
        text-align: center
    }

    .option_Ad {
        text-align: center
    }

    .bannerCode {
        display: block;
        margin-top: 20px;
        width: 100%;
        clear: both
    }

    .container.designGalleryEntry {
        max-width: 788px;
        margin: auto
    }

    

        .price-in .dropdown-menu {
            left: 0;
            top: 40px;
            width: 100%
        }

    .homesliderSubHead1 {
        font-size: 26px
    }

    .parallaxHead.parallaxCategory {
        padding: 4% 0 14%
    }

    .contest-win-img {
        max-height: 250px
    }

    .mainBodyListBlkCat {
        max-height: 170px
    }

    .modal-dialog.modal-lg {
        width: auto;
        margin: 100px 5% 0
    }

    .bdy-designer.homeIndex .parallaxHead > div {
        margin: 120px 0 70px
    }

    .bdy-client.homeIndex .parallaxHead > div, .homeIndex .parallaxHead > div {
        margin: 130px 0 70px
    }

    .parallaxHeadBtn {
        margin: 40px auto
    }

    .homesliderSubHead2 {
        line-height: normal;
        font-size: 14px;
        padding: 0 10%;
        margin-bottom: 15px;
        margin-top: 5px
    }

    .homesliderSubHead1 {
        font-size: 20px
    }

    .parallaxHead h1 {
        font-size: 36px
    }

    .search-main, .contest-css-in {
        margin-top: 20px
    }

    #contest-listing p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%
    }

    .contest-details-new .list-inline.right-css > li {
        padding: 30px 7px
    }

    .pages-content.container, .pages-content.container-fluid {
        margin-top: 0
    }

    .bdy-designer .pages-content.container, .bdy-designer .pages-content.container-fluid {
        margin-top: 0
    }

    .mobile-header {
        line-height: 4
    }

    .contest-details .custom-btn {
        float: left
    }

    #contest_listing .contest-details {
        height: auto
    }

    .contest-win-img {
        max-height: none
    }

    #contest_listing .contest-details {
        padding-bottom: 0
    }

    #contest-listing .contest-details ul.startContestLike {
        margin: 0
    }

    .dh-signUpCss .txtPhoneMob.txt-paddignright {
        padding-right: 0
    }

    .dh-signUpCss .txtPhoneMob {
        padding-left: 0;
        padding-right: 0
    }

    .dh-design-new .customLgo-btnCss .whiteBtnNectar.get-started-btn {
        float: left;
        margin-right: 20px;
        text-align: center;
        width: auto
    }

    .identity-page .container {
        width: 100%
    }

    .bidt-sectionImage {
        margin-left: 0
    }

    .bidt-sectionText {
        margin: 0 50px 0 30px
    }

    .bidt-logoClass {
        margin: 5px 0 50px
    }

    .bidt-sectionImage {
        text-align: center
    }

    .envelope-heading {
        margin-top: 40px
    }

    .bidt-collapse {
        padding: 55px 0 0 45px
    }

    .bidt-heading {
        font-size: 38px
    }

    .bidt-heading-lead {
        font-size: 22px
    }

    .bidt-section .cta-link-action:after {
        left: 130px
    }

    #alert-wrapper .alert-body {
        font-size: 12px
    }

    .discoverWorkHeader {
        margin-top: 0
    }

    section.logo-design-testimonials .common-title {
        margin-bottom: 30px
    }

    .common-button {
        float: left;
        margin: 20px 30px 20px 0
    }

    .how-it-worksBtn {
        display: block
    }

    .how-work-video {
        display: none
    }

    .footerblock1 .col-sm-6 {
        min-height: 270px
    }

    .steps .circle {
        margin-right: -6px
    }

    .common-ins-css .inner_heading > h1 {
        font-size: 30px;
        font-family: inherit
    }

    .common-ins-css .inner_heading > .work {
        font-size: 25px
    }

    .common-ins-css .inner_heading > h2 {
        font-size: 15px;
        font-weight: 300;
        font-family: inherit
    }

    .common-ins-css .inner_get_start > h2 {
        font-size: 25px
    }

    .common-ins-css .divider-class {
        width: 85%
    }

    .common-ins-css .start_img {
        padding: 45px 0 0;
        width: 100%;
        text-align: center
    }

    .common-ins-css .col-lg-6.col-md-6.col-sm-6.designer_parentClass {
        padding: 30px 0 0
    }

    .common-ins-css .find_designer {
        width: 100%
    }

    .common-ins-css .inner_findDesigner {
        padding: 0 0 0 50px
    }

    .common-ins-css .find_designer > span {
        font-size: 4em
    }

    .common-ins-css .inner_findDesigner > h3 {
        font-size: 18px
    }

    .common-ins-css .inner_findDesigner > p {
        padding: 0;
        font-size: 13px
    }

    .common-ins-css .invite_img {
        margin-top: 0;
        width: 100%;
        text-align: center
    }

    .common-ins-css .col-lg-6.col-md-6.col-sm-6.collaborate_parentClass {
        padding: 20px 0 10px
    }

    .common-ins-css .easy_findWay {
        padding: 10px
    }

    .common-ins-css .find_span > h3 {
        font-size: 17px;
        font-weight: 400
    }

    .common-ins-css .design_detail > p {
        line-height: 1.7
    }

    .common-ins-css .col-lg-6.col-md-6.col-sm-6.new_job {
        padding: 15px
    }

    .common-ins-css .col-lg-6.col-md-6.col-sm-6.price {
        padding: 0
    }

    .common-ins-css .design_img > img:hover {
        transform: scale(1.1)
    }

    .common-ins-css .design_detail > h3 {
        font-size: 26px
    }

    .common-ins-css .col-lg-12.col-md-12.col-sm-12.design_start > h2 {
        font-size: 25px
    }

    .common-ins-css .simple_workflow > h2 {
        font-size: 25px
    }

    .common-ins-css .col-lg-4.col-md-4.col-sm-4.client {
        padding: 0
    }

    .common-ins-css .col-lg-12.col-md-12.col-sm-12.thought_col {
        padding: 20px 0 0
    }

    .common-ins-css .inner_thoughtDiv {
        height: 230px;
        padding: 5px 25px 0 16px
    }

    .common-ins-css .col-lg-8.col-md-8.col-sm-8.thought_detail {
        padding: 0
    }

    .common-ins-css .designer_thought {
        padding: 0
    }

    .common-ins-css .inner_designerName {
        padding: 0
    }

    .common-ins-css .inner_thoughtDiv {
        margin-bottom: 20px;
        height: 205px;
        padding-top: 38px
    }

        .common-ins-css .inner_thoughtDiv:before {
            border-bootom: 15px solid transparent;
            border-left: 12px solid #fff;
            border-top: 15px solid transparent;
            content: "";
            display: inline-block;
            height: 0;
            position: relative;
            top: 50px;
            width: 0
        }

    .common-ins-css .col-lg-12.col-md-12.col-sm-12.invoiceDiv {
        padding: 20px
    }

    .new-testimonialCss .inner_get_start > h2 {
        font-size: 25px
    }

    .one-to-one-strip-css {
        display: none
    }

    .hide-how-video {
        display: none
    }

    .how-it-worksBtn .btn.btn-default {
        font-size: 15px;
        padding: 10px 24px
    }

    .files-left-section {
        margin-left: 0;
        padding-left: 0
    }

    .files-right-section {
        position: relative;
        width: 100%
    }

    .moneyBkGuarantee.homesliderSubHead2 {
        margin-bottom: 20px;
        margin-top: 10px
    }

    .contest-win-img {
        border-right: 1px solid #eee
    }

    .whatDoYouNeedSlider .owl-item {
        padding: 5px 10px
    }

    .whatDoYouNeedSlider {
        margin: 0 0 20px
    }

    .subheader-css {
        display: none
    }

    .desktop-header, .login-desktop-header, .left-content-beforelogin {
        display: none
    }

    .mobile-header {
        display: block;
        float: left;
        width: 100%;
        line-height: 4
    }

    .user-info-icon li:last-child {
        display: none
    }

    #demo {
        height: auto
    }

    .custom-logo-title {
        padding-top: 15px
    }

    .logoDesign-body .custom-name {
        margin: 0;
        padding: 0
    }

    .dh-checkOut .entries-winning-title {
        font-size: 25px
    }

    .launch-design-top .trusted-design-css {
        position: relative;
        top: auto
    }

    .getLogo-backgroundColor .custom-trust {
        margin-top: -18px;
        width: auto
    }

    .shadow-box.increase-box {
        min-height: 408px
    }

    .shadow-box {
        min-height: 406px
    }

    .feedback-top-css {
        float: left;
        position: relative;
        width: 100%
    }

    .launch-currency {
        display: none !important
    }

    .messageCss-info .newMsg-action {
        margin: 0 15px 0 0
    }

    .contest-typeCss {
        padding: 0
    }

    .contest-type .pagination {
        margin: 0 5px 0 0
    }

    .view_service_popup .modal-dialog.modal-lg {
        margin: 40px auto 0;
        padding: 0;
        width: 730px
    }

    .main-container .col-lg-7.col-md-12.col-sm-12.col-lg-offset-1.text-left, .main-container .col-lg-4.col-md-12.col-sm-12.text-left {
        text-align: center
    }

    #add-ons .add-mid {
        padding: 0
    }

    .visual-backCheck {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

        .visual-backCheck i {
            font-size: 16px
        }

    .visual-textTitle {
        padding-left: 33px
    }

    .new-lauchLogoBundle .launch-detail-text {
        margin: 0;
        width: 100%
    }

    .lcnt-vbf-box .fixed-footer .lcnt-vbf-btn-action .pay_launch_btn.process-css {
        margin: 0
    }

    #lcnt-vbf-colors .tooltip {
        display: none !important
    }

    .pricing-features .pf-contentIn {
        min-height: 130px
    }

    .pricing-faq.common-new {
        text-align: center
    }

    .newCus {
        top: 10%
    }

    .logo-how-it .works-img > span {
        display: none
    }

    .dh-design-new .cat-bannerType {
        margin-top: 0
    }

    .contests-banner-section {
        background: #3b4043;
        padding: 0 0 40px
    }

    .testimonial_header h1.testi-headinCss {
        font-size: 32px;
        line-height: normal
    }

    .testimonial_header p {
        line-height: normal
    }

    .service-form-group.services-checkbox {
        width: 50%
    }

    .logo-how-it .how-it-container .common-howCss:after {
        display: none
    }

    .logo-how-it .common-howCss {
        min-height: auto
    }

    .contests-banner-section .contest-banner-details {
        padding-bottom: 0
    }

    #service_update_modal .carousel-control {
        bottom: auto;
        height: auto;
        top: -123px;
        width: 30px
    }

        #service_update_modal .carousel-control.left {
            left: auto;
            right: 35px
        }

        #service_update_modal .carousel-control.right {
            right: 6px
        }

        #service_update_modal .carousel-control i {
            color: #707482;
            font-size: 52px
        }

    .service-update-popup .update-popup-strip {
        margin: 45px 0 20px
    }

    #service_update_modal .carousel-control i:hover {
        color: #000
    }

    .service-update-popup .update-popup-strip {
        font-size: 14px
    }

    .common-panel .slide-toggle i.icon-heart-empty {
        color: #d51b31
    }

    .launch-uploadImg-css.uploadImages {
        display: none
    }

    

    .subHeader {
        background: 0 0
    }

    .page120 .desTypeBtn div {
        color: #333
    }

    .design_gallery .subHeaderMenu .dropdown-menucss .btn {
        background: #fff;
        border: 2px solid #ddd;
        box-shadow: none;
        -webkit-box-shadow: none;
        color: #333;
        padding: 10px 13px
    }

    .design_gallery .subHeader .dropdown-menu {
        max-width: 100%;
        top: 40px
    }

    .list-inline.subHeaderMenu {
        margin-top: 20px
    }

    

    .designer-contests {
        padding-bottom: 0
    }

    .designer-contests-slider {
        display: none
    }

    .designer-contests .contestSlider-arrows {
        display: none
    }

    .main-content-wrapper .common-button, .seemoreWinning .common-button, .logo-design-testimonials .common-title {
        animation: none
    }

    .addon--price {
        right: 10px
    }

    .local-time-inner {
        font-size: 12px;
        left: 0;
        line-height: normal;
        position: relative;
        top: 0
    }

    .local-time-wrapper {
        padding-left: 0;
        padding-right: 0;
        position: relative;
        text-align: left
    }

    .activity-bottom-top .prefix-new {
        float: left;
        margin-top: 4px;
        width: 45px
    }

    .search--inputCss .form-control {
        font-size: 26px
    }

    .footer-section-text.gallery--footer li {
        width: 50%
    }

    .task--inner {
        padding: 10px 20px 5px 60px
    }

    .ts-btns {
        margin: 10px 0;
        position: relative;
        right: auto;
        text-align: right;
        top: auto;
        width: 100%
    }

    .tasks--top .sub-category {
        margin-top: 20px
    }

    .tasks--top .search-main {
        margin-top: 0
    }

    .design-post-title {
        line-height: 55px
    }

    #lcnt-vbf-styles-industry.category--type--popup.modal .modal-dialog {
        width: 767px
    }

    .design_gallery .designGalleryEntry.awarded--designs > div {
        width: calc(50% - 1px);
        width: -webkit-calc(50% - 1px);
        width: -ms-calc(50% - 1px);
        width: -o-calc(50% - 1px)
    }

    .get-design-quote-btn {
        text-align: center;
        margin: 25px 0 0
    }

    .newFooterCss .col-lg-3.col-md-3 {
        min-height: 320px;
        width: 33%
    }

    .recommend--contest .ct-rm-services.whiteBtnNectar {
        min-height: 258px
    }

    #WinningEntriesInn .winShowcaseDesign .pro-design {
        right: 50%
    }

    .marketplace-subsection .freelance-number-section {
        padding-top: 170px
    }

    .search-category-buttons .design-quote, .get-design-quote-btn .design-hire {
        padding: 11px 32px
    }

    a.subHeaderLink {
        font-size: 13px;
        background: #fff;
        border: 2px solid #ddd;
        box-shadow: none;
        -webkit-box-shadow: none;
        color: #333;
        padding: 10px 13px;
        width: 100%;
        display: block;
        margin-top: 10px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        line-height: normal
    }

        a.subHeaderLink i {
            float: right
        }

    .category-search-option .category-search-bar {
        font-size: 32px
    }

    .category-search-option .category-search-field {
        height: 48px
    }

    .category-search-option .category-search-button {
        top: -4px
    }

    .common-design-css {
        min-height: auto
    }

    .selectIndus .common-btn--group .caret {
        top: -31px
    }

    .design_gallery .common-btn--group .search-css {
        max-width: 100% !important;
        width: 100%;
        border: 2px solid #ddd !important;
        border-radius: 4px !important;
        padding: 10px 13px !important;
        color: #333 !important
    }

        .design_gallery .common-btn--group .search-css::-webkit-input-placeholder {
            color: #333 !important
        }

        .design_gallery .common-btn--group .search-css:-moz-placeholder {
            color: #333 !important
        }

        .design_gallery .common-btn--group .search-css::-moz-placeholder {
            color: #333 !important
        }

        .design_gallery .common-btn--group .search-css:-ms-input-placeholder {
            color: #333 !important
        }

    .design_gallery .subHeader .dropdown-menu {
        top: 45px;
        padding: 0
    }

    .design_gallery .common-btn--group .caret {
        top: 18px;
        border-top-color: #333;
        right: 17px
    }

    .design_gallery .award-winning-dropdown .common-btn--group .search-css {
        border: none !important
    }

    .pr-wrapper-tabs .pricingPage .price--deatils {
        padding: 0 15px
    }

    #prProjects .pf-contentIn {
        min-height: 145px
    }

    .pricingPackage .panel .list-group-item {
        padding: 4px 22px 4px 15px
    }

    .pricingPage .selectIndus {
        padding-left: 30px
    }

    .dhPricing .text-center > p {
        font-size: 19px
    }

    .priceSubtitle {
        margin-top: 30px
    }

    .social-mediaPackCss .bidt-sectionText {
        margin: 0
    }

    .pricingPage h1.pricingHeading {
        margin-bottom: 0
    }

    .common-oldButtons {
        display: inline-block;
        text-align: center;
        width: 100%
    }

    .common-button.whiteBtnNectar.cat-buttons.logo-designCustom {
        margin: 40px 0 20px 80px
    }

    .category-pageTrust.custom-trust {
        display: inline-block;
        margin: 25px 0 0;
        text-align: center;
        width: 100%
    }

    .custom-trust.category-pageTrust.trust-oldPageImage {
        margin: 20px 0 0
    }

    .back-parent {
        margin: 50px 0 -20px 64px
    }

    .body-left, .body-right {
        display: block
    }

    .mainBodyListBlk {
        min-height: 230px
    }

    .lcnt-vbf-box .list-items-css {
        max-width: 300px
    }

    .lcnt-vbf-box .text-list .list-items-css.default-items-css .list-view {
        float: none
    }

    .home-slider-form select, .home-slider-form .form-control {
        margin: 0 0 10px
    }

    .home-slider-form .btn.btn-default {
        width: 100%
    }

    .whiteBtnNectar.cat-buttons .btn.btn-default {
        margin: 5px 0;
        padding: 10px 22px;
        width: 100%
    }

    .logoDesignIndustry {
        clear: both;
        float: left;
        margin-top: 10px
    }

    .new-testimonialCss .testimonial_inner.testimonial_avia {
        max-height: 610px;
        margin-bottom: 60px
    }

    #contest-listing .panel-white {
        min-height: 259px
    }

    .entries-winning-title {
        padding: 30px 0 10px;
        font-size: 25px
    }

    .subheader-css {
        display: none
    }

    .desktop-header, .login-desktop-header, .left-content-beforelogin {
        display: none
    }

    .mobile-header {
        display: block
    }

    .user-info-icon li:last-child {
        display: none
    }

    #demo {
        height: auto
    }

    .pages-content {
        margin-top: 93px
    }

    .image {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .heading3 {
        width: 100%;
        text-align: center
    }

    .logo_desc {
        width: 100%;
        text-align: center
    }

    .container_inner ul li {
        width: 100%
    }

    .total_amount3 .tooltip.bottom {
        width: 300px !important
    }

    .thumb-css, .thumb-css:nth-child(3n) {
        margin: 0 30px 0 0;
        width: 43%;
        float: left
    }

    .step2_inn_3 {
        max-width: 85%;
        margin-left: 38%
    }

    .about_us .col-lg-9.col-md-9.col-sm-9 {
        width: 100%
    }

    .about_us .col-lg-3.col-md-3.col-sm-3 {
        width: 100%
    }

    .widget_css .last {
        text-align: left
    }

    .widget_css.last {
        margin: 32px 0 30px
    }

    .about_main iframe {
        width: 680px
    }

    .tooltip-left p {
        line-height: 20px
    }

    .budget .btn {
        width: 100%
    }

    .budget .select-css {
        float: right;
        width: 50%
    }

    .left-content {
        width: 19%
    }

    .right-content {
        width: 80%
    }

    #package-contest .left-content {
        width: 22%
    }

    #package-contest .right-content {
        width: 78%
    }

    .add-ons-right {
        width: 81%
    }

    .add-ons-left {
        width: 17%
    }

    
    .fixed-slide-content {
        width: 40%
    }

    
    .tooltip-left i {
        float: none
    }

    .step2_inn_3 {
        max-width: 100%
    }

    .step2_inn_4 {
        max-width: 67%
    }

    .desGSearchBox {
        display: none
    }

    .testimonial_header h2 {
        font-size: 35px;
        margin-bottom: 30px
    }

    .testimonial_header p {
        margin-bottom: 30px
    }

    .bannerAdd460x60, .bannerAdd200x200, .bannerAdd120x560, .bannerAdd300x250 {
        display: block;
        width: 100%;
        clear: both;
        text-align: center
    }

    .option_Ad {
        text-align: center
    }

    .bannerCode {
        display: block;
        margin-top: 20px;
        width: 100%;
        clear: both
    }

    .container.designGalleryEntry {
        max-width: 788px;
        margin: auto
    }

    .price-in, .toggle-cssin {
        margin-top: 20px
    }

        .price-in .dropdown-menu {
            left: 0;
            top: 40px;
            width: 100%
        }

    .homesliderSubHead1 {
        font-size: 26px
    }

    .parallaxHead.parallaxCategory {
        padding: 4% 0 14%
    }

    .mainBodyListBlkCat {
        max-height: 170px
    }

    .modal-dialog.modal-lg {
        width: auto;
        margin: 100px 5% 0
    }

    .bdy-designer.homeIndex .parallaxHead > div {
        margin: 120px 0 70px
    }

    .bdy-client.homeIndex .parallaxHead > div, .homeIndex .parallaxHead > div {
        margin: 130px 0 70px
    }

    .parallaxHeadBtn {
        margin: 40px auto
    }

    .homesliderSubHead2 {
        line-height: normal;
        font-size: 14px;
        padding: 0 10%;
        margin-bottom: 15px;
        margin-top: 5px
    }

    .homesliderSubHead1 {
        font-size: 20px
    }

    .parallaxHead h1 {
        font-size: 36px
    }

    .search-main, .contest-css-in {
        margin-top: 20px
    }

    #contest-listing p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%
    }

    .contest-details-new .list-inline.right-css > li {
        padding: 30px 7px
    }

    .pages-content.container, .pages-content.container-fluid {
        margin-top: 0
    }

    .bdy-designer .pages-content.container, .bdy-designer .pages-content.container-fluid {
        margin-top: 0
    }

    .mobile-header {
        line-height: 4
    }

    .contest-details .custom-btn {
        float: left
    }

    #contest_listing .contest-details {
        padding-bottom: 0
    }

    #contest-listing .contest-details ul.startContestLike {
        margin: 0
    }

    .dh-signUpCss .txtPhoneMob.txt-paddignright {
        padding-right: 0
    }

    .dh-signUpCss .txtPhoneMob {
        padding-left: 0;
        padding-right: 0
    }

    .dh-design-new .customLgo-btnCss .whiteBtnNectar.get-started-btn {
        float: left;
        margin-right: 20px;
        text-align: center;
        width: auto
    }

    .identity-page .container {
        width: 100%
    }

    .bidt-sectionImage {
        margin-left: 0
    }

    .bidt-sectionText {
        margin: 0 50px 0 30px
    }

    .bidt-logoClass {
        margin: 5px 0 50px
    }

    .bidt-sectionImage {
        text-align: center
    }

    .envelope-heading {
        margin-top: 40px
    }

    .bidt-collapse {
        padding: 55px 0 0 45px
    }

    .bidt-heading {
        font-size: 38px
    }

    .bidt-heading-lead {
        font-size: 22px
    }

    .bidt-section .cta-link-action:after {
        left: 130px
    }

    #alert-wrapper .alert-body {
        font-size: 12px
    }

    .discoverWorkHeader {
        margin-top: 0
    }

    section.logo-design-testimonials .common-title {
        margin-bottom: 30px
    }

    .common-button {
        float: left;
        margin: 20px 30px 20px 0
    }

    .how-it-worksBtn {
        display: block
    }

    .how-work-video {
        display: none
    }

    .footerblock1 .col-sm-6 {
        min-height: 270px
    }

    .steps .circle {
        margin-right: -6px
    }

    .common-ins-css .inner_heading > h1 {
        font-size: 30px;
        font-family: inherit
    }

    .common-ins-css .inner_heading > .work {
        font-size: 25px
    }

    .common-ins-css .inner_heading > h2 {
        font-size: 15px;
        font-weight: 300;
        font-family: inherit
    }

    .common-ins-css .inner_get_start > h2 {
        font-size: 25px
    }

    .common-ins-css .divider-class {
        width: 85%
    }

    .common-ins-css .start_img {
        padding: 45px 0 0;
        width: 100%;
        text-align: center
    }

    .common-ins-css .col-lg-6.col-md-6.col-sm-6.designer_parentClass {
        padding: 30px 0 0
    }

    .common-ins-css .find_designer {
        width: 100%
    }

    .common-ins-css .inner_findDesigner {
        padding: 0 0 0 50px
    }

    .common-ins-css .find_designer > span {
        font-size: 4em
    }

    .common-ins-css .inner_findDesigner > h3 {
        font-size: 18px
    }

    .common-ins-css .inner_findDesigner > p {
        padding: 0;
        font-size: 13px
    }

    .common-ins-css .invite_img {
        margin-top: 0;
        width: 100%;
        text-align: center
    }

    .common-ins-css .col-lg-6.col-md-6.col-sm-6.collaborate_parentClass {
        padding: 20px 0 10px
    }

    .common-ins-css .easy_findWay {
        padding: 10px
    }

    .common-ins-css .find_span > h3 {
        font-size: 17px;
        font-weight: 400
    }

    .common-ins-css .design_detail > p {
        line-height: 1.7
    }

    .common-ins-css .col-lg-6.col-md-6.col-sm-6.new_job {
        padding: 15px
    }

    .common-ins-css .col-lg-6.col-md-6.col-sm-6.price {
        padding: 0
    }

    .common-ins-css .design_img > img:hover {
        transform: scale(1.1)
    }

    .common-ins-css .design_detail > h3 {
        font-size: 26px
    }

    .common-ins-css .col-lg-12.col-md-12.col-sm-12.design_start > h2 {
        font-size: 25px
    }

    .common-ins-css .simple_workflow > h2 {
        font-size: 25px
    }

    .common-ins-css .col-lg-4.col-md-4.col-sm-4.client {
        padding: 0
    }

    .common-ins-css .col-lg-12.col-md-12.col-sm-12.thought_col {
        padding: 20px 0 0
    }

    .common-ins-css .inner_thoughtDiv {
        height: 230px;
        padding: 5px 25px 0 16px
    }

    .common-ins-css .col-lg-8.col-md-8.col-sm-8.thought_detail {
        padding: 0
    }

    .common-ins-css .designer_thought {
        padding: 0
    }

    .common-ins-css .inner_designerName {
        padding: 0
    }

    .common-ins-css .inner_thoughtDiv {
        margin-bottom: 20px;
        height: 205px;
        padding-top: 38px
    }

        .common-ins-css .inner_thoughtDiv:before {
            border-bootom: 15px solid transparent;
            border-left: 12px solid #fff;
            border-top: 15px solid transparent;
            content: "";
            display: inline-block;
            height: 0;
            position: relative;
            top: 50px;
            width: 0
        }

    .common-ins-css .col-lg-12.col-md-12.col-sm-12.invoiceDiv {
        padding: 20px
    }

    .new-testimonialCss .inner_get_start > h2 {
        font-size: 25px
    }

    .one-to-one-strip-css {
        display: none
    }

    .hide-how-video {
        display: none
    }

    .how-it-worksBtn .btn.btn-default {
        font-size: 15px;
        padding: 10px 24px
    }

    .files-left-section {
        margin-left: 0;
        padding-left: 0
    }

    .files-right-section {
        position: relative;
        width: 100%
    }

    .moneyBkGuarantee.homesliderSubHead2 {
        margin-bottom: 20px;
        margin-top: 10px
    }

    .contest-win-img {
        border-right: 1px solid #eee
    }

    .whatDoYouNeedSlider .owl-item {
        padding: 5px 10px
    }

    .whatDoYouNeedSlider {
        margin: 0 0 20px
    }

    .subheader-css {
        display: none
    }

    .desktop-header, .login-desktop-header, .left-content-beforelogin {
        display: none
    }

    .mobile-header {
        display: block;
        float: left;
        width: 100%;
        line-height: 4
    }

    .user-info-icon li:last-child {
        display: none
    }

    #demo {
        height: auto
    }

    .custom-logo-title {
        padding-top: 15px
    }

    .logoDesign-body .custom-name {
        margin: 0;
        padding: 0
    }

    .dh-checkOut .entries-winning-title {
        font-size: 25px
    }

    .launch-design-top .trusted-design-css {
        position: relative;
        top: auto
    }

    .getLogo-backgroundColor .custom-trust {
        margin-top: -18px;
        width: auto
    }

    .shadow-box.increase-box {
        min-height: 408px
    }

    .shadow-box {
        min-height: 406px
    }

    .feedback-top-css {
        float: left;
        position: relative;
        width: 100%
    }

    .launch-currency {
        display: none !important
    }

    .messageCss-info .newMsg-action {
        margin: 0 15px 0 0
    }

    .contest-typeCss {
        padding: 0
    }

    .contest-type .pagination {
        margin: 0 5px 0 0
    }

    .view_service_popup .modal-dialog.modal-lg {
        margin: 40px auto 0;
        padding: 0;
        width: 730px
    }

    .main-container .col-lg-7.col-md-12.col-sm-12.col-lg-offset-1.text-left, .main-container .col-lg-4.col-md-12.col-sm-12.text-left {
        text-align: center
    }

    #add-ons .add-mid {
        padding: 0
    }

    .visual-backCheck {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

        .visual-backCheck i {
            font-size: 16px
        }

    .visual-textTitle {
        padding-left: 33px
    }

    .new-lauchLogoBundle .launch-detail-text {
        margin: 0;
        width: 100%
    }

    .lcnt-vbf-box .fixed-footer .lcnt-vbf-btn-action .pay_launch_btn.process-css {
        margin: 0
    }

    #lcnt-vbf-colors .tooltip {
        display: none !important
    }

    .pricing-features .pf-contentIn {
        min-height: 130px
    }

    .pricing-faq.common-new {
        text-align: center
    }

    .newCus {
        top: 10%
    }

    .logo-how-it .works-img > span {
        display: none
    }

    .dh-design-new .cat-bannerType {
        margin-top: 0
    }

    .contests-banner-section {
        background: #3b4043;
        padding: 0 0 40px
    }

    .testimonial_header h1.testi-headinCss {
        font-size: 32px;
        line-height: normal
    }

    .testimonial_header p {
        line-height: normal
    }

    .service-form-group.services-checkbox {
        width: 50%
    }

    .logo-how-it .how-it-container .common-howCss:after {
        display: none
    }

    .logo-how-it .common-howCss {
        min-height: auto
    }

    .contests-banner-section .contest-banner-details {
        padding-bottom: 0
    }

    #service_update_modal .carousel-control {
        bottom: auto;
        height: auto;
        top: -123px;
        width: 30px
    }

        #service_update_modal .carousel-control.left {
            left: auto;
            right: 35px
        }

        #service_update_modal .carousel-control.right {
            right: 6px
        }

        #service_update_modal .carousel-control i {
            color: #707482;
            font-size: 52px
        }

    .service-update-popup .update-popup-strip {
        margin: 45px 0 20px
    }

    #service_update_modal .carousel-control i:hover {
        color: #000
    }

    .service-update-popup .update-popup-strip {
        font-size: 14px
    }

    .common-panel .slide-toggle i.icon-heart-empty {
        color: #d51b31
    }

    .launch-uploadImg-css.uploadImages {
        display: none
    }

    .files-top .toggle-wrapper, .files-top .annotation-text-css, .files-top .annotation-ifoIcon, .expand-css .tooltip-css, .design_gallery .list-inline.subHeaderMenu > li:nth-child(4), .design_gallery .list-inline.subHeaderMenu > li:last-child {
        display: none !important
    }

    .subHeader {
        background: 0 0
    }

    .page120 .desTypeBtn div {
        color: #333
    }

    .design_gallery .subHeaderMenu .dropdown-menucss .btn {
        background: #fff;
        border: 2px solid #ddd;
        box-shadow: none;
        -webkit-box-shadow: none;
        color: #333;
        padding: 10px 13px
    }

    .design_gallery .subHeader .dropdown-menu {
        max-width: 100%;
        top: 40px
    }

    .list-inline.subHeaderMenu {
        margin-top: 20px
    }

    .design_gallery .subHeaderMenu .toggle-inside {
        position: relative
    }

    .designer-contests {
        padding-bottom: 0
    }

    .designer-contests-slider {
        display: none
    }

    .designer-contests .contestSlider-arrows {
        display: none
    }

    .main-content-wrapper .common-button, .seemoreWinning .common-button, .logo-design-testimonials .common-title {
        animation: none
    }

    .addon--price {
        right: 10px
    }

    .local-time-inner {
        font-size: 12px;
        left: 0;
        line-height: normal;
        position: relative;
        top: 0
    }

    .local-time-wrapper {
        padding-left: 0;
        padding-right: 0;
        position: relative;
        text-align: left
    }

    .activity-bottom-top .prefix-new {
        float: left;
        margin-top: 4px;
        width: 45px
    }

    .search--inputCss .form-control {
        font-size: 26px
    }

    .footer-section-text.gallery--footer li {
        width: 50%
    }

    .task--inner {
        padding: 10px 20px 5px 60px
    }

    .ts-btns {
        margin: 10px 0;
        position: relative;
        right: auto;
        text-align: right;
        top: auto;
        width: 100%
    }

    .tasks--top .sub-category {
        margin-top: 20px
    }

    .tasks--top .search-main {
        margin-top: 0
    }

    .design-post-title {
        line-height: 55px
    }

    #lcnt-vbf-styles-industry.category--type--popup.modal .modal-dialog {
        width: 767px
    }

    .design_gallery .designGalleryEntry.awarded--designs > div {
        width: calc(50% - 1px);
        width: -webkit-calc(50% - 1px);
        width: -ms-calc(50% - 1px);
        width: -o-calc(50% - 1px)
    }

    .get-design-quote-btn {
        text-align: center;
        margin: 25px 0 0
    }

    .newFooterCss .col-lg-3.col-md-3 {
        min-height: auto;
        width: 33.333333%;
        margin-bottom: 30px
    }

        .newFooterCss .col-lg-3.col-md-3.order-four {
            order: 4
        }

    .recommend--contest .ct-rm-services.whiteBtnNectar {
        min-height: 258px
    }

    #WinningEntriesInn .winShowcaseDesign .pro-design {
        right: 50%
    }

    .marketplace-subsection .freelance-number-section {
        padding-top: 170px
    }

    .search-category-buttons .design-quote, .get-design-quote-btn .design-hire {
        padding: 11px 32px
    }

    a.subHeaderLink {
        font-size: 13px;
        background: #fff;
        border: 2px solid #ddd;
        box-shadow: none;
        -webkit-box-shadow: none;
        color: #333;
        padding: 10px 13px;
        width: 100%;
        display: block;
        margin-top: 10px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        line-height: normal
    }

        a.subHeaderLink i {
            float: right
        }

    .category-search-option .category-search-bar {
        font-size: 32px
    }

    .category-search-option .category-search-field {
        height: 48px
    }

    .category-search-option .category-search-button {
        top: -4px
    }

    .common-design-css {
        min-height: auto
    }

    .selectIndus .common-btn--group .caret {
        top: -31px
    }

    .design_gallery .common-btn--group .search-css {
        max-width: 100% !important;
        width: 100%;
        border: 2px solid #ddd !important;
        border-radius: 4px !important;
        padding: 10px 13px !important;
        color: #333 !important
    }

        .design_gallery .common-btn--group .search-css::-webkit-input-placeholder {
            color: #333 !important
        }

        .design_gallery .common-btn--group .search-css:-moz-placeholder {
            color: #333 !important
        }

        .design_gallery .common-btn--group .search-css::-moz-placeholder {
            color: #333 !important
        }

        .design_gallery .common-btn--group .search-css:-ms-input-placeholder {
            color: #333 !important
        }

    .design_gallery .subHeader .dropdown-menu {
        top: 45px;
        padding: 0
    }

    .design_gallery .common-btn--group .caret {
        top: 18px;
        border-top-color: #333;
        right: 17px
    }

    .design_gallery .search-main, .design_gallery .common-btn--group .search-main {
        margin-top: 0
    }

    .design_gallery .award-winning-dropdown .common-btn--group .search-css {
        border: none !important
    }

    .pr-wrapper-tabs .pricingPage .price--deatils {
        padding: 0 15px
    }

    .worldnoonecontainer .work-video-bg {
        height: 280px;
        padding: 11px 11px 0;
        width: 300px
    }

    .worldnoonecontainer .col-lg-6.col-md-6.col-sm-12 {
        width: 50%
    }

    .main-dh-chooseCss > p {
        font-size: 20px
    }

        .main-dh-chooseCss > p:before {
            top: 36px
        }

    li.subLines-liCss {
        font-size: 14px;
        padding: 3px 0
    }

    .choose-dh .how-it-worksBtn {
        margin: 20px 0
    }

    .pr-wrapper-tabs .pricingPage .price--deatils {
        padding: 0 15px
    }

    .lcnt-vbf-box .list-items-css {
        margin: 0 0 15px
    }

    .worldnoonecontainer iframe.video-frameCss {
        height: 160px
    }

    .body-left.common-panel .slide-toggle img {
        width: 18px;
        top: 10px;
        height: 18px
    }

    .page120 .desTypeBtn.change-icon-props span, .page120 .desTypeBtn.change-icon-props i, .design_gallery.for-icon-props .search-main #catcaret, .design_gallery.for-icon-props .search-main #indcaret {
        color: #333
    }

    .page120 .subHeader.change-space-props .container {
        width: 100%;
        margin: 0
    }

    .page120 .subHeader.change-space-props {
        padding: 20px 0 0
    }

    .design_gallery .subHeader.change-space-props .common-btn--group .search-css, .page120 .desTypeBtn.change-icon-props span, .design_gallery .subHeader.change-space-props a.subHeaderLink {
        font-size: 16px
    }

    .subHeader.change-space-props .dropdown-menu li a {
        padding: 10px;
        font-size: 14px;
        color: #fff
    }

    .subHeader.change-space-props .common-btn--group.open .dropdown-toggle, .subHeader.change-space-props .common-btn--group.open .dropdown-toggle .search-css {
        border-color: #ddd !important
    }

    .design_gallery .subHeader.change-space-props .dropdown-menu {
        top: 55px
    }

        .design_gallery .subHeader.change-space-props .dropdown-menu.change-top-props {
            top: 45px
        }

    .design_gallery .subHeader.change-space-props .common-btn--group .caret {
        top: 21px
    }

    .page120 .change-color-palate .container {
        width: 100%;
        margin: 0
    }

    .design_gallery .subHeader.change-space-props .list-inline {
        margin-left: 0
    }

    .page120 .change-color-palate {
        padding-left: 15px;
        padding-right: 15px
    }

    .container.change-container-props {
        width: 100%
    }

        .container.change-container-props .login-container .refferalCommon {
            padding-left: 15px;
            padding-right: 15px
        }
}

@media screen and (max-width: 910px) {
    .refferalCommon .whiteBtnNectar .btn-default {
        display: block;
        margin: 0 0 20px;
        text-align: center;
        width: 100%
    }
}

@media screen and (max-width: 850px) {
    .refferal-container.change-btn-props .btn-default {
        padding: 12px 22px
    }
}

@media (max-width: 840px) {
    .tm-grid .tm-left {
        text-align: center
    }

    .pricingPackage .panel .list-group-item {
        padding: 4px 22px 4px 8px
    }
}

@media only screen and (max-width : 800px) {
    .bidt-btn {
        font-size: 11px;
        padding: .6em 2em
    }

    .bidt-works-action {
        font-size: 13px
    }

        .bidt-works-action .icon.icon-play-circle {
            font-size: 16px
        }

    .bidt-heading-lead {
        font-size: 18px
    }

    .bidt-heading {
        font-size: 30px
    }

    .bidt-collapse {
        padding: 45px 0 0 45px
    }

    .How_would_you .contact_details .payment-input {
        width: 75%
    }

    .left-content {
        width: 15%
    }

    .right-content {
        width: 85%
    }

    .launch-contest-step-body {
        min-height: 580px
    }

    .step2_inn_3 {
        margin-left: 43%
    }

    .footerPolicyLinkL {
        justify-content: center;
        margin-bottom: 15px;
        padding-left: 0;
        width: 100%
    }

    .new-bottom-footer .social-icons {
        text-align: center;
        width: 100%
    }
}

@media all and (max-width: 767px) {
    .tm-grid > div {
        height: auto
    }

    .pages-content.container-fluid {
        overflow: hidden
    }

    .services-grid.reduce-margin > .service-edit.change-box-height, .bdy-designer .services-grid.reduce-margin > .service-edit.change-box-height {
        min-height: 300px;
        height: auto
    }

    .thirty-pd-both {
        padding: 0 15px
    }

    .custom-servicePopup.change-how-itwork .custom-serviceText {
        padding: 25px 0 0
    }

    .custom-servicePopup.change-how-itwork .custom-serviceTitle {
        font-size: 25px
    }

    .custom-servicePopup.change-how-itwork ul {
        margin-bottom: 40px
    }

    .custom-servicePopup.change-how-itwork .custom-title {
        margin: 0 auto 16px
    }

    .custom-servicePopup.change-how-itwork {
        padding: 60px 0 20px
    }

    .modal.fade.webinar-popup .modal-content {
        width: 90%;
        margin: 0 auto
    }

    .footer-section-text .labelDesign li {
        width: 50%
    }

    .lists-info-details {
        width: 100%;
        margin-top: 32px
    }

        .lists-info-details.reduce-margin-top {
            margin-top: 0
        }

    .newFooterCss .text_bottom_css, .container-lg li, .footerPolicyLink {
        font-size: 16px
    }

        .newFooterCss .text_bottom_css, .container-lg li a, p.text_bottom_css {
            font-size: 16px
        }

    .services-grid.reduce-margin {
        margin-bottom: 0
    }

    .footer-section-text .logoDesignCity {
        float: left
    }

    .test_header {
        background-size: 200%
    }

    .login-container {
        display: block
    }

        .login-container .refferalCommon {
            padding-left: 15px;
            margin-top: 30px
        }

    .loginform .copyRightCss {
        display: block
    }

    .loginform .allRightRes {
        float: none
    }

    .main_about {
        padding: 30px 0 50px
    }

    .freeConsultation .consultationTitle {
        font-size: 32px;
        margin-top: 10px !important
    }

    .footerblock3 .container-lg .list-inline > li {
        padding-left: 5px;
        padding-right: 5px
    }

    .category-search-option div[class^=col].increase-padding.resp-view {
        margin-top: 20px
    }

    .home-slider-form .form-control {
        margin: 0 0 6px
    }

    .task-name.entry_title {
        width: 100%
    }

    .tk-cat-main {
        text-align: center;
        width: 100%
    }

    .about-work-video {
        height: 304px
    }

    .budget-class {
        width: 150px !important
    }

    .wkbtns.whiteBtnNectar {
        float: left;
        padding: 10 px 15px 20px;
        position: relative;
        right: auto;
        top: auto;
        width: 100%
    }

    .work-mid-top.wk--top {
        padding-right: 0
    }

    .wkbtns .btn.btn-default.btn-blue:first-child {
        margin-bottom: 15px;
        margin-top: 10px
    }

    .wk-search-inner, .work-mid-top .sort-contestCss .drop-css.sort_order_filters.contest-filter-css .btn {
        margin-top: 0
    }

    .wk-datepicker li:last-child {
        margin-top: 10px
    }

    .budget-class > input[type=text] {
        right: -10px
    }

    .complete-draft a {
        text-align: right
    }

    .work-title .wk-cat-name {
        margin-top: 4px;
        position: relative;
        top: auto
    }

    .wk-search-box {
        float: none;
        margin-bottom: 20px;
        width: 100%
    }

    .wk-search-inner {
        margin-top: 20px
    }

    .wk-datepicker {
        float: none
    }

        .wk-datepicker li span {
            display: inline-block;
            width: 40px
        }

        .wk-datepicker .hasDatepicker {
            width: 175px
        }

    .one-to-one-bottom .local-time-wrapper {
        text-align: left
    }

    .bottomChar {
        left: auto;
        position: relative;
        text-align: center
    }

    .nt-referral .referralTitle {
        margin-top: 20px;
        line-height: normal
    }

    .refferalCommon .whiteBtnNectar .btn-default {
        display: block;
        margin: 0 0 20px;
        text-align: center;
        width: 100%
    }

    .refferalCommon {
        float: left;
        width: 100%
    }

    .nt-referral {
        padding: 20px
    }

        .nt-referral .btn.btn-default.btn-white {
            margin-left: 0
        }

        .nt-referral .btn.btn-default {
            margin-top: 10px;
            width: 100%
        }

    .award-winning-dropdown .btn-group, .award-winning-dropdown > div {
        display: block;
        width: 100%;
        float: none
    }

        .award-winning-dropdown > div:first-child {
            margin-bottom: 15px
        }

    .testimonial_header .text-center.star-rating-main-box a {
        font-size: 14px;
        padding: 0
    }

    .view-serviceBtn .btn.btn-default {
        margin: 15px 0 0;
        width: 100%
    }

    .view_service_popup .modal-dialog.modal-lg {
        width: 100%
    }

    .annotation-text-css {
        top: 48%
    }

    .service-grid-box {
        width: 360px
    }

    .services-grid {
        margin: 0 auto;
        width: 390px
    }

    .designer-service-name.display-name {
        padding: 80px 0 0
    }

    #pkg-selection-designaddons, #package-contest, #package-contest12, .strips > div {
        display: none
    }

    .steps .main-stip .strips, .steps .strip-fill .strips, .steps .strip-fill .strips.strips-selected {
        background: 0 0
    }

    .launch_progress_bar .steps {
        margin: 20px 0 30px
    }

    .launch-design-top {
        padding: 10px 0 30px
    }

    .fixed-footer .col-xs-12 {
        text-align: center
    }

    .pricingPage .selectIndus {
        padding-left: 0
    }

    .visual-moneyBack {
        max-width: 240px
    }

    #pkg-selection-designaddons, #package-contest, #package-contest12 {
        display: none
    }

    .section-designCss, .section-designCss:last-child {
        padding: 0 15px
    }

    .messageCss-info {
        margin: 10px 0 30px
    }

    .contest-typeCss {
        padding-left: 0
    }

    .dh-design-new .customLgo-btnCss.logo-designCustom .whiteBtnNectar.get-started-btn, .common-button.whiteBtnNectar.cat-buttons.logo-designCustom {
        width: 100%
    }

    .common-button.whiteBtnNectar.cat-buttons.logo-designCustom {
        margin: 40px 0 20px
    }

    .category-list-css .common-oldButtons .whiteBtnNectar.how-it-worksBtn {
        float: none;
        margin: 15px 0 0
    }

    .whiteBtnNectar.cat-buttons.logo-designCustom .btn.btn-default {
        width: auto
    }

    .polluserVoting {
        margin-top: 20px
    }

    .tm-bottom-left {
        width: 100%;
        text-align: center;
        margin-bottom: 5px
    }

    .lcnt-vbf-box .list-view > p {
        margin: 5px 0 0
    }

    .lcnt-vbf-box .col-xs-4.list-items-css {
        width: 50%
    }

    .lcnt-vbf-box .fixed-footer p, .lcnt-vbf-box .fixed-footer .skip-step {
        margin: 0
    }

    .lcnt-vbf-box .fixed-footer .pull-right.new-right, .lcnt-vbf-box .fixed-footer .pull-right.new-right .skip-step {
        float: none !important;
        text-align: center
    }

    .lcnt-vbf-box .text-list .col-xs-4.list-items-css {
        width: 100%;
        padding: 0 15px
    }

    .lcnt-vbf-box .list-items-css {
        max-width: 100%
    }

    .lcnt-vbf-box .col-xs-4.list-items-css:nth-child(2n) {
        padding: 0 15px
    }

    .lcnt-vbf-box .launch-design-top input {
        width: 100%
    }

    .lcnt-vbf-box .col-xs-4.list-items-css:nth-child(2n+1) {
        padding-right: 15px
    }

    .lcnt-vbf-box .fixed-footer p, .lcnt-vbf-box .fixed-footer .skip-step {
        margin: 1px 0 0
    }

    .modal-body > iframe {
        width: 100%
    }

    .footer-section-text .logoDesignCity li {
        width: 100%
    }

    .footer-section-text .logoDesignIndustry li {
        width: 100%
    }

    .cat-portfolio > img {
        width: 100%
    }

    .txtPhoneMob {
        margin-top: 10px;
        float: left;
        width: 100%
    }

    .bidt-section .letter-headEnvelope .cta-link-action:after {
        top: 277px
    }

    .new-testimonialCss .testimonial_inner.testimonial_avia a.testimonial-img-action {
        text-align: center;
        width: auto
    }

    .testimonial_inner.testimonial_avia > div {
        text-align: center;
        width: 100%
    }

    .new-testimonialCss .testStoreBlkMain {
        padding: 0 0 50px
    }

    .consultation_startNow {
        text-align: center
    }

    .user-info-details.loginLink {
        margin-right: 20px
    }

    .winning_contest .ribbon-css {
        padding-bottom: 20px
    }

    .getLogo-backgroundColor .custom-trust {
        margin-top: 20px
    }

    .bidt-sectionText {
        text-align: center
    }

    .bidt-section .cta-link-action:after {
        left: 415px;
        top: 118px
    }

    .pay_launch_btn a, .share-button-css a, .anyDesignerButtons2 .share-button-css a, #thanks {
        width: 100%
    }

    #thanks {
        margin-top: 15px
    }

    .anyDesignerButtons2.pay_launch_btn > div {
        margin-bottom: 10px;
        float: left;
        width: 100%
    }

    .footerblock1 .col-sm-6 {
        min-height: auto
    }

    .pricingPackage .panel-subheading {
        font-size: 17px
    }

    .price-in .btn-group-vertical > .btn, .btn-group > .btn, .sub-category select {
        font-size: 14px
    }

    .main-category {
        margin: 0 0 20px
    }

    .sub-category {
        margin: 0 0 20px
    }

    .toggle-cssin .panel-heading {
        padding: 0;
        margin-left: 14px
    }

    .search-main, .days-remaining {
        margin: 0 0 20px
    }

    #about .remaining-css {
        margin: 0 0 6px 0 !important
    }

    .price-css-in {
        overflow: hidden;
        margin: 0 0 20px
    }

        .price-css-in .input-group {
            width: 30%
        }

    .days-remaining {
        width: 67%
    }

    .open > .dropdown-menu {
        width: 100%
    }

    .price-in .dropdown-menu {
        left: 0;
        width: 100%
    }

    .custom-btn {
        margin-top: 0;
        margin-bottom: 10px;
        float: left
    }

    .right-css > li:first-child {
        padding-left: 5px
    }

    .right-css > li {
        float: left;
        padding: 0 5px
    }

    .custom-btn li > a {
        font-size: 12px;
        text-align: center
    }

    .right-css li {
        display: block
    }

    .right-css.contest-type-icon li {
        display: inline-block;
        padding: 0 15px;
        clear: none
    }

    .panel-body.ribbon-css {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0
    }

    .contest-type-icon li > i {
        font-size: 18px;
        margin: 0
    }

    .entryNotFound {
        margin: 80px 0 30px
    }

    .toggle-cssin .panel-group {
        float: left;
        margin: 0
    }

    .price-in {
        margin-top: 20px
    }

    .customAdvFilter {
        top: 0
    }

    #more.btn {
        padding: 0 12px
    }

    .aboutFilter {
        margin-top: 0
    }

    .main-category .dropdown-menu a, .price-in .dropdown-menu a {
        font-size: 12px;
        line-height: 2
    }

    .btn-group .dropdown-menu a {
        font-size: 12px;
        line-height: 2;
        padding: 1px 0 1px 30px
    }

    .emptyDesignerPortfolio {
        overflow: hidden
    }

    .panel-css {
        width: 50%;
        margin: auto
    }

    .listviewCat li {
        width: 49%;
        margin: auto
    }

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

    .image {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50px
    }

    .heading3 {
        width: 100%;
        text-align: center
    }

    .logo_desc {
        width: 100%;
        text-align: center
    }

    .container_inner ul li a span.label1 {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .container_inner ul {
        padding: 0
    }

    .tooltip-left p {
        line-height: 20px;
        margin: 0 0 0 34px;
        overflow: hidden
    }

    .form-horizontal .form-group {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .specificColors > div:last-child {
        padding-left: 15px;
        padding-right: 15px
    }

    .specificColors > div {
        padding-left: 15px;
        padding-right: 15px
    }

    .whatNameHeading, .worldMarkSubText {
        float: none;
        clear: both
    }

    .total_amount1 h1, .total_amount2 h1, .total_amount3 h1, .total_amount3 {
        text-align: center
    }

        .total_amount3 span i {
            position: relative;
            display: block
        }

    .total_amount3 {
        margin: 0
    }

    .launchContest-main .form-group .col-xs-offset-4 {
        margin-left: 0
    }

    .abtourVideo {
        float: none;
        max-width: 245px;
        margin: auto
    }

    .launchContestSteps4 {
        margin: 20px 5% 0;
        width: 90%
    }

    .How_would_you h2 {
        font-size: 15px;
        line-height: 22px
    }

    .total_amount2, .total_amount3 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

        .total_amount2 h1, .total_amount3 h1 {
            font-size: 25px
        }

        .total_amount3 span {
            padding-left: 30px;
            font-size: 11px
        }

            .total_amount3 span i {
                left: 0
            }

    .How_would_you {
        margin-top: 10px
    }

        .How_would_you .pay_method {
            padding: 20px 0 0
        }

    .payFinalStep .total_amount1 {
        display: none
    }

    .launchContestSteps4 .row {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .step2_inn {
        display: none
    }

    .header-new {
        margin-bottom: 20px
    }

    .left-content {
        width: 100%;
        float: none;
        text-align: center
    }

    .project-upgrade .left-content i {
        display: inline-block
    }

    .project-upgrade .right-content {
        width: 100%;
        text-align: center
    }

        .project-upgrade .right-content p {
            margin: 10px 0
        }

    .design_consultation .form-group .btn {
        width: 100%
    }

    .design_consultantmain .form-group {
        margin: 0 0 20px
    }

    .about_main {
        padding: 0
    }

        .about_main iframe {
            width: 540px
        }

    .testimonials_boxes {
        margin: 30px auto;
        width: 100%
    }

        .testimonials_boxes blockquote {
            min-height: auto
        }

    .testimonials_main {
        margin: 0
    }

    .testimonials_css .save.process-css {
        width: 100%
    }

        .testimonials_css .save.process-css a {
            width: 100%;
            margin: 0
        }

    .indicator.glyphicon.glyphicon-plus-sign.pull-right {
        font-size: 18px;
        margin: 3px 0 0
    }

    #package-breakdown .icon-info-sign {
        right: 18px;
        top: -32px
    }

    #package-breakdown .form-control {
        border: 1px solid #e7e9eb;
        width: 100%
    }

    #package-breakdown .panel-title {
        font-size: 14px;
        line-height: 26px
    }

    .icon-info-sign.top-panel {
        display: none
    }

    .icon-info-sign.left-panel {
        display: block
    }

    #package-breakdown .tooltip-inner {
        padding: 10px !important
    }

    #package-breakdown .tooltip.left {
        width: 50%
    }

    #package-breakdown .form-group:nth-child(4) .icon-info-sign {
        right: 18px;
        left: auto;
        top: 0
    }

    #package-breakdown .panel {
        line-height: 30px
    }

    #package-breakdown .icon-info-sign {
        top: -24px
    }

    #package-breakdown .form-group:last-child {
        line-height: 18px
    }

    .tooltip-left i {
        float: none;
        top: 0
    }

    .tooltip-left {
        max-width: 800px;
        width: 100%;
        margin: 4px auto 22px
    }

    #package-budget .col-lg-9.col-md-9.col-sm-9 {
        overflow: hidden
    }

    #package-budget .pull-right {
        width: 100%
    }

    #package-budget .budget .btn {
        float: right;
        width: 24%
    }

    #package-contest .budget:nth-child(3) .left-content i {
        padding: 7px 18px
    }

    #package-contest .pull-right {
        float: none !important
    }

    .budget .select-css {
        width: 30%;
        margin: auto;
        clear: both;
        float: none
    }

    #package-contest .budget .price-css, .cnt-launch-project-upgrade-box .price-css {
        text-align: center;
        width: 100%;
        font-size: 21px
    }

    .settingProfBlock {
        display: none
    }

    .launch-contest-step-body {
        margin-top: 40px
    }

    .categoryLandingPage.manage-container .launch-contest-step-body {
        margin-top: 0
    }

    .launch-contest-step-body .form-con {
        margin: 0
    }

    .launch-contest-step-body .form-horizontal .whatNameHeading {
        padding: 0
    }

    .launch-contest-step-body .slider .whatNameHeading-new {
        display: none
    }

    #option-15 {
        float: left;
        margin-bottom: 30px;
        width: 100%
    }

    .budget .font-awesome {
        padding: 1.3% 2%;
        display: inline-block
    }

    .cnt-launch-budget-opt-box .right-content h4 {
        text-align: center;
        margin: 10px 0
    }

    .cnt-launch-budget-opt-box .right-content p {
        text-align: center;
        margin: 0 0 10px
    }

    .cnt-launch-budget-opt-box .right-content {
        width: 100%
    }

    #package-budget .budget .btn {
        width: 24%;
        float: none;
        margin: auto
    }

    #package-contest .budget .font-awesome {
        width: 1.3% 7%
    }

    #package-contest .left-content, #package-contest .right-content, .cnt-launch-project-upgrade-box .right-content {
        width: 100%
    }

        #package-contest .right-content h4, .cnt-launch-project-upgrade-box .right-content h4 {
            text-align: center;
            margin: 10px 0
        }

        #package-contest .right-content p, .cnt-launch-project-upgrade-box .right-content p {
            text-align: center;
            margin: 0 0 10px
        }

    .testimonial_header h2 {
        font-size: 20px;
        line-height: 40px;
        margin-bottom: 10px
    }

    .testimonial_header p {
        font-size: 14px;
        margin-bottom: 10px
    }

    .testimonial_header a {
        padding: 7px 28px;
        font-size: 11px;
        margin-bottom: 20px
    }

    .testimonial_header_bottom {
        font-size: 14px;
        line-height: 25px
    }

    .headerColor .pay_launch_btn, .headerColor .save {
        width: 100%;
        margin-top: 15px
    }

        .headerColor .pay_launch_btn a, .headerColor .save a {
            width: 100%;
            text-align: center
        }

    .headerColor .save {
        margin-bottom: 15px
    }

    .desType {
        max-width: 90%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    h2.abtHead1 {
        font-size: 16px;
        text-align: center
    }

    h1.abtHead2 {
        font-size: 25px;
        font-weight: 400;
        line-height: 40px;
        text-align: center
    }

    .howItWorksPage .bounceInRight img {
        float: none
    }

    .post_left {
        text-align: center;
        margin-top: 20px;
        float: left;
        width: 100%
    }

    .post_right {
        text-align: center;
        margin-top: 20px;
        float: left;
        width: 100%
    }

    .howItWorksPage .mainpage h1 {
        text-align: center
    }

    .T_monials_cont.column_block_left {
        width: 100%
    }

    .container.designGalleryEntry {
        max-width: 410px;
        margin: auto
    }

    .total_amount1, .total_amount2, .total_amount3 {
        width: 100%;
        text-align: center
    }

        .total_amount1 h1 span {
            display: block;
            margin-bottom: 20px
        }

    .price-inner-box, .additionalTxt, .cnt-launch-project-upgrade-box .price-css {
        margin-bottom: 10px
    }

    #package {
        margin-top: 0
    }

    .launchContest-main .main-container h2 {
        margin-bottom: 30px
    }

    .tag-container {
        width: 100%
    }

    .startContestLike {
        margin: 15px 15px 0 0
    }

    .list-inline.contest-type-icon {
        position: static;
        float: left;
        width: 100%
    }

    #contest_listing .right-css > li {
        display: inline-block;
        padding: 0 10px
    }

    .price-in {
        margin-top: 0
    }

    .contest_innerdetails_right {
        float: none
    }

    .winning_contest .contest_innerdetails_left {
        margin: 15px 0 0
    }

    .custom-btn {
        float: right
    }

    .mainBodyListBlkCat {
        max-height: 100%
    }

    .parallaxHeadBtn .howITWorks {
        float: right
    }

    .search-main .search-css {
        max-width: none;
        margin-top: 20px
    }

    .common-btn--group .search-css {
        margin-top: 0
    }

    .common-btn--group .search-main {
        margin: 0
    }

    .newsFeature a {
        display: inline-block;
        margin: 15px 0
    }

    .winEntryPopupImg {
        text-align: center
    }

    .winEntryPopup {
        color: #535865;
        margin-top: 20px;
        text-align: center
    }

    .footerheading {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .showCaseBlk, .launchContestBlk, .readyMadeLogoBlk {
        float: left;
        padding: 20px 20px 30px
    }

    .showCaseAllBlk .showCase-spanCss {
        margin: 0
    }

    .abtourVideo {
        float: none;
        margin: 20px auto 0
    }

    .makeDiffGetStdNowBtn {
        margin-top: 20px
    }

    .entries-winning-title {
        margin-bottom: 20px;
        line-height: 40px;
        padding: 0
    }

    .dh-home-slider .carousel-caption {
        top: 15%
    }

    .dh-home-slider .item h3 {
        font-size: 22px;
        line-height: 50px
    }

    .dh-home-slider .item h5 {
        font-size: 14px
    }

    .dh-home-slider .item p {
        font-size: 12px;
        line-height: 24px
    }

    .testimonial_box div, .testimonial_one div, .testimonial_box, .testimonial_one {
        border: 0 none
    }

    section .common-title {
        margin: 30px 0;
        position: relative;
        line-height: 4
    }

    .design_facts_blk {
        margin-bottom: 30px
    }

    .design_facts .whiteBtnNectar {
        margin-top: 30px
    }

    .error-404-main {
        margin: 30px 0
    }

    .error-404 p {
        font-size: 13px
    }

    .error-404 h2 {
        font-size: 20px
    }

    .launch-contest-step-body {
        min-height: 200px
    }

    .launch_progressbar .tooltip {
        display: block !important
    }

    #alert-wrapper .title, #alert-wrapper .close-alert {
        display: none
    }

    #alert-wrapper .alert-body {
        width: 100%;
        line-height: normal
    }

    #frmCatSubBlckLunchCnst a {
        width: 100%
    }

    #contest_listing .right-css > li {
        width: auto
    }

    .logo-design-testimonials .testi-userName, .logo-design-testimonials .testStoreBlkAuthor {
        float: none
    }

    .category-list-css .whiteBtnNectar.how-it-worksBtn {
        float: left;
        margin: 25px 0 0
    }

    .category_css {
        padding: 0 0 4px
    }

    section .common-title {
        line-height: 30px
    }

    .designer-splitColumn {
        text-align: center
    }

    .dh-expert-designers .designer-title {
        font-size: 20px;
        line-height: normal;
        display: block;
        margin-top: 10px
    }

    .project_container_in h3 {
        font-size: 18px
    }

    .div-space {
        padding: 50px 0
    }

    .project_container .inner_get_start > h2 {
        padding: 0
    }

    .project_container_in {
        margin: 30px 0 20px
    }

        .project_container_in h3 {
            font-size: 17px;
            line-height: 24px
        }

    .mobile-header {
        line-height: 4
    }

    .design_detail p {
        line-height: 22px;
        margin-top: 10px;
        margin-bottom: 20px
    }

    .design_img {
        text-align: center
    }

    .footerPolicyLinkM a {
        font-size: 15px;
        padding: 10px 0;
        display: inline-block
    }

    .home-sidePoup, .offer_class {
        display: none
    }

    #entriesInn.client-awardDesign .entries-main-box {
        width: 100%
    }

        #entriesInn.client-awardDesign .entries-main-box .panel.entries-box {
            float: none;
            max-width: 400px;
            margin: 0 auto 100px
        }

    .portfolio-testimonials .testidetails {
        padding: 0
    }

    .tm-image {
        display: none !important
    }

    .tm-right-content {
        width: 100%;
        text-align: center
    }

    #testimonial_div {
        padding-left: 0;
        padding-right: 0
    }

    .min-commonCss .tm-content.common-new, .min-commonCss .tm-right.common-new {
        min-height: auto;
        max-height: none
    }

    .footer_content a {
        font-size: 21px;
        font-weight: 700
    }

    .entryNotFound {
        margin: 0
    }

    .dh-design-new .dh-topSpace .customLgo-btnCss .whiteBtnNectar {
        display: inline-block;
        float: none;
        width: 100%;
        text-align: center
    }

    .dh-design-new .customLgo-btnCss .whiteBtnNectar.custom-works-btn .btn.btn-default {
        font-size: 14px;
        margin-top: 20px
    }

    #us_report_button, #_hj_poll_container, .graphic-designers.dh-expert-designers, .showCaseAllBlk, .winning_contest, #footer_one, .dhc-body {
        display: none
    }

    .modal-closeCss {
        display: block;
        position: absolute;
        right: 12px;
        top: 5px
    }

        .modal-closeCss .close {
            font-size: 35px
        }

    .visual-popupCss .modal-body {
        position: relative
    }

    .shadow-box.increase-box {
        min-height: 432px
    }

    .shadow-box {
        min-height: 426px
    }

    .hp-design-list li {
        padding: 0;
        text-align: center
    }

    .hp-design-list ul {
        text-align: center
    }

    .hp-design-list img, .hp-design-list li .btn {
        display: block;
        margin: 0 auto;
        position: relative;
        top: auto
    }

    .hp-design-list li {
        line-height: 40px;
        padding: 0 0 15px;
        text-align: center
    }

    .hp-design-list span {
        margin-top: 6px
    }

    .hp-top-title {
        padding-right: 0
    }

    .hp-design-list .hp-list-div li {
        padding-bottom: 3px;
        padding-left: 0;
        padding-top: 20px
    }

    .hp-top-title {
        line-height: normal;
        margin-bottom: 10px;
        margin-top: 20px;
        min-height: auto;
        padding-right: 0
    }

        .hp-top-title .btn.add_files {
            top: 10px
        }

    .hp-total.hp-signed {
        padding-left: 0;
        padding-right: 0
    }

    .hp-button .btn.btn-default.btn-white {
        font-size: 13px;
        padding: 7px 12px
    }

    .userImg > a {
        display: block;
        position: relative;
        text-align: center;
        top: 5px
    }

    .userImg .userInfo {
        margin-top: 8px;
        padding-left: 0;
        text-align: center
    }

    .testimonialBox .tm-rating {
        padding-left: 0;
        text-align: center
    }

        .testimonialBox .tm-rating i {
            margin: 0
        }

    .testimonialBox-Text {
        margin-top: 7px
    }

    .homesliderSubHead2 {
        font-size: 13px
    }

    .homesliderSubHead1 {
        font-size: 20px;
        line-height: normal
    }

    .festive-textCss {
        line-height: normal
    }

    .desg-leftBox {
        border: 1px solid #dfe0e3;
        display: inline-block;
        padding: 0;
        width: 100%
    }

        .desg-leftBox > span {
            border-right: 1px solid #dfe0e3;
            cursor: pointer;
            display: inline-block;
            padding: 12px 15px
        }

    .desg-filter-list {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #dfe0e3;
        box-shadow: 0 6px 12px rgba(0,0,0,.176);
        display: none;
        position: absolute;
        top: 49px;
        width: 100%;
        z-index: 9
    }

    .top-designerSection ul li {
        float: none
    }

    .desg-fliter-Item {
        border-bottom: 1px solid #dfe0e3;
        border-left: medium none;
        margin: 0;
        width: 100%
    }

    .desg-itemAction {
        width: 100%;
        text-align: left
    }

    .filter-block {
        display: block
    }

    .desg-freelanceFilter {
        border: none
    }

    .desg-catAction > span {
        display: none
    }

    .desg-categoryBox {
        width: 50px
    }

    .desg-searchTags {
        padding-left: 50px
    }

    .custom-serviceTitle {
        font-size: 23px
    }

    .custom-tag {
        padding: 7px 120px 0
    }

    .designer-service-name {
        display: inline-block;
        float: left;
        padding-top: 0;
        width: 100%
    }

    .view_service_popup .tm-grid .tm-left, .view_service_popup .tm-grid .tm-content {
        text-align: left
    }

    .review-details {
        display: inline-block;
        width: 100%;
        padding: 0
    }

    .view_service_popup .tm-rating, .vs-reviewsSection .vs-viewMoreReviews {
        float: none;
        text-align: left
    }

    .vs-reviewsSection .tm-right-content.common-new > span {
        text-align: left;
        min-height: 50px
    }

    .view_service_popup .tm-right .read_mr {
        text-align: left
    }

    .view_service_popup .servie-owlSlider .owl-thumb-item {
        z-index: 99;
        position: relative
    }

    .view_service_popup .service-ownerName, .view_service_popup .tm-rating.common-new {
        float: none;
        text-align: left;
        display: inline-block
    }

    .budget.panel.panel-default {
        margin: 5px 0 15px
    }

    .lcnt-vbf-box .fixed-footer .progress {
        margin: 10px 0 2px
    }

    .lcnt-vbf-box .fixed-footer .btn.btn-default.skip-step.skip-marginStep, .lcnt-vbf-box .fixed-footer .pay_launch_btn.process-css a {
        float: none;
        margin: 10px 0 0;
        width: 100%
    }

    .lcnt-vbf-box .fixed-footer .lcnt-vbf-btn-action .pay_launch_btn.process-css {
        float: none
    }

    .launch-contest-step-body .row.launch-catBox {
        padding: 0 15px
    }

    .pricing-features .pf-contentIn {
        min-height: auto
    }

    .newCus {
        top: 25%
    }

    .list-inline.contest-type-icon {
        border-radius: 0
    }

    .priceCal .col-md-6.col-sm-6.pro-right, .priceCal .col-md-6.col-sm-6.pro-left {
        padding: 0
    }

    .view_service_popup .vs-top {
        padding: 30px 0
    }

    .text-center.star-rating-main-box {
        margin-top: 12px
    }

    .vs-top .display-slider {
        min-height: 240px
    }

    #cnstCouponCodeInnerbox, #cnstCouponCodeFeedback {
        float: left;
        width: 100%
    }

        #cnstCouponCodeFeedback .coupan-code {
            float: none;
            text-align: center
        }

    .launch-discount-css {
        display: inline-block;
        width: 100%;
        text-align: center
    }

    #cnstCouponCodeFeedback .coupan-code.success {
        float: none;
        text-align: center;
        max-width: 300px;
        margin: 0 auto
    }

    .contest-banner-details .star-rating-main.star-rating-large {
        text-align: center
    }

    .service-form-group.services-checkbox {
        width: 100%
    }

    .footer-section-text.pricing-footer-section h4 {
        position: relative;
        margin: 0
    }

    .footer-section-text.pricing-footer-section ul {
        padding: 0 0 15px
    }

    #logoDesignIndustryIndustyLogos.categoryLandingPage .container_inner.industry_logo ul li {
        width: 50%;
        text-align: left;
        padding: 0 7px
    }

        #logoDesignIndustryIndustyLogos.categoryLandingPage .container_inner.industry_logo ul li:nth-of-type(3n) {
            border-right: 1px solid #eee
        }

    .modal-dialog {
        margin: 0 !important
    }

    #entriesInn.designGalleryEntry .entries-main-box {
        margin: 0 auto;
        max-width: 380px
    }

    .modal-closeCss {
        display: block;
        position: absolute;
        right: 12px;
        top: 5px
    }

        .modal-closeCss .close {
            font-size: 35px
        }

    .visual-popupCss .modal-body {
        position: relative
    }

    .shadow-box.increase-box {
        min-height: 432px
    }

    .shadow-box {
        min-height: 426px
    }

    .hp-design-list li {
        padding: 0;
        text-align: center
    }

    .hp-design-list ul {
        text-align: center
    }

    .hp-design-list img, .hp-design-list li .btn {
        display: block;
        margin: 0 auto;
        position: relative;
        top: auto
    }

    .hp-design-list li {
        line-height: 40px;
        padding: 0 0 15px;
        text-align: center
    }

    .hp-design-list span {
        margin-top: 6px
    }

    .hp-top-title {
        padding-right: 0
    }

    .hp-design-list .hp-list-div li {
        padding-bottom: 3px;
        padding-left: 0;
        padding-top: 20px
    }

    .hp-top-title {
        line-height: normal;
        margin-bottom: 10px;
        margin-top: 20px;
        min-height: auto;
        padding-right: 0
    }

        .hp-top-title .btn.add_files {
            top: 10px
        }

    .hp-total.hp-signed {
        padding-left: 0;
        padding-right: 0
    }

    .hp-button .btn.btn-default.btn-white {
        font-size: 13px;
        padding: 7px 12px
    }

    .userImg > a {
        display: block;
        position: relative;
        text-align: center;
        top: 5px
    }

    .userImg .userInfo {
        margin-top: 8px;
        padding-left: 0;
        text-align: center
    }

    .testimonialBox .tm-rating {
        padding-left: 0;
        text-align: center
    }

        .testimonialBox .tm-rating i {
            margin: 0
        }

    .testimonialBox-Text {
        margin-top: 7px
    }

    .homesliderSubHead2 {
        font-size: 13px
    }

    .homesliderSubHead1 {
        font-size: 20px;
        line-height: normal
    }

    .festive-textCss {
        line-height: normal
    }

    .desg-leftBox {
        border: 1px solid #dfe0e3;
        display: inline-block;
        padding: 0;
        width: 100%
    }

        .desg-leftBox > span {
            border-right: 1px solid #dfe0e3;
            cursor: pointer;
            display: inline-block;
            padding: 15px 15px 15px 10px
        }

    .desg-filter-list {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #dfe0e3;
        box-shadow: 0 6px 12px rgba(0,0,0,.176);
        display: none;
        position: absolute;
        top: 49px;
        width: 100%;
        z-index: 9
    }

    .top-designerSection ul li {
        float: none
    }

    .desg-fliter-Item {
        border-bottom: 1px solid #dfe0e3;
        border-left: medium none;
        margin: 0;
        width: 100%
    }

    .desg-itemAction {
        width: 100%;
        text-align: left
    }

    .filter-block {
        display: block
    }

    .desg-freelanceFilter {
        border: none
    }

    .desg-catAction > span {
        display: none
    }

    .desg-categoryBox {
        width: 50px
    }

    .desg-searchTags {
        padding-left: 50px
    }

    .custom-serviceTitle {
        font-size: 23px
    }

    .custom-tag {
        padding: 7px 120px 0
    }

    .designer-service-name {
        display: inline-block;
        float: left;
        padding-top: 0;
        width: 100%
    }

    .view_service_popup .tm-grid .tm-left, .view_service_popup .tm-grid .tm-content {
        text-align: left
    }

    .review-details {
        display: inline-block;
        width: 100%;
        padding: 0
    }

    .view_service_popup .tm-rating, .vs-reviewsSection .vs-viewMoreReviews {
        float: none;
        text-align: left
    }

    .vs-reviewsSection .tm-right-content.common-new > span {
        text-align: left;
        min-height: 50px
    }

    .view_service_popup .tm-right .read_mr {
        text-align: left
    }

    .view_service_popup .servie-owlSlider .owl-thumb-item {
        z-index: 99;
        position: relative
    }

    .view_service_popup .service-ownerName, .view_service_popup .tm-rating.common-new {
        float: none;
        text-align: left;
        display: inline-block
    }

    .budget.panel.panel-default {
        margin: 5px 0 15px
    }

    .lcnt-vbf-box .fixed-footer .progress {
        margin: 10px 0 2px
    }

    .lcnt-vbf-box .fixed-footer .btn.btn-default.skip-step.skip-marginStep, .lcnt-vbf-box .fixed-footer .pay_launch_btn.process-css a {
        float: none;
        margin: 10px 0 0;
        width: 100%
    }

    .lcnt-vbf-box .fixed-footer .lcnt-vbf-btn-action .pay_launch_btn.process-css {
        float: none
    }

    .launch-contest-step-body .row.launch-catBox {
        padding: 0 15px
    }

        .launch-contest-step-body .row.launch-catBox.reduce-margin {
            padding: 0
        }

    .pricing-features .pf-contentIn {
        min-height: auto
    }

    .newCus {
        top: 25%
    }

    .list-inline.contest-type-icon {
        border-radius: 0
    }

    .priceCal .col-md-6.col-sm-6.pro-right, .priceCal .col-md-6.col-sm-6.pro-left {
        padding: 0
    }

    .view_service_popup .vs-top {
        padding: 30px 0
    }

    .text-center.star-rating-main-box {
        margin-top: 12px
    }

    .vs-top .display-slider {
        min-height: 240px
    }

    #cnstCouponCodeInnerbox, #cnstCouponCodeFeedback {
        float: left;
        width: 100%
    }

        #cnstCouponCodeFeedback .coupan-code {
            float: none;
            text-align: center
        }

    .launch-discount-css {
        display: inline-block;
        width: 100%;
        text-align: center
    }

    #cnstCouponCodeFeedback .coupan-code.success {
        float: none;
        text-align: center;
        max-width: 300px;
        margin: 0 auto
    }

    .contest-banner-details .star-rating-main.star-rating-large {
        text-align: center
    }

    .service-form-group.services-checkbox {
        width: 100%
    }

    .footer-section-text.pricing-footer-section h4 {
        position: relative;
        margin: 0
    }

    .footer-section-text.pricing-footer-section ul {
        padding: 0 0 15px
    }

    #logoDesignIndustryIndustyLogos.categoryLandingPage .container_inner.industry_logo ul li {
        width: 50%;
        text-align: left;
        padding: 0 7px
    }

        #logoDesignIndustryIndustyLogos.categoryLandingPage .container_inner.industry_logo ul li:nth-of-type(3n) {
            border-right: 1px solid #eee
        }

    .modal-dialog {
        margin: 0 !important
    }

    #entriesInn.designGalleryEntry .entries-main-box {
        margin: 0 auto;
        max-width: 380px
    }

    .addon--total {
        padding: 0
    }

    .addon--price {
        display: inline-block;
        padding: 5px 0 10px 10px;
        position: relative;
        right: auto;
        text-align: center;
        width: 100%
    }

    .exclusion--ndaCss .link {
        text-align: center
    }

    .exclusion--ndaCss {
        display: inline-block;
        float: none;
        margin: 0 auto;
        text-align: center
    }

        .exclusion--ndaCss .form-control {
            display: inline-block;
            float: none;
            height: auto;
            margin: 0 6px;
            width: auto
        }

        .exclusion--ndaCss > label {
            float: none;
            margin: 0;
            width: 100%
        }

        .exclusion--ndaCss .link > span {
            padding: 0
        }

        .exclusion--ndaCss #nda_icon {
            display: inline-block;
            float: none;
            text-align: center;
            width: 100%
        }

        .exclusion--ndaCss .icon-closebtn, .exclusion--ndaCss .pdf--css, .exclusion--ndaCss .nda--pdf {
            display: inline-block;
            float: none;
            text-align: center
        }

    .nda--agreement .nda--back {
        float: left;
        font-size: 14px;
        position: relative;
        top: 0;
        width: 100%
    }

    .nda--agreement--title {
        padding: 30px 15px
    }

    .nda-mainList .whiteBtnNectar {
        float: left;
        padding-left: 65px
    }

    .pg--bar, .pg--text {
        display: none
    }

    .lcnt-vbf-box .fixed-footer .btn.btn-default.btn-white.skip-step.skip-marginStep {
        margin: 0
    }

    .search--categoryTags {
        text-align: center
    }

    .search--inputCss .form-control {
        font-size: 18px;
        height: 40px;
        text-align: left
    }

    .footer-section-text.gallery--footer li {
        width: 100%
    }

    .task--inner > div {
        float: none;
        text-align: center;
        width: 100%
    }

    .task-name > a {
        float: none
    }

    .tk-cat-main > div {
        float: none;
        margin: 0;
        width: 100%
    }

    .tasks--top .search-main .search-css {
        margin: 0
    }

    .tasks--top .sub-category {
        margin-top: 0
    }

    .ts-btns .task--btn:first-child {
        margin-left: 0
    }

    .recommend-categoryList {
        display: none
    }

    .design-faq .design-faq-title, .design-post-title {
        line-height: 35px
    }

        .design-faq .design-faq-title:after, .design-post-title:after {
            width: 120px
        }

    .design-faq .design-question .design-faq-item {
        font-size: 18px
    }

    .design-faq .design-faq--answer {
        font-size: 14px
    }

    #lcnt-vbf-styles-industry.category--type--popup.modal .modal-dialog {
        width: 100%
    }

    .design_gallery .designGalleryEntry.awarded--designs > div {
        width: 100%
    }

    .section-inner {
        width: 300px
    }

    .get-quote-mid-left {
        display: none
    }

    .quote-information {
        padding: 40px 0
    }

    .get-a-free-quote-page .section-inner {
        padding: 10px 0 140px
    }

    .quote-header-list .quote-header-item {
        margin: 0 0 0 10px
    }

    .get-quote-top--title {
        font-size: 22px;
        padding: 10px 0 0
    }

    .get-quote--mid {
        margin-top: -120px
    }

    .get-a-free-quote-page .get-quote--mid .container {
        margin: 0 auto;
        width: 95%
    }

    .newFooterCss .col-lg-3.col-md-3 {
        min-height: auto;
        width: 50%;
        margin-bottom: 10px
    }

        .newFooterCss .specify-width-wraper .last-elem, .newFooterCss .col-lg-3.col-md-3.order-four {
            order: unset
        }

    .subscribe-modal .sub-image {
        float: none;
        text-align: center;
        margin-right: 0;
        position: static
    }

    .subscribe-modal .subscribe-head {
        padding-left: 0
    }

    .subscribe-popup {
        top: 10%
    }

    .subscribe-modal .subscribe-info {
        max-width: 400px
    }

    .subscribe-head .recomPopup--title {
        font-size: 24px
    }

    .aboutFilter .text-right {
        padding-left: 0;
        text-align: left
    }

    .subscribe-modal .subscribe-info {
        padding: 0
    }

    .subscribe-modal .sub-image img {
        width: 200px
    }

    .service-commendate .col-sm-6:first-child > div, .service-commendate .col-sm-6:nth-child(2) > div, .service-commendate .services--boxes:first-child > div, .service-commendate .services--boxes:nth-child(2) > div, .service-commendate .services--boxes:nth-child(3) > div {
        border-right: 1px solid #eee
    }

    #password_for_cod_div > p span {
        padding: 0 0 0 12px
    }

    .How_would_you #password_for_cod_div > p span {
        padding: 0
    }

    #password_for_cod_div > input {
        width: 220px
    }

    .freelance-sections {
        margin: 20px 0
    }

    .marketplace-subsection .freelance-number-section {
        padding-top: 0
    }

    .freelance-logo-content .freelance-logo-image {
        margin: 0
    }

    .freelance-logo-content .freelance-logo-designer {
        padding-right: 0
    }

    .category-search-option div[class^=col] {
        padding-left: 15px;
        padding-right: 15px
    }

    .category-search-option .category-search-heading {
        font-size: 19px
    }

    .work-mid-top .btn-space {
        margin-top: 20px
    }

    #recmndPriceList .modal-dialog {
        width: 100% !important;
        margin: 0 !important
    }

        #recmndPriceList .modal-dialog .modal-content {
            border: none
        }

    .user--tImage {
        left: auto;
        margin: 15px auto;
        position: relative
    }

    .t--Content {
        padding-left: 0;
        text-align: center
    }

    .t--metaData:before {
        display: none
    }

    .logo_space.text-left {
        text-align: center;
        margin-top: 40px
    }

    .bread-crumb-css a {
        font-size: 13px
    }

    .main-bread-css:after {
        right: 3px;
        top: -1px
    }

    .category-search-option .category-field-option .browse-content {
        font-size: 15px
    }

    .launch-catBox .launch-action, .most-popular-bundle .launch-action {
        display: none
    }

    .launch-catBox .subcategory_lists .subcategory_pricing, .most-popular-bundle .subcategory_pricing {
        opacity: 1 !important
    }

    .lp-bottom-strip .whiteBtnNectar.text-right, .lp-bottom-strip {
        text-align: center
    }

    .lp-bottom-info {
        display: inline-block;
        margin: 0 0 20px
    }

    .main-fileClassCss .select_category .common-btn--group {
        margin-bottom: 10px
    }

    .custom-servicesPage .common--dropdown.dropdown-menu {
        width: 100.6%
    }

    .custom-servicesPage .common-btn--group .caret {
        top: 22px
    }

    .custom-servicesPage .common-btn--group i.icon-list {
        top: 16px !important
    }

    .pr--nav > a {
        padding: 15px 12px;
        font-size: 12px
    }

    .pricingPage .subs--pricing-tagLine {
        font-size: 18px;
        padding: 0 15px
    }

    .plan-bottom {
        font-size: 14px;
        padding: 18px 20px 10px 60px
    }

        .plan-bottom .benefit:before {
            top: 2px
        }

    .pr-wrapper-tabs .pricing-award-winning {
        margin-right: 0
    }

    .pricing-faq .entries-winning-title.common-title, .pricing-features .entries-winning-title.common-title, #prSubscription .gds--title--css, .pr-wrapper-tabs h2 {
        font-size: 24px
    }

    .totally--free {
        padding: 0 0 40px
    }

    .pr-wrapper-tabs .bn-logo--eight {
        bottom: 70px;
        width: 340px
    }

    .lcnt-vbf-box .fixed-footer.common-css {
        padding-bottom: 8px
    }

        .lcnt-vbf-box .fixed-footer.common-css .btn.btn-default.skip-step.skip-marginStep, .lcnt-vbf-box .fixed-footer.common-css .pay_launch_btn.process-css a {
            margin: 0 !important
        }

    .fixed-footer.common-css .col-xs-12.pg--bar {
        margin-bottom: 5px
    }

    .worldnoonecontainer .col-lg-6.col-md-6.col-sm-12 {
        width: 100%
    }

    #prProjects .pf-contentIn {
        min-height: auto
    }

    .col-md-2.col-sm-3.col-xs-12.lcnt-vbf-btn-action.whiteBtnNectar.text-left {
        width: 100%
    }

    #entriesPopup .boxGridFooter .author-details .author-name {
        max-width: 120px
    }

    .entries-thumb .thumbHoverDesc, .thumbHoverDescBg, .entries-thumb .whiteBtnNectar {
        opacity: 1 !important
    }

    .designGalleryEntry a .pinterest-box, .entries-thumb .timestamp, .thumbHoverDesc .icon-search-plus, .thumbHoverDescContent .content {
        display: none !important
    }

    .favCss-main {
        bottom: 16px;
        position: absolute;
        right: 0;
        z-index: 999;
        left: 0;
        padding-left: 15px;
        padding-right: 15px
    }

        .favCss-main .whiteBtnNectar .btn {
            font-size: 16px;
            padding: 17px 10px;
            line-height: 1;
            width: 100%
        }

            .favCss-main .whiteBtnNectar .btn.change-hire-designer {
                background: #fff;
                border-color: #333;
                box-shadow: 0 3px 10px rgba(0,0,0,.1);
                color: #333
            }

    #entriesInn.designGalleryEntry.portfolio-section .entries-main-box {
        margin: 0;
        max-width: initial;
        width: 50%;
        float: left;
        min-width: auto
    }
}

@media screen and (max-width: 600px) {
    #entriesInn.designGalleryEntry.portfolio-section .entries-main-box {
        width: 100%
    }
}

@media all and (max-width: 1350px) {
    .desktop-header .user-info-section .btn-group.open > .dropdown-menu {
        left: auto;
        right: -60px
    }

        .desktop-header .user-info-section .btn-group.open > .dropdown-menu:before, .desktop-header .user-info-section .btn-group.open > .dropdown-menu:after {
            left: 79%
        }
}

@media all and (max-width: 700px) {
    .list1, .list2 {
        width: 100% !important;
        float: none
    }

    .dropzone .dz-default.dz-message {
        width: 230px !important;
        background-position: 0 -102px !important;
        background-size: 161% auto !important
    }

    .parallaxHead h1 {
        font-size: 30px;
        line-height: normal
    }

    .homesliderSubHead1 {
        font-size: 18px
    }

    .abtourVideo {
        max-width: 280px
    }

    .gdMadeEasy .howITWorks, .howitWorksBlk .howITWorks {
        max-width: 270px;
        float: none;
        margin: auto
    }

    .back-parent {
        margin: 50px 0 -20px 5px
    }
}

@media all and (max-width: 620px) {
    .lcnt-vbf-box .fixed-footer .skip-step {
        display: block;
        margin: 16px 0 0
    }

    #all_packeges, .design-new-package {
        flex-flow: column wrap;
        -webkit-flex-flow: column wrap
    }

    .custom-servicesPage .common--dropdown.dropdown-menu {
        width: 100.7%
    }
}

@media all and (max-width: 600px) {
    .whatDoYouNeedSlider .item:hover {
        transform: none
    }

    .whatDoYouNeedSlider .item span {
        text-align: center
    }

    .full-widthCss {
        width: 100%;
        padding: 0
    }

    .service-groups .nav.nav-tabs {
        position: relative;
        width: 100%
    }

        .service-groups .nav.nav-tabs li {
            width: 50%
        }

            .service-groups .nav.nav-tabs li:last-child a {
                border-bottom: 1px solid #ddd
            }

            .service-groups .nav.nav-tabs li a, .service-groups .nav.nav-tabs li.active a {
                border-left: 1px solid #ddd;
                border-top: medium none
            }

            .service-groups .nav.nav-tabs li:first-child a {
                border-left: medium none
            }

    .servcies-tabs {
        padding: 0 0 15px
    }

    .service-groups .tab-content {
        display: inline-block;
        margin-left: 0;
        padding: 10px 0 0 20px;
        position: relative;
        width: 100%
    }

    .mbsy-iframe.mbsy-integration.mbsy-raf-button.mbsy-iframe-ready.mbsy-iframe-connected.mbsy-button-ready {
        margin-top: 110px !important
    }

    .category-search-option .category-search-button .btn-text {
        display: none
    }

    .category-search-option .category-search-button .icon {
        display: block
    }

    .category-search-option .category-search-button .btn.btn-default {
        width: 44px;
        height: 44px
    }

    .dh-loader-css-cat-white:before {
        left: 60%;
        top: -4px
    }
}

@media all and (max-width: 580px) {
    .about_main iframe {
        width: 450px
    }

    .bdy-designer.homeIndex .parallaxHead > div {
        margin: 100px 0 50px
    }

    .invitation_main_left, .invitation_main_right {
        width: 100%;
        float: none
    }

    .contact_designer_left, .contact_designer_right {
        width: 100%;
        margin: 10px 0
    }

    .invitation_main_left:after {
        border: 0 none
    }

    .freeConsultation span {
        font-size: 15px
    }
}

@media all and (max-width: 576px) {
    .footer-section-text .container-fluid {
        padding: 0
    }

    .footer-section-text ul {
        display: none
    }

    .footer-section-text h4, .footer-section-text .footer-menu-lists {
        margin-bottom: 0;
        padding-bottom: 0;
        line-height: 36px;
        cursor: pointer
    }

    .footer-section-text, .footerblock1 {
        padding: 30px 0
    }

        .footer-section-text h4.chevron:before, .footer-section-text .footer-menu-lists.chevron:before {
            top: 14px
        }

        .footer-section-text h4.active.chevron:before, .footer-section-text .footer-menu-lists.active.chevron:before {
            transform: rotate(135deg)
        }

        .footer-section-text .logoDesignCity:first-child {
            margin-bottom: 0
        }

        .footer-section-text .logoDesignCity {
            padding: 0 15px
        }

    .col-lg-12.col-md-12.col-sm-12.labelDesign {
        padding: 0
    }

    .footer-menu-lists img {
        display: block;
        float: right
    }

    .footer-section-text .footer-menu-lists {
        border-bottom: #ccc solid 1px;
        background: #f9f9f9;
        margin-bottom: 0;
        padding: 12px 35px 12px 15px;
        text-align: left;
        cursor: pointer;
        position: relative;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

        .footer-section-text .footer-menu-lists img {
            position: absolute;
            top: 50%;
            right: 12px;
            transform: translateY(-50%) rotate(-90deg);
            transition: transform .3s
        }

        .footer-section-text .footer-menu-lists.active img {
            transform: translateY(-50%) rotate(0deg);
            transition: transform .3s
        }

        .footer-section-text .footer-menu-lists.active + .drop-down-menu-list {
            display: block
        }

    .footer-section-text.show-accordian {
        padding: 0;
        margin-left: 0;
        margin-right: 0
    }

        .footer-section-text.show-accordian .logoDesignCity {
            width: 100%;
            padding-left: 0;
            padding-right: 0
        }

    .footer-menu-lists {
        margin: 0;
        width: 100%
    }

    .remove-pd-lt-rt {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
        width: 100%;
        float: left
    }

    .footer-section-text.show-accordian a {
        display: block;
        width: 100%;
        line-height: 42px;
        font-size: 14px;
        font-weight: 400;
        color: #333;
        text-transform: capitalize;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: 15px;
        padding-right: 15px
    }

        .footer-section-text.show-accordian a:hover {
            border-bottom: 2px solid transparent
        }

    .drop-down-menu-list > li {
        border-bottom: #d7d7d7 solid 1px
    }

    .page120 .footer-section-text.show-accordian .container {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .footer-section-text.gallery--footer.show-accordian li {
        width: 100%;
        float: left
    }

    .newFooterCss .col-lg-3.col-md-3 {
        width: 100%;
        margin-bottom: 10px
    }

    .footerheading {
        cursor: pointer;
        position: relative;
        margin: 0;
        padding-top: 7px;
        padding-bottom: 7px
    }

        .footerheading:after {
            border-style: solid;
            border-width: 2px 2px 0 0;
            content: '';
            display: inline-block;
            height: .5em;
            transform: translateY(-50%) rotate(135deg);
            vertical-align: top;
            width: .5em;
            position: absolute;
            right: 2px;
            top: 48%
        }

        .footerheading.active:after {
            transform: translateY(-30%) rotate(-45deg)
        }

        .footerheading + ul {
            display: none
        }

        .footerheading.active + ul {
            display: block
        }
}

@media all and (max-width: 570px) {
    .How_would_you .contact_details .payment-input {
        width: 75%
    }

    .newCus {
        top: 8%;
        font-size: 14px
    }
}

@media all and (max-width: 550px) {
    .getStartedPriceBtn a.btn {
        font-size: 16px;
        white-space: normal;
        margin: 0 20px
    }

    .pricingContactBlk a {
        clear: both;
        display: block;
        margin: 20px auto 0;
        width: 180px
    }

    .panel-css {
        width: 300px;
        float: none;
        margin: auto
    }

    .getStartedNowBtn a {
        width: 230px
    }

    .listviewCat li {
        width: 100%
    }

    .newDesigner-signUpClss .list-items-css {
        width: 100%
    }

    .designer-contests .col-xs-6 {
        width: 100%
    }

    .wk-datepicker li {
        width: 100%
    }

        .wk-datepicker li:last-child {
            margin-left: 0
        }

    .custom-servicesPage .common--dropdown.dropdown-menu {
        width: 100.8%
    }

    .footerPolicyLinkL {
        display: block
    }

    .footerPolicyLink {
        text-align: center;
        margin-bottom: 10px
    }

        .footerPolicyLink.footerPolicyLinkM {
            margin-bottom: 5px
        }
}

@media all and (max-width: 500px) {
    .design-latest-post.change-pd-sixty .whiteBtnNectar .btn-default {
        width: 300px
    }

    .subit-your-work-btn {
        margin-top: 25px
    }

    .step2_inn {
        font-size: 15px
    }

    .parallaxHead .parallaxHeadBtn .common-button.howITWorks {
        float: none;
        margin: 0 auto 20px;
        text-align: center
    }

    .parallaxHead .parallaxHeadBtn .common-button {
        float: none;
        text-align: center
    }

    .contest-css-in ul li {
        margin: 0 5px;
        width: auto
    }

    .pages-content.container, .pages-content.container-fluid {
        margin-top: 0
    }

    .festive-textCss {
        line-height: 25px
    }

    .logo-how-it .common-howCss .inner_logoDesigner {
        padding: 0
    }

    #service_update_modal .carousel-control {
        top: -143px
    }

    #service_update_modal .servcies-tabs .nav-tabs > li > a {
        font-size: 13px
    }

    .get-design-quote-btn .dg-submit-design, .get-design-quote-btn .design-quote, .search--categoryTags .search--tagButton, .search-category-buttons .get-design-quote-btn, .get-design-quote-btn .design-hire {
        width: 100%
    }

    .search--categoryTags .search--tagButton {
        bottom: auto;
        display: inline-block;
        float: none;
        margin: 25px 0 0;
        position: relative;
        text-align: center
    }

    .search--inputCss {
        padding: 0
    }

    .footer-section-text .labelDesign li {
        width: 100%
    }
}

@media (max-width: 480px) {
    .static-content-wraper > h2 {
        font-size: 20px
    }

    .lists-info-details h3 {
        font-size: 18px
    }

    .test_header {
        background-size: 300%
    }

    .priceSubtitle > span.change-mob-vw {
        display: block;
        margin-bottom: 8px
    }

    .priceSubtitle .form-control.change-mob-vw {
        display: block;
        width: 94%;
        margin: 0 3%
    }

    .homeIndex .homesliderSubHead1 {
        font-size: 20px !important;
        margin-top: 5px
    }

    .thumbHoverDescContent .icon-search-plus {
        margin-top: 120px
    }

    .service-grid-box {
        width: 320px
    }

    .services-grid {
        margin: 0 auto;
        width: 360px
    }

    .trusted-design-css {
        margin-top: 12px
    }

    .lcnt-vbf-box .col-xs-4.list-items-css:nth-child(2n) {
        padding-left: 15px
    }

    .lcnt-vbf-box .col-xs-4.list-items-css:nth-child(2n+1) {
        padding-right: 15px
    }

    .lcnt-vbf-box .skip-step {
        font-size: 14px;
        line-height: 50px
    }

    .lcnt-vbf-box .list-view.text-grid {
        display: table-cell;
        float: none;
        height: 200px;
        line-height: normal;
        margin: 0;
        vertical-align: middle
    }

    .lcnt-vbf-box .pay_launch_btn a, .lcnt-vbf-box .skip-step {
        float: none;
        line-height: normal
    }

    .lcnt-vbf-box .fixed-footer .pay_launch_btn.process-css {
        float: none;
        margin: 15px 0 0;
        width: auto
    }

        .lcnt-vbf-box .fixed-footer .pay_launch_btn.process-css a, .lcnt-vbf-box .fixed-footer .btn.btn-default.skip-step.skip-marginStep {
            font-size: 13px;
            padding: 7px 9px;
            width: 100%
        }

    .bottom-strip .close-strip {
        left: 0;
        top: 0
    }

    .launch-detail-text {
        padding: 0 100px 0 0
    }

    .detail-title {
        line-height: normal
    }

    .row.need-designBundle {
        margin: 0 -15px
    }

    .most-popular-bundle .launch-strip {
        right: 10px;
        top: 8px
    }

    .category-search-option .category-search-field {
        height: 44px
    }

    .new-testimonialCss .inner_get_start {
        margin-top: 0;
        padding-top: 0;
        text-align: center;
        line-height: normal
    }

    .bidt-section .howIt-icon {
        display: block
    }

    .bidt-mainImage {
        display: none
    }

    .bidt-sectionText {
        margin: 21px 50px 0 30px;
        text-align: center
    }

    .bidt-imageTitle {
        font-size: 24px
    }

    .bidt-work-start {
        margin: 30px 0
    }

    .bidt-works-action {
        margin: 0
    }

    .bidt-works {
        margin-top: 20px
    }

    .bidt-default:before {
        background: rgba(0,0,0,.4) none repeat scroll 0 0;
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .bidt-collapse {
        padding: 45px 0 0 10px;
        position: relative;
        z-index: 99
    }

    .bidt-started {
        position: relative;
        z-index: 99
    }

    .bidt-default {
        padding: 0 0 15px;
        height: auto
    }

    .bidt-section .cta-link-action:after {
        top: 182px;
        left: 220px
    }

    .bidt-section .letter-headEnvelope .cta-link-action:after {
        top: 371px
    }

    .new-testimonialCss .testStoreBlkMain {
        padding: 80px 0 40px
    }

    section.logo-design-testimonials .common-title {
        line-height: 30px
    }

    .dh-choose-heading, .main-dh-chooseCss > p {
        font-size: 20px
    }

    .mid-logo {
        width: 100%
    }

    .user-info-details {
        width: 100%
    }

    .pricingPackage .panel-subheading {
        font-size: 15px
    }

    .ribbon-icons > li {
        padding: 0 10px 14px
    }

    .price-in .btn-group-vertical > .btn, .btn-group > .btn, .sub-category select {
        font-size: 14px
    }

    .price-css-in .input-group {
        margin: 0 12px 8px 0;
        width: 65%
    }

    .price-in .dropdown-menu {
        left: 0;
        width: 100%
    }

    .price-in {
        position: relative;
        right: auto
    }

    .social-icons {
        margin-top: 20px;
        text-align: center
    }

    .footerPolicyLinkL {
        text-align: center
    }

    .moneybktxt {
        margin-top: 10px
    }

    .tooltip-left p {
        line-height: 20px
    }

    .budget .btn {
        width: 100%
    }

    .budget .select-css {
        float: right;
        width: 50%
    }

    .left-content {
        width: 10%
    }

    .right-content {
        width: 88%
    }

    .add-ons-right {
        width: 81%
    }

    .add-ons-left {
        width: 17%
    }

    .fixed-slide-content .toggle-content {
        right: 7%
    }

    .fixed-slide-content .toggle-fixed {
        right: 107%
    }

    .fixed-slide-content {
        width: 40%
    }

    .toggle-main {
        bottom: 2%;
        top: 2%
    }

    .tooltip-left i {
        float: none
    }

    .price-in .btn-group-vertical > .btn, .btn-group > .btn, .sub-category select {
        font-size: 14px
    }

    .ribbon-icons {
        text-align: center
    }

        .ribbon-icons > li {
            float: none
        }

    .right-css > li {
        float: none;
        padding: 0 0 0 5px
    }

    .main-category, .sub-category {
        width: 100%;
        margin: 0 0 20px
    }

    .toggle-cssin .panel-heading {
        padding: 0
    }

    .search-main, .days-remaining {
        margin: 0 0 20px
    }

    #about .remaining-css {
        margin: 0 0 6px 0 !important
    }

    .price-css-in {
        overflow: hidden;
        margin: 0 0 20px
    }

        .price-css-in .input-group {
            width: 100%
        }

    .open > .dropdown-menu {
        width: 100%
    }

    .price-in .dropdown-menu {
        left: 0;
        width: 100%
    }

    .search-main, .days-remaining, #search-filter .price-in {
        width: 100%
    }

    .toggle-cssin .panel-heading {
        padding: 0;
        margin-left: 14px
    }

    .author-info {
        width: 100%;
        margin-bottom: 10px
    }

    .categories {
        display: block;
        margin: 10px 0 0
    }

    .right-css.contest-type-icon li {
        display: inline-block;
        padding: 0 6px;
        clear: none
    }

    #package-contest .budget:nth-child(3) .left-content i {
        padding: 7px 12px
    }

    #package-budget .right-content, #package-contest .right-content {
        margin: 10px auto 6px;
        width: 100%
    }

    #package-budget .left-content, #package-contest .left-content, .cnt-launch-project-upgrade-box .left-content {
        float: none;
        margin: 8px auto;
        width: 100%
    }

    #package-budget .panel-body, #package-contest .panel-body, #package-contest .budget .price-css {
        text-align: center
    }

    #package-budget .budget .btn, #package-contest .budget .btn, .cnt-launch-project-upgrade-box .btn {
        width: 60%;
        float: none
    }

    #package-breakdown .pull-right {
        width: auto
    }

    #package-contest .pull-right, #package-contest .budget .price-css, .budget .select-css {
        width: 100%
    }

    #package-contest .col-lg-8.col-md-8.col-sm-8 {
        overflow: hidden
    }

    .budget .select-css {
        margin: 10px auto
    }

    .add-ons-left, .add-ons-right {
        width: 100%
    }

    .add-top-content, .add-mid-title {
        text-align: center
    }

    .add-ons-left .icon-css {
        margin: 0 auto 14px
    }

    .toggle-main {
        display: none
    }

    .lastSaved, .pay_launch_btn, .save a, .pay_launch_btn a, .save {
        float: none;
        text-align: center;
        display: block;
        margin: 0 0 15px
    }

    .tooltip-left p {
        margin: 0
    }

    #package-breakdown .tooltip.left {
        width: 80%
    }

    .thumb-css, .thumb-css:nth-child(3n) {
        float: none;
        margin: 0 auto;
        width: 100%
    }

    .total_amount1 h1, .total_amount2 h1, .total_amount3 h1, .total_amount3 {
        text-align: center
    }

        .total_amount3 span i {
            position: relative;
            display: block
        }

    .total_amount3 {
        margin: 0
    }

    .contact_details input[type=text], .launchContest-main .form-group .inline-input, .launchContest-main .form-group .inline-button {
        width: 100%
    }

    .launchContest-main .form-group .inline-button {
        margin: 10px 0 0
    }

    .lastSaved, .pay_launch_btn, .save a, .pay_launch_btn a, .save {
        display: block;
        margin: 10px 0 4px;
        overflow: hidden;
        text-align: center;
        width: 100%
    }

    .about_main iframe {
        width: 300px;
        height: 250px
    }

    .testimonials_main {
        margin: 0
    }

    .add-ons-left .icon-css {
        float: none
    }

    .allEntriesLink a {
        display: block;
        text-align: center;
        width: 100%
    }

        .allEntriesLink a.dh-launch-contest {
            margin-top: 20px;
            text-align: center
        }

    .common-ins-css .inner_thoughtDiv {
        padding-top: 7px
    }

    .new-testimonialCss .testimonial_inner.testimonial_avia {
        width: 100%
    }

    .entries-pop-css .winEntryStat span {
        font-size: 10px
    }

    .anyDesignerButtons2 ul li {
        width: 100%;
        margin-left: 0
    }

    #entriesInn.client-awardDesign .slide-div .pay_launch_btn.process-css {
        margin: 0
    }

    #entriesInn.client-awardDesign .slide-div .pay_launch_btn a {
        font-size: 11px;
        margin: 0
    }

    #entriesInn.client-awardDesign .comments-css .text-center {
        padding-left: 0
    }

    .freeConsultation a {
        font-size: 20px;
        line-height: normal;
        padding: 40px 10px 45px
    }

        .freeConsultation a i {
            font-size: 30px;
            margin-left: 10px;
            top: 4px
        }

    .custom-logo-title {
        padding-top: 15px;
        text-align: center
    }

    .logoDesign-body .custom-name {
        font-size: 30px
    }

    li.subLines-liCss {
        font-size: 14px
    }

    .shadow-box.increase-box {
        min-height: 425px
    }

    .custom-tag {
        padding: 7px 5px 0
    }

    .view_service_popup .tm-grid .tm-left, .view_service_popup .tm-grid .tm-content {
        text-align: center
    }

    .review-details {
        display: inline-block;
        width: 100%;
        padding: 0
    }

    .view_service_popup .tm-rating, .vs-reviewsSection .vs-viewMoreReviews {
        float: none;
        text-align: center
    }

    .vs-reviewsSection .tm-right-content.common-new > span {
        text-align: center;
        min-height: 50px
    }

    .view_service_popup .tm-right .read_mr {
        text-align: center
    }

    .view_service_popup .service-ownerName, .view_service_popup .tm-rating.common-new {
        width: 100%;
        float: none;
        text-align: center;
        display: inline-block
    }

    .lcnt-vbf-box .launch-design-top h2 {
        margin: 0 0 10px;
        font-size: 19px
    }

    .lcnt-vbf-box .launch-design-top p {
        font-size: 14px
    }

    .pricing-award-winning {
        margin: 30px 0 0;
        width: 100%
    }

    .dhPricing .text-center > p {
        font-size: 16px
    }

    .newCus {
        top: 8%
    }

    .dh-feedback-modalPopup .modal-dialog {
        padding: 0;
        text-align: center;
        width: 100%
    }

    .dh-feedback-modalPopup {
        padding-left: 0 !important
    }

    .pricingPackage .panel .list-group-item {
        padding: 4px 15px 4px 8px;
        font-size: 12px
    }

    .pricing-tooltipMark {
        right: 10px
    }

    .numbers-days {
        display: block;
        float: left;
        margin: 5px 3px 0 0;
        width: 100%
    }

        .numbers-days li {
            margin: 0
        }

    .common-alerts {
        padding: 2px 12px;
        top: 0 !important;
        right: 0;
        left: 0
    }

    #video_overlay {
        height: 100% !important
    }

    .videoWrapper {
        height: 230px;
        margin-top: 100px;
        padding-bottom: 0;
        padding-top: 0
    }

        .videoWrapper iframe {
            height: 100% !important
        }

    .vs-bottom-list-content {
        padding-right: 0
    }

    .view_service_popup #bottom-service-list {
        text-align: center
    }

    .bottom-list-image {
        margin: 0 auto 15px
    }

    .vs-bottom-list .col-sm-2 {
        margin: 0 auto;
        width: 130px
    }

    .view_service_popup .vs-top .tm-rating.common-new {
        right: 15px
    }

    .designer-service-name {
        padding-top: 0
    }

    .vs-reviewsSection {
        text-align: center
    }

    .vs-bottom-list-content {
        padding-right: 0
    }

        .vs-bottom-list-content .btn.btn-default {
            position: relative;
            right: auto;
            top: auto
        }

    .service-meta.common-new {
        text-align: center
    }

    .servcies-tabs .form-group.services-checkbox.service-check-other > label {
        width: 100%
    }

    .service-form-group.service-check-other > .form-control[type=text] {
        margin-top: 12px;
        width: 100%
    }

    .servcies-tabs .nav-tabs li a i.icon-plus {
        display: none
    }

    .service-groups .nav.nav-tabs li a {
        font-size: 13px;
        min-height: 55px;
        padding: 8px 10px;
        text-align: center
    }

    .contest-banner-details .whiteBtnNectar {
        text-align: center
    }

        .contest-banner-details .whiteBtnNectar .btn.btn-default {
            margin-right: 10px
        }

    .reviews-contest .star-rating i, .author-details .star-rating i {
        font-size: 21px
    }

    .mid-right a i, .mid-left i {
        font-size: 17px
    }

    .mid-right > a {
        width: 29px
    }

    #logoDesignIndustryIndustyLogos .container_inner ul li a {
        font-size: 13px;
        padding: 7px 0
    }

    .about-work-video {
        height: 170px
    }

    .get-quote-contact {
        font-size: 22px;
        margin: 0 0 20px
    }

    .quote-modal-close img {
        width: 25px
    }

    .quote-information {
        padding: 40px 0 50px
    }

    .bottom-content .btn_save_next_step .btn.btn-default {
        margin-left: 0
    }

    .lp-heading {
        font-size: 40px;
        line-height: normal
    }

    .lp-tagline {
        font-size: 16px;
        padding: 0
    }

    .lp-btn {
        font-size: 15px;
        margin: 25px 0 0
    }

    .lp-banner-form-step {
        padding: 30px 10px;
        text-align: center
    }

    .lp-banner-action {
        padding: 20px 7px
    }

    .lp-tab-image {
        left: auto;
        position: relative
    }

    .lp-tab-highlight {
        font-size: 14px;
        word-break: break-all
    }

    .lp-middle-title {
        font-size: 20px;
        line-height: 30px
    }

    .lp-talent-title {
        font-size: 30px
    }

    .lp-talent-tags {
        font-size: 25px;
        line-height: 30px
    }

    .lp-talent-paragraph {
        font-size: 19px;
        line-height: 26px;
        margin: 20px 0 25px
    }

    .lp-bottom-strip .btn.btn-default.lp-bottom-btn {
        display: inline-block;
        width: 100%
    }

    .lp-or {
        display: inline-block;
        margin: 5px 0 6px;
        width: 100%
    }

    .lp-bottom-strip .want-to-work {
        display: inline-block;
        font-size: 18px;
        width: 100%
    }

    .custom-servicesPage .common--dropdown.dropdown-menu {
        width: 101%
    }

    .service-grid-box.change-graphic-content .service-rating--front {
        width: 120px
    }

    .service-rating--front {
        width: 71px;
        display: block;
        margin: 0 auto 5px !important
    }

    .moneyBkGuarantee > span:before {
        font-size: 18px;
        margin-right: 5px;
        position: relative;
        top: 1px
    }

    .lcnt-vbf-box .list-items-css {
        margin: 0 0 20px
    }

    .lcnt-vbf-box .launch-contest-mid {
        margin: 20px 0 110px
    }

    .row.loadMoreStrip.text-center {
        padding: 20px 0
    }

        .row.loadMoreStrip.text-center .btn-standard-lrg .btn.btn-default.btn-blue {
            padding: 9px 0;
            width: 100%
        }

    .footerPolicyLinkM a:first-child {
        margin-left: 0
    }
}

@media(max-width: 460px) {
    .payFinalStep .pay_launch_btn a {
        display: block;
        margin-top: 20px
    }

    .payFinalStep .save_now a {
        margin-top: 0
    }

    .payFinalStep .How_would_you {
        margin-top: 0 !important
    }

    .launchContestStepsHeading .mainHeading h1 {
        font-size: 30px;
        line-height: 40px
    }

    .launchContestStepsHeading .subHeading h3, .launchContestStepsHeading .moneyBackDesignSingle_2 h3 {
        line-height: 25px
    }

    .how-it-worksBtn .btn.btn-default > span {
        margin-right: 0
    }

    .how-it-worksBtn.common-button {
        margin-top: 0
    }

    .servie-owlSlider .owl-thumb-item img {
        height: 35px;
        width: 35px
    }

    #logoDesignIndustryIndustyLogos.categoryLandingPage .container_inner.industry_logo ul li, #logoDesignIndustryIndustyLogos.categoryLandingPage .container_inner.industry_logo ul li:nth-of-type(3n) {
        width: 100%;
        border-right: none
    }
}

@media all and (max-width: 450px) {
    .desList-head h1 {
        margin-bottom: 20px
    }

    .desList-signup, .desList-searchnow {
        float: left;
        margin: 10px 0;
        width: 100%
    }

    .desList-descount {
        font-size: 16px
    }

    .dsListLandingPage .row {
        margin-left: -12px;
        margin-right: -12px
    }

    .desListing, .desListing .profile_expert, .desListing .profile_location, .desListing .profile_info, .desListing .profile_follow, .desListing .prof-bottom-blk {
        width: 97%;
        max-width: none
    }

        .desListing .prof-bottom-blk {
            -moz-border-radius: 0 0 5px 5px;
            -ms-border-radius: 0 0 5px 5px;
            -o-border-radius: 0 0 5px 5px;
            -webkit-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
            width: 100%
        }

    .emptyDesignerPortfolio {
        display: none
    }

    .panel-css {
        width: 280px;
        float: none;
        margin: auto
    }

    .designStripAuto .designWelcome .designFont41 {
        font: 400 13px
    }

    .designWelcome h3 {
        font: 400 18px/30px
    }

    .pricingPage h1 {
        font-size: 25px
    }

    .listviewCatHeading {
        font-size: 15px;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .listviewCat li a {
        font-size: 13px
    }

    .parallaxHead.parallaxCategory {
        padding: 10% 0 30%
    }

    .wall-popupDetails input.mobileNumberCss {
        margin-left: 0;
        width: 100%
    }

    .wall-popupDetails input {
        width: 100%
    }

    .messageCss-info .newMsg-action:after {
        display: none
    }

    .messageCss-info .newMsg-action {
        margin: 0 15px 10px 0
    }

    .newCus {
        top: 0
    }

        .newCus .addColor-btn .btn.btn-default.btn-white {
            font-size: 13px;
            padding: 6px 14px 9px
        }

    .contest-banner-details .whiteBtnNectar .btn.btn-default {
        margin: 0 0 30px;
        width: 100%
    }

    .contests-banner-section .contest-title-1 {
        font-size: 36px;
        line-height: 50px
    }

    .contests-banner-section .contest-tagline-1 {
        font-size: 15px
    }

    .dhPricing .bread-crumb-css a {
        font-size: 13px
    }
}

@media(max-width: 448px) {
    .contest-type .pagination:first-child li:first-child .tooltip.top {
        left: -10px !important
    }

    .contest-type .pagination:last-child li:first-child .tooltip.top {
        left: -10px !important
    }

    .subscribe-head .recomPopup--title {
        font-size: 20px
    }
}

@media all and (max-width: 427px) {
    .category-list-css .whiteBtnNectar.how-it-worksBtn {
        margin: 0
    }
}

@media (max-width: 420px) {
    #entriesInn.client-awardDesign .entries-main-box .entries-box {
        max-width: 300px
    }

    #entriesInn.client-awardDesign .entries-main-box {
        padding: 0
    }

    .shadow-box {
        min-height: 360px
    }

    .thumbnail.entries-thumb.entry-without-login {
        min-height: 340px
    }

    .shadow-box.increase-box {
        min-height: 360px
    }
}

@media all and (max-width: 400px) {
    .panel-css {
        width: 100% !important
    }

    .slider-left {
        float: left;
        width: 23%
    }

    .slider-right {
        float: right;
        width: 23%
    }

    .slider-mid {
        float: left;
        width: 53%
    }

    .specificColors > div {
        padding: 0
    }

        .specificColors > div:last-child {
            padding-left: 15px
        }

    .specificColors > div {
        padding: 0
    }

    .slider-left {
        float: left;
        width: 29%
    }

    .slider-mid {
        float: left;
        width: 37%
    }

    .slider-right {
        float: right;
        width: 34%
    }

    .progress_rod.proStep4 {
        width: 70%
    }

    .container_inner ul li a span.label1, .container_inner ul li a span.label2 {
        display: block;
        width: 100%;
        float: none
    }

    .container_inner ul li a {
        text-align: center;
        text-decoration: none !important
    }

    .container_inner ul li {
        margin: 0 0 14px;
        width: 100%
    }

    .progress_step1, .progress_step2, .progress_step3, .progress_step4 {
        width: 32px;
        height: 32px;
        top: -23px;
        left: 35%
    }

        .progress_step1 i, .progress_step2 i, .progress_step3 i, .progress_step4 i {
            font-size: 13px;
            left: 4px;
            top: 0
        }

    .step2_inn {
        font-size: 12px;
        margin-left: -11px
    }

    .step_num {
        font-size: 15px;
        margin: 1px 0 0 6px
    }

    .launch_prog_rod {
        width: 67%
    }

    .progress_rod.proStep3 {
        width: 70%
    }

    .cnt-launch-budget-opt-box .right-content h4 {
        margin: 0 0 10px
    }

    .budget .font-awesome {
        display: inline-block;
        padding: 1.3% 4%
    }

    .total_amount1, .total_amount2 {
        width: 100%
    }

        .total_amount1 h1, .total_amount2 h1, .total_amount3 h1, .total_amount3 {
            text-align: center
        }

    .parallaxHead h1 {
        font-size: 22px;
        line-height: 60px
    }

    .common-alerts {
        margin: 0 14px;
        min-width: 280px;
        right: 0
    }

    .parallaxHead h1 {
        font-size: 24px;
        line-height: normal
    }

    .newCus .addColor-btn .btn.btn-default.btn-white {
        font-size: 12px;
        padding: 4px 10px 6px
    }

    .footer-section-text.pricing-footer-section li:before {
        display: none
    }

    .footer-section-text.pricing-footer-section .logoDesignCity li {
        width: 100%
    }

    #WinningEntriesInn .winShowcaseDesign .pro-design {
        right: 50%
    }

    .custom-servicesPage .common--dropdown.dropdown-menu {
        width: 101.1%
    }
}

@media (max-width : 380px) {
    .main-dh-chooseCss > p:before {
        top: 73px;
        width: 60%
    }

    .newCus {
        font-size: 13px;
        padding: 0 2px
    }

    .list-view .new-text .icon-eyedropper {
        font-size: 13px;
        margin-bottom: 0
    }

    .newCus .addColor-btn {
        padding: 0
    }

    .dg-background .dg-banner-heading > strong {
        font-size: 25px
    }

    .dg-background .dg-banner-heading {
        font-size: 17px
    }

    .task--inner .ts-btns .task--btn.whiteBtnNectar button {
        font-size: 12px;
        padding: 4px 7px;
        position: relative
    }

    .subscribe-modal .subscribe--infoBtn {
        padding: 0 15px !important
    }

    #WinningEntriesInn .winShowcaseDesign .pro-design {
        right: 60%
    }

    .custom-servicesPage .common--dropdown.dropdown-menu {
        width: 101.1%
    }

    .service-grid-box {
        width: 290px
    }

    .services-grid {
        margin: 0 auto;
        width: 320px
    }
}

@media only screen and (max-width : 360px) {
    .entries-pop-css .winEntryStat span {
        font-size: 8px
    }

        .entries-pop-css .winEntryStat span:last-child {
            font-size: 16px
        }

    .lcnt-vbf-box .fixed-footer .pay_launch_btn.process-css a {
        font-size: 13px
    }

    .steps .main-stip .strips {
        margin-right: 40px
    }

    #recmnd_for_price_listing .well-sm.text-right ~ div {
        padding-bottom: 0
    }

    .custom-servicesPage .common--dropdown.dropdown-menu {
        width: 101.3%
    }

    .browse-content.right-part, .left-part {
        width: 100%
    }
}

@media (max-width : 320px) {
    .bidt-section .cta-link-action:after {
        left: 200px
    }

    .bidt-section .letter-headEnvelope .cta-link-action:after {
        top: 406px;
        left: 195px
    }

    .bidt-section.facebook-logoCover .cta-link-action:after {
        left: 200px;
        top: 250px
    }
}

@media (min-width: 767px) {
    .freelance-logo-design .freelance-logo-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 767px) {
    .footerblock1 {
        padding: 60px 30px
    }

    .footerblock3 {
        padding: 0 30px
    }
}

@media screen and (max-width: 390px) {
    .footer-section-text .footer-menu-lists {
        font-size: 16px
    }
}

@media screen and (max-width: 360px) {
    .footer-section-text .footer-menu-lists {
        font-size: 14px
    }
}

.recommen-actionCss.rm--img {
    padding: 0 !important
}

@-webkit-keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

body[class*=jconfirm-no-scroll-] {
    overflow: hidden !important
}

.jconfirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    font-family: inherit;
    overflow: hidden
}

    .jconfirm .jconfirm-bg {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: opacity .4s;
        transition: opacity .4s
    }

        .jconfirm .jconfirm-bg.jconfirm-bg-h {
            opacity: 0 !important
        }

    .jconfirm .jconfirm-scrollpane {
        -webkit-perspective: 500px;
        perspective: 500px;
        -webkit-perspective-origin: center;
        perspective-origin: center;
        display: table;
        width: 100%;
        height: 100%
    }

    .jconfirm .jconfirm-row {
        display: table-row;
        width: 100%
    }

    .jconfirm .jconfirm-cell {
        display: table-cell;
        vertical-align: middle
    }

    .jconfirm .jconfirm-holder {
        max-height: 100%;
        padding: 50px 0
    }

    .jconfirm .jconfirm-box-container {
        -webkit-transition: -webkit-transform;
        transition: -webkit-transform;
        transition: transform;
        transition: transform,-webkit-transform
    }

        .jconfirm .jconfirm-box-container.jconfirm-no-transition {
            -webkit-transition: none !important;
            transition: none !important
        }

    .jconfirm .jconfirm-box {
        background: #fff;
        border-radius: 4px;
        position: relative;
        outline: 0;
        padding: 15px 15px 0;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto
    }

@-webkit-keyframes type-blue {
    1%,100% {
        border-color: #3498db
    }

    50% {
        border-color: #5faee3
    }
}

@keyframes type-blue {
    1%,100% {
        border-color: #3498db
    }

    50% {
        border-color: #5faee3
    }
}

@-webkit-keyframes type-green {
    1%,100% {
        border-color: #2ecc71
    }

    50% {
        border-color: #54d98c
    }
}

@keyframes type-green {
    1%,100% {
        border-color: #2ecc71
    }

    50% {
        border-color: #54d98c
    }
}

@-webkit-keyframes type-red {
    1%,100% {
        border-color: #e74c3c
    }

    50% {
        border-color: #ed7669
    }
}

@keyframes type-red {
    1%,100% {
        border-color: #e74c3c
    }

    50% {
        border-color: #ed7669
    }
}

@-webkit-keyframes type-orange {
    1%,100% {
        border-color: #f1c40f
    }

    50% {
        border-color: #f4d03f
    }
}

@keyframes type-orange {
    1%,100% {
        border-color: #f1c40f
    }

    50% {
        border-color: #f4d03f
    }
}

@-webkit-keyframes type-purple {
    1%,100% {
        border-color: #9b59b6
    }

    50% {
        border-color: #b07cc6
    }
}

@keyframes type-purple {
    1%,100% {
        border-color: #9b59b6
    }

    50% {
        border-color: #b07cc6
    }
}

@-webkit-keyframes type-dark {
    1%,100% {
        border-color: #34495e
    }

    50% {
        border-color: #46627f
    }
}

@keyframes type-dark {
    1%,100% {
        border-color: #34495e
    }

    50% {
        border-color: #46627f
    }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: solid 7px #3498db;
    -webkit-animation-name: type-blue;
    animation-name: type-blue
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 7px #2ecc71;
    -webkit-animation-name: type-green;
    animation-name: type-green
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #e74c3c;
    -webkit-animation-name: type-red;
    animation-name: type-red
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 7px #f1c40f;
    -webkit-animation-name: type-orange;
    animation-name: type-orange
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top: solid 7px #9b59b6;
    -webkit-animation-name: type-purple;
    animation-name: type-purple
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: solid 7px #34495e;
    -webkit-animation-name: type-dark;
    animation-name: type-dark
}

.jconfirm .jconfirm-box.loading {
    height: 120px
}

    .jconfirm .jconfirm-box.loading:before {
        content: '';
        position: absolute;
        left: 0;
        background: #fff;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 10px;
        z-index: 1
    }

    .jconfirm .jconfirm-box.loading:after {
        opacity: .6;
        content: '';
        height: 30px;
        width: 30px;
        border: solid 3px transparent;
        position: absolute;
        left: 50%;
        margin-left: -15px;
        border-radius: 50%;
        -webkit-animation: jconfirm-spin 1s infinite linear;
        animation: jconfirm-spin 1s infinite linear;
        border-bottom-color: #1e90ff;
        top: 50%;
        margin-top: -15px;
        z-index: 2
    }

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    font-size: 27px !important;
    line-height: 14px !important;
    display: none;
    z-index: 1
}

    .jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
        display: none
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
        font-size: 16px
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
        font-size: 16px
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
        font-size: 16px
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
        opacity: 1
    }

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    padding-bottom: 15px
}

    .jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
        cursor: move
    }

    .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
        font-size: inherit;
        display: inline-block;
        vertical-align: middle
    }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
            vertical-align: middle
        }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
            display: none
        }

    .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: inherit;
        font-family: inherit;
        display: inline-block;
        vertical-align: middle
    }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
            display: none
        }

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height .4s ease-in;
    transition: height .4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

    .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
        overflow-y: hidden
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
        width: 3px
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
        background: rgba(0,0,0,.1)
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
        background: #666;
        border-radius: 3px
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
        overflow: auto
    }

        .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
            max-width: 100%;
            height: auto
        }

        .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
            display: none
        }

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px
}

    .jconfirm .jconfirm-box .jconfirm-buttons > button {
        margin-bottom: 4px;
        margin-left: 2px;
        margin-right: 2px
    }

    .jconfirm .jconfirm-box .jconfirm-buttons button {
        display: inline-block;
        padding: 6px 12px;
        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;
        border-radius: 4px;
        min-height: 1em;
        -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
        transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
        transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
        transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
        -webkit-tap-highlight-color: transparent;
        border: 0;
        background-image: none
    }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
            background-color: #3498db;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
                background-color: #2980b9;
                color: #fff
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
            background-color: #2ecc71;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
                background-color: #27ae60;
                color: #fff
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
            background-color: #e74c3c;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
                background-color: #c0392b;
                color: #fff
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
            background-color: #f1c40f;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
                background-color: #f39c12;
                color: #fff
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
            background-color: #ecf0f1;
            color: #000;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
                background-color: #bdc3c7;
                color: #000
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
            background-color: #9b59b6;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
                background-color: #8e44ad;
                color: #fff
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
            background-color: #34495e;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
                background-color: #2c3e50;
                color: #fff
            }

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color: #e74c3c !important
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db !important
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color: #2ecc71 !important
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color: #9b59b6 !important
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f1c40f !important
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color: #34495e !important
}

.jconfirm .jconfirm-clear {
    clear: both
}

.jconfirm.jconfirm-rtl {
    direction: rtl
}

    .jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
        left: 5px;
        right: auto
    }

.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #444;
    opacity: .2
}

.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    border-radius: 5px
}

    .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
        margin-right: 8px;
        margin-left: 0
    }

    .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
        float: right
    }

        .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 700;
            text-shadow: none
        }

            .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #333
            }

                .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
                    background: #ddd
                }

.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-black .jconfirm-bg, .jconfirm.jconfirm-dark .jconfirm-bg {
    background-color: #2f4f4f;
    opacity: .4
}

.jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    background: #444;
    border-radius: 5px;
    color: #fff
}

    .jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
        margin-right: 8px;
        margin-left: 0
    }

    .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
        float: right
    }

        .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
            border: 0;
            background-image: none;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 700;
            text-shadow: none;
            -webkit-transition: background .1s;
            transition: background .1s;
            color: #fff
        }

            .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #fff;
                background: 0
            }

                .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
                    background: #666
                }

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    -webkit-animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
    animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    -webkit-animation: glow .82s cubic-bezier(.36,.07,.19,.97) both;
    animation: glow .82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

@-webkit-keyframes shake {
    10%,90% {
        -webkit-transform: translate3d(-2px,0,0);
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(4px,0,0);
        transform: translate3d(4px,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-8px,0,0);
        transform: translate3d(-8px,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(8px,0,0);
        transform: translate3d(8px,0,0)
    }
}

@keyframes shake {
    10%,90% {
        -webkit-transform: translate3d(-2px,0,0);
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(4px,0,0);
        transform: translate3d(4px,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-8px,0,0);
        transform: translate3d(-8px,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(8px,0,0);
        transform: translate3d(8px,0,0)
    }
}

@-webkit-keyframes glow {
    0%,100% {
        -webkit-box-shadow: 0 0 0 red;
        box-shadow: 0 0 0 red
    }

    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red
    }
}

@keyframes glow {
    0%,100% {
        -webkit-box-shadow: 0 0 0 red;
        box-shadow: 0 0 0 red
    }

    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red
    }
}

.jconfirm {
    -webkit-perspective: 400px;
    perspective: 400px
}

    .jconfirm .jconfirm-box {
        opacity: 1;
        -webkit-transition-property: all;
        transition-property: all
    }

        .jconfirm .jconfirm-box.jconfirm-animation-top, .jconfirm .jconfirm-box.jconfirm-animation-left, .jconfirm .jconfirm-box.jconfirm-animation-right, .jconfirm .jconfirm-box.jconfirm-animation-bottom, .jconfirm .jconfirm-box.jconfirm-animation-opacity, .jconfirm .jconfirm-box.jconfirm-animation-zoom, .jconfirm .jconfirm-box.jconfirm-animation-scale, .jconfirm .jconfirm-box.jconfirm-animation-none, .jconfirm .jconfirm-box.jconfirm-animation-rotate, .jconfirm .jconfirm-box.jconfirm-animation-rotatex, .jconfirm .jconfirm-box.jconfirm-animation-rotatey, .jconfirm .jconfirm-box.jconfirm-animation-scaley, .jconfirm .jconfirm-box.jconfirm-animation-scalex {
            opacity: 0
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotate {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotatex {
            -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
            -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotatey {
            -webkit-transform: rotatey(90deg);
            transform: rotatey(90deg);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
            -webkit-transform: rotatey(-90deg);
            transform: rotatey(-90deg);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-scaley {
            -webkit-transform: scaley(1.5);
            transform: scaley(1.5);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-scalex {
            -webkit-transform: scalex(1.5);
            transform: scalex(1.5);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-top {
            -webkit-transform: translate(0px,-100px);
            transform: translate(0px,-100px)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-left {
            -webkit-transform: translate(-100px,0px);
            transform: translate(-100px,0px)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-right {
            -webkit-transform: translate(100px,0px);
            transform: translate(100px,0px)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-bottom {
            -webkit-transform: translate(0px,100px);
            transform: translate(0px,100px)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-zoom {
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-scale {
            -webkit-transform: scale(.5);
            transform: scale(.5)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-none {
            visibility: hidden
        }

    .jconfirm.jconfirm-supervan .jconfirm-bg {
        background-color: rgba(54,70,93,.95)
    }

    .jconfirm.jconfirm-supervan .jconfirm-box {
        background-color: transparent
    }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
            border: 0
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
            border: 0
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
            border: 0
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
            border: 0
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
            border: 0
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
            border: 0
        }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
            color: #fff
        }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
            text-align: center;
            color: #fff;
            font-size: 28px;
            font-weight: 400
        }

            .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
                padding-bottom: 25px
            }

            .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
                margin-right: 8px;
                margin-left: 0
            }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
            margin-bottom: 25px
        }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
            text-align: center;
            color: #fff
        }

        .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
            text-align: center
        }

            .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
                font-size: 16px;
                border-radius: 2px;
                background: #303f53;
                text-shadow: none;
                border: 0;
                color: #fff;
                padding: 10px;
                min-width: 100px
            }

    .jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
        margin-left: 8px;
        margin-right: 0
    }

    .jconfirm.jconfirm-material .jconfirm-bg {
        background-color: rgba(0,0,0,.67)
    }

    .jconfirm.jconfirm-material .jconfirm-box {
        background-color: #fff;
        -webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
        box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
        padding: 30px 25px 10px
    }

        .jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
            margin-right: 8px;
            margin-left: 0
        }

        .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
            color: rgba(0,0,0,.87)
        }

        .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
            color: rgba(0,0,0,.87);
            font-size: 22px;
            font-weight: 700
        }

        .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
            color: rgba(0,0,0,.87)
        }

        .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
            text-align: right
        }

            .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
                text-transform: uppercase;
                font-weight: 500
            }

    .jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
        margin-left: 8px;
        margin-right: 0
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-bg {
        background-color: rgba(0,0,0,.21)
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-box {
        background-color: #fff;
        -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);
        box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);
        border: solid 1px rgba(0,0,0,.4);
        padding: 15px 0 0
    }

        .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
            margin-right: 8px;
            margin-left: 0
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
            color: rgba(0,0,0,.87)
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
            color: rgba(0,0,0,.87);
            font-size: 22px;
            font-weight: 700;
            padding-left: 15px;
            padding-right: 15px
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
            color: rgba(0,0,0,.87);
            padding: 0 15px
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
            text-align: right;
            padding: 10px;
            margin: -5px 0 0;
            border-top: solid 1px #ddd;
            overflow: hidden;
            border-radius: 0 0 4px 4px
        }

            .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
                font-weight: 500
            }

    .jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
        margin-left: 8px;
        margin-right: 0
    }

    .jconfirm.jconfirm-modern .jconfirm-bg {
        background-color: #708090;
        opacity: .6
    }

    .jconfirm.jconfirm-modern .jconfirm-box {
        background-color: #fff;
        -webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
        box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
        padding: 30px 30px 15px
    }

        .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
            color: rgba(0,0,0,.87);
            top: 15px;
            right: 15px
        }

        .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
            color: rgba(0,0,0,.87);
            font-size: 24px;
            font-weight: 700;
            text-align: center;
            margin-bottom: 10px
        }

            .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
                -webkit-transition: -webkit-transform .5s;
                transition: -webkit-transform .5s;
                transition: transform .5s;
                transition: transform .5s,-webkit-transform .5s;
                -webkit-transform: scale(0);
                transform: scale(0);
                display: block;
                margin-right: 0;
                margin-left: 0;
                margin-bottom: 10px;
                font-size: 69px;
                color: #aaa
            }

        .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
            text-align: center;
            font-size: 15px;
            color: #777;
            margin-bottom: 25px
        }

        .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
            text-align: center
        }

            .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
                font-weight: 700;
                text-transform: uppercase;
                -webkit-transition: background .1s;
                transition: background .1s;
                padding: 10px 20px
            }

                .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
                    margin-left: 4px
                }

    .jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.error_cls {
    color: red
}

.req_file_heading {
    font-size: 14px !important
}

.border-red {
    border-color: red !important
}

.pass-eye-sell-your-art {
    position: relative
}

    .hide-eyes, .pass-eye-sell-your-art.active .show-eyes {
        display: inline-block
    }

    .show-eyes, .pass-eye-sell-your-art.active .hide-eyes {
        display: none
    }

.hide-eyes, .show-eyes {
    position: absolute;
    right: 15px;
    z-index: 2;
    top: 10px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.pass-eye-sell-your-art .tooltip-inner {
    font-size: 10px;
    padding: 5px
}

.author-details.change-tooltip-props .popover-title {
    padding: 6px;
    background: #000;
    color: #fff;
    font-size: 14px
}

.author-details.change-tooltip-props .popover.top {
    min-width: 220px
}

.author-details.change-tooltip-props .popover-content {
    padding: 0
}

.active-links-dropdown, .active-links-dropdown > li {
    display: flex;
    width: 100%
}

.active-links-dropdown {
    flex-wrap: wrap;
    padding: 4px 0
}

    .active-links-dropdown > li {
        padding: 4px 6px
    }

        .active-links-dropdown > li.divider {
            border-top: 1px solid #ccc;
            padding: 0;
            margin: 4px 0
        }

    .active-links-dropdown label {
        margin-bottom: 0;
        color: #333;
        font-weight: 500
    }

.author-details.change-tooltip-props .popover-title {
    background: #000;
    color: #fff
}

.panel-footer .active-links-dropdown a, #entriesInn .panel-footer .active-links-dropdown a, .portfolio-section .author-name .active-links-dropdown a {
    color: #106cff;
    display: inline-block;
    margin-left: 2px;
    font-size: 14px
}

    .panel-footer .active-links-dropdown a:hover, #entriesInn .panel-footer .active-links-dropdown a:hover, .portfolio-section .author-name .active-links-dropdown a:hover {
        text-decoration: underline !important
    }

    .panel-footer .active-links-dropdown a.button-enable, #entriesInn .panel-footer .active-links-dropdown a.button-enable {
        color: #82bc3b;
        font-size: 14px
    }

    .panel-footer .active-links-dropdown a.button-disable, #entriesInn .panel-footer .active-links-dropdown a.button-disable {
        color: red;
        font-size: 14px
    }

.entries-main-box.active .designer_settings_popup {
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    background-clip: padding-box;
    background: #fff
}

.designer_settings_popup {
    display: none
}

.entries-main-box.active .designer_settings_popup {
    display: block;
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 188px;
    z-index: 120
}

    .entries-main-box.active .designer_settings_popup:before {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        border-top: 12px solid rgba(0,0,0,.2);
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        content: '';
        bottom: -11px
    }

    .entries-main-box.active .designer_settings_popup:after {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        border-top: 11px solid #fff;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        content: '';
        bottom: -10px
    }

.entries-detail.set-pos-props {
    position: relative
}

.author-details.change-tooltip-props .author-name.pro-parent-css {
    position: static;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.change-alignment-pros.pro-left {
    padding-left: 10px;
    margin-top: 16px
}

#superUsrCmnd.change-alignment-pros.pro-left ul {
    margin: 0;
    padding: 0
}

    #superUsrCmnd.change-alignment-pros.pro-left ul li {
        margin-right: 12px;
        margin-bottom: 12px
    }

#superUsrCmnd.change-alignment-pros.pro-left label {
    font-weight: 600;
    display: block;
    text-align: center
}

#superUsrCmnd.change-alignment-pros.pro-left ul li a {
    min-width: 140px;
    color: #82bc3b;
    border-radius: 24px;
    background: #fff;
    font-weight: 600;
    padding: 12px;
    text-transform: uppercase;
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
    transition: transform .3s
}

    #superUsrCmnd.change-alignment-pros.pro-left ul li a.btn-disabled, #superUsrCmnd.change-alignment-pros.pro-left ul li a.button-disable {
        background: red;
        color: #fff;
        box-shadow: none
    }

    #superUsrCmnd.change-alignment-pros.pro-left ul li a:hover {
        transform: translateY(-1px)
    }

.entries-box .entries-detail.set-pos-props {
    z-index: 100
}

#entriesInn .entries-main-box.active .entries-box .entries-detail {
    z-index: 1000
}

.enab-dis-designer-popup .modal-content {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-top: 60px
}

.enab-dis-designer-popup .modal-dialog {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.enab-dis-designer-popup .btn {
    font-size: 15px;
    text-transform: uppercase;
    padding: 13px 22px;
    border-radius: 25px;
    font-weight: 600;
    margin-top: 15px
}

    .enab-dis-designer-popup .btn, .enab-dis-designer-popup .btn:hover, .enab-dis-designer-popup .btn:focus, .enab-dis-designer-popup .btn:active {
        background: #82bc3b;
        color: #fff;
        border: #82bc3b solid 2px
    }

.enab-dis-designer-popup .remark-title {
    color: #fff
}

.enab-dis-designer-popup #remark {
    font-size: 16px
}

.service-bottomBox.change-rel-props {
    position: relative
}

.design-gallery-flaging-popup {
    display: none
}

.popover-title {
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 6px;
    width: 100%
}

.services-grid.active .design-gallery-flaging-popup {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    bottom: 80%;
    width: 150px;
    z-index: 120
}

.services-grid.active .design-gallery-flaging-popup {
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    background-clip: padding-box;
    background: #fff
}

    .services-grid.active .design-gallery-flaging-popup:before {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        border-top: 12px solid rgba(0,0,0,.2);
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        content: '';
        bottom: -11px
    }

    .services-grid.active .design-gallery-flaging-popup:after {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        border-top: 11px solid #fff;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        content: '';
        bottom: -10px
    }

.gds-tooltips {
    flex-wrap: wrap;
    padding: 4px 0
}

    .gds-tooltips, .gds-tooltips > li {
        width: 100%;
        display: flex
    }

        .gds-tooltips > li {
            padding: 4px 6px
        }

            .gds-tooltips > li > a:hover {
                text-decoration: underline
            }

            .gds-tooltips > li > a {
                color: #106cff
            }

                .gds-tooltips > li > a.islistable.approve, .gds-tooltips > li > a.feature {
                    color: #82bc3b
                }

                .gds-tooltips > li > a.islistable.disapprove, .gds-tooltips > li > a.isfeatured.un-feature, .gds-tooltips > li > a.isfeatured.un-Feature {
                    color: red
                }

            .gds-tooltips > li.divider {
                border-top: 1px solid #ccc;
                padding: 0;
                margin: 4px 0
            }

.enab-dis-designer-popup .btn, .btn.enable-infos, .btn.disable-infos {
    transition: transform .3s;
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
    border: #82bc3b solid 2px
}

    .enab-dis-designer-popup .btn:hover, .btn.enable-infos:hover, .btn.disable-infos:hover {
        transform: translateY(-1px)
    }

    .enab-dis-designer-popup .btn:active, .btn.enable-infos:active, .btn.disable-infos:active {
        background: #82bc3b
    }

.btn.enable-infos, .btn.disable-infos {
    font-size: 15px;
    font-weight: 600;
    padding: 13px 22px;
    line-height: normal;
    min-width: 150px;
    border-radius: 30px;
    letter-spacing: .8px;
    text-transform: uppercase
}

.btn.enable-infos {
    margin-right: 7px
}

    .btn.enable-infos, .btn.enable-infos:hover, .btn.enable-infos:focus, .btn.enable-infos:active {
        background: #82bc3b;
        color: #fff;
        border: #82bc3b solid 2px
    }

.btn.disable-infos, .btn.disable-infos:hover, .btn.disable-infos:focus, .btn.disable-infos:active {
    color: #82bc3b;
    background: #fff;
    border: #82bc3b solid 2px
}

.disbale-enable-infos .modal-content {
    width: 100%;
    float: left
}

.disbale-enable-infos .modal-footer {
    padding: 30px 15px;
    text-align: left
}

.disbale-enable-infos .modal-body p {
    font-size: 16px;
    color: #333;
    margin-bottom: 0
}

.modal.in.disbale-enable-infos .modal-dialog {
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (max-width: 767px) {
    .entries-main-box.active .favCss-main {
        z-index: 99
    }

    .enab-dis-designer-popup .modal-dialog {
        padding-left: 15px;
        padding-right: 15px
    }

    .modal.in.disbale-enable-infos .modal-dialog {
        margin-top: 60px !important
    }

    .favCss-main .whiteBtnNectar.fav-css-invite .btn-invited, .favCss-main .whiteBtnNectar > .btn-invited {
        width: 100%
    }
}

@media screen and (max-width: 510px) {
    #superUsrCmnd.change-alignment-pros.pro-left ul {
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media screen and (max-width: 390px) {
    #superUsrCmnd.change-alignment-pros.pro-left label {
        font-size: 16px;
        margin-bottom: 8px
    }

    #superUsrCmnd.change-alignment-pros.pro-left ul li {
        width: 100%;
        margin-right: 0;
        float: left;
        margin-bottom: 24px
    }

        #superUsrCmnd.change-alignment-pros.pro-left ul li a {
            display: block;
            width: 100%;
            margin: 0
        }

    .btn.enable-infos, .btn.disable-infos {
        min-width: 120px
    }
}

.loginform.change-props-error .form-group {
    margin: 0 0 30px
}

.loginform.change-props-error .loginCommon .help-block {
    position: relative
}

.loginform.change-props-error .user-type {
    margin-top: 0
}

    .loginform.change-props-error .user-type .radio {
        margin-bottom: 16px
    }

@media screen and (max-width: 360px) {
    .container.change-container-props .loginCommon {
        padding: 20px 15px 20px
    }
}

.events-popup-titles {
    font-size: 26px;
    font-weight: 600;
    color: #333;
    margin: 0;
    line-height: normal
}

.events-popup-description {
    color: #344a5f;
    font-size: 16px;
    font-weight: 400;
    margin: 20px 0 30px
}

.form-group.events-form-wrapper .events-mail-id {
    text-align: left;
    width: 100%;
    border-radius: 4px;
    border: #c1c5cd solid 2px;
    padding: 9px 12px;
    font-size: 16px;
    background: #fff;
    box-shadow: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    color: #333;
    font-weight: 400
}

.events-mail-bt-space {
    margin-top: 30px
}

    .events-mail-bt-space > a.btns-wraper {
        margin-left: 15px
    }

.scroll-triggered-box .events-mail-bt-space {
    margin-top: 0
}

    .scroll-triggered-box .events-mail-bt-space.whiteBtnNectar a.btns-wraper, .scroll-triggered-box .events-mail-bt-space.whiteBtnNectar .btn-default.btns-wraper {
        margin-top: 32px !important;
        min-width: 190px
    }

.subscription-popup.closebtn-design-props .events-mail-bt-space {
    margin-top: 0
}

    .subscription-popup.closebtn-design-props .events-mail-bt-space.whiteBtnNectar a.btns-wraper, .subscription-popup.closebtn-design-props .events-mail-bt-space.whiteBtnNectar .btn-default.btns-wraper {
        margin-top: 32px !important;
        min-width: 190px
    }

.events-mail-id:hover {
    background: #fff
}

.events-mail-id:focus {
    border: #d7d7d7 solid 1px
}

.subscription-popup .events-form-wrapper {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    position: relative;
    float: left
}

.subscription-input-wrapper {
    position: relative
}

.subscription-popup .change-color-props > .form-group {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto
}

.modal.fade.subscription-popup .modal-dialog {
    padding: 0
}

.whiteBtnNectar .btn-default.btns-wraper {
    padding: 12px 22px;
    min-width: 150px;
    letter-spacing: .8px;
    font-size: 15px
}

.show-valid-error {
    color: #dd2022;
    font-size: 14px;
    margin-top: 4px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -25px
}

.subscription-popup.modal .modal-body {
    padding: 24px;
    border-radius: 4px;
    min-height: 350px;
    overflow: hidden;
    background-size: cover !important;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    width: 100%;
    word-break: break-word;
    background: #fff
}

.subscription-popup .modal-body.change-color-props.cls_only_bg_mage {
    justify-content: flex-end
}

.subscription-popup .modal-dialog {
    margin-top: 150px
}

.subscription-popup .modal-body.change-color-props .events-popup-titles, .subscription-popup .modal-body.change-color-props .events-popup-description {
    color: #fff
}

.subscription-popup .modal-body.change-color-props.cls_no_bg_mage h3, .subscription-popup .modal-body.change-color-props.cls_no_bg_mage p {
    color: #333
}

.scroll-triggered-box.cls-bottom-popup-no-image.is-active {
    padding: 54px 0 60px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background-color: #ccc;
    text-align: center;
    display: flex !important;
    justify-content: center
}

.scroll-triggered-box.cls-bottom-only-bg-mage.is-active {
    padding: 190px 0 40px;
    background-size: cover !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100
}

.scroll-triggered-box.cls-bottom-plane-bg-mage-nd-desc.is-active {
    padding: 54px 0 60px;
    background-size: cover !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100
}

.bottom_popup_container .portfolio-btn-actions.change-bottom-popup {
    right: 40px;
    top: 20px
}

@media screen and (max-width: 767px) {
    .subscription-popup .modal-dialog {
        width: 93%;
        margin: 60px auto !important
    }

    .scroll-triggered-box.cls-bottom-only-bg-mage.is-active, .scroll-triggered-box.cls-bottom-plane-bg-mage-nd-desc.is-active {
        right: 15px;
        left: 15px;
        z-index: 100;
        width: calc(100% - 30px)
    }

    .bottom_popup_container .portfolio-btn-actions.change-bottom-popup {
        right: 8px;
        top: 8px
    }
}

@media screen and (max-width: 576px) {
    .events-mail-bt-space.whiteBtnNectar .btn-default.btns-wraper {
        width: 100%;
        margin-left: 0
    }

    .events-mail-bt-space > a.btns-wraper {
        margin-top: 15px !important
    }

    .subscription-popup.modal .modal-body {
        padding: 32px 20px 36px
    }
}

@media screen and (max-width: 400px) {
    .subscription-popup .modal-body {
        padding: 32px 20px 36px
    }
}

.closebtn-design-props .portfolio-btn-actions, .portfolio-btn-actions.change-bottom-popup {
    display: inline-block;
    padding: 0;
    position: absolute;
    z-index: 9999
}

.closebtn-design-props .portfolio-btn-actions {
    right: 4px;
    top: 4px;
    height: 40px
}

.portfolio-btn-actions.change-bottom-popup {
    right: 4px;
    top: 4px
}

    .closebtn-design-props .portfolio-btn-actions .close, .portfolio-btn-actions.change-bottom-popup .close {
        text-shadow: none
    }

.closebtn-design-props .portfolio-btn-actions, .portfolio-btn-actions.change-bottom-popup {
    background: 0 0;
    border: none;
    width: auto;
    height: auto
}

    .closebtn-design-props .portfolio-closeBtn, .portfolio-btn-actions.change-bottom-popup .portfolio-closeBtn {
        display: inline-block;
        position: relative;
        width: 100%
    }

    .closebtn-design-props ul.btn-actionCss li a, .portfolio-btn-actions.change-bottom-popup .btn-actionCss li a, .closebtn-design-props .portfolio-continueBtn .btn-continue {
        border: medium none;
        border-radius: 20px;
        box-shadow: none;
        display: inline-block;
        font-size: 17px;
        font-weight: 300;
        margin: 0;
        padding: 0;
        position: relative;
        text-transform: capitalize;
        width: 40px;
        height: 40px;
        line-height: 1
    }

.closebtn-design-props .carousel span {
    font-size: 13px
}

.closebtn-design-props .portfolio-closeBtn .close, .portfolio-btn-actions.change-bottom-popup .close {
    border: none;
    background: 0 0;
    border-radius: 0;
    opacity: 1;
    top: 0;
    margin: 0;
    left: 0;
    min-height: 40px;
    color: #a29797cc
}

    .closebtn-design-props .portfolio-closeBtn .close:after, .modal.closebtn-design-props .portfolio-closeBtn .close:after, .portfolio-btn-actions.change-bottom-popup .close:after {
        content: "\f00d";
        font-family: FontAwesome;
        transition: transform .25s ease-in-out 0s;
        position: absolute;
        right: 12px !important;
        top: 9px;
        left: auto;
        border: none;
        width: 13px;
        height: 15px;
        color: #333
    }

.bottom_popup_container .portfolio-btn-actions.change-bottom-popup .close.remove-props:after {
    content: '';
    width: 13px;
    height: 15px
}

.portfolio-btn-actions.change-bottom-popup.exit-poppuClose .close span.cross-left, .portfolio-btn-actions.change-bottom-popup.exit-poppuClose .close span.cross-right {
    opacity: 1;
    max-width: inherit;
    overflow: visible
}

.change-bottom-popup.exit-poppuClose.change-cross-btn {
    top: 15px;
    border: none;
    background: 0 0;
    right: auto;
    left: 50%;
    transform: translateX(-50%)
}

    .change-bottom-popup.exit-poppuClose.change-cross-btn .close.remove-props {
        margin-left: 0;
        line-height: normal;
        width: 28px;
        height: 28px;
        opacity: 1;
        display: flex;
        background: 0 0;
        position: absolute;
        justify-content: center;
        align-items: center;
        min-height: auto
    }

        .change-bottom-popup.exit-poppuClose.change-cross-btn .close.remove-props span {
            position: absolute
        }

.close.remove-props span.cross-left, .close.remove-props span.cross-right {
    width: 24px;
    height: 2px;
    background: #a29797cc;
    display: inline-block
}

.close.remove-props span.cross-left {
    transform: rotate(45deg)
}

.close.remove-props span.cross-right {
    transform: rotate(-45deg)
}

.close.remove-props span.close.remove-props:after {
    content: ""
}

.close.remove-props span.close.remove-props .cross-left, .close.remove-props span.close.remove-props .cross-right {
    width: 30px;
    height: 2px;
    background: #a29797cc;
    display: inline-block;
    overflow: visible;
    opacity: 1;
    max-width: inherit
}

.close.remove-props span.close.remove-props:hover .cross-left, .close.remove-props span.close.remove-props:hover .cross-right {
    display: inline-block;
    left: auto
}

.closebtn-design-props .portfolio-closeBtn .close:hover, .portfolio-btn-actions.change-bottom-popup .close:hover {
    transform: translateY(-1px)
}

.portfolio-btn-actions.change-bottom-popup .close.remove-props:after {
    top: 9px;
    right: 12px !important
}

.portfolio-btn-actions.change-bottom-popup .close.remove-props:hover {
    transform: translateY(0px)
}

    .portfolio-btn-actions.change-bottom-popup .close.remove-props:hover:after {
        top: 9px;
        right: 12px !important
    }

    .portfolio-btn-actions.change-bottom-popup .close.remove-props:hover span {
        left: 0;
        top: auto;
        display: inline-block
    }

.closebtn-design-props .portfolio-closeBtn .close span, .portfolio-btn-actions.change-bottom-popup .close span {
    float: left;
    left: 0;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    position: relative;
    transition: all .4s ease 0s
}

.closebtn-design-props .portfolio-closeBtn .close:hover span, .portfolio-btn-actions.change-bottom-popup .close:hover span {
    font-size: 16px;
    left: -10px;
    max-width: 60px;
    opacity: 1;
    top: 3px;
    line-height: 1;
    display: none
}

.bottom_popup_container {
    width: 100%;
    float: left;
    padding-left: 30px;
    padding-right: 30px
}

.scroll-triggered-box .portfolio-btn-actions.change-bottom-popup .stb-close {
    width: 40px
}

.bottom_popup_container .closebtn-design-props .portfolio-closeBtn .close:after, .bottom_popup_container .modal.closebtn-design-props .portfolio-closeBtn .close:after, .bottom_popup_container .portfolio-btn-actions.change-bottom-popup .close:after {
    top: 11px;
    right: 14px !important
}

@media screen and (max-width: 767px) {
    .closebtn-design-props .portfolio-btn-actions {
        right: 4px;
        top: 4px
    }

        .portfolio-btn-actions.change-bottom-popup .close span, .closebtn-design-props .portfolio-btn-actions span {
            display: none !important
        }

    .bottom_popup_container {
        padding-left: 15px;
        padding-right: 15px
    }

    .portfolio-btn-actions.change-bottom-popup {
        right: 0;
        top: 0
    }

    .subscription-popup.modal .modal-body {
        border-radius: 0
    }

    .change-bottom-popup.exit-poppuClose.change-cross-btn .close.remove-props span {
        display: inline-block !important
    }

    .bottom_popup_container .scroll-triggered-box h2 {
        font-size: 24px;
        word-break: break-word
    }
}

@media screen and (max-width: 576px) {
    .change-bottom-popup.exit-poppuClose.change-cross-btn .close.remove-props {
        margin-top: 0 !important
    }
}

.change-color-props .ui-slider-horizontal .ui-slider-handle {
    top: -8px
}

.notification-content a.btn-success.share-testimonial-btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.portal-launch {
    position: fixed;
    right: 50px;
    bottom: 0;
    width: 400px;
    background: #fff;
    z-index: 10000;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.1)
}

.portal-accordian {
    display: flex;
    padding: 12px 20px;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    text-decoration: none;
    background: #333;
    justify-content: space-between;
    align-items: center;
    letter-spacing: .8px;
    border-radius: 4px 4px 0 0;
    pointer-events: none
}

    .portal-accordian, .portal-accordian:hover, .portal-accordian:focus {
        color: #fff
    }

        .portal-accordian .icon {
            float: right;
            -webkit-text-stroke: 1px #333;
            position: absolute;
            right: 20px;
            cursor: pointer;
            z-index: 12;
            pointer-events: all;
            transition: all .3s
        }

.portal-launch.active .portal-accordian .icon {
    top: 17px
}

.portal-launch-wrapper {
    display: none;
    flex-direction: column;
    padding: 12px 20px 20px
}

.portal-launch-title {
    font-size: 15px;
    text-align: center;
    margin: 12px 0 24px;
    font-weight: 600;
    max-height: 100px;
    line-height: 1.4;
    letter-spacing: .8px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

    .portal-launch-title::-webkit-scrollbar {
        width: 5px
    }

    .portal-launch-title::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,.08)
    }

        .portal-launch-title::-webkit-scrollbar-thumb:hover {
            background: rgba(0,0,0,.2)
        }

.scroll-triggered-box .events-form-wrapper .successTxt .btn {
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 15px;
    padding: 12px 24px;
    letter-spacing: .8px;
    min-width: 209px;
    font-weight: 600;
    line-height: 1.43;
    height: auto;
    border-color: #82bc3b
}

.portal-launch.active .portal-launch-wrapper {
    display: flex
}

.portal-launch-wrapper, .portal-launch-wrapper .search-input, .submit-search-button {
    width: 100%
}

    .portal-launch-wrapper .search-input {
        font-size: 14px;
        font-weight: 400;
        border-radius: 4px;
        border: #ccc solid 1px;
        padding: 12px;
        margin-bottom: 24px;
        color: #333
    }

    .portal-launch-wrapper label {
        display: none;
        margin: 0
    }

.submit-search-button {
    font-size: 16px;
    display: flex;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .8px;
    padding: 9px 0;
    transition: transform .3s;
    text-decoration: none;
    border: transparent solid 2px;
    border-radius: 30px;
    justify-content: center;
    outline: none;
    transition: all .3s
}

    .submit-search-button, .submit-search-button:hover, .submit-search-button:focus {
        color: #fff;
        background: #82bc3b
    }

        .submit-search-button:hover {
            transform: translateY(-1px)
        }

@media screen and (max-width: 480px) {
    .portal-launch {
        left: 15px;
        right: 15px;
        width: calc(100% - 30px)
    }

    .portal-launch-title {
        line-height: 1.4
    }
}

.portal-launch-wrapper .show-valid-error {
    color: #dd2022;
    font-size: 14px;
    display: inline-block;
    position: relative;
    left: 0;
    bottom: 18px;
    margin-bottom: -6px
}

.bottom_popup_container .scroll-triggered-box {
    padding: 60px 15px 60px;
    background-size: cover !important
}

    .bottom_popup_container .scroll-triggered-box a.btns-wraper {
        border: 3px solid transparent !important;
        box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3) !important
    }

    .bottom_popup_container .scroll-triggered-box h2 {
        font-size: 32px
    }

    .bottom_popup_container .scroll-triggered-box .form-group {
        width: 100%;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto
    }

        .bottom_popup_container .scroll-triggered-box .form-group.events-form-wrapper {
            color: #fff;
            font-size: 18px;
            font-weight: 600;
            text-align: center
        }

    .bottom_popup_container .scroll-triggered-box .stb-close {
        width: 40px;
        height: 40px;
        background: #fff;
        border: #d7d7d7 solid 2px;
        color: #333;
        font-size: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 15px;
        right: 15px;
        transition: transform all .3s;
        font-weight: 600
    }

        .bottom_popup_container .scroll-triggered-box .stb-close:hover {
            transform: translateY(-1px)
        }

    .bottom_popup_container .scroll-triggered-box .whiteBtnNectar .btn-default.btns-wraper {
        min-width: 190px
    }

.giftcard-cpn {
    margin-left: 12px
}

@media(max-width: 576px) {
    .bottom_popup_container .scroll-triggered-box .whiteBtnNectar a {
        width: 100%
    }

    .bottom_popup_container .scroll-triggered-box a:last-child {
        margin-left: 0;
        margin-top: 15px
    }
}

.hide-always {
    display: none
}

.props-top-bt {
    padding: 54px 0 60px
}

.trending-sec.props-top-bt {
    padding: 54px 0 30px
}

.block-container-wrapper {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

.block-container-title {
    font-size: 30px;
    font-weight: 500;
    color: #333;
    margin: 0 0 20px;
    text-align: center
}

.trend-lists, .trend-lists > li {
    width: 100%;
    float: left
}

    .trend-lists > li {
        margin-bottom: 30px
    }

.trend-list-image {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

    .trend-list-image img, .seo-block-sliders img {
        display: block;
        backface-visibility: hidden;
        object-fit: cover;
        transition: transform .3s ease-in-out 0s
    }

    .trend-list-image:hover img, .seo-block-sliders a:hover img {
        transform: scale(1.05)
    }

.overlay-trend {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    pointer-events: none
}

.trend-lists > li span {
    background: #fff;
    color: #333
}

.trend-lists > li:nth-child(2n) span {
    background: #333;
    color: #fff
}

.overlay-trend span {
    padding: 12px 22px;
    font-size: 22px;
    text-transform: capitalize;
    transition: all .3s;
    letter-spacing: .8px
}

.block-detail {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    margin: 24px 0
}

    .block-detail a {
        text-decoration: underline !important
    }

        .block-detail a, .block-detail a:hover, .block-detail a:focus {
            color: #db404b
        }

            .block-detail a:hover {
                text-decoration: none !important
            }

.spot-light {
    background: #f8f8f8
}

.seo-block-sliders {
    padding-top: 24px
}

    .seo-block-sliders img {
        max-width: 150px;
        border: 10px solid #fff;
        border-radius: 50%;
        margin: 0 auto 10px;
        display: block;
        box-shadow: 0 0 10px 0 rgba(0,0,0,.2)
    }

    .seo-block-sliders a {
        display: block;
        text-align: center
    }

    .seo-block-sliders span {
        font-size: 15px;
        color: #8c95a5
    }

.seo-block-slider.common-sliders .swiper-button-next {
    right: 25px
}

.seo-block-slider.common-sliders .swiper-button-prev {
    left: 25px
}

.seo-block-slider.common-sliders .swiper-button-next, .seo-block-slider.common-sliders .swiper-button-prev {
    width: 40px;
    height: 40px;
    margin-top: -20px
}

.seo-block-slider.common-sliders .arrow-common svg {
    width: 20px
}

.seo-block-slider.common-sliders .swiper-container {
    padding-top: 24px
}

.spot-light .spot-design {
    display: block;
    text-align: center
}

.spot-light-overlay {
    width: 60%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    padding-left: 32px
}

.spot-light-title {
    font-size: 18px;
    font-weight: 500;
    margin: 0
}

.spot-light-detail {
    font-size: 32px;
    font-weight: 600;
    margin: 0
}

.spot-light-detail-link {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin: 8px 0 0
}

    .spot-light-detail-link .icon {
        margin-left: 4px
    }

.spot-light-title, .spot-light-detail, .spot-light-detail-link {
    color: #fff
}

.spread-design-list {
    display: flex;
    padding: 60px;
    justify-content: space-between;
    background: #ecf6eb;
    margin-top: 30px;
    align-items: center
}

.spread-design-price {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-top: 12px
}

    .spread-design-price .icon {
        font-size: 16px;
        margin-left: 6px
    }

.spread-design-right {
    order: 1
}

.common-sliders .swiper-button-next, .common-sliders .swiper-button-prev {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #f8f8f8;
    margin-top: -24px;
    transition: transform all .3s
}

    .common-sliders .swiper-button-next:hover, .common-sliders .swiper-button-prev:hover {
        transform: translateY(-1px)
    }

.common-sliders .swiper-button-next, .common-sliders .swiper-button-prev {
    z-index: 8;
    background-size: 50%;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.4);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.4);
    -o-box-shadow: 0 1px 1px 0 rgba(0,0,0,.4)
}

.common-sliders .swiper-button-prev {
    left: 0
}

.common-sliders .swiper-button-next {
    right: 0
}

.common-sliders .arrow-common {
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s ease
}

    .common-sliders .arrow-common svg {
        width: 25px;
        position: relative;
        fill: #333
    }

.common-sliders .swiper-button-prev.arrow-common svg {
    left: 1px
}

.common-sliders .swiper-button-next.arrow-common svg {
    right: -1px
}

.common-sliders .swiper-button-prev.arrow-common {
    transform: rotate(-180deg)
}

.common-sliders .swiper-button-next.swiper-button-disabled, .common-sliders .swiper-button-prev.swiper-button-disabled {
    display: none
}

@media screen and (max-width: 1024px) {
    .spot-light-overlay {
        width: 100%;
        justify-content: flex-start;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 24px
    }

    .seo-block-slider .swiper-button-next, .seo-block-slider .swiper-button-prev {
        display: none
    }

    .spread-design-list {
        flex-wrap: wrap
    }

    .spread-design-left, .spread-design-mid, .spread-design-right {
        width: 50%
    }
}

@media screen and (max-width: 767px) {
    .spot-light-overlay {
        width: 60%;
        justify-content: center;
        text-align: left;
        padding-left: 32px;
        padding-right: 15px;
        padding-top: 0
    }

    .spot-light .block-container-title {
        margin: 0 0 5px
    }

    .spot-light .spot-design {
        margin-top: 15px
    }

    .block-container-title {
        font-size: 24px
    }

    .spot-light-detail {
        font-size: 28px
    }

    .trending-sec.props-top-bt {
        padding: 54px 0 45px
    }

    .trend-lists > li {
        margin-bottom: 15px
    }

    .spread-design-list {
        padding: 60px 15px
    }
}

@media screen and (max-width: 480px) {
    .spot-light-overlay {
        width: 100%;
        justify-content: flex-start;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 24px
    }

    .overlay-trend span, .spread-design-price {
        font-size: 16px
    }
}

.main-container.remove-overflow-props {
    overflow: unset
}

.sticky-tab-wrapper {
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto
}

.stciky-menu-lists {
    display: block;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    text-align: center
}

    .stciky-menu-lists > li {
        display: inline-block
    }

.stciky-menu-link {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-transform: capitalize;
    display: inline-block;
    padding: 15px 10px;
    position: relative
}

.stciky-menu-lists::-webkit-scrollbar {
    height: 5px
}

.stciky-menu-lists::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.08)
}

    .stciky-menu-lists::-webkit-scrollbar-thumb:hover {
        background: rgba(0,0,0,.2)
    }

.stciky-menu-link:hover, .stciky-menu-lists > li.is-active .stciky-menu-link {
    color: #db404b
}

    .stciky-menu-lists > li.is-active .stciky-menu-link:before {
        position: absolute;
        content: '';
        left: 0;
        width: 100%;
        bottom: 0;
        height: 4px;
        background: #db404b
    }

.make-tab-sticky {
    box-shadow: inset 0 -1px 0 0 #dfdfdf;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 24
}

.root_header.is-sticky {
    transform: translateY(0px) !important
}

@media screen and (max-width: 1200px) {
    .stciky-menu-link {
        font-size: 17px
    }
}

@media screen and (max-width: 1024px) {
    .stciky-menu-link {
        font-size: 16px
    }
}

@media screen and (max-width: 991px) {
    .main-container.remove-overflow-props {
        overflow: hidden
    }
}

.seo-testi-monial {
    width: 100%;
    float: left;
    padding: 54px 0 60px;
    background: #f6f9fc
}

    .seo-testi-monial .common-ld-title {
        font-size: 32px;
        font-weight: 600;
        margin: 0 0 40px
    }

    .seo-testi-monial .testimonial-props {
        display: flex
    }

.testimonial-props .item {
    width: 100%
}

.testimonial-props .lp-testimonial-author {
    font-weight: 500
}

.seo-testi-monial .lp--testimonial.lp-main-padding {
    background-color: #1a1b1f;
    color: #fff;
    padding-bottom: 40px
}

.seo-testi-monial .lp-testimonial-top {
    padding-left: 32px;
    position: relative;
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    height: 24px;
    margin-bottom: 12px
}

.seo-testi-monial .owl-carousel .owl-item .lp-testimonial-top > img {
    border-radius: 100%;
    height: 24px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 24px
}

.seo-testi-monial .lp-testimonial-item {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 25px;
    margin-top: 0;
    text-align: left;
    height: 270px
}

.seo-testi-monial .lp-testimonial-date {
    color: #666;
    font-size: 12px;
    font-weight: 300;
    text-align: right;
    right: 30px;
    bottom: 10px;
    position: absolute
}

.seo-testi-monial .lp-testimonial-text {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    width: 100%;
    float: left
}

.seo-testi-monial .lp-testimonial-stars {
    bottom: 10px;
    left: 40px;
    position: absolute
}

    .seo-testi-monial .lp-testimonial-stars i {
        color: #fec42d;
        font-size: 18px
    }

.seo-testi-monial .le--testimonials .common-skew-section {
    top: -110px;
    transform: skew(0,173deg);
    -webkit-transform: skew(0,173deg)
}

.seo-testi-monial .le--testimonials .owl-stage {
    padding: 0
}

.seo-testi-monial .star-rating-main-box {
    padding: 25px 10px 0;
    z-index: 3;
    position: relative
}

.seo-testi-monial .sign-up-bottom .star-rating-main-box a {
    color: #fff
}

    .seo-testi-monial .sign-up-bottom .star-rating-main-box a:hover {
        text-decoration: underline
    }

.seo-testi-monial .le--testimonials {
    position: relative;
    background: #f6f9fc;
    color: #555;
    padding: 50px 0
}

@media screen and (max-width: 767px) {
    .seo-testi-monial .common-ld-title {
        font-size: 28px
    }
}

@media screen and (max-width: 490px) {
    .seo-testi-monial .common-ld-title {
        font-size: 24px;
        margin: 0 0 32px
    }
}

.model-boxes .change-popup-layout h3, .model-boxes .change-popup-layout p {
    color: #fff
}

.model-boxes .change-popup-layout h3 {
    margin-top: 0;
    margin-bottom: 4px;
    line-height: normal
}

.modal-header.change-popup-layout .close {
    font-size: 40px;
    -webkit-text-stroke: #707482 1px
}

.change-font-color {
    color: #fff;
    line-height: normal
}

.container.change-container-props {
    width: 100%;
    max-width: 1400px
}

    .container.change-container-props .main-bread-css > a {
        padding-left: 5px
    }

    .container.change-container-props .main-bread-css:first-child > a {
        padding-left: 0
    }

    .container.change-container-props .main-bread-css:after {
        top: -1px;
        right: 1px
    }

@media screen and (max-width: 767px) {
    .container.change-container-props .main-bread-css:after {
        right: 1px
    }

    .container.change-container-props .bread-crumb-css {
        left: 8px;
        position: absolute;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: flex;
        right: 8px
    }
}

.hide-always {
    display: none
}

.exit-popup-design {
    width: 100%;
    display: flex;
    flex-direction: column
}

.modal.fade.exit-popup-design .modal-dialog {
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    margin: 60px auto !important
}

.exit-popup-design .modal-header {
    border-bottom: none;
    min-height: 0
}

.exit-popup-design .modal-body {
    background: 0 0;
    padding: 0 !important
}

.exit-popup-design .modal-content {
    width: 100%;
    float: left
}

.exit-popup-design form {
    width: 100%;
    float: left
}

.exit-popup-title {
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%
}

    .exit-popup-title h2 {
        display: inline-flex;
        font-size: 24px;
        font-weight: 500;
        margin: 0
    }

.exit-popup-design .close {
    display: inline-flex;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #fff;
    justify-content: center;
    align-items: center;
    transition: transform .3s;
    overflow: hidden;
    margin-top: 0;
    position: absolute;
    top: 12px;
    right: 12px;
    opacity: 1;
    z-index: 12;
    outline: none
}

.modal.fade.exit-popup-design .close.choosed-color {
    top: 12px;
    right: 12px;
    background: 0 0
}

.exit-popup-design .wrap-rt-data {
    width: 100%;
    float: left;
    margin-bottom: 24px;
    text-align: center
}

.modal.fade.exit-popup-design .modal-dialog {
    background: 0 0;
    box-shadow: none
}

.exit-popup-design .close:hover {
    transform: translateY(-1px)
}

.exit-popup-design .icon {
    font-size: 32px;
    margin-top: -4px
}

    .exit-popup-design .icon:before {
        padding: 0
    }

.exit-popup-design .choosed-color {
    color: #fff
}

.exit-popup-design .content-image-wrap {
    width: 100%;
    float: left;
    text-align: center
}

    .exit-popup-design .content-image-wrap picture {
        width: 100%;
        float: left;
        text-align: center;
        position: relative;
        z-index: 1
    }

        .exit-popup-design .content-image-wrap picture img {
            border-radius: 12px 12px 0 0
        }

.exit-popup-design .wrap-rt-data * {
    text-align: center
}

.exit-popup-design .align-bottom {
    display: flex;
    flex-direction: column
}

.content-image-wrap h1, .content-image-wrap h2, .content-image-wrap h3, .content-image-wrap h4, .content-image-wrap h5, .content-image-wrap h6 {
    margin: 0;
    color: #333 !important;
    font-weight: 500;
    text-transform: none;
    font-size: 24px;
    display: inline-block
}

.modal.exit-popup-design .modal-content {
    border-radius: 12px;
    box-shadow: none;
    border: none
}

.content-image-wrap p {
    margin: 12px 0 0;
    color: #333;
    font-size: 16px;
    line-height: 1.4
}

.exit-popup-design .right-datas {
    padding: 20px 24px 24px
}

.skip-fields {
    display: inline-block;
    font-size: 14px;
    text-decoration: underline;
    margin-top: 10px
}

    .skip-fields, .skip-fields:hover, .skip-fields:focus {
        color: #595959
    }

        .skip-fields:hover {
            text-decoration: none
        }

.submit-coupon-detail {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .8px;
    background: #db404b;
    color: #fff;
    padding: 11px 24px;
    transition: all .3s;
    border-radius: 30px;
    border: none;
    outline: none;
    box-shadow: none;
    display: inline-block;
    margin: 0 auto
}

    .submit-coupon-detail:hover {
        transform: translateY(-1px)
    }

.exit-popup-design .form-detail {
    width: 100%;
    display: flex;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

    .exit-popup-design .form-detail label {
        font-size: 0
    }

.exit-popup-design .email-address {
    background: 0 0;
    border: 2px solid #c1c5cd;
    width: 100%;
    padding: 8px;
    font-size: 16px;
    border-radius: 4px;
    color: #333;
    text-align: center;
    margin: 24px 0
}

.submit-coupon-detail, .exit-popup-design .email-address {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input.email-address::-webkit-input-placeholder {
    color: #333
}

input.email-address::-moz-placeholder {
    color: #333
}

input.email-address:-ms-input-placeholder {
    color: #333
}

input.email-address:-moz-placeholder {
    color: #333
}

.cross-btn-width {
    width: 20px;
    height: 2px;
    background: #d1d1d1;
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block
}

.cross-right-line {
    transform: translate(-50%,-50%) rotate(45deg)
}

.cross-left-line {
    transform: translate(-50%,-50%) rotate(-45deg)
}

.exit-popup-design .get-time-group {
    margin: 0 auto;
    width: 100%;
    max-width: 320px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mention-reverse-timer {
    font-size: 16px;
    font-weight: 500
}

.exit-popup-design .get-time-group span {
    display: inline-block;
    border: #333 solid 2px;
    padding: 0 6px;
    font-size: 32px;
    font-weight: 500;
    color: #333;
    border-radius: 4px;
    margin: 0 5.5px;
    line-height: normal;
    position: relative
}

    .exit-popup-design .get-time-group span:first-child {
        margin-left: 0
    }

    .exit-popup-design .get-time-group span:last-child {
        margin-right: 0
    }

    .exit-popup-design .get-time-group span:nth-child(2n+2):after {
        position: absolute;
        right: -15px;
        top: -2px;
        content: ':'
    }

    .exit-popup-design .get-time-group span:nth-child(6):after {
        content: ''
    }

@media screen and (max-width: 600px) {
    .exit-popup-design .right-datas {
        padding: 32px 20px 24px
    }

    .exit-popup-design .content-image-wrap picture img {
        display: none
    }

    .align-bottom {
        flex-wrap: wrap;
        text-align: center
    }

    .modal.fade.exit-popup-design .modal-dialog {
        padding: 0 15px !important
    }

    .exit-popup-design .content-image-wrap {
        width: 100%
    }

    .exit-popup-design .get-time-group, .exit-popup-design .form-detail {
        max-width: 330px
    }
}

@media screen and (max-width: 400px) {
    .exit-popup-design .get-time-group, .exit-popup-design .form-detail {
        max-width: 100%
    }

        .exit-popup-design .get-time-group span:nth-child(2n+2):after {
            right: -14px
        }

    .exit-popup-design .right-datas {
        padding: 20px 20px 24px
    }

    .exit-popup-design .get-time-group span {
        font-size: 26px
    }
}

@media screen and (max-width: 360px) {
    .exit-popup-design .get-time-group span:nth-child(2n+2):after {
        right: -12px
    }

    .exit-popup-design .right-datas {
        padding: 20px 15px 24px
    }

    .modal.fade.exit-popup-design .modal-dialog {
        padding: 0 10px !important
    }
}

@media screen and (max-width: 330px) {
    .exit-popup-design .get-time-group span:nth-child(2n+2):after {
        right: -12px
    }
}

.popover.new-tg-popover {
    box-shadow: 0 0px 20px 1px rgba(50,50,50,.1),0 0px 20px 0px rgba(50,50,50,.1);
    border: none;
    font-family: "Cerebri-sans",Helvetica,Arial,sans-serif;
    padding: 0;
    max-width: 350px;
    width: 100%;
    position: fixed
}

    .popover.new-tg-popover .popover-title {
        font-size: 18px;
        padding: 10px;
        line-height: 1.6
    }

    .popover.new-tg-popover .popover-content {
        padding: 10px;
        font-size: 14px;
        line-height: 1.6;
        border-bottom: 1px solid #e0e0e1
    }

        .popover.new-tg-popover .popover-content ul, .popover.new-tg-popover .popover-content ul li {
            list-style: disc
        }

        .popover.new-tg-popover .popover-content ul {
            padding-left: 16px
        }

    .popover.new-tg-popover .btn-group .btn.btn-default {
        box-shadow: inset 0 -1.5px 0 #c1c5cd;
        border: 1px solid #c1c5cd
    }

    .popover.new-tg-popover .btn.btn-default {
        font-size: 14px
    }

        .popover.new-tg-popover .btn.btn-default[disabled], .popover.new-tg-popover .btn.btn-default.disabled {
            background-color: #fff;
            opacity: .6
        }

.new-tg-popover .btn-default.disabled, .new-tg-popover .btn-default[disabled] {
    color: #333
}

.popover.new-tg-popover.right > .arrow {
    left: 19px;
    border-right-color: #fff
}

.popover.new-tg-popover .dh-red-theme-tg-end-tour-btn, .popover-title.dh-red-theme-tg-popover-title {
    background-color: #db404b;
    color: #fff
}

.popover.new-tg-popover.bottom.dh-red-theme-tg-popover > .arrow:after {
    border-bottom-color: #db404b
}

.popover.new-tg-popover .dh-green-theme-tg-end-tour-btn, .popover-title.dh-green-theme-tg-popover-title {
    background-color: #82bc3b;
    color: #fff
}

.popover.new-tg-popover.bottom.dh-green-theme-tg-popover > .arrow:after, .popover.new-tg-popover.bottom.dh-green-theme-tg-popover > .arrow {
    border-bottom-color: #82bc3b
}

.popover.new-tg-popover.top > .arrow {
    border-top-color: #fff
}

.popover.new-tg-popover .dh-black-theme-tg-end-tour-btn, .popover-title.dh-black-theme-tg-popover-title {
    background-color: #000;
    color: #fff
}

.popover.new-tg-popover.bottom.dh-black-theme-tg-popover > .arrow:after {
    border-bottom-color: #000
}

.popover.new-tg-popover .dh-white-theme-tg-end-tour-btn, .popover-title.dh-white-theme-tg-popover-title {
    background-color: #f7f7f7;
    color: #000
}

.popover.new-tg-popover.bottom.dh-white-theme-tg-popover > .arrow:after {
    border-bottom-color: #f7f7f7
}

.popover.new-tg-popover .dh-blue-theme-tg-end-tour-btn, .popover-title.dh-blue-theme-tg-popover-title {
    background-color: #106cff;
    color: #fff
}

.popover.new-tg-popover.bottom.dh-blue-theme-tg-popover > .arrow:after {
    border-bottom-color: #106cff
}

.top-header-main .tour-guide-dpd-wrapper {
    display: inline-block;
    vertical-align: top;
    margin-right: 3px
}

.top-header-main .tour-guide-dropdown button.btn {
    width: 100%;
    text-align: left;
    -webkit-appearance: none;
    appearance: none;
    line-height: 1.2;
    margin: 0;
    padding: 0 12px;
    color: #303238;
    border-radius: 4px;
    cursor: pointer;
    background: #fff;
    -moz-appearance: none;
    text-align: left;
    font-size: 16px;
    height: 38px;
    position: relative;
    font-weight: 300;
    border: 1px solid #dfe1e5;
    padding-right: 35px;
    min-width: auto;
    width: 240px
}

    .top-header-main .tour-guide-dropdown button.btn > input {
        border: none;
        width: 100%;
        padding: 0;
        margin: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

.top-header-main .tour-guide-dropdown .caret.drop-down-arrow {
    border: none;
    position: absolute;
    top: 44%;
    transform: translateY(-50%);
    right: 10px
}

.top-header-main .tour-guide-dropdown button.btn:hover {
    box-shadow: 0 1px 6px 0 rgba(32,33,36,.28);
    border-color: rgba(223,225,229,0)
}

.top-header-main .tour-guide-dropdown .open .caret.drop-down-arrow > img {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.top-header-main .tour-guide-dropdown .dropdown-menu {
    width: 100%;
    margin: 0;
    padding: 0;
    box-shadow: 0 0px 20px 1px rgba(50,50,50,.1),0 0px 20px 0px rgba(50,50,50,.1);
    border: none;
    z-index: 99
}

    .top-header-main .tour-guide-dropdown .dropdown-menu > li > a {
        padding: 12px 10px 12px 12px;
        font-weight: 400;
        color: #303238;
        font-size: 15px;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer
    }

.top-header-main .tourguide-container .tour-guide-dropdown {
    margin-top: 0
}

.top-header-main .tourguide-container {
    padding: 0
}

.top-header-main .tour-guide-live-step .tourguide-container {
    padding: 0 15px
}

.top-header-main .row.tour-guide-live-step {
    margin-top: 30px
}

.top-header-main .caret.drop-down-arrow {
    width: 16px;
    height: 16px
}

    .top-header-main .caret.drop-down-arrow > img {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

.top-header-main .tour-guide-dropdown .dropdown-menu > li > a:hover, .top-header-main .tour-guide-dropdown .dropdown-menu > li:hover > a, .top-header-main .tour-guide-dropdown .dropdown-menu > li.active > a, .top-header-main .tour-guide-dropdown .dropdown-menu > li > a.active {
    background-color: #f5f5f5;
    color: #303238
}

.popover.new-tg-popover.top > .arrow {
    top: 100% !important
}

@media(max-width: 767px) {
    .top-header-main .tourguide-container .tour-guide-dropdown {
        margin-top: 20px
    }

    .top-header-main .row.tour-guide-live-step .tourguide-container .tour-guide-dropdown {
        margin-top: 0
    }

    .top-header-main .tour-add-btn .tour-guide-dropdown .dropdown-menu, .top-header-main .for-pos-sticky .tour-guide-dropdown .dropdown-menu {
        width: 100%;
        left: 0
    }

    .top-header-main .pro-heading-container .left-pro-heading {
        padding-right: 0
    }

    .top-header-main .for-pos-sticky .image--description-design {
        position: static !important
    }

    .top-header-main .tour-guide-dropdown {
        width: 100%
    }

        .top-header-main .tour-guide-dropdown button.btn {
            min-width: auto
        }
}

@media(min-width: 576px) {
    .top-header-main .tourguide-container {
        width: 100%;
        max-width: 250px
    }
}

.social-icon-login.manage-login-spacing .sign-google {
    margin-left: 15px
}

.eliminate-boxes.social-sharing-signup .modal-dialog {
    margin: 60px auto !important
}

.eliminate-boxes.social-sharing-signup .modal-header {
    background: #f2f2f2;
    padding: 24px;
    border: none;
    box-shadow: none;
    min-height: auto;
    position: relative
}

.modal.money-back-policy .modal-dialog {
    margin: 60px auto !important
}

.money-back-policy .modal-body {
    background: #fff;
    padding: 20px 24px 24px
}

.money-back-policy .modal-header {
    background: #f2f2f2;
    min-height: auto;
    padding: 20px 24px;
    border: none;
    box-shadow: none;
    position: relative
}

.money-back-policy .modal-title h3 {
    font-size: 18px;
    margin: 0;
    line-height: normal;
    color: #333 !important;
    padding-right: 30px;
    font-weight: 500
}

.money-back-policy .icon-close {
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    right: 16px;
    -webkit-text-stroke: 4px #f2f2f2;
    font-size: 36px;
    color: #a29797cc
}

.money-back-policy .text-justify p:first-child {
    margin-top: 0
}

.money-back-policy .text-justify p:last-child {
    margin-bottom: 0
}

.money-back-policy .money-titleCss {
    font-size: 17px
}

.enab-dis-designer-popup.super-user-remark .modal-dialog {
    margin: 60px auto !important
}

.enab-dis-designer-popup.super-user-remark .modal-content {
    margin-top: 0
}

.enab-dis-designer-popup.super-user-remark .modal-header {
    background: #f2f2f2;
    min-height: auto;
    padding: 24px;
    border: none;
    box-shadow: none;
    position: relative
}

.enab-dis-designer-popup.super-user-remark .icon-close {
    position: absolute;
    font-size: 36px;
    font-weight: 500;
    color: #a29797cc;
    top: 49%;
    transform: translateY(-50%);
    right: 16px;
    -webkit-text-stroke: 4px #f2f2f2
}

.enab-dis-designer-popup.super-user-remark .modal-body {
    background: #fff;
    padding: 24px
}

.enab-dis-designer-popup.super-user-remark .remark-title {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin: 0;
    line-height: normal;
    padding-right: 24px
}

.enab-dis-designer-popup.super-user-remark .icon-close:before {
    padding: 0
}

.enab-dis-designer-popup.super-user-remark textarea {
    padding: 6px 12px;
    border: 2px solid #c1c5cd;
    box-shadow: none;
    font-size: 16px;
    color: #333;
    letter-spacing: .8px
}

.enab-dis-designer-popup.super-user-remark .form-group {
    margin-bottom: 24px
}

.enab-dis-designer-popup.super-user-remark .btn {
    margin-top: 0;
    padding: 11px 22px
}

.remark-btn-wrapper {
    width: calc(100% + 48px);
    float: left;
    border-top: #f2f2f2 solid 2px;
    text-align: right;
    margin-left: -24px;
    margin-right: -24px;
    padding: 24px 24px 0
}

.eliminate-boxes.social-sharing-signup .modal-title {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    line-height: normal;
    padding-right: 24px
}

.eliminate-boxes.social-sharing-signup .close {
    position: absolute;
    top: 18px;
    right: 19px
}

.eliminate-boxes.social-sharing-signup .icon-close {
    font-size: 32px;
    -webkit-text-stroke: 4px #f2f2f2;
    color: #a29797cc
}

    .eliminate-boxes.social-sharing-signup .icon-close:before {
        padding: 0
    }

.eliminate-boxes.social-sharing-signup .modal-body {
    width: 100%;
    float: left;
    padding: 24px;
    background: #fff
}

.eliminate-boxes.social-sharing-signup .manage-layout-props {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 12px
}

.eliminate-boxes.social-sharing-signup .remove-left-space {
    padding-left: 0
}

.eliminate-boxes.social-sharing-signup .remove-right-space {
    padding-right: 0
}

.eliminate-boxes.social-sharing-signup .fb-reg-box input[type=checkbox], .eliminate-boxes.social-sharing-signup .fb-reg-box input[type=radio] {
    margin: 0 10px 0 0
}

.eliminate-boxes.social-sharing-signup select, .eliminate-boxes.social-sharing-signup input.valid-phone-num {
    border: 2px solid #c1c5cd;
    height: 40px;
    color: #333 !important;
    border-radius: 4px
}

.eliminate-boxes.social-sharing-signup label {
    margin-bottom: 0
}

.eliminate-boxes.social-sharing-signup .manage-layout-props.show-checkboxes {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-left: 24px;
    margin-bottom: 0
}

.eliminate-boxes.social-sharing-signup label.aggency-account {
    margin: 10px 0;
    font-weight: 600
}

.form-group.manage-layout-props.show-checkboxes > input#dhTerms, .form-group.manage-layout-props.show-checkboxes input {
    margin: 0;
    position: absolute;
    top: 6px;
    left: 0
}

.eliminate-boxes.social-sharing-signup .show-right-align {
    width: calc(100% + 48px);
    border-top: #f2f2f2 solid 2px;
    padding: 24px 24px 0;
    margin: 24px -24px 0;
    text-align: right
}

.show-page-waiting-loaded-content {
    opacity: 0
}

.change-sell-popup-props.model-boxes label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px
}

.change-sell-popup-props.model-boxes .modal-header {
    border-radius: 3px 3px 0 0;
    background-color: #f7f7f7;
    padding: 20px;
    border: 0;
    position: relative
}

    .change-sell-popup-props.model-boxes .modal-header h3 {
        font-size: 25px;
        font-weight: 500;
        margin: 0 0 2px;
        line-height: 1;
        color: #333
    }

.change-sell-popup-props.new-popup-design.model-boxes .close {
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1 !important
}

.change-sell-popup-props.model-boxes svg {
    width: 18px;
    fill: #a29797cc
}

.dh-sign-popup.change-sell-popup-props input[type=text], .dh-sign-popup.change-sell-popup-props input[type=password] {
    border: 2px solid #c1c5cd;
    border-radius: 4px !important;
    outline: none;
    box-shadow: none
}

.change-sell-popup-props.model-boxes .modal-header p {
    color: #333
}

.change-sell-popup-props.model-boxes a.forget {
    color: #db404b;
    text-decoration: underline !important
}

    .change-sell-popup-props.model-boxes a.forget:hover {
        text-decoration: none !important
    }

.change-sell-popup-props.model-boxes .modal-header a {
    text-decoration: underline !important;
    font-weight: 600
}

.studio-challenges-exist .change-sell-popup-props.new-popup-design.model-boxes .modal-header a, .studio-challenges-exist .change-sell-popup-props.new-popup-design.model-boxes .modal-header a:hover, .studio-challenges-exist .change-sell-popup-props.new-popup-design.model-boxes .modal-header a:focus {
    color: #3d6bfb
}

.change-sell-popup-props.new-popup-design.model-boxes .modal-header a, .change-sell-popup-props.new-popup-design.model-boxes .modal-header a:hover, .change-sell-popup-props.new-popup-design.model-boxes .modal-header a:focus, .change-sell-popup-props.model-boxes .modal-header a, .change-sell-popup-props.model-boxes .modal-header a:hover, .change-sell-popup-props.model-boxes .modal-header a:focus {
    color: #db404b
}

    .change-sell-popup-props.model-boxes .modal-header a:hover {
        text-decoration: none !important
    }

.change-sell-popup-props.model-boxes .modal-body p a {
    text-decoration: underline !important
}

    .change-sell-popup-props.model-boxes .modal-body p a, .change-sell-popup-props.model-boxes .modal-body p a:hover, .change-sell-popup-props.model-boxes .modal-body p a:focus {
        color: #db404b
    }

        .change-sell-popup-props.model-boxes .modal-body p a:hover {
            text-decoration: none !important
        }

.studio-challenges-exist .change-sell-popup-props.model-boxes a.forget {
    color: #3d6bfb
}

.studio-challenges-exist .change-sell-popup-props.model-boxes .modal-header a {
    font-weight: 600
}

    .studio-challenges-exist .change-sell-popup-props.model-boxes .modal-header a, .studio-challenges-exist .change-sell-popup-props.model-boxes .modal-header a:hover, .studio-challenges-exist .change-sell-popup-props.model-boxes .modal-header a:focus {
        color: #3d6bfb
    }

        .studio-challenges-exist .change-sell-popup-props.model-boxes a.forget:hover, .studio-challenges-exist .change-sell-popup-props.model-boxes .modal-body p a:hover, .studio-challenges-exist .change-sell-popup-props.model-boxes .modal-header a:hover {
            text-decoration: none !important
        }

.studio-challenges-exist .change-sell-popup-props.model-boxes a.forget, .studio-challenges-exist .change-sell-popup-props.model-boxes .modal-header a, .studio-challenges-exist .change-sell-popup-props.model-boxes .modal-body p a {
    text-decoration: underline !important
}

    .studio-challenges-exist .change-sell-popup-props.model-boxes .modal-body p a, .studio-challenges-exist .change-sell-popup-props.model-boxes .modal-body p a:hover, .studio-challenges-exist .change-sell-popup-props.model-boxes .modal-body p a:focus {
        color: #3d6bfb
    }

        .studio-challenges-exist .change-sell-popup-props.model-boxes .modal-body p a:hover {
            text-decoration: none
        }

.model-boxes.dh-sign-popup.change-sell-popup-props .modal-footer {
    background: #fff;
    border-top: #f2f2f2 solid 2px;
    padding: 20px
}

    .model-boxes.dh-sign-popup.change-sell-popup-props .modal-header p, .model-boxes.dh-sign-popup.change-sell-popup-props .modal-footer p {
        color: #333
    }

.dh-sign-popup.change-sell-popup-props .frm-popup-signup .vertical-center-props label {
    width: 100%;
    position: relative
}

.dh-sign-popup.change-sell-popup-props .input-group .subTitle {
    width: 100%;
    display: flex;
    padding: 6px 0 0
}

.dh-sign-popup.change-sell-popup-props .category-wrap {
    position: relative;
    display: flex;
    flex-direction: column
}

.modal.dh-sign-popup.change-sell-popup-props .category-wrap select {
    width: 100%;
    padding: 6px 12px;
    margin-top: 6px;
    border: 1px solid #c1c5cd;
    box-shadow: 0 1px 1px rgba(0,0,0,.035) inset;
    height: 40px;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.dh-sign-popup.change-sell-popup-props .category-wrap .caret {
    position: absolute;
    right: 14px;
    top: 47px
}

@media screen and (max-width: 576px) {
    .studio-challenges-exist .new-popup-design.model-boxes.dh-sign-popup .modal-dialog, .studio-challenges-exist .model-boxes.dh-sign-popup.change-sell-popup-props .modal-dialog, .model-boxes.dh-sign-popup.change-sell-popup-props .modal-dialog {
        margin: 0 auto !important
    }
}

.update-product.active .signup-socialmedia, .dh-sign-popup.signup-popup-propss .signup-socialmedia {
    display: flex;
    justify-content: center
}

    .update-product.active .signup-socialmedia span.signup-gl i, .update-product.active .signup-socialmedia a i, .dh-sign-popup.signup-popup-propss .signup-socialmedia a i {
        line-height: 35px;
        font-size: 14px
    }

    .update-product.active .signup-socialmedia span.signup-gl, .update-product.active .signup-socialmedia a, .dh-sign-popup.signup-popup-propss .signup-socialmedia a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 0 7.5px !important
    }

        .dh-sign-popup.signup-popup-propss .signup-socialmedia a i {
            position: relative;
            line-height: 35px
        }

.update-product.dh-sign-popup.signup-popup-propss .pop-dialog {
    width: 100%;
    max-width: 540px
}

.update-product.dh-sign-popup.signup-popup-propss a.signup-tw {
    margin: 0
}

.error-validation {
    border-color: 1px solid red !important
}

.error-validation-nobdr {
    border-color: red !important
}

.modal.fade.webinar-popup .modal-dialog {
    margin: 60px auto !important;
    width: 100%;
    max-width: 600px;
    padding: 0;
    background: 0 0
}

.modal.fade.webinar-popup .modal-body {
    background: 0 0
}

.modal.fade.webinar-popup .close:after {
    border-width: 0
}

.vote-design-btn {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: normal;
    padding: 9px 10px;
    min-width: 119px;
    border-radius: 30px;
    transition: all .15s ease;
    bottom: 10px;
    left: 12px;
    display: none;
    position: absolute;
    z-index: 12;
    box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3)
}

.thumbnail.entries-thumb.vote-challenge-design:hover .favCss-main .whiteBtnNectar {
    opacity: 1
}

.thumbnail.entries-thumb.vote-challenge-design:hover .vote-design-btn {
    display: inline-block
}

.thumbnail.entries-thumb.vote-challenge-design .vote-design-btn:hover {
    transform: translateY(-1px)
}

.thumbnail.entries-thumb.vote-challenge-design .vote-design-btn, .thumbnail.entries-thumb.vote-challenge-design .vote-design-btn:hover, .thumbnail.entries-thumb.vote-challenge-design .vote-design-btn:focus {
    background: #fff;
    color: #333
}

@media screen and (max-width: 767px) {
    .vote-design-btn {
        width: calc(100% - 30px);
        display: inline-flex;
        bottom: 74px;
        padding: 10px;
        font-size: 15px;
        left: 50%;
        justify-content: center
    }

        .vote-design-btn, .vote-design-btn:hover, .vote-design-btn:focus, .vote-design-btn:active {
            transform: translateX(-50%) !important;
            box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3)
        }
}

.close-events-popup .modal-body {
    display: flex;
    flex-direction: column
}

.close-events-popup .modal-dialog {
    width: 100%;
    max-width: 600px;
    margin: 60px auto !important
}

.close-events-popup .modal-header .close.webinar-popup-close {
    top: 8px;
    right: 8px
}

.close-events-popup button {
    outline: none
}

.close-events-popup .modal-content {
    box-shadow: none;
    border: none;
    border-radius: 0
}

.close-events-popup .modal-header {
    background: 0 0;
    padding: 0;
    min-height: 0;
    box-shadow: none;
    border: none
}

.close-events-popup .modal-body {
    padding: 0;
    border-radius: 4px;
    background: #fff
}

.modal.fade.close-events-popup {
    padding-left: 10px;
    padding-right: 10px !important
}

    .modal.fade.close-events-popup .modal-dialog {
        max-width: 600px;
        padding: 0
    }

    .modal.fade.close-events-popup .modal-body {
        padding: 0
    }

.close-events-popup img {
    border-radius: 4px 4px 0 0
}

.close-events-popup .modal-body a {
    display: block
}

.close-events-popup .not-interest-btn {
    padding: 9px 24px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 24px auto;
    border-radius: 30px;
    transition: transform .3s;
    min-width: 201px
}

.close-events-popup .modal-body .not-interest-btn:first-child {
    margin: 24px auto
}

.close-events-popup .not-interest-btn + .not-interest-btn {
    margin-top: 0
}

.close-events-popup button#do-not-interest {
    background: #db404b !important;
    border-color: #db404b !important
}

.close-events-popup .not-interest-btn, .close-events-popup .not-interest-btn:hover, .close-events-popup .not-interest-btn:focus, .close-events-popup .not-interest-btn:active {
    background: #82bc3b;
    color: #fff;
    border: #82bc3b solid 2px
}

    .close-events-popup .not-interest-btn:hover {
        transform: translateY(-1px)
    }

.design-service-wrap {
    margin-top: 16px;
    text-align: left
}

    .design-service-wrap p {
        width: 100%;
        float: left;
        font-size: 16px;
        font-weight: 400;
        color: #555;
        line-height: 1.6;
        margin-bottom: 0
    }

    .design-service-wrap strong {
        font-weight: 600
    }

    .design-service-wrap ul, .design-service-wrap ul li {
        width: 100%;
        float: left
    }

    .design-service-wrap ul {
        margin-bottom: 13px
    }

        .design-service-wrap ul li {
            position: relative;
            font-size: 16px;
            font-weight: 400;
            text-align: justify;
            color: #555;
            line-height: 1.6;
            margin-bottom: 0;
            padding: 3px 0 3px 20px
        }

            .design-service-wrap ul li:before {
                color: #82bc3b;
                font-weight: 600;
                font-size: 16px;
                top: 4px;
                position: absolute;
                left: 0;
                content: '\2713'
            }

@media screen and (max-width: 1200px) {
    .design-service-wrap {
        padding-left: 15px;
        padding-right: 15px
    }
}

.hire-wraper.spacing-section {
    margin-top: 54px;
    margin-bottom: 60px
}

    .hire-wraper.spacing-section.add-dark-bg {
        padding-top: 60px;
        padding-bottom: 60px;
        margin-top: 0;
        margin-bottom: 0;
        background: #f8f8f8;
        display: flex;
        flex-wrap: wrap
    }

.shop-categories-section + .hire-wraper.spacing-section {
    margin-top: 0
}

.hire-title {
    font-size: 21px;
    line-height: 27px;
    font-weight: 600
}

.reason-for-hire {
    width: 100%;
    display: flex
}

    .reason-for-hire > li {
        width: 25%;
        display: inline-flex;
        flex-wrap: wrap;
        align-content: center;
        flex-direction: column;
        text-align: center
    }

        .reason-for-hire > li picture {
            width: 64px;
            height: 64px;
            margin: 0 auto 16px
        }

        .reason-for-hire > li:first-child {
            align-content: center;
            justify-content: center
        }

.pd-lt-rt {
    padding-left: 30px;
    padding-right: 30px
}

    .pd-lt-rt.no-pd-rt {
        padding-right: 0
    }

.hire-title.padding-right {
    font-size: 30px;
    line-height: 37px;
    font-weight: 600
}

    .hire-title.padding-right span {
        display: block
    }

.hire-title.padding-right {
    padding-right: 30px
}

.use-case-title {
    font-size: 17px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 10px
}

.use-cse-description {
    margin: 0;
    font-size: 15px;
    color: #333;
    font-weight: 400
}

.hire-props {
    position: relative
}

    .hire-props:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        border-left: 2px solid #db404b
    }

.hire-wraper .professional-wraper {
    max-width: 1400px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto
}

.hire-shop-detail-wrapper {
    padding: 0;
    background-color: #fff;
    margin-bottom: 0 !important
}

    .hire-shop-detail-wrapper .reason-for-hire {
        padding: 50px 32px 50px
    }

@media screen and (max-width: 1280px) {
    .reason-for-hire {
        flex-wrap: wrap
    }

        .reason-for-hire > li.pd-lt-rt {
            padding-left: 15px;
            padding-right: 15px
        }

        .reason-for-hire > li:first-child {
            width: 100%;
            justify-content: flex-start;
            margin-bottom: 24px
        }

        .reason-for-hire > li:nth-child(2):before {
            border-left: none
        }

    .hire-title.padding-right {
        padding-right: 0
    }
}

@media screen and (max-width: 1024px) {
    .hire-shop-detail-wrapper .reason-for-hire {
        padding: 50px 0 60px
    }
}

@media screen and (max-width: 900px) {
    .reason-for-hire {
        flex-wrap: wrap
    }

        .reason-for-hire > li {
            width: 50%
        }

            .reason-for-hire > li:nth-child(2), .reason-for-hire > li:nth-child(3) {
                margin-bottom: 30px
            }

    .hire-title span {
        display: inline-block
    }

    .hire-title.padding-right {
        padding-right: 0
    }

    .reason-for-hire > li:before {
        border-left: none
    }
}

@media screen and (max-width: 767px) {
    .hire-title.padding-right {
        font-size: 26px;
        line-height: 1.4
    }

    .reason-for-hire > li {
        width: 100%
    }

        .reason-for-hire > li:first-child {
            margin-top: 0;
            margin-bottom: 20px;
            align-content: center
        }

        .reason-for-hire > li:nth-child(2), .reason-for-hire > li:nth-child(3), .reason-for-hire > li:nth-child(4) {
            margin-bottom: 24px
        }

    .reason-for-hire > li {
        flex-direction: column
    }

    .pd-lt-rt {
        padding-left: 20px;
        padding-right: 0
    }

    .reason-for-hire > li {
        align-content: center
    }
}

@media screen and (max-width: 576px) {
    .hire-title.padding-right {
        font-size: 24px
    }

    .hire-shop-detail-wrapper .reason-for-hire {
        padding: 30px 0 30px
    }
}

.quill_alert {
    font-size: 11px;
    color: red
}

.couponSuccess {
    display: inline-block;
    padding: 12px;
    background: #fff;
    color: #333;
    border-radius: 4px;
    font-size: 14px;
    margin: 0 auto;
    box-shadow: 1px 2px 6px rgba(0,0,0,.1);
    font-weight: 600;
    text-transform: uppercase
}

.successTxt {
    width: 100%;
    float: left;
    text-align: center
}

    .successTxt .btn {
        padding: 12px 30px;
        border-radius: 30px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: .2px;
        line-height: 1.43;
        font-size: 15px;
        min-width: 209px;
        transition: transform .3s;
        border-color: #82bc3b
    }

        .successTxt .btn, .successTxt .btn:hover, .successTxt .btn:focus {
            background: #82bc3b;
            color: #fff
        }

            .successTxt .btn:hover {
                transform: translateY(-1px)
            }

    .successTxt.couponSuccess {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        float: none
    }

#root_header .festive-strip .successTxt .btn {
    padding: 6px 20px;
    line-height: 1.43;
    min-width: 108px;
    font-size: 11px;
    margin-left: 8px;
    height: auto;
    display: inline-block;
    width: auto;
    border-radius: 30px;
    vertical-align: initial;
    border: none
}

#root_header .festive-strip .couponSuccess {
    padding: 8px 12px;
    font-size: 12px;
    line-height: normal;
    margin-left: 6px
}

.portal-launch-wrapper .successTxt {
    width: 100%;
    float: left;
    text-align: center
}

    .portal-launch-wrapper .successTxt .btn {
        padding: 12px 30px;
        border-radius: 30px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: .2px;
        line-height: 1.43;
        font-size: 15px;
        min-width: 209px;
        transition: transform .3s;
        height: auto
    }

        .portal-launch-wrapper .successTxt .btn, .portal-launch-wrapper .successTxt .btn:hover, .portal-launch-wrapper .successTxt .btn:focus {
            background: #82bc3b;
            color: #fff
        }

            .portal-launch-wrapper .successTxt .btn:hover {
                transform: translateY(-1px)
            }

.ouibounce-modal.social-media-popup .modal-body {
    padding: 24px
}

.ouibounce-modal.social-media-popup.mob-changes .modal-exit {
    position: relative;
    top: 0;
    margin: 60px auto;
    height: auto
}

.ouibounce-modal.social-media-popup .coupon-code-modal, .ouibounce-modal.social-media-popup .exit-popups-main {
    width: 100%;
    float: left;
    text-align: center
}

.social-media-popup.mob-changes .portfolio-btn-actions.exit-poppuClose {
    top: 0;
    right: 0
}

.social-media-popup.mob-changes .portfolio-closeBtn .close {
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none;
    border-radius: 0;
    top: 14px;
    right: 14px;
    opacity: 1;
    color: #a29797cc;
    width: 24px;
    min-height: 24px;
    max-width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(45deg)
}

    .social-media-popup.mob-changes .portfolio-closeBtn .close:after {
        content: ''
    }

    .social-media-popup.mob-changes .portfolio-closeBtn .close:hover {
        opacity: 1;
        background: 0 0
    }

        .social-media-popup.mob-changes .portfolio-closeBtn .close:hover span {
            top: auto;
            left: 0
        }

    .social-media-popup.mob-changes .portfolio-closeBtn .close span {
        opacity: 1;
        visibility: visible;
        max-width: initial;
        position: absolute
    }

.social-media-popup.mob-changes .close.remove-props span.cross-left {
    transform: rotate(90deg)
}

.social-media-popup.mob-changes .close.remove-props span.cross-right {
    transform: rotate(0deg)
}

.social-media-popup.mob-changes h1.common-new.text-align, .social-media-popup.mob-changes h2.common-new.text-align, .social-media-popup.mob-changes h3.common-new.text-align, .social-media-popup.mob-changes h4.common-new.text-align, .social-media-popup.mob-changes h5.common-new.text-align, .social-media-popup.mob-changes h6.common-new.text-align {
    margin: 10px 0 10px;
    font-weight: 500
}

.social-media-popup.mob-changes .btn-primary {
    border-radius: 4px
}

@media screen and (max-width: 767px) {
    .ouibounce-modal.social-media-popup.mob-changes .modal-exit {
        max-width: 100% !important;
        margin: 0 !important
    }
}

.my-stats-table .table > tbody > tr > td, .my-stats-table .table > tbody > tr > th, .my-stats-table .table > tfoot > tr > td, .my-stats-table .table > tfoot > tr > th, .my-stats-table .table > thead > tr > td, .my-stats-table .table > thead > tr > th {
    font-size: 16px;
    color: #333
}

.my-stats-table b, .my-stats-table strong {
    font-weight: 500
}

.my-stats-table .table {
    margin: 0
}

    .my-stats-table .table td {
        min-width: 150px
    }

.my-stats-table {
    margin: 0 !important;
    border: none !important
}

.middle-section-wrapper.middle-account-settign.my-stats-wrapper {
    padding: 0 30px 0 305px
}

.my-stats-table .circle-loader .dh-progress-spinner circle, .my-stats-table .dh-spinner circle {
    stroke: #82bc3b
}

.my-stats-table.stats-loading .circle-loader {
    display: none
}

.my-stats-table:not(.stats-loading) {
    overflow: hidden
}

@media (max-width: 991px) {
    .middle-section-wrapper.middle-account-settign.my-stats-wrapper {
        padding: 0 15px
    }
}

#comment_maindiv .disable-click {
    pointer-events: none
}

.dh-feedback-modalPopup.update-feedback-popup .modal-dialog {
    width: 100%;
    max-width: 600px;
    margin: 60px auto;
    display: flex;
    flex-direction: column;
    transform: translate(0,0)
}

.dh-feedback-modalPopup.update-feedback-popup .modal-content {
    box-shadow: none;
    border: none;
    width: 100%;
    float: left
}

.dh-feedback-modalPopup.update-feedback-popup .modal-body {
    padding: 24px;
    background: #fff;
    color: #333;
    font-size: 17px
}

.dh-feedback-modalPopup.update-feedback-popup .modal-header {
    width: 100%;
    float: left;
    background: #f2f2f2;
    padding: 24px;
    position: relative
}

.dh-feedback-modalPopup.update-feedback-popup .close {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.dh-feedback-modalPopup.update-feedback-popup .icon-close {
    font-size: 32px;
    -webkit-text-stroke: 4px #f2f2f2;
    color: #a29797cc
}

    .dh-feedback-modalPopup.update-feedback-popup .icon-close:before {
        padding: 0
    }

.dh-feedback-modalPopup.update-feedback-popup .dh-fdb-messages, .dh-feedback-modalPopup.update-feedback-popup .dh-fdb-text {
    font-size: 16px;
    width: 100%
}

.dh-feedback-modalPopup.update-feedback-popup .dh-fdbTitle {
    font-size: 19px
}

.dh-feedback-modalPopup.update-feedback-popup .modal-title {
    font-size: 21px;
    font-weight: 600;
    margin: 0;
    line-height: normal;
    color: #333;
    padding-right: 24px
}

@media screen and (max-width: 767px) {
    .dh-feedback-modalPopup.update-feedback-popup .modal-dialog {
        margin: 0 auto;
        padding: 4px
    }
}

.modal.testimonial-popupModal .modal-header {
    width: 100%;
    float: left;
    background: #f2f2f2;
    padding: 24px;
    position: relative;
    padding-right: 24px;
    border: none;
    box-shadow: none
}

.modal.testimonial-popupModal .modal-content {
    border: none;
    box-shadow: none;
    float: left
}

.modal.testimonial-popupModal .modal-body {
    background: #fff;
    padding: 24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #333;
    margin-bottom: 0
}

.modal.testimonial-popupModal .modal-title {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin: 0;
    line-height: normal;
    padding-right: 24px
}

.modal.testimonial-popupModal .modal-header .close {
    outline: none;
    font-size: 44px;
    font-weight: 300;
    color: #a29797cc;
    text-shadow: none;
    height: 24px;
    padding: 0;
    line-height: 24px;
    margin-top: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: auto
}

body.page703 .select2-container {
    width: 100% !important
}

    body.page703 .select2-container .select2-selection--single {
        outline: none;
        height: 50px;
        display: flex;
        align-items: center;
        font-size: 16px;
        border: 2px solid #c1c5cd;
        border-radius: 4px
    }

body.page703 .select2-search--dropdown {
    padding: 12px 12px 4px
}

body.page703 .select2-results__option {
    padding: 6px 12px;
    font-size: 15px;
    font-weight: 400
}

body.page703 .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #f1f1f1;
    color: #333
}

body.page703 .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

body.page703 .select2-dropdown {
    border: none;
    box-shadow: 0 2px 3px 0 rgb(34 36 38/15%)
}

body.page703 .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 2px solid #c1c5cd;
    padding: 6px 12px;
    font-size: 15px;
    border-radius: 4px
}

body.page703 .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f1f1f1
}

.industry-type-logo-section .industry-typeContent p {
    font-size: 16px;
    line-height: 1.6
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

    .mCustomScrollbar.mCS_no_scrollbar {
        -ms-touch-action: auto;
        touch-action: auto
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0
    }

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(/assets/dh/css/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

    .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
        opacity: .75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"
    }

    .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
        opacity: .9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)"
    }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px
    }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0
    }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);
    background-image: -ms-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);
    background-image: linear-gradient(to right,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);
    background-image: -ms-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0,0,0,.2);
        box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #555
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px
    }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px
    }

        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

/* CUSTOM CSS */
.catListScroll .mCSB_scrollTools .mCSB_draggerRail {
    background: #333;
    opacity: 0.4;
}

.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
    width: 2px;
}

.catListScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    opacity: 0.75;
    width: 6px;
}

.subHeader .catListScroll .mCSB_container {
    margin-right: 0;
}

.subHeader .catListScroll {
    max-height: 300px;
}

    .subHeader .catListScroll .mCSB_scrollTools .mCSB_draggerRail {
        background: #eee;
    }

    .subHeader .catListScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #fff;
        opacity: 0.75;
        width: 6px;
    }

    .subHeader .catListScroll .mCustomScrollBox > .mCSB_scrollTools {
        right: 2px;
    }

#inviteContentSub {
    overflow: hidden;
    max-height: 277px;
    display: inline-block;
    width: 250px;
}

/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
    vertical-align: top;
    padding: 0;
    margin: 0
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    padding: 0;
    margin: 0;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

    .fancybox-opened .fancybox-skin {
        -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.5);
        -moz-box-shadow: 0 10px 25px rgba(0,0,0,.5);
        box-shadow: 0 10px 25px rgba(0,0,0,.5)
    }

.fancybox-outer, .fancybox-inner {
    padding: 0;
    margin: 0;
    position: relative;
    outline: none
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 10px
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: top
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('https://www.designhill.com/assets/dh/css/fancybox/fancybox_sprite.png')
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8020
}

    #fancybox-loading div {
        width: 44px;
        height: 44px;
        background: url('/assets/dh/css/fancybox/fancybox_loading.gif') center center no-repeat
    }

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    background: transparent url('/assets/dh/css/fancybox/blank.gif');
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 20px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 20px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    padding: 0;
    overflow: visible;
    visibility: hidden
}

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: #000
}

    #fancybox-overlay.overlay-fixed {
        position: fixed;
        bottom: 0;
        right: 0
    }

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8030;
    text-align: center
}

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: 0 0;
        background: rgba(0,0,0,.8);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-shadow: 0 1px 2px #222;
        color: #fff;
        font-weight: 700;
        line-height: 24px;
        white-space: nowrap
    }

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    margin-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0,0,0,.8)
}

.mCSB_container {
    width: auto;
    margin-right: 15px;
    overflow: hidden
}

    .mCSB_container.mCS_no_scrollbar {
        margin-right: 0
    }

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
    margin-right: 30px
}

.mCustomScrollBox > .mCSB_scrollTools {
    width: 16px;
    height: 100%;
    top: 0;
    right: 0
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        text-align: center
    }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: relative;
    height: 20px;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    top: 100%;
    margin-top: -40px
}

.mCSB_horizontal > .mCSB_container {
    height: auto;
    margin-right: 0;
    margin-bottom: 30px;
    overflow: hidden
}

    .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
        margin-bottom: 0
    }

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    width: 100%;
    height: 16px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
    width: 30px;
    height: 100%
}

    .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
    display: block;
    position: relative;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    float: left
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
    margin-left: -40px;
    float: right
}

.mCustomScrollBox {
    -ms-touch-action: none
}

    .mCustomScrollBox > .mCSB_scrollTools {
        opacity: .75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"
    }

    .mCustomScrollBox:hover > .mCSB_scrollTools {
        opacity: 1;
        filter: "alpha(opacity=100)";
        -ms-filter: "alpha(opacity=100)"
    }

.mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    background: rgba(0,0,0,.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #fff;
    background: rgba(255,255,255,.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255,255,255,.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255,255,255,.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(//cdn1.designhill.com/assets/dh/images/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

    .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: .75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"
    }

    .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: .9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)"
    }

.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    background: rgba(0,0,0,.15)
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    background: rgba(0,0,0,.75)
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0,0,0,.85)
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0,0,0,.9)
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff;
    background: rgba(255,255,255,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #fff;
    background: rgba(255,255,255,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255,255,255,.85)
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255,255,255,.9)
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000;
    background: rgba(0,0,0,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #000;
    background: rgba(0,0,0,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0,0,0,.85)
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0,0,0,.9)
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff;
    background: rgba(255,255,255,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #fff;
    background: rgba(255,255,255,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255,255,255,.85)
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255,255,255,.9)
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000;
    background: rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #000;
    background: rgba(0,0,0,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0,0,0,.85)
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0,0,0,.9)
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {
    background: #fff;
    background: rgba(255,255,255,.1)
}

.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    background: rgba(0,0,0,.15)
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background: #000;
    background: rgba(0,0,0,.75)
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0,0,0,.85)
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0,0,0,.9)
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -147px -40px !important
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight {
    background-position: -147px -56px !important
}

:root {
    --call-action: #3d6bfb;
    --input-border: #c1c5cd;
    --error-color: red;
    --preview-bg: #333
}

@font-face {
    font-family: FontAwesome;
    font-display: swap;
    font-weight: 400;
    font-style: normal;
    src: url(https://cdn1.designhill.com/assets/dh/fonts/fontawesome-webfont.eot?v=5.2.2);
    src: url(https://cdn1.designhill.com/assets/dh/fonts/fontawesome-webfont.eot?#iefix&v=5.2.2) format('embedded-opentype'),url(https://cdn1.designhill.com/assets/dh/fonts/fontawesome-webfont.woff?v=5.2.2) format('woff'),url(https://cdn1.designhill.com/assets/dh/fonts/fontawesome-webfont.ttf?v=5.2.2) format('truetype'),url(https://cdn1.designhill.com/assets/dh/fonts/fontawesome-webfont.svg#fontawesomeregular?v=5.2.2) format('svg')
}

[class*=" icon-"], [class^=icon-] {
    font-size: 14px;
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased
}

    [class*=" icon-"]:before, [class^=icon-]:before {
        text-decoration: inherit;
        display: inline-block;
        speak: none
    }

.icon-chain-broken:before {
    content: "\f127"
}

.icon-copy-text:before {
    content: "COPY"
}

.icon-ok:before {
    content: "\f00c"
}

.icon-user:before {
    content: "\f2bd"
}

.icon-book:before {
    content: "\f02d"
}

.icon-sell:before {
    content: "\f20d"
}

.icon-handshake-open:before {
    content: "\f2b5"
}

.icon-cog:before {
    content: "\f013"
}

.icon-designs:before {
    content: "\f278"
}

.icon-camera:before {
    content: "\f030"
}

.icon-desktop:before {
    content: "\f108"
}

.icon-mobile:before {
    content: "\f10b"
}

.icon-info-circle:before {
    content: "\f05a"
}

.icon-envelope:before {
    content: "\f003"
}

.icon-telephone:before {
    content: "\f095"
}

.icon-website:before {
    content: "\f0ac"
}

.icon-facebook:before {
    content: "\f09a"
}

.icon-twitter:before {
    content: "\f099"
}

.icon-linkedin:before {
    content: "\f08c"
}

.icon-instagram:before {
    content: "\f16d"
}

.icon-delete:before {
    content: "\f16d"
}

.icon-trash:before {
    content: "\f014"
}

.icon-arrow-left:before {
    content: "\f060"
}

.icon-arrow-right:before {
    content: "\f061"
}

.icon-plane:before {
    content: "\f072"
}

.icon-pencil-square-o:before {
    content: "\f044"
}

.icon-youtube:before {
    content: "\f16a"
}

.icon-link:before {
    content: "\f0c1"
}

.icon-whatsapp:before {
    content: "\f232"
}

.icon-skypee:before {
    content: "\f17e"
}

.icon-paypal:before {
    content: "\f1ed"
}

.icon-dollor:before {
    content: "\f155"
}

.icon-star:before {
    content: "\f005"
}

.icon-plus:before {
    content: "\f067"
}

.icon-search:before {
    content: "\f002"
}

.icon-shopping-cart:before {
    content: "\f07a"
}

.icon-long-arrow-up:before {
    content: "\f176"
}

.icon-check:before {
    content: "\f00c"
}

a, button {
    cursor: pointer
}

button, input {
    outline: none;
    outline-offset: 0px
}

    input.placeholder::-webkit-input-placeholder {
        color: #d7d7d7
    }

    input.placeholder::-moz-placeholder {
        color: #d7d7d7
    }

    input.placeholder:-ms-input-placeholder {
        color: #d7d7d7
    }

    input.placeholder:-moz-placeholder {
        color: #d7d7d7
    }

.vertical-scroll-design::-webkit-scrollbar {
    width: 8px
}

.vertical-scroll-design::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.08)
}

    .vertical-scroll-design::-webkit-scrollbar-thumb:hover {
        background: rgba(0,0,0,.2)
    }

.dashboard-wrapper {
    padding-bottom: 0 !important
}

.db-cards-listing {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    min-height: calc(100vh - 105px);
    padding-top: 60px;
    padding-bottom: 84px
}

    .db-cards-listing .colmn-gr-two {
        overflow-y: unset;
        height: auto
    }

.manage-links-infos {
    width: 100%;
    float: left;
    padding: 60px 15px
}

    .manage-links-infos .design-info-props.card-profile {
        margin-bottom: 0;
        padding-bottom: 0;
        overflow-y: unset
    }

.contact-props-list {
    width: 100%;
    float: left;
    border: #d7d7d7 solid 1px;
    border-radius: 8px;
    margin-bottom: 24px
}

    .contact-props-list .choose-design-title {
        padding: 10px;
        line-height: normal;
        border-bottom: #d7d7d7 solid 1px;
        background: #f9fafb;
        border-radius: 8px 8px 0 0
    }

.social-props-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 20px 20px
}

.social-contact-urls {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 11px 32px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-top: 20px;
    border-radius: 32px;
    text-transform: uppercase;
    letter-spacing: .2px;
    transition: transform .3s
}

    .social-contact-urls span {
        display: inline-block;
        width: calc(100% - 24px);
        text-align: center
    }

    .social-contact-urls .icon {
        font-size: 20px
    }

    .social-contact-urls.facebook {
        background: #3b5998;
        color: #fff
    }

    .social-contact-urls.twitter {
        background: #00acee;
        color: #fff
    }

    .social-contact-urls.linkedin {
        background: #0e76a8;
        color: #fff
    }

    .social-contact-urls:hover {
        transform: translateY(-1px)
    }

.copy-links-datas.copy-url-props {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 24px;
    position: relative
}

.copy-code-btns {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0 21px 21px 0;
    cursor: pointer;
    transition: transform .3s;
    width: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

.copied-url {
    width: 100%;
    border-radius: 21px;
    font-size: 16px;
    height: 45px;
    display: flex;
    align-items: center;
    line-height: 45px;
    color: #333;
    border: none;
    padding: 8px 105px 8px 15px;
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ddd
}

.copy-code-btns, .copy-code-btns:hover, .copy-code-btns:focus {
    background: var(--call-action);
    border: var(--call-action) solid 2px;
    color: #fff
}

    .copy-code-btns .icon-ok {
        display: none
    }

    .copy-code-btns.copied span {
        display: none
    }

    .copy-code-btns.copied .icon-ok {
        display: inline-block;
        font-size: 24px;
        -webkit-text-stroke: 2px var(--call-action)
    }

    .copy-code-btns:hover {
        opacity: .9
    }

.powered-by-wrapper {
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    background: #f9fafb;
    color: #525252;
    margin-top: 24px;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    z-index: 5
}

    .powered-by-wrapper a {
        display: inline-block;
        margin-left: 4px
    }

        .powered-by-wrapper a:hover {
            text-decoration: underline
        }

@media screen and (max-width: 720px) {
    .db-cards-listing .colmn-gr-two {
        width: 100%
    }

        .db-cards-listing .colmn-gr-two.db-right-colmn {
            display: flex;
            padding: 60px 15px
        }

    .db-cards-listing .switch-view-btns {
        display: none
    }

    .db-cards-listing .colmn-gr-two.manage-links-infos {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 480px) {
    .copied-url, .copy-links-datas.copy-url-props {
        padding-right: 15px
    }

    .copy-code-btns {
        position: relative;
        top: 0;
        right: 0;
        margin-top: 24px;
        width: 100%;
        height: 45px;
        border-radius: 21px
    }
}

@media screen and (max-width: 400px) {
    .db-cards-listing .iphone-preview-props {
        width: 100%
    }
}

.common-props {
    width: 100%;
    float: left
}

.wrap-data-props {
    width: 100%;
    height: 100%;
    border-radius: 40px 40px 0 0;
    overflow: hidden
}

    .wrap-data-props .left-iphone-designs, .wrap-data-props .left-list-wrap, .wrap-data-props .card-selecion-designs {
        border-radius: 40px 40px 0 0
    }

.start-card-props {
    margin-top: 20px;
    text-align: center
}

.edit-public-urls {
    width: 100%;
    float: left
}

    .edit-public-urls .cards-url {
        margin-right: 0;
        color: var(--call-action)
    }

        .edit-public-urls .cards-url:hover {
            text-decoration: underline
        }

.card-update-info .edit-public-urls {
    padding-right: 0
}

.edit-updated-links {
    display: inline-flex
}

.listing-wrap-props.wrap-list-infos {
    margin-bottom: 0;
    padding: 20px
}

.digital-list-infos .wrap-card-lists {
    padding: 0 20px 20px
}

    .digital-list-infos .wrap-card-lists:empty {
        display: none
    }

.no-record-infos {
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px 20px
}

    .no-record-infos .iphone-preview-props {
        height: 400px;
        min-height: 400px
    }

    .no-record-infos.show-default-views {
        display: flex
    }

    .no-record-infos .choose-design-title {
        margin-bottom: 20px
    }

    .no-record-infos .colmn-gr-two {
        width: 100%;
        overflow-y: unset;
        padding-bottom: 20px
    }

.tabs-dropdowns-infos {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    margin-bottom: 20px;
    border-top: rgba(0,0,0,.1) solid 1px;
    border-bottom: rgba(0,0,0,.1) solid 1px;
    align-items: center
}

    .tabs-dropdowns-infos label {
        font-size: 18px;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 0
    }

    .tabs-dropdowns-infos select {
        min-width: 248px;
        display: inline-flex;
        align-items: center;
        width: 148px;
        color: var(--call-action);
        border: var(--call-action) solid 1px;
        background: #fff;
        border-radius: 6px;
        cursor: pointer;
        justify-content: space-between;
        padding: 10px 12px;
        font-size: 16px;
        outline: none;
        outline-offset: 0px
    }

    .tabs-dropdowns-infos .package-info-props ~ .package-info-props {
        margin-left: 16px
    }

    .tabs-dropdowns-infos .package-info-props {
        margin-left: 0
    }

.edit-slug-urls {
    font-size: 15px;
    font-weight: 600;
    padding: 9px 20px;
    min-width: 206px;
    letter-spacing: .2px;
    color: var(--call-action);
    border: var(--call-action) solid 2px;
    border-radius: 24px;
    transition: transform .3s;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    text-transform: uppercase
}

    .edit-slug-urls:hover {
        transform: translateY(-1px)
    }

    .edit-slug-urls .icon {
        font-size: 17px;
        margin-right: 6px
    }

.digital-list-infos .edit-slug-urls {
    min-width: 206px
}

.social-media-btns {
    width: 100%;
    display: flex;
    height: 48px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 32px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 12px
}

    .social-media-btns, .social-media-btns:hover, .social-media-btns:focus {
        background: #fff;
        color: #333
    }

        .social-media-btns .icon {
            margin-right: 6px;
            font-size: 16px
        }

.btn-gr-props {
    display: inline-flex
}

.listing-wrap-props {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px
}

    .listing-wrap-props .digital-card-title {
        display: inline-flex
    }

.digital-card-title.subs-space {
    margin-top: 30px
}

.selling-info {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: normal;
    display: inline-flex
}

.search-card-info {
    width: 250px;
    display: inline-flex;
    height: 35px;
    border: #c1c5cd solid 1px;
    border-radius: 24px;
    position: relative
}

    .search-card-info:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 13px;
        content: "\f002";
        font-family: fontawesome;
        color: #d7d7d7
    }

.search-card-props {
    height: 33px;
    line-height: 33px;
    width: 100%;
    font-size: 16px;
    padding-right: 15px;
    color: #333;
    background-color: #fff;
    padding-left: 40px;
    border: none;
    border-radius: 24px
}

.create-new-card {
    display: inline-flex;
    padding: 12px 30px;
    font-size: 15px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    letter-spacing: .2px;
    line-height: normal;
    text-transform: uppercase;
    transition: transform .3s
}

    .create-new-card, .create-new-card:hover, .create-new-card:focus {
        background: var(--call-action);
        color: #fff;
        border: var(--call-action) solid 2px
    }

        .create-new-card:hover {
            transform: translateY(-1px)
        }

        .create-new-card .icon {
            margin-right: 6px;
            font-size: 17px;
            -webkit-text-stroke: 1px var(--call-action)
        }

        .create-new-card.buy-more .icon {
            font-size: 13px
        }

        .create-new-card.buy-more {
            margin-left: 16px
        }

            .create-new-card.buy-more, .create-new-card.buy-more:hover, .create-new-card.buy-more:focus {
                background: #fff;
                color: var(--call-action);
                border: var(--call-action) solid 2px;
                box-shadow: 0 3px 10px rgb(0 0 0/10%)
            }

.digital-card-filter {
    width: 100%;
    float: left;
    background: #fff;
    border: rgba(0,0,0,.1) solid 1px;
    border-radius: 8px
}

.wrap-card-lists {
    width: 100%;
    float: left
}

.digiital-strip-info {
    color: #333;
    border-width: 0 0 0 3px;
    border-style: solid;
    background: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 0 0 30px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 1px 6px #dcdddd;
    width: 100%;
    border-color: #333;
    text-align: left;
    position: relative;
    border-radius: 5px
}

.digital-list-infos {
    background: url('https://cdn1.designhill.com/assets/dh/images/digital-card/main_bg.svg') no-repeat;
    background-position-y: bottom;
    background-size: cover;
    min-height: calc(100vh - 105px);
    overflow-y: auto;
    padding: 0 35px 35px 305px
}

.digital-list-wrap {
    width: 100%;
    margin: 30px auto 0px;
    display: flex;
    flex-direction: column
}

.digital-card-title {
    font-size: 35px;
    font-weight: 600;
    color: #333;
    margin: 0
}

.card-list-infos {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.card-listing-props {
    background: #fff;
    border-radius: 6px;
    border: rgba(0,0,0,.1) solid 1px;
    padding: 20px;
    margin-top: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

    .card-listing-props:first-child {
        margin-top: 0
    }

.card-designs {
    width: 270px;
    float: left;
    background: var(--preview-bg);
    border-radius: 50px 50px 0 0;
    padding: 10px 10px 0;
    position: relative;
    overflow: hidden
}

    .card-designs .top-iphone-desins {
        width: 132px;
        height: 20px;
        top: 9px
    }

    .card-designs .round-surface {
        width: 36px;
        height: 3px
    }

    .card-designs .surface-circle {
        width: 3px;
        height: 3px
    }

.unpublish-card-props {
    display: inline-flex;
    margin-bottom: 8px
}

    .unpublish-card-props .publish-info-wrap {
        min-width: 206px
    }

        .unpublish-card-props .publish-info-wrap img {
            width: 17px;
            margin-right: 6px
        }

        .unpublish-card-props .publish-info-wrap .icon-plane, .unpublish-card-props .publish-info-wrap.publish-props img {
            display: none
        }

        .unpublish-card-props .publish-info-wrap.publish-props .icon-plane {
            display: inline-block
        }

.left-iphone-designs {
    width: 100%;
    height: 250px;
    position: relative;
    border-radius: 40px 40px 0 0;
    background: #f0f0f0;
    overflow: hidden
}

.left-list-wrap {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    border-radius: 40px 40px 0 0
}

.card-selecion-designs {
    width: 100%;
    float: left;
    padding: 10px 10px 66px;
    border-radius: 40px 40px 0 0
}

.not-publish {
    background: rgba(55,65,81,.8);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 8px;
    right: 8px;
    height: 32px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    border-radius: 8px 8px 0 0
}

    .not-publish.published-card {
        background: rgba(130,188,59,.9)
    }

.data-inline-props.cards-infos {
    width: 148px
}

.data-inline-props.cards-details {
    width: calc(100% - 148px);
    padding-right: 32px
}

.card-designs-info {
    width: calc(100% - 270px);
    padding-left: 48px;
    display: inline-flex;
    justify-content: space-between;
    flex-direction: column
}

.card-action-props {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.data-inline-props {
    display: inline-flex;
    flex-direction: column;
    position: relative
}

    .data-inline-props:empty {
        display: none
    }

    .data-inline-props.mention-props-width {
        width: calc(100% - 176px)
    }

        .data-inline-props.mention-props-width .edit-updated-links {
            margin-right: 6px
        }

        .data-inline-props.mention-props-width .editSlugs {
            background: #fff;
            display: inline-flex;
            padding: 6px;
            box-shadow: 0 1px 8px rgb(0 0 0/10%);
            border-radius: 8px;
            color: var(--call-action);
            cursor: pointer
        }

            .data-inline-props.mention-props-width .editSlugs .icon {
                font-size: 16px
            }

.card-name-props {
    font-size: 16px;
    font-weight: 600
}

    .card-name-props, .card-name-props:hover, .card-name-props:focus {
        color: #4d4d4d
    }

.cards-url {
    font-size: 16px;
    display: block;
    color: #4d4d4d;
    word-break: break-all
}

.update-cards {
    display: inline-flex;
    align-items: center;
    width: 160px;
    color: var(--call-action);
    border: var(--call-action) solid 1px;
    border-radius: 6px;
    cursor: pointer;
    justify-content: space-between;
    padding: 10px 12px;
    font-size: 16px
}

    .update-cards .icon-chevron-down {
        -webkit-text-stroke: 1px#fff;
        font-size: 12px;
        transition: transform .3s
    }

.card-action-lists {
    width: 160px;
    border: var(--call-action) solid 1px;
    border-radius: 6px;
    position: absolute;
    z-index: 2;
    top: 60px;
    right: 0;
    cursor: pointer;
    background: #fff;
    overflow: hidden;
    display: none
}

    .card-action-lists li {
        padding: 5px 10px;
        font-size: 16px;
        color: var(--call-action)
    }

        .card-action-lists li:hover {
            background: #fafafa
        }

.hide-icon-prop .icon, .hide-icon-prop img {
    display: none
}

.hide-icon-prop.unpublish_card .icon {
    display: inline-block;
    transform: rotate(48deg);
    margin-right: 11px
}

.hide-icon-prop.publish_card img {
    display: inline-block;
    width: 16px;
    margin-right: 7px
}

.update-slug-infos {
    display: inline-flex;
    border-radius: 8px;
    box-shadow: 0 1px 8px rgb(0 0 0/10%);
    flex-direction: column;
    margin-top: 6px
}

.updated-edit-slugs {
    width: 100%;
    padding: 12px
}

    .updated-edit-slugs input, .updated-edit-slugs input:hover, .updated-edit-slugs input:focus {
        border: var(--input-border) solid 1px;
        border-radius: 6px;
        font-size: 14px;
        padding: 4px 8px
    }

.slug-btn-wrapper {
    border-top: rgba(0,0,0,.1) solid 1px;
    padding: 12px;
    display: flex;
    justify-content: flex-end
}

input.cancelSlugs, input.saveSlug {
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 24px;
    line-height: normal;
    min-width: 97px;
    text-align: center
}

    input.saveSlug, input.saveSlug:hover, input.saveSlug:focus {
        background: var(--call-action);
        border: var(--call-action) solid 2px;
        color: #fff
    }

    input.cancelSlugs, input.cancelSlugs:hover, input.cancelSlugs:focus {
        background: #fff;
        border: var(--call-action) solid 2px;
        color: var(--call-action)
    }

input.cancelSlugs {
    margin-left: 16px
}

.digital-list-infos .card-action-lists li {
    display: flex;
    align-items: center
}

.card-action-lists a, .card-action-lists a:hover, .card-action-lists a:focus {
    color: var(--call-action)
}

.card-action-lists a {
    text-transform: capitalize
}

.card-action-lists i {
    font-size: 16px;
    margin-right: 3px
}

.data-inline-props.active .card-action-lists {
    display: block
}

.data-inline-props.active .icon-chevron-down {
    transform: rotate(-180deg)
}

.card-update-info {
    display: flex;
    justify-content: space-between
}

.card-editing-info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    padding: 24px 0 0;
    border-top: rgba(0,0,0,.1) solid 1px
}

.publish-info {
    font-size: 16px;
    margin-bottom: 0;
    min-width: 172px
}

.data-inline-props.mention-props-width .publish-info {
    margin-bottom: 4px;
    position: relative
}

.page-view-count {
    position: absolute;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    background: #ccc;
    color: #fff;
    border-radius: 4px;
    padding: 5px;
    top: 1px;
    left: 140px
}

.publish-date-text {
    font-size: 16px;
    color: #333;
    display: inline-block;
    margin-right: 15px
}

    .publish-date-text strong, .publish-info strong {
        font-weight: 600
    }

.publish-info strong {
    text-transform: capitalize;
    margin-right: 5px
}

.publish-info-wrap {
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    line-height: normal;
    font-weight: 600;
    padding: 14px 20px;
    text-align: center;
    min-width: 160px;
    border-radius: 32px;
    text-transform: uppercase;
    transition: transform .3s;
    letter-spacing: .2px;
    justify-content: center
}

    .publish-info-wrap, .publish-info-wrap:hover, .publish-info-wrap:focus {
        background: var(--call-action);
        color: #fff;
        text-decoration: none
    }

        .publish-info-wrap:hover {
            transform: translateY(-1px)
        }

.unpublish-card-props .publish-info-wrap, .unpublish-card-props .publish-info-wrap:hover, .unpublish-card-props .publish-info-wrap:focus {
    color: var(--call-action);
    background: #fff;
    text-decoration: none
}

.publish-info-wrap .icon {
    font-size: 17px;
    margin-right: 6px
}

.publish-info-wrap .icon-plane {
    -webkit-text-stroke: 1px #fff;
    transform: rotate(48deg);
    display: inline-block
}

.profile-image-infos {
    width: 144px;
    height: 144px;
    display: none;
    border-radius: 100%;
    padding: 6px;
    position: absolute;
    left: 50%;
    top: -72px;
    transform: translateX(-50%);
    z-index: 2;
    background: #fff;
    color: #333;
    box-shadow: 0 0px 1px rgb(0 0 0/10%)
}

    .profile-image-infos img {
        width: 100%;
        height: 100%;
        border-radius: 100%
    }

.card-listing-props.light .card-selecion-designs {
    background: #f0f0f0
}

.card-listing-props.dark .card-selecion-designs {
    background: #000
}

.card-listing-props.neutral .card-selecion-designs {
    background: rgba(82,82,82,.5)
}

.card-listing-props.gradient .card-selecion-designs {
    background: linear-gradient(#525252,rgba(82,82,82,.5))
}

.card-listing-props.energetic .card-selecion-designs {
    background: linear-gradient(#ed536a,#f78a69,#f0c994)
}

.card-listing-props.urban .card-selecion-designs {
    background: url('https://cdn1.designhill.com/assets/dh/images/digital-card/urban.jpg')
}

.card-listing-props.ambitious .card-selecion-designs {
    background: linear-gradient(#003cb1,#009de0,#17c7fa)
}

.card-listing-props.elegant .card-selecion-designs {
    background: #242424;
    background-image: url('https://cdn1.designhill.com/assets/dh/images/digital-card/elegant.png')
}

.card-listing-props.dark .data-info-wrappers {
    background: #3b3b3c;
    color: #fff
}

.card-listing-props.dark .user-info-name {
    color: rgba(255,255,255,.5)
}

.card-listing-props.dark .user-info-designation, .card-listing-props.dark .user-info-detail {
    color: #fff
}

.card-listing-props.urban .data-info-wrappers {
    background: #3b3b3c;
    color: #fff
}

.card-listing-props.urban .user-info-name {
    color: #5bb770
}

.card-listing-props.urban .user-info-designation, .card-listing-props.urban .user-info-detail {
    color: #fff
}

.card-listing-props.ambitious .user-info-name {
    color: #15c4f8
}

.light .social-media-btns, .light .social-media-btns:hover, .light .social-media-btns:focus, .neutral .social-media-btns, .neutral .social-media-btns:hover, .neutral .social-media-btns:focus {
    background: #525252;
    color: #fff
}

.dark .social-media-btns, .dark .social-media-btns:hover, .dark .social-media-btns:focus {
    background: rgba(82,82,82,.5);
    color: #fff
}

.urban .social-media-btns, .urban .social-media-btns:hover, .urban .social-media-btns:focus {
    background: #5bb770;
    color: #fff
}

.ambitious .social-media-btns, .ambitious .social-media-btns:hover, .ambitious .social-media-btns:focus {
    background: #1a5fda;
    color: #fff
}

.elegant .social-media-btns, .elegant .social-media-btns:hover, .elegant .social-media-btns:focus {
    background: #c8b372;
    color: #fff
}

.card-listing-props.hide-logo-props .mob-logo-wrapper {
    display: none
}

.card-listing-props.hide-logo-props.profile-image-exist .card-selecion-designs {
    padding: 100px 10px 66px
}

.card-listing-props.hide-logo-props .data-info-wrappers {
    margin-top: 0
}

@media screen and (max-width: 1200px) {
    .digital-list-infos {
        padding: 0 35px 35px 255px
    }

    .digital-card-title {
        font-size: 30px
    }
}

@media screen and (max-width: 1142px) {
    .page-view-count {
        position: relative;
        left: 0;
        top: auto;
        display: inline-block
    }
}

@media screen and (max-width: 1100px) {
    .card-designs {
        width: 212px
    }

    .card-designs-info {
        width: calc(100% - 212px)
    }

    .listing-wrap-props {
        flex-direction: column;
        align-items: flex-start
    }

        .listing-wrap-props.wrap-list-infos {
            flex-direction: row
        }

        .listing-wrap-props .btn-gr-props {
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 20px
        }

    .create-new-card.buy-more {
        margin-left: 0
    }

    .digital-list-infos {
        padding: 0 15px 35px 235px
    }

    .tabs-dropdowns-infos select {
        min-width: 228px
    }
}

@media screen and (max-width: 990px) {
    .digital-list-infos {
        padding: 0 15px 35px
    }
}

@media screen and (max-width: 767px) {
    .card-designs {
        width: 300px
    }

    .digital-card-title {
        font-size: 24px
    }

    .digital-list-infos .left-iphone-designs {
        height: 290px
    }

    .card-listing-props {
        flex-direction: column;
        margin-bottom: 20px
    }

    .card-designs-info {
        width: calc(100% - 0px);
        padding-left: 0;
        margin-top: 20px
    }

    .card-editing-info {
        margin-top: 20px;
        padding: 20px 0 0
    }

    .tabs-dropdowns-infos {
        flex-direction: column;
        align-items: flex-start
    }

    .tab-menu-lists {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .tabs-dropdowns-infos .package-info-props {
        margin-top: 16px
    }

    .page-view-count {
        top: -1px
    }
}

@media screen and (max-width: 720px) {
    .no-record-infos.show-default-views .db-right-colmn {
        display: flex
    }
}

@media screen and (max-width: 576px) {
    .wrap-card-lists {
        padding: 15px 15px 0
    }

    .card-update-info, .card-editing-info, .listing-wrap-props, .tabs-dropdowns-infos {
        flex-direction: column
    }

    .data-inline-props.mention-props-width {
        width: calc(100% - 0px)
    }

    .card-update-info .data-inline-props {
        justify-content: center;
        text-align: center;
        width: calc(100% - 0px)
    }

    .data-inline-props.cards-details {
        width: calc(100% - 0px);
        padding-right: 0;
        margin-bottom: 15px
    }

    .data-inline-props.cards-infos, .update-cards, .card-action-lists {
        width: 100%
    }

    .edit-slug-urls, .publish-info-wrap {
        width: 100%;
        justify-content: center;
        text-align: center
    }

    .update-cards {
        margin-top: 20px
    }

    .card-action-lists {
        top: 52px
    }

    .card-editing-info .data-inline-props + .data-inline-props {
        margin-top: 16px
    }

    .listing-wrap-props {
        align-items: flex-start
    }

    .search-card-info {
        width: 100%;
        margin-top: 30px;
        height: 44px
    }

    .listing-wrap-props.wrap-list-infos .search-card-info {
        margin-top: 15px
    }

    .search-card-props {
        height: 42px;
        line-height: 42px
    }

    .tabs-dropdowns-infos label {
        width: 100%;
        text-align: left;
        margin-bottom: 0
    }

    .tabs-dropdowns-infos select {
        width: 100%;
        min-width: 100%;
        height: 48px;
        display: flex;
        align-items: center
    }

    .data-inline-props.mention-props-width .edit-updated-links {
        margin-right: 0;
        margin-left: 38px;
        width: calc(100% - 38px)
    }

    .data-inline-props.mention-props-width .editSlugs {
        position: absolute;
        left: 0;
        top: 1px
    }

    .edit-public-urls .cards-url {
        width: 100%;
        text-align: left;
        line-height: normal;
        display: block;
        word-break: break-all
    }

    .card-update-info .edit-public-urls {
        padding-right: 0;
        margin-top: 6px
    }

        .card-update-info .edit-public-urls > span {
            position: relative
        }

    .data-inline-props.mention-props-width .publish-info {
        max-width: 100%
    }

    .publish-expity-date {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center
    }

        .publish-expity-date .publish-date-text {
            line-height: normal;
            text-align: left;
            margin-right: 0
        }

            .publish-expity-date .publish-date-text + .publish-date-text {
                margin-top: 6px
            }

    .tab-menu-lists {
        flex-direction: column
    }

    .tabs-dropdowns-infos .package-info-props ~ .package-info-props {
        margin-left: 0
    }
}

@media screen and (max-width: 480px) {
    .listing-wrap-props .btn-gr-props {
        flex-direction: column
    }

    .create-new-card {
        padding: 13px
    }

        .create-new-card.buy-more {
            margin-top: 20px
        }

    .card-designs {
        width: 100%
    }
}

.progress-bar-wrapper {
    width: 100%;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    padding: 30px 8px;
    z-index: 12;
    background: #fff
}

.progress-bar-info {
    width: 104px;
    height: 6px;
    border-radius: 6px;
    margin: 0 auto;
    background: #f8fbff;
    position: relative
}

.progress-bar-percentage {
    height: 6px;
    background: var(--call-action);
    border-radius: 6px
}

.db-right-colmn {
    background: url('https://cdn1.designhill.com/assets/dh/images/digital-card/wave_preview.svg') no-repeat #f9fafb;
    background-size: cover;
    background-position-y: top;
    background-position-x: right;
    padding-bottom: 15px
}

.switch-view-btns {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 24px 0
}

.view-design-props {
    width: 72px;
    height: 32px;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
    border-radius: 36px;
    overflow: hidden
}

    .view-design-props > li {
        display: inline-flex;
        width: 34px;
        height: 32px;
        border-radius: 100%;
        justify-content: center;
        align-items: center;
        cursor: pointer
    }

    .view-design-props .icon-mobile {
        font-size: 19px
    }

    .view-design-props > li.active {
        background: #f8fbff
    }

.db-right-colmn.desktop-views .iphone-inner-wrapper {
    background: none !important;
    border-top: none
}

.db-right-colmn.desktop-views .top-iphone-desins {
    display: none
}

.colmn-gr-two.add-design-padding {
    padding-bottom: 24px
}

.db-right-colmn.light .iphone-inner-wrapper, .db-right-colmn.light.desktop-views {
    background: #f0f0f0
}

.db-right-colmn.dark .iphone-inner-wrapper, .db-right-colmn.dark.desktop-views {
    background: #000
}

.db-right-colmn.neutral .iphone-inner-wrapper, .db-right-colmn.neutral.desktop-views {
    background: rgba(82,82,82,.5)
}

.db-right-colmn.gradient .iphone-inner-wrapper, .db-right-colmn.gradient.desktop-views {
    background: linear-gradient(#525252,rgba(82,82,82,.5))
}

.db-right-colmn.energetic .iphone-inner-wrapper, .db-right-colmn.energetic.desktop-views {
    background: linear-gradient(#ed536a,#f78a69,#f0c994)
}

.db-right-colmn.urban .iphone-inner-wrapper, .db-right-colmn.urban.desktop-views {
    background: url('https://cdn1.designhill.com/assets/dh/images/digital-card/urban.jpg')
}

.db-right-colmn.ambitious .iphone-inner-wrapper, .db-right-colmn.ambitious.desktop-views {
    background: linear-gradient(#003cb1,#009de0,#17c7fa)
}

.db-right-colmn.elegant .iphone-inner-wrapper, .db-right-colmn.elegant.desktop-views {
    background: #242424;
    background-image: url('https://cdn1.designhill.com/assets/dh/images/digital-card/elegant.png')
}

.db-right-colmn.dark .iphone-inner-wrapper .data-info-wrappers {
    background: #3b3b3c;
    color: #fff
}

.db-right-colmn.dark .iphone-inner-wrapper .user-info-name {
    color: rgba(255,255,255,.5)
}

.db-right-colmn.dark .iphone-inner-wrapper .user-info-designation, .db-right-colmn.dark .iphone-inner-wrapper .user-info-detail {
    color: #fff
}

.db-right-colmn.urban .iphone-inner-wrapper .data-info-wrappers {
    background: #3b3b3c;
    color: #fff
}

.db-right-colmn.urban .iphone-inner-wrapper .user-info-name {
    color: #5bb770
}

.db-right-colmn.urban .iphone-inner-wrapper .user-info-designation, .db-right-colmn.urban .iphone-inner-wrapper .user-info-detail {
    color: #fff
}

.db-right-colmn.ambitious .iphone-inner-wrapper .user-info-name {
    color: #15c4f8
}

.db-right-colmn.elegant .iphone-inner-wrapper .user-info-name {
    color: #c8b372
}

.design-view-profile {
    width: 32px;
    height: 32px;
    display: none;
    border-radius: 100%;
    background: #f8fbff;
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%)
}

    .design-view-profile img {
        width: 100%;
        height: 100%;
        border-radius: 100%
    }

.design-view-exist .design-view-profile {
    display: inline-block
}

.design-view-exist .preview-wrapper-props {
    height: 200px
}

.design-view-exist .design-preview-logo-container {
    height: 60px;
    padding-bottom: 24px
}

.design-view-exist .design-preview-description {
    height: 60px;
    padding-top: 22px
}

.iphone-preview-props {
    width: 304px;
    min-height: 578px;
    height: 578px;
    box-shadow: 0 0 0 3px #dedfde;
    margin: 0 auto;
    padding: 12px;
    border-radius: 50px;
    position: relative;
    overflow: hidden
}

.iphone-inner-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 40px;
    overflow: hidden
}

.iphone-inner-wrapper, .card-selecion-designs {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important
}

.mob-logo-wrapper {
    width: 100%;
    background: #fff;
    border-radius: 32px;
    height: 160px;
    text-align: center;
    margin-top: 2px
}

    .mob-logo-wrapper > img {
        height: calc(100% - 64px);
        margin-top: 32px
    }

.user-info-name {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #525252;
    line-height: 1.25
}

.user-info-designation {
    font-size: 23px;
    margin-bottom: 8px;
    color: #525252;
    line-height: 1.25
}

.user-info-detail {
    font-size: 16px;
    color: #525252;
    line-height: 1.25
}

.user-info-name, .user-info-designation, .user-info-detail {
    word-break: break-word
}

.data-info-wrappers {
    width: 100%;
    background: #fff;
    border-radius: 32px;
    text-align: center;
    padding: 24px 16px 30px;
    margin-top: 12px;
    position: relative
}

.data-info-wrappers, .mob-logo-wrapper {
    box-shadow: 0 1px 8px rgb(0 0 0/20%);
    -webkit-box-shadow: 0 1px 8px rgb(0 0 0/20%);
    -moz-box-shadow: 0 1px 8px rgb(0 0 0/20%);
    -ms-box-shadow: 0 1px 8px rgb(0 0 0/20%);
    -o-box-shadow: 0 1px 8px rgb(0 0 0/20%)
}

.top-iphone-desins {
    width: 152px;
    height: 28px;
    background: var(--preview-bg);
    border-radius: 0 0 24px 24px;
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 1px 2px 0 rgb(0 0 0/5%);
    z-index: 13;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.db-right-colmn.desktop-views .iphone-preview-props {
    height: auto;
    background: none !important;
    width: 100%;
    box-shadow: none;
    max-width: 520px;
    padding-top: 0
}

.profile-image-exist .mob-logo-wrapper {
    height: 200px;
    padding-bottom: 40px;
    border-radius: 32px
}

.profile-image-exist .data-info-wrappers {
    padding: 74px 16px 28px;
    border-radius: 32px
}

.profile-image-exist .profile-image-infos {
    display: inline-block
}

.iphone-content-props {
    width: 100%;
    float: left
}

.social-links {
    width: 100%;
    float: left;
    background: #fff;
    color: #333;
    margin-top: 12px;
    border-radius: 32px;
    font-size: 16px;
    font-weight: 500;
    padding: 11px 32px;
    transition: transform;
    box-shadow: 0 3px 10px rgb(0 0 0/10%);
    -webkit-box-shadow: 0 3px 10px rgb(0 0 0/10%);
    -moz-box-shadow: 0 3px 10px rgb(0 0 0/10%);
    -o-box-shadow: 0 3px 10px rgb(0 0 0/10%);
    -ms-box-shadow: 0 3px 10px rgb(0 0 0/10%);
    display: inline-flex;
    align-items: center
}

    .social-links span {
        display: inline-block;
        width: calc(100% - 24px);
        text-align: center
    }

    .social-links .icon {
        font-size: 16px
    }

.iphone-preview-props .social-links:hover {
    transform: translateY(-1px)
}

.light .social-links, .light .social-links:hover, .light .social-links:focus, .neutral .social-links, .neutral .social-links:hover, .neutral .social-links:focus {
    background: #525252;
    color: #fff
}

.dark .social-links, .dark .social-links:hover, .dark .social-links:focus {
    background: rgba(82,82,82,.5);
    color: #fff
}

.urban .social-links, .urban .social-links:hover, .urban .social-links:focus {
    background: #5bb770;
    color: #fff
}

.ambitious .social-links, .ambitious .social-links:hover, .ambitious .social-links:focus {
    background: #1a5fda;
    color: #fff
}

.elegant .social-links, .elegant .social-links:hover, .elegant .social-links:focus {
    background: #c8b372;
    color: #fff
}

.iphone-user-data {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 10px 12px 12px
}

.db-right-colmn.desktop-views .iphone-user-data {
    overflow-y: unset
}

.icon-design-props {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -4px
}

.round-surface {
    width: 56px;
    height: 6px;
    border-radius: 4px;
    background: #f8fbff
}

.surface-circle {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f8fbff;
    margin-left: 14px;
    position: relative
}

    .surface-circle:after {
        content: "";
        position: absolute;
        background-color: #fafafa;
        width: 6px;
        height: 6px;
        left: 50%;
        top: 50%;
        display: block;
        border-radius: 4px;
        transform: translate(-50%,-50%)
    }

.iphone-user-data.hide-logo-props {
    padding: 0 12px 12px
}

    .iphone-user-data.hide-logo-props .mob-logo-wrapper {
        display: none
    }

.profile-image-exist .iphone-user-data.hide-logo-props {
    padding: 100px 12px 12px
}

@media screen and (max-width: 576px) {
    .user-info-name {
        font-size: 24px
    }

    .user-info-designation {
        font-size: 22px
    }
}

.colmn-gr-two.scroll-props.desktop-views {
    height: auto;
    overflow-y: auto;
    max-height: 100%
}

    .colmn-gr-two.scroll-props.desktop-views #contacts {
        width: 100%;
        float: left
    }

    .colmn-gr-two.scroll-props.desktop-views .iphone-preview-props {
        min-height: auto;
        overflow: unset
    }

.colmn-gr-two.scroll-props .iphone-user-data, .colmn-gr-two.scroll-props .vertical-scroll-design {
    border-radius: 40px
}

.db-cards {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: calc(100vh - 105px)
}

.colmn-gr-two {
    width: 50%;
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    position: relative
}

    .colmn-gr-two.desktop-views {
        height: auto;
        overflow-y: unset;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important
    }

        .colmn-gr-two.desktop-views .iphone-user-data {
            padding-bottom: 10px;
            padding-top: 0
        }

        .colmn-gr-two.desktop-views.profile-image-exist .iphone-user-data.hide-logo-props {
            padding-top: 60px
        }

    .colmn-gr-two.menu-exists {
        padding-left: 110px
    }

#footer {
    display: none
}

.design-info-props {
    width: 100%;
    float: left;
    padding: 0 0 60px
}

.choose-design-title {
    font-size: 30px;
    font-weight: 600;
    color: #333;
    margin: 0;
    line-height: normal
}

.brand-color-title {
    font-size: 16px;
    color: #4d4d4d;
    font-weight: 400;
    margin: 6px 0 16px
}

.choose-design-title, .brand-color-title {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center
}

.design-layouts {
    width: 100%;
    max-width: 512px;
    padding: 0 32px;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

.db-design-preview {
    column-gap: 20px;
    row-gap: 48px;
    justify-items: center;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr))
}

.design-preview-lists {
    cursor: pointer
}

.design-preview-info {
    width: 90px
}

.preview-wrapper-props {
    box-shadow: 0 0 0 1px #dedfde;
    background: var(--preview-bg);
    width: 100%;
    height: 192px;
    border-radius: 15px;
    position: relative;
    padding: 4px
}

.design-preview-container {
    width: 100%;
    padding-top: 1rem;
    width: 100%;
    height: 100%;
    border-radius: 14px
}

.whole-info-props {
    width: 100%;
    height: 100%;
    border-radius: 14px;
    padding: 14px 5px 5px
}

.design-preview-logo-container {
    height: 56px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    padding-top: 10px
}

.db-logo-wrapper {
    width: 100%;
    height: 46px;
    border-radius: 4px;
    display: flex;
    justify-content: center
}

    .db-logo-wrapper img {
        max-height: 75%
    }

.design-preview-description {
    height: 56px;
    background: #fff;
    border-radius: 6px;
    width: 100%;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    margin-top: 6px;
    position: relative
}

.design-preview-name {
    height: 4px;
    width: 49px;
    background: #f8fbff
}

.bg-bp-surface-subdued {
    width: 80%;
    height: 4px;
    border-radius: 4px;
    margin-top: 4px
}

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

.design-preview-button {
    width: 100%;
    height: 14px;
    margin-top: 4px;
    border-radius: 8px
}

.iphone-x-design-preview {
    position: absolute;
    top: 4px;
    width: 100%;
    left: 0;
    z-index: 1
}

    .iphone-x-design-preview:before {
        position: absolute;
        content: "";
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        width: 56%;
        height: 10px;
        background-color: var(--preview-bg);
        border-radius: 0 0 5px 5px
    }

.iphone-info-props {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    top: 6.5px;
    display: flex;
    justify-content: center
}

.iphone-bars {
    width: 14px;
    height: 2px;
    background: #d1d5db;
    margin-right: 8px
}

.iphone-dots {
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: #f8fbff
}

.radio-btn-props {
    width: 20px;
    display: flex;
    justify-content: center;
    position: relative;
    margin: 10px auto
}

.radio-width {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fff;
    border: #fc6078 solid 1px;
    padding: 1px
}

.radio-icons {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.design-preview-lists.is-selected .radio-icons {
    background: #fc6078
}

.design-preview-lists.is-selected .color-info-name {
    font-weight: 500
}

.color-info-name {
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: normal
}

.other-color-templates {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px
}

.other-field-lists {
    width: 100%;
    max-width: 512px;
    margin: 48px auto 16px;
    display: flex;
    flex-direction: column;
    padding: 0 32px
}

.logo-selection {
    width: 100%;
    background: #f8fbff;
    display: flex;
    justify-content: space-between;
    padding: 17px 15px;
    font-size: 16px;
    line-height: normal;
    border-radius: 6px
}

.cp-toggle-button {
    position: relative;
    width: 32px;
    height: 16px;
    border-radius: 50%;
    background: var(--call-action)
}

.logo-selection .switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 16px
}

    .logo-selection .switch input {
        opacity: 0;
        width: 0;
        height: 0
    }

.logo-selection .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #aa8b8b;
    -webkit-transition: .4s;
    transition: .4s
}

    .logo-selection .slider:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        right: 20px;
        bottom: 2px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s
    }

.logo-selection input:checked + .slider {
    background-color: var(--call-action)
}

.logo-selection input:focus + .slider {
    box-shadow: 0 0 1px var(--call-action)
}

.logo-selection input:checked + .slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px)
}

.logo-selection .slider.round {
    border-radius: 34px
}

    .logo-selection .slider.round:before {
        border-radius: 50%
    }

.upload-image-infos {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.upload-img-props {
    width: calc(50% - 8px);
    float: left;
    background: #f8fbff;
    padding: 16px;
    border-radius: 6px
}

.upload-img-title {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px;
    line-height: normal
}

.upload-image-design {
    width: 100%;
    height: 175px;
    display: flex;
    flex-direction: column;
    font-size: 17px;
    padding: 36px 12px;
    border: var(--input-border) dashed 1px;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    color: #6f708b;
    overflow: hidden;
    line-height: 1;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: relative
}

    .upload-image-design:hover, .upload-image-design:focus {
        background: #fff;
        border-style: solid;
        color: #333
    }

.upload_image_design.image-uploaded .image-size-props {
    display: none
}

.upload_image_design.image-uploaded:hover .edit-remove-wrapper {
    display: flex
}

.edit-remove-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 12;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

    .edit-remove-wrapper .load-more-image {
        transition: transform .3s;
        z-index: 8;
        position: relative
    }

        .edit-remove-wrapper .load-more-image:hover {
            transform: translateY(-1px)
        }

.image-size-props {
    width: 100%;
    display: flex;
    flex-direction: column
}

.remove-upload-imge + .edit-upload-imge {
    margin-top: 20px
}

.load-more-image.remove-upload-imge, .load-more-image.remove-upload-imge:hover, .load-more-image.remove-upload-imge:focus {
    background: #fff;
    color: var(--call-action);
    border: 2px solid var(--call-action)
}

.upload_image_design.image-uploaded .icon {
    font-size: 17px
}

.upload-image-wrapper .upload-img-title {
    margin-bottom: 0
}

.upload-image-design .icon-camera {
    font-size: 20px;
    margin-bottom: 6px
}

.upload-image-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px
}

.remove-upload-images {
    font-size: 16px;
    cursor: pointer;
    color: var(--call-action);
    display: inline-flex;
    align-items: center;
    transition: all .2s
}

    .remove-upload-images svg {
        width: 10px;
        margin-right: 3px;
        fill: var(--call-action)
    }

    .remove-upload-images:hover {
        opacity: .8
    }

.logo-image-props {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6;
    cursor: pointer
}

.image-format-props {
    display: inline-block;
    font-size: 12px;
    color: #4d4d4d;
    line-height: 1.6
}

@media screen and (max-width: 1100px) {
    .upload_image_design.image-uploaded .edit-remove-wrapper {
        display: flex
    }
}

@media screen and (max-width: 1023px) {
    .db-design-preview {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media screen and (max-width: 930px) {
    .upload-image-infos {
        flex-direction: column
    }

        .upload-image-infos .upload-img-props {
            width: calc(100% - 0px);
            margin-top: 20px
        }

            .upload-image-infos .upload-img-props:first-child {
                margin-top: 0
            }

    .upload-image-design span {
        display: flex;
        flex-direction: column
    }
}

@media screen and (max-width: 576px) {
    .design-layouts {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width: 390px) {
    .upload-image-infos {
        flex-direction: column;
        margin-top: 0
    }

    .logo-selection + .upload-image-infos {
        margin-top: 20px
    }

    .upload-image-infos .upload-img-props {
        width: calc(100% - 0px);
        margin-top: 20px
    }
}

.design-info-props.card-profile {
    max-width: 512px;
    margin: 0 auto 60px;
    padding-bottom: 0
}

.design-info-props.card-contact-props {
    max-width: 512px;
    margin: 0 auto 32px
}

.profile-data-wrapper {
    width: 100%;
    float: left;
    padding-left: 32px;
    padding-right: 32px
}

.profile-image {
    width: 112px;
    height: 112px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
    overflow: hidden
}

.upload-profile-info {
    margin-top: 20px;
    text-align: center
}

.show-hide-profile {
    font-size: 17px;
    color: #6f7a8b;
    display: inline-flex;
    text-decoration: underline;
    margin: 12px auto 24px;
    cursor: pointer
}

.profile-image-overlay {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: rgba(0,0,0,.4);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 17px;
    line-height: 1;
    text-align: center
}

    .profile-image-overlay .icon-camera {
        font-size: 24px;
        margin-bottom: 6px
    }

.profile-image input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 6;
    cursor: pointer
}

.profile-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.space-bw-data {
    width: 100%;
    float: left;
    margin-bottom: 12px;
    position: relative
}

.profile-input-info, .profile-input-deatail {
    width: 100%;
    padding: 10px;
    font-size: 17px;
    color: #333;
    border: var(--input-border) solid 1px;
    border-radius: 6px;
    outline: none;
    outline-offset: 0px
}

    .profile-input-info:focus {
        border-color: #333
    }

.profile-input-info {
    margin-bottom: 5px
}

.profile-input-deatail {
    position: relative;
    height: 88px;
    resize: none
}

.space-bw-data .icon-info-circle {
    font-size: 20px;
    color: #ccc;
    position: absolute;
    right: -24px;
    bottom: 10px;
    cursor: pointer;
    z-index: 2
}

.business-description {
    position: absolute;
    bottom: 36px;
    right: -24px;
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    border-radius: 6px;
    display: none;
    max-width: 144px;
    font-weight: 500;
    text-align: center;
    z-index: 2
}

.space-bw-data .icon-info-circle:hover + .business-description, .space-bw-data.active .business-description {
    display: inline-block
}

.characrter-limit {
    width: 100%;
    float: left;
    text-align: right
}

.social-media-lists, .media-link-lists, .media-link-lists > li {
    width: 100%;
    float: left
}

    .media-link-lists > li {
        margin-bottom: 16px;
        padding-right: 40px;
        position: relative
    }

        .media-link-lists > li:hover .social-media-wrap, .media-link-lists > li:hover .icon-infos {
            border-color: var(--call-action)
        }

        .media-link-lists > li:hover .icon-trash {
            display: inline-flex
        }

    .media-link-lists label.error {
        font-size: 14px;
        font-weight: 400;
        margin: 0;
        color: red
    }

    .media-link-lists.spacing-infos {
        padding-left: 48px;
        padding-right: 48px;
        margin-top: 24px
    }

.social-media-lists {
    padding-left: 40px;
    padding-right: 40px
}

.social-media-wrap {
    width: 100%;
    font-size: 17px;
    color: #333;
    border: var(--input-border) solid 1px;
    border-radius: 6px;
    height: 46px;
    border-radius: 6px;
    position: relative;
    display: flex
}

.icon-infos {
    width: 44px;
    height: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px 0 0 6px;
    background: #fafafa;
    border-right: var(--input-border) solid 1px
}

.social-media-wrap input {
    font-size: 17px;
    color: #333;
    width: calc(100% - 45px);
    height: 44px;
    border: none;
    outline: none;
    outline-offset: 0px;
    border-radius: 0 6px 6px 0;
    padding: 0 10px;
    display: inline-flex;
    align-items: center
}

.social-media-wrap .icon {
    font-size: 18px
}

.selected .icon-infos {
    background: var(--call-action);
    color: #fff;
    border-color: var(--call-action)
}

.selected .social-media-wrap {
    border-color: var(--call-action)
}

.social-media-wrap.error {
    border-color: var(--error-color)
}

    .selected .social-media-wrap.error .icon-infos, .social-media-wrap.error .icon-infos {
        background: var(--error-color);
        border-color: var(--error-color)
    }

.media-link-lists .social-media-wrap.error ~ .icon-check, .media-link-lists .social-media-wrap.error ~ .icon-trash, .media-link-lists .social-media-wrap.error ~ .icon-trash:hover {
    color: var(--error-color)
}

.media-link-lists .icon-trash {
    position: absolute;
    right: 5px;
    top: 11px;
    font-size: 22px;
    display: none;
    color: var(--call-action);
    cursor: pointer
}

    .media-link-lists .icon-trash:hover {
        color: var(--call-action)
    }

.media-link-lists .icon-check {
    position: absolute;
    right: 8px;
    top: 11px;
    font-size: 22px;
    display: none;
    color: var(--call-action);
    -webkit-text-stroke: 2px #fff
}

.media-link-lists .selected:hover .icon-check, .media-link-lists .selected.disabled:hover .icon-trash, .media-link-lists .disabled:hover .icon-trash {
    display: none
}

.media-link-lists .selected .icon-check, .media-link-lists .selected.disabled:hover .icon-check {
    display: inline-block
}

.add-more-links {
    font-size: 16px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    line-height: normal
}

    .add-more-links, .add-more-links:hover, .add-more-links:focus {
        color: var(--call-action)
    }

        .add-more-links .icon-plus {
            font-size: 20px;
            margin-right: 6px;
            -webkit-text-stroke: 2px #fff
        }

.more-links-wrapper {
    position: absolute;
    /* top: 110px;*/
    width: 100%;
    height: 600px;
    z-index: 2;
    /*background: #00000094;*/
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    transition: transform .3s;
    padding-bottom: 70px;
    padding: 20px;
    border-radius: 10px;
    display:none;
}

    .more-links-wrapper.active {
        transform: translateX(-50%) translateY(0%);
        display:block;
    }

.more-links-props {
    max-width: 512px;
    margin: 0 auto;
    height: 100%;
    padding: 20px 40px 40px;
    border: var(--input-border) solid 1px;
    border-radius: 8px;
    background: #ffe097
}

.close-box-wrapper {
    width: 100%;
    position: relative;
    height: 26px
}

    .close-box-wrapper .icon-remove {
        font-size: 26px;
        -webkit-text-stroke: 3px #fff;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: -3px
    }

        .close-box-wrapper .icon-remove:hover {
            color: var(--call-action)
        }

.menu-lists-data {
    width: 100%;
    float: left;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 64px;
    padding-right: 6px
}

.link-description {
    margin-bottom: 32px
}

.link-description-title {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 8px
}

.description-btns {
    margin-bottom: 10px;
    border: var(--input-border) solid 1px;
    width: 100%;
    height: 46px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 6px;
    position: relative;
    background: #fff;
    font-size: 16px;
    outline: none;
    outline-offset: 0px;
    transition: .2s;
    padding-left: 36px;
    color:#000;
}

    .description-btns:hover {
        border: var(--call-action) solid 2px;
        box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)
    }

    .description-btns .icon {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 17px
    }

    .description-btns .icon-twitter, .validiate_info .icon-twitter, .social-links .icon-twitter {
        background: url('https://cdn1.designhill.com/assets/dh/images/new-twitter-icon.svg') center center no-repeat;
        width: 16px;
        height: 16px;
        background-size: 100%,100%;
        display: inline-block
    }

.validiate_info.selected .icon-twitter, .light .icon-twitter, .neutral .icon-twitter, .dark .icon-twitter, .urban .icon-twitter, .ambitious .icon-twitter, .elegant .icon-twitter {
    background: url('https://cdn1.designhill.com/assets/dh/images/new-twitter-white-icon.svg') center center no-repeat;
    width: 13px;
    height: 13px;
    background-size: 100%,100%;
    display: inline-block
}

    .description-btns .icon-twitter:before, .validiate_info .icon-twitter:before, .social-links .icon-twitter:before, .light .icon-twitter:before, .neutral .icon-twitter:before, .dark .icon-twitter:before, .urban .icon-twitter:before, .ambitious .icon-twitter:before, .elegant .icon-twitter:before {
        content: ""
    }

.link-description.reduce-width-info {
    width: 50%
}

.colmn-gr-two.hide-scroll {
    overflow-y: hidden
}

.design-info-props.card-profile, .design-info-props.card-contact-props {
    overflow-y: auto
}

.next-url-info .crown-image {
    width: 16px;
    margin-right: 6px;
    filter: invert(100%) sepia(1%) saturate(1%) hue-rotate(185deg) brightness(104%) contrast(100%)
}

.card-expired {
    color: red
}

@media screen and (max-width: 720px) {
    .colmn-gr-two {
        width: 100%
    }

    .db-right-colmn {
        display: none
    }

    .more-links-wrapper, .more-links-props {
        padding-left: 15px;
        padding-right: 15px
    }

    .more-links-props {
        padding-bottom: 0
    }

    .description-btns {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto
    }

    .link-description.reduce-width-info {
        width: 100%;
        text-align: center
    }

        .link-description.reduce-width-info .description-btns {
            max-width: 150px;
            margin-left: 0;
            margin-right: 10px;
            display: inline-flex
        }

    .link-description-title {
        text-align: left
    }

    .more-links-props {
        max-width: 100%
    }

    .design-info-props.card-profile {
        overflow-y: unset;
        padding-left: 15px;
        padding-right: 15px
    }

    .design-info-props.card-contact-props {
        overflow-y: auto;
        padding-left: 15px;
        padding-right: 15px
    }

    .more-links-wrapper.active {
        transform: none;
        position: fixed;
        top: 0;
        bottom: 56px;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 36;
        padding-top: 75px;
        padding-bottom: 0;
        overflow: hidden
    }

        .more-links-wrapper.active .menu-lists-data {
            padding-bottom: 10px
        }
}

@media screen and (max-width: 576px) {
    .social-media-lists, .media-link-lists.spacing-infos {
        padding-left: 15px;
        padding-right: 15px
    }
}

.action-panel-props {
    width: calc(50% - 15px);
    padding: 8px;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255,.85);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    z-index: 14
}

.back-url-info {
    font-size: 17px;
    text-decoration: none;
    letter-spacing: .2px
}

    .back-url-info, .back-url-info:hover, .back-url-info:focus {
        color: var(--call-action)
    }

.next-url-info {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .2px;
    padding: 8px 42px;
    border-radius: 32px;
    transition: transform .3s;
    min-width: 176px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase
}

    .next-url-info, .next-url-info:hover, .next-url-info:focus {
        background: var(--call-action);
        color: #fff
    }

        .next-url-info:hover {
            transform: translateY(-1px)
        }

        .next-url-info .icon-arrow-right {
            font-size: 18px;
            -webkit-text-stroke: 2px var(--call-action)
        }

.back-url-info .icon-arrow-left {
    font-size: 18px;
    -webkit-text-stroke: 2px #fff
}

.next-url-info .icon-arrow-right {
    margin-left: 6px
}

.next-url-info.publish-info {
    padding: 8px 24px;
    width: 292px;
    font-size: 14px
}

.profile-btn-wrapper {
    width: 100%;
    max-width: 417px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .profile-btn-wrapper .next-url-info {
        position: relative;
        left: auto;
        transform: none
    }

@media screen and (max-width: 1100px) {
    .action-panel-props {
        width: calc(50% - 0px);
        justify-content: center
    }

    .next-url-info {
        position: relative;
        left: auto;
        transform: none
    }
}

@media screen and (max-width: 720px) {
    .action-panel-props {
        width: calc(100% - 0px)
    }

        .action-panel-props.hide-action-panel {
            display: none
        }
}

@media screen and (max-width: 576px) {
    .profile-btn-wrapper {
        max-width: 455px
    }
}

@media screen and (max-width: 380px) {
    .next-url-info.publish-info {
        padding: 8px;
        width: 236px;
        font-size: 13px
    }
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

    .modal.publish-card-modal {
        width: 100%;
        float: left;
        padding-left: 15px;
        padding-right: 15px
    }

        .modal.publish-card-modal .modal-dialog {
            width: 100%;
            max-width: 640px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            top: 50%;
            transform: translateY(-50%)
        }

        .modal.publish-card-modal .modal-content, .modal.publish-card-modal .modal-body {
            width: 100%;
            float: left;
            background: #fff;
            border-radius: 8px;
            position: relative;
            padding: 0
        }

.publish-card-infos {
    width: 100%;
    display: flex;
    height: 437px;
    flex-wrap: wrap;
    background: #f8fbff;
    border-radius: 8px
}

.review-align-props {
    display: inline-flex;
    justify-content: center;
    flex-direction: column
}

.reviews-wrapper {
    width: 266px;
    padding: 15px;
    align-items: center;
    text-align: center
}

.plans-wrapper {
    width: calc(100% - 266px);
    padding-left: 30px;
    background: #fff;
    border-radius: 0 8px 8px 0
}

.bg-image-props {
    position: relative;
    top: -1px;
    background-position-x: 30px;
    background-position-y: 0;
    background-size: 105%;
    background-image: url('https://cdn1.designhill.com/assets/dh/images/digital-card/upgrade_modal_bg.svg');
    background-repeat: no-repeat;
    border-radius: 8px 0 0 8px
}

.profile-props {
    width: 116px;
    margin: 0 auto;
    text-align: center;
    border-radius: 8px
}

    .profile-props img {
        height: auto
    }

.service-rating--front {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 8px
}

    .service-rating--front .back-stars {
        justify-content: center
    }

    .service-rating--front .icon-star {
        color: #fec42d;
        font-size: 18px
    }

.review-description {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    margin-top: 8px
}

.close-publish-cards {
    position: absolute;
    top: 14px;
    right: 16px;
    opacity: 1
}

.steps-infos {
    font-size: 24px;
    font-weight: 700;
    color: #333
}

.steps-detail {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-top: 16px
}

.plan-info-props {
    font-size: 16px;
    color: #333;
    margin-top: 12px
}

.see-plans-btn {
    width: 100%;
    float: left;
    margin-top: 40px
}

    .see-plans-btn .next-url-info {
        left: 0;
        transform: none;
        position: relative;
        min-width: 140px;
        padding: 8px 23px
    }

@media screen and (max-width: 676px) {
    .publish-card-infos {
        height: auto
    }

    .reviews-wrapper {
        width: 100%;
        order: 2
    }

    .plans-wrapper {
        width: 100%;
        order: 1;
        padding: 60px 20px
    }

    .bg-image-props {
        background-position-x: 50px;
        background-position-y: -150px;
        background-size: cover
    }
}

.modal.upload-image-popup {
    width: 100%;
    float: left;
    padding-left: 15px !important;
    padding-right: 15px !important
}

    .modal.upload-image-popup .modal-dialog {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        top: 50%;
        transform: translateY(-50%)
    }

    .modal.upload-image-popup .modal-content, .modal.upload-image-popup .modal-body {
        width: 100%;
        float: left;
        background: #fff;
        position: relative;
        padding: 0
    }

    .modal.upload-image-popup .modal-content {
        border-radius: 8px
    }

    .modal.upload-image-popup .modal-header {
        position: relative;
        width: 100%;
        float: left;
        padding: 0;
        border: none;
        box-shadow: none;
        background: #fff;
        min-height: auto;
        border-radius: 8px 8px 0 0;
        box-shadow: none;
        border-radius: 8px 8px 0 0
    }

.upload-image-popup .modal-header-wrapper {
    width: 100%;
    display: flex;
    padding: 30px 24px 24px;
    justify-content: space-between;
    background: #f2f2f2;
    border-radius: 8px 8px 0 0
}

.upload-image-popup .modal-title {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin: 0;
    line-height: normal
}

.search-images {
    width: 312px;
    height: 35px;
    border: #c1c5cd solid 1px;
    border-radius: 32px;
    position: relative;
    overflow: hidden
}

    .search-images:before {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        content: "\f002";
        font-family: fontawesome;
        color: #d7d7d7
    }

.search-images-input {
    width: 100%;
    height: 33px;
    line-height: 33px;
    font-size: 16px;
    color: #333;
    padding: 0 10px 0 40px;
    border: none
}

.upload-imgae-btn {
    font-size: 15px;
    color: var(--call-action);
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    transition: transform .3s;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    z-index: 8;
    cursor: pointer;
    background: #fff
}

    .upload-imgae-btn .icon {
        margin-right: 6px;
        font-size: 13px
    }

    .upload-imgae-btn:hover {
        transform: translateY(-1px)
    }

    .upload-imgae-btn .logo-image-props {
        font-size: 0px
    }

.close-image-popup {
    position: absolute;
    right: 6px;
    top: -6px;
    opacity: 1;
    color: #333
}

    .close-image-popup svg {
        width: 14px
    }

.modal.upload-image-popup .modal-body {
    padding: 24px;
    max-height: 400px;
    overflow-y: auto
}

.popup-image-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-left: rgba(0,0,0,.15) solid 1px
}

    .popup-image-list > li {
        width: 20%;
        height: 128px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-color: rgba(0,0,0,.15);
        cursor: pointer;
        position: relative
    }

        .popup-image-list > li img {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            object-fit: cover
        }

.modal.upload-image-popup .modal-footer {
    width: 100%;
    float: left;
    padding: 24px;
    border-top: #f2f2f2 solid 2px
}

.load-more-image {
    padding: 8px 30px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .2px;
    text-transform: uppercase;
    border-radius: 24px;
    transition: transform .3s
}

    .load-more-image, .load-more-image:hover, .load-more-image:focus {
        background: var(--call-action);
        border: var(--call-action) solid 2px;
        color: #fff
    }

        .load-more-image:hover {
            transform: translateY(-1px)
        }

.box-shadow-props {
    box-shadow: 0 3px 10px rgb(0 0 0/10%);
    -webkit-box-shadow: 0 3px 10px rgb(0 0 0/10%);
    -moz-box-shadow: 0 3px 10px rgb(0 0 0/10%)
}

.load-more-image.select-images {
    padding: 5px 10px;
    position: absolute;
    display: none
}

    .load-more-image.select-images .icon {
        font-size: 20px;
        -webkit-text-stroke: 2px var(--call-action);
        margin-right: 4px
    }

.popup-image-list > li:hover .load-more-image.select-images {
    display: inline-flex;
    line-height: 1;
    align-items: center
}

.popup-image-list > li:hover {
    border: #b53142 solid 1px
}

    .popup-image-list > li:hover img {
        opacity: .4
    }

@media screen and (max-width: 767px) {
    .modal.upload-image-popup .modal-dialog {
        margin: 60px auto;
        top: 0;
        transform: none
    }

    .upload-image-popup .modal-header-wrapper {
        flex-direction: column
    }

    .search-images {
        width: 100%;
        margin: 20px 0 20px
    }

    .popup-image-list > li {
        width: 25%
    }
}

@media screen and (max-width: 576px) {
    .modal.upload-image-popup .modal-body {
        max-height: 350px
    }

    .popup-image-list > li {
        height: 100px
    }
}

@media screen and (max-width: 480px) {
    .popup-image-list > li {
        width: 33.333%
    }
}

@media screen and (max-width: 360px) {
    .popup-image-list > li {
        width: 50%
    }
}

.modal-backdrop {
    display: none
}

.modal {
    background: rgba(0,0,0,.8) none repeat scroll 0 0
}

    .modal.remove-upload-image {
        width: 100%;
        float: left;
        padding-left: 15px !important;
        padding-right: 15px !important
    }

        .modal.remove-upload-image .modal-dialog {
            width: 100%;
            max-width: 512px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            top: 50%;
            transform: translateY(-50%)
        }

        .modal.remove-upload-image .modal-content, .modal.remove-upload-image .modal-body {
            width: 100%;
            float: left;
            background: #fff;
            position: relative;
            border-radius: 8px;
            border: none;
            box-shadow: none
        }

        .modal.remove-upload-image .modal-body {
            padding: 32px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center
        }

.remove-image-title {
    font-size: 29px;
    font-weight: 600;
    color: #333;
    line-height: 1.4
}

.remove-image-description {
    font-size: 20px;
    font-weight: 400;
    color: #3e4346;
    line-height: 1.6;
    margin: 20px 0 24px
}

.btn-common {
    font-size: 15px;
    padding: 8px 20px;
    border-radius: 24px;
    font-weight: 600;
    text-transform: uppercase;
    min-width: 160px;
    text-align: center;
    transition: transform .3s;
    height: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

    .btn-common, .btn-common:hover, .btn-common:focus {
        background: #fff;
        border: 2px solid #fff;
        color: var(--call-action)
    }

        .btn-common.btn-secondary, .btn-common.btn-secondary:hover, .btn-common.btn-secondary:focus {
            background: var(--call-action);
            border: 2px solid var(--call-action);
            color: #fff
        }

        .btn-common.btn-secondary {
            margin-left: 16px
        }

.modal.remove-upload-image .close-image-popup {
    top: 5px;
    right: 8px;
    z-index: 7
}

    .modal.remove-upload-image .close-image-popup svg {
        fill: #333
    }

.modal.remove-upload-image .remove-btn-group {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.remove-btn-group .btn-common.btn-secondary {
    min-width: 244px
}

.slug-btn-wrapper .btn-common.btn-secondary {
    margin-left: 0;
    min-width: 97px
}

@media screen and (max-width: 560px) {
    .remove-btn-group {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .btn-common {
        width: 100%
    }

        .btn-common.btn-secondary {
            margin-left: 0;
            margin-top: 20px
        }

    .slug-btn-wrapper .btn-common.btn-secondary {
        margin-top: 0;
        width: auto
    }
}

.modal.update-public-urls {
    padding-left: 15px;
    padding-right: 15px !important
}

    .modal.update-public-urls .modal-dialog {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%)
    }

    .modal.update-public-urls .modal-content, .modal.update-public-urls .modal-body {
        width: 100%;
        float: left;
        background: #fff;
        border-radius: 8px;
        padding: 0
    }

    .modal.update-public-urls .modal-content {
        border: none;
        box-shadow: none
    }

.update-url-wrapper {
    width: 100%;
    float: left;
    background: #f2f2f2;
    padding: 24px;
    position: relative;
    border-radius: 8px 8px 0 0
}

.update-public-url-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    line-height: normal;
    padding-right: 24px
}

.update-url-wrapper .close-image-popup {
    position: absolute;
    right: 24px;
    top: 50%;
    opacity: 1;
    color: #333;
    transform: translateY(-50%)
}

.close-image-popup:hover svg {
    fill: var(--call-action)
}

.update-urls-props {
    width: 100%;
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    padding: 24px;
    text-align: center
}

.remove-btns-group {
    width: 100%;
    padding: 24px;
    display: flex;
    justify-content: flex-end;
    border-top: #f2f2f2 solid 2px
}

.update-text-props {
    font-size: 16px;
    color: #333;
    border-radius: 24px;
    height: 30px;
    line-height: 30px;
    border: #c1c5cd solid 1px;
    padding: 0 15px;
    width: auto
}

.remove-btns-group .btn-common {
    transition: transform .3s;
    height: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

    .remove-btns-group .btn-common:hover {
        transform: translateY(-1px)
    }

@media screen and (max-width: 767px) {
    .update-urls-props {
        text-align: left
    }
}

@media screen and (max-width: 480px) {
    .remove-btns-group {
        flex-direction: column
    }

        .remove-btns-group .btn-common {
            width: 100%
        }

            .remove-btns-group .btn-common.btn-secondary {
                margin-left: 0;
                margin-top: 24px
            }
}

.expired-link-info {
    width: 100%;
    height: calc(100vh - 106px);
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    background: #f8f8f8
}

.expired-link-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 24px;
    padding: 32px 24px;
    border-top: 8px solid #db404b;
    width: 100%;
    max-width: 640px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.expired-link-icon {
    display: inline-flex
}

    .expired-link-icon .icon {
        font-size: 64px
    }

.expired-link-title {
    font-size: 32px;
    font-weight: 600;
    color: #333;
    line-height: normal;
    margin: 24px auto 0px
}

@media screen and (max-width: 670px) {
    .expired-link-wrapper {
        max-width: calc(100% - 30px)
    }
}

body.digital-card-design .new-popup-design.modal .modal-body h3, body.digital-card-design #testimonial_popup.model-boxes h3 {
    font-weight: 500
}

body.digital-card-design .new-popup-design.modal .modal-content .popup-content, body.digital-card-design .new-popup-design.modal .modal-footer {
    padding: 24px
}

body.digital-card-design .new-popup-design.modal .controls {
    margin-bottom: 16px;
    text-align: center
}

body.digital-card-design .frm-popup-login label, body.digital-card-design .frm-popup-signup label, .new-popup-design.modal label.error {
    font-size: 16px
}

body.digital-card-design .media-btn, body.digital-card-design .media-btn:hover, body.digital-card-design .media-btn:focus, body.digital-card-design .media-btn:active, body.digital-card-design .media-btn:active:hover {
    background-color: var(--call-action)
}

@media screen and (max-width: 540px) {
    body.digital-card-design .new-popup-design.modal .top-label {
        flex-direction: column;
        align-items: flex-start
    }

    body.digital-card-design .new-popup-design.modal .input-group.author-details .star-rating {
        padding-left: 42px;
        margin-top: 2px
    }

    body.digital-card-design .new-popup-design.modal label {
        line-height: normal;
        font-size: 18px
    }
}

.loader-props-info .circle-loader {
    display: none
}

.loader-props-info.loaded {
    pointer-events: none
}

    .loader-props-info.loaded .circle-loader {
        display: inline-flex
    }

    .loader-props-info.loaded span {
        display: none
    }

.dh-progress-spinner.dh-progress-spinner-indeterminate-animation {
    animation: dh-progress-spinner-linear-rotate 2s linear infinite
}

.dh-progress-spinner {
    display: block;
    position: relative
}

    .dh-progress-spinner svg {
        position: absolute;
        transform: rotate(-90deg);
        top: 0;
        left: 0;
        transform-origin: center;
        overflow: visible;
        box-shadow: none;
        border-radius: 0
    }

    .dh-progress-spinner circle, .dh-spinner circle {
        stroke: #fff
    }

    .dh-progress-spinner circle {
        fill: transparent;
        transform-origin: center;
        transition: stroke-dashoffset .225s linear
    }

    .dh-progress-spinner.dh-progress-spinner-indeterminate-animation circle {
        transition-property: stroke;
        animation-duration: 4s;
        animation-timing-function: cubic-bezier(.35,0,.25,1);
        animation-iteration-count: infinite
    }

.circle-loader .dh-progress-spinner circle, .dh-spinner circle {
    stroke: #fff
}

.btn-white .circle-loader .dh-progress-spinner circle, .btn-white .dh-spinner circle, .btn-default-border .circle-loader .dh-progress-spinner circle, .btn-default-border .dh-spinner circle {
    stroke: #82bc3b
}

@keyframes dh-progress-spinner-linear-rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes dh-progress-spinner-stroke-rotate-100 {
    0% {
        stroke-dashoffset: 268.60617px;
        transform: rotate(0)
    }

    12.5% {
        stroke-dashoffset: 56.54867px;
        transform: rotate(0)
    }

    12.5001% {
        stroke-dashoffset: 56.54867px;
        transform: rotateX(180deg) rotate(72.5deg)
    }

    25% {
        stroke-dashoffset: 268.60617px;
        transform: rotateX(180deg) rotate(72.5deg)
    }

    25.0001% {
        stroke-dashoffset: 268.60617px;
        transform: rotate(270deg)
    }

    37.5% {
        stroke-dashoffset: 56.54867px;
        transform: rotate(270deg)
    }

    37.5001% {
        stroke-dashoffset: 56.54867px;
        transform: rotateX(180deg) rotate(161.5deg)
    }

    50% {
        stroke-dashoffset: 268.60617px;
        transform: rotateX(180deg) rotate(161.5deg)
    }

    50.0001% {
        stroke-dashoffset: 268.60617px;
        transform: rotate(180deg)
    }

    62.5% {
        stroke-dashoffset: 56.54867px;
        transform: rotate(180deg)
    }

    62.5001% {
        stroke-dashoffset: 56.54867px;
        transform: rotateX(180deg) rotate(251.5deg)
    }

    75% {
        stroke-dashoffset: 268.60617px;
        transform: rotateX(180deg) rotate(251.5deg)
    }

    75.0001% {
        stroke-dashoffset: 268.60617px;
        transform: rotate(90deg)
    }

    87.5% {
        stroke-dashoffset: 56.54867px;
        transform: rotate(90deg)
    }

    87.5001% {
        stroke-dashoffset: 56.54867px;
        transform: rotateX(180deg) rotate(341.5deg)
    }

    100% {
        stroke-dashoffset: 268.60617px;
        transform: rotateX(180deg) rotate(341.5deg)
    }
}

.circle-loader.change-loader-info {
    position: absolute;
    left: 50%;
    top: calc(50% - 84px);
    transform: translate(-50%,-50%)
}

    .circle-loader.change-loader-info .dh-progress-spinner circle, .circle-loader.change-loader-info .dh-spinner circle {
        stroke: var(--call-action)
    }

.preview-loader-props {
    position: absolute;
    left: 12px;
    top: 12px;
    right: 12px;
    bottom: 12px;
    background: #fff;
    z-index: 24;
    border-radius: 40px;
    display: none;
    justify-content: center;
    align-items: center
}

.iphone-inner-wrapper.loading-data-props .preview-loader-props {
    display: flex
}

.iphone-inner-wrapper.loading-data-props .iphone-user-data {
    opacity: 0
}

.preview-loader, .preview-loader:before, .preview-loader:after {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: loadPreview 1.8s infinite ease-in-out;
    animation: loadPreview 1.8s infinite ease-in-out
}

.preview-loader {
    color: var(--call-action);
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

    .preview-loader:before, .preview-loader:after {
        content: '';
        position: absolute;
        top: 0
    }

    .preview-loader:before {
        left: -3.5em;
        -webkit-animation-delay: -.32s;
        animation-delay: -.32s
    }

    .preview-loader:after {
        left: 3.5em
    }

@-webkit-keyframes loadPreview {
    0%,80%,100% {
        box-shadow: 0 20px 0 -1.3em
    }

    40% {
        box-shadow: 0 20px 0 0
    }
}

@keyframes loadPreview {
    0%,80%,100% {
        box-shadow: 0 20px 0 -1.3em
    }

    40% {
        box-shadow: 0 20px 0 0
    }
}

.subscription-props, .card-subsc-props {
    width: 100%;
    float: left
}

.subscription-props {
    background: #fff;
    box-shadow: 0 1px 8px rgb(0 0 0/20%);
    border-radius: 8px;
    padding: 20px 20px 0
}

.cards-subscription-info {
    width: auto;
    display: inline-flex;
    margin: 0 0 20px;
    border-radius: 8px;
    border: 2px solid var(--call-action);
    overflow: hidden;
    background: var(--call-action)
}

    .cards-subscription-info > li {
        width: auto;
        padding: 0 15px;
        height: 45px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        font-weight: 600;
        color: var(--call-action);
        border-left: 2px solid var(--call-action);
        cursor: pointer;
        background: #fff
    }

        .cards-subscription-info > li:first-child {
            border-left: none
        }

        .cards-subscription-info > li.active, .cards-subscription-info > li.active:hover {
            background: var(--call-action);
            color: #fff
        }

        .cards-subscription-info > li:hover {
            background: #f5f5f5
        }

.digital-card-menus {
    display: inline-flex;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

    .digital-card-menus svg, .digital-card-menus svg path {
        fill: var(--call-action)
    }

.package-infos.open:before {
    content: " ";
    position: absolute;
    display: block;
    top: auto;
    border: 8px solid #fff;
    border-color: transparent transparent #fff #fff;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(-45deg);
    -webkit-box-shadow: -3px 3px 5px rgb(57 73 76/15%);
    box-shadow: -3px 3px 5px rgb(57 73 76/15%);
    left: auto;
    right: 14px;
    bottom: 32px;
    z-index: 9999
}

.package-infos.open .dropdown-menu {
    width: auto;
    position: absolute;
    top: auto;
    right: 3px;
    bottom: 40px;
    left: auto;
    z-index: 5;
    box-shadow: 0 3px 10px rgb(0 0 0/10%);
    border-radius: 5px;
    border: none
}

    .package-infos.open .dropdown-menu li a {
        padding: 8px 15px;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
        line-height: normal
    }

        .package-infos.open .dropdown-menu li a, .package-infos.open .dropdown-menu li a:hover, .package-infos.open .dropdown-menu li a:focus {
            color: var(--call-action)
        }

            .package-infos.open .dropdown-menu li a:hover {
                background: #f5f5f5
            }

.card-subsc-props.manage-grid-props {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.card-detail-lists {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: rgba(0,0,0,.1) solid 1px;
    border-radius: 8px;
    box-shadow: 0 1px 8px rgb(0 0 0/20%);
    margin-bottom: 20px
}

.package-infos {
    font-size: 16px;
    color: #333;
    line-height: normal;
    border-top: rgba(0,0,0,.1) solid 1px;
    display: flex;
    align-items: center;
    position: relative
}

.card-detail-lists .package-infos:first-child {
    border-top: none
}

.package-infos span {
    font-weight: 500;
    padding: 8px 0 8px 16px;
    display: inline-flex;
    min-width: 154px;
    margin-right: 16px
}

    .package-infos span.start-time-wrap {
        width: calc(100% - 154px);
        padding: 0;
        font-weight: 400
    }

.no-card-information {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    border-radius: 24px;
    border-top: 10px solid #82bc3b;
    padding: 0 24px 32px;
    box-shadow: 0 4px 16px rgb(0 0 0/20%);
    margin-bottom: 20px
}

.no-subscription-title {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin: 0
}

.time-wrappers {
    display: inline-block;
    margin-left: 4px
}

.package-infos.wrap-subscription-infos {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 8px 0;
    background: #f8f8f8
}

.package-infos span.expiry-subscription-title {
    color: red;
    width: auto;
    min-width: auto;
    position: relative;
    padding: 8px 32px 8px 16px
}

    .package-infos span.expiry-subscription-title:before {
        position: absolute;
        content: "\f0a4";
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        font-size: 16px;
        color: #333;
        font-family: fontawesome
    }

.package-infos span.renew-subscription-btn {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--call-action);
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 3px 10px rgb(0 0 0/10%);
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 24px;
    letter-spacing: .2px;
    transition: transform .3s
}

    .package-infos span.renew-subscription-btn:hover {
        transform: translateY(-1px)
    }

.package-infos span.animates-down-arrow {
    display: none
}

@media screen and (max-width: 1580px) {
    .card-subsc-props.manage-grid-props {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media screen and (max-width: 1100px) {
    .card-subsc-props.manage-grid-props {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }
}

@media screen and (max-width: 767px) {
    .subscription-props {
        padding: 20px 20px 5px
    }

    .card-subsc-props.manage-grid-props {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .card-detail-lists {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 576px) {
    .cards-subscription-info > li {
        padding: 8px 10px;
        text-align: center;
        line-height: normal;
        height: auto;
        font-size: 15px
    }
}

@media screen and (max-width: 480px) {
    .package-infos span.start-time-wrap {
        flex-direction: column;
        padding: 6px 0
    }

    .time-wrappers {
        margin-left: 0
    }
}

@media screen and (max-width: 440px) {
    .package-infos.wrap-subscription-infos {
        flex-direction: column;
        justify-content: center
    }

    .package-infos span.expiry-subscription-title {
        padding: 0;
        margin-right: 1px;
        margin-bottom: 12px
    }

    .package-infos span.renew-subscription-btn {
        margin-right: 0
    }

    .package-infos span.expiry-subscription-title:before {
        content: ""
    }

    .package-infos span.animates-down-arrow {
        width: 24px;
        height: 2px;
        margin-bottom: 32px;
        background: red;
        display: inline-flex;
        min-width: auto;
        padding: 0;
        transform: rotate(-90deg);
        position: relative;
        margin-left: 12px
    }

        .package-infos span.animates-down-arrow:before, .package-infos span.animates-down-arrow:after {
            position: absolute;
            content: "";
            width: 13px;
            height: 2px;
            background: red
        }

        .package-infos span.animates-down-arrow:before {
            transform: rotate(45deg);
            bottom: -4px;
            left: -4px
        }

        .package-infos span.animates-down-arrow:after {
            transform: rotate(-45deg);
            bottom: 4px;
            left: -4px
        }

    .floatingarrow-down {
        animation-name: floatingarrowdown;
        -webkit-animation-name: floatingarrowdown;
        animation-duration: 2s;
        -webkit-animation-duration: 2s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        animation-direction: alternate;
        -webkit-animation-direction: alternate
    }

    @keyframes floatingarrowdown {
        0% {
            -webkit-transform: translateY(0) rotate(-90deg);
            -ms-transform: translateY(0) rotate(-90deg);
            transform: translateY(0) rotate(-90deg)
        }

        100% {
            -webkit-transform: translateY(10px) rotate(-90deg);
            -ms-transform: translateY(10px) rotate(-90deg);
            transform: translateY(10px) rotate(-90deg)
        }
    }

    @-webkit-keyframes floatingarrow {
        0% {
            -webkit-transform: translateY(0) rotate(-90deg);
            -ms-transform: translateY(0) rotate(-90deg);
            transform: translateY(0) rotate(-90deg)
        }

        100% {
            -webkit-transform: translateY(10px) rotate(-90deg);
            -ms-transform: translateY(10px) rotate(-90deg);
            transform: translateY(10px) rotate(-90deg)
        }
    }
}

.tabular-data-infos {
    width: 100%;
    float: left
}

.subscription-titles {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    text-align: center;
    margin: 0 0 20px;
    line-height: normal
}

.invoices-list.subscription-props {
    position: relative
}

    .invoices-list.subscription-props .back-to-page {
        position: absolute;
        top: 26px;
        left: 20px;
        cursor: pointer;
        color: var(--call-action)
    }

    .invoices-list.subscription-props .invoice-popup {
        font-size: 15px;
        font-weight: 600;
        color: var(--call-action);
        text-transform: uppercase;
        cursor: pointer;
        letter-spacing: .2px;
        background: #fff;
        padding: 3px 24px;
        display: inline-flex;
        border-radius: 24px;
        border: 2px solid var(--call-action);
        transition: transform .3s;
        box-shadow: 0 3px 10px rgb(0 0 0/10%)
    }

        .invoices-list.subscription-props .invoice-popup:hover {
            transform: translateY(-1px)
        }

    .invoices-list.subscription-props .back-to-page:hover {
        text-decoration: underline
    }

    .invoices-list.subscription-props i {
        -webkit-text-stroke: 1px #fff
    }

.subscription-props table {
    width: 100%;
    border: rgba(0,0,0,.1) solid 1px;
    border-radius: 8px;
    box-shadow: 0 1px 8px rgb(0 0 0/20%);
    margin-bottom: 20px;
    overflow: hidden
}

.subscription-props tr {
    font-size: 16px;
    color: #333;
    line-height: normal
}

.subscription-props tbody tr {
    border-top: rgba(0,0,0,.1) solid 1px
}

.subscription-props .table > thead > tr > th {
    border-bottom: none;
    font-size: 16px;
    font-weight: 600
}

.subscription-props .table > thead > tr > th, .subscription-props .table > tbody > tr > td {
    border-left: rgba(0,0,0,.1) solid 1px;
    width: 20%;
    text-align: center
}

.subscription-props .table > tbody > tr > td {
    font-size: 15px
}

@media screen and (max-width: 640px) {
    .tabular-data-infos {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        padding: 2px
    }

        .tabular-data-infos table {
            width: 640px;
            max-width: 640px
        }
}

.new-invoice-modal .whiteBtnNectar .btn-default, .new-invoice-modal .whiteBtnNectar .btn-default:hover, .new-invoice-modal .whiteBtnNectar .btn-default:focus {
    background: var(--call-action);
    border: 2px solid var(--call-action);
    color: #fff
}

.db-cards-listing.add-bg-preview {
    background: url(https://cdn1.designhill.com/assets/dh/images/digital-card/wave_preview.svg) no-repeat #f9fafb;
    background-size: cover;
    background-position-y: top;
    background-position-x: right;
    min-height: calc(100vh - 60px);
    padding-bottom: 0
}

    .db-cards-listing.add-bg-preview .db-right-colmn {
        background: 0 0;
        padding-bottom: 90px
    }

    .db-cards-listing.add-bg-preview .colmn-gr-two.desktop-views {
        height: 100%;
        padding-bottom: 90px
    }

    .db-cards-listing.add-bg-preview .db-right-colmn.mobile-views {
        padding-bottom: 80px
    }

.social-props-info.hide-sharing-data {
    display: none
}

.social-sharing-info .iphone-user-data {
    padding: 10px 12px 12px
}

.social-sharing-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative
}

    .social-sharing-info .colmn-gr-two {
        width: 100%
    }

    .social-sharing-info .social-props-info.hide-sharing-data {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        background: #fff;
        position: relative;
        z-index: 4;
        border-radius: 0 0 32px 40px;
        padding: 10px
    }

    .social-sharing-info .social-contact-urls {
        width: 32px;
        height: 32px;
        display: inline-flex;
        padding: 0;
        justify-content: center;
        align-items: center;
        margin: 0 8px
    }

        .social-sharing-info .social-contact-urls span {
            display: none
        }

.designhill-logo-info {
    width: 80px;
    height: auto
}

.db-cards-listing.add-bg-preview .db-right-colmn.desktop-views .iphone-preview-props {
    min-height: auto
}

.db-right-colmn.desktop-views .social-props-info.hide-sharing-data {
    background: 0 0;
    margin-top: 64px;
    position: relative
}

    .db-right-colmn.desktop-views .social-props-info.hide-sharing-data:before {
        position: absolute;
        content: "";
        top: -32px;
        left: 50%;
        width: 100px;
        height: 2px;
        background: #000;
        transform: translateX(-50%)
    }

.card-order-infos {
    width: 100%;
    float: left
}

.card-order-wrapper {
    width: 100%;
    max-width: 900px;
    border-top: 8px solid var(--call-action);
    margin: 60px auto;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 1px 8px rgb(0 0 0/20%);
    text-align: center
}

.order-information-title {
    font-size: 36px;
    color: #333;
    line-height: 1.2;
    margin: 0
}

.order-subscription {
    font-size: 20px;
    color: #4d4d4d;
    line-height: 1.6;
    margin: 20px auto 30px;
    max-width: 754px
}

.buy-new-gift-card {
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    padding: 12px 22px;
    text-transform: uppercase;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: .2px;
    transition: transform .3s;
    min-width: 150px
}

    .buy-new-gift-card, .buy-new-gift-card:hover, .buy-new-gift-card:focus {
        background: var(--call-action);
        border: 2px solid var(--call-action);
        color: #fff;
        text-decoration: none
    }

        .buy-new-gift-card:hover {
            transform: translateY(-1px)
        }

.box-shadow-props {
    box-shadow: 0 3px 10px rgb(0 0 0/10%);
    -webkit-box-shadow: 0 3px 10px rgb(0 0 0/10%);
    -moz-box-shadow: 0 3px 10px rgb(0 0 0/10%);
    -ms-box-shadow: 0 3px 10px rgb(0 0 0/10%);
    -o-box-shadow: 0 3px 10px rgb(0 0 0/10%)
}

@media screen and (max-width: 991px) {
    .order-information-title {
        font-size: 32px
    }

    .order-subscription {
        font-size: 18px
    }
}

@media screen and (max-width: 480px) {
    .order-information-title {
        font-size: 25px
    }

    .order-subscription {
        font-size: 16px
    }
}

.common-alerts {
    border-radius: 3px;
    max-width: 500px;
    min-width: 350px;
    padding: 18px 12px;
    position: fixed;
    right: 40px;
    top: 40px;
    z-index: 999999;
    transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    opacity: 0
}

    .common-alerts > p {
        margin-bottom: 0;
        position: relative;
        padding: 0 30px;
        margin-top: 0
    }

    .common-alerts .icon-left {
        font-size: 20px;
        left: 5px;
        position: absolute;
        text-align: left;
        top: -2px;
        width: 30px;
        line-height: 1.2
    }

    .common-alerts .icon-remove {
        font-size: 18px;
        position: absolute;
        right: 0;
        text-align: right;
        width: 30px;
        cursor: pointer;
        top: 2px
    }

.success-msg .icon-remove {
    color: #b3c7ab
}

.warning-msg .icon-remove {
    color: #dfdbab
}

.error-msg .icon-remove {
    color: #c19594
}

.success-msg {
    background: #def2d6;
    color: #5a6e52;
    border: 1px solid #cddac9
}

.error-msg {
    background: #ebc8c4;
    color: #b2353d;
    border: 1px solid #ac8f91
}

.warning-msg {
    background: #f8f3d6;
    color: #886a36;
    border: 1px solid #e5e4c6
}

.common-alerts.message-info-props.alert-msg {
    background: #ffc107;
    color: #333;
    border-radius: 8px
}

    .common-alerts.message-info-props.alert-msg > p {
        padding: 0 30px 0 45px;
        font-size: 15px
    }

        .common-alerts.message-info-props.alert-msg > p a {
            padding: 0 10px 2px;
            background: #333;
            line-height: normal;
            border-radius: 4px;
            display: inline-flex;
            transition: transform .3s
        }

            .common-alerts.message-info-props.alert-msg > p a, .common-alerts.message-info-props.alert-msg > p a:hover, .common-alerts.message-info-props.alert-msg > p a:focus {
                background: #333;
                color: #fff
            }

                .common-alerts.message-info-props.alert-msg > p a:hover {
                    transform: translateY(-1px)
                }

    .common-alerts.message-info-props.alert-msg .icon-remove {
        font-size: 24px;
        top: -2px;
        -webkit-text-stroke: 2px #ffc107
    }

.icon-warning-sign:before {
    content: "\f071"
}

.common-alerts.alert-msg .icon-left {
    top: 5px
}

.alert-msg {
    background: #def2d6;
    color: #5a6e52;
    border: 1px solid #cddac9
}

.icon-ok:before {
    content: "\f00c"
}

.modal-dialog {
    margin-top: 100px
}

.model-boxes .text-center {
    display: block
}

.model-boxes .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.035) inset;
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,.035) inset;
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.035) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.035) inset;
    box-shadow: 0 1px 1px rgba(0,0,0,.035) inset
}

.model-boxes .btn-primary {
    background-color: #2f9f9e;
    border-color: #4897cc;
    color: #fff
}

    .model-boxes .btn-primary:hover {
        background-color: #2f9f9e;
        border-color: #2f9f9e;
        color: #fff
    }

.panel-footer {
    background-color: #2f9f9e;
    border-top: 1px solid #2f9f9e;
    color: #fff
}

    .panel-footer a {
        color: #fff;
        font-size: 13px
    }

.modal-backdrop.in {
    opacity: .8
}

.modal-header .close {
    font-size: 36px;
    font-weight: 700;
    opacity: 1;
    color: #fff
}

.dh-sign-popup .modal-dialog {
    margin-top: 4%
}

.model-boxes .modal-sm {
    width: 100%;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.model-boxes h3 {
    font-size: 25px;
    font-weight: 400;
    padding: 0;
    color: #000;
    margin: 10px auto;
    display: inline-block
}

.model-boxes .modal-header, .model-boxes.modal-body {
    padding: 15px 30px
}

.model-boxes .modal-header {
    background: #707482 none repeat scroll 0 0;
    color: #fff
}

    .model-boxes .modal-header h3 {
        color: #fff
    }

    .model-boxes .modal-header a {
        color: #b6ea6c;
        font-weight: 700
    }

        .model-boxes .modal-header a:hover {
            text-decoration: underline;
            color: #96ca4c
        }

.model-boxes .modal-body {
    padding: 15px 30px 30px;
    background: #f4f4f6 none repeat scroll 0 0;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px
}

.model-boxes p {
    font-size: 16px;
    margin: 0
}

.model-boxes label {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 10px
}

.model-boxes input[type=text], .model-boxes input[type=password], .eliminate-boxes textarea, .model-boxes select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c1c5cd;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 44px;
    width: 100%
}

.model-boxes.upgradeContest input[type=text], .model-boxes.upgradeContest input[type=password] {
    background: #fff;
    border: 1px solid #ddd;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 34px;
    width: 100%
}

.model-boxes.dh-sign-popup .modal-footer {
    background: #707482 none repeat scroll 0 0;
    border-radius: 0 0 6px 6px;
    color: #fff;
    display: inline-block;
    padding: 10px;
    text-transform: uppercase;
    width: 100%
}

.dh-sign-popup .bookmark-image {
    float: left;
    margin: 0 0 5px;
    width: 100%
}

.bookmark-image > img {
    height: 25px
}

.model-boxes.dh-sign-popup .modal-sm {
    background-color: transparent;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    width: 100%
}

.model-boxes.dh-sign-popup .modal-body {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

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

.model-boxes .input-group {
    width: 100%
}

.pay_launch_btn, .save {
    display: inline-block
}

    .pay_launch_btn a:hover {
        background: #76aa2c
    }

.model-boxes .controls {
    margin: 20px 0 15px;
    text-align: center
}

.dh-common-section .pay_launch_btn a {
    float: none
}

.dh-sign-popup .signup-socialmedia {
    text-align: center;
    margin: 15px 0 30px
}

.dh-sign-popup a.signup-fb {
    background-color: #3e5a97
}

    .dh-sign-popup a.signup-fb:hover {
        background-color: #5675ba
    }

.dh-sign-popup a.signup-tw {
    background-color: #0c8de2;
    margin: 0 15px
}

    .dh-sign-popup a.signup-tw:hover {
        background-color: #35a8f4
    }

.dh-sign-popup a.signup-gl {
    background-color: #dc4c3c
}

    .dh-sign-popup a.signup-gl:hover {
        background-color: #e36f62
    }

.dh-sign-popup .signup-socialmedia a {
    color: #fff;
    width: 34px;
    display: inline-block;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-radius: 2px;
    font-size: 11px;
    position: relative;
    transition: all .3s ease;
    border-radius: 3px;
    padding: 0
}

    .dh-sign-popup .signup-socialmedia a i {
        position: absolute;
        left: 0;
        height: 100%;
        width: 34px;
        line-height: 34px;
        top: 0;
        border-radius: 3px
    }

.dh-sign-popup .dh-popup-divider {
    color: #777;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    text-align: center
}

    .dh-sign-popup .dh-popup-divider:before {
        background-color: #eee;
        content: "";
        height: 2px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: 13px;
        width: 230px
    }

    .dh-sign-popup .dh-popup-divider > span {
        background: #f4f4f6 none repeat scroll 0 0;
        display: block;
        margin: 0 auto;
        position: relative;
        width: 34px;
        z-index: 2
    }

.model-boxes input[type=text].form-control.errorshowbg {
    border: #db404b solid 1px
}

.new-popup-design.model-boxes .modal-header {
    border-radius: 3px 3px 0 0;
    background-color: #f7f7f7;
    padding: 20px;
    border: none;
    position: relative
}

.new-popup-design.model-boxes .modal-body {
    padding: 20px;
    background-color: #fff
}

.new-popup-design.model-boxes .modal-header h3 {
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 1;
    color: #333
}

.new-popup-design.model-boxes .modal-header p {
    color: #333333 !important
}

.new-popup-design.model-boxes .modal-header .close:hover {
    opacity: .8
}

.new-popup-design.model-boxes .modal-body {
    padding: 20px;
    background-color: #fff
}

.new-popup-design.model-boxes .modal-header a {
    color: #333;
    text-decoration: underline;
    font-weight: 600
}

    .new-popup-design.model-boxes .modal-header a:hover {
        color: #333;
        text-decoration: none
    }

    .new-popup-design.model-boxes .modal-header a:focus, .new-popup-design.model-boxes .modal-header a:active {
        color: #333
    }

.new-popup-design.model-boxes .modal-footer {
    background-color: #fff;
    color: #333;
    padding: 20px;
    border-radius: 0 0 3px 3px
}

.new-popup-design.model-boxes .modal-content {
    border: none
}

.new-popup-design.model-boxes {
    padding: 0 !important
}

    .new-popup-design.model-boxes.dh-sign-popup .modal-dialog {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .new-popup-design.model-boxes .modal-header .close {
        font-size: 0;
        outline: none;
        opacity: .2;
        top: 50%;
        right: 20px;
        position: absolute;
        transform: translateY(-50%);
        z-index: 1
    }

    .new-popup-design.model-boxes .modal-footer .change-font-color, .new-popup-design.model-boxes.dh-sign-popup .modal-footer p {
        color: #333
    }

.change-sell-popup-props.model-boxes .modal-header a {
    text-decoration: underline !important;
    font-weight: 600
}

    .change-sell-popup-props.new-popup-design.model-boxes .modal-header a, .change-sell-popup-props.new-popup-design.model-boxes .modal-header a:hover, .change-sell-popup-props.new-popup-design.model-boxes .modal-header a:focus, .change-sell-popup-props.model-boxes .modal-header a, .change-sell-popup-props.model-boxes .modal-header a:hover, .change-sell-popup-props.model-boxes .modal-header a:focus {
        color: #db404b
    }

        .change-sell-popup-props.model-boxes .modal-header a:hover {
            text-decoration: none !important
        }

.error-message {
    margin-bottom: 10px;
    width: 100%;
    color: #db404b
}

    .error-message li {
        list-style: none
    }

.change-sell-popup-props.model-boxes label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px
}

.error-message .change-sell-popup-props.model-boxes label {
    margin-bottom: 0
}

.dh-sign-popup.change-sell-popup-props input[type=text], .dh-sign-popup.change-sell-popup-props input[type=password] {
    border: 2px solid #c1c5cd;
    border-radius: 4px !important;
    outline: none;
    box-shadow: none
}

.model-boxes input[type=text].form-control.errorshowbg {
    border: #db404b solid 2px
}

.change-sell-popup-props.model-boxes .modal-body p a {
    text-decoration: underline !important
}

    .change-sell-popup-props.model-boxes .modal-body p a, .change-sell-popup-props.model-boxes .modal-body p a:hover, .change-sell-popup-props.model-boxes .modal-body p a:focus {
        color: #db404b
    }

        .change-sell-popup-props.model-boxes .modal-body p a:hover {
            text-decoration: none !important
        }

.change-sell-popup-props.model-boxes a.forget {
    color: #db404b;
    text-decoration: underline !important
}

    .change-sell-popup-props.model-boxes a.forget:hover {
        text-decoration: none !important
    }

.frm-popup-login .pass-group {
    width: 100%;
    height: 44px
}

.pass-group {
    position: relative
}

    .pass-group .pass-eye {
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
        height: 100%
    }

.frm-popup-login .pass-group .pass-eye {
    right: 15px;
    z-index: 2
}

.pass-group .eyes {
    display: flex;
    cursor: pointer
}

.change-sell-popup-props.model-boxes svg {
    width: 18px;
    fill: #a29797cc
}

.pass-group .show-eye {
    display: none
}

@media (max-width: 576px) {
    .new-popup-design.model-boxes.dh-sign-popup .modal-dialog {
        width: 100%
    }

    .pricingPage.dhPricing {
        height: 620px
    }

    .pr-tab-wrapper {
        margin-top: -440px
    }
}

.model-boxes .radio label {
    font-size: 14px
}

.max-char {
    display: block;
    line-height: 1.3;
    margin-top: 10px;
    float: left
}

/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-transition-property: -webkit-transform,height;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform,height
    }

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

    .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

    .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px 0;
        display: block
    }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progress .swiper-pagination-progressbar {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

    .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
        background: #fff
    }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

    .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-slide {
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

    .swiper-lazy-preloader:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        -webkit-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.ouibounce-modal, #ouibounce-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

    .ouibounce-modal .underlay, #ouibounce-modal .underlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.5);
        cursor: pointer;
        -webkit-animation: fadein .5s;
        animation: fadein .5s
    }

    .ouibounce-modal .modal-exit, #ouibounce-modal .modal-exit {
        width: 600px;
        height: 400px;
        background-color: #f0f1f2;
        z-index: 1;
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 4px;
        -webkit-animation: popin .3s;
        animation: popin .3s
    }

    .ouibounce-modal .modal-title, #ouibounce-modal .modal-title {
        font-size: 18px;
        background-color: #252525;
        color: #fff;
        padding: 10px;
        margin: 0;
        border-radius: 4px 4px 0 0;
        text-align: center
    }

    .ouibounce-modal h3, #ouibounce-modal h3 {
        color: #fff;
        font-size: 1em;
        margin: .2em;
        text-transform: uppercase;
        font-weight: 500
    }

    .ouibounce-modal .modal-body-exit, #ouibounce-modal .modal-body-exit {
        padding: 20px 35px;
        font-size: .9em
    }

    .ouibounce-modal p, #ouibounce-modal p {
        color: #344a5f
    }

    .ouibounce-modal form, #ouibounce-modal form {
        text-align: center;
        margin-top: 35px
    }

        .ouibounce-modal form input[type=text], #ouibounce-modal form input[type=text] {
            padding: 12px;
            font-size: 1.2em;
            width: 300px;
            border-radius: 4px;
            border: 1px solid #ccc;
            -webkit-font-smoothing: antialiased
        }

        .ouibounce-modal form input[type=submit], #ouibounce-modal form input[type=submit] {
            text-transform: uppercase;
            font-weight: 700;
            padding: 12px;
            font-size: 1.1em;
            border-radius: 4px;
            color: #fff;
            background-color: #4ab471;
            border: none;
            cursor: pointer;
            -webkit-font-smoothing: antialiased
        }

        .ouibounce-modal form p, #ouibounce-modal form p {
            text-align: left;
            margin-left: 35px;
            opacity: .8;
            margin-top: 1px;
            padding-top: 1px;
            font-size: .9em
        }

    .ouibounce-modal .modal-footer, #ouibounce-modal .modal-footer {
        position: absolute;
        bottom: 20px;
        text-align: center;
        width: 100%
    }

        .ouibounce-modal .modal-footer p, #ouibounce-modal .modal-footer p {
            text-transform: capitalize;
            cursor: pointer;
            display: inline;
            border-bottom: 1px solid #344a5f
        }

.main-dh-chooseCss {
    display: inline-block;
    margin: 70px 0 0;
    width: 100%;
    font-size: 16px;
    position: relative
}

    .main-dh-chooseCss > p {
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 10px;
        text-transform: capitalize
    }

        .main-dh-chooseCss > p:before {
            border-bottom: 3px solid #81ba3d;
            content: "";
            position: absolute;
            top: 45px;
            width: 50%
        }

ul.custom-sublinesUl, .customLgo-btnCss {
    display: inline-block;
    width: 100%
}

.choose-popup-modal .custom-sublinesUl {
    font-size: 14px
}

li.subLines-liCss {
    font-size: 16px;
    font-weight: 500;
    margin-right: 25px;
    padding: 5px 0
}

.choose-popup-modal .subLines-liCss {
    margin: 0 0 3px;
    position: relative
}

.choose-dh .glyphicon.glyphicon-ok, .choose-popup-modal .glyphicon.glyphicon-ok {
    display: inline-block;
    font-size: 11px;
    left: 0;
    position: absolute;
    top: 14px
}

.main-dh-chooseCss .subLines-liCss > span {
    display: inline-block;
    padding-left: 20px;
    margin-left: 0
}

.choose-popup-modal .main-dh-chooseCss .subLines-liCss > span {
    font-size: 15px;
    font-weight: 600
}

.trusted-design-css {
    display: inline-block;
    position: relative
}

    .trusted-design-css img {
        border: 8px solid #fff;
        border-radius: 5px;
        box-shadow: 1px 1px 3px #555;
        -webkit-box-shadow: 1px 1px 3px #555;
        -o-box-shadow: 1px 1px 3px #555;
        -ms-box-shadow: 1px 1px 3px #555
    }

.exit-main-body {
    overflow: hidden
}

.coupon-code-modal {
    position: relative;
    padding: 0 20px
}

.coupon-icon {
    display: inline-block;
    padding: 20px 0 10px;
    text-align: center;
    width: 100%
}

.coupon-text {
    display: inline-block;
    padding: 20px 0 0;
    text-align: center;
    width: 100%
}

.code-heading {
    color: #000;
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%
}

.code-tagLine {
    color: #fff;
    display: inline-block;
    font-size: 24px;
    text-align: center
}

.code-btn-child {
    background: transparent none repeat scroll 0 0;
    display: inline-block;
    height: 47px;
    padding: 0;
    position: relative
}

    .code-btn-child .code-input {
        background: #eee none repeat scroll 0 0;
        border: 1px solid #ddd;
        border-radius: 21px;
        box-shadow: none;
        float: left;
        font-size: 19px;
        height: 100%;
        line-height: 45px;
        padding: 0 70px 0 10px;
        width: 250px
    }

.copy-code {
    background: #76aa2c none repeat scroll 0 0;
    border-radius: 0 21px 21px 0;
    color: #fff;
    cursor: pointer;
    height: 100%;
    line-height: 42px;
    padding: 1px 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal
}

    .copy-code .icon-copy-text {
        font-size: 15px;
        font-weight: 700;
        text-transform: capitalize
    }

        .copy-code .icon-copy-text:before {
            font-family: "Cerebri-sans",Helvetica,Arial,sans-serif
        }

    .copy-code i {
        font-size: 19px
    }

    .copy-code .icon-copy-text:before {
        content: "copy"
    }

.code-btn-css {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%
}

 

.ouibounce-modal, #ouibounce-modal {
    background: rgba(0,0,0,.6) none repeat scroll 0 0;
    height: 100%;
    overflow-y: auto;
    width: 100%;
    z-index: 99999
}

    .ouibounce-modal .modal-body-exit, #ouibounce-modal .modal-body-exit {
        width: auto
    }

.coupon-question {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    display: inline-block;
    padding: 10px 0 15px;
    text-align: center;
    width: 100%
}

.ques-title {
    color: #000;
    float: left;
    font-size: 15px;
    font-weight: 600;
    padding: 0 5px 10px;
    width: 100%
}

.coupon-question .whiteBtnNectar {
    float: left;
    width: 100%
}

    .coupon-question .whiteBtnNectar .btn.btn-default:first-child {
        margin-right: 15px
    }

    .coupon-question .whiteBtnNectar span {
        display: inline-block;
        width: 100%;
        text-align: center
    }

        .coupon-question .whiteBtnNectar span.code-test {
            width: 282px
        }

.code-test .input-number-css {
    box-sizing: border-box;
    display: inline-block;
    height: 32px;
    padding: 0 5px;
    width: 100%
}

.coupon-question .whiteBtnNectar .btn.btn-default.code-request-btn {
    display: inline-block;
    font-size: 13px;
    height: auto;
    margin-top: 7px;
    padding: 7px 0;
    width: 100%
}

.ouibounce-modal.exit-popup .modal-body-exit, #ouibounce-modal.exit-popup .modal-body-exit {
    background: transparent none repeat scroll 0 0;
    padding: 0;
    position: relative
}

.ouibounce-modal.exit-popup .modal-exit, #ouibounce-modal.exit-popup .modal-exit {
    position: relative;
    background: transparent none repeat scroll 0 0;
    height: auto;
    margin: 80px auto 0;
    width: 700px
}

.code-tagLine b {
    color: #76aa2c
}

.exit-poppuClose {
    background: #000 none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    height: 28px;
    line-height: 24px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -14px;
    width: 28px;
    z-index: 9
}

    .exit-poppuClose .icon-close {
        display: inline-block;
        margin: 0 0 0 -3px;
        width: auto
    }

.exit-consultation .coupon-question .whiteBtnNectar .btn.btn-default {
    float: left;
    font-size: 16px;
    padding: 13px 0;
    width: 100%
}

.coupon-question span.code-call-btn {
    background: #404040 none repeat scroll 0 0;
    border: 2px dashed;
    border-radius: 7px;
    color: #fff;
    float: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    margin-left: 17px;
    margin-right: 0;
    padding: 13px 0;
    width: 254px
}

.exit-images img {
    width: 130px
}

.coupon-question .whiteBtnNectar span.exit-btns-or {
    float: left;
    font-size: 14px;
    line-height: 75px;
    padding: 0 10px;
    text-transform: uppercase;
    vertical-align: middle;
    width: 20px
}

.redeem-code {
    color: #000;
    float: left;
    font-size: 15px;
    font-weight: 600;
    padding: 5px 0 15px 35px;
    text-align: center;
    width: auto
}

.exit-valid {
    display: inline-block;
    width: 100%
}

.redeem-code > span:first-child {
    font-weight: 700;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%
}

.exit-popups-main {
    opacity: 1;
    background: #1f8ceb none repeat scroll 0 0;
    border: 4px solid #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 20px
}

.exit-copied-section {
    background: #2980b9 none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    display: inline-block;
    left: 0;
    padding: 210px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease 0s;
    transform: scale(1.05)
}

.exit-copied-show {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.exit-copied-strip {
    background: #52a2db none repeat scroll 0 0;
    display: inline-block;
    font-size: 48px;
    padding: 40px 0;
    text-transform: uppercase;
    width: 100%
}

.exit-free-consultation .coupon-question .whiteBtnNectar span.code-test {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    width: 400px;
    float: none
}

.exit-free-consultation .coupon-question .whiteBtnNectar .btn.btn-default.code-request-btn {
    padding: 15px 0;
    width: 100%;
    font-size: 14px
}

.errormsgPopup {
    color: red;
    font-size: 16px;
    margin-top: 10px;
    text-align: center
}

.ouibounce-modal.tshirt-design-exit.exit-popup.choose-popup-modal .modal-exit, #ouibounce-modal.tshirt-design-exit.exit-popup.choose-popup-modal .modal-exit {
    width: 600px
}

.ouibounce-modal.tshirt-design-exit.exit-popup.choose-popup-modal .modal-body-exit, #ouibounce-modal.tshirt-design-exit.exit-popup.choose-popup-modal .modal-body-exit {
    float: none
}

.ouibounce-modal.tshirt-design-exit.exit-popup.choose-popup-modal .exit-poppuClose, #ouibounce-modal.tshirt-design-exit.exit-popup.choose-popup-modal .exit-poppuClose {
    right: -5px;
    top: -18px
}

.ouibounce-modal.tshirt-design-exit.exit-popup.choose-popup-modal .modal-body-exit, #ouibounce-modal.tshirt-design-exit.exit-popup.choose-popup-modal .modal-body-exit {
    margin-bottom: 0;
    background-color: transparent;
    padding: 0
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes popin {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    85% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-ms-keyframes popin {
    0% {
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    85% {
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1
    }

    100% {
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes popin {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    85% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.ouibounce-modal.exit-popup.exit--chooseDesign .modal-exit, #ouibounce-modal.exit-popup.exit--chooseDesign .modal-exit {
    width: 850px;
    margin: 50px auto 0
}

.exit--chooseDesign .modal-exitHeader {
    background: #707482 none repeat scroll 0 0;
    border-bottom: 1px solid #e5e5e5;
    color: #fff;
    padding: 7px;
    position: relative
}

    .exit--chooseDesign .modal-exitHeader .head-choose-title {
        font-size: 21px;
        font-weight: 500;
        text-align: center
    }

.exit--chooseDesign.choose-popup-modal .main-dh-chooseCss .subLines-liCss > span {
    font-weight: 500
}

.exit--chooseDesign.choose-popup-modal .main-dh-chooseCss {
    margin: 0
}

.ouibounce-modal.exit-popup.choose-popup-modal .modal-body-exit, #ouibounce-modal.exit-popup.choose-popup-modal .modal-body-exit {
    margin-bottom: 40px;
    background: #f4f4f6 none repeat scroll 0 0;
    float: left;
    padding: 15px;
    width: 100%
}

    .ouibounce-modal.exit-popup.choose-popup-modal .modal-body-exit .subLines-liCss, #ouibounce-modal.exit-popup.choose-popup-modal .modal-body-exit .subLines-liCss {
        margin-bottom: 3px
    }

.exit--chooseDesign .coupon-question {
    background: #909090 none repeat scroll 0 0;
    padding: 10px 10px 15px
}

.exit--chooseDesign .ques-title {
    color: #fff;
    font-weight: 500;
    font-size: 16px
}

.exit--chooseDesign .coupon-question span.code-call-btn {
    margin-left: 0;
    width: 355px
}

.exit--chooseDesign .coupon-question .whiteBtnNectar span.exit-btns-or {
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: 600;
    width: 100px
}

.exit--chooseDesign.choose-popup-modal .how-work-video {
    padding: 12px 0 0 15px
}

.exit--trusted {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: -40px;
    text-align: center;
    width: 100%
}

.ouibounce-modal .main-dh-chooseCss > p, #ouibounce-modal .main-dh-chooseCss > p {
    color: #333
}

.exit--chooseDesign.choose-popup-modal .main-dh-chooseCss .subLines-liCss > span.money--back {
    font-weight: 700
}

.ouibounce-modal .main-dh-chooseCss > p, #ouibounce-modal .main-dh-chooseCss > p {
    color: #333;
    font-size: 22px;
    margin-bottom: 10px
}

    .ouibounce-modal .main-dh-chooseCss > p:before, #ouibounce-modal .main-dh-chooseCss > p:before {
        top: 35px
    }

.coupon-question .whiteBtnNectar .btn.btn-default.code-request-btn {
    padding: 8px 0;
    margin-top: 16px
}

.coupon-question.free--designBook .whiteBtnNectar span.code-test {
    width: 300px
}

.coupon-question.free--designBook .whiteBtnNectar .btn.btn-default.code-request-btn {
    font-size: 14px;
    margin: 0;
    padding: 15px 0
}

.coupon-question .whiteBtnNectar span.exit-continueBtn {
    float: left;
    margin: 15px auto;
    width: 180px
}

.exit--chooseDesign .whiteBtnNectar span.exit-btns-or {
    color: #fff
}

.exit--chooseDesign .free--designBook .whiteBtnNectar span.code-test {
    float: none;
    width: 300px
}

.exit--chooseDesign .free--designBook .whiteBtnNectar span.exit-btns-or {
    display: inline-block;
    float: none
}

.free--designBook .whiteBtnNectar span.exit-continueBtn {
    display: inline-block;
    float: none
}

.coupon-question .whiteBtnNectar span.code-call-btn, .coupon-question .whiteBtnNectar span.exit-btns-or {
    display: none
}

@media (max-width: 991px) {
    .exit-popup {
        display: none !important
    }
}

#ouibounce-modal.exit-popup.ouibounce-props .modal-exit {
    margin: 60px auto
}

.ouibounce-titles {
    position: relative;
    padding: 24px;
    background: #f2f2f2
}

#ouibounce-modal.exit-popup.choose-popup-modal.ouibounce-props .modal-body-exit {
    background: #fff;
    padding: 24px 24px 0
}

#ouibounce-modal.exit-popup.choose-popup-modal.ouibounce-props .modal-exitHeader {
    background: #f2f2f2;
    border-bottom: none;
    padding: 0
}

#ouibounce-modal.exit-popup.choose-popup-modal.ouibounce-props .home--bottom-video {
    margin-top: 0
}

.exit-popup.ouibounce-props .exit-popups-main {
    background: #fff;
    border-radius: 0;
    padding: 32px 20px 30px;
    border: none
}

#ouibounce-modal.exit-popup.choose-popup-modal.ouibounce-props .modal-exit.specify-margin {
    display: flex;
    flex-direction: column;
    margin: 60px auto
}

    #ouibounce-modal.exit-popup.choose-popup-modal.ouibounce-props .modal-exit.specify-margin .modal-body-exit {
        margin-bottom: 0
    }

#ouibounce-modal.exit-popup.choose-popup-modal.ouibounce-props .col-lg-6.dh_pic_lazy {
    padding-right: 0
}

#ouibounce-modal.exit-popup.choose-popup-modal.ouibounce-props .customLgo-btnCss {
    display: none
}

#ouibounce-modal.exit-popup.choose-popup-modal.ouibounce-props .custom-sublinesUl {
    width: 100%;
    float: left
}

#ouibounce-modal.exit-popup.choose-popup-modal.ouibounce-props .customLgo-btnCss {
    margin-bottom: 0
}

#ouibounce-modal.exit-popup.choose-popup-modal.ouibounce-props .glyphicon.glyphicon-ok {
    top: 12px
}

.exit-popup.ouibounce-props .exit-images img {
    background: #d3d3d3;
    border-radius: 8px;
    margin-bottom: 24px
}

.exit-popup.ouibounce-props .code-test .input-number-css {
    height: 40px
}

.exit-popup.ouibounce-props .coupon-code-modal, .exit-popup.ouibounce-props .coupon-text {
    padding: 0
}

.exit-popup.ouibounce-props .coupon-question {
    padding-bottom: 0;
    padding-top: 20px
}

.exit-popup.ouibounce-props .code-test .input-number-css {
    font-size: 15px
}

.exit-popup.ouibounce-props .exit-valid {
    margin-top: 4px
}

.exit-popup.ouibounce-props .code-btn-css {
    margin-top: 32px;
    border-top: #f2f2f2 solid 2px;
    border-bottom: #f2f2f2 solid 2px;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px
}

.break-plus-text {
    display: block;
    font-size: 34px;
    line-height: 1
}

.exit-popup.ouibounce-props .code-heading {
    margin-bottom: 16px;
    line-height: normal
}

.exit-popup.ouibounce-props .code-tagLine {
    color: #333;
    font-size: 21px;
    max-width: 600px;
    line-height: 1.3
}

.exit-popup.ouibounce-props .redeem-code {
    padding: 20px 0;
    float: none
}

.exit-popup.ouibounce-props .code-btn-child {
    margin: 4px auto;
    float: none
}

.exit-popup.ouibounce-props .ques-title {
    max-width: 555px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none
}

.ouibounce-titles .icon-close {
    font-size: 32px;
    color: #a29797cc;
    -webkit-text-stroke: 4px #f2f2f2
}

    .ouibounce-titles .icon-close:before {
        padding: 0
    }

.ouibounce-titles .exit-poppuClose {
    background: 0 0;
    border: none;
    border-radius: 0;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center
}

.oui-title-prop {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin: 0;
    padding-right: 24px
}

.exit-popup.ouibounce-props .exit-popup.ouibounce-props .request-call-help {
    border-top: #f2f2f2 solid 2px;
    padding: 20px 24px;
    text-align: right;
    margin-top: 20px
}

.exit-popup.ouibounce-props .request-call-help {
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-right: -24px
}

.exit-popup.ouibounce-props .coupon-qn-wrap {
    background: #909090 none repeat scroll 0 0;
    padding: 16px 16px 24px;
    border-radius: 4px;
    display: flex;
    flex-direction: column
}

.exit-popup.ouibounce-props .ques-title {
    color: #fff;
    font-weight: 500;
    font-size: 16px
}

    .exit-popup.ouibounce-props .ques-title.change-color-props {
        color: #333
    }

    .exit-popup.ouibounce-props .ques-title span {
        display: block
    }

.exit-popup.ouibounce-props .coupon-question.remove-bgprop {
    background: 0 0;
    padding: 0;
    margin-top: 16px
}

.request-call-help {
    border-top: #f2f2f2 solid 2px;
    padding: 20px 24px;
    text-align: right;
    margin-top: 20px
}

.footer-call .code-request-btn {
    margin-top: 16px
}

    .footer-call .code-request-btn, .footer-call .code-request-btn:hover, .footer-call .code-request-btn:focus, .request-call-help a, .request-call-help a:hover, .request-call-help a:focus, .request-call-help a:active {
        background: #82bc3b;
        color: #fff;
        border-radius: 30px;
        padding: 12px 24px;
        text-transform: uppercase;
        font-weight: 500
    }

.home--banner-video .banner-box .content-wrappers {
    top: 10%;
    transform: translate(-50%,0%)
}

.home--banner-video .le-template--top {
    display: none
}

.home--bottom-video {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center
}

    .home--bottom-video .video-play-arrow {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        z-index: 1;
        background-color: rgba(255,255,255,.3);
        width: 120px;
        height: 120px;
        border-radius: 100%;
        transition: all .15s linear 0s
    }

.hWaCHT {
    margin-right: -5px;
    transition: all .15s linear 0s
}

.home--bottom-video .video-paly-cirlce {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    z-index: 0;
    flex: 1 1 0%;
    transition: all .2s linear 0s
}

.home--bottom-video .video-paly-button {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    flex: 1 1 0%;
    transition: all .1s linear 0s
}

.home--bottom-video .videon-banner img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transition: all 1s linear 0s
}

.home--bottom-video .video-new-design {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    width: 100%;
    max-width: 930px
}

.home--bottom-video .videon-banner {
    position: relative;
    border-radius: 5px
}

.home--bottom-video .video-bg {
    padding-top: 56.2259%;
    width: 100%;
    height: 0;
    position: static;
    top: 0;
    left: 0
}

.home--bottom-video .video-new-design:hover .video-paly-cirlce {
    opacity: .6
}

.home--bottom-video .video-new-design:hover .video-play-arrow {
    transform: scale(1.05)
}

.home--bottom-video .video-play-arrow:hover {
    cursor: pointer;
    background-color: rgba(255,255,255,.4);
    transform: scale(1.1) !important
}

.home--bottom-video .banner-video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: auto;
    border-width: 0;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: 5px;
    display: none;
    border-radius: 5px
}

.new-video-section .home--bottom-video {
    padding-top: 40px
}

.home--bottom-video .video-paly-button {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    flex: 1 1 0%;
    transition: all .1s linear 0s
}

.video-play-arrow.reduce-size {
    width: 80px;
    height: 80px
}

    .video-play-arrow.reduce-size svg {
        width: 40px
    }

.modal.launch-contest-feedback .modal-header {
    background: #f2f2f2;
    min-height: auto;
    padding: 20px;
    border: none;
    box-shadow: none;
    position: relative
}

.modal.launch-contest-feedback .modal-content {
    width: 100%;
    float: left;
    background: #fff;
    border-radius: 0
}

.modal.launch-contest-feedback .modal-title {
    margin: 0;
    padding-right: 24px;
    color: #333;
    line-height: normal
}

.modal.launch-contest-feedback .modal-footer {
    width: 100%;
    float: left;
    border-top: #f2f2f2 solid 2px;
    padding: 20px
}

.modal.launch-contest-feedback .modal-body {
    background: #fff;
    padding: 24px
}

.modal.launch-contest-feedback .btn {
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 30px;
    letter-spacing: .8px;
    text-transform: uppercase
}

.modal.launch-contest-feedback .icon-close {
    font-size: 32px
}

.modal.launch-contest-feedback .icon-clos:before {
    padding: 0
}

.modal.launch-contest-feedback .close {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    margin-top: -1px;
    color: #a29797cc;
    -webkit-text-stroke: 4px #f2f2f2;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.launch--popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: linear-gradient(to bottom,rgba(255,255,255,.9) 0,#fff 22%);
    z-index: 9999;
    opacity: 0;
    transition: opacity .3s ease-out;
    display: none;
    -webkit-overflow-scrolling: touch
}

.is-visible {
    display: block
}

.is-open {
    opacity: 1
}

.launch--popup-close-btn {
    position: relative;
    top: initial;
    right: initial;
    padding: 30px;
    text-align: right;
    z-index: 1
}

    .launch--popup-close-btn .round-btn {
        background: 0 0;
        border: 0;
        padding: 0;
        cursor: pointer;
        text-align: center;
        display: inline;
        position: relative;
        z-index: 0;
        overflow: visible;
        font-size: 16px;
        line-height: 1.6;
        width: 2.75em;
        height: 2.75em;
        color: #555;
        opacity: .5;
        transition: opacity .3s ease-out;
        outline: none;
        -webkit-overflow-scrolling: touch
    }

        .launch--popup-close-btn .round-btn:hover, .launch--popup-close-btn .round-btn:active {
            opacity: 1;
            outline: none
        }

        .launch--popup-close-btn .round-btn:after {
            position: absolute;
            display: block;
            content: '';
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-style: solid;
            border-width: 2px;
            border-radius: 50%
        }

.launch--popup--main, .launch--popup--body {
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: block
}

.launch--popup--body {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.launch--popup--container {
    position: relative;
    max-width: 1000px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-height: 100%;
    transition: .15s max-width;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.launch--popup--content {
    position: relative;
    margin-top: 100px;
    margin-bottom: 45px;
    color: #555
}

.launch--popup--image {
    position: absolute;
    width: 1000px;
    top: 100px;
    left: 588px;
    z-index: -1
}

    .launch--popup--image.launch--popup--image-3 {
        left: 98%
    }

.launch--popup--header {
    position: relative;
    width: 50%;
    margin-left: 25%
}

    .launch--popup--header .launch--popup--heading {
        font-size: 48px;
        margin-top: 0;
        margin-bottom: 1.6rem;
        font-weight: 600;
        line-height: 1.05
    }

        .launch--popup--header .launch--popup--heading:after {
            content: '—';
            display: block
        }

    .launch--popup--header .launch--popup--para {
        font-size: 16px;
        line-height: 1.6;
        margin: 0 0 1.6rem;
        margin-left: 30px;
        color: #555
    }

.launch--popup--boxes {
    position: relative;
    margin-bottom: 45px;
    margin-top: 40px;
    text-align: center;
    display: flex;
    justify-content: center
}

.get-started-now-popup .launch--popup--boxes {
    justify-content: space-between
}

    .get-started-now-popup .launch--popup--boxes .launch--popup--boxes--item {
        width: 47.5%
    }

.launch--popup--boxes .launch--popup--boxes--item {
    position: relative;
    text-align: left;
    z-index: 2;
    color: inherit;
    display: block;
    width: 50%;
    max-width: none;
    padding: 45px 50px 22px
}

.launch--popup--boxes .shadow-content {
    box-shadow: 0 14px 42px 0 rgba(0,0,0,.2);
    background-color: #fff
}

.launch--popup--boxes .launch--popup--boxes--item:not(.shadow-content) .popup--boxes--item--head {
    color: #555
}

.launch--popup--para {
    color: #555;
    font-size: 16px;
    line-height: 1.6
}

.popup--boxes--item--head {
    margin-bottom: 15px;
    display: flex;
    align-items: center
}

    .popup--boxes--item--head .boxes--item--icon {
        margin-right: 15px;
        width: 30px;
        height: 30px
    }

    .popup--boxes--item--head .boxes--item--heading {
        font-size: 24px;
        margin-top: 0;
        font-weight: 600;
        line-height: 1.05
    }

.launch--popup--boxes .launch--popup--boxes--item.shadow-content .popup--boxes--item--head .boxes--item--heading {
    color: #555
}

.launch--popup--para-listing {
    margin-bottom: 1.6em
}

    .launch--popup--para-listing .list-itme {
        margin-bottom: 5px;
        line-height: 1.6;
        position: relative;
        padding-left: 25px
    }

        .launch--popup--para-listing .list-itme:before {
            color: #82bc4b;
            content: '\f00c';
            position: absolute;
            top: 0;
            left: 0;
            font-family: fontawesome,Helvetica,Arial,sans-serif
        }

.launch--popup-para-content {
    max-width: 20em;
    margin: 0 0 1.6rem
}

.launch--popup--btn, .launch--popup--link {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 15px
}

.launch--popup--btn {
    margin-right: 15px
}

.launch--popup--boxes .launch--popup--boxes--item:not(.shadow-content) .launch-btn {
    color: #555;
    background-color: transparent;
    border: 3px solid #555;
    background-image: none
}

    .launch--popup--boxes .launch--popup--boxes--item:not(.shadow-content) .launch-btn:hover {
        opacity: .7
    }

.launch--popup--boxes .launch--popup--boxes--item:not(.shadow-content) .launch-link {
    color: #555
}

    .launch--popup--boxes .launch--popup--boxes--item:not(.shadow-content) .launch-link:hover {
        color: #555;
        border-color: #555
    }

.launch-btn {
    transition: all .3s ease-out;
    line-height: 1.3;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 19px;
    border-radius: 2px;
    position: relative;
    text-decoration: none;
    color: #fff;
    padding: 12px 30px;
    font-weight: 600;
    background-image: linear-gradient(180deg,#82bc3b 0,#7eb831 100%);
    border: 3px solid transparent
}

    .launch-btn:hover, .launch-btn:focus, .launch-btn:active {
        text-decoration: none;
        color: #fff;
        background-color: rgba(219,63,53,.7)
    }

.launch-link {
    transition: border-color .15s ease-out;
    color: #82bc3b;
    border-bottom: solid 4px rgba(85,85,85,0);
    font-size: 19px;
    text-decoration: none;
    position: relative;
    font-weight: 600
}

    .launch-link span {
        margin-right: 10px
    }

    .launch-link:hover, .launch-link:active, .launch-link:focus {
        text-decoration: none;
        color: #82bc3b;
        border-color: #82bc3b
    }

.launch--popup .btn {
    display: inline-block;
    padding: 6px 12px;
    font-size: 15px;
    font-weight: 500;
    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;
    -webkit-transition: transform .15s ease;
    transition: transform .15s ease;
    letter-spacing: .2px;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    border-radius: 50px;
    padding: 12px 30px
}

.launch--popup .btn-white {
    background-color: #fff;
    color: #82bc3b;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1);
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
    font-size: 17px
}

    .launch--popup .btn-white:focus {
        color: #82bc3b
    }

    .launch--popup .btn-white:hover, .launch--popup .btn-white:active {
        -webkit-box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
        box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
        color: #82bc3b
    }

    .launch--popup .btn-white:active {
        background-color: #f6f9fc;
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
        -webkit-box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
        box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
        color: #82bc3b
    }

.launch--popup .btn-bblue:focus {
    color: #fff
}

.launch--popup .btn-bblue {
    background-color: #82bc3b;
    color: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1);
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
    font-size: 17px
}

    .launch--popup .btn-bblue:hover, .btn-bblue:active {
        -webkit-box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
        box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
        color: #fff
    }

    .launch--popup .btn-bblue:active {
        background-color: #82bc3b;
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
        -webkit-box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
        box-shadow: 0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
        color: #fff
    }

.launch--popup .btn-border {
    border-radius: 50px;
    border: 2px solid #82bc3b;
    color: #82bc3b;
    padding: 12px 38px;
    font-size: 17px
}

    .launch--popup .btn-border:focus {
        color: #82bc3b;
        box-shadow: none
    }

    .launch--popup .btn-border:hover, .launch--popup .btn-border:active {
        color: #fff;
        background-color: #82bc3b;
        border-color: #82bc3b
    }

@media screen and (max-width: 991px) {
    .launch--popup--header .launch--popup--heading {
        font-size: 40px
    }

    .launch--popup--boxes .launch--popup--boxes--item {
        min-width: 450px
    }

    .launch--popup--boxes .launch--popup--boxes--item {
        min-width: 450px
    }
}

@media (max-width: 900px) {
    .launch--popup--container {
        top: auto;
        left: auto;
        transform: none
    }

    .launch--popup--boxes {
        flex-direction: column;
        align-items: center
    }
}

@media screen and (max-width: 576px) {
    .launch--popup--image {
        display: none;
        width: auto
    }

    .launch--popup-close-btn {
        padding: 15px 30px
    }

    .launch--popup--main, .launch--popup--body {
        position: relative;
        overflow: unset
    }

    .launch--popup--body {
        overflow-y: unset;
        overflow-x: unset
    }

    .launch--popup--content {
        margin-top: -30px
    }

    .launch--popup--header {
        width: 100%;
        margin-left: 0
    }

        .launch--popup--header .launch--popup--heading {
            font-size: 32px
        }

    .launch--popup--boxes .launch--popup--boxes--item {
        width: 100%;
        padding: 15px 0;
        min-width: 100%
    }

    .launch--popup--btn, .launch--popup--link {
        display: block;
        text-align: center;
        width: 100%
    }

    .launch--popup .btn-border, .launch--popup .btn-bblue, .launch--popup .btn-white, .find-experts a.btn {
        width: 100%
    }

    .launch--popup--boxes .launch--popup--boxes--item {
        width: 100%;
        padding: 15px 0;
        min-width: 100%
    }

    .launch--popup--boxes .shadow-content {
        box-shadow: none;
        background-color: transparent
    }
}

@media screen and (max-width: 480px) {
    .categories-top-content > a, .launch--popup .btn-border, .launch--popup .btn-white {
        font-size: 18px;
        width: 100%;
        padding: 10px 30px
    }
}

.testimonial-revies-lists .tm-right .read_mr {
    width: auto;
    cursor: pointer
}

    .testimonial-revies-lists .tm-right .read_mr:hover {
        text-decoration: underline
    }

.parallaxHead.parallaxWinning.award-winning-changes {
    padding-bottom: 0;
    max-height: 725px;
    background-position: bottom center;
    margin-bottom: 180px
}

.award-winning-changes .container .row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center
}

.award-winning-changes .container .col-md-6 {
    width: 100%
}

.award-winning-changes .home--bottom-video .banner-video {
    position: absolute;
    top: 1%;
    bottom: 15%;
    left: 12%;
    right: 12%;
    z-index: 1;
    width: calc(77% - 0%);
    height: 94%;
    background: #000;
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: 5px;
    display: none;
    border-radius: 12px
}

.award-winning-thumbnail .home--bottom-video {
    bottom: -45px
}

.award-winning-title {
    font-size: 43px;
    font-weight: 600;
    margin: 0 0 24px;
    text-align: center
}

.pull-left.filter-wraps {
    width: 100%;
    text-align: center
}

    .pull-left.filter-wraps .btn-group.catby {
        width: 100%;
        min-width: 600px;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto
    }

.design_gallery .award-winning-dropdown.change-dropdown .common-btn--group .search-css {
    height: 66px;
    padding-left: 16px;
    font-size: 16px
}

.design_gallery .award-winning-dropdown.change-dropdown .common-btn--group .caret {
    top: 33px;
    right: 16px
}

.award-winning-dropdown.change-dropdown .btn-group .dropdown_check > a {
    font-size: 16px
}

.design_gallery .award-winning-dropdown.change-dropdown .common--dropdown.dropdown-menu {
    top: 68px
}

@media screen and (max-width: 991px) {
    .award-winning-thumbnail .home--bottom-video {
        margin-top: 0
    }

    .parallaxHead.parallaxWinning.award-winning-changes {
        margin-bottom: 90px
    }

        .parallaxHead.parallaxWinning.award-winning-changes .homesliderSubHead2 {
            margin-bottom: 40px
        }
}

@media screen and (max-width: 767px) {
    .award-winning-title {
        font-size: 33px
    }

    .parallaxHead.parallaxWinning.award-winning-changes {
        margin-bottom: 60px
    }

    #WinningEntriesInn.awarded--designs .winShowcaseDesign .pro-design .common-pro-css, #WinningEntriesInn.awarded--designs .winShowcaseDesign .iWantDesignLink {
        height: 48px
    }

        #WinningEntriesInn.awarded--designs .winShowcaseDesign .iWantDesignLink > a {
            height: 48px;
            display: flex;
            width: 100%;
            justify-content: center;
            align-items: center
        }

    #WinningEntriesInn.awarded--designs .winShowcaseDesign .pro-design {
        height: 48px;
        bottom: 113px
    }
}

@media screen and (max-width: 640px) {
    .pull-left.filter-wraps .btn-group.catby {
        min-width: 100%
    }

    .design_gallery .award-winning-dropdown.change-dropdown .common-btn--group .search-css {
        height: 40px;
        padding-left: 15px;
        padding-right: 15px
    }

    .design_gallery .award-winning-dropdown.change-dropdown .common-btn--group .caret {
        top: 19px;
        right: 12px
    }

    .design_gallery .award-winning-dropdown.change-dropdown .common--dropdown.dropdown-menu {
        top: 44px
    }
}

.stats-journey {
    background: #fff;
    padding-top: 60px;
    padding-bottom: 54px
}

    .stats-journey .founder-story-btn {
        margin: 0;
        padding: 0 15px 50px;
        line-height: 1
    }

        .stats-journey .founder-story-btn:before {
            bottom: 30px
        }

    .stats-journey * {
        color: #fff
    }

    .stats-journey .swiper-slide {
        height: auto;
        background: #da1f56;
        margin-bottom: 80px;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .stats-journey .swiper-container-horizontal > .swiper-pagination-bullets, .stats-journey .swiper-pagination-custom, .stats-journey .swiper-pagination-fraction {
        bottom: 0
    }

.stats-slider.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 3px 10px
}

.stats-journey .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    box-shadow: 0 0 0 3px #ddd,0 0 0 5px #da1f56
}

.stats-journey .swiper-pagination-bullet {
    background: #da1f56;
    cursor: pointer;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    transition: all .4s ease;
    opacity: .5
}

.stats-display {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 100%
}

.stats-detail {
    display: inline-flex;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
    text-align: right
}

    .stats-detail.right-align-div .stats-detail-info {
        display: flex;
        justify-content: flex-end
    }

.stats-numb {
    font-size: 50px;
    color: #fff;
    line-height: normal;
    font-weight: 500;
    line-height: 1
}

    .stats-numb .icon {
        font-size: 48px;
        -webkit-text-stroke: 4px #da1f56
    }

    .stats-numb.increase-size {
        font-size: 110px
    }

        .stats-numb.increase-size .icon {
            font-size: 100px;
            -webkit-text-stroke: 6px #da1f56
        }

    .stats-numb span {
        font-weight: 500
    }

.stats-detail-info {
    font-size: 36px;
    font-weight: 500;
    text-align: right;
    line-height: 1
}

.stats-infos {
    font-size: 17px;
    font-weight: 400;
    text-align: right;
    margin-top: 12px
}

    .stats-infos span {
        display: block;
        text-align: right
    }

.text-align-left {
    text-align: left
}

.stats-numb.small-font {
    font-size: 50px;
    text-align: left
}

    .stats-numb.small-font .icon {
        font-size: 44px;
        -webkit-text-stroke: 3px #da1f56
    }

.stats-numb.medium-font {
    font-size: 70px;
    text-align: left
}

    .stats-numb.medium-font .icon {
        font-size: 54px;
        -webkit-text-stroke: 4px #da1f56
    }

.stats-numb.large-font {
    font-size: 90px;
    text-align: right
}

    .stats-numb.large-font .icon {
        font-size: 80px;
        -webkit-text-stroke: 8px #da1f56
    }

.stats-detail-info.increase-font {
    font-size: 40px;
    font-weight: 700
}

@media screen and (max-width: 1200px) {
    .stats-detail {
        width: 33.333%
    }

    .stats-numb, .stats-numb .icon {
        font-size: 34px
    }

    .stats-detail-info {
        font-size: 28px
    }

    .stats-numb.increase-size, .stats-numb.increase-size .icon {
        font-size: 60px
    }

        .stats-numb.small-font .icon, .stats-numb.increase-size .icon {
            -webkit-text-stroke: 4px #da1f56
        }

    .stats-numb.large-font .icon {
        -webkit-text-stroke: 8px #da1f56
    }

    .stats-numb.medium-font .icon {
        -webkit-text-stroke: 6px #da1f56
    }

    .stats-numb.small-font, .stats-numb.small-font .icon {
        font-size: 44px
    }

    .stats-numb.medium-font, .stats-numb.medium-font .icon {
        font-size: 54px
    }

    .stats-numb.large-font, .stats-numb.large-font .icon {
        font-size: 64px
    }

    .stats-detail, .stats-detail-info, .stats-infos {
        text-align: left
    }

        .stats-infos span {
            text-align: left;
            display: inline
        }

        .stats-detail-info.increase-font {
            text-align: left;
            font-size: 28px
        }
}

@media screen and (max-width: 767px) {
    .stats-detail.right-align-div .stats-detail-info {
        text-align: center;
        justify-content: center
    }

    .stats-display {
        flex-direction: column;
        justify-content: flex-start
    }

        .stats-display .stats-detail {
            margin-top: 24px
        }

            .stats-display .stats-detail:first-child {
                margin-top: 0
            }

    .stats-numb.small-font, .stats-numb.medium-font, .stats-numb.large-font, .stats-detail-info.increase-font, .stats-detail, .stats-detail-info, .stats-infos {
        width: 100%;
        text-align: center
    }

    .stats-detail-info {
        font-size: 22px
    }

    .stats-numb.small-font, .stats-numb.small-font .icon {
        font-size: 32px
    }

    .stats-numb.medium-font, .stats-numb.medium-font .icon {
        font-size: 42px
    }

    .stats-numb.large-font, .stats-numb.large-font .icon {
        font-size: 52px
    }

        .stats-numb.medium-font .icon, .stats-numb.large-font .icon {
            margin-left: 4px
        }
}

.align-center {
    text-align: center
}

.founder-story img {
    border-radius: 24px;
    height: auto
}

.founder-story-title {
    font-size: 48px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    position: relative;
    margin: 0
}

    .founder-story-title:before {
        position: absolute;
        content: '';
        top: auto;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #333
    }

.founder-story-description {
    font-size: 17px;
    font-weight: 400;
    color: #333;
    line-height: 1.6;
    margin-top: 16px;
    margin-bottom: 0;
    text-align: justify
}

.expertise-lising-wrapper > li.make-it-bold {
    font-size: 36px;
    font-weight: 700
}

.expertise-lising-wrapper > li.make-semi-bold {
    font-size: 33px;
    font-weight: 600
}

.founder-story-description a {
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: underline;
    display: inline-block
}

    .founder-story-description a, .founder-story-description a:hover, .founder-story-description a:focus {
        color: #db404b
    }

        .founder-story-description a:hover {
            text-decoration: none
        }

.founder-story picture {
    width: 100%;
    float: left;
    padding-top: 62px;
    text-align: right
}

.bottom-spacing {
    margin-bottom: 60px
}

.founder-story-btn {
    font-size: 33px;
    margin: 0 0 40px;
    font-weight: 600;
    color: #333;
    letter-spacing: .8px;
    line-height: normal;
    display: flex;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    position: relative
}

    .founder-story-btn.reduce-margin-bottom {
        margin-bottom: 0
    }

    .founder-story-btn.add-margin-top {
        margin-top: 60px
    }

    .founder-story-btn:before {
        position: absolute;
        content: "";
        width: 100px;
        height: 2px;
        background: #333;
        left: 50%;
        transform: translateX(-50%);
        bottom: -10px
    }

.submit-information {
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .8px;
    padding: 12px 0;
    border-radius: 30px;
    transition: transform .3s;
    line-height: normal;
    outline: none;
    offset: none
}

.around-shadow {
    -webkit-box-shadow: 0 3px 10px rgb(0 0 0/10%);
    -moz-box-shadow: 0 3px 10px rgb(0 0 0/10%);
    -o-box-shadow: 0 3px 10px rgb(0 0 0/10%);
    box-shadow: 0 3px 10px rgb(0 0 0/10%)
}

.submit-information, .submit-information:hover, .submit-information:focus {
    background: #82bc3b;
    border: #82bc3b solid 2px;
    color: #fff
}

    .submit-information:hover {
        transform: translateY(-1px)
    }

.blog-container {
    width: 100%;
    max-width: 1430px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.founder-blog-lists .blog-container {
    padding-left: 16px;
    padding-right: 16px
}

.blog-container .swiper-wrapper, .blog-container .swiper-slide {
    height: auto
}

.blog-container .swiper-container {
    padding-left: 30px;
    padding-right: 30px
}

.blog-container .common-sliders .swiper-button-next, .blog-container .common-sliders .swiper-button-prev {
    width: 30px;
    height: 30px;
    margin-top: -15px
}

.blog-container .common-sliders svg {
    width: 12px
}

.info-blog-date {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    width: 55px;
    display: inline-flex;
    flex-direction: column;
    text-align: center;
    color: #333;
    opacity: .6
}

    .info-blog-date span {
        display: block
    }

        .info-blog-date span.hide-commas {
            display: none
        }

.info-blog-detail {
    width: calc(100% - 55px);
    padding-left: 20px;
    display: inline-flex;
    flex-direction: column
}

.info-blog-title {
    width: 100%;
    font-size: 22px;
    line-height: normal;
    font-weight: 600;
    margin: 0;
    text-transform: capitalize;
    color: #333
}

.info-blog-caption {
    font-size: 17px;
    font-weight: 400;
    color: #4d4d4d;
    line-height: 1.6;
    margin: 10px 0 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.person-info-wrapper, .common-blogs.add-shadow-props {
    background: #fff;
    border-radius: 4px
}

.blog-person-info .person-info-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

    .blog-person-info .person-info-wrapper .person-info-title {
        height: 62px
    }

.my-progile-image img {
    height: auto
}

.blog-person-info img, .events-blogs-slider a {
    border-radius: 4px
}

.blog-person-info img {
    border: 1px solid #e0e0e1;
    height: auto
}

.events-blogs-slider a {
    height: 100%;
    background: #f8f8f8
}

.common-blogs.add-shadow-props img {
    border-radius: 4px 4px 0 0
}

.events-blog-lists .swiper-slide {
    padding: 6px
}

.common-blogs img {
    border-radius: 8px;
    height: auto
}

.founder-banner img {
    height: auto
}

.events-blog-lists .common-blogs img {
    border-radius: 8px 8px 0 0
}

.info-blog-wrap {
    padding: 20px;
    border-radius: 0 0 4px 4px;
    display: flex
}

.blog-person-info .swiper-slide {
    padding: 5px;
    margin-bottom: 30px
}

.person-info-details {
    width: 100%;
    float: left
}

.person-info-title {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin: 0;
    line-height: 1.3
}

    .person-info-title span {
        display: block
    }

.person-info-designations {
    font-size: 20px;
    font-weight: 500;
    color: #4d4d4d;
    margin: 20px 0 0
}

    .person-info-designations span {
        display: block;
        font-size: 17px;
        font-weight: 400;
        margin-top: 4px;
        opacity: .5
    }

.blog-person-images {
    max-width: 160px;
    max-height: 160px
}

.blog-person-images {
    border-radius: 4px
}

.space-from-top {
    margin-top: 60px
}

.person-info-wrapper {
    padding: 32px;
    position: relative
}

.person-speakers-info {
    display: inline-flex;
    margin-top: 24px;
    border: #333 solid 2px;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    padding: 0 6px
}

    .person-speakers-info span {
        border-left: #333 solid 2px;
        padding: 1px 0 1px 4px;
        margin-left: 6px;
        display: inline-flex
    }

.blog-person-images {
    position: absolute;
    bottom: -30px;
    right: -30px
}

.form-info-wrapper.owner-bg-caption img {
    border-radius: 0;
    height: auto
}

.expertise-bg, .owner-bg-caption {
    padding-top: 54px;
    padding-bottom: 60px
}

.owner-bg-caption {
    background: #f8f8f8
}

.expertise-bg {
    background: #181b3a
}

    .expertise-bg .founder-story-btn {
        color: #fff
    }

        .expertise-bg .founder-story-btn:before {
            background: #fff
        }

.featured-group {
    width: 100%;
    padding-top: 100%;
    display: block;
    border-radius: 100%;
    position: relative;
    box-shadow: 0 3px 10px rgb(0 0 0/10%)
}

    .featured-group img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

.featured-lists-wrapper {
    width: 100%;
    float: left
}

.expertise-lising-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

    .expertise-lising-wrapper > li {
        display: inline-flex;
        margin: 12px;
        font-size: 28px;
        color: #fff;
        text-transform: uppercase;
        line-height: 1;
        font-weight: 500
    }

        .expertise-lising-wrapper > li.semi-bold {
            font-weight: 600
        }

        .expertise-lising-wrapper > li.bold {
            font-weight: 700
        }

.featured-lists-wrapper .swiper-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

    .featured-lists-wrapper .swiper-wrapper .swiper-slide {
        width: calc(20% - 40px);
        margin: 50px 25px 0;
        padding: 7px
    }

        .featured-lists-wrapper .swiper-wrapper .swiper-slide:nth-child(5n+1) {
            margin-left: 0
        }

        .featured-lists-wrapper .swiper-wrapper .swiper-slide:nth-child(5n) {
            margin-right: 0
        }

.blog-list-details {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    color: #333;
    margin: 20px 0 0;
    text-align: center
}

    .blog-list-details strong {
        font-weight: 600
    }

.blog-message-lists {
    margin-bottom: 24px
}

    .blog-message-lists > li {
        width: 100%;
        float: left;
        margin-top: 24px
    }

        .blog-message-lists > li:first-child, .blog-message-lists > li.captch-space-top {
            margin-top: 0
        }

        .blog-message-lists > li p {
            float: left;
            margin-bottom: 0;
            font-size: 14px
        }

            .blog-message-lists > li p.limited-character-limit {
                float: right;
                margin-top: 4px;
                color: #b5b3b3
            }

    .blog-message-lists .form-info-wrappers {
        border: 1px solid #dadce0;
        border-radius: 8px
    }

    .blog-message-lists .label-title {
        padding: 10px 20px;
        border-bottom: 1px solid #e0e0e1;
        font-size: 18px;
        color: #000;
        position: relative;
        word-break: break-word;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 0
    }

    .blog-message-lists .label-title, .blog-message-lists input, .blog-message-lists textarea {
        width: 100%;
        float: left
    }

        .blog-message-lists .label-title span {
            font-size: 16px;
            color: red;
            font-weight: 600
        }

    .blog-message-lists input, .blog-message-lists textarea {
        padding: 10px 20px;
        background-color: #fff;
        border: none !important;
        border-radius: 0 0 8px 8px;
        font-size: 16px;
        color: #333
    }

    .blog-message-lists textarea {
        resize: none;
        outline: none;
        offset: none
    }

.social-media-blog {
    background: #f8f8f8;
    padding: 60px 0
}

    .social-media-blog ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

        .social-media-blog ul li {
            display: inline-flex;
            margin-left: 30px;
            margin-right: 30px
        }

            .social-media-blog ul li:first-child {
                margin-left: 0
            }

            .social-media-blog ul li:last-child {
                margin-right: 0
            }

            .social-media-blog ul li a {
                width: 100px;
                height: 100px;
                border-radius: 100%;
                background: #f8f8f8;
                display: flex;
                justify-content: center;
                align-items: center
            }

                .social-media-blog ul li a .icon {
                    color: #fff;
                    font-size: 60px
                }

.featured-lists-wrapper .featured-lists-prev, .featured-lists-wrapper .featured-lists-next {
    display: none
}

.my-story-detail {
    padding: 60px 0
}

    .my-story-detail .container {
        width: 100%;
        max-width: 1030px
    }

.founder-story .container {
    width: 100%;
    max-width: 1130px
}

.my-story-description {
    font-size: 17px;
    font-weight: 400;
    color: #333;
    line-height: 1.6;
    margin-bottom: 0;
    text-align: justify
}

.my-story-highlight {
    font-weight: 500
}

.my-story-description.space-from-top {
    margin-top: 24px
}

.my-progile-image img {
    border-radius: 24px
}

.expertise-logo {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

    .expertise-logo img {
        max-width: 160px
    }

.blog-container .swiper-container.expertise-logo {
    padding-left: 0;
    padding-right: 0
}

    .blog-container .swiper-container.expertise-logo picture {
        text-align: center
    }

.expertise-logo .swiper-wrapper {
    flex-wrap: wrap
}

.blog-container .expertise-logo .swiper-button-next, .blog-container .expertise-logo .swiper-button-prev, .blog-container .expertise-logo .swiper-button-next.swiper-button-disabled, .blog-container .expertise-logo .swiper-button-prev.swiper-button-disabled {
    display: none
}

.expertise-logo .swiper-slide {
    width: 33.333%;
    display: inline-flex;
    justify-content: center;
    padding: 15px
}

@media screen and (max-width: 1024px) {
    .expertise-lising-wrapper > li {
        font-size: 24px
    }

    .featured-lists-wrapper .swiper-wrapper {
        flex-wrap: unset
    }

    .founder-story-btn.reduce-margin-bottom {
        margin-bottom: 40px
    }

    .featured-lists-wrapper .swiper-wrapper .swiper-slide {
        margin: 0;
        padding: 0 10px
    }

    .featured-lists-wrapper .featured-lists-prev, .featured-lists-wrapper .featured-lists-next {
        display: inline-flex
    }

    .founder-story-description a:hover {
        text-decoration: underline
    }

    .featured-group {
        margin-bottom: 5px
    }
}

@media screen and (max-width: 991px) {
    .founder-story picture {
        padding-top: 24px;
        text-align: center
    }

    .form-info-wrapper picture {
        text-align: center;
        margin-bottom: 24px
    }

    .my-progile-image {
        width: 100%;
        float: left;
        margin-top: 24px;
        text-align: center
    }

        .my-progile-image img {
            border-radius: 4px
        }
}

@media screen and (max-width: 767px) {
    .founder-story-title {
        font-size: 32px
    }

    .founder-story-btn {
        font-size: 28px;
        padding-left: 15px;
        padding-right: 15px
    }

    .expertise-lising-wrapper > li {
        text-align: center;
        font-size: 20px;
        line-height: 1.2
    }

        .expertise-lising-wrapper > li.make-semi-bold {
            font-size: 28px
        }

        .expertise-lising-wrapper > li.make-it-bold {
            font-size: 32px
        }

    .expertise-lising .blog-container.mobile-sliders {
        padding-left: 6px;
        padding-right: 6px
    }

        .expertise-lising .blog-container.mobile-sliders .swiper-slide {
            padding: 0
        }

    .blog-container .swiper-container.expertise-logo {
        padding-left: 15px;
        padding-right: 15px
    }

    .expertise-logo .swiper-wrapper {
        flex-wrap: nowrap
    }

    .blog-container .expertise-logo .swiper-button-next, .blog-container .expertise-logo .swiper-button-prev {
        display: inline-flex
    }
}

@media screen and (max-width: 480px) {
    .info-blog-date span.hide-commas {
        display: inline-flex
    }

    .form-info-wrapper.owner-bg-caption img, .founder-story img {
        border-radius: 4px
    }

    .blog-person-info .person-info-wrapper .person-info-title {
        height: auto
    }

    .founder-blog-lists.owner-bg-caption .blog-container, .blog-container .swiper-container.common-sliders {
        padding-left: 10px;
        padding-right: 10px
    }

    .blog-person-info .swiper-slide {
        margin-bottom: 0
    }

    .founder-blog-lists .blog-container {
        padding-left: 0;
        padding-right: 0
    }

    .blog-container {
        padding-left: 5px;
        padding-right: 5px
    }

    .expertise-lising .blog-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .person-info-details {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .person-info-wrapper {
        padding: 20px
    }

    .person-info-title {
        font-size: 22px
    }

        .person-info-title span {
            display: inline-block
        }

    .person-speakers-info {
        display: inline-flex;
        width: 88px;
        margin-left: auto;
        margin-right: auto
    }

    .blog-person-images {
        position: relative;
        bottom: auto;
        right: auto;
        margin: 0 auto 24px;
        width: 100px;
        border-radius: 100%;
        border: #d7d7d7 solid 2px;
        padding: 2px
    }

        .blog-person-images img {
            border-radius: 100%
        }

    .social-media-blog ul li {
        margin-left: 15px;
        margin-right: 15px
    }

        .social-media-blog ul li a {
            width: 80px;
            height: 80px
        }

            .social-media-blog ul li a .icon {
                font-size: 48px
            }

    .person-info-title, .person-info-designations, .founder-story-title {
        text-align: center
    }

    .founder-story-title {
        font-size: 28px;
        margin-bottom: 40px;
        position: relative
    }

        .founder-story-title:before {
            position: absolue;
            bottom: -10px;
            width: 100px;
            height: 2px;
            background: #333;
            content: "";
            left: 50%;
            transform: translateX(-50%)
        }

    .person-info-designations {
        margin-top: 16px
    }

    .expertise-lising-wrapper > li {
        margin: 6px
    }

    .info-blog-wrap {
        flex-direction: column-reverse
    }

    .info-blog-detail {
        width: calc(100% - 0px);
        padding-left: 0;
        justify-content: center;
        text-align: center
    }

    .info-blog-date {
        width: 100%;
        opacity: .5;
        flex-direction: row;
        justify-content: center;
        text-align: center;
        font-size: 14px;
        margin-top: 16px;
        letter-spacing: .2px
    }

        .info-blog-date span {
            display: inline-flex
        }

            .info-blog-date span:last-child {
                margin-left: 6px
            }

    .blog-message-lists > li.captch-space-top {
        margin-top: 20px
    }
}

body.page756 .select2-container .select2-selection--single {
    border: 2px solid #c1c5cd;
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 16px;
    background-image: url(https://cdn1.designhill.com/assets/dh/images/shop/search.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: left 8px center;
    padding-left: 36px
}

body.page756 .select2-search--dropdown {
    padding: 12px 12px 4px
}

body.page756 .select2-results__option {
    padding: 6px 12px;
    font-size: 15px;
    font-weight: 400
}

body.page756 .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #f1f1f1;
    color: #333
}

body.page756 .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

body.page756 .select2-dropdown {
    border: none;
    box-shadow: 0 2px 3px 0 rgb(34 36 38/15%)
}

body.page756 .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 2px solid #c1c5cd;
    padding: 6px 12px;
    font-size: 15px;
    border-radius: 4px
}

body.page756 .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f1f1f1
}

.kyc-user-info {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0
}

    .kyc-user-info .kyc-user-info-list {
        display: inline-flex;
        margin-bottom: 30px;
        width: 24.95%
    }

    .kyc-user-info .ribbonShowcaseMain {
        top: 18px;
        left: -67px;
        width: 200px
    }

    .kyc-user-info .winShowcaseDesignFrame {
        background: #f2f2f2;
        width: 100%;
        height: calc(100% - 109px);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px 4px 0 0;
        overflow: hidden
    }

.kyc-user-info-list .winShowcaseDesign {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    background: #fff;
    overflow: hidden
}

    .kyc-user-info-list .winShowcaseDesign img {
        border-radius: 0;
        max-height: 112px
    }

.kyc-user-info-list .ribbonShowcase {
    transform: rotate(-40deg);
    margin-left: 0;
    display: block;
    text-align: center
}

.kyc-user-info-list .winShowcaseDesignFrameAuth {
    width: 100%;
    background: #fff;
    padding: 0;
    margin-top: 0;
    border-radius: 0;
    border-top: none;
    color: #333;
    position: relative
}

.kyc-doc-title {
    display: block;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 12px;
    font-weight: 500
}

.kyc-user-info-list .winShowcaseDesignFrameAuth .pull-right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4
}

.kyc-doc-info-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    background: #f2f2f2;
    border-radius: 0 0 4px 4px
}

    .kyc-doc-info-wrapper .icon {
        font-size: 14px;
        color: #fff
    }

        .kyc-doc-info-wrapper .icon.icon-download-alt {
            -webkit-text-stroke: .2px #82bc3b
        }

    .kyc-doc-info-wrapper .icon-download {
        margin-top: 2px
    }

    .kyc-doc-info-wrapper a {
        margin: 0 2px;
        padding: 12px 16px;
        border-radius: 30px;
        display: inline-flex;
        box-shadow: 0 3px 10px rgb(0 0 0/10%);
        transition: transform .3s
    }

        .kyc-doc-info-wrapper a:first-child {
            margin-left: 0
        }

        .kyc-doc-info-wrapper a, .kyc-doc-info-wrapper a:hover, .kyc-doc-info-wrapper a:focus {
            background: #82bc3b;
            color: #fff
        }

            .kyc-doc-info-wrapper a:hover {
                transform: translateY(-1px);
                text-decoration: none !important
            }

.kyc-user-info-list .tooltip-inner {
    width: 100px;
    padding: 10px
}

.kyc-user-info-list .ribbonShowcaseStrip {
    top: 25px;
    border-color: transparent
}

.kyc-user-info-list .ribbonShowcaseTxt {
    line-height: 1.8;
    padding: 0;
    font-size: 13px;
    font-weight: 500
}

.no-kyc-document {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    border-top: #e35642 solid 5px;
    border-radius: 8px;
    padding: 36px;
    box-shadow: 0px 1px 6px #dcdddd;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

    .no-kyc-document .icon-pdf {
        font-size: 56px;
        color: #e35642
    }

        .no-kyc-document .icon-pdf:before {
            content: "\f1c1"
        }

    .no-kyc-document span {
        display: block;
        font-size: 24px;
        font-weight: 600;
        margin-top: 24px;
        line-height: normal
    }

@media screen and (max-width: 1024px) {
    .kyc-user-info .kyc-user-info-list {
        width: 33.3%
    }
}

@media screen and (max-width: 640px) {
    .kyc-user-info .kyc-user-info-list {
        width: 49.9%
    }
}

@media screen and (max-width: 360px) {
    .kyc-user-info .kyc-user-info-list {
        width: 100%
    }

    .kyc-user-info .winShowcaseDesignFrame {
        min-height: 100px
    }
}

.modal.kyc-remarks-popup .modal-header {
    background: #f7f7f7;
    color: #fff;
    border: none;
    border-radius: 3px 3px 0 0;
    position: relative;
    padding: 24px
}

.modal.kyc-remarks-popup button.close {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    opacity: .2
}

    .modal.kyc-remarks-popup button.close:hover {
        opacity: .8
    }

.modal.kyc-remarks-popup .modal-title {
    margin: 0;
    font-size: 23px;
    color: #000;
    font-weight: 600;
    margin: 0;
    padding-right: 30px;
    line-height: normal

.modal.kyc-remarks-popup .modal-body {
    width: 100%;
    float: left;
    padding: 24px;
    background: #fff;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    border-radius: 0 0 3px 3px
}

    .modal.kyc-remarks-popup .modal-body p {
        font-size: 17px;
        font-weight: 400;
        line-height: 1.6;
        text-align: center;
        margin-bottom: 0
    }

.modal.kyc-remarks-popup .modal-content {
    border-radius: 3px
}

@media screen and (max-width: 767px) {
    .modal.kyc-remarks-popup .modal-dialog {
        width: 100% !important;
        margin: 0 !important
    }
}

@media screen and (max-width: 400px) {
    .no-kyc-document {
        padding-left: 15px;
        padding-right: 15px
    }
}