@charset "UTF-8";
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
ul.marketing-submenu:after {
    content: "";
    position: absolute;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    z-index: 9999;
    left: 50%;
    right: 50%;
}
div.wizardSteps .btn-next-container {
    max-width: 290px !important;
}
html, body {
    background: #f6f7fb;
    color: #6b7c93;
    padding: 0;
    margin: 0;
}

body, body *, select, input, textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, form, fieldset, table, tr, td, img {
    font-family: "Open Sans", Arial, sans-serif;
}

input, button, select, textarea, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

::-webkit-scrollbar {
    width: 16px;
    border: 5px solid #f1f1f1;
    background-clip: padding-box;
}

::-webkit-scrollbar-track {
    background: #dedede;
    border: 5px solid #f1f1f1;
    background-clip: padding-box;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #959595;
    border-radius: 10px;
    border: 5px solid transparent;
    background-clip: padding-box;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #b8b8b8;
    border: 5px solid transparent;
    background-clip: padding-box;
}

::-moz-selection {
    color: #fff;
    background: #0086cf;
}

::selection {
    color: #fff;
    background: #0086cf;
}

b {
    font-weight: inherit;
}

i {
    font-style: inherit;
}

a {
    color: #0086cf;
}

b {
    font-weight: inherit;
}

i {
    font-style: inherit;
}

.cp_hidden {
    display: none;
    visibility: hidden;
}

.cp-hide, .cp_hide {
    display: none !important;
    visibility: hidden !important;
}

.cp_show {
    display: block !important;
    visibility: visible !important;
}

.floatleft {
    float: left !important;
}

.floatright {
    float: right !important;
}

.alignleft, .textleft {
    text-align: left !important;
}

.alignright, .textright {
    text-align: right !important;
}

.center, .aligncenter, .textcenter {
    text-align: center !important;
}

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

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

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

.disabled {
    opacity: .3;
    pointer-events: none;
}

.cp_disabled {
    opacity: .6;
    position: relative;
}

.cp_disabled:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(191, 191, 191, 0.38) no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    margin: -3px;
    padding: 3px;
    box-sizing: content-box;
    background-image: url('/_cms/design18/images/lock-icon.png');
}

.color-primary {
    color: #0086cf;
}

.color-warning {
    color: #db4c3f;
}

.mobileOnly {
    display: none !important;
}

@media screen and (max-width: 800px) {
    .mobileOnly {
        display: block !important;
    }
    .headRight .mobileOnly {
        display: inline-block !important;
    }
}

h1, h2 {
    font-family: "Raleway", "Open Sans", Arial, sans-serif;
    color: #000;
    margin: 1em 0 .5em 0;
}

h3, h4 {
    color: #434a54;
    margin: 1em 0 .5em 0;
}

h2 {
    font-size: 24px;
    font-weight: 700;
}

h4 {
    font-size: 14px;
    text-transform: uppercase;
}

p {
    margin: .5em 0 1em 0;
}

.block {
    display: block !important;
}

.icon-premium:before, .icon-crown:before {
    content: "\e604";
}

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

.icon-wiz_design:before, .icon-palette:before {
    content: "\e62a";
}

.icon-wiz_controls:before, .icon-wiz_player:before {
    content: "\e637";
}

.icon-email:before, .icon-wiz_mail:before, .icon-envelop:before {
    content: "\e657";
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

.content.limitedWidth {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
    font-size: 0rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        display: inline-block;
        vertical-align: top;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1024px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        font-size: 1rem;
        display: inline-block;
        vertical-align: top;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
    content: " ";
    display: table;
}

.clearfix:after, .container:after, .container-fluid:after, .row:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: 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;
}

select {
    /*visibility: hidden;*/
    font-size: 16px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #434a54;
    -webkit-appearance: none;
    background: transparent no-repeat right center !important;
    padding-right: 25px;
    line-height: 1.35em;
    height: 40px;
    text-align: right;
    *height: 26px;
    /* IE7 */
    background-image: url('/_cms/design18/images/check-mark-icon.png') !important;
}

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    overflow: hidden;
}

select::-ms-expand {
    background: transparent;
    color: transparent;
    border: none;
}

select::-ms-expand {
    display: none;
}

select {
    line-height: 1em\9;
    padding-right: 0 \9;
}

/* IE8,9,10 */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    select {
        padding-right: 25px;
    }
    /* IE10 */
}

select.plain {
    visibility: visible;
    background: #fff;
}

.bubbleInfo {
    color: #ccd0d9;
    cursor: help;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.bubbleInfo .trigger {
    color: inherit !important;
}

.bubbleInfo .trigger:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e644";
}

.bubbleInfo:hover {
    color: #434a53;
}

.bubbleInfo .popupwrap {
    position: absolute;
    left: 0;
    width: 100%;
}

.bubbleInfo .popup {
    white-space: normal;
    display: none;
    font-size: 13px;
    position: absolute;
    background: #434a53;
    color: #fff;
    bottom: 100%;
    left: 0;
    z-index: 500;
    padding: 5px 10px;
    line-height: 1.2em;
    border-radius: 4px;
    font-weight: 400;
    margin-bottom: 28px;
    margin-left: -1em;
    max-width: 100%;
    min-width: 110px;
}

.bubbleInfo .popup:after {
    content: '';
    width: 10px;
    height: 5px;
    top: 100%;
    position: absolute;
    left: 34px;
    display: block;
    background: url('/_cms/design18/images/lock-down-icon.png') no-repeat center bottom;
}

.bubbleInfo .closePopup {
    display: none;
}

.btn {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    text-align: center;
    color: #434a54;
    cursor: pointer;
    min-width: 24px;
    min-height: 24px;
    line-height: 1em;
    text-transform: none;
    font-size: 16px;
    text-decoration: none !important;
    margin: 0 5px;
    outline: none;
    /*text-shadow: 1px 1px 2px rgba(#000, 25/100);*/
    text-overflow: ellipsis;
    outline: none !important;
    position: relative;
    font-family: 'Montserrat', 'Roboto', sans-serif;
}

.btn.btn-2019 {
    font-size: 16px;
    font-weight: 500;
    font-family: "Montserrat";
    min-width: 298px;
    border-radius: 3px;
    line-height: 16px;
    padding: 16px!important;
    text-transform: uppercase;
    margin: 0 10px;
    margin-bottom: 10px;
    letter-spacing: 0.6px;
}

