@charset "UTF-8";
#prerow td{text-align:center;padding-left:88px}
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
div.wizardSteps .btn-next-container {
    max-width: 290px !important;
}
html, body { background: #f6f7fb; color: #656d78; 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; }

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

.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, 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: -15px; margin-right: -15px; 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: 15px; padding-right: 15px; 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: 992px) { .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; -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; text-align: center; color: #434a54; font-weight: 600; cursor: pointer; min-width: 24px; min-height: 24px; line-height: 1em; text-transform: none; font-size: 13px; 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 > * { 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.blue, .btn.primary { color: #fff; border: 1px solid #0086cf; padding: 12px 10px; font-weight: 600; box-shadow: none; background: #0086CF; background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); border-radius: 4px; transition: none;    font-size: 16px;
    font-weight: 500 !important;
    font-family: "Montserrat";
     border-radius: 3px;
    line-height: 16px;
    padding: 16px;
    margin: 0 10px;
	text-transform:capitalize;
   /* margin-bottom: 10px;*/
    letter-spacing: 0.6px; }
.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.blue-outline { color: #0086cf; padding: 10px 15px; border: 1px solid #0086cf; background: transparent; border-radius: 4px; }
.btn.blue-outline > i { color: inherit; }
.btn.blue-outline:hover { color: #fff; border-color: #0086cf; background: #0086cf; }
.btn.primary2 { color: #fff; border: 1px solid #fb6721; padding: 12px 10px; font-weight: 600; 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: 12px 10px; 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: 12px 10px; font-weight: 600; 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: 12px 10px; 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%); }
.btn.green { color: #fff; padding: 12px 10px; border: 1px solid #8dc153; background: #42BD41; background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%); border-radius: 4px; transition: none; }
.btn.green > i { color: inherit; }
.btn.green:hover { background: #42BD41; background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); }
.btn.green:active { box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3); }
.btn.red { color: #fff; background: #db4c3f; padding: 12px 10px; border: 1px solid #db4c3f; border-radius: 3px; }
.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: 12px 10px; border: 1px solid #aab2bd; border-radius: 3px; }
.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: 12px 10px; border: 1px solid #434a53; border-radius: 3px; }
.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: 12px 10px; font-weight: 600; background: #967bdc; box-shadow: none; border-radius: 3px; }
.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: 3px; 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: 14px; 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: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; }
.btn.upgrade .icon-crown { color: #ffc330 !important; margin-right: 5px; }
.btn.small { padding: 8px 10px; }
.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.getDemo { padding: 14px 39px; margin: 16px 0; }

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

.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; }
.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: #8dc153; box-shadow: none; border-color: #8dc153; }
.checkBox input[type=checkbox]:checked + i:before { opacity: 1; }
.checkBox > * { vertical-align: middle; display: inline-block; }
.checkBox > b { line-height: 1.2; padding-left: 10px; }
.checkBox:hover > i { border-color: #434a53; }

.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: "Montserrat", "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 select.fb-field { text-align: left;}
.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: #8dc153; }
.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: #8dc153; }
.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-1.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: "Montserrat", "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: 64px !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; align-items:center; padding: 0; margin: 0 5px; }
.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; 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.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; }
.navAppMode .nam-nav li.current > a:not(.autoccBTN) { color: #48b7fc; text-decoration: none;}
.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; }
ul.products { position: absolute; display: none; padding: 20px 20px 5px 20px !important; }		
ul.products li { border-bottom: 1px solid #e0e0e0; }		
ul.products li:last-child { border-bottom: none; }		
.dropdown-dec { font-size: 0.8rem; color: #a9a9a9; }    		
ul.products li.hasChild:hover:before { z-index: 100 !important; opacity: 1 !important; visibility: visible !important;}
ul.products li.hasChild:hover:after { z-index: 100 !important; opacity: 1 !important; visibility: visible !important;}
a.product:hover + ul { opacity: 1; max-height: 40em; visibility: visible; }		
ul.products:hover { position: absolute; visibility: visible; opacity: 1; display: block; max-height: 40em; }

@media (max-width: 1070px) {
  .navAppMode .hideonTablet { display: none !important; }
}
@media (max-width: 1000px) { .navAppMode { font-size: 13px; } }
@media (max-width: 890px) { .navAppMode .nam-nav li a { padding-left: 5px; padding-right: 5px; margin: 0; }
  .navAppMode .nam-accountnav b { display: none; } }
@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: 24px; margin: 5px 0; transition: .3s ease-out all; position: relative; top: 0; }
.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; border-bottom: 1px solid #d8dadf; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); 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; }
.navStaticPages ~ .content-container { margin-top: 20px; }
.navStaticPages > * { flex-grow: 1; }
.btn.orange {
    border: 1px solid #FD7A19;
    border-radius: 4px;
    color: #fff;
    padding: 10px 15px;
    box-shadow: none;
    background: #FD7A19;
}
.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 .nsp-logo {  width:300px;}
.navStaticPages  .content-wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 1252px;
    flex:1;
}
.navStaticPages nav {
    flex: 1;
    display: flex;
    justify-content: flex-start;
}
.navStaticPages>* {
    flex-grow: 0;
}
.navStaticPages .nsp-right { text-align: right; }
.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 10px; text-decoration: none; color: inherit; cursor: pointer; }
.navStaticPages nav ul > li a:hover { color: #0086cf; }
.navStaticPages nav ul > li ul {  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;  transition: 0.2s ease all; }
.navStaticPages nav ul > li ul li { display: block;    border: none;}
.navStaticPages nav ul > li ul li > a { display: block; position: relative; padding: 10px 5px; 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 { display: none !important; }
.navStaticPages.loggedout .signInBtn, .navStaticPages.loggedout .startNowBtn { display: inline-block !important; }
@media (max-width: 900px) { .navStaticPages { font-size: 14px; } }
@media (max-width: 800px) { .navStaticPages { z-index: 5500; min-height: 62px; font-size: 13px; position: fixed; width: 100%; top: 0; }
  .navStaticPages .showMobileMenu { display: inline-block; }
  .navStaticPages .hideonMobile, .navStaticPages.loggedout .hideonMobile { display: none !important; } }


.librarySideMenu.marketing { background: #fff; width: 100%; display: none; max-height: 0; transition: .3s ease all; transform: none; 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;  font-weight: bold; letter-spacing:0;}
.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; }
.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, #dropdownTypesLoading >div: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, #dropdownGalleriesLoading>div: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; }

.libraryArea .load_more, #dropdownGalleriesLoading .load_more, #dropdownTypesLoading .load_more, #tagsCloud .load_more{ display: block; visibility: hidden; text-align: center; font-size: 20px; padding: 15px; cursor: pointer; border: 1px dashed transparent; }
.libraryArea.loading .load_more, #dropdownGalleriesLoading .load_more, #dropdownTypesLoading .load_more, #tagsCloud .load_more { display: block; visibility: visible; font-size: 0; }
.libraryArea.loading .load_more:before,  #dropdownGalleriesLoading .load_more:before, #dropdownTypesLoading .load_more:before, #tagsCloud .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%; }

.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 > .all_tags { margin-top:.5rem; }
.library-line .item_name_desc > .description > i {display: inline-block; max-width: 75%; overflow: hidden; padding-right: 0  !important;}
.library-line .item_name_desc > .description > .changeLink {right: unset; top: unset; position: unset;     margin-left: 0 !important;}
.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: #8dc153; 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; }

.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 .tabContent .banner { background: #465466; padding: 30px; margin: -20px -20px 15px -20px;}
.tabContent .banner .description { margin-top: -30px; }
.tabContent .banner .description h2.banner-title { color: white; font-weight: 800; }
.tabContent .banner .description p { color: white; font-size: 15px; }
.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: #8dc153; 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.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; width: calc(100vw - 250px); }
  .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: '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; opacity: 0;  }
.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; }
.skinsList-item:hover { z-index: 200; }
.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:hover .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;
animation-name: bounceIn; animation-duration: 450ms; animation-timing-function: linear; animation-fill-mode: forwards;
}
@keyframes bounceIn{
	0%{ opacity: 0; transform: scale(0.3) translate3d(0,0,0); }
	50%{ opacity: 0.9; transform: scale(1.5); }
	80%{ opacity: 1; transform: scale(0.89); }
	100%{ opacity: 1; transform: scale(1) translate3d(0,0,0); }
}
.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; }
.skinsFilters .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.acive > a { background: #656d78; color: #fff; border-color: #656d78; }
.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 > 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 .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%;*/ max-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; overflow: auto; 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: #8dc153; }
.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: #8dc153; }
@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: #8dc153; color: #8dc153; 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: #8dc153; }
.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 #8dc153; border-color: #8dc153; 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 .captionField{display:block!important}
.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 .fileActions .embed_action[style="visibility: visible;"] { display: inline-block; }*/
.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: #8dc153 !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: #8dc153; 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: #8dc153; 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; }

.fileTags .itemsDropdown.tagsList { left: -170px; }

.itemsDropdown.tagsList .itemsDropdown_items ul > li:hover { background-color: #f6f7fb; }

.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 { width: 100%; display: block; padding: 0; margin: 0; border-collapse: collapse; overflow-x: hidden; max-height: 300px; }

.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 .selected { width: 45px; }

.itemsDropdown.tagsList { left: 0; right: auto; }

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

.searchInputCreate { color: #0086cf; cursor: pointer; }

.searchInput p { padding: 0 10px; }

.itemsDropdown.tagsList .itemsDropdown_items { overflow: hidden; }

.selectTags { font-size: 12px;}

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

.fb_share { background-repeat: no-repeat; margin: 5px auto; width: 120px; }

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

.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 input { display: none; }

.tags .tagsinput { background: inherit; border: none; overflow: auto; width: auto !important; height: auto !important; min-height: 0 !important; margin-bottom: 0; }

.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.getDemo { padding: 14px 39px; margin: 16px 0; }

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

.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:#000;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;}
.flash-animation {
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-name: flash;
	animation-iteration-count: infinite;
}

@keyframes flash {
    0%, 33%, 66%, to {
        opacity: 1
    }
    16.6%, 50%, 83.3% {
        opacity: 0
    }
}
.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;
}
.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;
    border-right: none;
}
.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;
    
    transition: 0.2s ease all;
    left: calc((385px - 100%) / -2);
}
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;
    align-items: center;
    flex-direction: row;
    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;
    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
}
.librarySideMenu.marketing.active {
    max-height: 100vh;
}

@media (min-width: 1025px){
    .navStaticPages .hideonDesktop {
        display: none !important;
    }
}
/*@media (max-width: 1040px){
    .navAppMode {
        font-size: 13px;
    }
}*/
@media (max-width: 1080px){
    .navStaticPages .nsp-logo {
        width: 250px;
    }
}

@media (max-width: 850px){
    .navAppMode {
        font-size: 11px;
    }
}
@media (max-width: 1035px){
    .navAppMode .nam-nav li a {
        padding-left: 5px;
        padding-right: 5px;
        margin: 0;
    }   
}

@media screen and (max-width: 1024px) and (min-width: 800px){
    .librarySideMenu.active {
        transform: translate(0, 0);
        opacity: 1;
        margin-top: 123px;
        display: block;
    }
}

@media (max-width: 1024px){
    .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 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 (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;
    }
}

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

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



.btn.upgrade { min-width: 80px;     background-color: #fcbd01 !important; border-color: #fcbd01 !important; color: white;}
.btn.upgrade .icon-crown { color: white !important; margin-right: 5px; }
.btn.small {
    padding: 8px 10px;
}
.new-dropdown{    background: linear-gradient(to top right, #ff5263 0%, #ff7381 35%, #fcbd01 100%) !important;
    border: none !important;
    height:34px;
	  padding: 7px 15px !important;
   }
.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;
    }

		
.create_landing {
    width: 100%;
    letter-spacing: 0 !important;
    /* padding: 15px 0px 15px 4px !important; */
    font-size: 14px !important;
}


.icon-blog2,.icon-resources,.icon-knowledge{font-size: 20px !important;}

.icon_wrapper i {
    
    line-height: 28px;
}

.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: 2px;
    margin-top: 9px;
}
@media only screen and (max-width: 1076px){
.vertical-line {
		height: 105px;}
	.first-row{
		    min-width: 148px;
	}
	.second-row {
		min-width: 140px;}
}

.menu-video-hosting.isactive>a>.icon-arrdwnsmall {
    transform: rotate(180deg);
}

ul.mobileMarketingMenu .menu-video-hosting ul{
    display: none !important;
}
ul.mobileMarketingMenu .menu-video-hosting.isactive ul {
    display: block !important;
}
.navStaticPages nav ul>li ul li:hover{  color: #000;}
.navStaticPages nav ul>li .products_submenu{
    visibility: hidden;
    opacity: 0;
    left: 113%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    top: -62%;
}

.navStaticPages nav ul>li.menu-video-hosting:hover    .products_submenu{
      visibility: visible;
          opacity: 1;
	    box-shadow: none;
    border: none;
}


.menu-video-hosting .text_wrapper i{
transform: rotate(-90deg);
    top: 0 !important;
    font-size: 20px !important;
}