.btn>* {
    vertical-align: middle;
    display: inline-block;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

.btn>i {
    font-size: 24px;
    color: #aab2bd;
    margin: -6px 0;
}

.btn:hover {
    overflow: visible;
}

.btn:hover>i {
    color: #434a54;
}

.btn:hover .hint {
    visibility: visible;
    opacity: 1;
}

.btn.btnfull {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.btn.orange {
    border: 1px solid #FD7A19;
    border-radius: 4px;
    color: #fff;
    padding: 10px 15px;
    box-shadow: none;
    background: #FD7A19;
}

.btn.orange:hover {
    background: #ef8d44;
}

.btn.blue, .btn.primary {
    color: #fff;
    border: 1px solid #0086cf;
    padding: 7px 15px ;
    box-shadow: none;
    background: #0086CF;
    border-radius: 4px;
    transition: none;
}

.btn.blue>i, .btn.primary>i {
    color: inherit;
}

.btn.blue:hover, .btn.primary:hover {
    color: #fff;
    background: #027abb;
}

.btn.blue:active, .btn.primary:active {
    border-color: #0871b9;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
}

.btn.primary2 {
    color: #fff;
    border: 1px solid #fb6721;
    padding: 10px 15px;
    background: #fb6721;
    box-shadow: none;
    border-radius: 3px;
}

.btn.primary2>i {
    color: inherit;
}

.btn.primary2:hover {
    border-color: #eb520a;
    background-color: #eb520a;
}

.btn.primary2:active {
    border-color: #f16d2e;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
}

.btn.btnflat, .btn.secondary {
    color: #656d78;
    background: #fff;
    padding: 10px 15px;
    border: 1px solid #d8dadf;
    border-radius: 3px;
    text-shadow: none;
    min-height: 40px;
}

.btn.btnflat>i, .btn.secondary>i {
    color: #434a54;
}

.btn.btnflat:hover, .btn.secondary:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.btn.btnflat:active, .btn.secondary:active {
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
}

.btn.secondary2 {
    color: #0086cf;
    background: #f3f9fd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feffff), color-stop(100%, #e6f3fa));
    background-image: -webkit-linear-gradient(top, #feffff, #e6f3fa);
    background-image: -moz-linear-gradient(top, #feffff, #e6f3fa);
    background-image: -ms-linear-gradient(top, #feffff, #e6f3fa);
    background-image: -o-linear-gradient(top, #feffff, #e6f3fa);
    background-image: linear-gradient(to bottom, #feffff 0%, #e6f3fa 100%);
    text-decoration: 0 1px 0 #fff;
    padding: 13px 25px;
    border: 1px solid #0086cf;
    border-radius: 3px;
}

.btn.secondary2>i {
    color: #0086cf;
}

.btn.secondary2:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.btn.secondary2:active {
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
}

.btn.secondary3 {
    color: #fff;
    border: 1px solid #86adc2;
    padding: 10px 15px;
    background: #86adc2;
    box-shadow: none;
    border-radius: 3px;
}

.btn.secondary3>i {
    color: inherit;
}

.btn.secondary3:hover {
    border-color: #75a2b9;
    background-color: #75a2b9;
}

.btn.secondary3:active {
    border-color: #0871b9;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
}

.btn.light {
    font-size: 14px;
    color: #0086cf;
    background: #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3));
    background-image: -webkit-linear-gradient(top, #ffffff, #f3f3f3);
    background-image: -moz-linear-gradient(top, #ffffff, #f3f3f3);
    background-image: -ms-linear-gradient(top, #ffffff, #f3f3f3);
    background-image: -o-linear-gradient(top, #ffffff, #f3f3f3);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
    padding: 10px 15px;
    border: 1px solid #d8dadf;
    font-weight: normal;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.btn.light>i {
    color: inherit;
}

.btn.light:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.btn.light:active {
    box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #ffffff));
    background-image: -webkit-linear-gradient(top, #f3f3f3, #ffffff);
    background-image: -moz-linear-gradient(top, #f3f3f3, #ffffff);
    background-image: -ms-linear-gradient(top, #f3f3f3, #ffffff);
    background-image: -o-linear-gradient(top, #f3f3f3, #ffffff);
    background-image: linear-gradient(to bottom, #f3f3f3 0%, #ffffff 100%);
}

/* green will work like blue :) */

.btn.green {
    color: #fff;
    padding: 10px 15px;
    border: 1px solid #0086CF;
    background: #0086CF;
    border-radius: 4px;
}

.btn.green>i {
    color: inherit;
}

.btn.green:hover {
    background: #027abb;
}

.btn.green:active {
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
}

.btn.green-outline {
    color: #0086CF;
    padding: 10px 15px;
    border: 1px solid #0086CF;
    background: transparent;
    border-radius: 4px;
}

.btn.green-outline>i {
    color: inherit;
}

.btn.green-outline:hover {
    color: #fff;
    border-color: #0086CF;
    background: #0086CF;
}

.btn.red {
    color: #fff;
    background: #db4c3f;
    padding: 10px 15px;
    border: 1px solid #db4c3f;
    border-radius: 4px;
}

.btn.red>i {
    color: inherit;
}

.btn.red:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.btn.red:active {
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
}

.btn.gray {
    color: #fff;
    background: #aab2bd;
    padding: 10px 15px;
    border: 1px solid #aab2bd;
    border-radius: 4px;
}

.btn.gray>i {
    color: inherit;
}

.btn.gray:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.btn.gray:active {
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
}

.btn.dark {
    color: #fff;
    background: #434a53;
    padding: 10px 15px;
    border: 1px solid #434a53;
    border-radius: 4px;
}

.btn.dark>i {
    color: inherit;
}

.btn.dark:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.btn.dark:active {
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
}

.btn.purple {
    color: #fff;
    border: 1px solid #967bdc;
    padding: 10px 15px;
    font-weight: 600;
    background: #967bdc;
    box-shadow: none;
    border-radius: 4px;
}

.btn.purple>i {
    color: inherit;
}

.btn.purple:hover {
    border-color: #a68fe1;
    background-color: #a692df;
}

.btn.purple:active {
    border-color: #967bdc;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
}

.btn.toggle {
    color: #656d78;
    background: transparent;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #ccd0d9;
    border-radius: 4px;
    min-width: 100px;
}

.btn.toggle span[class^="icon"], .btn.toggle>i {
    color: inherit;
    font-size: 18px;
    margin-right: 3px;
}

.btn.toggle:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.btn.toggle:active {
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
}

.btn.toggle.active {
    background: #656d78 !important;
    color: #fff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
    border-color: #656d78 !important;
    cursor: default;
    pointer-events: none;
}

.btn.trans {
    border: none;
    background: none;
    box-shadow: none;
    overflow: visible;
}

.btn.trans>i {
    margin: 0;
}

.btn.trans .icon-search {
    margin: 0;
}

.btn.trans.delete {
    color: #db4c3f;
}

.btn.trans.delete i {
    color: inherit !important;
}

.btn.trans.delete:hover b {
    text-decoration: underline;
}

.btn.trans.active i {
    color: #434a54;
    cursor: default;
}

.btn.outlined {
    font-size: 16px;
    color: #fff;
    border: 2px solid;
    background: none;
    box-shadow: none;
    overflow: hidden;
    text-transform: uppercase;
    font-weight: 600;
    padding: 15px 10px;
    border-radius: 3px;
    min-width: 180px;
}

.btn.outlined i, .btn.outlined b {
    color: inherit;
}

.btn.outlined .icon-video {
    margin-right: -7px;
}

.btn.outlined.small {
    font-weight: normal;
    text-transform: none;
    border-radius: 4px;
}

.btn.outlined:hover {
    background: rgba(255, 255, 255, 0.1);
}

.btn.bigPromo {
    color: #0086cf;
    border: 1px solid #e4e9f0;
    background: #f7f7f7;
    padding: 30px;
    width: 760px;
    max-width: 100%;
    font-size: 18px;
    font-weight: normal;
    border-radius: 5px;
}

.btn.bigPromo:hover {
    background: #0086cf;
    color: #fff;
}

.btn.noText>b {
    display: none;
}

.btn.rounded, .btn.square {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #d8dadf;
    line-height: 40px;
    text-align: center;
    line-height: 36px;
    background: #fff;
}

.btn.rounded>i, .btn.square>i {
    line-height: 37px;
    margin: 0;
}

.btn.rounded:hover, .btn.square:hover {
    border-color: #0086cf;
    box-shadow: 0 0 0 1px #0086cf;
}

.btn.rounded:active, .btn.square:active {
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
}

.btn.rounded:active>i, .btn.square:active>i {
    transform: scale(1.6);
    opacity: .5;
}

.btn.square {
    border-radius: 4px;
    width: 52px;
    height: 30px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    border-color: #ccd0d9;
    line-height: 26px;
}

.btn.square>i {
    color: #aab2bc;
    line-height: 26px;
}

.btn.square:hover>i {
    color: #0086cf;
}

.btn.square.active, .btn.rounded.active, .btn.active.square, .btn.secondary.active {
    border-color: #0871b9;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3) !important;
    cursor: default !important;
}

.btn.square.active>i, .btn.rounded.active>i, .btn.active.square>i, .btn.secondary.active>i {
    color: #0086cf;
}

.btn.delete_action:hover, .btn.deleteItem:hover {
    background-color: #ed5564;
    border-color: #B82937;
    color: #fff;
    box-shadow: 0 0 0 1px #ed5564;
}

.btn.delete_action:hover i, .btn.deleteItem:hover i {
    color: #fff !important;
}

.btn.bluetext {
    color: #0086cf;
    font-size: 18px;
    font-weight: 400;
}

.btn.bluetext i {
    color: inherit;
}
.btn.upgrade { min-width: 80px;       height: 36px; margin-right: 5px;}
.btn.upgrade .icon-crown {  color: #ffc330 !important;margin-right: 5px; }
.btn.small {
    padding: 8px 10px;
}
.new-dropdown{padding: 7px 15px  !important;    background: linear-gradient(to top right, #ff5263 0%, #ff7381 35%, #fcbd01 100%) !important;
    border: none !important;
    height:34px;
   }
   .new-dropdown b{    margin-top: 3px;}
.new-dropdown:before{
   
    border:none !important; 
}
.link-child{
    text-decoration: underline;
    text-align: center;
    font-size: 13px;
}
.link-child a{color:black  !important;}
.link-child a:hover{color:#0086cf  !important;}
.link-child:hover{background:none !important}
.new-dropdown-expand li:hover{background:#b2daf1}
.new-dropdown-expand li:first-child{
    border-bottom: 1px solid #b2daf1;
    height: 46px;
    margin-bottom: 8px;
}
.new-dropdown-expand li:first-child i{
 color:black;
 font-size:32px
}
.new-dropdown-expand:after {
    content: "";
    position: absolute;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    z-index: 9999;
    left: 20%;
}
.new-dropdown-expand{overflow:visible !important}
.new-dropdown-expand li:first-child .text_wrapper{    height: 28px;}
.new-dropdown-expand .img_wrapper{width:40px;height: 34px;text-align:center}
.new-dropdown-expand img{width:100%}
.new-dropdown-expand li{height:54px}
.new-dropdown-expand li>a{text-decoration:underline;}
.new-dropdown-expand .sub_wrapper {
    display: flex;
    justify-content: left;}
    .new-dropdown-expand .text_wrapper{       padding-left: 18px;
        height: 34px;
        font-size: 14px;
        padding-top: 0;
    }
.btn.smallest {
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1em;
    padding: 4px 10px;
    font-weight: 400;
}

.btn.big {
    padding: 17px 30px;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 3px;
    border: none;
}

.btn.bigger {
    text-transform: uppercase;
    font-size: 14px;
    padding: 17px 20px;
    margin: 5px 15px;
}

.btn .disabled {
    opacity: .6;
    cursor: default;
    pointer-events: none;
}

.btn.freeTrial {
    color: #fff;
    background: #41BB40;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #41BB40), color-stop(100%, #359834));
    background-image: -webkit-linear-gradient(top, #41BB40, #359834);
    background-image: -moz-linear-gradient(top, #41BB40, #359834);
    background-image: -ms-linear-gradient(top, #41BB40, #359834);
    background-image: -o-linear-gradient(top, #41BB40, #359834);
    background-image: linear-gradient(to bottom, #41BB40 0%, #359834 100%);
    padding: 14px 36px;
    border: 1px solid #41BB40;
    border-radius: 3px;
    margin: 0 0;
}

.btn.getDemo b, .btn.freeTrial b {
    color: #fff !important;
}

.checkBox {
    vertical-align: top;
    position: relative;
    cursor: pointer;
    display: inline;
}

.checkBox input[type=checkbox] {
    display: none;
}

.checkBox input[type=checkbox]+i {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    background: #fff;
    border: 1px solid #d8dadf;
    border-radius: 3px;
    box-shadow: inset 0 1px 4px #d8dadf;
    cursor: pointer;
    margin-right: -40px !important;
}

.checkBox input[type=checkbox]+i:before {
    content: "\e602";
    font-family: 'cincopaicons';
    font-size: 13px;
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 100%;
    vertical-align: top;
    line-height: 18px;
    opacity: 0;
}

.checkBox input[type=checkbox]:checked+i {
    background: #3eb060;
    box-shadow: none;
    border-color: #3eb060;
}

.checkBox input[type=checkbox]:checked+i:before {
    opacity: 1;
}

.checkBox>* {
    vertical-align: middle;
    display: inline-block;
}

.checkBox>b {
    line-height: 1.2;
    padding-left: 50px;
}

.checkBox:hover>i {
    border-color: #434a53;
}

.checkBox .field {
    margin: 2px 0;
    color: #aab2bd;
    font-size: 13px;
    padding: 9px;
    border-radius: 2px;
    border: 1px solid #d8dadf;
    margin-left: 10px;
}

.radioBox {
    vertical-align: top;
    position: relative;
    cursor: pointer;
    display: inline;
}

.radioBox input[type=radio] {
    display: none;
}

.radioBox input[type=radio]+i {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    background: #fff;
    border: 1px solid #d8dadf;
    border-radius: 20px;
    box-shadow: inset 0 1px 4px #d8dadf;
    cursor: pointer;
    margin-right: -40px !important;
}

.radioBox input[type=radio]+i:before {
    content: '';
    background: #0086cf;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    line-height: 18px;
    opacity: 0;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    top: 50%;
    margin-top: -6px;
    position: absolute;
    left: 9px;
    opacity: 0;
    -webkit-transition: 0.5s ease opacity;
    -moz-transition: 0.5s ease opacity;
    -ms-transition: 0.5s ease opacity;
    -o-transition: 0.5s ease opacity;
    transition: 0.5s ease opacity;
}

.radioBox input[type=radio]:checked+i {
    border-color: #0086cf;
}

.radioBox input[type=radio]:checked+i:before {
    opacity: 1;
}

.radioBox>* {
    vertical-align: middle;
    display: inline-block;
}

.radioBox>b {
    line-height: 1.2;
    padding-left: 50px;
}

.radioBox:hover>i {
    border-color: #434a53;
}

.collapsibleItem {
    background: #d8dadf;
    border: 1px solid #d8dadf;
    border-radius: 4px;
    color: #656d78;
    padding: 3px 10px;
    margin: 5px auto;
}

.collapsibleItem>.title {
    display: block;
    cursor: pointer;
    position: relative;
    margin: -3px -10px -6px -10px;
    padding: 3px 3px 3px 20px;
    font-size: 14px;
    color: #656d78;
}

.collapsibleItem>.title:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    font-size: 20px;
    left: 0;
    top: 50%;
    margin-top: -11px;
    content: "\e601";
}

.collapsibleItem>.title:hover {
    color: #0086cf;
}

.collapsibleItem>.content {
    padding-left: 10px;
    padding-top: 5px;
    font-size: 14px;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    transform: scale(1, 0);
    color: #919498;
}

.collapsibleItem.active>.content {
    visibility: visible;
    height: auto;
    opacity: 1;
    transform: scale(1, 1);
}

.collapsibleItem.active>.title:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -9px;
    cursor: pointer;
    opacity: .3;
}

.collapsibleItem.active>.title:before:hover {
    opacity: 1;
}

.collapsibleItem.big {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #eeeff3;
    border-top: 1px solid #eeeff3;
    background: #fff;
    margin: -1px auto 0 auto;
    padding: 34px 55px;
}

.collapsibleItem.big:first-child, .collapsibleItem.big:first-of-type {
    border-top: 1px solid #eeeff3;
}

.collapsibleItem.big>.title {
    font-size: 18px;
    font-weight: bold;
    color: #0086cf;
    margin: -34px -55px;
    padding: 34px 55px;
}

.collapsibleItem.big>.title:before {
    margin-top: -15px;
    left: auto;
    right: 16px;
    font-size: 35px;
    color: #656a71;
}

.collapsibleItem.big.active {
    background: #f6f7fb;
}

.collapsibleItem.big>.content {
    padding-left: 0;
}

.collapsibleItem.big>.content ul {
    padding-left: 1.3em;
}

.collapsibleItem.big>.content>*:last-child {
    margin-bottom: 0;
}

.collapsibleItem.big.active>.title {
    cursor: default;
}

.collapsibleItem.big.active>.title:before {
    top: 32px;
    right: 19px;
    content: "\e613";
    font-size: 24px;
    color: #0086cf;
}

.collapsibleItem.plus {
    background: #ffffff;
    transition: .5s ease all;
    border-radius: 0;
}

.collapsibleItem.plus>.title {
    padding: 7px 3px 7px 30px;
    font-size: 16px;
    color: #656d78;
}

.collapsibleItem.plus>.title:before {
    font-size: 22px;
    left: 10px;
    top: 4px;
    margin-top: 0;
    content: "+";
}

.collapsibleItem.plus:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.collapsibleItem.plus:hover>.title {
    color: #0086cf;
}

.collapsibleItem.plus.active>.title:before {
    left: 10px;
    top: 13px;
    margin-top: 0;
    content: "–";
    opacity: 1;
}

.collapsibleItem.tiny {
    border-radius: 0;
    border: none;
    background: #fff;
    margin: 5px auto;
    padding: 0 32px 0 0;
    text-transform: uppercase;
    display: inline-block;
}

.collapsibleItem.tiny:first-child, .collapsibleItem.tiny:first-of-type {
    border: none;
}

.collapsibleItem.tiny>.title {
    font-size: 14px;
    font-weight: bold;
    color: #0086cf;
    margin: 5px auto;
    padding: 0 32px 0 0;
    text-transform: uppercase;
    display: inline-block;
    font-family: "Raleway", "Open Sans", Arial, sans-serif;
}

.collapsibleItem.tiny>.title:before {
    margin-top: -20px;
    left: auto;
    right: 0;
    font-size: 35px;
    color: inherit;
}

.collapsibleItem.tiny>.content {
    padding-left: 0;
    font-size: inherit;
    color: inherit;
    text-transform: none;
}

.collapsibleItem.tiny>.content ul {
    padding-left: 1.3em;
}

.collapsibleItem.tiny>.content>*:last-child {
    margin-bottom: 0;
}

.collapsibleItem.tiny.active>.title {
    cursor: default;
}

.collapsibleItem.tiny.active>.title:before {
    top: 14px;
    font-size: 35px;
    color: inherit;
    opacity: 1;
}

.collapsibleItem.faq {
    background: #ffffff;
    transition: .5s ease all;
    border-radius: 0;
}

.collapsibleItem.faq>.title {
    padding: 7px 3px 7px 30px;
    font-size: 16px;
    color: #656d78;
}

.collapsibleItem.faq>.title:before {
    font-size: 22px;
    left: 10px;
    top: 4px;
    margin-top: 0;
    content: "+";
}

.collapsibleItem.faq:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.collapsibleItem.faq:hover>.title {
    color: #0086cf;
}

.collapsibleItem.faq.active>.title:before {
    left: 10px;
    top: 13px;
    margin-top: 0;
    content: "–";
    opacity: 1;
}

code {
    border: 1px solid #E0E0E0;
    padding: 10px 14px;
    color: #677484;
    font-size: 13px;
    font-family: "Courier New", Courier, monospace;
    resize: vertical;
    width: 100%;
    background: #fff;
    display: block;
    margin: 20px auto;
    max-width: 100%;
}

.codeField {
    border: 1px solid #aab2bc;
    padding: 15px 18px;
    color: #aab2bc;
    font-size: 12px;
    font-family: "Courier New", Courier, monospace;
    resize: vertical;
    width: 100%;
}

.modalContent .codeField {
    background-color: #f6f7fb;
}

.modalContent textarea.codeField {
    height: 10em;
    margin: 10px 0;
}

.inputDigital {
    display: table;
    border: 1px solid #d9dbe0;
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
}

.inputDigital>* {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.inputDigital .field input {
    height: 40px;
    margin: 0;
    border-radius: 0;
    background: transparent;
    border: none;
    border-right: 1px solid #d9dbe0;
    min-width: 80px;
    width: 80px;
    max-width: 100%;
}

.inputDigital .buttons a {
    cursor: pointer;
    display: block;
    margin: 0;
    height: 20px;
    background: #fff;
    width: 40px;
    text-align: center;
}

.inputDigital .buttons a i {
    font-size: 10px;
    line-height: 20px;
}

.inputDigital .buttons a:hover {
    background-color: #eee;
}

.inputDigital .buttons .incr, .inputDigital .buttons .decr {
    color: #0086cf;
}

.fieldItem {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
}

.fieldItem.block {
    margin: 15px 0;
    clear: both;
}

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

.fieldItem>label {
    display: block;
    font-size: 13px;
    margin-top: 5px;
}

.fieldItem .field {
    display: block;
    width: 100%;
    margin: 2px 0;
    color: #aab2bd;
    font-size: 13px;
    padding: 9px;
    border-radius: 2px;
    border: 1px solid #d8dadf;
}

.fieldItem .numbersRow {
    display: inline-block;
    vertical-align: middle;
}

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

.fieldItem .numbersRow>* {
    display: block;
    width: 33%;
    float: left;
    text-align: center;
    height: 40px;
    border: 1px solid #d8dadf;
}

.fieldItem .numbersRow .buttonPlg {
    width: calc(40px);
    color: #656d78;
    padding: 10px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3));
    background-image: -webkit-linear-gradient(top, #ffffff, #f3f3f3);
    background-image: -moz-linear-gradient(top, #ffffff, #f3f3f3);
    background-image: -ms-linear-gradient(top, #ffffff, #f3f3f3);
    background-image: -o-linear-gradient(top, #ffffff, #f3f3f3);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
    position: relative;
    z-index: 1;
}

.fieldItem .numbersRow .buttonPlg:hover {
    color: #0086cf;
}

.fieldItem .numbersRow .buttonPlg.dec {
    border-radius: 4px 0 0 4px;
}

.fieldItem .numbersRow .buttonPlg.inc {
    border-radius: 0 4px 4px 0;
}

.fieldItem .numbersRow input {
    width: calc(100% - 80px);
    border-radius: 0;
    border-left: none;
    border-right: none;
    color: #aab2bd;
    font-weight: bold;
    margin: 0;
}

.fieldItem .percOrPx {
    display: inline-block;
    vertical-align: middle;
}

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

.fieldItem .percOrPx>span {
    display: block;
    width: 50%;
    min-width: 40px;
    float: left;
    text-align: center;
    height: 40px;
    border: 1px solid #d8dadf;
    color: #aab2bd;
    padding: 10px;
    font-weight: 600;
    cursor: pointer;
    background: #fff;
}

.fieldItem .percOrPx>span:first-child {
    border-right: none;
    border-radius: 4px 0 0 4px;
}

.fieldItem .percOrPx>span:last-child {
    border-left: none;
    border-radius: 0 4px 4px 0;
}

.fieldItem .percOrPx>span:hover {
    color: #0086cf;
}

.fieldItem .percOrPx>span.active {
    background: #0086cf;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d93d1), color-stop(100%, #147ab8));
    background-image: -webkit-linear-gradient(top, #2d93d1, #147ab8);
    background-image: -moz-linear-gradient(top, #2d93d1, #147ab8);
    background-image: -ms-linear-gradient(top, #2d93d1, #147ab8);
    background-image: -o-linear-gradient(top, #2d93d1, #147ab8);
    background-image: linear-gradient(to bottom, #2d93d1 0%, #147ab8 100%);
    color: #fff !important;
    cursor: default;
    pointer-events: none;
}

.fieldItem .toggleOnOff {
    display: inline-block;
    vertical-align: middle;
}

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

.fieldItem .toggleOnOff>span {
    display: block;
    width: 50%;
    width: 40px;
    float: left;
    text-align: center;
    height: 40px;
    border: 1px solid #d8dadf;
    color: #aab2bd;
    padding: 12px 10px;
    font-weight: 600;
    cursor: pointer;
    background: #fff;
}

.fieldItem .toggleOnOff>span:first-child {
    border-right: none;
    border-radius: 4px 0 0 4px;
}

.fieldItem .toggleOnOff>span:last-child {
    border-left: none;
    border-radius: 0 4px 4px 0;
}

.fieldItem .toggleOnOff>span:hover {
    color: #0086cf;
}

.fieldItem .toggleOnOff>span.on.active {
    background: #0086cf;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d93d1), color-stop(100%, #147ab8));
    background-image: -webkit-linear-gradient(top, #2d93d1, #147ab8);
    background-image: -moz-linear-gradient(top, #2d93d1, #147ab8);
    background-image: -ms-linear-gradient(top, #2d93d1, #147ab8);
    background-image: -o-linear-gradient(top, #2d93d1, #147ab8);
    background-image: linear-gradient(to bottom, #2d93d1 0%, #147ab8 100%);
    color: #fff !important;
    cursor: default;
    pointer-events: none;
}

.fieldItem .toggleOnOff>span.off.active {
    background: #68707a;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #757c86), color-stop(100%, #5b636d));
    background-image: -webkit-linear-gradient(top, #757c86, #5b636d);
    background-image: -moz-linear-gradient(top, #757c86, #5b636d);
    background-image: -ms-linear-gradient(top, #757c86, #5b636d);
    background-image: -o-linear-gradient(top, #757c86, #5b636d);
    background-image: linear-gradient(to bottom, #757c86 0%, #5b636d 100%);
    color: #fff !important;
    cursor: default;
    pointer-events: none;
}

.fieldItem.toggle {
    display: block;
    line-height: 0;
    margin: 10px 0;
}

.fieldItem.toggle>* {
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
}

.fieldItem.toggle>label {
    margin-right: 5px;
    text-align: left;
    line-height: 1;
}

.fieldItem.toggle.block {
    text-align: right;
}

.fieldItem.toggle.block>label {
    width: calc(100% - 90px);
    max-width: calc(100% - 90px);
}

.fieldItem .dd-container {
    margin: -10px auto 0 auto;
}

.fieldItem.color>label {
    float: left;
}

.fieldItem.color .argumentValue {
    position: relative;
    float: right;
}

.fieldItem.color .argumentValue .colorSample {
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50px !important;
    position: absolute;
    top: 7px;
    left: 5px;
    pointer-events: none;
}

.fieldItem.color .argumentValue input {
    width: 90px !important;
    display: inline-block;
    padding-left: 37px;
    height: 38px;
    border-radius: 20px 4px 4px 20px;
    outline: none !important;
}

.fieldItem.select .dd-container {
    margin: -5px auto -5px auto;
    width: auto !important;
}

.fieldItem.select .dd-container .dd-select {
    text-align: left;
    display: block;
    border: 1px solid #DDD;
    padding: 0;
    margin: 5px 0;
    border-radius: 3px;
}

.fieldItem.select .dd-container .dd-selected {
    width: auto;
    max-width: 100%;
    display: block;
    padding: 7px 18px 7px 5px;
}

.fieldItem.select .dd-container .dd-selected:after {
    right: 0;
    top: 3px;
}

.fieldItem.select .dd-container .dd-selected+.dd-pointer-up {
    left: auto;
    right: 20px;
    margin-top: -2px;
}

.fieldItem.select .dd-container .dd-selected label {
    font-size: 14px;
}

.fieldItem.select .dd-container .dd-options {
    width: 200px !important;
    right: 0;
}

.fieldItem .icon-premium {
    color: #ffc330;
}

.fieldItem .bubbleInfo .popup, .argumentGroup .bubbleInfo .popup {
    left: 20px;
}

.fieldBox {
    position: relative;
    margin: 20px 0;
    color: #fff;
}

.fieldBox .fb-field {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #343a41;
    border: 1px solid #d8dade;
    border-radius: 2px;
    padding: 14px;
    outline: none !important;
}

.fieldBox .fb-field:focus {
    border-color: #656d77 !important;
}

.fieldBox select.fb-field {
    text-align: left;
    height: auto;
    color: #717171;
    padding-right: 35px;
    background-color: #fff !important;
    background-position: calc(100% - 10px) 50% !important;
}

.fieldBox .fb-msg {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 10px;
    font-size: 12px;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 3px;
}

.fieldBox .fb-msg.danger {
    background-color: #db4c3f;
    color: #fff;
}

.fieldBox.error .fb-field {
    border-color: #db4c3f !important;
}

.fieldBox .fb-hint {
    color: #fff;
    font-size: 13px;
    opacity: .5;
    position: absolute;
    margin-top: 5px;
}

.fieldBox.grouped {
    display: table;
    width: 100%;
}

.fieldBox.grouped>div {
    display: table-cell;
}

.fieldBox.grouped>div .fb-field {
    border-radius: 0;
    border-left-color: transparent;
}

.fieldBox.grouped>div:first-child .fb-field {
    border-radius: 2px 0 0 2px;
    border-left-color: #d8dade;
}

.fieldBox.grouped>div:last-child .fb-field {
    border-radius: 0 2px 2px 0;
}

.progressbar {
    width: 100%;
    height: 20px;
    text-align: left;
    overflow: hidden;
    background: #D8DADF;
    border-radius: 18px;
}

.progressbar .progressbar_value {
    width: 0;
    height: 100%;
    border-radius: 18px;
    background: #0086cf;
}

.progressbar.good .progressbar_value {
    background: #3eb060;
}

.progressbar.bad .progressbar_value {
    background: #db4c3f;
}

.progressbar.bad .progressbar_value {
    background: #db4c3f;
}

.prgsLine {
    height: 20px;
    border-radius: 15px;
    transform: scale3d(1, 1, 1);
}

.prgsLine .wrp {
    border-radius: 15px;
    border: 1px solid #ccd0d9;
    padding: 3px;
    width: 100%;
    height: 100%;
    background: #f6f7fb;
}

.prgsLine .value {
    background: #1f9eeb;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    border-radius: 15px;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 0;
}

.prgsLine .value:before {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15)));
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));
    background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));
    background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    left: 100%;
    top: 0;
    left: 0;
    border-radius: 15px;
    height: 100%;
}

.prgsLine .value .title {
    position: absolute;
    width: 100%;
    bottom: 100%;
    text-align: right;
    display: none;
}

.prgsLine .value .title>div {
    display: inline-block;
    background: #f1f2f6;
    border: 1px solid #ccd0d9;
    padding: 3px 6px;
    color: #0086cf;
    margin: 0 -16px 10px -16px;
    font-size: 11px;
    border-radius: 5px;
}

.prgsLine .value .track {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: url('/_cms/design18/images/icon-1.png') left center;
}

.prgsLine .progressBarStatus {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    font-size: 9px;
    text-align: center;
    width: 100%;
    left: 0;
    color: #fff;
    text-transform: uppercase;
    opacity: .6;
    line-height: 1;
    font-weight: bold;
    text-shadow: 0 0 2px #000;
}

.prgsLine:hover .value .title {
    display: block;
}

@-webkit-keyframes progress {
    0% {
        background-position: 0 center;
        background-position: calc(100%) center;
    }
    100% {
        background-position: 20px center;
        background-position: calc(100% + 20px) center;
    }
}

@-moz-keyframes progress {
    0% {
        background-position: 0 center;
        background-position: calc(100%) center;
    }
    100% {
        background-position: 20px center;
        background-position: calc(100% + 20px) center;
    }
}

@-o-keyframes progress {
    0% {
        background-position: 0 center;
        background-position: calc(100%) center;
    }
    100% {
        background-position: 20px center;
        background-position: calc(100% + 20px) center;
    }
}

@keyframes progress {
    0% {
        background-position: 0 center;
        background-position: calc(100%) center;
    }
    100% {
        background-position: 20px center;
        background-position: calc(100% + 20px) center;
    }
}

.prgsLine .value .track {
    animation: progress linear .5s;
    animation-iteration-count: infinite;
    -webkit-animation: progress linear .5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: progress linear .5s;
    -moz-animation-iteration-count: infinite;
    -ms-animation: progress linear .5s;
    -ms-animation-iteration-count: infinite;
}

.prgsLine .value.progressBarComplete {
    background: #3eb060;
}

.prgsLine .value.progressBarComplete .track {
    animation: none;
    -webkit-animation: none;
    -ms-animation: none;
    -moz-animation: none;
}

.dd-container {
    margin: 10px auto;
    color: #434a54 !important;
    line-height: 1.1em;
    position: relative;
}

.dd-container .dd-select {
    background: transparent !important;
    /*sic!*/
    color: inherit !important;
    max-width: 100% !important;
    display: inline-block;
    width: auto !important;
    position: relative;
}

.dd-container .dd-selected {
    display: block;
    padding: 10px 18px 10px 10px;
    font-size: 18px;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
}

.dd-container .dd-selected:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: -2px;
    top: 50%;
    margin-top: -11px;
    color: #0086cf;
    content: "\e601";
}

.dd-container .dd-selected:hover {
    color: #0086cf;
}

.dd-container .dd-selected+.dd-pointer-up {
    display: inline-block;
    width: 12px;
    height: 10px;
    position: absolute;
    top: 100%;
    left: 20px;
    margin-top: -9px;
    z-index: 105;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url('/_cms/design18/images/lock-up-icon.png');
}

.dd-container a * {
    cursor: pointer;
}

.dd-container .dd-options {
    position: absolute;
    z-index: 50;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 15px, rgba(0, 0, 0, 0.3) 0px 1px 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 15px, rgba(0, 0, 0, 0.3) 0px 1px 4px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 15px, rgba(0, 0, 0, 0.3) 0px 1px 4px;
    margin: 0px;
    padding: 0 15px;
    list-style: none;
    background: #FFF;
    max-height: 18em;
    /*max-height: 90ex;*/
    overflow: auto;
    overflow-x: hidden;
    z-index: 100;
    text-align: left;
}

.dd-container .dd-options>li {
    padding: 0;
    margin: 0;
}

.dd-container .dd-options>li>a {
    display: block !important;
    cursor: pointer;
    padding: 10px;
    margin: 0 -10px;
    border-top: 1px solid #d8dadf;
    color: #434a54;
    font-size: 13px;
    text-decoration: none;
    line-height: 1.1em;
    min-height: 40px;
}

.dd-container .dd-options>li>a>* {
    display: inline-block;
    vertical-align: middle;
}

.dd-container .dd-options>li:first-child>a {
    border-top: none;
}

.dd-container .dd-options>li>.dd-option:hover, .dd-container .dd-options>li>.dd-option-selected {
    color: #0086cf;
}

.dd-container .dd-option small {
    color: #aab2bd !important;
    font-size: 11px;
    display: block !important;
}

.dd-container .dd-selected-text, .dd-container .dd-selected-description {
    max-width: 100%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    line-height: 1.3em;
}

.dd-container .dd-selected-description {
    opacity: .5;
    margin-left: 27px;
}

.dd-container .dd-selected-text {
    display: inline-block;
}

.tooltipIcon {
    margin: 0 2px;
}

.tooltipIcon:before {
    content: "\e644";
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    vertical-align: middle;
}

span.tooltip {
    position: absolute;
    z-index: 6000;
    display: block;
    max-width: 500px;
    font-size: 15px;
    line-height: 1.3;
    background: #000;
    padding: 20px;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.6), 0 1px 3px rgba(0, 0, 0, 0.7);
}

span.tooltip a {
    margin: 0 5px;
    color: inherit;
    text-decoration: underline;
}

span.tooltip .tale {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 10px 0 10px;
    border-color: #000000 transparent transparent transparent;
    display: block;
    position: absolute;
    top: 100%;
}

span.tooltip.bottom .tale {
    top: auto;
    bottom: 100%;
    border-width: 0 10px 20px 10px;
    border-color: transparent transparent #000000 transparent;
}

span.tooltip .close {
    display: none;
}

@media (max-width: 800px) {
    span.tooltip .close {
        float: right;
        margin: -13px -10px 5px 5px;
        display: inline-block;
        text-decoration: none;
    }
    span.tooltip .close:before {
        font-family: 'cincopaicons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        font-size: 24px;
        line-height: 1;
        vertical-align: middle;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e613";
        font-size: 24px;
    }
}

.sIco {
    font-size: 20px;
    transform: scale3d(1, 1, 1);
    text-align: center;
    cursor: pointer;
    color: inherit;
    background: transparent;
    border: 1px solid;
    display: inline-block;
    vertical-align: middle;
    padding: .2em;
    border-radius: 30px;
    margin: 5px;
    width: 1.66em;
    height: 1.66em;
    transition: .5s ease all;
}

.sIco:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: baseline;
    line-height: 1.125em;
    font-size: inherit;
}

.sIco.facebook:before {
    content: '\e662';
}

.sIco.twitter:before {
    content: '\e901';
}

.sIco.instagram:before {
    content: '\e663';
}

.sIco.linkedin:before {
    content: '\e900';
}

.sIco.dribble:before {
    content: '\e902';
}

.sIco:hover {
    color: #fff;
    transform: scale3d(1.2, 1.2, 1);
}

.sIco:hover.facebook {
    background-color: #3b589b;
    border-color: #3b589b;
}

.sIco:hover.twitter {
    background-color: #588dca;
    border-color: #588dca;
}

.sIco:hover.instagram {
    background-color: #517fa5;
    border-color: #517fa5;
}

.sIco:hover.linkedin {
    background-color: #0079b9;
    border-color: #0079b9;
}

.sIco:hover.dribble {
    background-color: #ed4a88;
    border-color: #ed4a88;
}

.sIco.colorful {
    color: #fff;
}

.sIco.colorful.facebook {
    background-color: #3b589b;
    border-color: #3b589b;
}

.sIco.colorful.twitter {
    background-color: #588dca;
    border-color: #588dca;
}

.sIco.colorful.instagram {
    background-color: #517fa5;
    border-color: #517fa5;
}

.sIco.colorful.linkedin {
    background-color: #0079b9;
    border-color: #0079b9;
}

.sIco.colorful.dribble {
    background-color: #ed4a88;
    border-color: #ed4a88;
}

.hint {
    font-family: 'Roboto', Arial, sans-serif;
    opacity: 0;
    visibility: hidden;
    font-size: 13px;
    position: absolute;
    white-space: nowrap;
    background: #434a53;
    color: #fff;
    display: inline-block;
    bottom: 100%;
    left: 0;
    z-index: 500;
    padding: 5px 10px;
    line-height: 1.2em;
    border-radius: 4px;
    font-weight: 400;
    margin-bottom: 8px;
    margin-left: -1em;
}

.hint:after {
    content: '';
    width: 10px;
    height: 5px;
    top: 100%;
    position: absolute;
    left: 34px;
    display: block;
    background: url('/_cms/design18/images/lock-down-icon.png') no-repeat center bottom;
}

*:hover>.hint {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 1s cubic-bezier(1, 0.04, 0.25, 1) opacity;
    -moz-transition: 1s cubic-bezier(1, 0.04, 0.25, 1) opacity;
    -ms-transition: 1s cubic-bezier(1, 0.04, 0.25, 1) opacity;
    -o-transition: 1s cubic-bezier(1, 0.04, 0.25, 1) opacity;
    transition: 1s cubic-bezier(1, 0.04, 0.25, 1) opacity;
}

.hintwrap {
    position: relative;
    z-index: 5;
}

.hintwrap:hover .hint {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 1s cubic-bezier(1, 0.04, 0.25, 1) opacity;
    -moz-transition: 1s cubic-bezier(1, 0.04, 0.25, 1) opacity;
    -ms-transition: 1s cubic-bezier(1, 0.04, 0.25, 1) opacity;
    -o-transition: 1s cubic-bezier(1, 0.04, 0.25, 1) opacity;
    transition: 1s cubic-bezier(1, 0.04, 0.25, 1) opacity;
}

.helpHint {
    position: relative;
    color: #ccd0d9;
    cursor: help;
    width: 100px;
    white-space: normal;
}

.helpHint .hint {
    width: 100px;
    white-space: normal;
    margin-left: -27px;
    margin-bottom: 3px;
}

.helpHint:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e644";
}

.helpHint:hover {
    color: #434a53;
}

label.itoggle {
    max-width: none;
    display: block;
    width: 83px;
    height: 41px;
    border-radius: 4px;
    margin: 0;
    background: url(/_cms/design15/images/itogglebigcinco.png) left bottom no-repeat;
    cursor: pointer;
    text-indent: -5000px;
}

label.itoggle.iToff {
    background-position: right bottom;
}

label.itoggle span {
    display: none !important;
}

input.iT_checkbox {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.colorpicker {
    z-index: 500;
}

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

.argumentValue {
    position: relative;
}

.argumentValue .dd-container .dd-selected {
    padding-left: 0;
}

.argumentValue .dd-container .dd-selected label {
    font-size: 16px;
}

.argumentValue .dd-container .dd-option-text span {
    vertical-align: middle;
}

.argumentValue .colorPalletBox {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
    border: 1px solid #9C9C9C;
}

.argumentGroup.disabled_group {
    position: relative;
}

.argumentGroup.disabled_group .argumentValue, .argumentGroup.disabled_group .argumentName {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.argumentGroup.disabled_group:before {
    content: '';
    position: absolute;
    display: inline-block;
    zoom: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}

.argumentGroup.disabled_group .bubbleInfo .trigger {
    z-index: 5;
    position: relative;
}

.argumentGroup.disabled_group .bubbleInfo .popup {
    min-width: 150px;
}

h4.label {
    display: block;
    margin: .3em 0 .7em 0;
}

h4.label>span {
    display: inline-block;
    border-radius: 10px;
    color: #fff;
    background: #656d78;
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3em;
    padding: 2px 7px;
}

/* /incl/_layout-appheader.scss */

.oldPagesLinks {
    font-size: 12px;
    cursor: pointer;
    /*max-width: 55px; white-space: normal; display: inline-block; line-height: 1.2em; vertical-align: middle; vertical-align: -webkit-baseline-middle; margin: 0 5px;*/
}

.appnav {
    padding: 15px 0;
}

.appnav.cp-hide {
    opacity: 0;
}

.cincopa_account_ .header .logo a:after, .cincopa_account_free .header .logo a:after, .cincopa_account_professional .header .logo a:after {
    font-size: 10px;
    color: #434a54;
    background: #e1e2e6;
    position: absolute;
    bottom: -6px;
    font-weight: bold;
    text-transform: uppercase;
    left: 0;
    line-height: 1em;
    text-align: center;
    border-radius: 10px;
    padding: 2px 5px;
}

.cincopa_account_professional .header .logo a:after {
    content: 'Premium';
}

.header .appnav {
    font-family: "Raleway", "Open Sans", Arial, sans-serif;
    position: fixed;
    background: #fff;
    width: 100%;
    height: 80px;
    border-top: 5px solid #0086cf;
    padding: 0;
    top: 0;
    left: 0;
    border-bottom: 1px solid #d8dadf;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    z-index: 1500;
    clear: both;
    display: table !important;
    max-width: 100%;
}

.header .appnav>div {
    display: table-cell !important;
    vertical-align: middle;
    padding: 14px 0;
}

.header .appnav>.logo {
    width: 175px;
    padding-left: 10px;
}

.header .appnav>.logo a {
    position: relative;
    width: 165px;
    max-width: 100%;
    font-size: 0;
    line-height: 0;
    height: 45px;
    border: 0;
    display: block;
}

.header .appnav>.logo a img {
    display: block !important;
    opacity: 1;
    width: 165px;
    height: auto;
    visibility: visible;
    max-width: 100%;
}

.header .appnav .btn {
    margin: 0 3px;
}

.header .appnav .hdrFullMenu {
    width: 125px;
}

.header .appnav .hdrMobileMenu {
    display: none !important;
}

.header .appnav .showMobileMenu {
    width: 40px;
    height: 40px;
    margin-left: 5px;
    padding: 5px !important;
}

.header .appnav .headCenter {
    display: none;
}

.header .appnav .headRight, .header .appnav .headCenter, .header .appnav .headLeft {
    line-height: 40px;
    position: relative;
    white-space: nowrap;
}

.header .appnav .headRight {
    text-align: right;
    max-width: 48%;
    padding-right: 10px;
}

.header .appnav .headRight .parentMenu {
    font-size: 13px;
    color: inherit;
}

.header .appnav .headLeft {
    text-align: left;
    max-width: 48%;
}

.header .appnav .headLeft .dd-select {
    margin: 0;
}

.header .appnav .headLeft .dd-select a, .header .appnav .headLeft a.menuItem {
    display: inline-block;
    vertical-align: middle;
    height: 75px;
    margin: -15px 5px;
    color: #aab2bd;
    text-decoration: none;
    font-size: 16px;
    border-bottom: 4px solid transparent;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.header .appnav .headLeft .dd-select a>*, .header .appnav .headLeft a.menuItem>* {
    vertical-align: middle;
}

.header .appnav .headLeft .dd-select a:after, .header .appnav .headLeft a.menuItem:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.header .appnav .headLeft .dd-select a .smallnew, .header .appnav .headLeft a.menuItem .smallnew {
    position: absolute;
    font-size: 10px;
    color: #FE3C00;
    font-weight: bold;
    right: 0;
}

.header .appnav .headLeft .dd-select a:hover, .header .appnav .headLeft .dd-select a.active, .header .appnav .headLeft a.menuItem:hover, .header .appnav .headLeft a.menuItem.active {
    color: #0086cf;
    border-bottom-color: #0086cf;
}

.header .appnav .headLeft .dd-select a.active, .header .appnav .headLeft a.menuItem.active {
    cursor: default;
}

.header .appnav .headLeft .dd-select a:first-child, .header .appnav .headLeft a.menuItem:first-child {
    margin-left: 0;
}

.header .appnav .headLeft .dd-select a:after, .header .appnav .headLeft a.menuItem:after {
    height: 111%;
    z-index: -1;
    visibility: hidden;
}

.header .appnav .headLeftOptions {
    line-height: 1;
    text-align: left;
}

.header .appnav .headLeftOptions>a {
    height: auto;
    margin: 5px 10px;
}

.header .appnav .headLeftOptions .try_other_box, .header .appnav .headLeftOptions .prev_next_box {
    vertical-align: middle;
    margin: 0 5px !important;
}

.header .appnav .headLeftOptions .try_other_box[style="display: block;"], .header .appnav .headLeftOptions .prev_next_box[style="display: block;"] {
    display: inline-block !important;
}

.header .appnav .headLeftOptions .try_other_box a, .header .appnav .headLeftOptions .prev_next_box a {
    margin: 0 5px;
    line-height: 1;
    height: auto;
}

.header .appnav .headRightActions {
    text-align: right;
    white-space: nowrap;
}

.header .appnav .btn {
    text-transform: uppercase;
}

.header .appnav .sessionBox {
    position: absolute;
    top: -5px;
    right: 0;
    font-size: 10px;
    border: 1px solid #0086cf;
    line-height: 1;
    padding: 2px 5px;
    background: #fff;
}

.header .appnav .accountMenu {
    position: relative;
    display: inline-block;
    margin-left: 5px;
}

.header .appnav .accountMenu>a.btn {
    color: #434a54;
    font-size: 16px;
    text-transform: none;
    font-weight: normal;
    margin: 0;
}

.header .appnav .accountMenu>a.btn b {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    max-width: 7em;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2em;
}

.header .appnav .accountMenu>a.btn i {
    margin: 0 -3px;
}

.header .appnav .accountMenu>a.btn:hover {
    color: #0086cf;
}

.header .appnav .accountMenu.active:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 10px;
    position: absolute;
    top: 100%;
    right: 20px;
    margin-top: 5px;
    z-index: 100;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url('/_cms/design18/images/lock-up-icon-1.png');
}

.header .appnav .accountMenu.active:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    height: 25px;
    top: 100%;
}

.header .appnav .accountMenu.active>ul {
    opacity: 1;
    max-height: 40em;
    visibility: visible;
}

.header .appnav .accountMenu.active>a.btn>.icon-arr_drop {
    transform: rotate(-180deg);
}

.header .appnav .accountMenu>ul {
    position: absolute;
    z-index: 50;
    right: 0;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.23) 0px 1px 5px;
    margin: 0px;
    margin-top: 12px;
    border: 1px solid #d8dadf;
    padding: 0 15px;
    list-style: none;
    background: #FFF;
    max-height: 90ex;
    overflow: hidden;
    overflow-x: hidden;
    z-index: 100;
    text-align: left;
    min-width: 240px;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.header .appnav .accountMenu>ul li>a {
    display: block !important;
    position: relative;
    padding: 10px 0;
    margin: 0;
    border-top: 1px solid #d8dadf;
    color: #434a54;
    font-size: 13px;
    text-decoration: none;
    line-height: 1.1em;
    min-height: 48px;
    line-height: 29px;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

.header .appnav .accountMenu>ul li>a[href="/media-platform/wizard2/library.aspx"]:before {
    top: 17px;
    right: 0;
}

.header .appnav .accountMenu>ul li>a:hover {
    color: #0086cf;
}

.header .appnav .accountMenu>ul li:first-child>a {
    border-top: none;
}

.header .appnav .accountMenu>ul li>.dd-option:hover, .header .appnav .accountMenu>ul li>.dd-option-selected {
    color: #0086cf;
}

.header .appnav .accountMenu>ul li:last-child>a {
    margin: 0 -15px;
    padding: 10px 15px;
    background: #f6f7fb;
    color: #db4c3f;
}

.header .appnav .accountMenu>ul li:last-child>a:hover {
    background-color: #ed5564;
    color: #fff;
}

@media screen and (max-width: 940px) and (min-width: 801px) {
    .header .appnav .accountMenu>a.btn b {
        max-width: 2em;
    }
}

.header .appnav .childMenu {
    position: absolute;
    z-index: 50;
    left: 0;
    margin: 0;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.23) 0px 1px 5px;
    margin: 0px;
    margin-top: 12px;
    border: 1px solid #d8dadf;
    padding: 0 15px;
    list-style: none;
    background: #FFF;
    max-height: 90ex;
    overflow: hidden;
    overflow-x: hidden;
    z-index: 100;
    text-align: left;
    min-width: 240px;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.header .appnav .childMenu li>a {
    display: block !important;
    position: relative;
    padding: 10px 0;
    margin: 0;
    border-top: 1px solid #d8dadf;
    color: #434a54;
    font-size: 13px;
    text-decoration: none;
    line-height: 1.1em;
    min-height: 48px;
    line-height: 29px;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

.header .appnav .childMenu li>a:hover {
    color: #0086cf;
}

.header .appnav .childMenu li:first-child>a {
    border-top: none;
}

.header .appnav .childMenu li:last-child>a {
    margin: 0 -15px;
    padding: 10px 15px;
}

.header .appnav .parentMenu {
    display: inline-block;
    position: relative;
}

.header .appnav .parentMenu.active .childMenu {
    display: block;
    max-height: 100vh;
    visibility: visible;
    opacity: 1;
}

.header .appnav .gridMenuBtn {
    overflow: visible;
}

.header .appnav .gridMenuBtn i {
    font-size: 40px;
    margin: -14px -11px;
}

.header .appnav .gridMenuWrap {
    display: inline-block;
    position: relative;
}

.header .appnav .gridMenu {
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.23) 0px 1px 5px;
    border: 1px solid #d8dadf;
    padding: 0 15px;
    list-style: none;
    background: #FFF;
    max-height: 90vh;
    z-index: 100;
    text-align: left;
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    -webkit-transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    -moz-transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    -ms-transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    -o-transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    padding: 0;
    position: absolute;
    width: 600px;
    max-width: 90vw;
    height: 510px;
    right: -14px;
    top: 50px;
    background: #f6f7fb;
}

.header .appnav .gridMenu:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 10px;
    top: -8px;
    right: 30px;
    background: url('/_cms/design18/images/lock-up-icon-1.png');
}

.header .appnav .gridMenu li, .header .appnav .gridMenu ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    width: 200px;
    max-width: 30vw;
}

.header .appnav .gridMenu a {
    padding: 3px;
    display: block;
    text-decoration: none;
    cursor: pointer;
    line-height: 1.2em;
    position: relative;
}

.header .appnav .gridMenu>ul {
    height: 100%;
    background: #fff;
}

.header .appnav .gridMenu>ul>li {
    border-bottom: 1px solid #d8dadf;
}

.header .appnav .gridMenu>ul>li:last-child {
    border: none;
}

.header .appnav .gridMenu>ul>li>a {
    font-size: 18px;
    color: #434a54;
    padding: 15px;
}

.header .appnav .gridMenu>ul>li ul {
    background: #f6f7fb;
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    padding: 15px 0;
}

.header .appnav .gridMenu>ul>li>ul {
    border-left: 1px solid #d8dadf;
    border-right: 1px solid #d8dadf;
}

.header .appnav .gridMenu>ul li.active>ul {
    display: block;
    z-index: 60;
}

.header .appnav .gridMenu>ul>li.active>a, .header .appnav .gridMenu>ul>li:hover>a {
    background: #0086cf;
    color: #fff;
}

.header .appnav .gridMenu>ul>li>a>i {
    font-size: 40px;
}

.header .appnav .gridMenu>ul>li>ul {
    left: 33.333%;
}

.header .appnav .gridMenu>ul>li>ul>li>ul {
    left: 100%;
    margin-left: 1px;
    width: 198px;
    display: none;
}

.header .appnav .gridMenu>ul>li ul a {
    color: #aab2bc;
    font-size: 12px;
    padding: 8px 20px;
}

.header .appnav .gridMenu>ul>li ul a:hover {
    color: #0086cf;
}

.header .appnav .gridMenu>ul>li>ul>li .pointer {
    position: relative;
}

.header .appnav .gridMenu>ul>li>ul>li.active>.pointer:after, .header .appnav .gridMenu>ul>li>ul>li:hover>.pointer:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 16px;
    top: -20px;
    right: -8px;
    z-index: 65;
    background: url('/_cms/design18/images/lock-right-icon.png');
}

.header .appnav .gridMenu li.divider {
    border-top: 1px solid #d8dadf;
    height: 0;
}

.header .appnav .gridMenu.active, .header .appnav .gridMenuWrap.active .gridMenu {
    visibility: visible;
    opacity: 1;
    max-height: 90vh;
}

.header .appnav a.beta {
    position: relative;
}

.header .appnav a.beta:before {
    content: 'BETA';
    font-size: 10px;
    text-decoration: none;
    position: absolute;
    right: 50%;
    margin-right: -15px;
    background: #757E84;
    display: block;
    line-height: 1;
    color: #fff;
    padding: 2px 5px;
    border-radius: 7px;
    top: 49px;
}

.header .appnav .accountMenu a.beta {
    position: relative;
}

.header .appnav .accountMenu a.beta:before {
    top: 17px;
    right: 12px;
    margin-right: 0;
}

.header .appnav .btn .icon-check {
    font-size: 16px;
    margin-right: 5px;
}

@media screen and (max-width: 1260px) and (min-width: 800px) {
    .header .appnav .hdrFullMenu {
        width: auto;
    }
    .header .appnav .hdrFullMenu a {
        white-space: nowrap;
        padding: 14px 5px;
    }
    .header .appnav a.btn[title="Support"] {
        display: none;
    }
    .header .appnav .headRight {
        max-width: 65%;
        max-width: calc(100% - 475px);
    }
    .header .appnav>.logo {
        margin-right: 10px;
    }
    .header .appnav a .smallnew {
        right: 0;
    }
}

@media screen and (max-width: 1100px) {
    .header .appnav .btnflat.createaccount, .header .appnav .btn.createaccount, .header .appnav .btnflat.upgrade, .header .appnav .btn.upgrade {
        min-width: 50px;
    }
    .header .appnav .btnflat.createaccount b, .header .appnav .btn.createaccount b, .header .appnav .btnflat.upgrade b, .header .appnav .btn.upgrade b {
        display: none;
    }
    .header:not(.loggedout) .appnav .getdemoBtn {
        display: none;
    }
}

@media screen and (max-width: 940px) and (min-width: 801px) {
    .header .appnav .headLeft>a {
        margin: -15px 3px;
        font-size: 16px;
    }
}

@media screen and (max-width: 800px) {
    .header .appnav .header .logo a:after {
        bottom: -12px;
        font-size: 7px;
    }
    .header .appnav .header .appnav {
        height: 70px;
        padding: 10px 5px;
    }
    .header .appnav .hdrMobileMenu {
        display: table-cell !important;
        width: 50px;
    }
    .header .appnav .hdrFullMenu {
        width: auto;
    }
    .header .appnav .headLeft {
        display: table !important;
        padding: 0;
        position: fixed;
        left: 0;
        top: 80px;
        background: #fff;
        width: 100%;
        max-width: none;
        height: 60px;
        box-shadow: 0 2px 5px rgba(26, 29, 36, 0.15), inset 0 2px 2px rgba(14, 17, 23, 0.06);
        z-index: -1;
    }
    .header .appnav .headLeft>.parentMenu {
        display: none !important;
    }
    .header .appnav .headLeft>a {
        display: table-cell !important;
        vertical-align: middle;
    }
    .header .appnav .headLeft a.menuItem {
        height: 60px;
        margin: 0;
        vertical-align: middle;
        width: 25%;
        text-align: center;
    }
    .header .appnav .headLeft a.menuItem.active {
        background: #e5f3fa;
    }
    .header .appnav .headLeft a.menuItem .smallnew {
        right: auto;
        margin-left: -30px;
        margin-top: -5px;
    }
    .header .appnav .headRight {
        max-width: none;
    }
    .header .appnav .headLeftOptions {
        background: #f5f6fa;
        position: fixed;
        display: table !important;
        width: 100%;
        left: 0;
        top: 80px;
        padding: 0 !important;
        text-align: center;
    }
    .header .appnav .headLeftOptions>div {
        width: 33%;
        vertical-align: middle;
        padding: 0;
    }
    .header .appnav .headLeftOptions>div.dd-container {
        display: table-cell !important;
        vertical-align: middle;
        margin: 0 !important;
        text-align: center;
    }
    .header .appnav .headLeftOptions>div.prev_next_box[style="display: block;"], .header .appnav .headLeftOptions>div.try_other_box[style="display: block;"] {
        display: table-cell !important;
        margin: 0 !important;
        text-align: center;
    }
    .header .appnav .headLeftOptions>div.prev_next_box[style="display: block;"]>a, .header .appnav .headLeftOptions>div.try_other_box[style="display: block;"]>a {
        display: inline-block;
        width: auto !important;
        height: auto !important;
    }
    .header .appnav .createaccount.btn {
        display: none !important;
    }
    .header .appnav .upgrade.btn {
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
        padding-left: 0;
        padding-right: 0;
    }
    .header .appnav .upgrade.btn b {
        text-decoration: underline !important;
    }
    .header .appnav .accountMenu {
        margin-left: 0;
    }
    .header .appnav .gridMenuWrap, .header .appnav a.btn[title="Support"] {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .header .appnav>.logo a {
        width: 100px;
        height: auto;
        background-size: contain;
        background-position: center center;
    }
    .header .appnav>.logo a:after {
        bottom: -12px;
    }
    .header .appnav .btnflat.upgrade, .header .appnav .btn.upgrade {
        min-width: 0;
    }
    .header .appnav .dd-select a, .header .appnav a.try_other, .header .appnav .headLeft>a {
        font-size: 15px;
        margin: 0;
    }
}

@media screen and (max-width: 430px) {
    .header .appnav>.logo a {
        width: 80px;
    }
    .header .appnav .btnflat.upgrade, .header .appnav .btn.upgrade {
        font-size: 0;
    }
    .header .appnav .accountMenu>a.btn b {
        max-width: 2em;
    }
    .header.loggedout .appnav .getdemoBtn {
        display: none;
    }
}

@media screen and (max-width: 350px) {
    .header .appnav .headRight {
        margin-right: -20px;
    }
    .header .appnav .header .appnav>.logo a {
        width: 70px;
    }
    .header .appnav .header .appnav .btn.upgrade {
        margin-right: 0;
    }
}

body.hidescroll .container {
    height: 100vh;
    overflow: hidden;
}

@media sceeen and (min-width: 801px) {
    .hidescroll .header .row1 {
        padding-right: 31px;
    }
}

.btn.big.showFullMenu {
    padding: 14px 20px;
    margin: -1px 7px;
    font-size: 14px !important;
    float: left;
}

.btn.big.showFullMenu b {
    text-transform: uppercase;
}

.btn.big.showFullMenu i {
    margin-right: 5px;
}

.btn.big.showFullMenu i span {
    display: block;
    height: 2px;
    width: 16px;
    background: #434a53;
    margin: 3px 0;
    transition: .3s ease-out all;
    position: relative;
    top: 0;
}

.btn.big.showFullMenu.active {
    background: #EAEAEA;
    color: #0687CD;
}

.btn.big.showFullMenu.active i span {
    background-color: #0687CD;
}

.btn.big.showFullMenu.active i span:nth-child(1) {
    transform: rotate(45deg);
    transform-origin: center;
    position: relative;
    top: 5px;
}

.btn.big.showFullMenu.active i span:nth-child(2) {
    opacity: 0;
}

.btn.big.showFullMenu.active i span:nth-child(3) {
    transform: rotate(-45deg);
    transform-origin: center;
    position: relative;
    top: -5px;
}

@media screen and (max-width: 1000px) {
    .btn.big.showFullMenu {
        padding: 14px 10px;
    }
}

@media screen and (max-width: 800px) {
    .btn.big.showFullMenu i {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -10px;
        opacity: 0;
    }
    .btn.big.showFullMenu.active i {
        opacity: 1;
    }
    .btn.big.showFullMenu.active b {
        opacity: 0;
    }
}

@media screen and (max-width: 430px) {
    .btn.big.showFullMenu {
        padding: 14px 0px;
    }
}

.fullscreenMenu {
    display: none;
    font-family: "Open Sans", Arial, sans-serif;
    color: #373637;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 130px 30px 20px 30px;
    background: #fff;
    z-index: 1400;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: calc(80px);
    padding-top: calc(50px);
    height: calc(100% - 80px);
}

.fullscreenMenu.active {
    display: block;
}

.fullscreenMenu b {
    text-transform: uppercase;
    display: block;
    color: #999999;
    margin: 0 0 20px 0;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .05em;
}

.fullscreenMenu ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: .5em 0 2em 0;
    font-size: 17px;
}

.fullscreenMenu li {
    display: block;
    margin: .7em 0;
}

.fullscreenMenu ul.sub-child li {
    color: #666666;
    font-size: 15px;
}

.fullscreenMenu ul.sub-child li:before {
    content: '- ';
    font-size: 0.7em;
    margin-right: 4px;
}

.fullscreenMenu a {
    color: inherit;
    text-decoration: none;
    font-weight: normal;
}

.fullscreenMenu a:hover {
    text-decoration: underline;
}

.fullscreenMenu .col-md-4 {
    padding: 0 40px;
    border-right: 1px solid #E2E2E2;
    border-left: 1px solid #E2E2E2;
    margin-left: -1px;
}

.fullscreenMenu .col-md-4:first-child {
    border-left: none;
}

.fullscreenMenu .col-md-4:nth-child(3) {
    border-right: none;
}

@media (min-width: 800px) {
    .fullscreenMenu .col-md-4 {
        width: 33.33333333%;
        display: inline-block;
        vertical-align: top;
    }
}

@media screen and (max-width: 800px) {
    .fullscreenMenu {
        padding: 160px 30px 20px 30px;
        padding-top: calc(80px);
    }
    .fullscreenMenu .col-md-4 {
        border: none !important;
    }
}

.librarySideMenu .fullscreenMenu {
    display: block !important;
    position: relative !important;
    margin: 0 -30px !important;
    padding: 30px 25px !important;
    width: auto !important;
    max-height: none !important;
    height: auto !important;
}

/* /incl/_layout-logoutheader.scss */

.header .appnav .phone-number {
    text-decoration: none;
    position: relative;
}

.header .appnav .phone-number i {
    background-color: #BAC2C8;
    padding: 6px;
    font-size: 12px;
    border-radius: 7px;
    vertical-align: middle;
    margin-right: 5px;
    color: #fff;
}

.header .appnav .phone-number span {
    vertical-align: middle;
    color: #505E67;
}

@media (max-width: 800px) {
    .header .appnav .phone-number span {
        display: none;
    }
}

.header .appnav .sub-nav {
    position: relative;
    z-index: 1500;
    line-height: 1.1;
}

.header .appnav .sub-nav .btn.big {
    margin-left: 10px;
    padding: 11px 10px;
}

.header .appnav .sub-nav>ul {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    position: relative;
}

.header .appnav .sub-nav>ul>li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.header .appnav .sub-nav>ul>li .pointer:after {
    content: "\e601";
    font-family: 'cincopaicons';
    position: absolute;
    top: 50%;
    margin-top: -.55em;
    right: 0;
    font-size: .8em;
    opacity: .7;
}

.header .appnav .sub-nav>ul>li>a {
    cursor: pointer;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #434a53;
    font-weight: normal;
    padding: 12px;
    text-decoration: none;
}

.header .appnav .sub-nav>ul>li>ul, .header .appnav .sub-nav>ul>li>ul>li>ul {
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.23) 0px 1px 5px;
    border: 1px solid #d8dadf;
    padding: 0 15px;
    list-style: none;
    background: #FFF;
    max-height: 90vh;
    z-index: 100;
    text-align: left;
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    -webkit-transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    -moz-transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    -ms-transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    -o-transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    position: absolute;
    overflow: visible;
}

.header .appnav .sub-nav>ul>li>ul {
    width: 230px;
    left: -20px;
    top: 100%;
    overflow: visible !important;
}

.header .appnav .sub-nav>ul>li>ul li {
    position: relative;
}

.header .appnav .sub-nav>ul>li>ul li .pointer:after {
    transform: rotate(-90deg);
}

.header .appnav .sub-nav>ul>li>ul li a {
    display: block !important;
    position: relative;
    padding: 10px 0;
    margin: 0;
    border-top: 1px solid #d8dadf;
    color: #434a54;
    font-size: 13px;
    text-decoration: none;
    line-height: 1.1em;
    min-height: 40px;
    line-height: 20px;
    -webkit-transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    -moz-transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    -ms-transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    -o-transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
}

.header .appnav .sub-nav>ul>li>ul li a:hover {
    color: #0086cf;
}

.header .appnav .sub-nav>ul>li>ul li:first-child>a {
    border-top: none;
}

.header .appnav .sub-nav>ul>li>ul li>ul {
    visibility: hidden;
    position: absolute;
    max-height: 0;
    max-width: 0;
    opacity: 0;
    left: 100%;
    top: 0;
    transform: scale(1, 0);
    left: 100%;
    overflow: visible !important;
}

.header .appnav .sub-nav>ul>li>ul li:hover>ul {
    visibility: visible;
    opacity: 1;
    max-height: 600px;
    max-height: 90ex;
    transform: none;
}

.header .appnav .sub-nav>ul li:hover>ul {
    visibility: visible;
    opacity: 1;
    max-height: 600px;
    max-height: 90ex;
}

@media screen and (max-width: 1150px) {
    .header .appnav .sub-nav .btn.big {
        padding: 11px 5px;
    }
    .header .appnav .sub-nav>ul>li>a {
        font-size: 12px;
    }
    .header .appnav .headLeft .dd-select a {
        margin-left: 0;
        padding-left: 0;
    }
    .header .appnav .prev_next_box a, .header .appnav .try_other_box a, .header .appnav .dd-selected-text {
        font-size: 13px !important;
    }
    .header .appnav .phone-number span {
        display: none;
    }
}

@media screen and (max-width: 1030px) {
    .header .appnav .startnow-sub {
        padding-left: 5px;
        padding-right: 5px;
    }
    .header .appnav .sub-nav>ul>li>a {
        font-size: 11px;
    }
    .header .appnav .startnow-sub {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (max-width: 800px) {
    .header .appnav .sub-nav>ul {
        display: none;
    }
}

@media screen and (max-width: 530px) {
    .header .appnav>.logo a {
        width: 100px;
        background-size: contain;
        background-position: center center;
    }
    .header .appnav>.logo {
        width: 100px;
    }
    .header .appnav .sub-nav {
        margin: 2px 0;
    }
    .header .appnav .sub-nav .btn.big {
        margin-left: 0;
        vertical-align: top;
        white-space: normal;
    }
}

@media screen and (max-width: 470px) {
    .header .appnav>.logo a {
        width: 80px;
        background-size: contain;
        background-position: center center;
    }
    .header .appnav>.logo {
        width: 80px;
    }
    .header .appnav .phone-number {
        display: none;
    }
}

@media screen and (max-width: 400px) {
    .header .appnav .startnow-sub {
        max-width: 6em;
        margin: -6px 0;
    }
}

div#container.container {
    padding-top: 59px !important;
}

.navAppMode {
    font-family: "Montserrat", "Open Sans", Arial, sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 6000;
    height: 59px;
    display: flex;
    background: #474953;
    color: #fff;
    justify-content: space-around;
    align-items: center;
    padding: 0 10px;
    font-size: 16px;
    line-height: 1.2;
    box-shadow: 0 5px 0 #0086cf;
}

.navAppMode>* {
    flex-grow: 1;
}

.navAppMode a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.navAppMode .btn {
    padding: 8px;
    font-weight: normal;
    min-height: 30px;
    font-size: inherit;
}

.navAppMode .btn>i {
    font-size: 22px;
}

.navAppMode .btn.dark {
    box-shadow: none !important;
}

.navAppMode .nam-logo {
    width: 36px;
    height: 36px;
    background: no-repeat center center;
    background-size: 50% 50%;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 0;
    background-image: url('/_cms/design18/images/cincopa-circle-logo-icon.png');
}

.navAppMode .showMobileMenu {
    display: none;
}

.navAppMode .nam-nav {
    list-style: none;
    display: inline-flex;
    padding: 0;
    /* margin: 0 5px; */
    align-items: center;
}

.navAppMode .nam-nav .icon-arr_drop {
    line-height: 12px;
    position: relative;
    top: -1px;
    margin-right: -6px;
}

.navAppMode .nam-nav>li>a {
    text-align: center;
}

.navAppMode .nam-nav>li>a>[class^="icon-"], .navAppMode .nam-nav>li>a>[class*=" icon-"] {
    margin: -3px 0;
}

.navAppMode .nam-nav>li>a:hover:before {
    display: block !important;
}

.navAppMode .nam-nav li {
    display: inline-block;
    position: relative;
}

.navAppMode .nam-nav li.divider {
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid !important;
    margin: 5px 0;
}

.navAppMode .nam-nav li a {
    display: block;
    padding: 20px 0;
    margin: 0 10px;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}

.navAppMode .nam-nav li a.autoccBTN {
    padding: 12px 10px;
    margin: 0;
    text-align: left;
    background-color: #0086cf;
}

.navAppMode .nam-nav li a.autoccBTN:hover {
    background-color: #02679e;
}

.navAppMode .nam-nav li a:not(.autoccBTN):before {
    display: none;
    content: '';
    position: absolute;
    border-bottom: 3px solid;
    width: 100%;
    bottom: 13px;
}

.navAppMode .nam-nav li ul {
    overflow: auto;
    overflow-x: hidden;
    display: block;
    position: absolute;
    z-index: 50;
    left: 0;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.23) 0px 1px 10px;
    margin: 0px;
    top: 50%;
    margin-top: 24px;
    border: 1px solid #cdcdcd;
    padding: 20px;
    list-style: none;
    background: #FFF;
    max-height: 90ex;
    z-index: 100;
    text-align: left;
    min-width: 240px;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    transition: 0.2s ease all;
}

.navAppMode .nam-nav li ul li {
    display: block;
    overflow: hidden;
    color: #000;
    padding: 0 5px;
}

.navAppMode .nam-nav li ul li>a {
    display: block;
    position: relative;
    padding: 10px 0;
    margin: 0;
    color: #0086cf;
    text-decoration: none;
    line-height: 1.1em;
}

.navAppMode .nam-nav li ul li>a:hover {
    color: #000;
    background: transparent;
}

.navAppMode .nam-nav li.hasChild:before, .navAppMode .nam-nav li.hasChild:after {
    content: '';
    display: block;
    opacity: 0;
    transition: .3s ease opacity;
    position: absolute;
    bottom: 100%;
    right: 13px;
    top: 50%;
    margin-top: 13px;
    z-index: -1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8.5px 12px 8.5px;
    border-color: transparent transparent #ffffff transparent;
    visibility: hidden;
}

.navAppMode .nam-nav li.hasChild:before {
    margin: 11px -1px -2px -1px;
    border-width: 0 9.5px 13px 9.5px;
    border-color: transparent transparent #cdcdcd transparent;
}

.navAppMode .nam-nav li.hasChild.doubleIcon:before, .navAppMode .nam-nav li.hasChild.doubleIcon:after {
    right: 28px;
}

.navAppMode .nam-nav li.hasChild.active:before, .navAppMode .nam-nav li.hasChild.active:after {
    z-index: 100;
    opacity: 1;
    visibility: visible;
}

.navAppMode .nam-nav li.hasChild.active>a:before {
    display: block;
}

.navAppMode .nam-nav li.hasChild.active ul {
    opacity: 1;
    max-height: 40em;
    visibility: visible;
}

.navAppMode .nam-nav li.hasChild.active ul:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    height: 15px;
    bottom: 100%;
}

.navAppMode .nam-nav li.withIcon>a {
    white-space: nowrap;
}

.navAppMode .nam-nav li.withIcon>a:before {
    display: none !important;
}

.navAppMode .nam-nav li.current>a:not(.autoccBTN) {
    color: #48b7fc;
    text-decoration: none;
    pointer-events: none;
}

.navAppMode .nam-nav li.new>a {
    position: relative;
}

.navAppMode .nam-nav li.new>a:after {
    content: 'New';
    position: absolute;
    color: #fff;
    background: #f00;
    font-size: 10px;
    text-transform: uppercase;
    top: 8px;
    right: 0;
    display: inline-block;
    padding: 0 3px;
}

ul.products {
    position: absolute;
    display: none;
    padding: 20px 20px 5px 20px !important;
}

ul.products li {}

ul.products li:last-child {
    border-bottom: none;
}

.dropdown-dec {
    font-size: 0.8rem;
    color: #a9a9a9;
}

ul.products li.hasChild:hover:before, li.hasChild:hover:before {
    z-index: 100 !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.hasClick ul:before{   z-index: 100 !important;
    opacity: 1 !important;
    visibility: visible !important;}
.hasClick ul:after{  z-index: 100 !important;
    opacity: 1 !important;
    visibility: visible !important;}
    .navAppMode .nam-nav li.hasClick:before, .navAppMode .nam-nav li.hasClick:after {
        content: '';
        display: block;
        opacity: 0;
        transition: .3s ease opacity;
        position: absolute;
        bottom: 100%;
        right: 13px;
        top: 50%;
        margin-top: 13px;
        z-index: -1;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8.5px 12px 8.5px;
        border-color: transparent transparent #ffffff transparent;
        visibility: hidden;
    }
    
    .navAppMode .nam-nav li.hasClick:before {
        margin: 11px -1px -2px -1px;
        border-width: 0 9.5px 13px 9.5px;
        border-color: transparent transparent #cdcdcd transparent;
    }
ul.products li.hasChild:hover:after, li.hasChild:hover:after {
    z-index: 100 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

li.hasChild:hover ul {
    opacity: 1;
    max-height: 40em;
    visibility: visible;
}

ul.products:hover {
    position: absolute;
    visibility: visible;
    opacity: 1;
    display: block;
    max-height: 40em;
}

.navAppMode .nam-rightnav {
    text-align: right;
    margin-right: 0;
}

.navAppMode .nam-accountnav li ul {
    left: auto;
    right: -10px;
}

.navAppMode .nam-accountnav li ul:after {
    left: auto;
    right: 20px;
}

.navAppMode.loggedusertype-assume .icon-user-circle-o:before {
    content: "\e927" !important;
}

.navAppMode.loggedusertype-mcc .icon-user-circle-o:before {
    content: "\e926" !important;
}

.navAppMode.loggedusertype-csm .icon-user-circle-o:before {
    content: "\e925" !important;
}

.navAppMode.loggedusertype-editor .icon-user-circle-o:before {
    content: "\e924" !important;
}

@media (max-width: 1070px) {
    .navAppMode .hideonTablet {
        display: none !important;
    }
}
/*@media (max-width: 1152px) {
    .navAppMode {
        font-size: 14px;
    }
}
@media (max-width: 1076px) {
    .navAppMode {
        font-size: 12px;
    }
    .new-dropdown{height:30px !important;}
    .navAppMode > * {
        flex-grow: 1;
        font-size: 10px;
    }
}*/

@media (max-width: 1025px) { .navAppMode { font-size: 14px; } }

@media (max-width: 960px) {
    .navAppMode .nam-nav li a {
        padding-left: 5px;
        padding-right: 5px;
        margin: 0;
        margin-top:1px;
    }
    .navAppMode .nam-accountnav b {
        display: none;
    }
}


@media (max-width: 860px) {
    .navAppMode {
        font-size: 12px;
    }
}



@media (max-width: 800px) {
    .navAppMode .showMobileMenu {
        display: inline-block;
    }
    .navAppMode .hideonMobile {
        display: none !important;
    }
    .navAppMode~.navStaticPages {
        display: none;
    }
}

@media (min-width: 801px) {
    .navAppMode .hideonDesktop {
        display: none !important;
    }
}

@media (max-width: 400px) {
    .navAppMode {
        padding: 0 5px;
    }
    .navAppMode .nam-nav {
        margin: 0;
    }
    .navAppMode .nam-nav li a {
        font-size: 12px;
    }
    .navAppMode .nam-nav .icon-arr_drop {
        margin-left: -5px;
    }
    .navAppMode .nam-accountnav b {
        display: none;
    }
    .navAppMode .nam-accountnav .icon-user-circle-o {
        display: inline-block;
    }
    .navAppMode .showMobileMenu {
        margin: 0;
        padding-left: 2px;
        padding-right: 2px;
    }
}

.navAppMode~.navStaticPages {
    position: relative;
    z-index: 500;
}

.navAppMode~.navStaticPages~.content-container {
    margin-top: 0;
}

.showMobileMenu i span {
    display: block;
    border-bottom: 3px solid;
    width: 34px;
    margin: 5px 0;
    transition: .3s ease-out all;
    position: relative;
    top: 0;
    color: #000
}

.showMobileMenu.active i span {
    background-color: #0687CD;
}

.showMobileMenu.active i span:nth-child(1) {
    transform: rotate(45deg);
    transform-origin: center;
    position: relative;
    top: 8px;
}

.showMobileMenu.active i span:nth-child(2) {
    opacity: 0;
}

.showMobileMenu.active i span:nth-child(3) {
    transform: rotate(-45deg);
    transform-origin: center;
    position: relative;
    top: -8px;
}

.navStaticPages {
    font-family: "Montserrat", "Open Sans", Arial, sans-serif;
    background: #fff;
    color: #36373c;
    border-top: 5px solid #0086cf;
    display: flex;
    justify-content: space-around;
    align-items: center;
    min-height: 80px;
    padding: 0 10px;
    font-size: 16px;
    line-height: 1.2;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    left: 0;
	border-bottom: 1px solid #d8dadf;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.navStaticPages~.content-container {
    margin-top: 20px;
}

.navStaticPages>* {
    flex-grow: 1;
}

.navStaticPages .btn {
    font-weight: normal;
    padding: 16px 32px;
    line-height: 18px;
    width: 200px;
    font-weight: 500
}

.navStaticPages .btn.trans {
    padding: 20px;
    font-size: 15px;
    margin: 0;
    width: auto;
}

.navStaticPages .content-wrapper {
    width: auto;
    flex: 1
}

.navStaticPages .nsp-logo {
    width: 300px
}

.navStaticPages .nsp-right {
    width: 300px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.navStaticPages nav ul {
    list-style: none;
    display: inline-flex;
    padding: 0;
    margin: 0;
}

.navStaticPages nav ul .icon-arrdwnsmall {
    line-height: 12px;
    font-size: 12px;
    position: relative;
    top: -1px;
    margin-right: -6px;
}

.navStaticPages nav ul>li {
    display: inline-block;
    position: relative;
    margin-right: 40px;
}

.navStaticPages nav ul>li.divider {
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid !important;
    margin: 5px 0;
}

.navStaticPages nav ul>li a {
    display: block;
    padding: 20px 0px 20px 0;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 15px;
    font-family: Montserrat;
    line-height: 2;
    letter-spacing: 1.8px;
    text-align: center;
    color: #2d3541;
}

.navStaticPages nav ul>li:hover a {
    color: #0086cf;
    /* font-weight:bold;
    transition: font-weight 0.2s ease; */
}
.navStaticPages nav ul>li a::after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

 
 .somethinglost{  color: #0086cf; }
.navStaticPages nav ul>li:hover .marketing-submenu{
    opacity: 1!important;
    max-height: 40em!important;
    visibility: visible!important;
    display: block;
    overflow: visible;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
    padding: 38px 0 38px 48px !important;
}
.navStaticPages nav ul>li ul {
    overflow: auto;
    display: block;
    position: absolute;
    z-index: 50;
    left: 0;
    border-radius: 6px;
    margin: 0px;
    top: 50%;
    margin-top: 24px;
    padding: 20px;
    list-style: none;
    background: #FFF;
    max-height: 90ex;
    z-index: 100;
    text-align: left;
    width: 385px;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    transition: 0.2s ease all;
    left: calc((385px - 100%) / -2);
}

.navStaticPages nav ul>li ul li {
    display: block;
    overflow: hidden;
    margin-right:0;
}

.navStaticPages nav ul>li ul li>a {
    display: block;
    position: relative;
    padding: 10px 11px 7px 0px;
    margin: 0;
    color: #0086cf;
    text-decoration: none;
    line-height: 1.1em;
}

.navStaticPages nav ul>li ul li>a:hover {
    color: #000;
}

.navStaticPages nav ul>li.hasChild:before, .navStaticPages nav ul>li.hasChild:after {
    content: '';
    display: block;
    opacity: 0;
    transition: .3s ease opacity;
    position: absolute;
    bottom: 100%;
    right: 1px;
    top: 50%;
    margin-top: 13px;
    z-index: -1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8.5px 12px 8.5px;
    border-color: transparent transparent #ffffff transparent;
    visibility: hidden;
}

.navStaticPages nav ul>li.hasChild:before {
    margin: 11px -1px -2px -1px;
    border-width: 0 9.5px 13px 9.5px;
    border-color: transparent transparent #cdcdcd transparent;
}

.navStaticPages nav ul>li.hasChild.active:before, .navStaticPages nav ul>li.hasChild.active:after {
    z-index: 100;
    opacity: 1;
    visibility: visible;
}

.navStaticPages nav ul>li.hasChild.active ul {
    opacity: 1;
    max-height: 40em;
    visibility: visible;
}

.navStaticPages nav ul>li.hasChild.active ul:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    height: 15px;
    bottom: 100%;
}

.navStaticPages .signInBtn, .navStaticPages .startNowBtn, .navStaticPages .nsp-right {
    display: none !important;
}

.navStaticPages.loggedout .signInBtn, .navStaticPages.loggedout .startNowBtn ,  .navStaticPages.loggedout .nsp-right {
    display: inline-block !important;
}

@media (max-width: 1080px) {
    .navStaticPages .nsp-logo {
        width: 250px
    }
}

@media (max-width: 900px) {
    .navStaticPages {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .navStaticPages {
        z-index: 5500;
        min-height: 62px;
        font-size: 13px;
        position: fixed;
        width: 100%;
        top: 0;
        padding-right: 0
    }
    .navStaticPages .showMobileMenu {
        display: flex;
        align-items: center;
    }
    .navStaticPages .showMobileMenu:before {
        content: "Menu";
        font-family: Montserrat;
        font-size: 15px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: 1.8px;
        text-align: center;
        color: #2d3541;
        padding-right: 20px;
        text-transform: uppercase;
        display: inline-block;
    }
    .navStaticPages .hideonMobile, .navStaticPages.loggedout .hideonMobile {
        display: none !important;
    }
}

@media (min-width: 1025px) {
    .navStaticPages .hideonDesktop {
        display: none !important;
    }
}

.librarySideMenu.marketing {
    background: #fff;
    width: 100%;
    display: none;
    max-height: 0;
    transition: .3s ease all;
    transform: translate(0, -100%);
    height: auto;
    padding-bottom: 40px;
    border-bottom: 4px solid #0086cf;
}

.librarySideMenu.marketing.active {
    max-height: 100vh;
}

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

ul.mobileMarketingMenu li a {
    display: block;
    font-size: 25px;
    color: #0078c2;
    text-decoration: none;
    padding: 18px 0;
    border-bottom: 1px solid #b8b8b8;
    position: relative;
}

ul.mobileMarketingMenu li a .icon-arrdwnsmall {
    position: absolute;
    top: 50%;
    margin-top: -.37em;
    font-size: inherit;
    right: 0;
}

ul.mobileMarketingMenu li ul {
    display: none;
    padding: 0 0 0 20px;
    margin: 0;
    list-style: none;
}

ul.mobileMarketingMenu li ul a {
    font-size: 18px;
    padding: 15px 0;
    border-bottom-color: #dedede;
}

ul.mobileMarketingMenu li.active>a>.icon-arrdwnsmall {
    transform: rotate(180deg);
}

ul.mobileMarketingMenu li.active ul {
    display: block;
}

.content-container {
    padding-left: 300px;
}

.content-container.hideleftbar {
    padding-left: 0 !important;
}

.content-container.hideleftbar .librarySideMenu {
    display: none !important;
}

.content-container.hideleftbar .library-head {
    padding-left: 10px !important;
}

.librarySideMenu {
    position: fixed;
    z-index: 99;
    float: left;
    overflow: auto;
    overflow-x: hidden;
    height: 100%;
    height: 100vh;
    width: 300px;
    top: 0;
    left: 0;
    margin: 0;
    margin-right: -320px !important;
    padding: 79px 30px 90px 30px;
    font-size: 14px;
    background: #f6f7fb;
    border-top: 1px solid #d8dadf;
    border-right: 1px solid #d8dadf;
}

.librarySideMenu .lsm-logo {
    display: none;
}

.librarySideMenu>h3 {
    margin: 10px 0 25px 0;
    font-size: 18px;
    font-weight: normal;
}

.librarySideMenu:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

.librarySideMenu .left_panel>*, .librarySideMenu .right_panel>* {
    vertical-align: middle;
}

.librarySideMenu .title {
    color: #7BBF90;
    font-size: 24px;
    line-height: 1em;
    border-right: solid 2px #C0C0C0;
    padding: 0 15px 0 0;
    display: inline-block;
    font-family: 'neo_sans_prolight', sans-serif;
    font-weight: 500;
}

.librarySideMenu .all_media_types, .librarySideMenu .all_galleries {
    border: 0;
    display: block;
}

.librarySideMenu .divDDContainer {
    height: auto !important;
    border: none;
    display: block;
    margin: 30px 5px;
    max-width: 150px;
    font-size: 1.2em;
    color: #333;
    min-width: 8em;
    cursor: pointer;
    background: transparent;
}

.librarySideMenu .create_gallery, .librarySideMenu .upload_files {
    width: auto;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.librarySideMenu .create_gallery, .librarySideMenu #dropdownUsageMobile {
    display: none;
}

.librarySideMenu .sideMenuFilters {
    border-top: 1px solid #d8dadf;
    margin: 19px -30px 19px -30px;
    padding: 20px 30px;
    width: auto !important;
    border-bottom: 1px solid #d8dadf;
}

.librarySideMenu .all_tags_block {
    overflow: auto;
    margin-right: -10px;
    padding: 5px 0;
}

.librarySideMenu .all_tags_block>h4 {
    margin-top: 0;
}

.librarySideMenu .sideMenuControls+.all_tags_block {
    border-top: 1px solid #d8dadf;
    margin: 19px -30px 19px -30px;
    padding: 20px 30px;
    width: auto !important;
}

.librarySideMenu h4 {
    text-transform: none;
    font-weight: 400;
    font-size: 18px;
    display: block;
}

.librarySideMenu h4 i {
    color: #9ba5b7;
    margin-right: 5px;
}

.librarySideMenu h4 b {
    vertical-align: middle;
}

.librarySideMenu .skinsFilters {
    max-height: calc(100vh - 260px);
    overflow-y: auto;
}

.librarySideMenu .skinsFilters>ul {
    padding: 0 15px 0 35px;
    margin-left: -35px;
    border-radius: 0 5px 5px 0;
}

.librarySideMenu .skinsFilters li {
    margin: 10px 0;
}

.librarySideMenu .skinsFilters a {
    display: block;
    font-size: 15px;
    color: #909caa;
    text-decoration: none;
    cursor: pointer;
}

.librarySideMenu .skinsFilters a:hover {
    color: #0086cf;
}

.librarySideMenu .skinsFilters a.active {
    color: #000 !important;
    font-weight: bold;
    opacity: 1;
    cursor: default;
}

body.loggedout .librarySideMenu .lsm-logo {
    display: block;
    position: absolute;
    top: 20px;
    left: 30px;
}

#wasthispagehelpful {
    bottom: 45px;
    position: fixed;
    left: 27px;
}

#wasthispagehelpful .pageHelpful {
    margin-right: 0px;
    display: none;
}

#wasthispagehelpful #feedbacktext {
    width: 215px;
}

#wasthispagehelpful .feedback.btn {
    margin-left: 44px;
    font-size: 11px;
    font-weight: 400;
}

@media screen and (max-width: 800px) {
    #wasthispagehelpful .feedback.btn {
        margin-left: 22px;
    }
}

#wasthispagehelpful .feedbackTitle, .helpTitle .titleFirstRow {
    font-size: 13px;
}

.sidebarFooter {
    margin: 0 10px;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    width: 250px;
}

.sidebarFooter p {
    font-size: 12px;
    margin: -1px 0;
}

.sidebarFooter p b {
    color: #434a53;
    font-size: 14px;
}

.sidebarFooter .links {
    font-size: 11px;
    color: #ddd;
}

.sidebarFooter .links a {
    color: #aab2bc;
    display: inline-block;
    margin: 0 .1em;
    text-decoration: none;
}

@media screen and (max-width: 1150px) and (min-width: 801px) {
    .library-head {
        padding-left: 260px !important;
    }
    .content-container {
        padding-left: 250px !important;
    }
    .librarySideMenu {
        width: 250px;
        margin-right: -250px !important;
    }
    .sidebarFooter {
        width: 230px;
    }
}

@media screen and (max-width: 800px) {
    .content-container {
        padding-left: 0 !important;
    }
    .library_message_main {
        display: none !important;
    }
    .library-head {
        padding-left: 0 !important;
    }
    .librarySideMenu {
        display: block !important;
        visibility: visible !important;
        z-index: 5000 !important;
        background: #e5e5e5;
        width: 90%;
        padding-bottom: 15px;
        top: 6px;
        left: 0;
        transform: translate(-100%, 0);
        max-height: calc(100% - 6px);
        opacity: 0;
        transition: .3s ease opacity, .3s ease transform;
    }
    .librarySideMenu.active {
        transform: translate(0, 0);
        opacity: 1;
    }
    .librarySideMenu .dd-container {
        margin: 10px auto !important;
        background: #fff;
        border-radius: 3px;
        border: none !important;
        padding: 10px 20px !important;
    }
    .librarySideMenu .dd-container .dd-selected {
        display: none !important;
    }
    .librarySideMenu .dd-container .dd-options {
        max-height: none !important;
        display: block !important;
        width: auto !important;
        float: none;
        position: relative;
        top: 0;
        left: 0;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        z-index: auto;
        position: static;
        height: auto !important;
    }
    .librarySideMenu .dd-container .dd-options>li>a {
        min-height: 40px;
        padding: 7px 0;
        position: relative;
        margin: 0;
    }
    .librarySideMenu .dd-container .dd-options>li>a.dd-option-selected {
        padding-right: 20px;
    }
    .librarySideMenu .dd-container .dd-options>li>a.dd-option-selected:before {
        font-family: 'cincopaicons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        font-size: 24px;
        line-height: 1;
        vertical-align: middle;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e602";
        position: absolute;
        right: 0;
        font-size: 19px;
        color: #f00;
        top: 50%;
        margin-top: -10px;
        color: #0086cf !important;
    }
    .librarySideMenu .sideMenuControls {
        margin: -20px -30px;
        padding: 20px;
        background: #434a54;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
    }
    .librarySideMenu .sideMenuControls .btn {
        flex-grow: 1;
        flex-shrink: 1;
    }
    .librarySideMenu .sideMenuFilters {
        padding: 20px;
    }
    .librarySideMenu .create_gallery, .librarySideMenu .upload_files {
        width: 45%;
        display: inline-block;
    }
    .librarySideMenu .create_gallery b, .librarySideMenu .upload_files b {
        display: block;
    }
    .librarySideMenu .dd-container {
        width: auto !important;
    }
    .librarySideMenu #dropdownUsageMobile {
        display: block;
    }
    .librarySideMenu .sidebarFooter, .librarySideMenu #wasthispagehelpful {
        display: none;
    }
}

/* /incl/_layout-lib_header.scss */

.libraryArea {
    padding-top: 78px;
}

.library-head {
    position: fixed;
    top: 58px;
    z-index: 97;
    width: 100%;
    padding: 12px;
    padding-left: 315px;
    left: 0;
    clear: both;
    border: 1px solid #d8dadf;
    background: #f6f7fb;
    text-align: center;
    min-height: 80px;
    line-height: 50px;
    height: 81px;
    display: table;
    width: 100%;
    table-layout: auto;
    max-width: 100%;
}

.library-head>div {
    display: table-cell;
    vertical-align: middle !important;
    float: none !important;
    width: auto;
}

.library-head .check_all_items_block {
    height: 20px;
    width: 20px;
    display: block;
    background: #fff;
    border: 1px solid #d8dadf;
    border-radius: 3px;
    box-shadow: inset 0 1px 4px #d8dadf;
    cursor: pointer;
}

.library-head .check_all_items_block:after {
    content: "\e602";
    font-family: 'cincopaicons';
    font-size: 13px;
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 100%;
    vertical-align: top;
    line-height: 18px;
    opacity: 0;
}

.library-head .check_all_items_block:hover {
    background: #66c100;
    box-shadow: none;
    border-color: #66c100;
}

.library-head .check_all_items_block:hover:after {
    opacity: 1;
}

.library-head .dd-container {
    max-width: calc(100% - 60px);
    vertical-align: middle;
    margin: 7px auto;
}

.library-head .other_actions_block {
    display: none;
    line-height: 71px;
}

.library-head *[style="display: block;"] {
    display: inline-block !important;
}

.library-head .last_added_grid_view {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
    border-left: 1px solid #d8dadf;
    margin-left: 5px !important;
    padding-left: 5px;
}

.library-head .last_added_grid_view>a {
    margin: 0;
}

.library-head .searchbox {
    border-left: 1px solid #d8dadf;
    margin-left: 15px !important;
    white-space: nowrap;
    max-width: 400px;
    width: calc(100% - 40px);
    padding-right: 30px;
    position: relative !important;
    display: inline-block;
}

.library-head .searchbox .search_img {
    margin-left: 15px;
}

.library-head .searchbox .search_input {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 30px);
    width: 100%;
    border: none;
    margin-left: 0;
    font-size: 18px;
    color: #aab2bd;
    padding: .3em;
    outline: none !important;
    background: transparent;
}

.library-head .searchbox .search_input::placeholder {
    color: #aab2bd;
}

.library-head .searchbox .search_input:focus {
    border-color: #0F7DBD;
}

.library-head .searchbox .reset_search {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    font-size: 16px;
    text-decoration: none;
    display: none;
}

.library-head .other_actions_block .divDDContainer {
    height: auto !important;
    width: 100px;
    border: none;
}

.library-head .last_added_grid_view .divDDContainer {
    height: auto !important;
    width: 170px;
    border: none;
    margin: 0 50px;
    background: transparent;
}

.library-head .other_actions_block>a {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 5px;
}

.library-head .check_all_items_block {
    display: inline-block;
    vertical-align: middle;
}

.library-head .other_actions_block a, .library-head .library-head .last_added_grid_view a {
    display: inline-block;
}

.library-head #dropdownUsage {
    max-width: calc(100% - 95px);
    width: 190px !important;
    display: inline-block;
}

.library-head #dropdownUsage .dd-selected {
    font-size: 16px;
}

.library-head .btn.green, .library-head .btn.primary, .library-head .btn.secondary, .library-head .btn.gray {
    text-transform: uppercase;
    font-size: 14px;
}

.library-head .headRight, .library-head .headCenter, .library-head .headLeft {
    position: relative;
}

.library-head .headRight {
    text-align: right;
    float: right;
    max-width: 48%;
    white-space: nowrap;
}

.library-head .saving {
    position: absolute;
    top: 0;
    color: #0086cf;
    white-space: nowrap;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    background: #f6f7fb;
    display: none;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100%;
    right: 100%;
    padding-left: 11px;
}

.library-head .saving.success {
    color: #8dc153;
}

.library-head .saving.error {
    color: #d870ad;
}

.library-head .headLeft {
    text-align: left;
}

.library-head .headCenter {
    max-width: calc(100vw - 840px);
}

.library-head h3 {
    font-size: 24px;
    font-weight: 700;
    color: #434a54;
    text-align: center;
    text-transform: none;
    line-height: 1.1em;
    padding: 3px 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.library-head .back_toassets {
    font-weight: 600;
    white-space: nowrap;
}

.library-head .back_toassets .icon-arr_back {
    color: #0086cf;
}

.library-head .back_toassets b {
    font-size: 14px;
}

.library-head .other_actions_block>a {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 2em;
    border: 1px solid #d9dbe0;
    cursor: pointer;
    position: relative;
    z-index: 3;
}

.library-head .other_actions_block>a:hover {
    background-color: #967bdc;
    border-color: #967bdc;
}

.library-head .other_actions_block .download_action {
    background: url("/_cms/media-platform/assets-images/icon_download_active.png");
}

.library-head .show_less {
    margin: 0 0 0 20px;
    height: auto;
    width: auto;
    line-height: 1em;
    padding: 0;
}

.library-head .show_all {
    display: inline-block;
    margin: 0 0 0 20px;
    height: auto;
    width: auto;
    line-height: 1em;
    padding: 0;
}

.library-head #dropdownOrder {
    display: inline-block;
    vertical-align: middle;
}

#libraryHead .copy_delete_block {
    display: none;
    border-left: 1px solid #d8dadf;
    margin-left: 15px !important;
    padding-left: 15px;
    max-width: calc(100% - 40px);
    position: relative !important;
}

#libraryHead #copyTo {
    width: 9em !important;
    display: inline-block;
}

#libraryHead .copy_delete_block .delete_action:hover {
    background-color: #ed5564;
    border-color: #ed5564;
    color: #fff;
}

#libraryHead .tagsFilterBlock {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

#libraryHead .tagsFilterBlock .selectedTag {
    line-height: 1.1em;
    padding: 4px 2px 4px 5px !important;
    background: #85adc3;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    border: none;
}

#libraryHead .tagsFilterBlock .selectedTag span {
    color: #fff;
    display: inline-block;
}

.removeTag {
    font-size: 0;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    width: 24px;
    vertical-align: middle;
    margin: -7px -7px -3px 0;
    text-decoration: none;
    text-align: center;
}

.removeTag:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
    content: "\e613";
}

.removeTag:hover {
    color: #d8dadf;
}

#libraryHead .tagsFilterBlock .selectedTag .removeTag {
    height: 16px;
    margin: -3px 0 0 0;
}

#libraryHead .tagsFilterBlock .selectedTag .removeTag:before {
    font-size: 16px;
}

@media screen and (max-width: 800px) {
    .libraryArea {
        padding-top: 0;
    }
    .libraryArea.activeEditor {
        padding-top: 40px;
    }
    #libraryHead {
        top: 60px;
        padding: 2px 12px !important;
        min-height: 60px;
        height: 60px;
    }
    #libraryHead .headCenter, #libraryHead .headRight {
        display: none !important;
    }
    #libraryHead .headLeft {
        max-width: none;
        width: 100%;
    }
    #libraryHead .searchbox {
        border: none;
        text-align: center;
        margin: 0 !important;
    }
    table.libraryContainer {
        padding-top: 0;
        margin-top: 60px;
    }
}

.argumentValue.cp_disabled:after {
    background-color: transparent;
}

.variation04, .variation03, .variation02 {
    display: none !important;
}

.icon-instagram:before {
    content: "\e663";
}

.icon-facebook:before {
    content: "\e662";
}

.icon-dropbox:before {
    content: "\e660";
}

#libraryContainer .emptySearchResult {
    width: 100%;
    height: 100px;
    text-align: center;
    margin-top: 50px;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
}

#dropdownTypes {
    width: auto !important;
}

#dropdownTypes.dd-container .dd-options>li>a {
    white-space: nowrap;
}

#dropdownTypes.dd-container .dd-options>li>a>label:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: #0086cf;
    border-radius: 3px;
    color: #fff;
}

#dropdownTypes.dd-container .dd-options>li>a>input[value="video"]+label:before {
    content: "\e614";
}

#dropdownTypes.dd-container .dd-options>li>a>input[value="audio"]+label:before {
    content: "\e615";
}

#dropdownTypes.dd-container .dd-options>li>a>input[value="image"]+label:before {
    content: "\e616";
}

#dropdownTypes.dd-container .dd-options>li>a>input[value="other"]+label:before {
    content: "\e617";
}

#dropdownTypes.dd-container .dd-options>li>a:hover>label:before {
    box-shadow: 0 0 5px rgba(0, 134, 207, 0.73);
}

#dropdownTypes.dd-container .dd-options>li:first-child>a>label:before {
    display: none;
}

#dropdownTypes.dd-container .dd-selected {
    padding-left: 0;
}

#dropdownTypes.dd-container .dd-selected:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e606";
    color: #9ba5b7;
    margin-top: -4px;
    margin-right: 5px;
    vertical-align: top;
    right: auto;
    top: auto;
    position: relative;
}

#dropdownTypes.dd-container .dd-selected:after {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    top: 16px;
    margin-top: -7px;
    color: #0086cf;
    content: "\e601";
}

#dropdownGalleries {
    width: auto !important;
    cursor: pointer;
}

#dropdownGalleries .dd-selected {
    padding-left: 0;
}

#dropdownGalleries .dd-option label, #dropdownGalleries .dd-option small {
    float: left;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#dropdownGalleries .dd-selected:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e60a";
    color: #9ba5b7;
    margin-top: -4px;
    margin-right: 5px;
    vertical-align: top;
    right: auto;
    top: auto;
    position: relative;
}

#dropdownGalleries .dd-selected:after {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: -5px;
    top: 16px;
    margin-top: -11px;
    color: #0086cf;
    content: "\e601";
}

#tagsCloud ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style-type: none;
    line-height: 1.2em;
    font-size: 20px;
    vertical-align: middle;
    white-space: normal;
    max-width: 100%;
}

#tagsCloud li {
    display: inline-block;
    cursor: pointer;
    font-size: 13px !important;
    line-height: 1em !important;
    background: #85adc3;
    color: #fff;
    padding: .3em .5em;
    border-radius: 3px;
    margin: 2px;
    font-weight: bold;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

#tagsCloud li:hover {
    background-color: #0086cf;
}

#tagsCloud ul.hiddenTags {
    display: none;
}

.all_tags_block>*, .other_actions_block>*, .last_added_grid_view>* {
    display: inline-block;
    vertical-align: middle;
}

.all_tags_block .show_less, .all_tags_block .show_all {
    display: block;
    margin: 10px 0;
    color: #656d78;
    font-size: 13px;
}

.all_tags_block .show_less:hover, .all_tags_block .show_all:hover {
    color: #0086cf;
}

.all_tags_block .show_less[style="display: inline;"], .all_tags_block .show_all[style="display: inline;"] {
    display: block !important;
}

.all_tags_block .all_tags {
    width: auto;
    max-width: 100%;
}

.container {
    width: auto !important;
}

.libraryContainer {
    clear: both;
    width: 100%;
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #d8dadf;
    border-left: none;
    background: #fff;
}

.div_items_tags .edit_active {
    float: left;
}

.div_items_tags .tags {
    clear: both;
}

.container~.CodeMirror {
    margin-left: 300px;
}

.library-line {
    cursor: auto !important;
    border-top: 1px solid #aab2bd;
    padding: 0;
    position: relative;
    background: #fff;
    display: table-row;
}

.library-line:first-child {
    border-top: none;
}

.library-line>* {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
    overflow: visible;
    padding: 20px 10px;
    position: relative;
}

.library-line .selected {
    vertical-align: top;
    width: 42px;
    position: relative;
    z-index: 50;
}

.library-line .selected input[type=checkbox]+label {
    height: 20px;
    width: 20px;
    display: block;
    background: #fff;
    border: 1px solid #d8dadf;
    border-radius: 3px;
    box-shadow: inset 0 1px 4px #d8dadf;
    cursor: pointer;
}

.library-line .selected input[type=checkbox]+label:after {
    content: "\e602";
    font-family: 'cincopaicons';
    font-size: 13px;
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 100%;
    vertical-align: top;
    line-height: 18px;
    opacity: 0;
}

.library-line .selected input[type=checkbox]:checked+label {
    background: #66c100;
    box-shadow: none;
    border-color: #66c100;
}

.library-line .selected input[type=checkbox]:checked+label:after {
    opacity: 1;
}

.library-line .thumb {
    vertical-align: top;
    width: 244px;
    min-width: 100px;
    position: relative;
    text-align: center;
    z-index: 1;
}

.library-line .thumb>div {
    width: 224px;
    height: 140px;
    cursor: pointer;
    border: 1px solid #aab2bd;
    padding: 3px;
    vertical-align: middle;
    border-radius: 3px;
    min-height: 105px;
    max-height: 140px;
    overflow: hidden;
    position: relative;
    background: repeat center center;
    background-image: url("../images/nothumb.png");
}

.library-line .thumb>div:after {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    position: absolute;
    display: none;
    width: 40px;
    height: 40px;
    font-size: 40px;
    background: #000;
    background: rgba(24, 24, 24, 0.62);
    border-radius: 20px;
    left: 50%;
    top: 50%;
    margin: -20px;
}

.library-line .thumb>div:before {
    content: '';
    position: absolute;
    border: 5px solid #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.library-line .thumb img {
    width: 100% !important;
    height: auto !important;
    min-width: 100%;
    min-height: 100%;
}

.library-line .thumb>div:hover {
    box-shadow: inset 0 0 0 5px #fff, 0 1px 6px #aab2bd;
}

.library-line .thumb.portrait img {
    max-height: 100%;
    height: 100% !important;
    width: auto !important;
    min-width: 0;
}

.library-line.music .thumb div:after {
    display: block;
    content: "\e615";
}

.library-line.video .thumb div:after {
    display: block;
    content: "\e614";
}

.library-line .modified {
    display: none !important;
    padding: 0;
    width: 0;
    border: none;
}

.library-line .item_name_desc {
    vertical-align: top;
    width: 30%;
    line-height: 1.2em;
    color: #656d78;
}

.library-line .item_name_desc i {
    font-style: normal;
    color: #656d78;
}

.library-line .item_name_desc .filename, .library-line .item_name_desc .edit_active {
    float: left;
}

.library-line .item_name_desc .lastUpdated {
    display: inline-block;
    float: left;
    color: #ccc;
    position: relative;
    width: 30px;
    height: 24px;
    margin-left: -26px;
    margin-right: -10px;
}

.library-line .item_name_desc .lastUpdated>i {
    color: #ccd0d9;
}

.library-line .item_name_desc .lastUpdated .date_div {
    position: absolute;
    display: none;
    top: 0;
    left: 100%;
    color: #aab2bd;
    max-width: 500px;
    background: #fff;
    z-index: 500;
    padding: 2px 7px;
    font-size: 12px;
    margin: 0;
    box-shadow: 0 0 5px;
    border-radius: 5px;
    white-space: nowrap;
    border: 1px solid;
    margin-left: -8px;
}

.library-line .item_name_desc .lastUpdated:hover>i {
    color: #656d78;
}

.library-line .item_name_desc .lastUpdated:hover .date_div {
    display: block;
}

.library-line .item_name_desc .filename {
    color: #434a54;
    overflow: hidden;
    white-space: nowrap;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: .5em;
    display: inline-block;
    max-width: 100%;
    padding-right: 30px;
    text-overflow: ellipsis;
    cursor: pointer;
}

.library-line .item_name_desc .filename:hover {
    color: #0086cf;
}

.library-line .item_name_desc .caption {
    clear: both;
    font-weight: bold;
    margin: .3em 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.library-line .item_name_desc .description {
    font-size: 13px;
    max-height: 5em;
    line-height: 1.25em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.library-line .tagsinput {
    border: none;
    background: none;
    max-height: 50px;
    overflow: auto;
    overflow-x: hidden;
}

.library-line .tagsinput div {
    display: none;
}

.library-line .all_actions_block a {
    opacity: .5;
}

.library-line:hover .all_actions_block a {
    opacity: 1;
    visibility: visible;
}

.library-line .all_actions_block {
    /*white-space: nowrap;*/
}

.library-line .all_actions_block a {
    margin: 4px 2px;
}

.library-line .share_action {
    position: relative;
    z-index: 50;
}

.library-line .input_class_checkbox {
    display: none;
}

.library-line.deleting {
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
    opacity: 0;
    background: rgba(255, 0, 19, 0.07);
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
    pointer-events: none;
}

.library-line.empty_gallery {
    display: block;
    width: 100%;
    text-align: center;
    background: #fff;
    border: 1px solid #CFCFCF;
    border-radius: 0 0 5px 5px;
}

.library-line.empty_gallery>* {
    display: block;
    width: 100%;
}

.library-line.empty_gallery h2 {
    margin: .5em 0;
}

.library-line .changeName {
    width: 100%;
    margin-bottom: -2px;
    display: none;
}

.library-line .changeName form {
    display: inline-block;
    max-width: 100%;
    position: relative;
    padding-right: 74px;
    width: 100%;
    margin-top: -6px;
    margin-left: -7px;
}

.library-line .changeName input {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    padding: 6px;
    font-weight: bold;
    font-size: 18px;
}

.library-line .changeName input+div {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

.library-line .changeName input+div a {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    background: #3eb060;
    font-size: 0;
    text-align: center;
}

.library-line .changeName input+div a:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e621";
    color: #fff;
    line-height: 30px;
}

.library-line .changeName input+div a[onclick^="cancel"] {
    background: #f6f7fb;
}

.library-line .changeName input+div a[onclick^="cancel"]:before {
    color: #656d78;
    content: "\e613";
}

.library-line .icon-edit {
    opacity: 0;
}

.library-line:hover .icon-edit {
    opacity: 1;
}

.library-line .changeLink {
    margin-left: -32px;
    vertical-align: middle;
    line-height: 24px;
}

.library-line .save_cancel_box {
    display: inline-block;
    vertical-align: top;
    margin-left: 12px;
    margin-top: 3px;
}

.library-line .changeDescription {
    width: 100%;
}

.library-line .changeDescription.fieldItem .field {
    display: inline-block;
    width: 75%;
}

.library-line .changeDescription .save_cancel_box a {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    background: #8DC153;
    font-size: 0;
    text-align: center;
}

.library-line .changeDescription .save_cancel_box a[onclick^="cancel"] {
    background: #F6F7FB;
}

.library-line .changeDescription .save_cancel_box a:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e621";
    color: #FFF;
    line-height: 30px;
}

.library-line .changeDescription .save_cancel_box a[onclick^="cancel"]:before {
    color: #656D78;
    content: "\e613";
}

.libraryContainer.assets_list .library-line>* {
    border-top: 1px solid transparent;
    border-bottom: 1px solid #d8dadf;
}

.libraryContainer.assets_list .library-line>*:first-child {
    border-left: 2px solid transparent;
}

.libraryContainer.assets_list .library-line>*:last-child {
    border-right: 2px solid transparent;
}

.libraryContainer.assets_list .library-line .selectTags {
    visibility: hidden;
}

.libraryContainer.assets_list .library-line:hover .selectTags {
    visibility: visible;
}

.libraryContainer.assets_list .library-line .description>i, .libraryContainer.assets_list .library-line .caption>i {
    padding-right: 36px;
}

/* ---------------------------------   */

@media screen and (max-width: 1380px) and (min-width: 801px) {
    /* ---------------------------------   */
    .libraryContainer.assets_list {
        display: block;
    }
    .libraryContainer.assets_list .library-line {
        display: block;
    }
    .libraryContainer.assets_list .library-line>* {
        border: none !important;
        display: inline-block;
    }
    .libraryContainer.assets_list .library-line .item_name_desc {
        width: 69%;
        margin-left: -294px;
        padding-left: 300px;
        padding-right: 20px;
    }
    .libraryContainer.assets_list .library-line .all_actions_block {
        width: 30%;
        padding: 0;
        position: absolute;
        bottom: 10px;
        right: 0;
        text-align: right;
        padding-right: 1%;
    }
    .libraryContainer.assets_list .library-line .analytics_view_div, .libraryContainer.assets_list .library-line .analytics_div {
        width: 15%;
    }
    /* ---------------------------------   */
}

/* ---------------------------------   */

/* ---------------------------------   */

@media screen and (max-width: 1150px) and (min-width: 801px) {
    /* ---------------------------------   */
    /* ---------------------------------   */
}

/* ---------------------------------   */

.libraryContainer.assets_grid {
    display: block;
    padding: 10px;
}

.libraryContainer.assets_grid .library-line {
    display: inline-block;
    vertical-align: top;
    width: 300px;
    min-height: 412px;
    padding: 20px;
    margin: 5px;
    overflow: visible;
    border: 1px solid #c7c8cd;
    position: relative;
}

.libraryContainer.assets_grid .library-line>div {
    display: block;
    margin: .2em auto;
    padding: 0;
    width: auto !important;
    max-width: 100%;
}

.libraryContainer.assets_grid .library-line .selected {
    position: absolute;
    z-index: 2;
}

.libraryContainer.assets_grid .library-line .thumb {
    height: 155px;
    overflow: hidden;
    margin: -3px -3px 10px -3px;
    width: auto !important;
    max-width: 110%;
}

.libraryContainer.assets_grid .library-line .thumb>div {
    padding: 0;
    height: 148px;
    max-height: 148px;
    border-radius: 0;
    border: none;
    width: auto;
}

.libraryContainer.assets_grid .library-line .thumb>div img {
    border-color: #f6f7fb;
    border-radius: 0;
    box-shadow: none !important;
    padding: 0;
}

.libraryContainer.assets_grid .library-line .thumb>div:before {
    display: none;
}

.libraryContainer.assets_grid .library-line:hover {
    box-shadow: 0 2px 4px #c7c8cd;
}

.libraryContainer.assets_grid .library-line:hover .thumb:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 95%;
    background: #000;
    top: 0;
    left: 0;
    opacity: .4;
}

.libraryContainer.assets_grid .library-line .all_actions_block {
    position: absolute;
    z-index: 10;
    top: 110px;
    width: 100% !important;
    text-align: center;
    left: 0;
    display: none !important;
}

.libraryContainer.assets_grid .library-line .all_actions_block>a {
    z-index: 5;
    position: relative;
}

.libraryContainer.assets_grid .library-line:hover .all_actions_block {
    display: block !important;
}

.libraryContainer.assets_grid .library-line .analytics_div, .libraryContainer.assets_grid .library-line .analytics_view_div {
    display: none !important;
}

.libraryContainer.assets_grid .library-line .item_name_desc .description {
    max-height: 4.4em;
    height: 4em;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.libraryContainer.assets_grid .library-line .all_tags {
    min-height: 50px;
}

.libraryContainer.assets_grid .library-line .div_items_tags {
    padding: 5px;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    margin: 10px -5px 0 -5px;
    width: auto !important;
    max-width: none;
}

.libraryContainer.assets_grid .tagsinput {
    padding-left: 0;
    padding-right: 0;
}

.libraryContainer.assets_grid .library-line-selected {
    border-color: #7BBF90;
    box-shadow: 0 0 0 2px #7bbb90;
}

.libraryContainer.assets_grid .library-line-selected+.library-line-selected>div {
    border-top-color: transparent !important;
}

.libraryContainer.assets_grid .item_name_desc .filename {
    float: none;
    padding-right: 0;
}

.libraryContainer.assets_grid .item_name_desc .lastUpdated {
    display: block;
    margin: -8px 0 5px 0;
    width: auto;
    float: none;
    height: auto;
}

.libraryContainer.assets_grid .item_name_desc .lastUpdated .date_div {
    width: auto;
    display: inline-block !important;
    background: none;
    border: none;
    box-shadow: none;
    margin: 0;
    position: static;
    vertical-align: middle;
}

/* mobile */

/* ------------------ */

@media screen and (max-width: 800px) {
    /* ------------------ */
    .library-line {
        display: block;
    }
    .library-line .selected input[type=checkbox]+label {
        height: 40px;
        width: 40px;
    }
    .library-line .selected input[type=checkbox]+label:after {
        font-size: 22px;
        line-height: 36px;
    }
    .library-line .analytics_div, .library-line .analytics_view_div {
        display: none !important;
    }
    .library-line:after {
        content: '';
        height: 0;
        display: block;
        clear: both;
    }
    .library-line>* {
        padding: 20px 10px;
        display: inline-block;
        float: left;
        vertical-align: top !important;
        width: 48% !important;
        margin: 0 1% !important;
        width: calc(50% - 15px) !important;
        margin: 0 calc(7px) !important;
        border: none !important;
    }
    .library-line>.selected {
        position: absolute;
        margin-top: 13px !important;
        margin-left: 20px !important;
        width: 40px !important;
    }
    .library-line>.all_actions_block {
        float: right;
        padding: 0 10px 10px 10px;
    }
    .library-line .thumb {
        text-align: left;
        width: 100%;
    }
    .library-line .thumb>div {
        max-width: 260px;
        width: 100%;
    }
    .library-line .thumb img {
        width: auto !important;
        height: 100% !important;
    }
    .library-line .all_actions_block>a {
        opacity: 1 !important;
        visibility: visible !important;
        width: 50px;
        border-radius: 3px;
        background: #f6f7fb;
    }
    .library-line .all_actions_block>a>i {
        color: #434a54;
    }
    .library-line .share_tooltip .shareBlock {
        margin-left: -230px;
        max-width: 100vw;
    }
    .library-line .item_name_desc .filename {
        float: none;
        padding-right: 0;
    }
    .library-line .item_name_desc .lastUpdated {
        display: block;
        margin: -8px 0 5px 0;
        width: auto;
        float: none;
        height: auto;
    }
    .library-line .item_name_desc .lastUpdated .date_div {
        width: auto;
        display: inline-block !important;
        background: none;
        border: none;
        box-shadow: none;
        margin: 0;
        position: static;
        vertical-align: middle;
    }
    .library-line .all_tags {
        display: none;
    }
    .copyBtn.hided {
        display: none;
    }
    /* ------------------ */
}

/* ------------------ */

@media screen and (max-width: 540px) {
    /* ------------------ */
    .library-line .all_actions_block {
        display: block !important;
        width: 100% !important;
        text-align: right !important;
    }
    .library-line .item_name_desc {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    /* ------------------ */
}

/* mobile */

/* ------------------ */

/* /pages/_app-assets.scss */

.empty_gallery {
    padding: 15px;
    text-align: center;
    font-style: italic;
}

.share_tooltip {
    width: 40px;
    height: 40px;
    z-index: auto;
    margin-left: -44px;
    z-index: 200;
    position: absolute;
    padding: 0;
    display: none;
    line-height: normal;
}

.share_tooltip[style^="display: block;"] {
    display: inline-block !important;
}

.share_tooltip .shareBlock {
    position: absolute;
    width: 350px;
    height: auto;
    left: 50% !important;
    margin-left: -280px;
    top: 100% !important;
    margin-top: 8px;
    z-index: 100;
    padding: 0px 6px 1px 8px;
    text-align: center;
    top: auto;
    left: auto;
    background: #fff;
    border: 1px solid #aab2bd;
    color: #aab2bd;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0 0 0 0px #aab2bd, 0 6px 10px #aab2bd;
}

.share_tooltip .shareBlock:after {
    content: '';
    width: 100%;
    height: 16px;
    display: block;
    z-index: -1;
    left: 0;
    top: 0;
    position: absolute;
    margin-top: -16px;
}

.share_tooltip .tooltipArrow {
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #aab2bd transparent;
    top: 100%;
    left: 50%;
    z-index: 1;
    position: absolute;
    margin-top: -7px;
    margin-left: -8px;
}

.share_tooltip .addthis_toolbox {
    position: relative;
    width: auto;
    margin: 10px 0;
    float: none;
    clear: both;
    left: 0;
    top: 0;
}

.share_tooltip .addthis_toolbox a {
    margin: 0;
}

.share_tooltip .share_media {
    text-align: left;
    color: #aab2bd;
    font-size: 14px;
    margin-top: 5px;
}

.copy_button, .share_tooltip .copy_button {
    cursor: pointer;
    border-radius: 3px;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    padding: 12px 26px;
    min-width: 3em;
    text-decoration: none;
    color: #f6f7fb;
    margin: 2px;
    font-size: 14px;
    line-height: 1.2em;
    background: #8dc153;
}

.copy_url, .share_tooltip .copy_url {
    padding: 8px 5px;
    margin-right: 7px;
    border-radius: 3px;
    width: 200px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    font-size: 16px;
    color: #0086cf;
    font-weight: bold;
    text-decoration: underline;
    background: #f6f7fb;
    border: 1px solid #d8dadf;
    white-space: nowrap;
}

.copy_url a {
    color: #0086cf !important;
}

.copy_delete_block .copy_searchbox {
    margin-left: -15px !important;
    white-space: nowrap;
}

.copy_delete_block .copy_searchbox .new_gallery {
    border: none;
}

.tabContent.share .addThisBlock {
    position: relative;
}

.copyStatus {
    background: #fff;
    padding: 1px 5px;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 17em;
    border-radius: 4px;
    border: 1px solid;
    color: #AEAEAE;
    font-size: 12px;
    box-shadow: 0 1px 2px;
}

.analytics_div, .analytics_view_div {
    color: #ccd0d9;
    width: 9em;
    font-size: 12px;
    text-align: center;
    padding: 15px 5px;
}

.analytics_div .infolder {
    color: #d870ad;
    font-size: 36px;
    font-weight: 300;
    white-space: nowrap;
}

.analytics_view_div .weekly_views {
    color: #967bdc;
    font-size: 36px;
    font-weight: 300;
    white-space: nowrap;
}

.analytics_div .infolder>i, .analytics_view_div .weekly_views>i {
    font-size: 40px;
}

span.tag, .library-line span.tag {
    border: none;
    border-radius: 3px;
    display: inline-block;
    zoom: 1;
    padding: .4em .5em;
    min-width: 3em;
    text-decoration: none;
    color: #f6f7fb;
    margin: 2px;
    font-size: 12px;
    line-height: 1em;
    background: #85adc3;
    box-shadow: none;
    font-weight: bold;
    text-align: center;
}

.library-line .tag .removeTag {
    display: none;
}

.library-line span.edit_tooltip {
    position: absolute;
    display: none;
    z-index: 1;
    padding: 0px 6px 1px 6px;
    text-align: center;
    margin-top: -25px;
    margin-left: -25px;
    background: #454958;
    color: #fff;
    font-size: 12px;
    height: 20px;
    z-index: 5;
}

a.top {
    position: fixed;
    bottom: 100px;
    right: 10px;
    padding: 22px;
    display: none;
    border-radius: 50%;
    text-align: center;
    opacity: 0.8;
    z-index: 1000;
    background: no-repeat center center #333333;
    background-image: url('/_cms/design18/images/lock-up-icon-2.png');
}

@media screen and (max-width: 800px) {
    a.top {
        display: none !important;
    }
}

.libraryContainer.assets_list .library-line-preload {
    float: left;
    width: 1200px;
    height: 125px;
    background-repeat: no-repeat;
    opacity: 0.4;
}

#libraryHead div.tagsFilterBlock {
    display: block;
}

#libraryHead .selectedTag {
    border: 1px solid #29abe2;
    display: inline-block;
    padding: 5px 15px;
    margin: 2px 5px;
    position: relative;
}

#libraryHead .selectedTag span {
    color: #C0C0C0;
}

/* /pages/_app-asset-single.scss */

#libraryHeadAsset .headLeft {
    width: 10.36em;
    position: relative;
    z-index: 1;
}

#libraryHeadAsset .headRight {
    width: 16.43em;
    position: relative;
    z-index: 1;
}

#libraryHeadAsset .headCenter {
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.libraryArea #libraryHeadAsset, .libraryArea .assetEditor {
    display: none;
}

.libraryArea.activeEditor #libraryHeadAsset {
    display: table;
}

.libraryArea.activeEditor .assetEditor {
    display: block;
}

.libraryArea.activeEditor #libraryHead, .libraryArea.activeEditor #libraryContainer, .libraryArea.activeEditor .load_more {
    display: none;
}

.libraryArea .load_more {
    display: block;
    visibility: hidden;
    text-align: center;
    font-size: 20px;
    padding: 15px;
    cursor: pointer;
    border: 1px dashed transparent;
}

.libraryArea.loading .load_more {
    display: block;
    visibility: visible;
    font-size: 0;
}

.libraryArea.loading .load_more:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e61e";
    font-size: 50px;
    opacity: .3;
    animation: rotating-icon linear .7s;
    animation-iteration-count: infinite;
    transform-origin: 49% 52%;
    -webkit-animation: rotating-icon linear .7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 49% 52%;
    -moz-animation: rotating-icon linear .7s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 49% 52%;
    -ms-animation: rotating-icon linear .7s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 49% 52%;
}

.assetEditor {
    background: #fff;
    padding: 15px;
    font-size: 14px;
}

.boxInfo, .boxStat, .boxMetaEditor, .boxPreview {
    background: #fff;
    border: 1px solid #d8dadf;
    border-radius: 2px;
    padding: 20px;
    margin: 0 auto 15px auto;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    position: relative;
}

.boxInfo:after, .boxStat:after, .boxMetaEditor:after, .boxPreview:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.boxInfo p[style="clear:both;"], .boxStat p[style="clear:both;"], .boxMetaEditor p[style="clear:both;"], .boxPreview p[style="clear:both;"] {
    display: none;
}

.boxStat {
    overflow: hidden;
}

.boxMetaEditor, .boxDetails {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    max-width: calc(50% - 32px);
    margin: 15px;
}

.boxPreview {
    padding: 5px;
    overflow: hidden;
    text-align: center;
}

.assetEditor hr {
    height: 0;
    margin: 15px -15px;
    border: none;
    border-bottom: 1px solid #d8dadf;
}

.boxInfo {
    text-align: justify;
    text-justify: distribute-all-lines;
    line-height: 0;
}

.boxInfo:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
}

.boxInfo ul {
    display: inline-block;
    vertical-align: top;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    min-width: 7em;
}

.boxInfo ul:empty {
    display: none;
}

.boxInfo li {
    margin: 0 15px 10px 0;
    text-align: left;
}

.boxInfo i {
    color: #656d78;
    font-weight: bold;
    font-style: normal;
}

.boxInfo b {
    color: #0086cf;
    font-weight: bold;
}

.boxMetaEditor {
    padding: 0;
    background: #f6f7fb;
}

.boxMetaEditor .tabsHead {
    display: block;
    list-style: none;
    padding: 0 10px;
    margin: 0 auto;
    background: #ffffff;
    border-bottom: 1px solid #d8dadf;
    font-weight: 600;
    /*text-align: justify; text-justify: distribute-all-lines;*/
    font-size: 0;
    line-height: 0;
}

.boxMetaEditor .tabsHead:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
}

.boxMetaEditor .tabsHead li {
    display: inline-block;
    vertical-align: top;
}

.boxMetaEditor .tabsHead li a {
    display: block;
    padding: 10px 5px;
    font-size: 14px;
    text-transform: uppercase;
    color: #aab2bd;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    line-height: 1.4em;
}

.boxMetaEditor .tabsHead li a:hover {
    color: #0086cf;
}

.boxMetaEditor .tabsHead li.active a {
    color: #0086cf;
    border-bottom-color: #0086cf;
}

.boxMetaEditor .tabContent {
    position: relative;
    padding: 0 20px;
    background: #f6f7fb;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.5s cubic-bezier(0.1, -1.5, 0.1, 2.5) max-height, 0.3s ease-in opacity;
    -moz-transition: 0.5s cubic-bezier(0.1, -1.5, 0.1, 2.5) max-height, 0.3s ease-in opacity;
    -ms-transition: 0.5s cubic-bezier(0.1, -1.5, 0.1, 2.5) max-height, 0.3s ease-in opacity;
    -o-transition: 0.5s cubic-bezier(0.1, -1.5, 0.1, 2.5) max-height, 0.3s ease-in opacity;
    transition: 0.5s cubic-bezier(0.1, -1.5, 0.1, 2.5) max-height, 0.3s ease-in opacity;
    transform: scale3d(1, 1, 1);
}

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

.boxMetaEditor .tabContent.active {
    padding: 20px;
    max-height: 1000px;
    opacity: 1;
    overflow: visible;
}

.boxMetaEditor .tabContent.annotations .dd-option [class^="icon-"], .boxMetaEditor .tabContent.annotations .dd-option [class*=" icon-"] {
    margin-right: 10px;
}

.boxMetaEditor table.boxMeta_form {
    border-collapse: collapse;
    width: 100%;
    border: none;
    table-layout: fixed;
}

.boxMetaEditor table.boxMeta_form tr>* {
    border-bottom: 1px solid #d8dadf;
    padding: 8px;
}

.boxMetaEditor table.boxMeta_form tr:last-child>* {
    border-bottom: none;
}

.boxMetaEditor table.boxMeta_form th {
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    color: #656d78;
    max-width: 30%;
}

.boxMetaEditor table.boxMeta_form td {
    width: 70%;
}

.boxMetaEditor input, .boxMetaEditor textarea {
    font-size: 14px;
    color: #434a54;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 20px;
    padding: 5px 10px;
    width: 100%;
    display: block;
    line-height: 1.2em;
}

.boxMetaEditor textarea {
    border-radius: 4px;
    height: 5em;
}

.boxMetaEditor *::-webkit-input-placeholder {
    font-size: 13px;
    color: #aab2bd;
}

.boxMetaEditor *::-moz-input-placeholder {
    font-size: 13px;
    color: #aab2bd;
}

.boxMetaEditor *::-ms-input-placeholder {
    font-size: 13px;
    color: #aab2bd;
}

.boxMetaEditor td:hover *::-webkit-input-placeholder {
    color: #0086cf;
    cursor: pointer;
    text-decoration: underline;
}

.boxMetaEditor td:hover *:focus::-webkit-input-placeholder {
    color: #aab2bd !important;
    text-decoration: none !important;
}

.boxMetaEditor input:focus, .boxMetaEditor textarea:focus {
    background-color: #fff;
    border-color: #d8dadf;
    outline: none;
}

.boxMetaEditor div.tagsinput {
    margin-bottom: 0;
    background: transparent;
    border: none;
    max-width: 100%;
}

.boxMetaEditor div.tagsinput div {
    display: inline-block;
    float: none;
}

.boxMetaEditor div.tagsinput input {
    border: none !important;
}

.boxMetaEditor tr:last-child>* {
    padding-bottom: 0;
}

.boxMetaEditor .tagsinput::-webkit-input-placeholder {
    color: #aab2bd;
}

.boxMetaEditor .tabContent.thumbnail .saveBtn {
    margin-top: 15px;
}

.boxMetaEditor .tabContent.share .addthis_toolbox {
    position: static;
    margin: 10px auto;
}

.boxMetaEditor .timelineBlock {
    display: block !important;
    width: 100% !important;
    float: none !important;
}

.boxMetaEditor .timelineBlock .add_annotation_btn {
    font-weight: bold;
    cursor: pointer;
}

.boxMetaEditor .timelineBlock .add_annotation_btn:hover {
    color: #0086cf;
}

.boxPreview .skinView.portraitVideo {
    max-width: 300px;
    margin: 0 auto;
}

.boxPreview .skinView>*, .boxPreview>*, .boxPreview img {
    max-width: 100%;
    height: auto;
}

.boxStat>* {
    display: inline-block;
    vertical-align: middle;
}

.boxStat .chart_div {
    padding-left: 120px;
    padding-right: 120px;
    width: 100%;
    min-width: 100px;
    margin-left: -120px;
    margin-right: -120px;
}

.boxStat #chart {
    max-height: 110px !important;
    position: relative;
    max-width: 100%;
    margin-bottom: -15px;
}

.boxStat .highcharts-container {
    max-width: 100%;
    max-height: 100%;
}

.tabContent.embed textarea {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 10px;
    font-family: monospace;
    font-size: 12px;
    margin-bottom: 20px;
    min-height: 10em;
}

.tabContent.embed .copyBtn {
    display: block;
    background: #B5B5B5;
    text-align: center;
    font-size: 16px;
    padding: 10px;
    border: 1px solid;
    margin-top: -21px;
    margin-bottom: 25px;
    color: #fff;
}

.tabContent.embed .copyBtn:hover, .tabContent.embed .copyBtn.hover {
    background-color: #A3A3A3;
}

.tabContent.embed .copyBtn:active, .tabContent.embed .copyBtn.active {
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
}

.tabContent.embed .embed_code_copybtn {
    position: relative;
}

.tabContent.embed .titleDescBlock p {
    font-size: .9em;
    margin-bottom: 8px;
}

.noFlash .copyBtn {
    display: none !important;
}

#add_annotation, .video_thumb_sec {
    transform: scale3d(1, 1, 1);
    display: none;
    position: absolute;
    right: 10px;
    bottom: 55px;
    background: #000;
    background: rgba(0, 0, 0, 0.4);
    font-size: 10px;
    color: #fff;
    color: rgba(255, 255, 255, 0.81);
    text-decoration: none !important;
    border: none;
    padding: 3px 5px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid;
    text-transform: uppercase;
}

#add_annotation:hover, .video_thumb_sec:hover {
    background: #000;
    color: #fff;
}

#add_annotation {
    bottom: 80px;
}

.timelineBlock {
    display: none;
    float: right;
    width: 50%;
}

.timelineBtn, .metaInfoBtn {
    display: none;
    font-size: 18px;
    padding: 5px 15px;
    color: #666666;
    text-decoration: none !important;
}

.timelineBtn:hover, .metaInfoBtn:hover {
    color: #0C92DF;
    text-decoration: none;
    box-shadow: inset 0 -2px 0;
}

.metaInfoBtn.active, .timelineBtn.active {
    background: #0C92DF;
    color: #fff;
    box-shadow: none !important;
}

.simplemodal-data.video .timelineBtn, .simplemodal-data.video .metaInfoBtn {
    display: inline-block;
    float: right;
}

.activeTimeline table {
    display: none;
}

.activeTimeline .timelineBlock {
    display: block;
    padding: 20px 0;
}

select[name="edit_annotations"] {
    width: 100%;
}

.timelineBlock textarea {
    resize: none;
    min-width: 78%;
}

.timelineBlock .annotation_field {
    margin: 5px auto;
}

.timelineBlock .annotation_field a {
    cursor: pointer;
}

.timelineBlock .annotation_field label {
    width: 70px;
    display: inline-block;
    margin-right: 3%;
    text-align: right;
}

.timelineBlock .addAnnotations {
    position: relative;
    display: none;
}

.timelineBlock .annotation_thumb_preview {
    width: 100px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}

.timelineBlock .annotation_thumb_preview img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.timelineBlock .annotations .timelineElement {
    margin: 5px auto;
    position: relative;
    display: none;
}

.timelineBlock .annotations .timelineElement label {
    width: 70px;
    margin-right: 10px;
    display: inline-block;
}

.timelineBlock .annotations .timelineElement span.delete {
    font-size: 12px;
    cursor: pointer;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    background: #DD4A4A;
    padding: 1px 20px;
    float: right;
}

a.annotation_seconds_plus {
    margin-right: -1px;
}

a.annotation_seconds_plus, a.annotation_seconds_minus {
    display: inline-block;
    padding: 0;
    background: #E5E5DE;
    width: 1em;
    line-height: .9em;
    text-align: center;
    font-size: 20px;
    vertical-align: middle;
    margin: 0 2px;
    color: #777;
    text-decoration: none !important;
}

.activeTimeline #add_thumb_sec, .activeTimeline .previewVideoPoster {
    /* display: none !important;*/
    visibility: hidden;
}

.modalControlsArea {
    text-align: right;
    clear: both;
}

.timelineBlock div.titleBlock label:after {
    content: '*';
    color: red;
}

.timelineBlock .edit_controls {
    display: none;
}

.timelineElement.active .edit_controls {
    display: block;
}

.tabsControls {
    float: right;
    width: 50%;
    color: #0C92DF;
    text-decoration: none;
    border-bottom: 2px solid;
}

#add_annotation, #add_thumb_sec {
    z-index: 9;
}

.timelineBlock .annotation_field {
    margin: 5px 20px 0 0;
}

.timelineBlock .annotation_field p {
    margin: 5px 0;
}

.timelineBlock .annotation_field b {
    font-size: 14px;
}

.timelineBlock .annotation_field.timeField {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px !important;
}

.fieldsSection {
    margin: 20px -20px;
    border-bottom: 1px solid #d4d4d4;
    padding: 10px 20px;
    border-top: 1px solid #d4d4d4;
}

.fieldsSection h3 {
    color: #8c9094;
    margin: 10px 0 0 0;
}

.fieldsSection .radioBox i {
    margin-left: 0 !important;
}

.fieldsSection .radioBox i:before {
    left: 4px !important;
}

.assetEditor .addthis_toolbox {
    position: absolute;
    left: 40px;
    bottom: 0;
    width: auto;
    margin-bottom: -15px;
}

.assetEditor .addThisBlock {
    margin-left: 0;
    padding: 10px 10px 0 10px;
}

#progress-slider {
    height: 6px;
    border-radius: 2px;
    background: #bac6db;
    margin: 10px 2px;
    position: relative;
    cursor: pointer;
}

#progress-slider #progress-slider-fill {
    height: 100%;
    background: #1c87d3;
    width: 0;
}

#progress-slider #progress-slider-dragger {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: -6px 0 0 2px;
    border: 1px solid #ddd;
    background: #fff;
    top: 50%;
    -moz-box-shadow: 0 2px 3px #777;
    -webkit-box-shadow: 0 2px 3px #777;
    box-shadow: 0 2px 3px #777;
}

#progress-slider .progress-slider-transition {
    transition: all 1s;
}

@media screen and (max-width: 800px) {
    .libraryArea.activeEditor .assetEditor {
        padding-top: 79px;
    }
    #libraryHeadAsset {
        z-index: 110;
        padding: 7px 12px;
        min-height: 60px;
        height: 70px;
        top: 140px;
    }
    #libraryHeadAsset .btn>b {
        display: none;
    }
    #libraryHeadAsset .btn.trans {
        color: #656d78;
        background: #fff;
        padding: 7px 10px;
        border: 1px solid #d8dadf;
        border-radius: 3px;
    }
    #libraryHeadAsset .btn.trans>i {
        color: #434a54;
    }
    #libraryHeadAsset .btn.trans:hover {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    }
    #libraryHeadAsset .btn.trans:active {
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
    }
    #libraryHeadAsset .headCenter {
        padding-left: 3.5em;
        padding-right: 8em;
        padding-top: 15px;
        margin-left: -11.5em;
    }
    #libraryHeadAsset .headCenter h3 {
        font-size: 19px;
    }
    #libraryHeadAsset .headLeft {
        width: 4em;
    }
    #libraryHeadAsset .headRight {
        width: 8em;
    }
    .assetEditor {
        margin: 0 -20px;
    }
    .boxInfo, .boxStat, .boxMetaEditor, .boxPreview, .boxDetails {
        margin: 25px 15px;
        width: auto;
        max-width: 100%;
        display: block;
    }
    .boxInfo {
        margin-bottom: 0;
    }
    .boxStat {
        margin-top: 0;
        border-top: none;
    }
    .boxStat+hr {
        display: none;
    }
}

.libraryArea.galleriesArea {
    padding-bottom: 50px;
}

.libraryArea.galleriesArea .library-head .headRight {
    max-width: 70%;
}

.libraryArea.galleriesArea .library-head .headLeft {
    max-width: 30%;
}

.libraryArea.galleriesArea .library-head #dropdownOrder {
    border-right: 1px solid #d8dadf;
    padding-right: 5px;
    max-width: calc(100% - 200px);
    width: 190px !important;
}

.libraryArea.galleriesArea .library-head #dropdownOrder .dd-selected {
    font-size: 16px;
}

.libraryArea.galleriesArea .library-head .btn.bluetext {
    font-size: 16px;
}

.libraryArea.galleriesArea .library-head .searchbox {
    margin-left: 0 !important;
    border: none;
}

@media screen and (max-width: 1000px) and (min-width: 801px) {
    .libraryArea.galleriesArea .library-head .headLeft {
        min-width: 155px;
    }
    .libraryArea.galleriesArea .library-head .searchbox {
        max-width: calc(100% - 5px);
    }
    .libraryArea.galleriesArea .library-head .searchbox .search_input {
        font-size: 16px;
    }
    .libraryArea.galleriesArea .library-head #dropdownOrder {
        width: auto !important;
    }
    .libraryArea.galleriesArea .library-head #dropdownOrder .dd-selected-text {
        font-size: 16px;
    }
    .libraryArea.galleriesArea .library-head .btn.trans.bluetext {
        font-size: 16px;
        margin: 0;
    }
}

.libraryContainer.galleriesList .library-line .highcharts-container {
    max-width: 100%;
}

.libraryContainer.galleriesList .library-line>* {
    padding: 30px 10px;
    border-bottom: 1px solid #d8dadf;
}

.libraryContainer.galleriesList .library-line .galleryThumb {
    width: 285px;
    padding-left: 25px;
    vertical-align: top;
}

.libraryContainer.galleriesList .library-line .galleryThumb .thumb {
    width: auto;
    display: inline-block;
    max-width: 100%;
}

.libraryContainer.galleriesList .library-line .galleryThumb .thumb>div {
    z-index: 5;
    width: 240px;
    height: 160px;
    max-height: 160px;
    max-width: 100%;
    box-shadow: none !important;
}

.libraryContainer.galleriesList .library-line .galleryThumb .thumb>div:before {
    border-width: 7px;
}

.libraryContainer.galleriesList .library-line .galleryThumb .thumb a {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
    width: 100%;
}

.libraryContainer.galleriesList .library-line .galleryThumb .thumb:hover>div>a:after {
    font-family: inherit;
    content: 'Preview';
    color: #fff;
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    font-size: 10px;
    background: #000;
    background: rgba(24, 24, 24, 0.62);
    border-radius: 20px;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -3em;
    text-transform: uppercase;
    padding: 5px 10px;
}

.libraryContainer.galleriesList .library-line .galleryThumb .thumb:after, .libraryContainer.galleriesList .library-line .galleryThumb .thumb:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #c7c8cd;
    top: 2px;
    z-index: 2;
    left: 2px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.libraryContainer.galleriesList .library-line .galleryThumb .thumb:after {
    top: 4px;
    left: 4px;
}

.libraryContainer.galleriesList .library-line .galleryThumb.landscape img {
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
    min-height: 100% !important;
}

.libraryContainer.galleriesList .library-line .galleryThumb.portrait img {
    height: 100% !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0;
}

.libraryContainer.galleriesList .library-line .galleryThumb .all_actions_block {
    margin-top: 10px;
    position: relative;
    margin-bottom: -15px;
}

.libraryContainer.galleriesList .library-line .galleryThumb .all_actions_block>a {
    visibility: visible;
    opacity: 1;
    margin: 4px 5px;
}

.libraryContainer.galleriesList .library-line .galleryThumb .all_actions_block>a.edit {
    margin-left: 0;
}

.libraryContainer.galleriesList .library-line .galleryThumb .all_actions_block>a.more {
    margin-right: 0;
}

.libraryContainer.galleriesList .library-line .galleryThumb .all_actions_block .share_action {
    display: none;
    visibility: hidden;
}

.libraryContainer.galleriesList .library-line .galleryThumb .all_actions_block .itemsDropdown {
    width: 240px;
    left: 9px;
}

.libraryContainer.galleriesList .library-line .item_name_desc .filename {
    padding-right: 0;
    white-space: normal;
    color: #434a54 !important;
    overflow: visible;
    width: 100%;
}

.libraryContainer.galleriesList .library-line .item_name_desc .filename>span:first-child {
    white-space: nowrap;
    padding-right: 36px;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

.libraryContainer.galleriesList .library-line .item_name_desc .filename .changeLink {
    margin-left: -32px;
    vertical-align: middle;
    line-height: 24px;
}

.libraryContainer.galleriesList .library-line .item_name_desc .caption {
    display: none;
}

.libraryContainer.galleriesList .library-line .item_name_desc .description {
    clear: both;
}

.libraryContainer.galleriesList .library-line .item_name_desc .galleryId, .libraryContainer.galleriesList .library-line .item_name_desc .lastUpdated {
    display: block;
    float: none;
    margin: 0;
    color: #ccd0d9;
    width: auto;
    clear: both;
    height: auto;
}

.libraryContainer.galleriesList .library-line .item_name_desc .galleryId>*, .libraryContainer.galleriesList .library-line .item_name_desc .lastUpdated>* {
    color: inherit !important;
}

.libraryContainer.galleriesList .library-line .item_name_desc .galleryId>div, .libraryContainer.galleriesList .library-line .item_name_desc .lastUpdated>div {
    vertical-align: middle;
    position: static;
    display: inline-block;
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    width: auto;
    font-size: 12px;
}

.libraryContainer.galleriesList .library-line .item_name_desc .lastUpdated {
    margin-top: 10px;
}

.libraryContainer.galleriesList .library-line .item_name_desc .galleryId {
    margin-bottom: 10px;
}

.libraryContainer.galleriesList .library-line .tagsinput {
    min-height: 1.7em !important;
    clear: both;
}

.libraryContainer.galleriesList .library-line .tagsinput>div {
    display: inline-block;
    width: 6em;
    margin: 0 5px;
}

.libraryContainer.galleriesList .library-line .tagsinput .tags_clear {
    display: none;
}

.libraryContainer.galleriesList .library-line .tagsinput input {
    display: block;
    width: 100%;
    border: none;
    font-size: 12px;
    font-style: italic;
    border-left: 2px solid transparent;
    padding: 2px 5px;
    outline: none !important;
}

.libraryContainer.galleriesList .library-line .tagsinput input.placeholder {
    color: #aab2bc;
    font-style: italic;
    text-decoration: underline;
}

.libraryContainer.galleriesList .library-line .tagsinput input:-moz-placeholder {
    color: #aab2bc;
    font-style: italic;
    text-decoration: underline;
}

.libraryContainer.galleriesList .library-line .tagsinput input::-moz-placeholder {
    color: #aab2bc;
    font-style: italic;
    text-decoration: underline;
}

.libraryContainer.galleriesList .library-line .tagsinput input:-ms-input-placeholder {
    color: #aab2bc;
    font-style: italic;
    text-decoration: underline;
}

.libraryContainer.galleriesList .library-line .tagsinput input::-webkit-input-placeholder {
    color: #aab2bc;
    font-style: italic;
    text-decoration: underline;
}

.libraryContainer.galleriesList .library-line .tagsinput input:focus {
    border-color: #0086cf;
}

.libraryContainer.galleriesList .library-line .tagsinput .tag .removeTag {
    display: inline-block;
}

.libraryContainer.galleriesList .library-line .changeName {
    width: 100%;
    margin-bottom: -2px;
    display: none;
}

.libraryContainer.galleriesList .library-line .changeName form {
    display: inline-block;
    max-width: 100%;
    position: relative;
    padding-right: 74px;
    width: 100%;
    margin-top: -6px;
    margin-left: -7px;
}

.libraryContainer.galleriesList .library-line .changeName input {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    padding: 6px;
    font-weight: bold;
    font-size: 18px;
}

.libraryContainer.galleriesList .library-line .changeName input+div {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

.libraryContainer.galleriesList .library-line .changeName input+div a {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    background: #3eb060;
    font-size: 0;
    text-align: center;
}

.libraryContainer.galleriesList .library-line .changeName input+div a:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e621";
    color: #fff;
    line-height: 30px;
}

.libraryContainer.galleriesList .library-line .changeName input+div a[onclick^="cancel"] {
    background: #f6f7fb;
}

.libraryContainer.galleriesList .library-line .changeName input+div a[onclick^="cancel"]:before {
    color: #656d78;
    content: "\e613";
}

.libraryContainer.galleriesList .library-line .galleryItems {
    width: 220px;
}

.libraryContainer.galleriesList .library-line .galleryItems>div {
    border: 1px solid #d8dadf;
    border-top: none;
    border-bottom: none;
    min-height: 200px;
    margin: 0 -10px;
    padding: 30px 30px;
}

.libraryContainer.galleriesList .library-line .galleryDomains, .libraryContainer.galleriesList .library-line .galleryFiles {
    margin: 15px auto;
    display: block;
    max-width: 150px;
    cursor: pointer;
    position: relative;
}

.libraryContainer.galleriesList .library-line .galleryDomains>i, .libraryContainer.galleriesList .library-line .galleryFiles>i {
    font-size: 40px;
    color: #ccd0d9;
    margin-right: 5px;
}

.libraryContainer.galleriesList .library-line .galleryDomains>*, .libraryContainer.galleriesList .library-line .galleryFiles>* {
    vertical-align: middle;
}

.libraryContainer.galleriesList .library-line .galleryDomains:hover span, .libraryContainer.galleriesList .library-line .galleryFiles:hover span {
    text-decoration: underline;
}

.libraryContainer.galleriesList .library-line .galleryDomains.active, .libraryContainer.galleriesList .library-line .galleryDomains:hover, .libraryContainer.galleriesList .library-line .galleryFiles.active, .libraryContainer.galleriesList .library-line .galleryFiles:hover {
    color: #0086cf;
}

.libraryContainer.galleriesList .library-line .galleryDomains.active>i, .libraryContainer.galleriesList .library-line .galleryDomains:hover>i, .libraryContainer.galleriesList .library-line .galleryFiles.active>i, .libraryContainer.galleriesList .library-line .galleryFiles:hover>i {
    color: #0086cf;
}

.libraryContainer.galleriesList .library-line .galleryStat {
    width: 400px;
}

.libraryContainer.galleriesList .library-line .galleryStat>.chart, .libraryContainer.galleriesList .library-line .galleryStat>div#chart {
    max-width: 100%;
    max-height: 100%;
    height: 145px !important;
    margin-bottom: -20px;
}

.libraryContainer.galleriesList .library-line .galleryStat .totalInfo {
    white-space: nowrap;
    text-align: center;
}

.libraryContainer.galleriesList .library-line .statItem {
    display: inline-block;
    vertical-align: top;
    color: #ccd0d9;
    min-width: 5em;
    font-size: 12px;
    text-align: center;
    padding: 15px 5px;
    max-width: 40%;
}

.libraryContainer.galleriesList .library-line .statItem div:first-child {
    color: #434a54;
    font-size: 36px;
    font-weight: 300;
    white-space: nowrap;
}

.libraryContainer.galleriesList .library-line .statItem div:first-child i {
    font-size: 40px;
    color: inherit;
}

.libraryContainer.galleriesList .library-line .statItem.more div:first-child i {
    font-size: 49px;
}

.libraryContainer.galleriesList .library-line .statItem small {
    font-size: .6em;
}

.libraryContainer.galleriesList .library-line .statItem.more:hover {
    cursor: pointer;
}

.libraryContainer.galleriesList .library-line .statItem.more:hover i {
    text-shadow: 0 0 3px;
}

.libraryContainer.galleriesList .library-line .statItem.more:hover div:last-child {
    text-decoration: underline;
}

.libraryContainer.galleriesList .library-line .statItem.active * {
    color: #0086cf;
}

.libraryContainer.galleriesList .library-line .statItem.weekly div:first-child {
    color: #967bdc;
}

.libraryContainer.galleriesList .library-line .statItem.galleries div:first-child {
    color: #d870ad;
}

.libraryContainer.galleriesList .library-line .statItem.traffic div:first-child {
    color: #ff6600;
}

.libraryContainer.galleriesList .library-line .statItem.more div:first-child {
    color: #1587cc;
}

.libraryContainer.galleriesList .library-line .createGalleryNow {
    height: 500px;
    height: calc(100vh - 155px);
}

.libraryContainer.galleriesList .library-line .createGalleryNow>div {
    text-align: center;
}

.libraryContainer.galleriesList .library-line .createGalleryNow h2 {
    font-weight: 100;
    font-size: 24px;
    margin: 15px 0;
}

.libraryContainer.galleriesList .library-line~.library-line~.library-line:nth-last-child(2) .itemsDropdown, .libraryContainer.galleriesList .library-line~.library-line~.library-line:last-child .itemsDropdown {
    top: auto;
    bottom: 100%;
}

.libraryContainer.galleriesList .library-line~.library-line~.library-line:nth-last-child(2) .itemsDropdown:before, .libraryContainer.galleriesList .library-line~.library-line~.library-line:last-child .itemsDropdown:before {
    bottom: -8px;
    top: auto;
    transform: rotate(180deg);
}

.galState {
    font-size: 10px !important;
    display: inline-block;
    vertical-align: middle;
    color: #aab2bc;
    border: 1px solid;
    border-radius: 10px;
    line-height: 1em;
    padding: 2px 4px;
    position: relative;
}

.galState>i {
    color: inherit !important;
}

.galState>i:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    margin: -5px 2px -5px 0;
}

.galState.prepare i:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e61e";
    font-size: 14px;
    animation: rotating-icon linear .7s;
    animation-iteration-count: infinite;
    transform-origin: 49% 52%;
    -webkit-animation: rotating-icon linear .7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 49% 52%;
    -moz-animation: rotating-icon linear .7s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 49% 52%;
    -ms-animation: rotating-icon linear .7s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 49% 52%;
}

.galState.ready {
    color: #8ec059;
}

.galState.ready i:before {
    content: "\e621";
}

.galState.error {
    color: #ed5564;
}

.galState.error i:before {
    display: none;
}

.galState.embed {
    color: #669933;
}

.galState.embed i:before {
    content: "\e620";
}

.itemsDropdown {
    position: absolute;
    right: 0;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.23) 0px 1px 5px;
    margin: 0px;
    margin-top: 12px;
    border: 1px solid #d8dadf;
    padding: 0;
    list-style: none;
    background: #FFF;
    max-height: 90ex;
    overflow: hidden;
    overflow-x: hidden;
    z-index: 100;
    text-align: left;
    min-width: 240px;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    -webkit-transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    -moz-transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    -ms-transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    -o-transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    transition: 0.2s cubic-bezier(0, 1.12, 0.65, 1.01) all;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    max-height: none;
    display: none;
}

.itemsDropdown:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 10px;
    background: url('/_cms/design18/images/lock-up-icon-1.png');
    top: -8px;
    right: 30px;
}

.itemsDropdown .content {
    margin: 15px 0;
}

.itemsDropdown p {
    color: #656d78;
    font-size: 13px;
}

.itemsDropdown p>b {
    color: #434a53;
    font-weight: 600;
}

.itemsDropdown p>b.marked {
    color: #656d78;
    font-weight: inherit;
    background: #fff87d;
}

.itemsDropdown .itemsDropdown_head {
    background: #f6f7fb;
    border-bottom: 1px solid #d8dadf;
    margin: 0;
    padding: 12px 15px;
}

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

.itemsDropdown .itemsDropdown_head>* {
    font-size: 13px;
}

.itemsDropdown .itemsDropdown_head .headRight {
    float: right;
}

.itemsDropdown .itemsDropdown_head .headLeft {
    float: left;
}

.itemsDropdown .itemsDropdown_head .headLeft .delete {
    margin-left: 0;
    padding-left: 0;
    display: none;
}

.itemsDropdown .dd-container {
    display: inline-block;
    font-size: inherit;
    margin: 0;
    vertical-align: middle;
}

.itemsDropdown .dd-container .dd-select {
    font-size: inherit;
}

.itemsDropdown .dd-container .dd-selected {
    font-size: inherit;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #0086cf;
}

.itemsDropdown .dd-container .dd-selected:after {
    top: 0;
}

.itemsDropdown .itemsDropdown_items {
    max-height: 360px;
    overflow: auto;
    overflow-x: hidden;
}

.itemsDropdown .itemsDropdown_controls {
    white-space: nowrap;
    text-align: center;
}

.itemsDropdown .itemsDropdown_controls .btn {
    min-width: 100px;
}

.itemsDropdown.assetsList {
    right: 50%;
    margin-right: -35px;
    margin-top: -5px;
}

.itemsDropdown.assetsList .headRight>span {
    color: #0086cf;
}

.itemsDropdown.assetsList .emptyAsset {
    padding: 15px;
    text-align: center;
    font-size: 16px;
}

.itemsDropdown.assetsList .itemsDropdown_head .uncheck_all {
    cursor: pointer;
    display: none;
    top: 2px;
    position: relative;
}

.itemsDropdown.assetsList .itemsDropdown_head .uncheck_all:hover {
    text-decoration: underline;
}

.itemsDropdown.assetsList .itemsDropdown_items ul {
    display: table;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

.itemsDropdown.assetsList .itemsDropdown_items ul>li {
    display: table-row;
    list-style: none;
}

.itemsDropdown.assetsList .itemsDropdown_items ul>li>* {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 13px;
    padding: 10px 5px;
}

.itemsDropdown.assetsList .itemsDropdown_items ul .thumb {
    width: 40px;
    min-width: 40px;
}

.itemsDropdown.assetsList .itemsDropdown_items ul .thumb>div {
    width: 38px;
    height: 24px;
    background: #d8dadf;
    min-height: 24px;
    border-radius: 0;
    border-color: #d8dadf;
    box-shadow: none !important;
    padding: 0;
    border: none;
}

.itemsDropdown.assetsList .itemsDropdown_items ul .thumb>div:before {
    display: none !important;
}

.itemsDropdown.assetsList .itemsDropdown_items ul .thumb>div:after {
    font-size: 12px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;
}

.itemsDropdown.assetsList .itemsDropdown_items ul .thumb>div:after {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    font-size: 22px;
    background: #000;
    background: rgba(24, 24, 24, 0.2);
    border-radius: 0;
    left: 0;
    top: 0;
    margin: 0;
}

.itemsDropdown.assetsList .itemsDropdown_items ul li.music .thumb div:after {
    background: #d34552;
    display: block;
    content: "\e615";
}

.itemsDropdown.assetsList .itemsDropdown_items ul li.video .thumb div:after {
    /*background: #d16fae;*/
    width: 18px;
    height: 18px;
    top: 50%;
    left: 50%;
    margin: -9px;
    border-radius: 9px;
    font-size: 18px;
    display: block;
    content: "\e614";
}

.itemsDropdown.assetsList .itemsDropdown_items ul li.unknown .thumb div:after, .itemsDropdown.assetsList .itemsDropdown_items ul li.other .thumb div:after {
    background: #f0ba38;
    display: block;
    content: "\e617";
}

.itemsDropdown.assetsList .itemsDropdown_items ul .statItem {
    width: auto;
    padding: 0;
}

.itemsDropdown.assetsList .itemsDropdown_items ul .statItem div:first-child {
    font-size: 14px;
}

.itemsDropdown.assetsList .itemsDropdown_items ul .statItem div:first-child i {
    font-size: 23px;
}

.itemsDropdown.assetsList .itemsDropdown_items ul .statItem div:first-child b {
    font-weight: 400;
    text-transform: uppercase;
    vertical-align: middle;
    margin-left: 3px;
}

.itemsDropdown.assetsList .itemsDropdown_items ul .filename {
    color: #656d78;
}

.itemsDropdown.assetsList .itemsDropdown_items ul .lastUpdated {
    color: #aab2bd;
    font-size: 11px;
    margin-top: -2px;
}

.itemsDropdown.assetsList .itemsDropdown_items ul .actions {
    opacity: 0;
}

.itemsDropdown.assetsList .itemsDropdown_items ul>li:hover {
    background-color: #f6f7fb;
}

.itemsDropdown.assetsList .itemsDropdown_items ul>li:hover .filename {
    color: #0086cf;
    text-decoration: underline;
}

.itemsDropdown.assetsList .itemsDropdown_items ul>li:hover .actions {
    opacity: 1;
}

.itemsDropdown.assetsList .itemsDropdown_items ul>li:hover .hint {
    margin-left: -20px;
}

.itemsDropdown.assetsList .itemsDropdown_items ul>li:hover .hint:after {
    left: 28px;
}

.itemsDropdown.assetsList .itemsDropdown_items ul>li:first-child .actions a>.hint {
    top: 100%;
    height: 25px;
    bottom: auto;
    margin-top: 3px;
    right: 0;
    left: auto;
}

.itemsDropdown.assetsList .itemsDropdown_items ul>li:first-child .actions a>.hint:after {
    top: auto;
    bottom: 100%;
    transform: rotate(180deg);
    right: 8px;
    left: auto;
}

.itemsDropdown.assetsList .itemsDropdown_items ul>li:first-child:last-child .actions a>.hint {
    top: 50%;
    margin-top: -22px;
    right: 100%;
}

.itemsDropdown.assetsList .itemsDropdown_items ul>li:first-child:last-child .actions a>.hint:after {
    display: none;
}

.itemsDropdown.assetsList .itemsDropdown_items ul .btn>i {
    margin: 0;
}

.itemsDropdown.deleteDropdown {
    z-index: 110;
    right: 310px;
    margin-top: 40px;
}

.itemsDropdown.deleteDropdown:before {
    left: 11px;
    right: auto;
}

.itemsDropdown.deleteDropdown p.counter {
    font-size: 18px;
    color: #db4c3f;
    font-weight: bold;
    text-align: center;
}

.itemsDropdown.actionsMenu .itemsDropdown_items>ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.itemsDropdown.actionsMenu .itemsDropdown_items>ul li {
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #d8dadf;
}

.itemsDropdown.actionsMenu .itemsDropdown_items>ul li:last-child {
    border-bottom: none;
}

.itemsDropdown.actionsMenu .itemsDropdown_items>ul li>a {
    display: block;
    margin: 0;
    padding: 13px 10px;
    font-size: 13px;
    color: #434a54;
    text-decoration: none;
    cursor: pointer;
    visibility: visible;
    opacity: 1;
}

.itemsDropdown.actionsMenu .itemsDropdown_items>ul li>a:hover {
    background: rgba(0, 0, 0, 0.03);
}

.itemsDropdown.actionsMenu .itemsDropdown_items>ul li>a>* {
    vertical-align: middle;
}

.itemsDropdown.actionsMenu .itemsDropdown_items>ul li>a>i {
    color: inherit;
}

.itemsDropdown.actionsMenu .itemsDropdown_items>ul li a.delete {
    color: #db4c3f;
}

.itemsDropdown.actionsMenu .itemsDropdown_items>ul li a.delete i {
    color: #db4c3f;
}

.itemsDropdown.tagsList {
    left: 0;
    right: auto;
}

.fileTags .itemsDropdown.tagsList {
    left: -170px;
}

.itemsDropdown.tagsList .itemsDropdown_items {
    overflow: hidden;
}

.itemsDropdown.tagsList .itemsDropdown_items ul {
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    overflow-x: hidden;
    max-height: 300px;
}

.itemsDropdown.tagsList .itemsDropdown_items ul>li>* {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 13px;
    padding: 10px 10px;
}

.itemsDropdown.tagsList .itemsDropdown_items ul>li {
    width: 100%;
    display: table-row;
    list-style: none;
}

.itemsDropdown.tagsList .itemsDropdown_items ul>li label {
    display: table-cell;
}

.itemsDropdown.tagsList .itemsDropdown_items ul>li:hover {
    background-color: #f6f7fb;
}

.itemsDropdown.tagsList .itemsDropdown_items ul>li .selected {
    width: 45px;
}

.itemsDropdown.domainsList {
    margin-top: -7px;
    right: 50%;
    margin-right: -35px;
}

.itemsDropdown ::-webkit-scrollbar {
    width: 30px;
    border: 15px solid transparent;
    background-clip: padding-box;
}

.itemsDropdown ::-webkit-scrollbar-track {
    background: #dedede;
    border: 10px solid transparent;
    background-clip: padding-box;
    border-radius: 15px;
}

.itemsDropdown ::-webkit-scrollbar-thumb {
    background: #959595;
    border-radius: 15px;
    border: 10px solid transparent;
    background-clip: padding-box;
}

.itemsDropdown ::-webkit-scrollbar-thumb:window-inactive {
    background: #b8b8b8;
    border: 10px solid transparent;
    background-clip: padding-box;
}

.domainsList .emptyDomains {
    padding: 15px;
    text-align: center;
    font-size: 16px;
}

.domainsList h3 {
    font-size: 13px;
    margin: 0;
}

.domainsList .itemsDropdown_head {
    padding: 17px 15px;
}

.domainsList .itemsDropdown_items {
    margin-left: -15px;
}

.domainsList>ul, .domainsList .itemsDropdown_items ul {
    display: table;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    width: 100%;
    width: calc(100% + 15px);
}

.domainsList>ul>li, .domainsList .itemsDropdown_items ul>li {
    display: table-row;
    list-style: none;
}

.domainsList>ul>li>*, .domainsList .itemsDropdown_items ul>li>* {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 13px;
    padding: 15px 10px;
    border-bottom: 1px solid #d8dadf;
}

.domainsList>ul>li>*:first-child, .domainsList .itemsDropdown_items ul>li>*:first-child {
    padding-left: 15px;
}

.domainsList>ul>li>*:last-child, .domainsList .itemsDropdown_items ul>li>*:last-child {
    padding-right: 15px;
}

.domainsList>ul .counter, .domainsList .itemsDropdown_items ul .counter {
    vertical-align: top;
    padding-left: 5px;
    padding-right: 0;
}

.domainsList>ul .counter>div, .domainsList .itemsDropdown_items ul .counter>div {
    background: #aab2bc;
    color: #fff;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    text-align: center;
    vertical-align: top;
    line-height: 1.6em;
    border-radius: 1em;
    font-size: 10px;
}

.domainsList>ul .domains>*, .domainsList .itemsDropdown_items ul .domains>* {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.domainsList>ul .domainname, .domainsList .itemsDropdown_items ul .domainname {
    font-size: 14px;
    font-weight: bold;
    color: #0086cf;
    text-decoration: none;
}

.domainsList>ul .domainname:hover, .domainsList .itemsDropdown_items ul .domainname:hover {
    text-decoration: underline;
}

.domainsList>ul .domainname+i, .domainsList .itemsDropdown_items ul .domainname+i {
    background: #ccd0d9;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    padding: 0px 5px;
    border-radius: 10px;
    margin-left: 10px;
}

.domainsList>ul .domainpage, .domainsList .itemsDropdown_items ul .domainpage {
    font-size: 12px;
    color: #aab2bc;
    text-decoration: underline;
}

.domainsList>ul .domainpage:hover, .domainsList .itemsDropdown_items ul .domainpage:hover {
    color: #656d78;
}

.domainsList>ul .domains.expandable .urlList, .domainsList .itemsDropdown_items ul .domains.expandable .urlList {
    max-width: 0;
    -webkit-transition: 1s ease max-width;
    -moz-transition: 1s ease max-width;
    -ms-transition: 1s ease max-width;
    -o-transition: 1s ease max-width;
    transition: 1s ease max-width;
    text-overflow: ellipsis;
    overflow: hidden;
}

.domainsList>ul .domains.expandable .urlList.active, .domainsList .itemsDropdown_items ul .domains.expandable .urlList.active {
    max-width: 600px;
}

.domainsList>ul .domains.expandable .domainpage, .domainsList .itemsDropdown_items ul .domains.expandable .domainpage {
    display: none;
}

.domainsList>ul .domains.expandable.active .domainpage, .domainsList .itemsDropdown_items ul .domains.expandable.active .domainpage {
    display: block;
}

.domainsList>ul .domains.expandable .domainname, .domainsList .itemsDropdown_items ul .domains.expandable .domainname {
    color: #656d78;
}

.domainsList>ul .domains.expandable .domainname:after, .domainsList .itemsDropdown_items ul .domains.expandable .domainname:after {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    content: "\e629";
    margin: -3px -5px -3px 2px;
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.domainsList>ul .domains.expandable.active a.domainname:after, .domainsList .itemsDropdown_items ul .domains.expandable.active a.domainname:after {
    transform: rotate(180deg);
}

.domainsList>ul>li.total>*, .domainsList .itemsDropdown_items ul>li.total>* {
    background: #fff;
}

.domainsList>ul>li.total .domainname, .domainsList .itemsDropdown_items ul>li.total .domainname {
    color: #967ed9;
}

.domainsList>ul>li.total .domainname+i, .domainsList .itemsDropdown_items ul>li.total .domainname+i {
    background: #967ed9;
}

.libraryContainer.galleriesList .analyticsDropdown {
    display: none;
}

.libraryContainer.galleriesList .analyticsDropdown>td {
    border: 2px solid #aab2bc;
    padding: 0;
}

.libraryContainer.galleriesList .analyticsDropdown p {
    color: #656d78;
    font-size: 13px;
}

.libraryContainer.galleriesList .analyticsDropdown p>b {
    color: #434a53;
    font-weight: 600;
}

.libraryContainer.galleriesList .analyticsDropdown p>b.marked {
    color: #656d78;
    font-weight: inherit;
    background: #fff87d;
}

.libraryContainer.galleriesList .analyticsDropdown .statChart_head, .libraryContainer.galleriesList .analyticsDropdown .itemsDropdown_head {
    background: #fff;
    border-bottom: 1px solid #d8dadf;
    margin: 0;
    padding: 12px 15px;
    text-align: center;
    position: relative;
}

.libraryContainer.galleriesList .analyticsDropdown .statChart_head>*, .libraryContainer.galleriesList .analyticsDropdown .itemsDropdown_head>* {
    font-size: 13px;
}

.libraryContainer.galleriesList .analyticsDropdown .statChart_head .headLeft, .libraryContainer.galleriesList .analyticsDropdown .itemsDropdown_head .headLeft {
    float: none;
}

.libraryContainer.galleriesList .analyticsDropdown .statChart_head:after, .libraryContainer.galleriesList .analyticsDropdown .itemsDropdown_head:after {
    content: '';
    background: url('/_cms/design18/images/lock-up-icon-3.png');
    width: 12px;
    height: 6px;
    position: absolute;
    top: 0;
    right: 65px;
    margin-top: -8px;
}

.libraryContainer.galleriesList .analyticsDropdown .statChart_items, .libraryContainer.galleriesList .analyticsDropdown .itemsDropdown_items {
    max-height: 310px;
    overflow: auto;
    overflow-x: hidden;
    padding-right: 15px;
    margin-right: -15px;
}

.libraryContainer.galleriesList .analyticsDropdown .statChart_head, .libraryContainer.galleriesList .analyticsDropdown .itemsDropdown_head {
    padding: 9px 15px;
}

.libraryContainer.galleriesList .analyticsDropdown .statChart_head .btn.trans, .libraryContainer.galleriesList .analyticsDropdown .itemsDropdown_head .btn.trans {
    position: absolute;
    top: 15px;
    right: 5px;
}

.libraryContainer.galleriesList .analyticsDropdown .domainsList {
    width: 25%;
    float: left;
    height: 100%;
    margin: 0;
    max-height: 100%;
    overflow: auto;
    overflow-x: hidden;
    background: #f6f7fb;
    max-height: 320px;
}

.libraryContainer.galleriesList .analyticsDropdown .content {
    margin: 0;
    min-height: 200px;
    width: 75%;
    float: left;
    border-left: 1px solid #d8dadf;
    position: relative;
}

.libraryContainer.galleriesList .analyticsDropdown .lwStat, .libraryContainer.galleriesList .analyticsDropdown .lmStat, .libraryContainer.galleriesList .analyticsDropdown .lyStat {
    width: 100%;
    height: 260px;
    max-width: 100%;
    max-height: 100%;
}

.libraryContainer.galleriesList .analyticsDropdown .lwStat .highcharts-container, .libraryContainer.galleriesList .analyticsDropdown .lwStat .chart, .libraryContainer.galleriesList .analyticsDropdown .lmStat .highcharts-container, .libraryContainer.galleriesList .analyticsDropdown .lmStat .chart, .libraryContainer.galleriesList .analyticsDropdown .lyStat .highcharts-container, .libraryContainer.galleriesList .analyticsDropdown .lyStat .chart {
    max-width: 100%;
    max-height: 100%;
    width: 100% !important;
    height: 260px !important;
}

.libraryContainer.galleriesList .analyticsDropdown .forPremiumUsersOnly {
    background: url("/_cms/design15/images/cincopaanalitycs.png") no-repeat left top;
    text-align: center;
    padding: 95px 20px;
}

.libraryContainer.galleriesList .analyticsDropdown .forPremiumUsersOnly h2 {
    margin: 0 0 5px 0;
    font-size: 18px;
}

.libraryContainer.galleriesList .analyticsDropdown .forPremiumUsersOnly p {
    margin: 8px 0;
}

.libraryContainer.galleriesList .analyticsDropdown .forPremiumUsersOnly .upgrade.btn {
    text-transform: uppercase;
}

@media screen and (max-width: 1100px) {
    .libraryContainer.galleriesList .analyticsDropdown .btn.toggle {
        min-width: 50px;
    }
}

.libraryContainer.galleriesList .analyticsDropdown .report_csv {
    float: right;
    margin-right: 30px;
    margin-left: 5px;
}

.libraryContainer.galleries_grid .library-line {
    display: inline-block !important;
    vertical-align: top;
    width: 287px;
    border: 1px solid #ccd0d9;
    margin: 10px;
    padding: 20px;
    padding-bottom: 50px;
    min-height: 380px;
    /*.filename[style="display: none;"] { display: block !important; visibility: hidden; }
.changeName { position: absolute; margin-top: 6px; width: 91%; }*/
}

.libraryContainer.galleries_grid .library-line>* {
    display: block !important;
    border: none;
    width: auto;
    padding: 0;
    margin: 10px auto;
    max-width: 100%;
}

.libraryContainer.galleries_grid .library-line .galleryItems, .libraryContainer.galleries_grid .library-line .galleryStat {
    display: none !important;
    visibility: hidden;
}

.libraryContainer.galleries_grid .library-line .galleryThumb {
    padding-left: 0;
    position: static;
    border: none;
    margin-top: 0;
}

.libraryContainer.galleries_grid .library-line .all_actions_block {
    position: absolute !important;
    bottom: 15px;
    margin: 0 !important;
}

.libraryContainer.galleries_grid .library-line .item_name_desc {
    margin-bottom: 0;
    position: static;
}

.libraryContainer.galleries_grid .library-line .item_name_desc .description {
    min-height: 3.8em;
}

.libraryContainer.galleries_grid .library-line .galleryId {
    margin-bottom: 0;
}

.libraryContainer.galleries_grid .library-line .filename .btn {
    margin: 0;
}

.libraryContainer.galleries_grid .library-line .filename>span:first-child {
    width: 100%;
}

.libraryContainer.galleries_grid .library-line .galState {
    float: left;
    clear: both;
    margin-top: 0;
    margin-bottom: 5px;
}

.libraryContainer.galleries_grid .library-line .all_tags {
    margin-top: 5px;
    height: 52px;
}

.libraryContainer.galleries_grid .analyticsDropdown {
    display: none !important;
}

@media screen and (max-width: 1500px) and (min-width: 800px) {
    .libraryContainer.galleriesList .library-line .galleryItems {
        width: 180px;
    }
    .libraryContainer.galleriesList .library-line .galleryItems>div {
        padding: 20px 0;
    }
    .libraryContainer.galleriesList .library-line .galleryStat {
        width: 360px;
    }
    .libraryContainer.galleriesList .library-line .galleryStat>#chart, .libraryContainer.galleriesList .library-line .galleryStat>.chart {
        margin-bottom: -10px;
    }
    .libraryContainer.galleriesList .library-line .galleryFiles, .libraryContainer.galleriesList .library-line .galleryDomains {
        text-align: center;
    }
    .libraryContainer.galleriesList .library-line .galleryFiles span, .libraryContainer.galleriesList .library-line .galleryDomains span {
        display: block;
        font-size: 14px;
    }
    .libraryContainer.galleriesList .library-line .statItem {
        padding: 10px 5px 0 5px;
    }
    .libraryContainer.galleriesList .library-line .statItem div:first-child {
        font-size: 24px;
    }
    .libraryContainer.galleriesList .library-line .statItem.more div:first-child i {
        font-size: 40px;
    }
}

@media screen and (max-width: 1300px) and (min-width: 800px) {
    .libraryContainer.galleriesList .library-line .galleryItems {
        width: 150px;
    }
    .libraryContainer.galleriesList .library-line .galleryStat {
        width: 250px;
    }
    .libraryContainer.galleriesList .library-line .galleryStat .totalInfo {
        white-space: normal;
    }
    .libraryContainer.galleriesList .library-line .statItem {
        padding: 10px 2px 0 2px;
        font-size: 10px;
        min-width: 5em;
    }
    .libraryContainer.galleriesList .library-line .statItem div:first-child {
        font-size: 18px;
    }
    .libraryContainer.galleriesList .library-line .statItem div:first-child i {
        font-size: 30px;
    }
    .libraryContainer.galleriesList .library-line .statItem.more div:first-child i {
        font-size: 30px;
    }
}

@media screen and (max-width: 1200px) and (min-width: 800px) {
    .libraryContainer.galleriesList .library-line {
        display: block;
    }
    .libraryContainer.galleriesList .library-line>* {
        display: inline-block;
        width: 47%;
        border: none;
        vertical-align: top;
    }
    .libraryContainer.galleriesList .library-line .galleryItems>div, .libraryContainer.galleriesList .library-line>td>div {
        padding: 0;
        min-height: 0;
    }
    .libraryContainer.galleriesList .library-line .galleryThumb {
        padding-left: 10px;
    }
    .libraryContainer.galleriesList .library-line .galleryThumb, .libraryContainer.galleriesList .library-line .galleryItems, .libraryContainer.galleriesList .library-line .galleryStat {
        text-align: center;
        width: 47%;
    }
    .libraryContainer.galleriesList .library-line .statItem {
        font-size: 12px;
        min-width: 5em;
    }
    .libraryContainer.galleriesList .library-line .galleryDomains, .libraryContainer.galleriesList .library-line .galleryFiles {
        display: inline-block;
        padding: 15px;
        margin: 0;
    }
    .libraryContainer.galleriesList .library-line .galleryStat {
        padding-top: 0;
    }
    .libraryContainer.galleriesList .library-line .item_name_desc {
        padding-bottom: 0;
    }
    .libraryContainer.galleriesList .library-line .itemsDropdown.assetsList {
        left: -350px;
        right: -220px;
    }
    .libraryContainer.galleriesList .library-line .itemsDropdown.assetsList:before {
        right: 290px;
    }
    .libraryContainer.galleriesList .library-line .itemsDropdown.domainsList {
        left: -200px;
        right: -50px;
    }
    .libraryContainer.galleriesList .library-line .itemsDropdown.domainsList:before {
        right: 130px;
    }
    .libraryContainer.galleriesList.galleries_grid .library-line>* {
        width: auto;
    }
    .analyticsDropdown[style="display: table-row;"] {
        display: block !important;
    }
    .analyticsDropdown td {
        display: block;
        width: 100%;
        display: block;
        height: 313px;
    }
}

@media screen and (max-width: 800px) {
    .libraryContainer.galleriesList {
        overflow-x: hidden;
        display: block;
    }
    .libraryContainer.galleriesList>tbody, .libraryContainer.galleriesList>tbody>tr {
        display: block;
    }
    .libraryContainer.galleriesList .library-line {
        display: block;
    }
    .libraryContainer.galleriesList .library-line .galleryItems, .libraryContainer.galleriesList .library-line .galleryStat, .libraryContainer.galleriesList .library-line .lastUpdated, .libraryContainer.galleriesList .library-line .galleryId {
        display: none !important;
        visibility: hidden;
    }
    .libraryContainer.galleriesList .library-line .galleryThumb {
        position: static;
        padding: 20px 10px;
    }
    .libraryContainer.galleriesList .library-line .galleryThumb .thumb .img, .libraryContainer.galleriesList .library-line .galleryThumb .thumb {
        max-width: 100%;
    }
    .libraryContainer.galleriesList .library-line .galleryThumb .all_actions_block {
        position: absolute;
        z-index: auto;
        right: 0;
        bottom: 20px;
        right: 20px;
        width: 48% !important;
        margin: 0;
        width: calc(50% - 15px) !important;
        padding: 0;
        height: 50px;
    }
    .libraryContainer.galleriesList .library-line .galleryThumb .all_actions_block>a {
        padding: 5px;
        height: 40px;
        width: 55px;
        background: #fff;
        max-width: 21%;
        max-width: calc(25% - 10px);
        position: relative;
        z-index: 10;
    }
    .libraryContainer.galleriesList .library-line .galleryThumb .all_actions_block .itemsDropdown {
        left: auto;
        right: 0;
    }
    .libraryContainer.galleriesList .library-line .item_name_desc {
        padding-bottom: 75px;
    }
    .libraryContainer.galleriesList .library-line .item_name_desc .caption {
        margin-top: -6px;
    }
    .libraryContainer.galleriesList .analyticsDropdown {
        display: none !important;
    }
}

@media screen and (max-width: 530px) {
    .libraryContainer.galleriesList .library-line .galleryThumb {
        max-width: 200px;
    }
}

@media screen and (max-width: 420px) {
    .libraryContainer.galleriesList .library-line .galleryThumb {
        max-width: 140px;
    }
}

.skinsList {
    display: block;
    list-style: none;
    margin: 20px auto;
    padding: 0;
    font-size: 0;
    text-align: left;
    max-width: 1370px;
}

.skinsList>* {
    font-size: 14px;
    font-size: 1ex;
    font-size: 1rem;
}

.skinsList ol {
    max-width: 100% !important;
}

.skinsList .skinsSection {
    text-align: center;
    margin: 30px auto;
    font-size: 16px;
    border-bottom: 2px solid #DEDCDC;
}

.skinsList .skinsSection>h3 {
    font-size: 20px;
    margin: 40px auto 10px auto;
    padding: 30px 10px 10px 10px;
    color: #545454;
    font-weight: 400;
    border-radius: 0;
    display: block;
    background: transparent;
}

.skinsList .skinsSection>p {
    font-size: .9em;
    text-align: left;
    margin: 0 auto;
    color: #656d78;
}

@media screen and (max-width: 1650px) {
    .skinsList {
        max-width: 1090px;
    }
}

@media screen and (max-width: 1420px) {
    .skinsList {
        max-width: 820px;
    }
}

@media screen and (max-width: 1080px) {
    .skinsList {
        max-width: 100%;
        text-align: center;
    }
}

.skinsList-item {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 1ex;
    width: 242px;
    height: 160px;
    max-width: 100%;
    position: relative;
    z-index: auto;
    margin: 15px;
}

.skinsList-item .wrap {
    background: #fff;
    border: 1px solid #c7c8cd;
    border-radius: 2px;
    padding: 8px;
    /* @include transition(.3s ease all); */
    top: 0;
    position: relative;
    transform: scale3d(1, 1, 1);
}

.skinsList-item .thumb {
    background: #ccd0d9;
    display: block;
    width: 224px;
    max-width: 100%;
    height: 140px;
    overflow: hidden;
    font-size: 0;
    position: relative;
    cursor: pointer;
}

.skinsList-item .thumb img {
    min-width: 100%;
}

.skinsList-item .thumb>div:after {
    font-family: inherit;
    content: 'click to preview';
    color: #fff;
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    font-size: 10px;
    background: #000;
    background: rgba(24, 24, 24, 0.62);
    border-radius: 20px;
    left: 43%;
    top: 50%;
    margin: -8px 0 0 -3em;
    text-transform: uppercase;
    padding: 5px 10px;
}

.skinsList-item .details {
    display: block;
    height: 0;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    /* @include transition(.3s ease all); */
}

.skinsList-item .features {
    margin: 10px auto;
}

.skinsList-item .features .icon-premium {
    color: #ffc330;
    /*display: none;*/
}

.skinsList-item.premium .features .icon-premium {
    display: inline-block;
}

.skinsList-item .title {
    color: #434a53;
    font-size: 14px;
    line-height: 1.1em;
    font-weight: bold;
    margin: 10px auto;
    text-transform: none;
    white-space: normal;
}

.skinsList-item .descr {
    color: #aab2bc;
    font-size: 12px;
    margin: 10px auto;
    white-space: normal;
}

.skinsList-item .usethis {
    display: block;
    margin: 10px 0 0 0;
    text-transform: uppercase;
    font-size: 14px;
}

.skinsList-item:hover {
    z-index: 200;
}

.skinsList-item:hover .thumb>div:after {
    animation-name: bounceIn;
    animation-duration: 450ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

.skinsList-item:hover .wrap {
    padding: 20px;
    margin: -13px;
    position: absolute;
    top: -75px;
    left: 0;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}

.skinsList-item:hover .details {
    height: auto;
    max-height: 250px;
    visibility: visible;
    opacity: 1;
}

.skinsList-item.visited .wrap:before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    background: url('/_cms/design18/images/eye-icon.png');
}

@media (max-width: 800px) {
    .skinsList-item .thumb>div:after {
        opacity: 1;
        visibility: visible;
    }
}

.skinsList.open-look .skinsList-item {
    height: auto;
}

.skinsList.open-look .skinsList-item .thumb {
    height: 125px;
}

.skinsList.open-look .skinsList-item .thumb>div:after {
    font-family: inherit;
    content: 'Preview';
    color: #fff;
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    font-size: 10px;
    background: #000;
    background: rgba(24, 24, 24, 0.62);
    border-radius: 20px;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -3em;
    text-transform: uppercase;
    padding: 5px 10px;
}

.skinsList.open-look .skinsList-item .wrap {
    padding: 20px;
    margin: 0 !important;
    position: relative !important;
    top: 0 !important;
    left: 0;
}

.skinsList.open-look .skinsList-item .title {
    height: 2em;
    overflow: hidden;
}

.skinsList.open-look .skinsList-item .details {
    height: auto;
    max-height: 250px;
    visibility: visible;
    opacity: 1;
}

.skinsList.open-look .skinsList-item .features {
    min-height: 24px;
}

.skinsList.open-look .skinsList-item .descr {
    min-height: 6em;
    overflow: hidden;
}

.mobileMenuFilter {
    display: none;
}

@media screen and (max-width: 800px) {
    .skinsList ol {
        white-space: nowrap;
        overflow: auto;
        overflow-y: hidden;
    }
    .skinsList {
        padding: 20px;
        margin: 0;
    }
    .skinsList>li, .skinsList ol>li {
        max-width: 94%;
        margin: 15px 2%;
        height: auto;
        /*box-shadow: none !important;*/
    }
    .skinsList .wrap, .skinsList ol .wrap {
        position: static !important;
        padding: 8px !important;
        margin: 0 !important;
    }
    .skinsList .title, .skinsList ol .title {
        height: 2em;
    }
    .skinsList .details, .skinsList ol .details {
        height: auto;
        max-height: 250px;
        visibility: visible;
        opacity: 1;
    }
    .skinsList a.btn.usethis, .skinsList ol a.btn.usethis {
        display: block;
    }
    .mobileMenuFilter {
        display: block;
        padding: 20px;
    }
    .mobileMenuFilter select {
        display: block;
        visibility: visible;
        width: 100%;
        background-color: #fff !important;
    }
}

@media screen and (max-width: 600px) {
    .skinsList {
        padding: 20px 0;
    }
}

.skinsFilters li, .skinsFilters ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.skinsFilters .skinsMediaType>a {
    display: block;
    border-bottom: 1px solid #d8dadf;
    color: #656d78;
    border-top: 1px solid #d8dadf;
    margin: 0 -30px -1px -30px;
    padding: 13px 30px;
    cursor: pointer;
}

.skinsFilters .skinsMediaType>a:hover {
    background: #e6e8ec;
}

.skinsFilters .skinsMediaType>a>i {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center center;
}

.skinsFilters .skinsMediaType>a>b {
    font-weight: bold;
}

.skinsMediaType.all>a>i {
    background-image: url('/_cms/design18/images/asterisk.jpg');
}

.skinsFilters .skinsMediaType.photos>a>i {
    background-image: url('/_cms/design18/images/gallery-icon.png');
}

.skinsFilters .skinsMediaType.videos>a>i {
    background-image: url('/_cms/design18/images/player-icon-1.png');
}

.skinsFilters .skinsMediaType.portal>a>i {
    background-image: url('/_cms/design18/images/player-icon-2.png');
}

.skinsFilters .skinsMediaType.music>a>i {
    background-image: url('/_cms/design18/images/player-icon-3.png');
}

.skinsFilters .skinsMediaType.slideshow>a>i {
    background-image: url('/_cms/design18/images/player-icon-4.png');
}

.skinsFilters .skinsMediaType>ul {
    max-height: 0;
    overflow: hidden;
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    padding: 0 10px;
}

.skinsFilters .skinsMediaType.active>ul {
    max-height: 200px;
    height: auto;
    visibility: visible;
    opacity: 1;
    padding: 15px 10px;
}

.skinsFilters .skinsMediaType.active>a {
    background: #656d78;
    color: #fff;
}

.skinsFilters .skinsMediaType>ul>li {
    margin: 8px 0;
}

.skinsFilters .checkBox {
    color: #aab2bc;
    font-weight: bold;
    font-size: 14px;
}

.skinsFilters .checkBox:hover, .skinsFilters .checkBox input[type=checkbox]:checked~b {
    color: #434a53;
}

.skinsFilters .checkBox>i {
    margin-right: 8px !important;
}

.skinsFilters .checkBox:hover>i {
    border-color: #434a53;
}

.wizardSteps {
    background: #f6f7fb;
    border-bottom: 1px solid #d8dadf;
    margin: 0;
    padding: 0;
    text-align: center;
    box-shadow: 0 2px 6px rgba(66, 67, 69, 0.16);
    position: relative;
    z-index: 90;
}

.wizardSteps .btn {
    font-size: 14px;
}

.wizardSteps>div {
    display: table;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.wizardSteps ol {
    display: table-row;
    padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap;
}

.wizardSteps li {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    line-height: 1;
    font-weight: bold;
    font-size: 40px !important;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 13px;
    background-image: url('/_cms/design18/images/big-lock-right.png');
}

.wizardSteps li:last-child {
    background: none;
    padding-right: 0;
}

.wizardSteps li>a {
    color: #434a53;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}

.wizardSteps li>a>i {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border-radius: 20px;
    border: 1px solid;
    background: #fff;
    margin-right: 5px;
    color: #0086cf;
}

.wizardSteps li>a>b {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}

.wizardSteps li.active>a {
    color: #0086cf;
    cursor: default;
}

.wizardSteps li.active>a>i {
    background-color: #0086cf;
    color: #fff;
    border-color: #0086cf;
}

.wizardSteps li.disabled {
    opacity: 1;
}

.wizardSteps li.disabled>a {
    opacity: .2;
    cursor: default;
}

.wizardSteps li.disabled>a>i {
    color: #434a53;
}

.wizardSteps li:not(.active):not(.disabled)>a:hover {
    color: #0086cf;
    /*background: rgba(0, 134, 207, 5/100); border-radius: 40px; border-color: rgba(0, 134, 207, 20/100);*/
}

.wizardSteps li:not(.active):not(.disabled)>a:hover>i {
    background-color: #0086cf;
    color: #fff;
    border-color: #0086cf;
}

@media screen and (max-width: 1370px) {
    .wizardSteps {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media screen and (max-width: 1250px) {
    .wizardSteps li:before {
        font-size: 26px;
    }
    .wizardSteps li>a>i {
        width: 30px;
        height: 30px;
        line-height: 28px;
    }
}

@media screen and (max-width: 1100px) {
    .wizardSteps li>a>b {
        width: 70%;
        text-align: left;
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 800px) {
    .wizardSteps {
        margin: 0 0 20px 0;
        padding: 5px 5px;
        width: 100%;
    }
    .wizardSteps li:before {
        margin: 0 -0.4em 0 -0.6em;
        line-height: 40px;
    }
    .wizardSteps li {
        font-size: 30px;
        max-width: 19%;
        line-height: 0;
    }
    .wizardSteps li:first-child {
        font-size: 30px;
    }
    .wizardSteps li>a {
        padding: 0 5px 0 5px;
    }
    .wizardSteps li>a>i {
        display: none;
    }
    .wizardSteps li>a>b {
        font-size: 13px;
        line-height: 1.1em;
        width: auto;
    }
    .header.loggedout+.content-container .wizardSteps {
        margin: 0;
    }
}

@media screen and (max-width: 500px) {
    .wizardSteps>div {
        display: table;
        min-height: 35px;
        max-width: calc(100vw);
        table-layout: fixed;
    }
    .wizardSteps ol {
        display: table-row;
    }
    .wizardSteps li:before {
        margin: -5px -0.4em 0 -24px !important;
        position: absolute;
    }
    .wizardSteps li a {
        text-align: left;
    }
    .wizardSteps li {
        display: table-cell;
        vertical-align: middle;
    }
}

@media screen and (max-width: 400px) {
    .wizardSteps li>a>b {
        font-size: 12px;
    }
}

@media screen and (min-width: 1250px) {
    .wizardSteps {
        margin: 0;
        position: fixed;
        top: 64px;
        width: 100%;
        left: 0;
        padding-left: 300px;
        z-index: 90;
    }
    .wizardSteps~.skinPreviewArea {
        margin-top: 43px;
    }
    .wizardSteps~.wizardArea {
        padding-top: 44px;
    }
}

@media screen and (max-width: 800px) {
    .wizardSteps~.librarySideMenu.skinEditorTabs {
        transform: none !important;
    }
}

.fixedToolbar, .skinPreviewArea .previewModesToolbar {
    position: fixed;
    overflow: hidden;
    z-index: 500;
    right: 0;
    top: 50%;
    margin-top: -120px;
    border-radius: 4px 0 0 4px;
    border: 1px solid #acb1b8;
    border-right-color: #E8E8E8;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.fixedToolbar ul, .skinPreviewArea .previewModesToolbar ul, .fixedToolbar li, .skinPreviewArea .previewModesToolbar li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.fixedToolbar .btn, .skinPreviewArea .previewModesToolbar .btn {
    padding: 11px 9px;
    width: 100%;
    margin: 0;
    border: none;
    background: #fff;
    text-shadow: none;
}

.fixedToolbar .btn>i, .skinPreviewArea .previewModesToolbar .btn>i {
    font-size: 32px;
}

.fixedToolbar .btn>b, .skinPreviewArea .previewModesToolbar .btn>b {
    display: none;
}

.fixedToolbar .btn:hover, .skinPreviewArea .previewModesToolbar .btn:hover {
    background: #dddfe4;
}

.fixedToolbar .btn.active, .skinPreviewArea .previewModesToolbar .btn.active {
    background: #656d78;
    cursor: default;
    pointer-events: none;
}

.fixedToolbar .btn.active i, .skinPreviewArea .previewModesToolbar .btn.active i {
    color: #fff !important;
}

@media screen and (max-width: 800px) {
    .fixedToolbar, .skinPreviewArea .previewModesToolbar {
        display: none !important;
    }
}

@media screen and (max-height: 655px) {
    .fixedToolbar, .skinPreviewArea .previewModesToolbar {
        top: auto;
        margin-top: 0;
        bottom: 10%;
    }
}

.skinPreviewArea {
    display: none;
}

.container.activeContainer .skinPreviewArea {
    display: block;
}

.skinPreviewArea.singleSkinPreview {
    display: block;
    margin: 20px auto;
    background: transparent;
    box-shadow: none;
}

.skinPreviewArea.singleSkinPreview .skinPreview-head {
    box-shadow: 0 1px 10px #e4e4e4;
    border: 1px solid #d8dadf;
}

.skinPreviewArea.singleSkinPreview .skinPreview-content {
    padding: 20px 0;
}

.skinPreviewArea.singleSkinPreview .simulatorContainer {
    width: 100%;
}

.skinPreviewArea.singleSkinPreview .simulatorContainer .simulator.desktop {
    width: 100%;
    height: calc(100vh - 230px);
    padding: 0;
    background: transparent;
}

.skinPreviewArea.singleSkinPreview .simulatorContainer .simulator #iframeWrapper, .skinPreviewArea.singleSkinPreview .simulatorContainer .simulator .iframeWrapper {
    height: calc(100vh - 230px) !important;
}

.skinPreviewArea.singleSkinPreview .simulatorContainer .simulator iframe {
    border: none;
    height: auto;
}

#singleskin_Wrapper .mediaElement {
    position: relative;
    z-index: 0;
}

.skinPreviewArea {
    border-radius: 4px;
    margin: 0;
    padding-top: 64px;
}

.skinPreviewArea .btn {
    font-size: 14px;
}

.skinPreviewArea .skinPreview-head {
    position: relative;
    padding: 20px 30px 20px 60px;
    background: #fff;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #d8dadf;
    text-align: center;
}

.skinPreviewArea .skinPreview-head:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.skinPreviewArea .skinPreview-head .backToSkins {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    border: none;
    width: 50px;
    height: 100%;
    background: #eee;
    color: #40464f;
}

.skinPreviewArea .skinPreview-head .backToSkins:hover {
    background: #dadde6;
}

.skinPreviewArea .skinPreview-head .backToSkins b {
    display: none;
}

.skinPreviewArea .skinPreview-head .headRight, .skinPreviewArea .skinPreview-head .headLeft, .skinPreviewArea .skinPreview-head .headCenter {
    display: inline-block;
}

.skinPreviewArea .skinPreview-head .headRight, .skinPreviewArea .skinPreview-head .headLeft {
    width: 40%;
    width: calc(50% - 135px);
    min-height: 1px;
}

.skinPreviewArea .skinPreview-head .headRight {
    float: right;
    text-align: right;
    position: relative;
}

.skinPreviewArea .skinPreview-head .headCenter, .skinPreviewArea .skinPreview-head .headLeft {
    float: left;
    text-align: left;
}

.skinPreviewArea .skinPreview-head .headLeft {
    padding-right: 5px;
}

.skinPreviewArea .skinPreview-head h3 {
    margin-top: 0;
    margin-bottom: 5px;
}

.skinPreviewArea .skinPreview-head h3+p {
    margin-top: 0;
}

.skinPreviewArea .skinPreview-head p {
    margin-bottom: 0;
    color: #aab2bc;
    font-size: 14px;
}

.skinPreviewArea .skinPreview-head .headCenter .btn {
    padding: 5px 14px;
}

.skinPreviewArea .skinPreview-head .headCenter .btn>i {
    font-size: 40px;
}

.skinPreviewArea .skinPreview-head .btn.active {
    background: #656d78 !important;
    border-color: #656d78;
    box-shadow: 0 2px 10px #656d78 !important;
    cursor: default;
    /*pointer-events: none;*/
}

.skinPreviewArea .skinPreview-head .btn.active i {
    color: #fff;
}

.skinPreviewArea .skinPreview-head .btn.save {
    position: relative;
    overflow: visible;
}

.skinPreviewArea .skinPreview-head .btn.save .saveMessage {
    position: absolute;
    color: #aab2bd;
    max-width: 500px;
    background: #fff;
    z-index: 500;
    padding: 2px 5px;
    font-size: 11px;
    margin: 0;
    /*box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 2px;*/
    white-space: nowrap;
    /*border: 1px solid #ccc;*/
    font-weight: normal;
    pointer-events: none;
    top: 100%;
    margin-top: 2px;
    margin-left: -30px;
}

@media screen and (max-width: 1600px) {
    .skinPreviewArea .skinPreview-head .headRight, .skinPreviewArea .skinPreview-head .headLeft, .skinPreviewArea .skinPreview-head .headCenter {
        width: auto;
    }
}

@media screen and (max-width: 800px) {
    .skinPreviewArea .skinPreview-head .headRight {
        display: none;
    }
}

.skinPreviewArea .previewModesToolbar {
    top: 75px !important;
}

.skinPreviewArea .skinPreview-subhead {
    padding: 3px 30px;
    background: #fff;
    border-bottom: 1px solid #d8dadf;
    text-align: center;
}

.skinPreviewArea .skinPreview-subhead:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.skinPreviewArea .skinPreview-subhead .btn {
    color: #656d78;
    font-size: 12px;
}

.skinPreviewArea .skinPreview-subhead .btn i {
    font-size: 18px;
    color: #0086cf;
}

.skinPreviewArea .skinPreview-content {
    padding: 20px 30px;
}

.skinPreviewArea .simulatorContainer {
    position: relative;
    width: 1024px;
    margin: 0 auto;
}

.skinPreviewArea .simulatorContainer .simulator {
    margin: 0 auto;
    background-position: center top;
}

.skinPreviewArea .simulatorContainer .simulator #iframeWrapper, .skinPreviewArea .simulatorContainer .simulator .iframeWrapper {
    width: 100%;
    height: 100%;
    max-width: 100vw;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.skinPreviewArea .simulatorContainer .simulator iframe {
    width: 100%;
    height: 99%;
    max-width: 100vw;
    background: #fff;
    border: 1px solid #C0C9CC;
    min-width: 100%;
    width: 100px;
    /* *width: 100%;*/
}

.skinPreviewArea .simulatorContainer .simulator iframe#singleskin_simulator_content {
    height: 100% !important;
    border: 1px solid #CFD4DA;
    border-radius: 2px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.02);
    background: #FDFCFC;
}

.skinPreviewArea .simulatorContainer .simulator.desktop {
    width: 1020px;
    height: 600px;
    padding: 38px 125px 80px 128px;
    background-image: url('/_cms/design18/images/laptop.png');
}

.skinPreviewArea .simulatorContainer .simulator.tablet {
    width: 430px;
    height: 600px;
    padding: 50px 30px 60px 30px;
    background-image: url('/_cms/design18/images/ipad.png');
}

.skinPreviewArea .simulatorContainer .simulator.tablet.landscape {
    width: 600px;
    height: 430px;
    padding: 30px 50px 30px 60px;
    background-image: url('/_cms/design18/images/revert-ipad.png');
}

.skinPreviewArea .simulatorContainer .simulator.mobile {
    width: 290px;
    height: 560px;
    padding: 70px 20px 75px 20px;
    background-image: url('/_cms/design18/images/iphone.png');
}

.skinPreviewArea .simulatorContainer .simulator.mobile.landscape {
    width: 560px;
    height: 290px;
    padding: 20px 70px 20px 75px;
    background-image: url('/_cms/design18/images/revert-iphone.png');
}

.skinPreviewArea .simulatorContainer .previewRotate {
    display: none;
    position: absolute;
    top: 0;
    right: 50px;
    width: 80px;
    height: 80px;
    font-size: 0;
    outline: none !important;
    cursor: pointer;
    border: none;
    background: url('/_cms/design18/images/revert-phone-icon-1.png');
}

.skinPreviewArea .simulatorContainer .previewRotate:hover {
    box-shadow: 0 0 25px rgba(36, 138, 255, 0.2);
    border-radius: 50px;
}

.skinPreviewArea .simulatorContainer .simulator.mobile+.previewRotate, .skinPreviewArea .simulatorContainer .simulator.tablet+.previewRotate {
    display: block;
}

.skinPreviewArea .simulatorContainer .simulator.landscape+.previewRotate {
    background-image: url('/_cms/design18/images/revert-phone-icon-2.png');
}

.skinPreviewArea #singleskin_Wrapper {
    margin: 0 auto;
}

@media screen and (max-width: 1100px) {
    .skinPreviewArea .simulatorContainer {
        max-width: 100%;
    }
    .skinPreviewArea .simulatorContainer .simulator.desktop {
        background: transparent;
        max-width: 100%;
        padding: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .skinPreviewArea .simulatorContainer .simulator.desktop iframe {
        border: none;
    }
}

@media screen and (max-width: 800px) {
    .skinPreviewArea {
        margin: 20px 0;
    }
    .skinPreviewArea .headRight, .skinPreviewArea .headCenter, .skinPreviewArea .headLeft {
        float: none;
        max-width: 100% !important;
        margin: 10px 0;
    }
    .skinPreviewArea .headCenter button {
        display: none;
    }
    .skinPreviewArea .simulatorContainer {
        max-width: 100%;
    }
    .skinPreviewArea iframe {
        border: none;
    }
    .skinPreviewArea .simulatorContainer .simulator {
        padding: 0 !important;
        margin: 0;
        max-width: 100% !important;
        height: 480px !important;
        height: 70vh !important;
        background: transparent !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .skinPreviewArea .skinPreview-content {
        padding: 0 !important;
    }
    .skinPreviewArea .skinPreview-head {
        padding: 5px;
        padding-left: 60px;
    }
    .skinPreviewArea .headLeft, .skinPreviewArea .headRight {
        display: block;
        width: 100%;
    }
    .skinPreviewArea .btn.prev b, .skinPreviewArea .btn.next b {
        display: none;
    }
    .skinPreviewArea .btn {
        margin: 0 2px;
    }
    .skinPreviewArea .btn.primary {
        padding: 12px 5px;
    }
    .skinPreviewArea.wizard .skinPreview-head {
        display: none;
    }
}

@media screen and (min-width: 1350px) {
    .skinPreviewArea .skinPreview-head.fixed {
        position: fixed;
        top: 153px;
        border-top: 1px solid #ddd;
        z-index: 90;
        width: 100%;
        left: 0;
        padding: 10px 15px 10px 320px;
    }
    .skinPreviewArea .skinPreview-head.fixed+.skinPreview-content {
        padding-top: 90px;
    }
}

@media screen and (max-width: 1200px) {
    .skinPreviewArea .simulatorContainer {
        width: 100%;
    }
    .skinPreviewArea .simulatorContainer .simulator.desktop {
        background: none;
        padding: 0;
        width: auto;
        /*min-height: 600px; min-height: calc(100vh - 100px)*/
    }
    .skinPreviewArea .simulatorContainer .simulator.desktop .iframeWrapper {
        height: calc(100vh - 230px);
    }
    .skinPreviewArea .simulatorContainer .simulator.desktop iframe {
        border: none;
    }
    .skinPreviewArea .skinPreview-head .headRight, .skinPreviewArea .skinPreview-head .headLeft {
        width: auto;
    }
}

@media screen and (max-height: 600px) {
    .skinPreviewArea .skinPreview-content {
        height: 100%;
    }
    .skinPreviewArea .simulatorContainer {
        width: 100%;
        height: 100%;
    }
    .skinPreviewArea .simulatorContainer .simulator.desktop {
        background: none;
        padding: 0;
        width: auto;
        height: 100%;
        min-height: 50px;
    }
}

@media screen and (max-width: 1000px) {
    .skinPreviewArea .skinPreview-head .headCenter {
        display: none;
    }
    .skinPreviewArea .simulatorContainer {
        width: 100%;
    }
    .skinPreviewArea .simulatorContainer .simulator {
        background: none !important;
        padding: 0 !important;
        width: auto !important;
    }
    .skinPreviewArea .simulatorContainer .previewRotate {
        display: none;
    }
}

.skinEdit {
    padding: 97px 30px 160px 30px;
    min-height: 100%;
    padding-bottom: 30px;
    border-right: 1px solid #d8dadf;
}

.skinEdit .skinEdit-sections {
    display: block;
    position: relative;
    margin: 7px -31px;
    padding: 0;
    list-style: none;
    overflow: auto;
    overflow-x: hidden;
    margin-bottom: -50px;
    height: calc(100vh - 190px) !important;
}

.skinEdit .skinEdit-section {
    display: block;
    margin: 0;
    padding: 0;
}

.skinEdit .skinEdit-section .sectionTitle {
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 13px 20px;
    color: #656d78;
    border: 1px solid #d8dadf;
    border-left: none;
    border-right: none;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    border-right: 1px solid #d8dadf;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f9fc), color-stop(100%, #d1e7f5));
    background-image: -webkit-linear-gradient(top, #f3f9fc, #d1e7f5);
    background-image: -moz-linear-gradient(top, #f3f9fc, #d1e7f5);
    background-image: -ms-linear-gradient(top, #f3f9fc, #d1e7f5);
    background-image: -o-linear-gradient(top, #f3f9fc, #d1e7f5);
    background-image: linear-gradient(to bottom, #f3f9fc 0%, #d1e7f5 100%);
}

.skinEdit .skinEdit-section .sectionTitle i:before, .skinEdit .skinEdit-section .sectionTitle i:before {
    content: "\e801";
}

.skinEdit .skinEdit-section i.icon-wiz_advanced:before {
    content: "\e635";
}

.skinEdit .skinEdit-section i.icon-wiz_basic:before {
    content: "\e636";
}

.skinEdit .skinEdit-section i.icon-wiz_player:before {
    content: "\e637";
}

.skinEdit .skinEdit-section i.icon-wiz_onclick:before {
    content: "\e647";
}

.skinEdit .skinEdit-section i.icon-wiz_branded:before {
    content: "\e648";
}

.skinEdit .skinEdit-section i.icon-palette:before {
    content: "\e62a";
}

.skinEdit .skinEdit-section i.icon-wiz_controls:before, .skinEdit .skinEdit-section i.icon-wiz_player:before {
    content: "\e637";
}

.skinEdit .skinEdit-section i.icon-email:before, .skinEdit .skinEdit-section i.icon-wiz_mail:before, .skinEdit .skinEdit-section i.icon-envelop:before {
    content: "\e657";
}

.skinEdit .skinEdit-section i.icon-wiz_misc:before {
    content: "\e650";
}

.skinEdit .skinEdit-section .sectionTitle>i {
    font-size: 24px;
    margin-right: 5px;
}

.skinEdit .skinEdit-section .sectionTitle>i, .skinEdit .skinEdit-section .sectionTitle>b {
    vertical-align: middle;
}

.skinEdit .skinEdit-section:first-child .sectionTitle {
    border-top: 1px solid #d8dadf;
}

.skinEdit .skinEdit-section:hover .sectionTitle, .skinEdit .skinEdit-section.active .sectionTitle {
    color: #fff;
    cursor: default;
    border-color: #656d78;
    border-right: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #656d78), color-stop(100%, #515860));
    background-image: -webkit-linear-gradient(top, #656d78, #515860);
    background-image: -moz-linear-gradient(top, #656d78, #515860);
    background-image: -ms-linear-gradient(top, #656d78, #515860);
    background-image: -o-linear-gradient(top, #656d78, #515860);
    background-image: linear-gradient(to bottom, #656d78 0%, #515860 100%);
}

.skinEdit .skinEdit-section[data-tab="hidden"] {
    display: none !important;
}

.skinEdit .sectionContent {
    margin: 0 1px 0 0;
    padding: 0 20px;
    background: #fff;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: 0.2s cubic-bezier(0.36, 0.37, 1, 1) all;
    -moz-transition: 0.2s cubic-bezier(0.36, 0.37, 1, 1) all;
    -ms-transition: 0.2s cubic-bezier(0.36, 0.37, 1, 1) all;
    -o-transition: 0.2s cubic-bezier(0.36, 0.37, 1, 1) all;
    transition: 0.2s cubic-bezier(0.36, 0.37, 1, 1) all;
    opacity: 0;
}

.skinEdit .skinEdit-section.active .sectionContent {
    visibility: visible;
    padding: 20px;
    max-height: 2500px;
    transform: none;
    overflow: visible;
    opacity: 1;
}

.skinEdit .grouping {
    border-top: 1px solid #ddd;
    margin: 30px -20px;
    padding: 0 20px;
}

.skinEdit .grouping:first-child {
    margin-top: 0;
    border-top: none;
}

.skinEdit .presetValues, .skinEdit .field[id^="skin_param_size"] {
    display: inline-block;
    vertical-align: middle;
    width: 60px !important;
    margin-right: 5px;
}

.skinEdit .openPreset {
    text-decoration: none;
    font-size: 1em;
}

.skinEdit .presetValues {
    position: relative;
}

.skinEdit .presetValues #preset_values_skin_param_size_thumb {
    position: absolute;
    top: 0;
    background: #fff;
}

.skinEdit .tagsinput {
    min-height: 0 !important;
    height: auto !important;
}

.skinEdit .bubbleInfo {
    position: static;
}

@media screen and (max-width: 800px) {
    .skinEdit {
        padding-top: 0;
        min-height: 0;
    }
    .skinEdit .fieldItem.select .dd-container .dd-options {
        width: 100% !important;
    }
    .skinEdit .skinEdit-section.active .sectionContent {
        max-height: none;
    }
}

.skinEdit-selected {
    clear: both;
    margin: 0 -10px;
}

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

.skinEdit-selected .thumb {
    display: inline-block;
    width: 120px;
    height: 75px;
    float: left;
    background: #ccd0d9;
    max-width: 50%;
    max-width: calc(120px);
    overflow: hidden;
}

.skinEdit-selected .thumb img {
    max-width: 100%;
    height: auto;
    min-height: 100%;
}

.skinEdit-selected .galleryThumb.portrait img {
    height: 100%;
    width: auto;
    margin: 0 auto;
    display: block;
    min-width: 0;
}

.skinEdit-selected .descr {
    max-width: 45%;
    max-width: calc(100% - 130px);
    float: left;
    margin-left: 10px;
}

.skinEdit-selected .descr h4 {
    font-size: 14px;
    margin-top: 0;
    font-weight: 600;
    max-height: 3.5em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.skinEdit-selected .descr a {
    font-size: 12px;
}

.skinEdit-selected .galState .hint {
    left: -50px;
}

.skinEdit-selected .galState .hint:after {
    left: 90px;
}

.skinEditorTabs {
    font-size: 14px;
    margin: 10px auto;
    float: left;
    background: #f6f7fb;
    padding: 0;
    left: 0;
    border-top: 1px solid #d8dadf;
    border-right: none;
    margin: 0;
    width: 300px;
    margin-right: -320px !important;
    position: relative;
    z-index: 5;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    z-index: 99;
}

.skinEditorTabs:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

.skinEditorTabs h4 {
    text-transform: none;
    font-weight: 400;
    font-size: 18px;
    display: block;
}

@media screen and (max-width: 1150px) and (min-width: 801px) {
    .skinEditorTabs {
        width: 250px;
        margin-right: -250px !important;
    }
}

@media screen and (max-width: 800px) {
    .skinEditorTabs {
        height: auto;
        display: block;
        position: static;
        visibility: visible;
        opacity: 1;
        width: 100%;
        max-width: none;
        max-height: none;
        left: 0;
        top: 0;
        float: none;
        padding-bottom: 0;
        padding-top: 20px;
    }
    .skinEditorTabs .skinEdit-sections {
        margin-bottom: 0;
        height: auto !important;
    }
    .skinEditorTabs .sectionTitle.fixed {
        position: static;
        width: auto;
    }
    .skinEditorTabs .sectionTitle, .skinEditorTabs .followWrap {
        display: none;
    }
}

/* /pages/_app-wizard.scss */

.wizardArea {
    /*background: #fff;*/
    min-height: calc(100vh - 190px);
}

#preset_values_skin_param_size_thumb {
    width: auto;
}

#preset_values_skin_param_size_thumb label.dd-selected-text {
    display: none !important;
    visibility: hidden;
}

.wizardControlsMobile {
    display: none;
}

@media screen and (max-width: 800px) {
    .wizardControlsMobile {
        display: block;
        margin-top: 15px;
        text-align: right;
    }
}

.applyState {
    position: absolute;
    top: 14px;
    left: 100%;
    width: 16px;
    height: 16px;
    margin-left: 0;
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
}

.applyState.saved:before {
    content: "\e602";
    color: #3eb060;
}

.applyState.error:before {
    content: "\e643";
    color: #db4c3f;
}

.applyState.saving:before {
    content: "\e61e";
    color: #0086cf;
    animation: rotating-icon linear .7s;
    animation-iteration-count: infinite;
    transform-origin: 49% 52%;
    -webkit-animation: rotating-icon linear .7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 49% 52%;
    -moz-animation: rotating-icon linear .7s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 49% 52%;
    -ms-animation: rotating-icon linear .7s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 49% 52%;
}

.alternatives {
    text-align: center;
    background: rgba(0, 0, 0, 0.03);
    padding: 20px;
    margin-top: -10px;
}

.alternatives p {
    margin: -5px 0 10px 0;
}

#testpreview {
    display: none;
}

.sectionTitle {
    position: relative;
    z-index: 11;
    text-transform: capitalize;
}

.sectionTitle.fixed {
    position: fixed;
    top: 180px;
    width: 300px;
    z-index: 11;
}

.sectionTitle.fixed.absolute {
    position: absolute;
}

@media screen and (max-width: 1150px) and (min-width: 801px) {
    .sectionTitle.fixed {
        width: 250px;
    }
}

#_css_area {
    font-family: "Courier New", Courier, monospace;
    width: 100% !important;
    padding: 8px 10px;
    color: #242424;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: none !important;
}

.wizard-maxwidth .numbersRow {
    max-width: 60%;
    width: 130px;
    min-width: 130px;
    float: left;
    clear: none;
}

.wizard-maxwidth .percOrPx {
    float: right;
    clear: none;
}

body.loggedout .wizardSteps {
    top: 0 !important;
}

body.loggedout .wizardSteps~.wizardArea {
    padding-top: 0 !important;
}

body.loggedout .fixedpreview {
    padding-top: 0 !important;
}

body.loggedout .skinPreviewArea.fixedpreview .previewModesToolbar {
    top: 10px !important;
}

/* /pages/_app-skinpreview.scss */

.skinpreviewHead .appnav .btn.reset {
    color: #0086cf !important;
    padding: 12px 5px;
}

.skinpreviewHead .appnav .btn.reset i {
    color: inherit !important;
}

.skinpreviewHead .appnav .btn.green {
    padding: 13px 5px;
    text-transform: uppercase;
}

.skinpreviewHead .appnav .btn[style="display: inline;"] {
    display: inline-block !important;
}

.skinpreviewHead .dd-container {
    margin: 0;
    display: inline-block;
    width: auto !important;
}

.skinpreviewHead .try_other_box[style="display: block;"] {
    display: inline-block !important;
    vertical-align: middle;
}

@media screen and (max-width: 960px) {
    .skinpreviewHead {
        /*+.skinpreviewSubhead {margin-top: 70px; }*/
    }
    .skinpreviewHead .dd-container {
        width: auto !important;
    }
    .skinpreviewHead .appnav .headLeft .try_other_box a {
        width: auto;
        white-space: normal;
        line-height: 1.2;
        height: auto;
        padding: 15px 0;
        vertical-align: middle;
    }
    .skinpreviewHead .appnav .headLeft .prev_next_box a {
        font-size: 0 !important;
        white-space: normal;
        line-height: 1.2;
        height: auto;
        padding: 15px 0;
        width: auto;
        display: inline-block;
        float: none !important;
        min-width: 40px;
    }
    .skinpreviewHead .appnav .headLeft a {
        display: inline-block;
    }
    .skinpreviewHead .appnav .btn.reset b {
        display: none;
    }
    .skinpreviewHead .appnav .btn.use_this_skin i {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .skinpreviewHead {
        /*+.skinpreviewSubhead {margin-top: 70px; }*/
    }
    .skinpreviewHead .appnav .btn.reset {
        white-space: normal;
        line-height: 1.1;
        padding: 0;
    }
    .skinpreviewHead .appnav .btn.reset b {
        display: none !important;
    }
    .skinpreviewHead .appnav .btn.reset i {
        display: inline-block !important;
    }
    .skinpreviewHead .appnav .btn.primary {
        padding: 10px 5px;
        white-space: normal;
    }
    .skinpreviewHead .appnav .headLeft>div {
        display: table-cell !important;
        vertical-align: middle;
        width: 31% !important;
        text-align: center;
    }
    .skinpreviewHead .appnav .headLeft .try_other_box a {
        width: auto;
        white-space: normal;
        line-height: 1.2;
        height: auto;
        padding: 15px 0;
        vertical-align: middle;
    }
    .skinpreviewHead .appnav .headLeft .prev_next_box a {
        font-size: 0 !important;
        white-space: normal;
        line-height: 1.2;
        height: auto;
        padding: 15px 0;
        width: auto;
        display: inline-block;
        float: none !important;
        min-width: 40px;
        text-align: center;
    }
}

@media screen and (max-width: 420px) {
    .skinpreviewHead .appnav .headRightActions .btn.primary {
        width: 55px;
        white-space: normal;
        padding: 5px;
        margin: -4px 0;
    }
    .skinpreviewHead .appnav .headRightActions .btn.primary[style="display: inline;"] {
        display: inline-block !important;
    }
}

.skinpreviewSubhead {
    position: fixed;
    width: 100%;
    left: 0;
    top: 80px;
    text-align: center;
    padding: 10px 30px;
    background: #f5f6fa;
    border-bottom: 1px solid #d8dadf;
}

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

.skinpreviewSubhead .btn {
    color: #0086cf;
    font-size: 13px !important;
}

.skinpreviewSubhead .btn.trans {
    padding: 5px 0;
}

.skinpreviewSubhead .btn i {
    font-size: 18px;
    color: #0086cf;
}

.skinpreviewSubhead .bx-viewport {
    padding: 0;
    margin: 0;
    background-color: #F5F6FA;
    z-index: 5;
    position: relative;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    height: auto !important;
}

.skinpreviewSubhead .bx-viewport ul {
    margin: 0;
}

.skinpreviewSubhead .bx-viewport li {
    margin: 0 5px;
}

.skinpreviewPage {
    box-shadow: none;
    margin: 110px 0 0 0;
    padding: 20px;
}

.skinpreviewPage div[id^="cp_widget"] {
    margin: 20px auto;
}

.mobile_qr_box {
    display: none;
    background: #fff;
    padding: 10px;
    position: fixed;
    -webkit-box-shadow: -3px 8px 14px 0px rgba(145, 158, 158, 0.65);
    -moz-box-shadow: -3px 8px 14px 0px rgba(145, 158, 158, 0.65);
    box-shadow: -3px 5px 4px 0px rgba(145, 158, 158, 0.65);
    right: 0px;
    max-width: 180px;
    margin-top: -30px;
    z-index: 85000;
}

.mobile_qr_box .open_qr_box i {
    font-size: 35px;
}

.mobile_qr_box .qr_code_box {
    display: none;
}

.mobile_qr_box .qr_code_box a {
    color: #ACB4BE;
    float: right;
    top: -20px;
}

.mobile_qr_box .qr_code_box p.title {
    font-size: 17px;
}

.mobile_qr_box .qr_code_box p.desc {
    font-size: 13px;
}

.mobile_qr_box #qrcode {
    float: left;
    display: none;
}

.mobile_qr_box #qrcode img {
    width: 120px;
}

@media all and (max-width: 800px) {
    .mobile_qr_box {
        display: none;
    }
}

.hidescroll {
    overflow: hidden;
}

.fixedpreview {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: white;
    z-index: 1000;
    margin: 0 !important;
}

.embedFilters .embedFiltersItem.landing>a>i {
    background-size: 40px 40px;
    background-position: center center;
    background-image: url("/_cms/design18/images/green-link-icon.png");
}

.embedFilters {
    padding-top: 15px;
}

.embedFilters li, .embedFilters ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.embedFilters .embedFiltersItem>a {
    display: block;
    position: relative;
    border-bottom: 1px solid #d8dadf;
    color: #656d78;
    border-top: 1px solid #d8dadf;
    margin: 0 -30px -1px -30px;
    padding: 13px 30px;
    cursor: pointer;
}

.embedFilters .embedFiltersItem>a:hover {
    background: #e6e8ec;
}

.embedFilters .embedFiltersItem>a>i {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center center;
}

.embedFilters .embedFiltersItem>a>b {
    font-weight: bold;
}

.embedFilters .embedFiltersItem.html>a>i {
    background-image: url('/_cms/design18/images/red-code-icon.png');
}

.embedFilters .embedFiltersItem.wordpress>a>i {
    background-image: url('/_cms/design18/images/wordpress-icon.png');
}

.embedFilters .embedFiltersItem.blogger>a>i {
    background-image: url('/_cms/design18/images/blog-icon.png');
}

.embedFilters .embedFiltersItem.social>a>i {
    background-image: url('/_cms/design18/images/social-icon.png');
}

.embedFilters .embedFiltersItem.joomla>a>i {
    background-image: url('/_cms/design18/images/network-icon.png');
}

.embedFilters .embedFiltersItem.iframe>a>i {
    background-image: url('/_cms/design18/images/nojs-icon.png');
}

.embedFilters .embedFiltersItem.other>a>i {
    background-image: url('/_cms/design18/images/question-mark-icon.png');
}

.embedFilters .embedFiltersItem.drupal>a>i {
    background-image: url('/_cms/design18/images/drupal-icon.png');
}

.embedFilters .embedFiltersItem.ebay>a>i {
    background-image: url('/_cms/design18/images/ebay-icon.png');
}

.embedFilters .embedFiltersItem.gmap>a>i {
    background-image: url('/_cms/design18/images/google-map-icon.png');
}

.embedFilters .embedFiltersItem.itunes>a>i {
    background-image: url('/_cms/design18/images/itunes-icon.png');
}

.embedFilters .embedFiltersItem.mediawiki>a>i {
    background-image: url('/_cms/design18/images/mediawiki-icon.png');
}

.embedFilters .embedFiltersItem.ning>a>i {
    background-image: url('/_cms/design18/images/ning-icon.png');
}

.embedFilters .embedFiltersItem.office365>a>i {
    background-image: url('/_cms/design18/images/office365-icon.png');
}

.embedFilters .embedFiltersItem.rss>a>i {
    background-image: url('/_cms/design18/images/rss-icon.png');
}

.embedFilters .embedFiltersItem.tumbrl>a>i {
    background-image: url('/_cms/design18/images/t-icon.png');
}

.embedFilters .embedFiltersItem.typepad>a>i {
    background-image: url('/_cms/design18/images/icon-2.png');
}

.embedFilters .embedFiltersItem.vbulletin>a>i {
    background-image: url('/_cms/design18/images/icon-3.png');
}

.embedFilters .embedFiltersItem.moodle>a>i {
    background-image: url('/_cms/design18/images/icon-4.png');
}

.embedFilters .embedFiltersItem.weebly>a>i {
    background-image: url('/_cms/design18/images/weebly-icon.png');
}

.embedFilters .embedFiltersItem.squarespace>a>i {
    background-image: url('/_cms/design18/images/icon-5.png');
}

.embedFilters .embedFiltersItem.wix>a>i {
    background-image: url('/_cms/design18/images/icon-6.png');
}

.embedFilters .embedFiltersItem.email>a>i {
    background-image: url('/_cms/design18/images/email-icon.png');
}

.embedFilters .embedFiltersItem a>.icon-arr_drop {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -12px;
}

.embedFilters .embedFiltersItem.active>a>.icon-arr_drop {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.embedFilters .embedFiltersItem.active>a {
    background: #656d78;
    color: #fff;
    border-color: #656d78;
}

.embedFilters .embedFiltersItem>ul {
    max-height: 0;
    overflow: hidden;
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    padding: 0;
}

.embedFilters .embedFiltersItem.active>ul {
    max-height: 290px;
    height: auto;
    visibility: visible;
    opacity: 1;
    padding: 0;
}

.embedFilters .embedFiltersItem.active>a {
    background: #656d78;
    color: #fff;
    pointer-events: none;
}

.embedFilters .embedFiltersItem>ul>li {
    margin: 8px 0;
    display: inline-block;
}

.embedFilters .embedFiltersItem>ul>li>a {
    margin: 0;
    padding: 0;
    display: inline-block;
    border: none;
}

.embedFilters .embedFiltersItem>ul>li>a b {
    display: none;
}

.embedFilters .embedFiltersItem>ul>li>a i {
    margin-right: 0;
}

.embedFilters~.sidebarFooter, .embedFilters~#wasthispagehelpful {
    display: none;
}

.embedCodeArea .embedCode-content {
    padding: 0;
    margin: 0;
}

.embedCodeArea .embedCode-content>div:not(.landing) {
    margin: 30px 30px 20px 30px;
}

.embedCodeArea {
    min-height: calc(100vh - 420px);
}

.embedCodeArea .goToGalleries {
    margin-left: 20px;
}

.embedCodeArea .embedCode-head {
    padding: 10px 20px;
    background: #fff;
    font-size: 14px;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #d8dadf;
    text-align: center;
}

.embedCodeArea .embedCode-head:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.embedCodeArea .embedCode-head .headRight, .embedCodeArea .embedCode-head .headLeft, .embedCodeArea .embedCode-head .headCenter {
    display: inline-block;
}

.embedCodeArea .embedCode-head .headRight, .embedCodeArea .embedCode-head .headLeft {
    width: 40%;
    width: calc(50% - 135px);
    min-height: 1px;
}

.embedCodeArea .embedCode-head .headRight {
    float: right;
    text-align: right;
    position: relative;
}

.embedCodeArea .embedCode-head .headCenter, .embedCodeArea .embedCode-head .headLeft {
    float: left;
    text-align: left;
}

.embedCodeArea .embedCode-head .headLeft {
    padding-right: 5px;
}

.embedCodeArea .embedCode-head h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.embedCodeArea .embedCode-head h3+p {
    margin-top: 0;
}

.embedCodeArea .embedCode-head p {
    margin-bottom: 0;
    color: #aab2bc;
    font-size: 14px;
}

.embedCodeArea .embedCode-head .headCenter .btn {
    padding: 5px 14px;
}

.embedCodeArea .embedCode-head .headCenter .btn>i {
    font-size: 40px;
}

.embedCodeArea .embedCode-head .btn.save {
    position: relative;
    overflow: visible;
}

.embedCodeArea .embedCode-head .btn.save .saveMessage {
    position: absolute;
    color: #aab2bd;
    max-width: 500px;
    background: #fff;
    z-index: 500;
    padding: 2px 5px;
    font-size: 11px;
    margin: 0;
    /*box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 2px;*/
    white-space: nowrap;
    /*border: 1px solid #ccc;*/
    font-weight: normal;
    pointer-events: none;
    top: 100%;
    margin-top: 2px;
    margin-left: -30px;
}

@media screen and (max-width: 1600px) {
    .embedCodeArea .embedCode-head .headRight, .embedCodeArea .embedCode-head .headLeft, .embedCodeArea .embedCode-head .headCenter {
        width: auto;
    }
}

.embedCodeArea .embedCode-content {
    padding: 20px 30px;
    font-size: 14px;
    color: #aab2bc;
    margin: 10px 0;
}

.embedCodeArea .embedCode-content p {
    margin: 1em 0 1.2em 0;
}

.embedCodeArea .embedCode-content h4 {
    text-transform: none;
    font-weight: normal;
    margin: .5em 0;
}

.embedCodeArea .codeSnippet input {
    color: #aab2bc;
    font-family: "Courier New", Courier, monospace;
    border: 1px solid #aab2bc;
    padding: 10px;
}

.embedCodeArea .copyBtn {
    min-height: 41px;
    min-width: 110px;
}

.embedCodeArea .primary2 {
    min-width: 155px;
}

@media screen and (max-width: 800px) {
    .embedCodeArea {
        margin: 20px 0;
        padding: 0 20px;
    }
    .embedCodeArea .headRight, .embedCodeArea .headCenter, .embedCodeArea .headLeft {
        float: none;
        max-width: 100% !important;
        margin: 10px 0;
    }
    .embedCodeArea .headCenter button {
        display: none;
    }
    .embedCodeArea .embedCode-content {
        padding: 0;
    }
    .embedCodeArea .embedCode-head {
        padding: 10px 20px;
        margin: 0 -20px;
    }
}

@media screen and (min-width: 1350px) {
    .embedCodeArea .embedCode-head.fixed {
        position: fixed;
        top: 153px;
        border-top: 1px solid #ddd;
        z-index: 90;
        width: 100%;
        left: 0;
        padding: 10px 15px 10px 320px;
    }
    .embedCodeArea .embedCode-head.fixed+.embedCode-content {
        padding-top: 90px;
    }
}

@media (max-width: 991px) {
    .embedCodeArea .col-md-6 {
        clear: both;
    }
}

.embedCodeArea .landing-list-container {
    background: #fff;
}

.embedCodeArea .landing-list-container .library-line {
    width: 100%;
    display: block;
}

.embedCodeArea .landing-list-container .all_actions_block {
    margin-top: 15px;
}

.embedCodeArea .landing-list-container .library-line .thumb {
    width: 350px;
    float: left;
}

.embedCodeArea .landing-list-container .library-line .thumb>div {
    width: 288px;
    height: 180px;
    max-height: none;
}

.embedCodeArea .landing-list-container .library-line .item_name_desc {
    width: auto;
    padding: 5px;
    padding-top: 64px;
    overflow: hidden;
}

.embedCodeArea .landing-list-container .library-line>* {
    padding: 20px 40px 60px;
    height: 260px;
    display: block;
}

.embedCodeArea .landing-list-container .library-line .thumb img {
    height: 100% !important;
}

.embedCodeArea .landing-list-container .library-line .thumb>div {
    padding: 0;
}

.embedCodeArea .landing-list-container .library-line .thumb>div:before {
    display: none;
}

.embedCodeArea .landing-list-container .library-line .caption a:hover {
    opacity: 0.7;
}

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

.embedCodeArea .landing.row>div {
    padding: 0;
}

.embedCodeArea .create_landing {
    margin: 40px 30px;
}

.embedCodeArea .landing-empty .icon-landing-empty {
    display: block;
    width: 400px;
    height: 110px;
    margin: 10px auto;
    max-width: 100%;
    background: center center no-repeat;
    background-size: contain;
    background-image: url("//www.cincopa.com/_cms/design15/images/landing-page-empty-illustration.png");
}

.embedCodeArea .landing-empty>div {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.embedCodeArea .landing-empty {
    padding: 5px 15px;
    height: 300px;
    min-height: calc(100vh - 365px);
    position: relative;
    text-align: center;
}

.embedCodeArea .landing-empty:after {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    content: '';
    height: 100%;
    min-height: calc(100vh - 395px);
}

@media screen and (max-width: 680px) {
    .embedCodeArea .landing-list-container .library-line>* {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
    }
    .embedCodeArea .landing-list-container .library-line .item_name_desc {
        padding-top: 0;
        height: auto;
        margin-bottom: 36px !important;
    }
    .embedCodeArea .landing-list-container .library-line .thumb>div {
        margin: 0 auto;
    }
}

@media screen and (max-width: 540px) {
    .embedCodeArea .landing-list-container .library-line .all_actions_block {
        text-align: center !important;
    }
    .embedCodeArea .landing-list-container .library-line>* {
        padding: 20px 5px 60px;
        margin: 0 !important;
    }
}

.embedCode.ebay .col-md-6 p {
    min-height: 2.75em;
}

@media screen and (max-width: 1550px) {
    .embedCode.ebay .col-md-6 p {
        min-height: 4.15em;
    }
}

@media screen and (max-width: 1220px) {
    .embedCode.ebay .col-md-6 p {
        min-height: 5.5em;
    }
}

@media screen and (max-width: 1300px) and (min-width: 990px) {
    .embedCode.ebay .col-md-6 h4.label>span {
        min-height: 3em;
    }
}

.embedCode.html .col-md-6 {
    padding-right: 30px;
    padding-left: 30px;
}

.embedCode.html .col-md-6:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.embedCode.html .col-md-6:first-child {
    padding-left: 15px;
}

.embedCode.html .col-md-6:last-child {
    padding-right: 15px;
    border-left: 1px solid #d8dadf;
}

.embedCode.html .col-md-6 p {
    min-height: 2.75em;
}

@media screen and (max-width: 1550px) {
    .embedCode.html .col-md-6 p {
        min-height: 4.15em;
    }
}

@media screen and (max-width: 1220px) {
    .embedCode.html .col-md-6 p {
        min-height: 5.5em;
    }
}

@media screen and (max-width: 1300px) and (min-width: 990px) {
    .embedCode.html .col-md-6 h4.label>span {
        min-height: 3em;
    }
}

.embedCode input.codeField {
    width: 80%;
    width: calc(100% - 150px);
    padding: 12px;
    vertical-align: middle;
}

.embedCode textarea.codeField {
    margin-bottom: 15px;
    height: 15em;
}

.embedCode textarea.codeField+button {
    margin-left: 0;
}

.embedCode .copyStatus {
    top: auto;
    left: auto;
    z-index: 5;
    margin-left: -147px;
    margin-top: -25px;
}

@media screen and (max-width: 800px) {
    .embedCode input.codeField {
        width: 100%;
    }
}

p.infoP {
    color: #aab2bc;
    font-size: 12px;
    padding-top: 4px;
    padding-left: 26px;
    position: relative;
}

p.infoP .icon-info {
    position: absolute;
    left: 0;
    top: 0;
}

p.infoP b {
    color: #434a53;
}

.embedActionsRight {
    float: right;
    margin: 10px 0 10px 10px;
}

.faqArea {
    padding: 20px;
}

.faqArea h4 {
    text-transform: none;
    margin-top: 0;
    font-size: 15px;
}

.uploadWays {
    padding-top: 15px;
    height: calc(100vh - 240px);
    overflow: auto;
    overflow-x: hidden;
    margin: 0 -30px 10px -30px;
}

.uploadWays li, .uploadWays ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.uploadWays .uploadWayItem>a {
    display: block;
    position: relative;
    border-bottom: 1px solid #d8dadf;
    color: #656d78;
    border-top: 1px solid #d8dadf;
    margin: 0 0 -1px 0;
    padding: 9px 20px;
    cursor: pointer;
    background: #e4f1f9;
}

.uploadWays .uploadWayItem>a:hover {
    background: #CBE2F0;
}

.uploadWays .uploadWayItem>a>i {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center center;
}

.uploadWays .uploadWayItem>a>b {
    font-weight: 600;
    display: inline-block;
    max-width: calc(100% - 50px);
    vertical-align: middle;
}

.uploadWays .uploadWayItem>a>i {
    background-image: url('/_cms/design18/images/many-icons.png');
}

.uploadWays .uploadWayItem.webcam>a>i {
    background-position: 0 0;
}

.uploadWays .uploadWayItem.wordpress>a>i {
    background-position: -40px 0;
}

.uploadWays .uploadWayItem.email>a>i {
    background-position: -80px 0;
}

.uploadWays .uploadWayItem.basic>a>i {
    background-position: -120px 0;
}

.uploadWays .uploadWayItem.email>a>i {
    background-position: -160px 0;
}

.uploadWays .uploadWayItem.normal>a>i {
    background-position: -200px 0;
}

.uploadWays .uploadWayItem.url>a>i {
    background-position: -240px 0;
}

.uploadWays .uploadWayItem.library>a>i {
    background-position: -280px 0;
}

.uploadWays .uploadWayItem.dropbox>a>i {
    background-position: -320px 0;
}

.uploadWays .uploadWayItem.gdrive>a>i {
    background-position: -360px 0;
}

.uploadWays .uploadWayItem.facebook>a>i {
    background-position: -400px 0;
}

.uploadWays .uploadWayItem.instagram>a>i {
    background-position: -440px 0;
}

.uploadWays .uploadWayItem>ul {
    max-height: 0;
    overflow: hidden;
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    padding: 0;
}

.uploadWays .uploadWayItem.active>ul {
    max-height: 290px;
    height: auto;
    visibility: visible;
    opacity: 1;
    padding: 0;
}

.uploadWays .uploadWayItem.active>a {
    background: #0086cf;
    color: #fff;
    pointer-events: none;
}

.uploadWays .uploadWayItem.active>a>i {
    background-position-y: -40px;
}

.uploadWays .uploadWayItem>ul>li {
    margin: 8px 0;
    display: inline-block;
}

.uploadWays .uploadWayItem>ul>li>a {
    margin: 0;
    padding: 0;
    display: inline-block;
    border: none;
}

.uploadWays .uploadWayItem>ul>li>a b {
    display: none;
}

.uploadWays .uploadWayItem>ul>li>a i {
    margin-right: 0;
}

.uploadWays~#wasthispagehelpful {
    position: static;
}

.uploadWays~.sidebarFooter {
    margin-bottom: -85px;
    position: static;
}

.uploadWays .storageUsage {
    font-size: 12px;
    color: #656d78;
    margin: 20px -10px;
}

.uploadWays .storageUsage label {
    font-weight: normal;
    float: left;
    max-width: 60%;
    margin-bottom: 5px;
}

.uploadWays .storageUsage .value {
    font-size: 11px;
    float: right;
    color: #aab2bd;
    max-width: 40%;
}

.uploadWays .storageUsage .progressbar {
    margin: 5px 0;
}

.uploadWays .selected {
    margin: 10px 0;
    font-size: 12px;
    padding: 0 20px;
}

.uploadWays .checkBox>b {
    max-width: calc(100% - 10px);
}

.uploadArea {
    background: #f6f7fb;
    margin: 0;
}

.uploadArea .uploadArea-head {
    padding: 10px 20px;
    background: #fff;
    font-size: 14px;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #d8dadf;
    text-align: center;
}

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

.uploadArea .uploadArea-head .headRight, .uploadArea .uploadArea-head .headLeft, .uploadArea .uploadArea-head .headCenter {
    display: inline-block;
}

.uploadArea .uploadArea-head .headRight, .uploadArea .uploadArea-head .headLeft {
    width: 40%;
    width: calc(55% - 135px);
    min-height: 1px;
}

.uploadArea .uploadArea-head .headRight {
    float: right;
    text-align: right;
    position: relative;
}

.uploadArea .uploadArea-head .headCenter, .uploadArea .uploadArea-head .headLeft {
    float: left;
    text-align: left;
}

.uploadArea .uploadArea-head .headLeft {
    padding-right: 5px;
}

.uploadArea .uploadArea-head h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.uploadArea .uploadArea-head h3+p {
    margin-top: 0;
}

.uploadArea .uploadArea-head p {
    margin-bottom: 0;
    color: #aab2bc;
    font-size: 14px;
}

.uploadArea .uploadArea-head .headCenter .btn {
    padding: 5px 14px;
}

.uploadArea .uploadArea-head .headCenter .btn>i {
    font-size: 40px;
}

.uploadArea .uploadArea-head .last_added_grid_view {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 5px 7px 0;
    border-right: 1px solid #E4E4E4;
    margin-right: 5px;
}

.uploadArea .uploadArea-head .last_added_grid_view .btn.trans {
    margin: 0 2px;
}

.uploadArea .uploadArea-head .btn.save {
    position: relative;
    overflow: visible;
}

.uploadArea .uploadArea-head .btn.save .saveMessage {
    position: absolute;
    color: #aab2bd;
    max-width: 500px;
    background: #fff;
    z-index: 500;
    padding: 2px 5px;
    font-size: 11px;
    margin: 0;
    /*box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 2px;*/
    white-space: nowrap;
    /*border: 1px solid #ccc;*/
    font-weight: normal;
    pointer-events: none;
    top: 100%;
    margin-top: 2px;
    margin-left: -30px;
}

.uploadArea .uploadArea-head .uploadTotals {
    background: #f6f7fb;
    border-radius: 30px;
    color: #434a53;
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    padding: 0 15px;
}

.uploadArea .uploadArea-head .uploadTotals>span {
    display: inline-block;
    vertical-align: middle;
}

.uploadArea .uploadArea-head .uploadTotals b {
    border-radius: 30px;
    color: #fff;
    background: #0086cf;
    padding: 2px 5px;
    min-width: 23px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.uploadArea .uploadArea-head .uploadTotals .totals>b {
    background: #3eb060;
}

@media screen and (max-width: 1450px) {
    .uploadArea .uploadArea-head .uploadTotals {
        border-radius: 5px;
    }
    .uploadArea .uploadArea-head .uploadTotals>span {
        display: block;
        text-align: left;
        font-size: 12px;
    }
}

.uploadArea .uploadArea-head.fixed {
    position: fixed;
    top: 106px;
    width: 100%;
    padding: 10px 20px 10px 320px;
    left: 0;
    z-index: 20;
}

.uploadArea .uploadArea-head.fixed+.uploadArea-content {
    padding-top: 65px;
}

@media screen and (max-width: 1250px) {
    .uploadArea .uploadArea-head.fixed {
        position: relative;
        top: 0;
        width: auto;
        padding: 20px 30px;
        left: 0;
        z-index: auto;
    }
    .uploadArea .uploadArea-head.fixed+.uploadArea-content {
        padding-top: 20px;
    }
}

@media screen and (max-width: 1600px) {
    .uploadArea .uploadArea-head .headRight, .uploadArea .uploadArea-head .headCenter {
        width: auto;
    }
    .uploadArea .uploadArea-head .headLeft {
        width: calc(100% - 440px);
        max-width: 50%;
    }
}

@media screen and (max-width: 800px) {
    .uploadArea .uploadArea-head .headRight, .uploadArea .uploadArea-head .headLeft, .uploadArea .uploadArea-head .headCenter {
        width: auto;
        max-width: 100%;
    }
    .uploadArea .uploadArea-head.fixed {
        padding: 0 20px;
    }
}

@media screen and (max-height: 690px) {
    .uploadArea .uploadArea-head {
        padding-right: 60px;
    }
}

.uploadArea .uploadArea-content {
    padding: 10px;
    padding-right: 60px;
    font-size: 14px;
    color: #aab2bc;
    margin: 10px 0;
}

.uploadArea .uploadArea-content p {
    margin: 1em auto 1.2em auto;
}

.uploadArea .uploadArea-content h4 {
    text-transform: none;
    font-weight: normal;
    margin: .5em 0;
}

.uploadArea .uploadArea-content .charactersLeftDiv {
    bottom: 5px;
    position: absolute;
    color: #0086cf;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    right: 10px;
}

.uploadArea .codeSnippet input {
    color: #aab2bc;
    font-family: "Courier New", Courier, monospace;
    border: 1px solid #aab2bc;
    padding: 10px;
}

.uploadArea .copyBtn {
    min-height: 41px;
    min-width: 110px;
}

@media screen and (max-width: 800px) {
    .uploadArea {
        margin: 20px 0;
        padding: 0 10px;
    }
    .uploadArea .headRight, .uploadArea .headCenter, .uploadArea .headLeft {
        float: none;
        max-width: 100% !important;
        margin: 10px 0;
    }
    .uploadArea .headCenter button {
        display: none;
    }
    .uploadArea .uploadArea-head {
        padding: 10px 20px;
        margin: -20px -20px 10px -20px;
    }
    .uploadArea .uploadArea-head.fixed {
        position: relative;
        top: 0;
        left: 0;
        width: auto;
    }
    .uploadArea .uploadArea-head.fixed+.uploadArea-content {
        padding-top: 0;
    }
    .uploadArea .uploadArea-head .headLeft {
        display: none;
    }
    .uploadArea .uploadArea-head .uploadTotals {
        width: 50%;
        width: calc(100% - 110px);
        text-align: left;
        border-radius: 10px;
        margin-right: 10px;
    }
    .uploadArea .uploadArea-head .sortItems, .uploadArea .uploadArea-head .last_added_grid_view {
        display: none !important;
    }
    .uploadArea .uploadArea-content {
        padding: 0;
    }
}

@media screen and (min-width: 1350px) {
    .uploadArea .embedCode-head.fixed {
        position: fixed;
        top: 153px;
        border-top: 1px solid #ddd;
        z-index: 90;
        width: 100%;
        left: 0;
        padding: 10px 15px 10px 320px;
    }
    .uploadArea .embedCode-head.fixed+.embedCode-content {
        padding-top: 90px;
    }
}

.uploadMethod {
    position: relative;
}

.uploadMethod.normal {
    padding: 15px 20px;
    background: #fff;
    border: 2px dashed #ccd0d9;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.uploadMethod.normal>div {
    display: inline-block;
    vertical-align: middle;
}

.uploadMethod.normal .icon-upload_big {
    font-size: 40px;
    color: #d8dadf;
    margin: 0 5px;
}

.uploadMethod.normal .draghere {
    color: #434a53;
}

.uploadMethod.normal .maxsize {
    font-size: 12px;
    font-style: italic;
}

.uploadMethod.normal .selectFile {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    visibility: hidden;
    z-index: -100;
    width: 0;
    height: 0;
}

.uploadMethod.normal .fileSelect {
    display: inline-block;
    vertical-align: middle;
}

.uploadMethod.normal.dropContHover {
    border-color: #3eb060;
    color: #3eb060;
    box-shadow: 0 0 20px;
}

.uploadMethod.normal.dropContHover:before {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    left: 0;
    top: 0;
    z-index: 10;
}

.uploadMethod.normal.dropContHover .draghere, .uploadMethod.normal.dropContHover .icon-upload_big {
    color: #3eb060;
}

.uploadMethod.normal.dropContHover .btn {
    display: none;
}

.uploadMethod.normal.maximized {
    height: auto;
    min-height: calc(100vh - 345px);
}

.uploadMethod.normal.maximized:after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    min-height: calc(100vh - 395px);
}

.uploadMethod.normal.maximized .icon-upload_big {
    font-size: 100px;
    display: block;
}

.uploadMethod.normal.maximized span {
    display: block;
    margin: 10px 0;
}

.uploadMethod.normal.maximized .draghere {
    font-size: 24px;
    font-weight: 300;
}

.uploadMethod.dropbox {
    padding: 5px 15px;
    background: #fff;
    border: 1px solid #ccd0d9;
    border-radius: 5px;
    text-align: center;
}

.uploadMethod.dropbox>div {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.uploadMethod.dropbox .icon-upload_big_dropbox {
    display: inline-block;
    width: 160px;
    height: 50px;
    max-width: 100%;
    margin: 10px auto;
    background: center center no-repeat;
    background-size: contain;
    background-image: url('/_cms/design18/images/dropbox-icon.png');
}

.uploadMethod.dropbox .icon-upload_big_dropbox+span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.uploadMethod.dropbox.maximized {
    min-height: 270px;
    height: 300px;
    min-height: calc(100vh - 365px);
    padding: 30px;
}

.uploadMethod.dropbox.maximized:after {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    content: '';
    height: 100%;
    min-height: calc(100vh - 395px);
}

.uploadMethod.dropbox.maximized .icon-upload_big_dropbox {
    display: block;
    width: 400px;
    height: 110px;
    margin: 10px auto;
}

.uploadMethod.dropbox.maximized .icon-upload_big_dropbox+span {
    display: block;
    margin: 20px auto;
}

.uploadMethod.dropbox.maximized .dropboxbutton {
    margin-bottom: 40px;
}

.uploadMethod.url {
    padding: 20px;
    background: #fff;
    border: 1px solid #ccd0d9;
    border-radius: 5px;
    text-align: center;
}

.uploadMethod.url>div {
    display: inline-block;
    vertical-align: middle;
}

.uploadMethod.url span {
    display: block;
    margin: 5px auto;
    max-width: 500px;
}

.uploadMethod.url input {
    padding: 5px;
    margin: 10px auto;
    width: 100%;
}

.uploadMethod.url button {
    min-width: 150px;
}

.uploadMethod.url.maximized {
    min-height: 270px;
    height: auto;
    min-height: calc(100vh - 365px);
    padding: 30px;
}

.uploadMethod.url.maximized:after {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    content: '';
    min-height: calc(100vh - 395px);
}

.uploadMethod.instagram .loginToInstagram {
    padding: 5px 15px;
    background: #fff;
    border: 1px solid #ccd0d9;
    border-radius: 5px;
    text-align: center;
    min-height: 270px;
    height: 100%;
    min-height: calc(100vh - 480px);
    padding: 30px;
}

.uploadMethod.instagram .loginToInstagram>* {
    display: block;
    margin: 20px auto;
}

@media screen and (max-width: 640px) {
    .uploadMethod.instagram .loginToInstagram {
        height: auto !important;
        min-height: 0 !important;
    }
}

.uploadMethod.instagram .uploadItems.grid {
    background: transparent;
}

.uploadMethod.instagram .uploadItem {
    padding: 3px;
    margin: 10px;
}

.uploadMethod.instagram .uploadItem .fileControls {
    left: 5px;
    top: 5px;
}

.uploadMethod.instagram .uploadItem .thumb {
    margin: 0;
}

.uploadMethod.instagram .uploadItem .thumb img {
    width: 100%;
    height: auto;
}

.uploadMethod.instagram .btn.instagram {
    background-color: #49709b;
    border-color: #49709b;
}

@media screen and (max-width: 640px) {
    .uploadMethod.maximized {
        height: auto !important;
        min-height: 0 !important;
    }
}

.uploadMethod .btn .icon-checked {
    font-size: 16px;
    margin: 0 3px;
}

.uploadItem {
    display: block;
    padding: 20px 10px;
    background: #fff;
    border: 1px solid #ccd0d9;
    border-radius: 5px;
    margin: 5px 0;
    white-space: nowrap;
    position: relative;
    -webkit-transition: 0.5s ease box-shadow;
    -moz-transition: 0.5s ease box-shadow;
    -ms-transition: 0.5s ease box-shadow;
    -o-transition: 0.5s ease box-shadow;
    transition: 0.5s ease box-shadow;
}

.uploadItem[style*="position: absolute;"] {
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

.uploadItem.added {
    box-shadow: 0 0 10px #3eb060;
    border-color: #3eb060;
    z-index: 1;
}

.uploadItem.removed {
    box-shadow: 0 0 10px rgba(219, 76, 63, 0.7);
    border-color: #db4c3f;
    z-index: 1;
}

.uploadItem input, .uploadItem textarea {
    width: 100%;
    max-width: 100%;
    margin: 10px 0;
    display: block;
    background: #f6f7fb;
    border: 1px solid #d8dadf;
    border-radius: 3px;
    padding: 5px 7px;
}

.uploadItem input:first-child, .uploadItem textarea:first-child {
    margin-top: 0;
}

.uploadItem input:last-child, .uploadItem textarea:last-child {
    margin-bottom: 0;
}

.uploadItem form {
    display: inline;
}

.uploadItem .fileControls, .uploadItem .fileThumb, .uploadItem .fileInfo, .uploadItem .fileEditor, .uploadItem .fileTags, .uploadItem .fileActions, .uploadItem .fileMore, .uploadItem>div {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    padding: 0 10px;
    position: relative;
    white-space: normal;
    text-align: left;
}

.uploadItem .fileControls {
    width: 6%;
    width: calc(24px);
    min-height: 90px;
    vertical-align: top;
    padding: 0;
}

.uploadItem .fileControls .reorderItem {
    margin: -10px -3px 5px -3px;
    left: 0;
    width: auto;
}

.uploadItem .fileControls .reorderItem .dragItem {
    background: url('/_cms/design18/images/point.png') left top;
    display: block;
    height: 24px;
    cursor: move;
    z-index: 5;
    opacity: .8;
}

.uploadItem .fileControls .reorderItem .dragItem:hover {
    opacity: 1;
}

.uploadItem .fileControls .reorderItem .moveUp, .uploadItem .fileControls .reorderItem .moveDown {
    display: block;
    height: 24px;
    text-align: center;
    color: #CCD0D9;
    text-decoration: none;
    line-height: 24px;
    cursor: pointer;
}

.uploadItem .fileControls .reorderItem .moveUp:hover, .uploadItem .fileControls .reorderItem .moveDown:hover {
    color: #0086cf;
}

.uploadItem .fileControls .reorderItem .moveUp {
    border-top: 1px solid;
}

.uploadItem .fileControls .reorderItem .moveDown {
    border-bottom: 1px solid;
}

.uploadItem .fileControls .delete_action {
    position: absolute;
    left: -6px;
    bottom: -8px;
}

.uploadItem .fileControls .delete_action:hover {
    background-color: transparent;
    border: transparent;
    box-shadow: none;
}

.uploadItem .fileControls .delete_action:hover i {
    color: #db4c3f !important;
}

.uploadItem .fileThumb {
    width: 15%;
    width: calc(130px);
    vertical-align: top;
    margin: -10px 0;
    /*img[src="http://www.cincopa.com/design/images/nofotosmall.gif"] { background-color: #d8dadf; -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); height: auto; padding: 14px 0; }*/
}

.uploadItem .fileThumb>div:after {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    position: absolute;
    display: none;
    width: 40px;
    height: 40px;
    font-size: 40px;
    background: #000;
    background: rgba(24, 24, 24, 0.62);
    border-radius: 20px;
    left: 50%;
    top: 50%;
    margin: -20px;
}

.uploadItem .fileThumb>div {
    width: 110px;
    height: 110px;
    padding: 3px;
    border: 1px solid;
    overflow: hidden;
    background: repeat center center;
    background-image: url("../images/nothumb.png");
}

.uploadItem .fileThumb img {
    width: 100%;
    height: 100%;
}

.uploadItem .fileThumb img[src="http://www.cincopa.com/design/images/nofotosmall.gif"] {
    display: none;
}

.uploadItem.music .fileThumb>div:after {
    display: block;
    content: "\e615";
}

.uploadItem.video .fileThumb>div:after {
    display: block;
    content: "\e614";
}

.uploadItem .fileInfo {
    width: 15%;
    width: calc((100% - 384px) * .3);
    vertical-align: top;
    min-height: 86px;
    padding-bottom: 25px;
}

.uploadItem .fileInfo .file-title {
    display: block;
    font-weight: bold;
    color: #434a54;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uploadItem .fileInfo .file-size {
    font-size: 11px;
    font-weight: bold;
    color: #656d78;
}

.uploadItem .fileInfo .file-descr {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uploadItem .fileInfo .prgsLine {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 5px;
    width: calc(100% - 15px);
}

.uploadItem .fileInfo .changeThumbnail {
    position: relative;
}

.uploadItem .fileInfo .changeThumbnail>div {
    position: absolute;
    right: 0;
    top: -4px;
}

.uploadItem .changePoster {
    cursor: pointer;
}

.uploadItem .fileEditor {
    width: 15%;
    width: calc( (100% - 384px) * .3);
    vertical-align: top;
}

.uploadItem .fileEditor input, .uploadItem .fileEditor textarea {
    border-color: #434a54;
    color: #434a54;
}

.uploadItem .fileEditor .field.description {
    margin-bottom: 0;
}

.uploadItem .fileTags {
    width: 15%;
    width: calc( (100% - 384px) * .39);
}

.uploadItem .fileTags label {
    display: none;
}

.uploadItem .fileTags input {
    padding: 5px 0;
    background: transparent;
    border: none;
    width: 100% !important;
}

.uploadItem .fileTags input.placeholder {
    text-decoration: underline;
    color: #0086cf;
}

.uploadItem .fileTags input:-moz-placeholder {
    text-decoration: underline;
    color: #0086cf;
}

.uploadItem .fileTags input::-moz-placeholder {
    text-decoration: underline;
    color: #0086cf;
}

.uploadItem .fileTags input:-ms-input-placeholder {
    text-decoration: underline;
    color: #0086cf;
}

.uploadItem .fileTags input::-webkit-input-placeholder {
    text-decoration: underline;
    color: #0086cf;
}

.uploadItem .fileActions {
    width: 10%;
    width: calc(130px);
    line-height: 90px;
    text-align: center;
    visibility: hidden !important;
}

.uploadItem .fileActions:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 90px;
}

.uploadItem .fileActions .embed_action {
    display: none;
}

.uploadItem .fileMore {
    width: 10%;
    width: calc(100px);
}

.uploadItem .fileMore .btn i {
    font-size: 40px;
    color: #0086cf;
}

.uploadItem .fileMore .btn b {
    font-weight: normal;
    font-size: 12px;
}

.uploadItem .advancedOptions {
    display: block;
    white-space: nowrap;
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    border-top: none;
    transform: scale3d(1, 0, 1);
    -webkit-transition: 0.25s ease all;
    -moz-transition: 0.25s ease all;
    -ms-transition: 0.25s ease all;
    -o-transition: 0.25s ease all;
    transition: 0.25s ease all;
}

.uploadItem .advancedOptions.active {
    max-height: 100%;
    transform: none;
    margin: 15px -10px 0 -10px;
    padding: 20px 20px 0 20px;
    border-top: 1px dashed #ccd0d9;
}

.uploadItem .advancedOptions>div {
    display: inline-block;
    vertical-align: top;
    margin: 0 1%;
    white-space: normal;
}

.uploadItem .advancedOptions>div:first-child {
    margin-left: 0;
}

.uploadItem .advancedOptions>div:last-child {
    margin-right: 0;
}

.uploadItem .advancedOptions label {
    font-weight: bold;
}

.uploadItem .advancedOptions .fileRelated {
    width: 20%;
}

.uploadItem .advancedOptions .fileReference {
    width: 20%;
}

.uploadItem .advancedOptions .fileDescr {
    width: 55%;
}

@media screen and (max-width: 640px) {
    .uploadItem .advancedOptions>div {
        display: block;
        width: auto !important;
        text-align: left;
    }
}

.uploadItem .advancedSave {
    position: absolute;
    right: 10px;
    top: 5px;
}

.uploadItem .advancedSave .hint {
    left: auto;
    right: 0;
}

.uploadItem .advancedSave .hint:after {
    left: auto;
    right: 34px;
}

.uploadItem .field {
    display: block;
    margin: 8px auto;
    position: relative;
}

.uploadItem .fileInfo, .uploadItem .fileTags, .uploadItem .fileActions {
    padding-right: 10px;
    min-height: 90px;
}

@media screen and (max-width: 1100px) {
    .uploadItem {
        white-space: normal;
        text-align: right;
    }
    .uploadItem .fileInfo {
        width: 15%;
        width: calc((100% - 154px) * .5);
    }
    .uploadItem .fileEditor {
        width: 15%;
        width: calc( (100% - 154px) * .5);
    }
    .uploadItem .fileTags {
        width: 100%;
        padding: 10px 10px 10px 35px;
        border: none;
        border-top: 1px solid #d8dadf;
        border-bottom: 1px solid #d8dadf;
        margin: 10px 0;
        min-height: 0;
    }
    .uploadItem .fileActions {
        width: auto;
        line-height: 1;
        min-height: 0;
    }
    .uploadItem .fileActions:after {
        display: none;
    }
    .uploadItem .fileMore {
        width: auto;
    }
}

@media screen and (max-width: 500px) {
    .uploadItem {
        white-space: normal;
        /*text-align: right;*/
    }
    .uploadItem .fileInfo {
        width: 30%;
        width: calc((100% - 154px) * 1);
        border-right: none;
    }
    .uploadItem .fileEditor {
        width: 100%;
    }
    .uploadItem .fileActions {
        position: static;
    }
    .uploadItem .fileActions .share_tooltip {
        position: static;
        height: 0;
        margin: 0;
        width: 0;
    }
    .uploadItem .fileActions .shareBlock {
        left: 0 !important;
        margin: 0;
        top: auto !important;
        text-align: center;
        padding: 20px;
        margin-top: 30px;
        width: 100%;
    }
    .uploadItem .fileActions .shareBlock>* {
        text-align: center;
    }
    .uploadItem .fileActions .shareBlock .copy_url {
        width: 100%;
    }
    .uploadItem .fileActions .shareBlock .copyBtn {
        display: none !important;
    }
    .uploadItem .fileMore b {
        display: none;
    }
}

.uploadItem.media {
    margin: 0 0 -1px 0;
    border-radius: 0;
}

.uploadItem.media .fileInfo {
    width: 30%;
    width: calc( (100% - 154px) * .26);
}

.uploadItem.media .fileEditor {
    width: 30%;
    width: calc( (100% - 154px) * .3);
}

.uploadItem.media .fileEditor input, .uploadItem.media .fileEditor textarea {
    border-color: #d8dadf;
    background-color: #fff;
}

.uploadItem.media .fileTags {
    width: 30%;
    width: calc( (100% - 154px) * .4);
    border-right: none;
}

@media screen and (max-width: 1100px) {
    .uploadItem.media {
        white-space: normal;
        text-align: right;
    }
    .uploadItem.media .fileInfo {
        width: 15%;
        width: calc((100% - 154px) * .5);
    }
    .uploadItem.media .fileEditor {
        width: 15%;
        width: calc( (100% - 154px) * .5);
    }
    .uploadItem.media .fileTags {
        width: 100%;
        padding: 10px 10px 10px 35px;
        border: none;
        margin: 0 0 -10px 0;
        min-height: 0;
        border: none;
        padding: 0;
    }
    .uploadItem.media .fileActions {
        width: auto;
        line-height: 1;
        min-height: 0;
    }
    .uploadItem.media .fileActions:after {
        display: none;
    }
    .uploadItem.media .fileMore {
        width: auto;
    }
}

@media screen and (max-width: 500px) {
    .uploadItem.media {
        white-space: normal;
        text-align: right;
    }
    .uploadItem.media .fileInfo {
        width: 30%;
        width: calc((100% - 154px) * 1);
        border-right: none;
    }
    .uploadItem.media .fileEditor {
        width: 100%;
    }
}

.uploadItem.isDeleted {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(219, 76, 63, 0.1);
}

.uploadItem.isDeleted .dragItem, .uploadItem.isDeleted>* {
    opacity: .3;
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    pointer-events: none;
}

.uploadItem.isDeleted .fileControls {
    opacity: 1;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;
    pointer-events: auto;
}

.uploadItem.isDeleted .itemDelete i {
    font-size: 18px;
}

.uploadItem.isDeleted .itemDelete i:before {
    content: '\e65e';
}

.uploadItem.isDeleted .itemDelete:hover i {
    color: #3eb060 !important;
}

.uploadItems.grid {
    padding: 5px 10px;
    background: #fff;
    margin: 15px auto;
    border: 1px solid #ccd0d9;
    border-radius: 3px;
}

.uploadItems.grid .uploadItem {
    display: inline-block;
    padding: 10px;
    position: relative;
    width: 190px;
    vertical-align: top;
    margin: 5px;
}

.uploadItems.grid .uploadItem .fileControls, .uploadItems.grid .uploadItem .fileThumb, .uploadItems.grid .uploadItem .fileInfo, .uploadItems.grid .uploadItem .fileEditor, .uploadItems.grid .uploadItem .fileTags, .uploadItems.grid .uploadItem .fileActions, .uploadItems.grid .uploadItem .fileMore, .uploadItems.grid .uploadItem>div {
    display: block;
    padding: 0;
    min-height: 0 !important;
    width: auto !important;
    margin: 10px 0;
    border: none;
}

.uploadItems.grid .uploadItem .fileControls {
    position: absolute;
    z-index: 5;
    width: 100% !important;
    left: 0;
    top: 0;
    padding: 0 10px;
}

.uploadItems.grid .uploadItem .fileControls .reorderItem {
    width: 26px;
    margin: 0;
}

.uploadItems.grid .uploadItem .fileControls .moveUp, .uploadItems.grid .uploadItem .fileControls .moveDown {
    display: none;
}

.uploadItems.grid .uploadItem .fileControls .dragItem {
    top: 0;
    left: 10px;
}

.uploadItems.grid .uploadItem .fileControls .delete_action {
    top: -5px;
    left: auto;
    right: 0;
}

.uploadItems.grid .uploadItem .fileThumb {
    margin: -8px -8px 5px -8px;
}

.uploadItems.grid .uploadItem .fileThumb>div {
    width: 100%;
    height: 160px;
    padding: 0;
    border: none;
    /*background: #f6f7fb;*/
}

.uploadItems.grid .uploadItem .fileThumb img {
    width: 100%;
    height: auto;
}

.uploadItems.grid .uploadItem .fileInfo {
    margin-bottom: 0;
}

.uploadItems.grid .uploadItem .fileInfo .file-title {
    white-space: nowrap;
}

.uploadItems.grid .uploadItem .fileInfo .prgsLine {
    width: 100%;
    left: 0;
    margin-top: 5px;
    position: absolute;
    bottom: 70px;
}

.uploadItems.grid .uploadItem .fileInfo .changeThumbnail {
    position: absolute;
    width: 100%;
    top: -35px;
}

.uploadItems.grid .uploadItem .fileEditor {
    display: none;
}

.uploadItems.grid .uploadItem .fileTags {
    display: none;
}

.uploadItems.grid .uploadItem .fileActions {
    display: none;
}

.uploadItems.grid .uploadItem .fileMore {
    display: none;
}

.uploadItems.grid .uploadItem .advancedOptions {
    display: none;
}

.uploadItems.grid .uploadItem .advancedSave {
    right: 40px;
    top: 7px;
}

.uploadItems.grid.smaller .uploadItem {
    width: 100px;
    margin: 5px;
}

.uploadItems.grid.smaller .uploadItem .fileThumb>div {
    height: 90px;
}

.uploadItems.grid.smaller .uploadItem .fileInfo .changeThumbnail {
    font-size: 10px;
    line-height: 1;
}

.uploadItems.grid.smaller .uploadItem .fileInfo .file-size {
    height: 2em;
    display: block;
}

.embedContent p {
    color: #aab2bc;
    font-size: 12px;
}

.embedContent .embed_code_copybtn {
    position: relative;
}

.embedContent .copyStatus {
    top: 8px;
    left: 13em;
}

@media screen and (max-width: 500px) {
    .embedContent .embed_code_copybtn {
        display: none;
    }
}

.uploadSearchArea {
    display: block;
    border: 1px solid #ccd0d9;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    padding: 10px 15px;
}

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

.uploadSearchArea .selectedFiles {
    float: left;
    margin: 2px 15px 2px 0;
    min-width: 32%;
}

.uploadSearchArea .selectedFiles b {
    display: inline-block;
    vertical-align: middle;
    height: 1.7em;
    background-color: #3eb060;
    padding: 0 4px;
    line-height: 1.7em;
    min-width: 1.7em;
    text-align: center;
    font-size: 15px;
    color: #fff;
    border-radius: 20px;
}

.uploadSearchArea .selectedFiles i {
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    color: #565656;
}

.uploadSearchArea .search_input {
    padding: 10px 5px;
    margin: -5px 0 -5px -5px;
    width: 400px;
    max-width: 50%;
    max-width: calc(70% - 200px);
    outline: none !important;
}

.uploadSearchArea .reset_search {
    margin-left: -.5em;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #aaa;
    display: none;
}

.uploadSearchArea .reset_search i {
    font-size: 18px;
    line-height: 24px;
}

.uploadSearchArea .reset_search[style="display: block;"] {
    display: inline-block !important;
}

.uploadSearchArea .reset_search:hover i {
    color: #db4c3f;
}

@media (max-width: 800px) {
    .uploadSearchArea .search_input {
        width: 100%;
        max-width: calc(100% - 35px);
    }
}

@media (max-width: 640px) {
    .uploadSearchArea>div>div {
        width: 100% !important;
        margin: 5px 0;
    }
    .uploadSearchArea .dropdownUsagebox, .uploadSearchArea .dropdownTypesbox {
        display: flex;
    }
    .uploadSearchArea .dropdownUsagebox>*, .uploadSearchArea .dropdownTypesbox>* {
        flex-grow: 1;
    }
}

.itemsContent.email {
    min-height: 270px;
    height: 500px;
    min-height: calc(100vh - 365px);
    padding: 30px;
    background: #fff;
    border: 1px solid #ccd0d9;
    border-radius: 5px;
    text-align: center;
}

.itemsContent.email>div {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.itemsContent.email:after {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    content: '';
    height: 100%;
    min-height: calc(100vh - 395px);
}

.itemsContent.email .emailplaneIcon {
    display: inline-block;
    width: 123px;
    height: 114px;
    margin: 10px auto;
    background: center center no-repeat;
    background-image: url('/_cms/design18/images/paper-airplane-icon.png');
}

.itemsContent.email>* {
    max-width: 540px;
    margin: 0 auto;
}

.itemsContent.email .infoOnText {
    background: #f6f7fb;
    padding: 15px 10px;
    border-radius: 5px;
    color: #656d78;
    font-weight: 500;
    max-width: 420px;
}

.itemsContent.email .globalField>.values>* {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
}

.itemsContent.email .popup {
    left: -10px !important;
}

.itemsContent.webcam {
    min-height: 270px;
    min-height: calc(100vh - 365px);
    padding: 30px;
    background: #fff;
    border: 1px solid #ccd0d9;
    border-radius: 5px;
    text-align: center;
}

.itemsContent.webcam embed {
    max-width: 100%;
}

@media screen and (max-width: 640px) {
    .itemsContent.webcam {
        padding: 10px;
    }
    .itemsContent.webcam #webcamobj .video-js {
        max-height: 70vw;
        max-width: 100%;
    }
}

.itemsContent.basic {
    min-height: 270px;
    height: auto;
    min-height: calc(100vh - 365px);
    padding: 30px;
    background: #fff;
    border: 1px solid #ccd0d9;
    border-radius: 5px;
    text-align: center;
}

.itemsContent.basic>div {
    display: inline-block;
    vertical-align: middle;
    max-width: 510px;
}

.itemsContent.basic:after {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    content: '';
    min-height: calc(100vh - 395px);
}

.itemsContent.basic .fileUploadFrame {
    height: 21px;
}

.itemsContent.basic .listNumber b {
    display: inline-block;
    background-color: #ccd0d9;
    border-radius: 20px;
    color: #fff;
    min-width: 22px;
    line-height: 22px;
    text-align: center;
    height: 22px;
}

.itemsContent.basic table {
    margin: 0 auto 30px auto;
    text-align: left;
}

.itemsContent.basic td {
    padding: 5px;
}

.itemsContent.basic p b {
    font-weight: bold;
}

@media screen and (max-width: 640px) {
    .itemsContent.basic>div {
        max-width: 100%;
        overflow: hidden;
    }
}

.itemsContent .uploadAreaSuccess, .itemsContent #uploadFilesAreaSuccess h3, .uploadMethod .uploadAreaSuccess, .uploadMethod #uploadFilesAreaSuccess h3 {
    font-weight: normal;
    color: #3eb060;
    font-size: 1em;
    margin-top: 30px;
}

.itemsContent .uploadAreaSuccess i, .itemsContent #uploadFilesAreaSuccess h3 i, .uploadMethod .uploadAreaSuccess i, .uploadMethod #uploadFilesAreaSuccess h3 i {
    font-size: 16px;
    margin: 2px 5px 5px 5px;
}

@media screen and (max-width: 640px) {
    .itemsContent, .uploadMethod {
        height: auto !important;
    }
}

.oldUploadPage {
    position: absolute;
    top: 90px;
}

.modalContainer #add_gall_id.dd-container {
    margin-top: 0;
}

.modalContainer .infoBlock {
    word-wrap: break-word;
}

.uploadArea-content .libraryContainer {
    border: none;
    margin: 0;
}

.uploadPaginatorArea {
    display: block;
    background: #fff;
    border: 1px solid #ccd0d9;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    padding: 10px 15px;
}

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

.uploadPaginatorArea>.leftArea {
    float: left;
}

.uploadPaginatorArea>.rightArea {
    float: right;
}

.uploadPaginatorArea .instagramIcon {
    display: inline-block;
    vertical-align: middle;
    margin: 2px 5px;
    font-size: 0;
    background: #777;
    width: 40px;
    height: 40px;
    background: url("../images/instagram40.png") no-repeat center center;
    background-size: contain;
}

.uploadPaginatorArea .dd-container {
    display: inline-block;
    vertical-align: middle;
    width: auto !important;
    margin: 3px;
}

.arowsPaginator {
    display: inline-block;
    vertical-align: middle;
}

.arowsPaginator ul, .arowsPaginator li {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    display: inline-block;
    vertical-align: middle;
}

.arowsPaginator a {
    text-decoration: none;
    padding: 5px 0;
    display: block;
    min-width: 16px;
    text-align: center;
    display: block;
}

.arowsPaginator a:hover {
    background: #ccc;
}

.arowsPaginator a i {
    font-size: 18px;
}

.arowsPaginator a b {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
    font-weight: 500;
}

/* /incl/_modal.scss */

.simplemodal-container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: none !important;
    z-index: 5000 !important;
    height: auto !important;
}

.simplemodal-container h2 {
    margin-top: 0;
}

.simplemodal-container br {
    display: none;
}

.simplemodal-wrap {
    position: relative;
    overflow: visible !important;
}

.simplemodal-wrap:after {
    content: '';
    clear: both;
    display: block;
}

.simplemodal-overlay {
    background: #000;
}

.simplemodal-container {
    padding: 25px;
    box-shadow: 0 5px 50px #000;
    border-radius: 4px;
}

#simplemodal-container {
    top: 10% !important;
}

.modalCloseImg {
    color: #aab2bd;
    position: absolute;
    z-index: 50;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.modalCloseImg:hover {
    color: #858e9b;
}

.modalCloseImg:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e613";
}

.modalContainer .modalHeader {
    background: #f6f7fb;
    color: #434a54;
    margin: -25px -25px 0 -25px;
    padding: 15px 25px;
    border-bottom: 1px solid #d8dadf;
    font-size: 18px;
    font-weight: 700;
}

.modalContainer .modalContent {
    padding: 25px;
    text-align: center;
}

.modalContainer h3 {
    font-size: 18px;
    font-weight: 700;
    color: #ed5564;
    text-transform: none;
    margin-top: 0;
}

.modalContainer h5 {
    font-size: 13px;
    margin: -10px auto .7em auto;
    font-weight: 700;
    color: #aab2bd;
}

.modalContainer .modalFooter {
    /*margin-bottom: -40px;*/
    margin-top: 5px;
}

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

.modalContainer .modalFooter .btnflat, .modalContainer .modalFooter .btn {
    padding: 12px 19px;
    min-width: 100px;
}

@media screen and (max-width: 800px) {
    .modalContainer .modalFooter {
        margin-bottom: 5px;
    }
}

.simplemodal-container .modalContainer {
    margin: -25px;
    padding: 25px;
}

.simplemodal-container .modalContainer .modalContent {
    margin-left: -25px;
    margin-right: -25px;
}

@media screen and (max-width: 500px) {
    .simplemodal-container .modalContainer {
        margin: -25px 0;
    }
}

.modalWindow {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 5000;
    text-align: center;
}

.modalWindow h1, .modalWindow h2 {
    margin-top: 0;
}

.modalWindow h2 {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
}

.modalWindow:after {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    content: '';
}

.modalWindow .overlay {
    position: absolute;
}

.modalWindow .mContainer {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    background: #fff;
    padding: 50px 50px;
    position: relative;
    min-width: 30vw;
    max-width: 100%;
    max-height: 100%;
    max-width: 100vw;
    max-height: 100vh;
    overflow: auto;
}

.modalWindow.fullscreen .mContainer {
    width: 100%;
    height: 100%;
}

.modalWindow a.close {
    position: absolute;
    top: 10px;
    right: 7px;
    display: inline-block;
    font-size: 0;
    width: 32px;
    height: 32px;
    color: #aab2bd;
}

.modalWindow a.close:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e613";
    font-size: 24px;
}

.modalWindow a.close:hover {
    color: #6f7782;
}

@media screen and (max-width: 1020px) {
    #simplemodal-container {
        top: 5px !important;
        max-height: 90%;
        overflow: auto;
    }
}

@media screen and (max-width: 800px) {
    #simplemodal-container {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
        max-height: 95%;
        height: auto !important;
        left: 0 !important;
        max-width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #simplemodal-container:after {
        content: '';
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        overflow: hidden;
    }
}

.modalContainer-deleteConfirmation .modalFooter .keepFile {
    float: left;
    color: #0086cf;
    text-decoration: underline;
}

.modalContainer-deleteConfirmation .modalFooter .confirmationHint {
    float: right;
}

.modalContainer-deleteConfirmation .modalFooter .confirmationHint>span {
    display: block;
    font-size: 12px;
    font-weight: 600;
}

.deleteActionBlock {
    margin-top: 35px;
}

.deleteActionBlock>span, .deleteActionBlock .trash, .deleteActionBlock .item {
    background: center center no-repeat;
    display: inline-block;
    width: 80px;
    height: 90px;
    background-size: contain;
}

.deleteActionBlock>span {
    width: 97px;
    height: 63px;
    vertical-align: top;
    margin: -10px 10px 0 10px;
    font-size: 0;
}

.deleteActionBlock .trash {
    background-image: url('/_cms/design18/images/trashcan-icon.png');
}

.deleteActionBlock .item {
    background-image: url('/_cms/design18/images/paper-icon.png');
}

.deleteActionBlock>span {
    background-image: url('/_cms/design18/images/drag-me-icon.png');
}

.deleteActionBlock p.deleted {
    font-weight: 600;
    color: #db4c3f;
}

.modalContainer-copyConfirmation h3 {
    font-size: 15px;
    color: #303234;
    text-transform: none;
    margin-top: 0;
    font-weight: 400;
    max-width: 350px;
    margin: 20px auto;
}

.modalContainer-copyConfirmation h3 b {
    font-weight: bold;
}

.modalContainer-copyConfirmation .modalContent .checkBox {
    margin: 30px auto;
}

.modalContainer-copyConfirmation .modalContent .checkBox b {
    font-size: 13px;
    color: #aab2bd;
}

.modalContainer-copyConfirmation .copied {
    text-align: right;
    padding-right: 35px;
}

.resyncErrorContainer .modalContent, .modalContainer-errorNotification .modalContent {
    text-align: left;
    max-height: 310px;
    margin-bottom: 20px;
    overflow: auto;
}

.resyncErrorContainer .modalContent h3, .modalContainer-errorNotification .modalContent h3 {
    text-transform: none;
    text-transform: none;
    margin-bottom: 0;
}

.resyncErrorContainer .modalContent h3+p, .modalContainer-errorNotification .modalContent h3+p {
    margin-top: 0;
}

.resyncErrorContainer .modalContent p, .modalContainer-errorNotification .modalContent p {
    font-size: 18px;
    color: #db4c3f;
}

.resyncErrorContainer+.modalFooter, .modalContainer-errorNotification+.modalFooter {
    text-align: center;
}

.resyncErrorContainer+.modalFooter .btn, .modalContainer-errorNotification+.modalFooter .btn {
    min-width: 100px;
}

#fullScreenSkin {
    position: fixed;
    width: 100%;
    height: 100%;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 5000;
}

#fullScreenSkin .mContent {
    height: 100%;
    width: 100%;
}

.contactUsPopWindow .fieldItem {
    margin-top: 0;
}

.contactUsPopWindow .modalContainer .modalFooter {
    margin: -13px -25px -25px -25px;
    padding: 15px 25px;
    border-top: 1px solid #d8dadf;
}

.char-left {
    font-size: 11px;
    color: Gray;
    margin-right: 10px;
    text-align: right;
    width: 120px;
    float: right;
}

.asset_block {
    background-color: #FFFFFF;
    padding: 5px;
}

.asset_block table {
    /*max-width: 470px;*/
    margin: 10px auto;
    table-layout: fixed;
    border-collapse: collapse;
}

.asset_block div.head {
    display: inline;
}

.asset_block div.filename {
    overflow: hidden;
    white-space: nowrap;
    -moz-binding: url("moz_overflow.xml#ellipsis");
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 230px;
    float: left;
}

.asset_block input[type=text], .asset_block textarea {
    margin-bottom: 3px;
    width: 350px;
    background-color: #FFFFFF;
}

.asset_block textarea {
    height: 75px;
}

.asset_block_head {
    color: #555555;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    vertical-align: top;
}

.disabled {
    color: Gray;
}

.cancelBtn {
    margin-right: 10px;
}

.searchInput {
    display: block !important;
    padding: 5px 10px;
    font-size: 13px;
    width: 100%;
}

.searchInput input[type='text'] {
    border: 1px solid #d8dadf !important;
    border-radius: 3px;
    box-shadow: inset 0 1px 4px #d8dadf;
    display: inline-block !important;
    width: 100% !important;
}

.searchInput p {
    padding: 0 10px;
}

.searchInputCreate {
    color: #0086cf;
    cursor: pointer;
}

.selectTags {
    font-size: 12px;
    font-style: italic;
}

.social>div {
    display: inline-block;
    padding: 0 !important;
    margin: 5px !important;
}

.social .fb-like.fb_iframe_widget, .social>div>div {
    margin: 0 !important;
}

.social #twitter-widget-0, .social #___plusone_0 {
    margin-top: 3px !important;
    vertical-align: top !important;
}

.social .fb-like.fb_iframe_widget>span {
    vertical-align: baseline;
}

.social .gp_share {
    display: inline-block;
    background-repeat: no-repeat;
    padding-top: 7px;
    padding-left: 35px;
    margin: 5px auto;
}

.social .twt_share {
    display: inline-block;
    background-repeat: no-repeat;
    padding-top: 6px;
    padding-left: 35px;
    margin: 5px auto;
}

.fb_share {
    background-repeat: no-repeat;
    margin: 5px auto;
    width: 120px;
}

.simplemodal-changeThumb {
    text-align: center;
}

.posterGroup {
    text-align: center;
}

.posterGroup .posterBySec {
    margin: 10px 0;
}

.posterGroup .posterBySec label {
    display: block;
    font-size: 13px;
    color: #656d78;
    margin: 5px 0;
}

.posterGroup .posterBySec .secondsInput {
    width: 20% !important;
    border: 1px solid #d8dadf;
    border-radius: 3px;
    padding: 10px;
    font-size: 13px;
    color: #aab2bd;
}

.posterGroup .postersContainer {
    font-size: 0;
}

.posterGroup .thumbImage {
    margin: 5px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-size: 1rem;
    line-height: 80px;
    font-size: 13px;
    overflow: hidden;
    text-align: center;
    width: 146px;
    height: 84px;
    border-radius: 1px;
    border: 2px solid #FFFFFF;
    -moz-box-shadow: 0px 0px 0px 1px #c7c8cd;
    -webkit-box-shadow: 0px 0px 0px 1px #c7c8cd;
    box-shadow: 0px 0px 0px 1px #c7c8cd;
}

.posterGroup .thumbImage img {
    max-height: 100%;
    height: 100%;
    width: auto;
}

.posterGroup .thumbImage .error {
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-top: 24px;
}

.posterGroup .thumbImage:hover:after {
    content: 'Set as thumbnail';
    background: rgba(82, 82, 82, 0.7);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    color: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1em;
    padding: 26px 5px;
    cursor: pointer;
    font-size: 12px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.72);
    font-weight: 300;
    text-align: center;
}

.posterGroup .thumbImage:hover.active:after, .posterGroup .thumbImage:hover.invalid:after {
    display: none;
}

.posterGroup .thumbImage.active {
    -webkit-box-shadow: 0px 0px 0px 2px #1587cc;
    -moz-box-shadow: 0px 0px 0px 2px #1587cc;
    box-shadow: 0px 0px 0px 2px #1587cc;
}

.posterGroup .thumbImage.invalid p {
    line-height: 1.3;
    margin-top: 30px;
    margin-bottom: 50px;
}

.itemPreview {
    position: relative;
    display: inline-block;
    padding: 5px;
    border: 1px solid #c7c8cd;
    border-radius: 3px;
    margin: 15px 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

.previewVideo {
    margin: 0 auto;
}

.setThumbSec {
    margin: 0 3px;
}

div#simplemodal-data table input.btn {
    margin-top: 20px;
}

.cancelBtn {
    margin-right: 10px;
}

.tags .tagsinput {
    background: inherit;
    border: none;
    overflow: auto;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0;
}

.tags .tagsinput input {
    display: none;
}

.tags .tagsinput .tag .removeTag {
    display: none;
}

.ze_password_input {
    height: auto !important;
}

.btn.glow:hover>i, .upload_files.btn:hover>i, .createaccount.btn:hover>i, .upgrade.btn:hover>i {
    animation: glowing-icon ease-in .5s;
    animation-iteration-count: 4;
    transform-origin: 50% 50%;
    -webkit-animation: glowing-icon ease-in .5s;
    -webkit-animation-iteration-count: 4;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: glowing-icon ease-in .5s;
    -moz-animation-iteration-count: 4;
    -moz-transform-origin: 50% 50%;
    -ms-animation: glowing-icon ease-in .5s;
    -ms-animation-iteration-count: 4;
    -ms-transform-origin: 50% 50%;
}

@-webkit-keyframes glowing-icon {
    0% {
        text-shadow: 0 0 0;
        transform: scale(1, 1);
    }
    50% {
        text-shadow: 0 0 5px;
        transform: scale(1.2, 1.2);
    }
    100% {
        text-shadow: 0 0 0;
        transform: scale(1, 1);
    }
}

@-moz-keyframes glowing-icon {
    0% {
        text-shadow: 0 0 0;
        transform: scale(1, 1);
    }
    50% {
        text-shadow: 0 0 5px;
        transform: scale(1.2, 1.2);
    }
    100% {
        text-shadow: 0 0 0;
        transform: scale(1, 1);
    }
}

@-o-keyframes glowing-icon {
    0% {
        text-shadow: 0 0 0;
        transform: scale(1, 1);
    }
    50% {
        text-shadow: 0 0 5px;
        transform: scale(1.2, 1.2);
    }
    100% {
        text-shadow: 0 0 0;
        transform: scale(1, 1);
    }
}

@keyframes glowing-icon {
    0% {
        text-shadow: 0 0 0;
        transform: scale(1, 1);
    }
    50% {
        text-shadow: 0 0 5px;
        transform: scale(1.2, 1.2);
    }
    100% {
        text-shadow: 0 0 0;
        transform: scale(1, 1);
    }
}

@-webkit-keyframes rotating-icon {
    0% {
        transform: rotateZ(0deg);
    }
    50% {
        transform: rotateZ(180deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

@-moz-keyframes rotating-icon {
    0% {
        transform: rotateZ(0deg);
    }
    50% {
        transform: rotateZ(180deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

@-o-keyframes rotating-icon {
    0% {
        transform: rotateZ(0deg);
    }
    50% {
        transform: rotateZ(180deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

@keyframes rotating-icon {
    0% {
        transform: rotateZ(0deg);
    }
    50% {
        transform: rotateZ(180deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes attention-glow {
    0% {
        box-shadow: 0 0 0, inset 0 0 0;
    }
    50% {
        box-shadow: 0 0 5px, inset 0 0 3px;
    }
    100% {
        box-shadow: 0 0 0, inset 0 0 0;
    }
}

@-moz-keyframes attention-glow {
    0% {
        box-shadow: 0 0 0, inset 0 0 0;
    }
    50% {
        box-shadow: 0 0 5px, inset 0 0 3px;
    }
    100% {
        box-shadow: 0 0 0, inset 0 0 0;
    }
}

@-o-keyframes attention-glow {
    0% {
        box-shadow: 0 0 0, inset 0 0 0;
    }
    50% {
        box-shadow: 0 0 5px, inset 0 0 3px;
    }
    100% {
        box-shadow: 0 0 0, inset 0 0 0;
    }
}

@keyframes attention-glow {
    0% {
        box-shadow: 0 0 0, inset 0 0 0;
    }
    50% {
        box-shadow: 0 0 5px, inset 0 0 3px;
    }
    100% {
        box-shadow: 0 0 0, inset 0 0 0;
    }
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.alternatives .cssselectblock {
    display: none;
}

@media screen and (max-width: 700px) {
    .alternatives .cssselectblock {
        display: block;
    }
    .alternatives .cssselectblock select {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: .4em .6em;
        font-size: 1em;
        border: 3px solid #3390C5;
        margin-top: 1em;
        color: #3390c5;
    }
    .alternatives .cssbuttonsblock {
        display: none;
    }
}

#divMiniIcons .cajita {
    background: transparent !important;
}

.bigBox {
    height: auto !important;
    max-height: 90vh;
    overflow: auto;
    font-size: 14px;
    z-index: 150000 !important;
}

.minimizedInternal .bigBox {
    height: 45px !important;
}

.bigBox .questions_list {
    list-style: none;
    padding: 0;
}

.bigBox .questions_list li {
    margin: 8px 0;
}

.bigBox span {
    font-size: 18px;
}

.bigBox .collectBtn {
    float: none !important;
}

.bigBox a.botMinimize {
    line-height: 20px;
}

.bigBox a.botMinimize.plus {
    line-height: 27px;
}

body>.intercom-container {
    z-index: 80000 !important;
}

.alignright {
    float: right !important;
}

.skinsList-item .cp-skin-preview-path {
    font-size: 12px;
    z-index: -10;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

code {
    border: 1px solid #E0E0E0;
    padding: 10px 14px;
    color: #677484;
    font-size: 13px;
    font-family: "Courier New", Courier, monospace;
    resize: vertical;
    width: 100%;
    background: #fff;
    display: block;
    margin: 20px auto;
    max-width: 100%;
}

.editorArea {
    z-index: 1500;
    position: relative;
    background: #F3F3F3;
    margin: 50px 0 0 0;
    padding: 20px;
    border-top: 1px solid #B5B5B5;
    border-bottom: 1px solid #B5B5B5;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    font-size: 13px;
}

.editorArea input {
    padding: 5px;
}

.simplemodal-container .CodeMirror.cm-s-default {
    max-height: calc(90vh - 130px);
    max-width: calc(100vw);
}

.preloaderDiv {
    background: #CCD0D9 url(/_cms/design13/images/grey_preloader.gif) no-repeat center center;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    opacity: 0.9;
}

.preloaderDiv .loadingText {
    font-size: 20px;
    color: #fff;
    font-style: italic;
    z-index: 9999;
    display: block;
    position: absolute;
    top: 53.5%;
    left: 0;
    width: 100%;
    text-align: center;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.19);
}

.btn.freeTrial {
    color: #fff;
    background: #41BB40;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #41BB40), color-stop(100%, #359834));
    background-image: -webkit-linear-gradient(top, #41BB40, #359834);
    background-image: -moz-linear-gradient(top, #41BB40, #359834);
    background-image: -ms-linear-gradient(top, #41BB40, #359834);
    background-image: -o-linear-gradient(top, #41BB40, #359834);
    background-image: linear-gradient(to bottom, #41BB40 0%, #359834 100%);
    padding: 14px 36px;
    border: 1px solid #41BB40;
    border-radius: 3px;
    margin: 0 0 16px 0;
}

.btn.getDemo b, .btn.freeTrial b {
    color: #fff !important;
}

.cincopa_promo_cont_wrap {
    width: 620px !important;
    margin: auto !important;
    z-index: 10;
    position: fixed !important;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    max-width: 100%;
}

.cincopa_promo_cont_wrap .cp_closeBtn:before {
    content: "\e613";
    font-family: 'cincopaicons';
    font-size: 32px;
    vertical-align: middle;
}

/*# sourceMappingURL=style.css.map */

/* Styles for "Before You Go Popup" */

.cp_byg_content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000000;
}

.cp_byg_content .cp_byg_overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.cp_byg_content .cp_byg_cont_wrap {
    width: 720px;
    margin: auto !important;
    z-index: 10;
    position: fixed !important;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    max-width: 100%;
    min-height: 500px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.cp_byg_content .cp_byg_cont_wrap .cp_closeBtn {
    font-weight: 800;
    padding: 3px;
    position: absolute;
    top: -40px;
    right: -10px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 0px;
    color: rgb(0, 0, 0, .9);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
}

.cp_byg_content .cp_byg_cont_wrap .cp_closeBtn:before {
    content: "\e613";
    font-family: 'cincopaicons';
    font-size: 25px;
    vertical-align: middle;
    line-height: 1;
}

.cp_byg_content .popup_header {
    width: 100%;
    height: 100px;
    justify-content: center;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.cp_byg_content .popup_header .popup_title {
    margin: 0;
    font-size: 30px;
}

.cp_byg_content .popup_heder_desc {
    color: rgb(43, 25, 25);
    font-weight: 600;
    font-size: 15px;
}

.cp_byg_content .section-wrap {
    display: flex
}

.cp_byg_content .btn {
    padding: 10px 35px;
}

.cp_byg_content .section-btn {
    text-align: center;
    padding: 10px 0;
}

.cp_byg_content .popup_section.rectrace {
    padding-right: 10px
}

.cp_byg_content .popup_section.cincovid {
    padding-left: 10px
}

.cp_byg_content .section-desc {
    text-align: center;
    margin: 0 auto;
    padding: 10px 0;
    color: #000
}

.cp_byg_content .rectrace .section-item.bg-image {
    background-image: url('/_cms/design18/images/rectrace.png');
    background-size: cover;
}

.cp_byg_content .cincovid .section-item.bg-image {
    background-image: url('/_cms/design18/images/pick-template.png');
}

.cp_byg_content .section-item.bg-image {
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
}

.cp_byg_content .section-title {
    text-align: center;
    font-size: 1.2em;
    margin: 10px 0;
    color: #000;
    font-weight: 700;
}

.cp_byg_content .popup_section {
    flex: 1;
    background: #ffff;
}

.cp_byg_content .cp_byg_new_label {
    position: absolute;
    width: 70px;
    background: #0041B0;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    left: -10px;
    top: -10px;
    border-right: 3px solid #000;
}

.cp_byg_content .cp_byg_new_label .triangle {
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-bottom: 15px solid black;
    position: absolute;
    bottom: 0;
}

.cp_byg_content .submitted-message {
    color: #ffff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

#container {
    background: #fff!important
}

#container .content-container {
    padding: 0!important
}

#container .content-wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 1252px
}

.section-title {
    color: #2D3541;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 70px;
    margin: 0;
    margin-bottom: 20px;
    font-size: 60px;
}

.text-title {
    color: #656D78;
    margin: 0;
    margin-bottom: 10px;
    font-family: 'Montserrat';
    font-weight: 400;
    line-height: 1;
    font-size: 24px;
    line-height: 30px
}

@media screen and (max-width: 800px) {
    .section-title {
        font-size: 44px;
    }
}

/**********************************************/

.navStaticPages {
    justify-content: space-between;
}

.navStaticPages>* {
    flex-grow: 0;
}

.navStaticPages nav {
    flex: 1;
    display: flex;
    justify-content: flex-start;
}

ul.marketing-submenu:not(.showMenu) {
    opacity: 0!important;
    max-height: none!important;
    visibility: hidden!important;
}

ul.marketing-submenu.showMenu {
    opacity: 1!important;
    max-height: 40em!important;
    visibility: visible!important;
    display: block;
    overflow: visible;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
    padding: 38px 0 38px 48px !important;

}

.sub_wrapper {
    display: flex;
    justify-content: left;
    min-height: 53px;
}

.icon_wrapper {
    width: 48px;
    padding: 9px;
    height: 48px;
    object-fit: contain;
    border-radius: 6px;
    background-color: #f0f8fc;
}

.icon_wrapper i {
    font-size: 32px;
}

.text_wrapper {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: 0.32px;
    text-align: left;
    color: #474953;
    padding-left: 30px;
    align-items: left;
    justify-content: center;
    padding-top: 3px;
    text-transform: capitalize;
}

.text_wrapper small {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.17;
    letter-spacing: 0.24px;
    text-align: left;
    color: #2d3541;
    text-transform: capitalize;
}

ul.marketing-submenu:after {
    content: "";
    position: absolute;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    z-index: 9999;
    left: 50%;
    right: 50%;
}

.navStaticPages nav ul>li.hasChild:after, .navStaticPages nav ul>li.hasChild:before {
    display: none!important
}

#container ul.marketing-submenu.marketing-submenu-full {
    position: fixed;
    padding: 0!important;
    margin: 0;
    width: 100%;
    left: 0;
    top: 139px;
    z-index: 10;
    background: linear-gradient(to right, #f6f6f6, #fff);
    height: 66vh;
    overflow: auto
}

#container .loggedout+ul.marketing-submenu.marketing-submenu-full {
    top: 80px;
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-wrapper {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-sidebar {
    width: 25%;
    height: 100%;
    min-width: 250px
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-sidebar>ul {
    list-style: none;
    background-color: #f6f6f6;
    padding: 0;
    margin: 0;
    padding: 40px 15px;
    width: 100%;
    height: 100%
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-sidebar>ul>li {
    padding: 8px 0;
    border-bottom: none;
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-sidebar>ul>li>a {
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    text-decoration: none !important;
    color: #53565a;
    padding: 5px 25px 5px 10px;
    border-radius: 2px;
    cursor: pointer;
    word-wrap: break-word;
    overflow: hidden;
    white-space: normal;
    background-color: transparent;
    transition: background-color .05s ease-out, color .05s ease-out;
    display: flex;
    position: relative;
    justify-content: space-between;
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-sidebar>ul>li>a i {
    opacity: 0
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-sidebar>ul>li:hover {
    background-color: #0086CF;
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-sidebar>ul>li:hover a {
    color: #fff;
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-sidebar>ul>li:hover a i {
    opacity: 1
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content {
    height: 100%;
    flex: 1;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content-inner {
    padding: 40px 50px 0 50px;
    display: flex;
    width: 100%;
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list {
    display: none;
    width: 66%
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list.marketing-submenu-full-content-list-active {
    display: block
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list .marketing-submenu-full-content-menu-list {
    display: flex
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list-heading {
    font-size: 16px;
    position: relative;
    font-weight: bold;
    padding-right: 9px;
    text-decoration: underline;
    display: inline-block;
    margin-top: 0
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list .marketing-submenu-full-content-list-heading a {
    color: #0086CF;
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list .marketing-submenu-full-content-menu-list .marketing-submenu-full-content-menu-wrapper {
    flex: 1
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list .marketing-submenu-full-content-menu-wrapper .marketing-submenu-full-content-menu {
    padding: 0
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list .marketing-submenu-full-content-menu-wrapper .marketing-submenu-full-content-menu-title {
    padding: 5px 0;
    border-radius: 0;
    margin-left: 0;
    margin-right: 50px;
    margin-bottom: 10px;
    display: block;
    border-bottom: 1px solid currentColor;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1px;
    color: #8c8c92;
    text-transform: uppercase;
    transition: all .1s ease-out;
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list .marketing-submenu-full-content-menu-wrapper .marketing-submenu-full-content-menu li {
    margin-right: 50px;
    margin-bottom: 10px;
    margin-left: -10px;
    padding: 5px 10px;
    display: block;
    border-radius: 2px;
    font-size: 16px;
    font-weight: normal;
    line-height: 21px;
    text-decoration: none !important;
    color: #53565a;
    transition: all .1s ease-out;
    cursor: pointer;
    border-bottom: 0
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-resources {
    width: 33%
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-resources-item {
    display: flex;
    align-items: center;
    text-decoration: none;
    margin-bottom: 5px;
    padding: 10px;
    transition: all .1s ease-in;
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-resources-item .marketing-submenu-full-content-resources-item-thumbnail {
    height: 48px;
    width: 72px;
    margin-right: 15px;
    border: 1px solid #ccc;
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-resources-item .marketing-submenu-full-content-resources-item-info {
    flex: 1;
    overflow: hidden
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-resources-item .marketing-submenu-full-content-resources-item-info h6 {
    font-size: 14px;
    line-height: 21px;
    color: #545861;
    font-weight: bold;
    margin: 0;
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-resources-item .marketing-submenu-full-content-resources-item-info p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #878a90;
    font-size: 14px;
    line-height: 21px;
    margin: 0;
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-resources-list {
    border-left: 1px solid rgb(140, 140, 146);
    padding-left: 20px;
    margin-top: 34px;
    height: calc(100% - 60px);
}

#container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-link {
    margin: 0 auto 20px;
    text-decoration: underline;
    color: #000
}

@media screen and (max-width: 1400px) {
    #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-resources {
        display: none
    }
    #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list {
        width: 100%
    }
}

@media screen and (max-width: 1000px) {
    #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content-inner {
        padding: 40px 20px 0 20px;
    }
}

@media screen and (max-width: 800px) {
    #container ul.marketing-submenu.marketing-submenu-full {
        display: none!important;
    }
}

@media screen and (min-width:1025px) and (max-width: 1320px) {
  .loggedout  .navStaticPages nav ul>li {
        display: inline-block;
        position: relative;
        margin-right: 16px;
    }
  .loggedout  .navStaticPages .nsp-logo {
        width: 180px;
    }
  .loggedout  .navStaticPages nav ul>li a {
 
        padding: 20px 0px 20px 0;

        font-size: 12px;
     
    }
}

@media screen and (max-width: 1024px) and ( min-width:800px) {
    .librarySideMenu.active {
        transform: translate(0, 0);
        opacity: 1;
        margin-top: 123px;
        display:block;
    }
}
.icon_wrapper i {
    
    line-height: 28px;
}
.icon-blog2,.icon-resources,.icon-knowledge{font-size: 20px !important;}

.merged-menu {
justify-content: space-between;
    width: auto;
    display: flex !important;
    flex-direction: row;
    align-items: stretch;
    left: calc((385px - 100%) / -2) !important;
}

.first-row{
    min-width: 181px;
    float: left;
}
.second-row{     min-width: 190px;
    padding-left: 23px;;}
.vertical-line{
    height: 151px;
    background: #e0e0e0;
    width: 1px;
    margin-top: 9px;
}
@media only screen and (max-width: 1076px){
.vertical-line {
		height: 105px;}
	.first-row{
		    min-width: 148px;
	}
	.second-row {
		min-width: 140px;}
}