@charset "UTF-8";
/* oldstyles css_part */
#prerow td {
  text-align: center;
  padding-left: 88px; }

.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.green {
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
  transition: none; }
  .btn.green:hover {
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); }
  .btn.green.getDemo {
    padding: 14px 39px;
    margin: 16px 0; }
.btn.getDemo {
  padding: 14px 39px;
  margin: 16px 0; }
.btn.upgrade {
  min-width: 80px;
  color: white; }
  .btn.upgrade .icon-crown {
    color: white !important;
    margin-right: 5px; }

.galleryDomains .domainsList ul li:last-child .domains {
  border-bottom: none; }

.checkBox input[type="checkbox"]:checked + i {
  background: #8dc153;
  box-shadow: none;
  border-color: #8dc153; }
.checkBox > b {
  line-height: 1.2;
  padding-left: 10px; }

.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;
    text-transform: uppercase; }
    .header .appnav .btn .icon-check {
      font-size: 16px;
      margin-right: 5px; }
  .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 .headRight {
    line-height: 40px;
    position: relative;
    white-space: nowrap; }
    .header .appnav .headRight .parentMenu {
      font-size: 13px;
      color: inherit; }
  .header .appnav .headCenter {
    display: none;
    line-height: 40px;
    position: relative;
    white-space: nowrap; }
  .header .appnav .headLeft {
    line-height: 40px;
    position: relative;
    white-space: nowrap;
    text-align: left;
    max-width: 48%; }
    .header .appnav .headLeft .dd-select {
      margin: 0; }
      .header .appnav .headLeft .dd-select a {
        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 > * {
          vertical-align: middle; }
        .header .appnav .headLeft .dd-select a:after {
          content: "";
          display: inline-block;
          vertical-align: middle;
          height: 111%;
          z-index: -1;
          visibility: hidden; }
        .header .appnav .headLeft .dd-select a .smallnew {
          position: absolute;
          font-size: 10px;
          color: #fe3c00;
          font-weight: bold;
          right: 0; }
        .header .appnav .headLeft .dd-select a .smallnew {
          position: absolute;
          font-size: 10px;
          color: #fe3c00;
          font-weight: bold;
          right: 0; }
        .header .appnav .headLeft .dd-select a:hover {
          color: #0086cf;
          border-bottom-color: #0086cf; }
        .header .appnav .headLeft .dd-select a.active {
          color: #0086cf;
          border-bottom-color: #0086cf;
          cursor: default; }
        .header .appnav .headLeft .dd-select a:first-child {
          margin-left: 0; }
    .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 a.menuItem > * {
        vertical-align: middle; }
      .header .appnav .headLeft a.menuItem:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 111%;
        z-index: -1;
        visibility: hidden; }
      .header .appnav .headLeft a.menuItem .smallnew {
        position: absolute;
        font-size: 10px;
        color: #fe3c00;
        font-weight: bold;
        right: 0; }
      .header .appnav .headLeft a.menuItem:hover {
        color: #0086cf;
        border-bottom-color: #0086cf; }
      .header .appnav .headLeft a.menuItem.active {
        color: #0086cf;
        border-bottom-color: #0086cf;
        cursor: default; }
      .header .appnav .headLeft a.menuItem:first-child {
        margin-left: 0; }
  .header .appnav .headRight {
    text-align: right;
    max-width: 48%;
    padding-right: 10px; }
  .header .appnav .headLeftOptions {
    line-height: 1;
    text-align: left; }
    .header .appnav .headLeftOptions > a {
      height: auto;
      margin: 5px 10px; }
    .header .appnav .headLeftOptions .try_other_box {
      vertical-align: middle;
      margin: 0 5px !important; }
      .header .appnav .headLeftOptions .try_other_box[style="display: block;"] {
        display: inline-block !important; }
      .header .appnav .headLeftOptions .try_other_box a {
        margin: 0 5px;
        line-height: 1;
        height: auto; }
    .header .appnav .headLeftOptions .prev_next_box {
      vertical-align: middle;
      margin: 0 5px !important; }
      .header .appnav .headLeftOptions .prev_next_box[style="display: block;"] {
        display: inline-block !important; }
      .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 .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 > a.beta {
      position: relative; }
      .header .appnav .accountMenu > a.beta:before {
        top: 17px;
        right: 12px;
        margin-right: 0; }
    .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 {
        color: #0086cf; }
      .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; }
  .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 .gridMenuWrap.active .gridMenu {
      visibility: visible;
      opacity: 1;
      max-height: 90vh; }
  .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 {
      list-style: none;
      display: block;
      margin: 0;
      padding: 0;
      width: 200px;
      max-width: 30vw; }
      .header .appnav .gridMenu li.divider {
        border-top: 1px solid #d8dadf;
        height: 0; }
    .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 > a > i {
            font-size: 40px; }
        .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 .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 {
          border-left: 1px solid #d8dadf;
          border-right: 1px solid #d8dadf;
          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 > li .pointer {
            position: relative; }
          .header .appnav .gridMenu > ul > li > ul > li.active > .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 > 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 > ul > li.active > a {
          background: #0086cf;
          color: #fff; }
        .header .appnav .gridMenu > ul > li:hover > a {
          background: #0086cf;
          color: #fff; }
      .header .appnav .gridMenu > ul li.active > ul {
        display: block;
        z-index: 60; }
    .header .appnav .gridMenu.active {
      visibility: visible;
      opacity: 1;
      max-height: 90vh; }
  .header .appnav a.beta {
    position: relative; }
  .header .appnav a: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 .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; }
  .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: -0.55em;
          right: 0;
          font-size: 0.8em;
          opacity: 0.7; }
        .header .appnav .sub-nav > ul > li > a {
          cursor: pointer;
          display: block;
          font-size: 14px;
          text-transform: uppercase;
          letter-spacing: 0.05em;
          color: #434a53;
          font-weight: normal;
          padding: 12px;
          text-decoration: none; }
        .header .appnav .sub-nav > 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;
          width: 230px;
          left: -20px;
          top: 100%;
          overflow: visible !important; }
          .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 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: 940px) and (min-width: 801px) {
  .header .appnav .accountMenu > a.btn b {
    max-width: 2em; }
  .header .appnav .headLeft > a {
    margin: -15px 3px;
    font-size: 16px; } }
@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 a .smallnew {
    right: 0; }
  .header .appnav a .headRight {
    max-width: 65%;
    max-width: calc(100% - 475px); }
  .header .appnav a > .logo {
    margin-right: 10px; } }
@media screen and (max-width: 1100px) {
  .header .appnav .btnflat .upgrade {
    min-width: 50px; }
    .header .appnav .btnflat .upgrade b {
      display: none; }
  .header .appnav .btnflat .createaccount {
    min-width: 50px; }
    .header .appnav .btnflat .createaccount b {
      display: none; }
  .header .appnav .btn.createaccount {
    min-width: 50px; }
    .header .appnav .btn.createaccount b {
      display: none; }
  .header .appnav .btn.upgrade {
    min-width: 50px; }
    .header .appnav .btn.upgrade b {
      display: none; }
  .header .appnav:not(.loggedout) .appnav .getdemoBtn {
    display: none; } }
@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;"] {
        display: table-cell !important;
        margin: 0 !important;
        text-align: center; }
        .header .appnav .headLeftOptions > div.prev_next_box[style="display: block;"] > a {
          display: inline-block;
          width: auto !important;
          height: auto !important; }
      .header .appnav .headLeftOptions > div.try_other_box[style="display: block;"] {
        display: table-cell !important;
        margin: 0 !important;
        text-align: center; }
        .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 {
    display: none; }
  .header .appnav a.btn[title="Support"] {
    display: none; }
  .header .appnav .phone-number span {
    display: none; }
  .header .appnav .sub-nav > ul {
    display: none; }

  .btn.big.showFullMenux i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px;
    opacity: 0; }
  .btn.big.showFullMenux .active i {
    opacity: 1; }
  .btn.big.showFullMenux .active b {
    opacity: 0; }

  .fullscreenMenu {
    padding: 160px 30px 20px 30px;
    padding-top: calc(80px); }
    .fullscreenMenu .col-md-4 {
      width: 33.33333333%;
      display: inline-block;
      vertical-align: top;
      border: none !important; } }
@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 {
    min-width: 0; }
  .header .appnav .btn.upgrade {
    min-width: 0; }
  .header .appnav .dd-select a {
    font-size: 15px;
    margin: 0; }
  .header .appnav a.try_other {
    font-size: 15px;
    margin: 0; }
  .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 {
    font-size: 0; }
  .header .appnav .btn.upgrade {
    font-size: 0; }
  .header .appnav .accountMenu > a.btn b {
    max-width: 2em; }
  .header.loggedout .appnav .getdemoBtn {
    display: none; }

  .btn.big.showFullMenu {
    padding: 14px 0px; } }
@media screen and (max-width: 350px) {
  .header .appnav .headRight {
    margin-right: -20px; }
    .header .appnav .headRight .header .appnav > .logo a {
      width: 70px; }
    .header .appnav .headRight .header .appnav .btn.upgrade {
      margin-right: 0; } }
body.hidescroll .container {
  height: 100vh;
  overflow: hidden; }

.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: 0.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; } }
.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: 0.05em; }
  .fullscreenMenu ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0.5em 0 2em 0;
    font-size: 17px; }
    .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 li {
    display: block;
    margin: 0.7em 0; }
  .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; }

.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; }
.librarySideMenu .create_gallery {
  width: auto;
  font-weight: bold;
  letter-spacing: 0;
  display: none; }
.librarySideMenu .upload_files {
  width: auto;
  display: block;
  font-weight: bold;
  letter-spacing: 0; }
.librarySideMenu #dropdownUsageMobile {
  display: none; }
.librarySideMenu .all_tags_block {
  overflow: auto;
  margin-right: -10px;
  padding: 5px 0; }
  .librarySideMenu .all_tags_block > h4 {
    margin-top: 0; }

/* /incl/_layout-logoutheader.scss */
@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 {
    font-size: 13px !important; }
  .header .appnav .try_other_box a {
    font-size: 13px !important; }
  .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; } }
@media screen and (max-width: 530px) {
  .header .appnav > .logo {
    width: 100px; }
    .header .appnav > .logo a {
      width: 100px;
      background-size: contain;
      background-position: center center; }
  .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 {
    width: 80px; }
    .header .appnav > .logo a {
      width: 80px;
      background-size: contain;
      background-position: center center; }
  .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; }

a.product:hover + ul {
  opacity: 1;
  max-height: 40em;
  visibility: visible; }

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

.navStaticPages ~ .content-container {
  margin-top: 20px; }
.navStaticPages > * {
  flex-grow: 0; }
.navStaticPages .nsp-right {
  text-align: right; }

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

#dropdownGalleriesLoading.load_more {
  display: block;
  text-align: center;
  padding: 15px;
  cursor: pointer;
  border: 1px dashed transparent;
  visibility: visible;
  font-size: 0; }
  #dropdownGalleriesLoading.load_more:before {
    font-family: "cincopaicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e61e";
    font-size: 50px;
    opacity: 0.3;
    animation: rotating-icon linear 0.7s;
    animation-iteration-count: infinite;
    transform-origin: 49% 52%;
    -webkit-animation: rotating-icon linear 0.7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 49% 52%;
    -moz-animation: rotating-icon linear 0.7s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 49% 52%;
    -ms-animation: rotating-icon linear 0.7s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 49% 52%; }

#dropdownTypesLoading.load_more {
  display: block;
  text-align: center;
  padding: 15px;
  cursor: pointer;
  border: 1px dashed transparent;
  visibility: visible;
  font-size: 0; }
  #dropdownTypesLoading.load_more:before {
    font-family: "cincopaicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e61e";
    font-size: 50px;
    opacity: 0.3;
    animation: rotating-icon linear 0.7s;
    animation-iteration-count: infinite;
    transform-origin: 49% 52%;
    -webkit-animation: rotating-icon linear 0.7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 49% 52%;
    -moz-animation: rotating-icon linear 0.7s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 49% 52%;
    -ms-animation: rotating-icon linear 0.7s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 49% 52%; }

#tagsCloud.load_more {
  display: block;
  text-align: center;
  padding: 15px;
  cursor: pointer;
  border: 1px dashed transparent;
  visibility: visible;
  font-size: 0; }
  #tagsCloud.load_more:before {
    font-family: "cincopaicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e61e";
    font-size: 50px;
    opacity: 0.3;
    animation: rotating-icon linear 0.7s;
    animation-iteration-count: infinite;
    transform-origin: 49% 52%;
    -webkit-animation: rotating-icon linear 0.7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 49% 52%;
    -moz-animation: rotating-icon linear 0.7s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 49% 52%;
    -ms-animation: rotating-icon linear 0.7s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 49% 52%; }

.library-line .item_name_desc > .all_tags {
  margin-top: 0.5rem; }
.library-line .item_name_desc .description > i {
  display: inline;
  max-width: 75%;
  overflow: hidden;
  padding-right: 0 !important;
  font-style: italic;
  color: #91969c; }
.library-line .item_name_desc .description > .changeLink {
  right: unset;
  top: unset;
  position: unset;
  margin-left: 0 !important; }

.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;
    font-size: 24px;
    text-align: left; }
  .tabContent .banner .description p {
    color: white;
    font-size: 15px; }

.libraryContainer.galleriesList .library-line .createGalleryNow > div {
  text-align: center; }
.libraryContainer.galleries_grid .library-line .filename > span:first-child {
  width: 100%; }

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

@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); } }
.skinsFilters .skinsMediaType.all > a > i {
  background-image: url("/_cms/design18/images/asterisk.jpg"); }
.skinsFilters .skinsMediaType.acive > a {
  border-color: #656d78; }

@media screen and (min-width: 1250px) {
  .wizardSteps {
    padding-left: 300px; } }
.container.activeContainer .skinPreviewArea {
  display: block; }

#singleskin_Wrapper .mediaElement {
  position: relative;
  z-index: 0; }

.skinPreviewArea .simulatorContainer .simulator iframe {
  max-width: 100%; }

.uploadItem .captionField {
  display: block !important;
  /*from oldpages*/ }

.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: rgba(0, 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; }

.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; } }
.icon_wrapper i {
  font-size: 32px; }

@media screen and (max-width: 1024px) and (min-width: 800px) {
  .librarySideMenu .create_gallery {
    font-size: 12px; }
  .librarySideMenu .upload_files {
    font-size: 12px; } }
@media screen and (min-width: 1025px) and (max-width: 1320px) {
  .loggedout .navStaticPages nav ul > li {
    display: inline-block;
    position: relative;
    margin-right: 16px; } }
.create_landing {
  width: 100%;
  letter-spacing: 0 !important;
  /* padding: 15px 0px 15px 4px !important;
	*/
  font-size: 14px !important; }

.devider {
  border-top: 1px solid #d6d6d6;
  margin-top: 10px;
  padding-top: 10px; }

/* global-styles css_part */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background: #f6f7fb;
  color: #6b7c93;
  padding: 0;
  margin: 0; }

body {
  background: #f6f7fb;
  color: #6b7c93;
  padding: 0;
  margin: 0; }

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

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

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

::-webkit-scrollbar {
  width: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

::-webkit-scrollbar-track {
  background: #dedede;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

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

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

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

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

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

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

.unsetTextTransform {
  text-transform: unset !important; }

.cp_disabled {
  opacity: .6;
  position: relative;
  pointer-events: none; }
  .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"); }

.cp_busy:after {
  content: " ";
  margin: auto;
  height: 15px;
  width: 15px;
  animation: 0.8s linear 0s infinite normal none running loader-rotate;
  border-width: 3px;
  border-style: solid;
  border-color: black transparent black black;
  border-image: initial;
  border-radius: 50%;
  position: absolute;
  inset: 0px; }

.cp_busy {
  opacity: .6;
  position: relative;
  pointer-events: none; }

@keyframes loader-rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.color-primary {
  color: #0086cf; }

.color-warning {
  color: #db4c3f; }

.mobileOnly {
  display: none !important; }

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

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

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

h4 {
  color: #434a54;
  margin: 1em 0 .5em 0;
  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";
  font-style: normal;
  font-size: 24px;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    display: inline-block;
    vertical-align: top; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-sm-offset-0 {
    margin-left: 0%; } }
@media (min-width: 1024px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    font-size: 1rem;
    display: inline-block;
    vertical-align: top; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-md-offset-0 {
    margin-left: 0%; } }
@media (min-width: 1200px) {
  #container.container-pages .content-container {
    padding: 0 !important; }

  .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 {
  content: " ";
  display: table; }

.container:before {
  content: " ";
  display: table; }

.container-fluid:before {
  content: " ";
  display: table; }

.row:before {
  content: " ";
  display: table; }

.clearfix:after {
  content: " ";
  display: table;
  clear: both; }

.container:after {
  content: " ";
  display: table;
  clear: both; }

.container-fluid:after {
  content: " ";
  display: table;
  clear: both; }

.row:after {
  content: " ";
  display: table;
  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 {
  font-size: 16px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #434a54;
  -webkit-appearance: none;
  background: transparent no-repeat right center !important;
  height: 40px;
  *height: 26px;
  /* IE7 */
  background-image: url("/_cms/design18/images/check-mark-icon.png") !important;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  overflow: hidden;
  line-height: 1em\9;
  padding-right: 0 \9; }
  select.plain {
    visibility: visible;
    background: #fff; }
  select::-ms-expand {
    background: transparent;
    color: transparent;
    border: none;
    display: none; }

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

  /* IE10 */ }
.bubbleInfo {
  color: #ccd0d9;
  cursor: help;
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .bubbleInfo:hover {
    color: #434a53; }
  .bubbleInfo .trigger {
    color: inherit !important; }
    .bubbleInfo .trigger:before {
      font-family: "cincopaicons";
      font-style: normal;
      font-size: 24px;
      font-weight: normal;
      font-variant: normal;
      speak: none;
      text-transform: none;
      line-height: 1;
      vertical-align: middle;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e644"; }
  .bubbleInfo .popupwrap {
    position: absolute;
    left: 0;
    width: 100%; }
  .bubbleInfo .popup {
    white-space: normal;
    display: none;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    background: #434a53;
    color: #fff;
    bottom: 100%;
    left: 0;
    z-index: 500;
    padding: 5px 10px;
    line-height: 1.2em;
    border-radius: 4px;
    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;
  vertical-align: middle;
  text-align: center;
  color: #434a54;
  cursor: pointer;
  min-width: 24px;
  min-height: 24px;
  line-height: 1em;
  text-transform: none;
  font-family: "Montserrat", "Roboto", sans-serif;
  font-size: 16px;
  text-decoration: none !important;
  margin: 0 5px;
  outline: none;
  text-overflow: ellipsis;
  outline: none !important;
  position: relative;
  /* green will work like blue :) */ }
  .btn:hover {
    overflow: visible; }
  .btn:hover > i {
    color: #434a54; }
  .btn:hover .hint {
    visibility: visible;
    opacity: 1; }
  .btn.btnfull {
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .btn.orange {
    border: 1px solid #FD7A19;
    border-radius: 4px;
    color: #fff;
    padding: 10px 15px;
    box-shadow: none;
    background: #FD7A19; }
    .btn.orange:hover {
      background: #ef8d44; }
  .btn.btn--bold {
    font-weight: bold; }
  .btn.blue, .btn.primary {
    color: #fff;
    padding: 16px;
    border: 1px solid #0086cf;
    background: #0086CF;
    border-radius: 3px;
    box-shadow: none;
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    transition: none;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 16px;
    margin: 0 10px;
    text-transform: capitalize;
    letter-spacing: 0.6px; }
  .btn.blue > i, .btn.primary > i {
    color: inherit; }
  .btn > i {
    font-size: 24px;
    color: #aab2bd;
    margin: -6px 0; }
  .btn.btn-2019 {
    font-family: "Montserrat", "Open Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    min-width: 298px;
    border-radius: 3px;
    line-height: 16px;
    padding: 16px !important;
    text-transform: uppercase;
    margin: 0 10px;
    margin-bottom: 10px;
    letter-spacing: 0.6px; }
  .btn > * {
    vertical-align: middle;
    display: inline-block;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all; }
  .btn.blue:hover, .btn.primary:hover {
    color: #fff;
    background: #027abb; }
  .btn.blue:active, .btn.primary:active {
    border-color: #0871b9;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3); }
  .btn.primary2 {
    color: #fff;
    border: 1px solid #fb6721;
    padding: 10px 15px;
    background: #fb6721;
    box-shadow: none;
    border-radius: 3px;
    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: 10px 15px;
    border: 1px solid #d8dadf;
    border-radius: 3px;
    text-shadow: none;
    min-height: 40px;
    padding: 12px 10px; }
  .btn.btnflat > i, .btn.secondary > i {
    color: #434a54; }
  .btn.btnflat:hover, .btn.secondary:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
  .btn.btnflat:active, .btn.secondary:active {
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3); }
  .btn.secondary2 {
    color: #0086cf;
    background: #f3f9fd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feffff), color-stop(100%, #e6f3fa));
    background-image: -webkit-linear-gradient(top, #feffff, #e6f3fa);
    background-image: -moz-linear-gradient(top, #feffff, #e6f3fa);
    background-image: -ms-linear-gradient(top, #feffff, #e6f3fa);
    background-image: -o-linear-gradient(top, #feffff, #e6f3fa);
    background-image: linear-gradient(to bottom, #feffff 0%, #e6f3fa 100%);
    text-decoration: 0 1px 0 #fff;
    padding: 13px 25px;
    border: 1px solid #0086cf;
    border-radius: 3px; }
    .btn.secondary2 > i {
      color: #0086cf; }
    .btn.secondary2:hover {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
    .btn.secondary2:active {
      box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3); }
  .btn.secondary3 {
    color: #fff;
    border: 1px solid #86adc2;
    padding: 10px 15px;
    background: #86adc2;
    box-shadow: none;
    border-radius: 3px;
    padding: 12px 10px;
    font-weight: 600; }
    .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 {
    color: #0086cf;
    padding: 10px 15px;
    border: 1px solid #d8dadf;
    background: #f5f5f5;
    border-radius: 3px;
    font-size: 14px;
    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%);
    border: 1px solid #d8dadf;
    font-weight: normal;
    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: 10px 15px;
    border: 1px solid #0086CF;
    background: #0086CF;
    border-radius: 4px; }
    .btn.green > i {
      color: inherit; }
    .btn.green:hover {
      background: #027abb; }
    .btn.green:active {
      box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3); }
  .btn.green-outline {
    color: #0086CF;
    padding: 10px 15px;
    border: 1px solid #0086CF;
    background: transparent;
    border-radius: 4px; }
    .btn.green-outline > i {
      color: inherit; }
    .btn.green-outline:hover {
      color: #fff;
      border-color: #0086CF;
      background: #0086CF; }
  .btn.red {
    color: #fff;
    padding: 10px 15px;
    border: 1px solid #db4c3f;
    background: #db4c3f;
    border-radius: 4px; }
    .btn.red > i {
      color: inherit; }
    .btn.red:hover {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
    .btn.red:active {
      box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3); }
  .btn.gray {
    color: #fff;
    padding: 10px 15px;
    border: 1px solid #aab2bd;
    background: #aab2bd;
    border-radius: 4px; }
    .btn.gray > i {
      color: inherit; }
    .btn.gray:hover {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
    .btn.gray:active {
      box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3); }
  .btn.dark {
    color: #fff;
    padding: 10px 15px;
    border: 1px solid #434a53;
    background: #434a53;
    border-radius: 4px; }
    .btn.dark > i {
      color: inherit; }
    .btn.dark:hover {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
    .btn.dark:active {
      box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3); }
  .btn.purple {
    color: #fff;
    padding: 10px 15px;
    border: 1px solid #967bdc;
    background: #967bdc;
    border-radius: 4px;
    font-weight: 600;
    box-shadow: none; }
    .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;
    padding: 8px 10px;
    border: 1px solid #ccd0d9;
    background: transparent;
    border-radius: 0;
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    min-width: 100px; }
    .btn.toggle span[class^="icon"], .btn.toggle > i {
      color: inherit;
      font-size: 18px;
      margin-right: 3px; }
    .btn.toggle:hover {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
    .btn.toggle:active {
      box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3); }
    .btn.toggle.active {
      background: #656d78 !important;
      color: #fff !important;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
      border-color: #656d78 !important;
      cursor: default;
      pointer-events: none; }
  .btn.trans {
    border: none;
    background: none;
    box-shadow: none;
    overflow: visible; }
    .btn.trans > i, .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 {
    color: #fff;
    padding: 15px 10px;
    border: 2px solid;
    background: none;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 600;
    box-shadow: none;
    overflow: hidden;
    text-transform: uppercase;
    min-width: 180px; }
    .btn.outlined i, .btn.outlined b {
      color: inherit; }
    .btn.outlined .icon-video {
      margin-right: -7px; }
    .btn.outlined.small {
      font-weight: normal;
      text-transform: none;
      border-radius: 4px; }
    .btn.outlined:hover {
      background: rgba(255, 255, 255, 0.1); }
  .btn.bigPromo {
    color: #0086cf;
    padding: 30px;
    border: 1px solid #e4e9f0;
    background: #f7f7f7;
    border-radius: 5px;
    width: 760px;
    max-width: 100%;
    font-size: 18px;
    font-weight: normal; }
    .btn.bigPromo:hover {
      background: #0086cf;
      color: #fff; }
  .btn.rounded {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #d8dadf;
    text-align: center;
    line-height: 36px;
    background: #fff; }
    .btn.rounded > i {
      line-height: 37px;
      margin: 0; }
    .btn.rounded:hover {
      border-color: #0086cf;
      box-shadow: 0 0 0 1px #0086cf; }
    .btn.rounded :active {
      box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3); }
      .btn.rounded :active:active > i {
        transform: scale(1.6);
        opacity: .5; }
    .btn.rounded.active {
      border-color: #0871b9;
      box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3) !important;
      cursor: default !important; }
      .btn.rounded.active > i {
        color: #0086cf; }
  .btn.square {
    border: 1px solid #ccd0d9;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    width: 52px;
    height: 30px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    line-height: 26px; }
    .btn.square:active {
      box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3); }
      .btn.square:active > i {
        transform: scale(1.6);
        opacity: .5; }
    .btn.square > i {
      color: #aab2bc;
      line-height: 26px;
      margin: 0; }
    .btn.square:hover > i {
      color: #0086cf; }
    .btn.square:hover {
      border-color: #0086cf;
      box-shadow: 0 0 0 1px #0086cf; }
    .btn.square.active {
      border-color: #0871b9;
      box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3) !important;
      cursor: default !important; }
  .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.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;
    margin-right: 5px; }
    .btn.upgrade .icon-crown {
      color: #ffc330 !important;
      margin-right: 5px; }
  .btn.small {
    padding: 8px 10px; }
  .btn.smallest {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1em;
    padding: 4px 10px; }
  .btn.big {
    padding: 17px 30px;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 3px;
    border: none; }
  .btn.bigger {
    text-transform: uppercase;
    font-size: 14px;
    padding: 17px 20px;
    margin: 5px 15px; }
  .btn .disabled {
    opacity: .6;
    cursor: default;
    pointer-events: none; }
  .btn.freeTrial {
    color: #fff;
    padding: 14px 36px !important;
    border: 1px splid #41BB40 !important;
    background: #41BB40;
    border-radius: 3px;
    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%);
    margin: 0 0; }
    .btn.freeTrial b {
      color: #fff !important; }
  .btn.getDemo b {
    color: #fff !important; }
  .btn.secondary.blue {
    border: 1px solid #139CE6;
    color: #139CE6;
    justify-content: center;
    align-items: center;
    display: flex; }
    .btn.secondary.blue:hover {
      background-color: #139CE6;
      color: #fff; }

.new-dropdown {
  padding: 7px 15px !important;
  background: linear-gradient(to top right, #ff5263 0%, #ff7381 35%, #fcbd01 100%) !important;
  border: none !important;
  height: 34px; }
  .new-dropdown b {
    margin-top: 3px; }
  .new-dropdown:before {
    border: none !important; }

.link-child {
  text-decoration: underline;
  text-align: center;
  font-size: 13px; }
  .link-child a {
    color: black !important; }
    .link-child a:hover {
      color: #0086cf !important; }
  .link-child:hover {
    background: none !important; }

.new-dropdown-expand {
  overflow: visible !important; }
  .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 li {
    height: 54px; }
    .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 li:first-child .text_wrapper {
        height: 28px; }
    .new-dropdown-expand li > a {
      text-decoration: underline; }
  .new-dropdown-expand .img_wrapper {
    width: 40px;
    height: 34px;
    text-align: center; }
  .new-dropdown-expand img {
    width: 100%; }
  .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; }

.checkBox {
  vertical-align: top;
  position: relative;
  cursor: pointer;
  display: inline; }
  .checkBox input[type=checkbox] {
    display: none; }
    .checkBox input[type=checkbox] + i {
      height: 20px;
      width: 20px;
      display: inline-block;
      vertical-align: middle;
      margin: 0 5px;
      background: #fff;
      border: 1px solid #d8dadf;
      border-radius: 3px;
      box-shadow: inset 0 1px 4px #d8dadf;
      cursor: pointer;
      margin-right: -40px !important; }
    .checkBox input[type=checkbox] + i:before {
      content: "\e602";
      font-family: "cincopaicons";
      font-size: 13px;
      color: #fff;
      display: inline-block;
      text-align: center;
      width: 100%;
      vertical-align: top;
      line-height: 18px;
      opacity: 0; }
    .checkBox input[type=checkbox]:checked + i {
      background: #3eb060;
      box-shadow: none;
      border-color: #3eb060;
      width: 20px;
      height: 20px;
      margin: 0 5px;
      margin-right: -40px; }
      .checkBox input[type=checkbox]:checked + i:before {
        opacity: 1; }
  .checkBox > * {
    vertical-align: middle;
    display: inline-block; }
  .checkBox > b {
    line-height: 1.2;
    padding-left: 50px; }
  .checkBox:hover > i {
    border-color: #434a53; }
  .checkBox .field {
    margin: 2px 0;
    color: #aab2bd;
    font-size: 13px;
    padding: 9px;
    border-radius: 2px;
    border: 1px solid #d8dadf;
    margin-left: 10px; }

.radioBox {
  vertical-align: top;
  position: relative;
  cursor: pointer;
  display: inline; }
  .radioBox input[type=radio] {
    display: none; }
    .radioBox input[type=radio] + i {
      background: #fff;
      height: 20px;
      width: 20px;
      display: inline-block;
      border-radius: 20px;
      vertical-align: middle;
      margin: 0 5px;
      border: 1px solid #d8dadf;
      box-shadow: inset 0 1px 4px #d8dadf;
      cursor: pointer;
      margin-right: -40px !important; }
      .radioBox input[type=radio] + i:before {
        background: #0086cf;
        height: 12px;
        width: 12px;
        display: inline-block;
        border-radius: 20px;
        content: '';
        text-align: center;
        vertical-align: top;
        line-height: 18px;
        opacity: 0;
        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.2s ease all; }
    .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 {
  color: #656d78;
  padding: 3px 10px;
  border: 1px solid #d8dadf;
  background: #d8dadf;
  border-radius: 4px;
  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";
      font-style: normal;
      font-size: 20px;
      font-weight: normal;
      font-variant: normal;
      speak: none;
      text-transform: none;
      line-height: 1;
      vertical-align: middle;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      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.2s 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.active > .title {
        cursor: default; }
        .collapsibleItem.big.active > .title:before {
          top: 32px;
          right: 19px;
          content: "\e613";
          font-size: 24px;
          color: #0086cf; }
    .collapsibleItem.big > .content {
      padding-left: 0; }
      .collapsibleItem.big > .content ul {
        padding-left: 1.3em; }
      .collapsibleItem.big > .content > *:last-child {
        margin-bottom: 0; }
  .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: "\2212";
      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-family: "Raleway", "Open Sans", Arial, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: #0086cf;
      margin: 5px auto;
      padding: 0 32px 0 0;
      text-transform: uppercase;
      display: inline-block; }
      .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: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: "\2212";
    opacity: 1; }
  .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: "+"; }

.codeField {
  border: 1px solid #aab2bc;
  padding: 15px 18px;
  color: #aab2bc;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  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: -ms-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, .fieldItem .argumentGroup .bubbleInfo .popup {
    left: 20px; }

.fieldBox {
  position: relative;
  margin: 20px 0;
  color: #fff; }
  .fieldBox .fb-field {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #343a41;
    border: 1px solid #d8dade;
    border-radius: 2px;
    padding: 14px;
    outline: none !important; }
    .fieldBox .fb-field:focus {
      border-color: #656d77 !important; }
  .fieldBox select.fb-field {
    text-align: left;
    height: auto;
    color: #717171;
    padding-right: 35px;
    background-color: #fff !important;
    background-position: calc(100% - 10px) 50% !important; }
  .fieldBox .fb-msg {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 10px;
    font-size: 12px;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 3px; }
    .fieldBox .fb-msg.danger {
      background-color: #db4c3f;
      color: #fff; }
  .fieldBox.error .fb-field {
    border-color: #db4c3f !important; }
  .fieldBox .fb-hint {
    color: #fff;
    font-size: 13px;
    opacity: .5;
    position: absolute;
    margin-top: 5px; }
  .fieldBox.grouped {
    display: table;
    width: 100%; }
    .fieldBox.grouped > div {
      display: table-cell; }
      .fieldBox.grouped > div .fb-field {
        border-radius: 0;
        border-left-color: transparent; }
      .fieldBox.grouped > div:first-child .fb-field {
        border-radius: 2px 0 0 2px;
        border-left-color: #d8dade; }
      .fieldBox.grouped > div:last-child .fb-field {
        border-radius: 0 2px 2px 0; }

.progressbar {
  width: 100%;
  height: 20px;
  text-align: left;
  overflow: hidden;
  background: #D8DADF;
  border-radius: 18px; }
  .progressbar .progressbar_value {
    width: 0;
    height: 100%;
    border-radius: 18px;
    background: #0086cf; }
  .progressbar.good .progressbar_value {
    background: #3eb060; }
  .progressbar.bad .progressbar_value {
    background: #db4c3f; }

.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 {
    -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;
    background: #1f9eeb;
    height: 100%;
    width: 0;
    display: inherit;
    border-radius: 15px;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
    .prgsLine .value:before {
      background: inherit;
      height: 100%;
      width: 100%;
      display: block;
      border-radius: 15px;
      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: '';
      position: absolute;
      top: 0;
      left: 0; }
    .prgsLine .value .title {
      position: absolute;
      width: 100%;
      bottom: 100%;
      text-align: right;
      display: none; }
      .prgsLine .value .title > div {
        color: #0086cf;
        padding: 3px 6px;
        border: 1px solid #ccd0d9;
        background: #f1f2f6;
        border-radius: 5px;
        display: inline-block;
        margin: 0 -16px 10px -16px;
        font-size: 11px; }
    .prgsLine .value .track {
      width: 100%;
      height: 100%;
      border-radius: 15px;
      background: url("/_cms/design18/images/icon-1.png") left center;
      animation: progress linear .5s;
      animation-iteration-count: infinite;
      -webkit-animation: progress linear .5s;
      -webkit-animation-iteration-count: infinite;
      -moz-animation: progress linear .5s;
      -moz-animation-iteration-count: infinite;
      -ms-animation: progress linear .5s;
      -ms-animation-iteration-count: infinite; }
    .prgsLine .value.progressBarComplete {
      background: #3eb060; }
      .prgsLine .value.progressBarComplete .track {
        animation: none;
        -webkit-animation: none;
        -ms-animation: none;
        -moz-animation: none; }
  .prgsLine .progressBarStatus {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    left: 0;
    color: #fff;
    text-transform: uppercase;
    opacity: .6;
    line-height: 1;
    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; } }
.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";
      font-style: normal;
      font-size: 24px;
      font-weight: normal;
      font-variant: normal;
      speak: none;
      text-transform: none;
      line-height: 1;
      vertical-align: middle;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      right: -2px;
      top: 50%;
      margin-top: -11px;
      color: #0086cf;
      content: "\e601"; }
    .dd-container .dd-selected:hover {
      color: #0086cf; }
    .dd-container .dd-selected + .dd-pointer-up {
      display: inline-block;
      width: 12px;
      height: 10px;
      position: absolute;
      top: 100%;
      left: 20px;
      margin-top: -9px;
      z-index: 105;
      background-repeat: no-repeat;
      background-position: center top;
      background-image: url("/_cms/design18/images/lock-up-icon.png"); }
  .dd-container a * {
    cursor: pointer; }
  .dd-container .dd-options {
    position: absolute;
    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;
    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:first-child > a {
      border-top: none; }
    .dd-container .dd-options > .dd-option:hover, .dd-container .dd-options > .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";
    font-style: normal;
    font-size: 24px;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    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 screen and (max-width: 800px) {
  .mobileOnly {
    display: block !important; }

  .headRight .mobileOnly {
    display: inline-block !important; }

  span.tooltip .close {
    float: right;
    margin: -13px -10px 5px 5px;
    display: inline-block;
    text-decoration: none; }
    span.tooltip .close:before {
      font-family: "cincopaicons";
      font-style: normal;
      font-size: 24px;
      font-weight: normal;
      font-variant: normal;
      speak: none;
      text-transform: none;
      line-height: 1;
      vertical-align: middle;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e613"; } }
.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";
    font-style: normal;
    font-size: inherit;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    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; }
  .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;
  font-size: 13px;
  font-weight: 400;
  opacity: 0;
  visibility: hidden;
  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;
  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: 0.2s ease all; }

.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: 0.2s ease all; }

.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";
    font-style: normal;
    font-size: 24px;
    font-weight: normal;
    font-variant: normal;
    speak: none;
    text-transform: none;
    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; }
.argumentGroup.disabled_group {
  position: relative; }
  .argumentGroup.disabled_group .argumentValue {
    -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 .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; }

.argumentValue {
  position: relative; }
  .argumentValue .dd-container .dd-selected {
    padding-left: 0; }
  .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; }

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

.oldPagesLinks {
  font-size: 12px;
  cursor: pointer; }

.appnav {
  padding: 15px 0; }
  .appnav.cp-hide {
    opacity: 0; }

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

.sticky_footer {
  position: fixed;
  background-color: #0076FE;
  width: 100%;
  z-index: 2000;
  bottom: 0;
  left: 0;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  padding: 9px 24px;
  font-family: "Montserrat", "Open Sans";
  font-size: 18px;
  display: inline-block;
  max-width: 100%; }
  .sticky_footer span {
    display: inline-block;
    margin-right: 50px;
    max-width: 100%;
    font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif !important;
    color: #fff; }
  .sticky_footer a {
    display: inline-block;
    background: transparent;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    padding: 10px 26px;
    border: 2px solid #218EFF;
    border-radius: 18px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none; }
  .sticky_footer.danger {
    background-color: #cd300a; }
    .sticky_footer.danger a {
      border: none;
      background-color: #951E01;
      border-radius: 2px;
      margin-left: 20px;
      font-size: 16px;
      font-weight: bold;
      color: #fff; }
  @media only screen and (max-width: 800px) {
    .sticky_footer {
      font-size: 13px;
      padding: 10px 24px; }
      .sticky_footer span {
        margin-right: 10px; } }
  @media only screen and (max-width: 484px) {
    .sticky_footer {
      font-size: 12px;
      padding: 10px; }
      .sticky_footer span {
        margin-right: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12px; }
      .sticky_footer a {
        margin-top: 8px; } }

@media screen and (max-width: 1865px) and (min-width: 1201px) {
  .btn.square {
    width: 40px; } }
@media screen and (max-width: 972px) and (min-width: 801px) {
  .btn.square {
    width: 40px; } }
.dropDown_num-nav .nam-nav {
  list-style: none;
  display: inline-flex;
  padding: 0;
  align-items: center; }
  .dropDown_num-nav .nam-nav .icon-arr_drop {
    line-height: 12px;
    position: relative;
    top: -1px;
    margin-right: -6px; }
  .dropDown_num-nav .nam-nav .user_logo_header {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 14px; }
  .dropDown_num-nav .nam-nav li {
    display: inline-block;
    position: relative; }
    .dropDown_num-nav .nam-nav li.hasChild ul li {
      padding: 0 20px; }
      .dropDown_num-nav .nam-nav li.hasChild ul li.full_name {
        padding: 20px; }
    .dropDown_num-nav .nam-nav li.hasChild:before {
      content: '';
      display: block;
      opacity: 0;
      transition: 0.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 #fff transparent;
      visibility: hidden; }

.nam-nav li.hasChild:after {
  content: '';
  display: block;
  opacity: 0;
  transition: 0.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 #fff transparent;
  visibility: hidden; }

.dropDown_num-nav .nam-nav li ul li {
  display: block;
  overflow: hidden;
  color: #000;
  padding: 0 5px; }
  .dropDown_num-nav .nam-nav li ul li > a {
    display: block;
    position: relative;
    padding: 10px 0;
    margin: 0;
    color: #0086cf;
    text-decoration: none;
    line-height: 1.1em; }
    .dropDown_num-nav .nam-nav li ul li > a:hover {
      color: #000;
      background: transparent; }
.dropDown_num-nav .nam-nav li.hasClick:before {
  margin: 11px -1px -2px -1px;
  border-width: 0 9.5px 13px 9.5px;
  border-color: transparent transparent #cdcdcd transparent;
  content: '';
  display: block;
  opacity: 0;
  transition: 0.3s ease opacity;
  position: absolute;
  bottom: 100%;
  right: 25px;
  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 #fff transparent;
  visibility: hidden; }
.dropDown_num-nav .nam-nav li.hasClick:after {
  content: '';
  display: block;
  opacity: 0;
  transition: 0.3s ease opacity;
  position: absolute;
  bottom: 100%;
  right: 25px;
  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 #fff transparent;
  visibility: hidden; }
.dropDown_num-nav .nam-nav li.divider {
  border-bottom: 1px rgba(0, 0, 0, 0.1) solid !important;
  margin: 5px 0; }
  .dropDown_num-nav .nam-nav li.divider.divider-nomargin {
    margin: 0; }
.dropDown_num-nav .nam-nav li a {
  display: block;
  padding: 20px 0;
  margin: 0 10px;
  text-decoration: none;
  cursor: pointer;
  position: relative; }
  .dropDown_num-nav .nam-nav li a.autoccBTN {
    padding: 12px 10px;
    margin: 0;
    text-align: left;
    background-color: #0086cf; }
    .dropDown_num-nav .nam-nav li a.autoccBTN:hover {
      background-color: #02679e; }
  .dropDown_num-nav .nam-nav li a:not(.autoccBTN):before {
    display: none;
    content: '';
    position: absolute;
    border-bottom: 3px solid;
    width: 100%;
    bottom: 13px;
    left: 0; }
.dropDown_num-nav .nam-nav li.hasChild:before {
  content: '';
  display: block;
  opacity: 0;
  transition: 0.3s ease opacity;
  position: absolute;
  bottom: 100%;
  right: 23px;
  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 #fff transparent;
  visibility: hidden; }

.nam-nav li.hasChild:after {
  content: '';
  display: block;
  opacity: 0;
  transition: 0.3s ease opacity;
  position: absolute;
  bottom: 100%;
  right: 23px;
  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 #fff transparent;
  visibility: hidden; }

.dropDown_num-nav .nam-nav li ul {
  overflow: auto;
  overflow-x: hidden;
  display: block;
  position: absolute;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.23) 0px 1px 10px;
  margin: 0px;
  top: 50%;
  margin-top: 13px;
  margin-right: 5px;
  border: 1px solid #cdcdcd;
  list-style: none;
  background: #fff;
  z-index: 100;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  transition: 0.2s ease all;
  padding: 0;
  min-width: 350px; }
  .dropDown_num-nav .nam-nav li ul li {
    display: block;
    overflow: hidden;
    color: #000;
    padding: 0 5px; }
    .dropDown_num-nav .nam-nav li ul li > a {
      display: block;
      position: relative;
      padding: 10px 0;
      margin: 0;
      color: #0086cf;
      text-decoration: none;
      line-height: 1.1em; }
      .dropDown_num-nav .nam-nav li ul li > a:hover {
        color: #000;
        background: transparent; }
.dropDown_num-nav .nam-nav div {
  position: relative; }
  .dropDown_num-nav .nam-nav div.hasChild ul li {
    padding: 0 20px; }
    .dropDown_num-nav .nam-nav div.hasChild ul li.full_name {
      padding: 20px; }
  .dropDown_num-nav .nam-nav div.hasChild:before, .dropDown_num-nav .nam-nav div.hasChild:after {
    content: '';
    display: block;
    opacity: 0;
    transition: 0.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 #fff transparent;
    visibility: hidden; }
  .dropDown_num-nav .nam-nav div ul li {
    display: block;
    overflow: hidden;
    color: #000;
    padding: 0 5px; }
    .dropDown_num-nav .nam-nav div ul li > a {
      display: block;
      position: relative;
      padding: 10px 0;
      margin: 0;
      color: #0086cf;
      text-decoration: none;
      line-height: 1.1em; }
      .dropDown_num-nav .nam-nav div ul li > a:hover {
        color: #000;
        background: transparent; }
  .dropDown_num-nav .nam-nav div.hasClick:before {
    margin: 11px -1px -2px -1px;
    border-width: 0 9.5px 13px 9.5px;
    border-color: transparent transparent #cdcdcd transparent;
    content: '';
    display: block;
    opacity: 0;
    transition: 0.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 #fff transparent;
    visibility: hidden; }
  .dropDown_num-nav .nam-nav div.hasClick:after {
    content: '';
    display: block;
    opacity: 0;
    transition: 0.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 #fff transparent;
    visibility: hidden; }
  .dropDown_num-nav .nam-nav div.divider {
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid !important;
    margin: 5px 0; }
    .dropDown_num-nav .nam-nav div.divider.divider-nomargin {
      margin: 0; }
  .dropDown_num-nav .nam-nav div a {
    display: block;
    padding: 20px 0;
    margin: 0 10px;
    text-decoration: none;
    cursor: pointer;
    position: relative; }
    .dropDown_num-nav .nam-nav div a.autoccBTN {
      padding: 12px 10px;
      margin: 0;
      text-align: left;
      background-color: #0086cf; }
      .dropDown_num-nav .nam-nav div a.autoccBTN:hover {
        background-color: #02679e; }
    .dropDown_num-nav .nam-nav div a:not(.autoccBTN):before {
      display: none;
      content: '';
      position: absolute;
      border-bottom: 3px solid;
      width: 100%;
      bottom: 13px;
      left: 0; }
  .dropDown_num-nav .nam-nav div.hasChild:before {
    content: '';
    display: block;
    opacity: 0;
    transition: 0.3s ease opacity;
    position: absolute;
    bottom: 100%;
    right: 4px;
    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 #4186e0 transparent;
    visibility: hidden; }

.nam-nav div.hasChild:after {
  content: '';
  display: block;
  opacity: 0;
  transition: 0.3s ease opacity;
  position: absolute;
  bottom: 100%;
  right: 4px;
  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 #4186e0 transparent;
  visibility: hidden; }

.dropDown_num-nav .nam-nav div ul {
  overflow: auto;
  overflow-x: hidden;
  display: block;
  position: absolute;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.23) 0px 1px 10px;
  margin: 0px;
  top: 50%;
  margin-top: 6px;
  margin-right: 5px;
  border: 1px solid #cdcdcd;
  list-style: none;
  background: #fff;
  z-index: 100;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  transition: 0.2s ease all;
  padding: 0;
  min-width: 350px; }
  .dropDown_num-nav .nam-nav div ul li {
    display: block;
    overflow: hidden;
    color: #000;
    padding: 0 5px; }
    .dropDown_num-nav .nam-nav div ul li > a {
      display: block;
      position: relative;
      padding: 10px 0;
      margin: 0;
      color: #0086cf;
      text-decoration: none;
      /*line-height: 1.1em;*/
      font-size: 16px;
      font-family: "Montserrat";
      font-weight: 500;
      letter-spacing: .6px;
      line-height: 17.6px; }
      .dropDown_num-nav .nam-nav div ul li > a:hover {
        color: #000;
        background: transparent; }
.dropDown_num-nav .nam-nav li.hasChild:before {
  margin: 11px -1px -2px -1px;
  border-width: 0 9.5px 13px 9.5px;
  border-color: transparent transparent #cdcdcd transparent; }
.dropDown_num-nav .nam-nav li.hasChild.doubleIcon:before {
  right: 28px; }

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

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

.dropDown_num-nav .nam-nav li.hasChild.active > a:before {
  display: block; }
.dropDown_num-nav .nam-nav li.hasChild.active ul {
  opacity: 1;
  max-height: 40em;
  visibility: visible; }
  .dropDown_num-nav .nam-nav li.hasChild.active ul:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    height: 15px;
    bottom: 100%; }
.dropDown_num-nav .withIcon {
  right: 190px; }
.dropDown_num-nav .nam-nav li.withIcon > a {
  white-space: nowrap; }
  .dropDown_num-nav .nam-nav li.withIcon > a:before {
    display: none !important; }
.dropDown_num-nav .nam-nav li.current > a:not(.autoccBTN) {
  color: #48b7fc;
  text-decoration: none; }
.dropDown_num-nav .nam-nav li.new > a {
  position: relative; }
  .dropDown_num-nav .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; }
.dropDown_num-nav .nam-nav > li > a {
  text-align: center; }
  .dropDown_num-nav .nam-nav > li > a > [class^="icon-"], .dropDown_num-nav .nam-nav > li > a > [class*=" icon-"] {
    margin: -3px 0; }
.dropDown_num-nav .icon-arr_drop {
  font-size: 28px;
  left: 5px;
  color: white; }
.dropDown_num-nav .nam-nav {
  margin: 0; }
  .dropDown_num-nav .nam-nav li a {
    font-size: 12px; }
  .dropDown_num-nav .nam-nav .icon-arr_drop {
    margin-left: -5px; }

@media (max-width: 960px) {
  .dropDown_num-nav .nam-nav li a {
    padding-left: 5px;
    padding-right: 5px;
    margin: 0;
    margin-top: 1px; }
  .dropDown_num-nav .nam-accountnav b {
    display: none; } }
@media (max-width: 1200px) {
  .dropDown_num-nav .withIcon {
    right: 90px; } }
/* logged_men css_part */
.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; }
  .navAppMode ~ .navStaticPages {
    position: relative;
    z-index: 500; }
  .navAppMode > * {
    flex-grow: 1; }
  .navAppMode a {
    color: inherit;
    text-decoration: none;
    cursor: pointer; }
  .navAppMode .show-on-start15-cookie-yes {
    display: none !important; }
  .navAppMode .show-on-start15-cookie-no {
    display: inline !important; }
  .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-leftnav li a:hover:before {
    display: block !important; }
  .navAppMode .nam-nav {
    list-style: none;
    display: inline-flex;
    padding: 0;
    align-items: center; }
    .navAppMode .nam-nav .icon-arr_drop {
      line-height: 12px;
      position: relative;
      top: -1px;
      margin-right: -6px; }
    .navAppMode .nam-nav .user_logo_header {
      display: block;
      width: 35px;
      height: 35px;
      line-height: 35px;
      border-radius: 20px;
      font-weight: bold;
      font-size: 14px; }
    .navAppMode .nam-nav li {
      display: inline-block;
      position: relative; }
      .navAppMode .nam-nav li.hasChild ul li {
        padding: 0 20px; }
        .navAppMode .nam-nav li.hasChild ul li.full_name {
          padding: 20px; }
      .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 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.hasClick:before {
        margin: 11px -1px -2px -1px;
        border-width: 0 9.5px 13px 9.5px;
        border-color: transparent transparent #cdcdcd transparent; }
      .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.divider {
        border-bottom: 1px rgba(0, 0, 0, 0.1) solid !important;
        margin: 5px 0; }
        .navAppMode .nam-nav li.divider.divider-nomargin {
          margin: 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;
          left: 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; }
      .navAppMode .nam-nav li ul {
        overflow: auto;
        overflow-x: hidden;
        display: block;
        position: absolute;
        border-radius: 6px;
        box-shadow: rgba(0, 0, 0, 0.23) 0px 1px 10px;
        margin: 0px;
        top: 50%;
        margin-top: 24px;
        margin-right: 5px;
        border: 1px solid #cdcdcd;
        list-style: none;
        background: #FFF;
        z-index: 100;
        text-align: left;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        transition: 0.2s ease all;
        padding: 0;
        min-width: 312px; }
        .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 div {
      display: inline-block;
      position: relative; }
      .navAppMode .nam-nav div.hasChild ul li {
        padding: 0 20px; }
        .navAppMode .nam-nav div.hasChild ul li.full_name {
          padding: 20px; }
      .navAppMode .nam-nav div.hasChild:before, .navAppMode .nam-nav div.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 div ul li {
        display: block;
        overflow: hidden;
        color: #000;
        padding: 0 5px; }
        .navAppMode .nam-nav div ul li > a {
          display: block;
          position: relative;
          padding: 10px 0;
          margin: 0;
          color: #0086cf;
          text-decoration: none;
          line-height: 1.1em; }
          .navAppMode .nam-nav div ul li > a:hover {
            color: #000;
            background: transparent; }
      .navAppMode .nam-nav div.hasClick:before {
        margin: 11px -1px -2px -1px;
        border-width: 0 9.5px 13px 9.5px;
        border-color: transparent transparent #cdcdcd transparent; }
      .navAppMode .nam-nav div.hasClick:before, .navAppMode .nam-nav div.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 div.divider {
        border-bottom: 1px rgba(0, 0, 0, 0.1) solid !important;
        margin: 5px 0; }
        .navAppMode .nam-nav div.divider.divider-nomargin {
          margin: 0; }
      .navAppMode .nam-nav div a {
        display: block;
        padding: 20px 0;
        margin: 0 10px;
        text-decoration: none;
        cursor: pointer;
        position: relative; }
        .navAppMode .nam-nav div a.autoccBTN {
          padding: 12px 10px;
          margin: 0;
          text-align: left;
          background-color: #0086cf; }
          .navAppMode .nam-nav div a.autoccBTN:hover {
            background-color: #02679e; }
        .navAppMode .nam-nav div a:not(.autoccBTN):before {
          display: none;
          content: '';
          position: absolute;
          border-bottom: 3px solid;
          width: 100%;
          bottom: 13px;
          left: 0; }
      .navAppMode .nam-nav div.hasChild:before, .navAppMode .nam-nav div.hasChild:after {
        content: '';
        display: block;
        opacity: 0;
        transition: .3s ease opacity;
        position: absolute;
        bottom: 100%;
        right: 4px;
        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 #4186e0  transparent;
        visibility: hidden; }
      .navAppMode .nam-nav div ul {
        overflow: auto;
        overflow-x: hidden;
        display: block;
        position: absolute;
        border-radius: 6px;
        box-shadow: rgba(0, 0, 0, 0.23) 0px 1px 10px;
        margin: 0px;
        top: 50%;
        margin-top: 24px;
        margin-right: 5px;
        border: 1px solid #cdcdcd;
        list-style: none;
        background: #FFF;
        z-index: 100;
        text-align: left;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        transition: 0.2s ease all;
        padding: 0;
        min-width: 312px; }
        .navAppMode .nam-nav div ul li {
          display: block;
          overflow: hidden;
          color: #000;
          padding: 0 5px; }
          .navAppMode .nam-nav div ul li > a {
            display: block;
            position: relative;
            padding: 10px 0;
            margin: 0;
            color: #0086cf;
            text-decoration: none;
            line-height: 1.1em; }
            .navAppMode .nam-nav div ul li > a:hover {
              color: #000;
              background: transparent; }
    .navAppMode .nam-nav li.hasChild:before {
      margin: 11px -1px -2px -1px;
      border-width: 0 9.5px 13px 9.5px;
      border-color: transparent transparent #cdcdcd transparent; }
    .navAppMode .nam-nav li.hasChild.doubleIcon:before, .navAppMode .nam-nav li.hasChild.doubleIcon:after {
      right: 28px; }
    .navAppMode .nam-nav li.hasChild.active:before, .navAppMode .nam-nav li.hasChild.active:after {
      z-index: 100;
      opacity: 1;
      visibility: visible; }
    .navAppMode .nam-nav li.hasChild.active > a:before {
      display: block; }
    .navAppMode .nam-nav li.hasChild.active ul {
      opacity: 1;
      max-height: 40em;
      visibility: visible; }
    .navAppMode .nam-nav li.hasChild.active ul:before {
      content: '';
      display: block;
      width: 100%;
      position: absolute;
      height: 15px;
      bottom: 100%; }
    .navAppMode .nam-nav li.withIcon > a {
      white-space: nowrap; }
    .navAppMode .nam-nav li.withIcon > a:before {
      display: none !important; }
    .navAppMode .nam-nav li.current > a:not(.autoccBTN) {
      color: #48b7fc;
      text-decoration: none; }
    .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 > a {
      text-align: center; }
    .navAppMode .nam-nav > li > a > [class^="icon-"], .navAppMode .nam-nav > li > a > [class*=" icon-"] {
      margin: -3px 0; }
  .navAppMode ~ .navStaticPages ~ .content-container {
    margin-top: 0; }
  .navAppMode .merged-menu {
    justify-content: space-between;
    width: auto;
    display: flex !important;
    flex-direction: row;
    align-items: stretch;
    left: calc((385px - 100%) / -2) !important; }
  .navAppMode .first-row {
    min-width: 181px;
    float: left; }
  .navAppMode .second-row {
    min-width: 190px;
    padding-left: 23px; }
  .navAppMode .vertical-line {
    height: 151px;
    background: #e0e0e0;
    width: 1px;
    margin-top: 9px; }
  .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 .nam-createButton li ul {
    left: auto;
    right: -20px; }
    .navAppMode .nam-createButton 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:hover {
    position: absolute;
    visibility: visible;
    opacity: 1;
    display: block;
    max-height: 40em; }
  ul.products li {
    border-bottom: none !important; }
    ul.products li:last-child {
      border-bottom: none; }
      ul.products li:last-child.hasChild:hover:before, ul.products li:last-child.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; }

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

.btn.upgrade {
  line-height: 20px; }

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

li.hasChild:hover:after {
  z-index: 100 !important;
  opacity: 1 !important;
  visibility: visible !important; }
li.hasChild:hover ul {
  opacity: 1;
  max-height: 40em;
  visibility: visible; }

div.hasChild:hover:after {
  z-index: 100 !important;
  opacity: 1 !important;
  visibility: visible !important; }
div.hasChild:hover ul {
  opacity: 1;
  max-height: 40em;
  visibility: visible; }

@media (max-width: 1070px) {
  .navAppMode .hideonTablet {
    display: none !important; } }
@media only screen and (max-width: 1076px) {
  .vertical-line {
    height: 105px; }

  .first-row {
    min-width: 148px; }

  .second-row {
    min-width: 140px; } }
@media (max-width: 1025px) {
  .navAppMode {
    font-size: 14px; } }
@media (max-width: 960px) {
  .navAppMode .nam-nav li a {
    padding-left: 5px;
    padding-right: 5px;
    margin: 0;
    margin-top: 1px; }
  .navAppMode .nam-accountnav b {
    display: none; } }
@media (max-width: 860px) {
  .navAppMode {
    font-size: 12px; } }
@media (max-width: 800px) {
  .navAppMode .hideonMobile {
    display: none !important; } }
@media (max-width: 1200px) {
  .navAppMode .showMobileMenu {
    display: inline-block; }
  .navAppMode ~ .navStaticPages {
    display: none; }
  .navAppMode .hideonDesktop {
    display: none !important; } }
@media (min-width: 1201px) {
  .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; } }
/* marketing-menu css_part */
.video-website-header {
  margin: unset; }

.banner-learn-more-btn {
  color: white;
  text-decoration: none;
  border: 1px solid white;
  padding: 3px 5px;
  font-size: 14px;
  margin-left: 10px; }

@media (max-width: 680px) {
  .notification-banner-text > * {
    font-size: 12px; } }
.mobileMarketingMenu .icon_wrapper {
  display: none; }
.mobileMarketingMenu .text_wrapper {
  color: #0086cf;
  font-size: 18px;
  padding: 0;
  border-bottom-color: #dedede; }
  .mobileMarketingMenu .text_wrapper i,
  .mobileMarketingMenu .text_wrapper p {
    display: none; }
.mobileMarketingMenu li ul a {
  padding: 0 !important; }
.mobileMarketingMenu .menu-video-hosting.isactive i {
  transform: rotate(180deg); }
.mobileMarketingMenu .menu-video-hosting .icon-arrdwnsmall {
  display: block;
  transform: rotate(0deg);
  top: unset !important;
  margin-top: 0; }

.loggedout .nsp-logo {
  display: block !important; }
.loggedout .showMobileMenu {
  display: flex;
  align-items: center; }
  .loggedout .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; }

.page-template .nsp-logo {
  display: block !important; }

.mobilemenu.marketing {
  max-height: 100vh;
  background: #fff;
  width: 100%;
  height: auto;
  transition: 0.3s ease all;
  border-bottom: 4px solid #0086cf;
  padding: 75px 30px 90px 30px;
  padding-bottom: 15px;
  position: fixed;
  z-index: 99;
  height: 100vh;
  top: 0;
  left: 0; }
  .mobilemenu.marketing.active {
    max-height: 100vh; }

.notification-banner {
  position: absolute;
  top: 0;
  display: flex;
  height: 56px;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: #374054;
  padding: 0 21px;
  transition: height 0.4s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.29, 0.99);
  overflow: hidden;
  z-index: 7000;
  left: 0; }
  .notification-banner ~ .navStaticPages {
    margin-top: 56px; }
  .notification-banner-text {
    flex: 1;
    text-align: center;
    color: white;
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 16px !important; }
  .notification-banner-close-button {
    outline: none;
    background: transparent;
    color: white;
    font-size: 30px;
    border: none;
    padding: 0;
    margin: 0 0.5em;
    margin-top: 0;
    cursor: pointer;
    line-height: 30px; }
    .notification-banner-close-button:hover {
      background: none; }

.navStaticPages {
  font-family: "Montserrat", "Open Sans", Arial, sans-serif;
  background: #fff;
  color: #36373c;
  /*  border-top: 5px solid #0086cf;*/
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-height: 80px;
  padding: 0 10px;
  font-size: 16px;
  line-height: 1.2;
  position: fixed;
  top: 0px;
  /*edited*/
  width: 100%;
  z-index: 1000;
  left: 0;
  border-bottom: 1px solid #d8dadf;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  justify-content: space-between; }
  .navStaticPages > * {
    flex-grow: 0; }
  .navStaticPages ~ .content-container {
    margin-top: 20px; }
  .navStaticPages nav {
    flex: 1;
    display: flex;
    justify-content: flex-start; }
    .navStaticPages nav ul {
      list-style: none;
      display: inline-flex;
      padding: 0;
      margin: 0; }
      .navStaticPages nav ul > li {
        display: inline-block;
        position: relative;
        margin-right: 40px; }
        .navStaticPages nav ul > li.hasChild:before {
          display: none !important;
          content: "";
          display: block;
          opacity: 0;
          transition: 0.3s ease opacity;
          position: absolute;
          bottom: 100%;
          right: 1px;
          top: 50%;
          z-index: -1;
          width: 0;
          height: 0;
          border-style: solid;
          visibility: hidden;
          margin: 11px -1px -2px -1px;
          border-width: 0 9.5px 13px 9.5px;
          border-color: transparent transparent #cdcdcd transparent; }
        .navStaticPages nav ul > li.hasChild:after {
          display: none !important;
          content: "";
          display: block;
          opacity: 0;
          transition: 0.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.active:before {
          z-index: 100;
          opacity: 1;
          visibility: visible; }
        .navStaticPages nav ul > li.hasChild.active:after {
          z-index: 100;
          opacity: 1;
          visibility: visible; }
        .navStaticPages nav ul > li.hasChild.active ul:before {
          content: "";
          display: block;
          width: 100%;
          position: absolute;
          height: 15px;
          bottom: 100%; }
        .navStaticPages nav ul > li:hover .marketing-submenu {
          opacity: 1 !important;
          visibility: visible !important;
          display: block;
          overflow: visible;
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
          padding: 38px 0 38px 48px !important; }
        .navStaticPages nav ul > li:hover a {
          color: #0086cf; }
        .navStaticPages nav ul > li a {
          display: flex;
          justify-content: center;
          align-items: center;
          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 a::after {
            display: block;
            content: attr(title);
            font-weight: bold;
            height: 0;
            overflow: hidden;
            visibility: hidden; }
        .navStaticPages nav ul > li.divider {
          border-bottom: 1px rgba(0, 0, 0, 0.1) solid !important;
          margin: 5px 0; }
        .navStaticPages nav ul > li .products_submenu {
          visibility: hidden;
          opacity: 0;
          left: 97%;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
          top: -60%; }
        .navStaticPages nav ul > li ul {
          overflow: auto;
          display: block;
          position: absolute;
          z-index: 50;
          left: 0;
          border-radius: 6px;
          margin: 0px;
          top: 50%;
          margin-top: 24px;
          padding: 20px;
          list-style: none;
          background: #fff;
          max-height: 90ex;
          z-index: 100;
          text-align: left;
          width: 385px;
          opacity: 0;
          visibility: hidden;
          max-height: 0;
          transition: 0.2s ease all;
          left: calc((385px - 100%) / -2); }
          .navStaticPages nav ul > li ul li {
            display: block;
            margin-right: 0;
            border-bottom: none !important; }
            .navStaticPages nav ul > li ul li > a {
              display: block;
              position: relative;
              padding: 10px 11px 7px 0px;
              margin: 0;
              color: #0086cf;
              text-decoration: none;
              line-height: 1.1em; }
              .navStaticPages nav ul > li ul li > a:hover {
                color: #000; }
      .navStaticPages nav ul .icon-arrdwnsmall {
        line-height: 12px;
        font-size: 12px;
        position: relative;
        top: -1px;
        margin-right: -6px; }
    .navStaticPages nav .menu-video-hosting:hover .products_submenu {
      visibility: visible;
      opacity: 1; }
  .navStaticPages .btn {
    font-weight: normal;
    padding: 16px 32px;
    line-height: 18px;
    width: 200px;
    font-weight: 500; }
    .navStaticPages .btn.trans {
      padding: 20px;
      font-size: 15px;
      margin: 0;
      width: auto; }
  .navStaticPages .content-wrapper {
    width: auto;
    flex: 1; }
  .navStaticPages .nsp-right {
    width: 300px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: none !important; }
  .navStaticPages .signInBtn {
    display: none !important; }
  .navStaticPages .startNowBtn {
    display: none !important; }
  .navStaticPages.loggedout .signInBtn {
    display: flex !important;
    width: auto !important; }
  .navStaticPages.loggedout .startNowBtn {
    display: flex !important;
    width: auto !important; }
  .navStaticPages.loggedout .nsp-right {
    display: flex !important;
    width: auto !important; }
  .navStaticPages.loggedout .goBackPlatformBtn {
    display: none !important; }

.nsp-logo {
  width: 300px; }

.showMobileMenu {
  display: none; }
  .showMobileMenu i span {
    display: block;
    border-bottom: 3px solid;
    width: 34px;
    margin: 5px 0;
    transition: 0.3s ease-out all;
    position: relative;
    top: 0;
    color: #000; }
  .showMobileMenu.active i span {
    background-color: #0687cd; }
  .showMobileMenu.active i span:nth-child(1) {
    transform: rotate(45deg);
    transform-origin: center;
    position: relative;
    top: 8px; }
  .showMobileMenu.active i span:nth-child(2) {
    opacity: 0; }
  .showMobileMenu.active i span:nth-child(3) {
    transform: rotate(-45deg);
    transform-origin: center;
    position: relative;
    top: -8px; }

.marketing-submenu > li:hover .icon_wrapper > i {
  color: #000; }
.marketing-submenu > li:hover ul > li .icon_wrapper > i {
  color: #0086cf; }
.marketing-submenu > li:hover ul > li:hover .icon_wrapper > i {
  color: #000; }

.menu-video-hosting .text_wrapper {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center; }
  .menu-video-hosting .text_wrapper .dropdown-dec {
    width: 100%; }
  .menu-video-hosting .text_wrapper i {
    transform: rotate(-90deg);
    top: 0 !important;
    font-size: 20px !important; }

.bg-shazoom {
  background: url(/_cms/design13/images/shazoom.png);
  width: 48px;
  height: 48px;
  background-size: 57%;
  background-repeat: no-repeat;
  background-position: center; }

.bg-rectrace {
  background: url(/_cms/design13/images/rectrace.png);
  width: 48px;
  height: 48px;
  background-size: 57%;
  background-repeat: no-repeat;
  background-position: center; }

.video-creation .icon_wrapper {
  padding: 0 !important; }

.video-for-sales .icon_wrapper {
  padding: 0 !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; }

.text_wrapper {
  display: flex;
  align-items: start;
  flex-direction: column;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.1;
  letter-spacing: 0.32px;
  text-align: left;
  color: #474953;
  padding-left: 30px;
  align-items: left;
  justify-content: center;
  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; }

.somethinglost {
  color: #0086cf; }

@media (max-width: 1024px) and (min-width: 983px) {
  .loggedout .navStaticPages nav ul > li {
    margin-right: 23px; }
  .loggedout .navStaticPages .nsp-right {
    width: auto; }
  .loggedout .navStaticPages .btn {
    width: 116px;
    padding: 16px 21px; }
    .loggedout .navStaticPages .btn.trans {
      width: auto; } }
@media (max-width: 1080px) {
  .nsp-logo {
    width: 200px; } }
@media (max-width: 900px) {
  .navStaticPages {
    font-size: 14px; } }
.btn .trans {
  padding: 20px;
  font-size: 15px;
  margin: 0;
  width: auto; }

@media (max-width: 1024px) {
  div#container.container {
    padding-top: 58px !important; }

  .navStaticPages nav ul > li ul {
    width: 350px; }
  .navStaticPages nav ul > li a {
    font-size: 13px; }
  .navStaticPages.loggedout nav ul > li {
    margin-right: 15px; }
  .navStaticPages.loggedout .nsp-right .btn {
    font-size: 12px;
    padding: 10px 8px; } }
@media (max-width: 850px) {
  .navStaticPages nav ul > li a {
    font-size: 12px; }
  .navStaticPages.loggedout nav ul > li {
    margin-right: 10px; } }
@media (min-width: 1200px) {
  .navStaticPages .hideonDesktop {
    display: none !important; } }
ul.marketing-submenu:not(.showMenu) {
  opacity: 0 !important;
  max-height: none !important;
  visibility: hidden !important;
  overflow: visible; }
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; }
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%; }

@media screen and (max-width: 1015px) and (min-width: 769px) {
  .navStaticPages nav.hideonMobile {
    display: flex !important; } }
.createaccount {
  display: none !important; }

.start_now {
  display: none !important; }

.onlyshowonmobile {
  display: none !important; }

.container-pages .goBackPlatformBtn {
  display: none !important; }

@media screen and (max-width: 1200px) {
  .mobilemenu.active {
    transform: translate(0, 0);
    opacity: 1; }

  .indexed {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    z-index: 999999999;
    background: white;
    border-bottom: 1px solid #d8dadf;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    padding: 0 10px; }

  #marketing-header.loggedout {
    z-index: 5500;
    min-height: 62px;
    /* font-size: 13px; */
    position: fixed;
    width: 100%;
    top: 0;
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d8dadf;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
    padding: 0;
    background: white; }
    #marketing-header.loggedout ~ .content-container {
      margin-top: 20px; }

  .librarySideMenu.marketing.active {
    margin-top: 0 !important;
    max-height: 100vh;
    border-top: none;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15); }

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

  .navStaticPages {
    z-index: 5500;
    min-height: 62px;
    font-size: 13px;
    position: fixed;
    width: 100%;
    padding-right: 0; }
    .navStaticPages .hideonMobile {
      display: none !important; }
    .navStaticPages.loggedout .hideonMobile {
      display: none !important; }

  .new-tag {
    top: unset !important;
    left: 150px !important; }

  .createaccount {
    display: block !important; }

  .onlyshowonmobile {
    display: list-item !important; }

  .start_now {
    display: block !important; } }
/* footer css_part */
footer {
  clear: both;
  font-size: 14px;
  margin: 0;
  padding: 20px;
  background: #fafafa;
  text-align: left !important;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  footer* {
    color: #656d78; }
  footer .logo {
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 106px;
    height: 30px;
    background: url(/_cms_/design13/images/foot-logo.png) no-repeat;
    border: 0;
    text-indent: -5000px;
    font-size: 0;
    vertical-align: top; }
  footer .secondary {
    float: right; }
  footer .sitemap {
    font-size: 18px;
    background: #fff;
    padding: 30px 10px 0px 10px;
    clear: both;
    text-align: center;
    color: #656d78;
    position: relative;
    margin-top: 50px;
    margin: 0;
    padding: 60px 0;
    background: #fff;
    border-top: 1px solid #dedede; }
    footer .sitemap th {
      text-align: left;
      vertical-align: top; }
    footer .sitemap td {
      vertical-align: top; }
    footer .sitemap .td1,
    footer .sitemap .td2,
    footer .sitemap .td3,
    footer .sitemap .td4,
    footer .sitemap .td5,
    footer .sitemap .td6 {
      display: inline-block;
      zoom: 1;
      *display: inline;
      vertical-align: top;
      width: 17.1em;
      text-align: left;
      max-width: 23%; }
    footer .sitemap h3,
    footer .sitemap h3 a,
    footer .sitemap th > a {
      color: #2d3541;
      text-decoration: none;
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 600;
      line-height: 20px;
      margin-bottom: 20px;
      font-family: "Montserrat";
      letter-spacing: 0.8px; }
    footer .sitemap a {
      text-decoration: none; }
      footer .sitemap a:hover {
        text-decoration: underline;
        color: #ccd0d9; }
      footer .sitemap a.ico {
        display: block;
        width: 44px;
        height: 44px;
        padding: 0;
        text-indent: -5000px;
        font-size: 0;
        float: left; }
      footer .sitemap a.ico.fb {
        background: url(/_cms/design13/images/ico-fb.png); }
      footer .sitemap a.ico.tw {
        background: url(/_cms/design13/images/ico-tw.png);
        margin-top: 15px; }
      footer .sitemap a.ico.gp {
        background: url(/_cms/design13/images/ico-gp.png);
        margin-top: 2px; }
    footer .sitemap .scrollToTop {
      position: absolute;
      bottom: 0px;
      width: 9em;
      right: 15px; }
      footer .sitemap .scrollToTop i {
        font-size: 1.3em;
        margin: 0 4px; }
    footer .sitemap .footer-social {
      text-align: center; }
      footer .sitemap .footer-social .sIco {
        border: none; }
        footer .sitemap .footer-social .sIco:hover {
          color: #fff; }
      @media screen and (max-width: 1024px) {
        footer .sitemap .footer-social {
          display: -webkit-flex;
          display: flex; } }
      footer .sitemap .footer-social a {
        color: #63686B; }
    footer .sitemap ul {
      font-size: 14px;
      padding-left: 0;
      margin: 0 10px 10px 0;
      list-style: none; }
      footer .sitemap ul > li {
        margin: 0 0 10px 0; }
        footer .sitemap ul > li > a {
          color: #656d78;
          font-size: 14px;
          text-align: center;
          text-decoration: none;
          line-height: 20px;
          font-family: "Open Sans"; }
  footer .td6 {
    float: right;
    margin-top: -6px; }
  footer > b {
    font-size: 16px;
    color: #abb2bc;
    vertical-align: middle; }
    footer > b a {
      color: #2e86d1;
      font-weight: bold;
      text-decoration: none; }
  footer > a {
    text-decoration: none;
    vertical-align: middle;
    display: inline-block; }
    footer > a:first-child:before {
      display: none; }
  footer > i {
    display: inline-block;
    margin: 0 7px;
    color: #2f3d4d;
    vertical-align: middle; }
  footer .footer-wrapper {
    margin: 0 auto;
    max-width: 1262px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
    color: #747f90; }
    footer .footer-wrapper .footerSmallRight a {
      text-decoration: none; }
  @media screen and (max-width: 1300px) {
    footer .btn.getDemo {
      min-width: 100% !important; } }

.sitemap {
  width: 100%;
  margin: 0 auto;
  overflow: hidden; }
  .sitemap .sitemap-section {
    text-align: left; }

.social * {
  vertical-align: middle; }
.social > div {
  width: auto !important; }

.lang-flags {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  font-size: 0;
  text-align: center;
  background: #fff;
  margin: 0;
  z-index: 1;
  position: relative;
  margin-bottom: 50px; }
  .lang-flags a {
    display: inline-block !important;
    font-size: 0;
    background-repeat: no-repeat;
    color: #727274;
    background-position: center center;
    border: 1px solid #727274;
    vertical-align: middle;
    margin: 10px 10px 0 10px;
    text-decoration: none;
    text-align: center;
    padding: 0 12px;
    line-height: 22px; }
    .lang-flags a:before {
      font-size: 18px;
      text-decoration: none;
      text-transform: uppercase;
      color: inherit;
      line-height: 33px;
      font-family: "Montserrat"; }
    .lang-flags a:hover {
      background-color: #0086cf;
      color: #fff;
      border-color: #0086cf; }
  .lang-flags .flag-en:before {
    content: "En"; }
  .lang-flags .flag-ru:before {
    content: "Ru"; }
  .lang-flags .flag-cn:before {
    content: "Cn"; }
  .lang-flags .flag-zh:before {
    content: "Zh"; }
  .lang-flags .flag-he:before {
    content: "He"; }
  .lang-flags .flag-es:before {
    content: "Es"; }
  .lang-flags .flag-de:before {
    content: "De"; }
  .lang-flags .flag-ko:before {
    content: "Ko"; }
  .lang-flags .flag-fr:before {
    content: "Fr"; }
  .lang-flags .flag-ja:before {
    content: "Ja"; }
  .lang-flags .flag-pt:before {
    content: "Pt"; }

@media screen and (max-width: 1024px) {
  footer .sitemap {
    padding: 60px 30px 30px 30px; }
    footer .sitemap .sitemap-section.sitemap-button-section {
      text-align: center;
      margin-top: 64px; } }
@media screen and (max-width: 768px) {
  #cool-footer {
    display: none; }

  div.sitemap {
    display: none; } }
@media (max-width: 600px) {
  footer .footer-wrapper {
    display: flex;
    flex-flow: column-reverse; }

  .footerSmallRight {
    margin-bottom: 20px; }
    .footerSmallRight a {
      display: inline-block;
      margin-top: 10px;
      width: 48%;
      font-weight: bold;
      text-align: center; }
    .footerSmallRight > i {
      display: none; } }
/* otherpages css_part */
div.wizardSteps .btn-next-container {
  max-width: 290px !important; }

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; }
  ul.mobileMarketingMenu .menu-video-hosting ul {
    display: none !important; }
  ul.mobileMarketingMenu .menu-video-hosting.isactive ul {
    display: block !important; }

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

.content-container.appmode {
  padding-left: 300px !important;
  overflow: visible; }
  .content-container.appmode.hideleftbar {
    padding-left: 0 !important; }
    .content-container.appmode.hideleftbar .librarySideMenu {
      display: none !important; }
    .content-container.appmode.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: 75px 30px 90px 30px;
  font-size: 14px;
  background: #f6f7fb;
  border-top: 1px solid #d8dadf;
  border-right: 1px solid #d8dadf; }
  .librarySideMenu.marketing {
    background: #fff;
    width: 100%;
    display: none;
    max-height: 0;
    transition: .3s ease all;
    transform: translate(0, -100%);
    height: auto;
    padding-bottom: 40px;
    border-bottom: 4px solid #0086cf; }
    .librarySideMenu.marketing .active {
      max-height: 100vh; }
  .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 .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 .left_panel > *, .librarySideMenu .right_panel > * {
    vertical-align: middle; }
  .librarySideMenu .all_media_types, .librarySideMenu .all_galleries {
    border: 0;
    display: block; }
  .librarySideMenu .divDDContainer {
    height: auto !important;
    border: none;
    display: block;
    margin: 30px 5px;
    max-width: 150px;
    font-size: 1.2em;
    color: #333;
    min-width: 8em;
    cursor: pointer;
    background: transparent; }
  .librarySideMenu .create_gallery, .librarySideMenu .upload_files {
    width: auto;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold; }
  .librarySideMenu .create_gallery, .librarySideMenu #dropdownUsageMobile {
    display: none; }
  .librarySideMenu .sideMenuFilters {
    border-top: 1px solid #d8dadf;
    margin: 12px -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: 12px -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; }
  .librarySideMenu .p-mcc {
    padding: 9px;
    border: 1px solid #d3d9e4;
    margin-left: 4px; }

#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; }
  #wasthispagehelpful .feedbackTitle, #wasthispagehelpful .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; }

  .librarySideMenu {
    margin-right: -250px !important; }

  .content-container.appmode {
    padding-left: 250px !important; }

  .sidebarFooter {
    width: 230px; }

  .skinEditorTabs {
    width: 250px;
    margin-right: -250px !important; }

  .sectionTitle.fixed {
    width: 250px; } }
/* /incl/_layout-lib_header.scss */
.libraryArea {
  padding-top: 78px; }
  .libraryArea #libraryHeadAsset, .libraryArea .assetEditor {
    display: none; }
  .libraryArea.activeEditor #libraryHeadAsset {
    display: table; }
  .libraryArea.activeEditor .assetEditor {
    display: block; }
  .libraryArea.activeEditor #libraryHead, .libraryArea.activeEditor #libraryContainer, .libraryArea .activeEditor .load_more {
    display: none; }
  .libraryArea .load_more {
    display: block;
    visibility: hidden;
    text-align: center;
    font-size: 20px;
    padding: 15px;
    cursor: pointer;
    border: 1px dashed transparent; }
  .libraryArea.loading .load_more {
    display: block;
    visibility: visible;
    font-size: 0; }
    .libraryArea.loading .load_more:before {
      font-family: 'cincopaicons';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      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%; }
  .libraryArea.galleriesArea {
    padding-bottom: 50px; }
    .libraryArea.galleriesArea .library-head .headRight {
      max-width: 70%; }
    .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; }
  .libraryArea .btn.trans {
    padding: 0 !important; }

.activeContainer .content-container.appmode {
  padding: 0 !important; }

.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 .other_actions_block .divDDContainer {
      height: auto !important;
      width: 100px;
      border: none; }
    .library-head .other_actions_block > a {
      vertical-align: middle;
      margin: 0 5px;
      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 *[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 .last_added_grid_view .divDDContainer {
      height: auto !important;
      width: 170px;
      border: none;
      margin: 0 50px;
      background: transparent; }
  .library-head .searchbox {
    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: 66%;
      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 .check_all_items_block {
    display: inline-block;
    vertical-align: middle; }
  .library-head #dropdownUsage {
    max-width: calc(100% - 95px);
    width: 190px !important;
    display: inline-block; }
    .library-head #dropdownUsage .dd-selected {
      font-size: 16px; }
  .library-head .btn.green, .library-head .btn.primary, .library-head .btn.secondary, .library-head .btn.gray {
    text-transform: uppercase;
    font-size: 14px; }
  .library-head .headRight, .library-head .headCenter, .library-head .headLeft {
    position: relative; }
  .library-head .headRight {
    text-align: right;
    float: right;
    max-width: 48%;
    white-space: nowrap; }
  .library-head .headLeft {
    text-align: left; }
  .library-head .headCenter {
    max-width: calc(100vw - 840px); }
  .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 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 .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; }

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

#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 .copy_delete_block .delete_action:hover {
    background-color: #ed5564;
    border-color: #ed5564;
    color: #fff; }
#libraryHead #copyTo {
  width: 9em !important;
  display: inline-block; }
#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; }
    #libraryHead .tagsFilterBlock .selectedTag .removeTag {
      height: 16px;
      margin: -3px 0 0 0; }
      #libraryHead .tagsFilterBlock .selectedTag .removeTag:before {
        font-size: 16px; }
#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; }

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

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

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

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

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

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

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

#dropdownTypes {
  width: auto !important; }
  #dropdownTypes.dd-container .dd-options > li > a {
    white-space: nowrap; }
    #dropdownTypes.dd-container .dd-options > li > a > label:before {
      font-family: 'cincopaicons';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      font-size: 24px;
      line-height: 1;
      vertical-align: middle;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      width: 24px;
      height: 24px;
      margin-right: 10px;
      background: #0086cf;
      border-radius: 3px;
      color: #fff; }
    #dropdownTypes.dd-container .dd-options > li > a > input[value="video"] + label:before {
      content: "\e614"; }
    #dropdownTypes.dd-container .dd-options > li > a > input[value="audio"] + label:before {
      content: "\e615"; }
    #dropdownTypes.dd-container .dd-options > li > a > input[value="image"] + label:before {
      content: "\e616"; }
    #dropdownTypes.dd-container .dd-options > li > a > input[value="other"] + label:before {
      content: "\e617"; }
    #dropdownTypes.dd-container .dd-options > li > a:hover > label:before {
      box-shadow: 0 0 5px rgba(0, 134, 207, 0.73); }
  #dropdownTypes.dd-container .dd-options > li:first-child > a > label:before {
    display: none; }
  #dropdownTypes.dd-container .dd-selected {
    padding-left: 0; }
    #dropdownTypes.dd-container .dd-selected:before {
      font-family: 'cincopaicons';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      font-size: 24px;
      line-height: 1;
      vertical-align: middle;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e606";
      color: #9ba5b7;
      margin-top: -4px;
      margin-right: 5px;
      vertical-align: top;
      right: auto;
      top: auto;
      position: relative; }
    #dropdownTypes.dd-container .dd-selected:after {
      font-family: 'cincopaicons';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      font-size: 24px;
      line-height: 1;
      vertical-align: middle;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      right: 0;
      top: 16px;
      margin-top: -7px;
      color: #0086cf;
      content: "\e601"; }

#dropdownGalleries {
  width: auto !important;
  cursor: pointer; }
  #dropdownGalleries .dd-selected {
    padding-left: 0; }
    #dropdownGalleries .dd-selected:before {
      font-family: 'cincopaicons';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      font-size: 24px;
      line-height: 1;
      vertical-align: middle;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e60a";
      color: #9ba5b7;
      margin-top: -4px;
      margin-right: 5px;
      vertical-align: top;
      right: auto;
      top: auto;
      position: relative; }
    #dropdownGalleries .dd-selected:after {
      font-family: 'cincopaicons';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      font-size: 24px;
      line-height: 1;
      vertical-align: middle;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      right: -5px;
      top: 16px;
      margin-top: -11px;
      color: #0086cf;
      content: "\e601"; }
  #dropdownGalleries .dd-option label, #dropdownGalleries .dd-option small {
    float: left;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

#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 ul.hiddenTags {
    display: none; }

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

.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; }
  .container ~ .CodeMirror {
    margin-left: 300px; }
  .container.activeContainer .skinPreviewArea {
    display: block; }

.libraryContainer {
  clear: both;
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  /*border: 1px solid #d8dadf;*/
  border-left: none;
  background: #fff; }
  .libraryContainer.galleriesList .library-line .item_name_desc i {
    text-overflow: unset;
    display: inline; }
  .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; }
  .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:hover .all_actions_block {
          display: block !important; }
      .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 .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; }
    .libraryContainer.assets_grid.assets_list .library-line-preload {
      float: left;
      width: 1200px;
      height: 125px;
      background-repeat: no-repeat;
      opacity: 0.4; }
  .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 {
    display: flex;
    flex-wrap: nowrap;
    padding-right: 0;
    white-space: normal;
    color: #434a54 !important;
    overflow: visible;
    width: 100%;
    font-size: 18px; }
    .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 .template_name {
    font-size: 12px;
    color: #ccd0d9;
    line-height: 2;
    margin-top: 10px; }
    .libraryContainer.galleriesList .library-line .item_name_desc .template_name i {
      font-size: 18px;
      margin-right: 4px;
      margin-left: 3px; }
  .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 .template_name > *, .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 .galleryId {
    margin-bottom: 10px; }
  .libraryContainer.galleriesList .library-line .tagsinput {
    min-height: 1.7em !important;
    clear: both; }
    .libraryContainer.galleriesList .library-line .tagsinput > div {
      display: inline-block;
      width: 6em;
      margin: 0 5px; }
    .libraryContainer.galleriesList .library-line .tagsinput .tags_clear {
      display: none; }
    .libraryContainer.galleriesList .library-line .tagsinput input {
      display: block;
      width: 100%;
      border: none;
      font-size: 12px;
      font-style: italic;
      border-left: 2px solid transparent;
      padding: 2px 5px;
      outline: none !important; }
      .libraryContainer.galleriesList .library-line .tagsinput input.placeholder {
        color: #aab2bc;
        font-style: italic;
        text-decoration: underline; }
      .libraryContainer.galleriesList .library-line .tagsinput input:-moz-placeholder {
        color: #aab2bc;
        font-style: italic;
        text-decoration: underline; }
      .libraryContainer.galleriesList .library-line .tagsinput input::-moz-placeholder {
        color: #aab2bc;
        font-style: italic;
        text-decoration: underline; }
      .libraryContainer.galleriesList .library-line .tagsinput input:-ms-input-placeholder {
        color: #aab2bc;
        font-style: italic;
        text-decoration: underline; }
      .libraryContainer.galleriesList .library-line .tagsinput input::-webkit-input-placeholder {
        color: #aab2bc;
        font-style: italic;
        text-decoration: underline; }
      .libraryContainer.galleriesList .library-line .tagsinput input:focus {
        border-color: #0086cf; }
    .libraryContainer.galleriesList .library-line .tagsinput .tag .removeTag {
      display: inline-block; }
  .libraryContainer.galleriesList .library-line .changeName {
    width: 100%;
    margin-bottom: -2px;
    display: none; }
    .libraryContainer.galleriesList .library-line .changeName form {
      display: inline-block;
      max-width: 100%;
      position: relative;
      padding-right: 74px;
      width: 100%;
      margin-top: -6px;
      margin-left: -7px; }
    .libraryContainer.galleriesList .library-line .changeName input {
      display: block;
      width: 100%;
      border: 1px solid #ddd;
      padding: 6px;
      font-weight: bold;
      font-size: 18px; }
      .libraryContainer.galleriesList .library-line .changeName input + div {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0; }
        .libraryContainer.galleriesList .library-line .changeName input + div a {
          display: inline-block;
          width: 32px;
          height: 32px;
          vertical-align: middle;
          background: #3eb060;
          font-size: 0;
          text-align: center; }
          .libraryContainer.galleriesList .library-line .changeName input + div a:before {
            font-family: 'cincopaicons';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            font-size: 24px;
            line-height: 1;
            vertical-align: middle;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e621";
            color: #fff;
            line-height: 30px; }
        .libraryContainer.galleriesList .library-line .changeName input + div a[onclick^="cancel"] {
          background: #f6f7fb; }
          .libraryContainer.galleriesList .library-line .changeName input + div a[onclick^="cancel"]:before {
            color: #656d78;
            content: "\e613"; }
  .libraryContainer.galleriesList .library-line .galleryItems {
    width: 220px; }
    .libraryContainer.galleriesList .library-line .galleryItems > div {
      border: 1px solid #d8dadf;
      border-top: none;
      border-bottom: none;
      min-height: 200px;
      margin: 0 -10px;
      padding: 30px 30px; }
  .libraryContainer.galleriesList .library-line .galleryDomains, .libraryContainer.galleriesList .library-line .galleryFiles {
    margin: 15px auto;
    display: block;
    max-width: 150px;
    cursor: pointer;
    position: relative; }
  .libraryContainer.galleriesList .library-line .galleryDomains > i, .libraryContainer.galleriesList .library-line .galleryFiles > i {
    font-size: 40px;
    color: #ccd0d9;
    margin-right: 5px; }
  .libraryContainer.galleriesList .library-line .galleryDomains > *, .libraryContainer.galleriesList .library-line .galleryFiles > * {
    vertical-align: middle; }
  .libraryContainer.galleriesList .library-line .galleryDomains:hover span, .libraryContainer.galleriesList .library-line .galleryFiles:hover span {
    text-decoration: underline; }
  .libraryContainer.galleriesList .library-line .galleryDomains.active, .libraryContainer.galleriesList .library-line .galleryDomains:hover, .libraryContainer.galleriesList .library-line .galleryFiles.active, .libraryContainer.galleriesList .library-line .galleryFiles:hover {
    color: #0086cf; }
  .libraryContainer.galleriesList .library-line .galleryDomains.active > i, .libraryContainer.galleriesList .library-line .galleryDomains:hover > i, .libraryContainer.galleriesList .library-line .galleryFiles.active > i, .libraryContainer.galleriesList .library-line .galleryFiles:hover > i {
    color: #0086cf; }
  .libraryContainer.galleriesList .library-line .galleryStat {
    width: 400px; }
    .libraryContainer.galleriesList .library-line .galleryStat > .chart, .libraryContainer.galleriesList .library-line .galleryStat > div#chart {
      max-width: 100%;
      max-height: 100%;
      height: 145px !important;
      margin-bottom: -20px; }
    .libraryContainer.galleriesList .library-line .galleryStat .totalInfo {
      white-space: nowrap;
      text-align: center; }
  .libraryContainer.galleriesList .library-line .statItem {
    display: inline-block;
    /*  vertical-align: top; */
    color: #ccd0d9;
    min-width: 5em;
    font-size: 12px;
    text-align: center;
    padding: 15px 5px;
    max-width: 40%; }
    .libraryContainer.galleriesList .library-line .statItem div:first-child {
      color: #434a54;
      font-size: 36px;
      font-weight: 300;
      white-space: nowrap; }
      .libraryContainer.galleriesList .library-line .statItem div:first-child i {
        font-size: 40px;
        color: inherit; }
    .libraryContainer.galleriesList .library-line .statItem.more div:first-child i {
      font-size: 49px; }
    .libraryContainer.galleriesList .library-line .statItem small {
      font-size: .6em; }
    .libraryContainer.galleriesList .library-line .statItem.more:hover {
      cursor: pointer; }
      .libraryContainer.galleriesList .library-line .statItem.more:hover i {
        text-shadow: 0 0 3px; }
      .libraryContainer.galleriesList .library-line .statItem.more:hover div:last-child {
        text-decoration: underline; }
    .libraryContainer.galleriesList .library-line .statItem.active * {
      color: #0086cf; }
    .libraryContainer.galleriesList .library-line .statItem.weekly div:first-child {
      color: #967bdc; }
    .libraryContainer.galleriesList .library-line .statItem .galleries div:first-child {
      color: #d870ad; }
    .libraryContainer.galleriesList .library-line .statItem.traffic div:first-child {
      color: #ff6600; }
    .libraryContainer.galleriesList .library-line .statItem.more div:first-child {
      color: #1587cc; }
  .libraryContainer.galleriesList .library-line .createGalleryNow {
    height: 500px;
    height: calc(100vh - 155px); }
    .libraryContainer.galleriesList .library-line .createGalleryNow > div {
      text-align: center; }
    .libraryContainer.galleriesList .library-line .createGalleryNow h2 {
      font-weight: 100;
      font-size: 24px;
      margin: 15px 0; }
  .libraryContainer.galleriesList .library-line ~ .library-line ~ .library-line:nth-last-child(2) .itemsDropdown, .libraryContainer.galleriesList .library-line ~ .library-line ~ .library-line:last-child .itemsDropdown {
    top: auto;
    bottom: 100%; }
  .libraryContainer.galleriesList .library-line ~ .library-line ~ .library-line:nth-last-child(2) .itemsDropdown:before, .libraryContainer.galleriesList .library-line ~ .library-line ~ .library-line:last-child .itemsDropdown:before {
    bottom: -8px;
    top: auto;
    transform: rotate(180deg); }
  .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 {
      padding: 9px 15px; }
    .libraryContainer.galleriesList .analyticsDropdown .itemsDropdown_head {
      padding: 9px 20px 9px 0; }
    .libraryContainer.galleriesList .analyticsDropdown .statChart_head .btn.trans {
      position: absolute;
      top: 15px;
      right: 5px;
      padding: 0; }
    .libraryContainer.galleriesList .analyticsDropdown .itemsDropdown_head .btn.trans {
      position: absolute;
      top: 11px;
      right: -4px;
      padding: 0; }
    .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; }
    .libraryContainer.galleriesList .analyticsDropdown .report_csv {
      float: right;
      margin-right: 5px;
      margin-left: 5px; }
  .libraryContainer.galleries_grid .library-line {
    display: inline-block !important;
    vertical-align: top;
    width: 287px;
    border: 1px solid #ccd0d9;
    margin: 10px auto;
    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;
      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; }
    .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 {
      display: block;
      width: 100%;
      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 .library-line .analyticsDropdown {
      display: none !important; }

.div_items_tags .edit_active {
  float: left; }

.div_items_tags .tags {
  clear: both; }

.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("/_cms/design15/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 > div:hover {
        box-shadow: inset 0 0 0 5px #fff, 0 1px 6px #aab2bd; }
    .library-line .thumb img {
      width: 100% !important;
      height: auto !important;
      min-width: 100%;
      min-height: 100%;
      object-fit: cover; }
    .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: 40%;
    line-height: 1.2em;
    color: #656d78; }
    .library-line .item_name_desc i {
      font-style: normal;
      color: #656d78;
      max-width: 90%;
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .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: 8px;
      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;
    margin: 4px 2px; }
  .library-line:hover .all_actions_block a {
    opacity: 1;
    visibility: visible; }
  .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: 3px;
    display: none;
    margin-top: 0;
    margin-left: 0; }
    .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[onclick^="cancel"] {
          background: #f6f7fb; }
          .library-line .changeName input + div a[onclick^="cancel"]:before {
            color: #656d78;
            content: "\e613"; }
        .library-line .changeName input + div a {
          display: inline-block;
          width: 32px;
          height: 32px;
          vertical-align: middle;
          background: #3eb060;
          font-size: 0;
          text-align: center; }
          .library-line .changeName input + div a:before {
            font-family: 'cincopaicons';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            font-size: 24px;
            line-height: 1;
            vertical-align: middle;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e621";
            color: #fff;
            line-height: 30px; }
  .library-line .icon-edit {
    opacity: 0; }
  .library-line:hover .icon-edit {
    opacity: 1;
    margin-top: -3px; }
  .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%;
    margin-bottom: 3px;
    margin-left: 0; }
    .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: #3eb060;
      font-size: 0;
      text-align: center; }
      .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"] {
      background: #F6F7FB; }
      .library-line .changeDescription .save_cancel_box a[onclick^="cancel"]:before {
        color: #656D78;
        content: "\e613"; }
  .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; }

@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: 10%;
        vertical-align: top; }
    .libraryContainer.assets_list .analytics_div i, .libraryContainer.assets_list .analytics_div b {
      font-size: 30px;
      vertical-align: middle; }
    .libraryContainer.assets_list .analytics_view_div i, .libraryContainer.assets_list .analytics_view_div b {
      font-size: 30px;
      vertical-align: middle; }

  /* ---------------------------------   */ }
@media screen and (max-width: 1100px) and (min-width: 1024px) {
  .libraryContainer.assets_list .analytics_div i, .libraryContainer.assets_list .analytics_div b {
    font-size: 25px; }
  .libraryContainer.assets_list .analytics_view_div i, .libraryContainer.assets_list .analytics_view_div b {
    font-size: 25px; } }
@media screen and (max-width: 1024px) and (min-width: 801px) {
  .libraryContainer.assets_list .analytics_div i, .libraryContainer.assets_list .analytics_div b {
    font-size: 20px; }
  .libraryContainer.assets_list .analytics_view_div i, .libraryContainer.assets_list .analytics_view_div b {
    font-size: 20px; } }
@media screen and (max-width: 800px) {
  .libraryContainer .all_actions_block {
    position: absolute !important; } }
@media screen and (max-width: 540px) {
  .library-line .all_actions_block {
    display: block !important;
    width: 100% !important;
    text-align: right !important;
    padding: 0; }
    .library-line .all_actions_block > a {
      width: 40px; }
  .library-line .item_name_desc {
    margin-left: 0 !important;
    padding-left: 0 !important; }

  .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; } }
/* 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 .shareBlock .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; }
.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; }

.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: 13px;
  line-height: 1em;
  background: #85adc3;
  box-shadow: none;
  font-weight: bold;
  text-align: center; }

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"); }

/* /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; }

.assetEditor {
  background: #fff;
  padding: 15px;
  font-size: 14px; }
  .assetEditor hr {
    height: 0;
    margin: 15px -15px;
    border: none;
    border-bottom: 1px solid #d8dadf; }
  .assetEditor .addthis_toolbox {
    position: absolute;
    left: 40px;
    bottom: 0;
    width: auto;
    margin-bottom: -15px; }
  .assetEditor .addThisBlock {
    margin-left: 0;
    padding: 10px 10px 0 10px; }

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

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

.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; }
  .boxPreview .skinView.portraitVideo {
    max-width: 300px;
    margin: 0 auto; }
  .boxPreview .skinView > *, .boxPreview > *, .boxPreview img {
    max-width: 100%;
    height: auto; }

.boxInfo {
  text-align: justify;
  text-justify: distribute-all-lines;
  line-height: 0; }
  .boxInfo:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .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.cp_disabled {
        pointer-events: visible !important; }
        .boxMetaEditor .tabsHead li.cp_disabled:hover b.hint {
          opacity: 1;
          visibility: visible; }
      .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.thumbnail .saveBtn {
      margin-top: 15px; }
    .boxMetaEditor .tabContent.share .addthis_toolbox {
      position: static;
      margin: 10px auto; }
  .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 .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; }

.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%; }
  .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 .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; }
  .timelineBlock div.titleBlock label:after {
    content: '*';
    color: red; }
  .timelineBlock .edit_controls {
    display: none; }
  .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; }

.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; }
.activeTimeline #add_thumb_sec, .activeTimeline .previewVideoPoster {
  /* display: none !important;*/
  visibility: hidden; }

select[name="edit_annotations"] {
  width: 100%; }

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

.modalControlsArea {
  text-align: right;
  clear: both; }

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

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

#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: 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; } }
.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;
  height: 18px;
  height: fit-content; }
  .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 > 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 .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-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 .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;
        width: 320px;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      .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 {
          width: 30px;
          color: inherit; }
        .itemsDropdown.actionsMenu .itemsDropdown_items > ul li > a.delete {
          color: #db4c3f; }
          .itemsDropdown.actionsMenu .itemsDropdown_items > ul li > a.delete i {
            color: #db4c3f; }
  .itemsDropdown.tagsList {
    left: 0;
    right: auto; }
    .itemsDropdown.tagsList .itemsDropdown_items {
      overflow: hidden; }
      .itemsDropdown.tagsList .itemsDropdown_items ul {
        width: 100%;
        display: block;
        padding: 0;
        margin: 0;
        border-collapse: collapse;
        overflow-x: hidden;
        max-height: 300px; }
        .itemsDropdown.tagsList .itemsDropdown_items ul > li {
          width: 100%;
          display: table-row;
          list-style: none; }
          .itemsDropdown.tagsList .itemsDropdown_items ul > li > * {
            display: table-cell;
            vertical-align: middle;
            white-space: nowrap;
            font-size: 13px;
            padding: 10px 10px; }
          .itemsDropdown.tagsList .itemsDropdown_items ul > li label {
            display: table-cell; }
          .itemsDropdown.tagsList .itemsDropdown_items ul > li:hover {
            background-color: #f6f7fb; }
          .itemsDropdown.tagsList .itemsDropdown_items ul > li .selected {
            width: 45px; }
  .itemsDropdown.domainsList {
    margin-top: -7px;
    right: 50%;
    margin-right: -35px; }

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

.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;
  /* style to fit page for long urls */
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-inline-box;
  overflow: hidden;
  max-width: 95%;
  vertical-align: middle; }
.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; }

@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;
      display: flex;
      justify-content: center; }
  .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;
      text-align: center;
      width: 36%; }
    .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: 530px) {
  .libraryContainer.galleriesList .library-line .galleryThumb {
    max-width: 200px; } }
@media screen and (max-width: 420px) {
  .libraryContainer.galleriesList .library-line .galleryThumb {
    max-width: 140px; }

  .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; } }
.skinsList {
  display: block;
  list-style: none;
  margin: 20px auto;
  padding: 0;
  font-size: 0;
  text-align: left; }
  .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; }
  .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;
        content: 'Preview';
        left: 50%;
        opacity: 0; }
    .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; }

@media screen and (max-width: 1080px) {
  .skinsList {
    text-align: center; } }
.skinsList-item {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  font-size: 1ex;
  width: 242px;
  height: 160px;
  max-width: 100%;
  position: relative;
  z-index: auto;
  margin: 15px; }
  .skinsList-item .wrap {
    background: #fff;
    border: 1px solid #c7c8cd;
    border-radius: 2px;
    padding: 8px;
    /* @include transition(.3s ease all); */
    top: 0;
    position: relative;
    transform: scale3d(1, 1, 1); }
  .skinsList-item .thumb {
    background: #ccd0d9;
    display: block;
    width: 224px;
    max-width: 100%;
    height: 140px;
    overflow: hidden;
    font-size: 0;
    position: relative;
    cursor: pointer; }
    .skinsList-item .thumb img {
      min-width: 100%; }
    .skinsList-item .thumb > div:after {
      font-family: inherit;
      content: 'click to preview';
      color: #fff;
      position: absolute;
      display: block;
      width: auto;
      height: auto;
      font-size: 10px;
      background: #000;
      background: rgba(24, 24, 24, 0.62);
      border-radius: 20px;
      left: 43%;
      top: 50%;
      margin: -8px 0 0 -3em;
      text-transform: uppercase;
      padding: 5px 10px; }
  .skinsList-item .details {
    display: block;
    height: 0;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    /* @include transition(.3s ease all); */ }
  .skinsList-item .features {
    margin: 10px auto; }
    .skinsList-item .features .icon-premium {
      color: #ffc330;
      /*display: none;*/ }
  .skinsList-item.premium .features .icon-premium {
    display: inline-block; }
  .skinsList-item .title {
    color: #434a53;
    font-size: 14px;
    line-height: 1.1em;
    font-weight: bold;
    margin: 10px auto;
    text-transform: none;
    white-space: normal; }
  .skinsList-item .descr {
    color: #aab2bc;
    font-size: 12px;
    margin: 10px auto;
    white-space: normal; }
  .skinsList-item .usethis {
    display: block;
    margin: 10px 0 0 0;
    text-transform: uppercase;
    font-size: 14px; }
  .skinsList-item:hover {
    z-index: 200; }
    .skinsList-item:hover .thumb > div:after {
      animation-name: bounceIn;
      animation-duration: 450ms;
      animation-timing-function: linear;
      animation-fill-mode: forwards; }
    .skinsList-item:hover .wrap {
      padding: 20px;
      margin: -13px;
      position: absolute;
      top: -75px;
      left: 0;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); }
    .skinsList-item:hover .details {
      height: auto;
      max-height: 250px;
      visibility: visible;
      opacity: 1; }
  .skinsList-item.visited .wrap:before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    background: url("/_cms/design18/images/eye-icon.png"); }
  .skinsList-item .cp-skin-preview-path {
    font-size: 12px;
    z-index: -10;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }

.mobileMenuFilter {
  display: none; }

@media screen and (max-width: 600px) {
  .skinsList {
    padding: 20px 0; }

  .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; } }
.skinsFilters li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0; }
.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.photos > a > i {
  background-image: url("/_cms/design18/images/gallery-icon.png"); }
.skinsFilters .skinsMediaType.videos > a > i {
  background-image: url("/_cms/design18/images/player-icon-1.png"); }
.skinsFilters .skinsMediaType.portal > a > i {
  background-image: url("/_cms/design18/images/player-icon-2.png"); }
.skinsFilters .skinsMediaType.music > a > i {
  background-image: url("/_cms/design18/images/player-icon-3.png"); }
.skinsFilters .skinsMediaType.slideshow > a > i {
  background-image: url("/_cms/design18/images/player-icon-4.png"); }
.skinsFilters .skinsMediaType > ul {
  max-height: 0;
  overflow: hidden;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -ms-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
  padding: 0 10px; }
  .skinsFilters .skinsMediaType > ul > li {
    margin: 8px 0; }
.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 .checkBox {
  color: #aab2bc;
  font-weight: bold;
  font-size: 14px; }
  .skinsFilters .checkBox input[type=checkbox]:checked ~ b {
    color: #434a53; }
  .skinsFilters .checkBox > i {
    margin-right: 8px !important; }
  .skinsFilters .checkBox:hover {
    color: #434a53; }
    .skinsFilters .checkBox:hover > i {
      border-color: #434a53; }

.skinsMediaType.all > a > i {
  background-image: url("/_cms/design18/images/asterisk.jpg"); }

.wizardSteps {
  background: #f6f7fb;
  border-bottom: 1px solid #d8dadf;
  margin: 0;
  padding: 0;
  text-align: center;
  box-shadow: 0 2px 6px rgba(66, 67, 69, 0.16);
  position: relative;
  z-index: 90; }
  .wizardSteps .btn {
    font-size: 14px; }
  .wizardSteps > div {
    display: table;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
  .wizardSteps ol {
    display: table-row;
    padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap; }
  .wizardSteps li {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    line-height: 1;
    font-weight: bold;
    font-size: 40px !important;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 13px;
    background-image: url("/_cms/design18/images/big-lock-right.png"); }
    .wizardSteps li:last-child {
      background: none;
      padding-right: 0; }
    .wizardSteps li > a {
      color: #434a53;
      font-size: 14px;
      text-decoration: none;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      padding: 5px;
      cursor: pointer;
      border: 1px solid transparent;
      white-space: nowrap; }
      .wizardSteps li > a > i {
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 28px;
        border-radius: 20px;
        border: 1px solid;
        background: #fff;
        margin-right: 5px;
        color: #0086cf; }
      .wizardSteps li > a > b {
        display: inline-block;
        vertical-align: middle;
        white-space: normal; }
    .wizardSteps li.active > a {
      color: #0086cf;
      cursor: default; }
      .wizardSteps li.active > a > i {
        background-color: #0086cf;
        color: #fff;
        border-color: #0086cf; }
    .wizardSteps li.disabled {
      opacity: 1; }
      .wizardSteps li.disabled > a {
        opacity: .2;
        cursor: default; }
        .wizardSteps li.disabled > a > i {
          color: #434a53; }
    .wizardSteps li:not(.active):not(.disabled) > a:hover {
      color: #0086cf;
      /*background: rgba(0, 134, 207, 5/100); border-radius: 40px; border-color: rgba(0, 134, 207, 20/100);*/ }
      .wizardSteps li:not(.active):not(.disabled) > a:hover > i {
        background-color: #0086cf;
        color: #fff;
        border-color: #0086cf; }

@media screen and (max-width: 400px) {
  .wizardSteps li > a > b {
    font-size: 12px; } }
.fixedToolbar {
  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 {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0; }
  .fixedToolbar li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0; }
  .fixedToolbar .btn {
    padding: 11px 9px;
    width: 100%;
    margin: 0;
    border: none;
    background: #fff;
    text-shadow: none; }
    .fixedToolbar .btn i {
      font-size: 32px; }
    .fixedToolbar .btn b {
      display: none; }
    .fixedToolbar .btn:hover {
      background: #dddfe4; }
    .fixedToolbar .btn.active {
      background: #656d78;
      cursor: default;
      pointer-events: none; }
      .fixedToolbar .btn.active i {
        color: #fff !important; }

.skinPreviewArea {
  display: none;
  border-radius: 4px;
  margin: 0;
  padding-top: 64px; }
  .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); }
    .skinPreviewArea .previewModesToolbar ul {
      display: block;
      list-style: none;
      margin: 0;
      padding: 0; }
    .skinPreviewArea .previewModesToolbar li {
      display: block;
      list-style: none;
      margin: 0;
      padding: 0; }
    .skinPreviewArea .previewModesToolbar .btn {
      padding: 11px 9px;
      width: 100%;
      margin: 0;
      border: none;
      background: #fff;
      text-shadow: none; }
      .skinPreviewArea .previewModesToolbar .btn i {
        font-size: 32px; }
      .skinPreviewArea .previewModesToolbar .btn b {
        display: none; }
      .skinPreviewArea .previewModesToolbar .btn:hover {
        background: #dddfe4; }
      .skinPreviewArea .previewModesToolbar .btn.active {
        background: #656d78;
        cursor: default;
        pointer-events: none; }
        .skinPreviewArea .previewModesToolbar .btn.active i {
          color: #fff !important; }
  .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 {
        height: calc(100vh - 230px) !important; }
      .skinPreviewArea.singleSkinPreview .simulatorContainer .simulator .iframeWrapper {
        height: calc(100vh - 230px) !important; }
      .skinPreviewArea.singleSkinPreview .simulatorContainer .simulator iframe {
        border: none;
        height: auto; }
  .skinPreviewArea .btn {
    font-size: 14px; }
  .skinPreviewArea .skinPreview-head {
    position: relative;
    padding: 20px 30px 20px 60px;
    background: #fff;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #d8dadf;
    text-align: center; }
    .skinPreviewArea .skinPreview-head:after {
      content: '';
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      overflow: hidden; }
    .skinPreviewArea .skinPreview-head .backToSkins {
      position: absolute;
      top: 0;
      left: 0;
      margin: 0;
      border: none;
      width: 50px;
      height: 100%;
      background: #eee;
      color: #40464f; }
      .skinPreviewArea .skinPreview-head .backToSkins:hover {
        background: #dadde6; }
      .skinPreviewArea .skinPreview-head .backToSkins b {
        display: none; }
    .skinPreviewArea .skinPreview-head .headRight {
      display: inline-block;
      width: 40%;
      width: calc(50% - 135px);
      min-height: 1px;
      float: right;
      text-align: right;
      position: relative; }
    .skinPreviewArea .skinPreview-head .headLeft {
      display: inline-block;
      width: 40%;
      width: calc(50% - 135px);
      min-height: 1px;
      float: left;
      text-align: left;
      padding-right: 5px; }
    .skinPreviewArea .skinPreview-head .headCenter {
      display: inline-block;
      float: left;
      text-align: left; }
      .skinPreviewArea .skinPreview-head .headCenter .btn {
        padding: 5px 14px; }
        .skinPreviewArea .skinPreview-head .headCenter .btn > i {
          font-size: 40px; }
    .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 .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; }
  .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 {
        width: 100%;
        height: 100%;
        max-width: 100vw;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch !important; }
      .skinPreviewArea .simulatorContainer .simulator .iframeWrapper {
        width: 100%;
        height: 100%;
        max-width: 100vw;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch !important; }
      .skinPreviewArea .simulatorContainer .simulator iframe {
        width: 100%;
        height: 99%;
        max-width: 100vw;
        background: #fff;
        border: 1px solid #C0C9CC;
        min-width: 100%;
        width: 100px;
        /* *width: 100%;*/ }
        .skinPreviewArea .simulatorContainer .simulator iframe#singleskin_simulator_content {
          height: 100% !important;
          border: 1px solid #CFD4DA;
          border-radius: 2px;
          box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.02);
          background: #FDFCFC; }
      .skinPreviewArea .simulatorContainer .simulator.desktop {
        width: 1020px;
        height: 600px;
        padding: 38px 125px 80px 128px;
        background-image: url("/_cms/design18/images/laptop.png"); }
      .skinPreviewArea .simulatorContainer .simulator.tablet {
        width: 430px;
        height: 600px;
        padding: 50px 30px 60px 30px;
        background-image: url("/_cms/design18/images/ipad.png"); }
        .skinPreviewArea .simulatorContainer .simulator.tablet .landscape {
          width: 600px;
          height: 430px;
          padding: 30px 50px 30px 60px;
          background-image: url("/_cms/design18/images/revert-ipad.png"); }
      .skinPreviewArea .simulatorContainer .simulator.mobile {
        width: 290px;
        height: 560px;
        padding: 70px 20px 75px 20px;
        background-image: url("/_cms/design18/images/iphone.png"); }
        .skinPreviewArea .simulatorContainer .simulator.mobile.landscape {
          width: 560px;
          height: 290px;
          padding: 20px 70px 20px 75px;
          background-image: url("/_cms/design18/images/revert-iphone.png"); }
        .skinPreviewArea .simulatorContainer .simulator.mobile + .previewRotate {
          display: block; }
      .skinPreviewArea .simulatorContainer .simulator.tablet + .previewRotate {
        display: block; }
      .skinPreviewArea .simulatorContainer .simulator.landscape + .previewRotate {
        background-image: url("/_cms/design18/images/revert-phone-icon-2.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 #singleskin_Wrapper {
    margin: 0 auto; }

@media screen and (max-height: 655px) {
  .fixedToolbar {
    top: auto;
    margin-top: 0;
    bottom: 10%; }

  .skinPreviewArea .previewModesToolbar {
    top: auto;
    margin-top: 0;
    bottom: 10%; } }
#singleskin_Wrapper .mediaElement {
  position: relative;
  z-index: 0; }

@media screen and (max-width: 1600px) {
  .skinPreviewArea .skinPreview-head .headRight {
    width: auto; }
  .skinPreviewArea .skinPreview-head .headLeft {
    width: auto; }
  .skinPreviewArea .skinPreview-head .headCenter {
    width: auto; }

  .embedCodeArea .embedCode-head .headRigh {
    width: auto; }
  .embedCodeArea .embedCode-head .headLeft {
    width: auto; }
  .embedCodeArea .embedCode-head .headCenter {
    width: auto; }

  .uploadArea .uploadArea-head .headRight {
    width: auto; }
  .uploadArea .uploadArea-head .headCenter {
    width: auto; }
  .uploadArea .uploadArea-head .headLeft {
    width: calc(100% - 440px);
    max-width: 50%; } }
@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; }

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

  .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; } }
@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 .headRigh {
    width: auto; }
  .skinPreviewArea .skinPreview-head .headLeft {
    width: auto; }

  #marketing-header .librarySideMenu {
    display: block !important;
    visibility: visible !important;
    z-index: 5000 !important;
    background: #fff;
    padding-top: 53px !important;
    width: 400px;
    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; }
    #marketing-header .librarySideMenu.active {
      transform: translate(0, 0);
      opacity: 1; }
    #marketing-header .librarySideMenu .dd-container {
      width: auto !important;
      margin: 10px auto !important;
      background: #fff;
      border-radius: 3px;
      border: none !important;
      padding: 10px 20px !important; }
      #marketing-header .librarySideMenu .dd-container .dd-selected {
        display: none !important; }
      #marketing-header .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; }
        #marketing-header .librarySideMenu .dd-container .dd-options > li > a {
          min-height: 40px;
          padding: 7px 0;
          position: relative;
          margin: 0; }
          #marketing-header .librarySideMenu .dd-container .dd-options > li > a.dd-option-selected {
            padding-right: 20px; }
            #marketing-header .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; }
    #marketing-header .librarySideMenu .sideMenuControls {
      margin: -20px -30px;
      padding: 20px;
      background: #434a54;
      text-align: center;
      display: flex;
      flex-wrap: wrap; }
      #marketing-header .librarySideMenu .sideMenuControls .btn {
        flex-grow: 1;
        flex-shrink: 1;
        padding: 12px;
        display: flex;
        justify-content: center;
        font-size: 14px !important;
        font-weight: 500 !important;
        margin: 10px; }
    #marketing-header .librarySideMenu .sideMenuFilters {
      padding: 20px;
      margin: 19px -30px 19px -30px; }
    #marketing-header .librarySideMenu .sideMenuControls {
      margin: 19px -30px 19px -30px; }
    #marketing-header .librarySideMenu .create_gallery, #marketing-header .librarySideMenu .upload_files {
      width: 45%;
      display: inline-block; }
    #marketing-header .librarySideMenu .create_gallery b, #marketing-header .librarySideMenu .upload_files b {
      display: block; }
    #marketing-header .librarySideMenu #dropdownUsageMobile {
      display: block; }
    #marketing-header .librarySideMenu .sidebarFooter, #marketing-header .librarySideMenu #wasthispagehelpful {
      display: none; } }
@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; }

  #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content-inner {
    padding: 40px 20px 0 20px; } }
.skinEdit {
  padding: 97px 30px 160px 30px;
  min-height: 100%;
  padding-bottom: 30px;
  border-right: 1px solid #d8dadf; }
  .skinEdit .skinEdit-section[data-tab="hidden"] {
    display: none !important; }
  .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.active .sectionContent {
    visibility: visible;
    padding: 20px;
    max-height: 2500px;
    transform: none;
    overflow: visible;
    opacity: 1; }
  .skinEdit .skinEdit-section:hover .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-sections {
    display: block;
    position: relative;
    padding: 0;
    list-style: none;
    overflow: auto;
    overflow-x: hidden;
    margin-bottom: -50px;
    height: calc(100vh - 190px) !important;
    margin: 7px -31px; }
    .skinEdit .skinEdit-sections .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-sections .sectionTitle i:before {
        content: "\e801"; }
      .skinEdit .skinEdit-sections .sectionTitle > i {
        font-size: 24px;
        margin-right: 5px;
        vertical-align: middle; }
      .skinEdit .skinEdit-sections .sectionTitle > b {
        vertical-align: middle; }
    .skinEdit .skinEdit-sections i.icon-wiz_advanced:before {
      content: "\e635"; }
    .skinEdit .skinEdit-sections i.icon-wiz_basic:before {
      content: "\e636"; }
    .skinEdit .skinEdit-sections i.icon-wiz_player:before {
      content: "\e637"; }
    .skinEdit .skinEdit-sections i.icon-wiz_onclick:before {
      content: "\e647"; }
    .skinEdit .skinEdit-sections i.icon-wiz_branded:before {
      content: "\e648"; }
    .skinEdit .skinEdit-sections i.icon-palette:before {
      content: "\e62a"; }
    .skinEdit .skinEdit-sections i.icon-wiz_controls:before {
      content: "\e637"; }
    .skinEdit .skinEdit-sections i.icon-email:before, .skinEdit .skinEdit-sections i.icon-wiz_mail:before, .skinEdit .skinEdit-sections i.icon-envelop:before {
      content: "\e657"; }
    .skinEdit .skinEdit-sections i.icon-wiz_misc:before {
      content: "\e650"; }
    .skinEdit .skinEdit-sections:first-child .sectionTitle {
      border-top: 1px solid #d8dadf; }
  .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 .grouping {
    border-top: 1px solid #ddd;
    margin: 30px -20px;
    padding: 0 20px; }
    .skinEdit .grouping:first-child {
      margin-top: 0;
      border-top: none; }
  .skinEdit .presetValues {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 60px !important;
    margin-right: 5px; }
    .skinEdit .presetValues #preset_values_skin_param_size_thumb {
      position: absolute;
      top: 0;
      background: #fff; }
  .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 .tagsinput {
    min-height: 0 !important;
    height: auto !important; }
  .skinEdit .bubbleInfo {
    position: static; }

.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;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      word-break: break-all; }
    .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: 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; }

/* /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; }

.applyState {
  position: absolute;
  top: 14px;
  left: 100%;
  width: 16px;
  height: 16px;
  margin-left: 0;
  font-family: 'cincopaicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 24px;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px; }
  .applyState.saved:before {
    content: "\e602";
    color: #3eb060; }
  .applyState.error:before {
    content: "\e643";
    color: #db4c3f; }
  .applyState.saving :before {
    content: "\e61e";
    color: #0086cf;
    animation: rotating-icon linear .7s;
    animation-iteration-count: infinite;
    transform-origin: 49% 52%;
    -webkit-animation: rotating-icon linear .7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 49% 52%;
    -moz-animation: rotating-icon linear .7s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 49% 52%;
    -ms-animation: rotating-icon linear .7s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 49% 52%; }

.alternatives {
  text-align: center;
  background: rgba(0, 0, 0, 0.03);
  padding: 20px;
  margin-top: -10px; }
  .alternatives p {
    margin: -5px 0 10px 0; }
  .alternatives .cssselectblock {
    display: none; }

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

#_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 .librarySideMenu .lsm-logo {
  display: block;
  position: absolute;
  top: 20px;
  left: 30px; }
body.loggedout .wizardSteps {
  top: 0 !important;
  position: fixed;
  width: 100%; }
  body.loggedout .wizardSteps ~ .wizardArea {
    padding-top: 0 !important; }
body.loggedout .fixedpreview {
  padding-top: 0 !important; }
body.loggedout .skinPreviewArea.fixedpreview .previewModesToolbar {
  top: 10px !important; }
body > .intercom-container {
  z-index: 80000 !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; } }
.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 {
  padding-top: 15px; }
  .embedFilters .embedFiltersItem.active > a {
    background: #656d78;
    color: #fff;
    pointer-events: none;
    border-color: #656d78; }
  .embedFilters .embedFiltersItem.active > ul {
    max-height: none;
    height: auto;
    visibility: visible;
    opacity: 1;
    padding: 0;
    margin-left: 0;
    display: flex;
    flex-direction: column; }
  .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 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.landing > 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.landing > a > i {
      background-size: 40px 40px;
      background-image: url("/_cms/design18/images/green-link-icon.png");
      display: inline-block;
      vertical-align: middle;
      width: 50px;
      height: 50px;
      margin-right: 8px;
      background-repeat: no-repeat;
      background-position: center center; }
    .embedFilters .embedFiltersItem.landing > a:hover {
      background: #e6e8ec; }
    .embedFilters .embedFiltersItem.landing > 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 > 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 > ul > li {
      margin: 8px 0;
      display: inline-block; }
      .embedFilters .embedFiltersItem > ul > li > a {
        margin: 0;
        padding: 0;
        display: flex;
        border: none;
        align-items: center; }
        .embedFilters .embedFiltersItem > ul > li > a b {
          display: block;
          padding-left: 10px; }
        .embedFilters .embedFiltersItem > ul > li > a i {
          margin-right: 0; }
  .embedFilters li, .embedFilters ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0; }
  .embedFilters ~ .sidebarFooter, .embedFilters ~ #wasthispagehelpful {
    display: none; }

.uploadWays {
  padding-top: 15px;
  height: calc(100vh - 240px);
  overflow: auto;
  overflow-x: hidden;
  margin: 0 -30px 10px -30px; }
  .uploadWays.embedFilters .embedFiltersItem > a {
    display: block;
    position: relative;
    border-bottom: 1px solid #d8dadf;
    color: #656d78;
    border-top: 1px solid #d8dadf;
    margin: 0;
    padding: 13px 30px;
    cursor: pointer; }
  .uploadWays.embedFilters .embedFiltersItem .uploadWayItem > a {
    background: none;
    padding-bottom: 5px; }
  .uploadWays.embedFilters .embedFiltersItem.active > a {
    background: #656d78;
    color: #fff;
    border-color: #656d78;
    pointer-events: none; }
    .uploadWays.embedFilters .embedFiltersItem.active > a > .icon-arr_drop {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  .uploadWays.embedFilters .embedFiltersItem.active > ul {
    max-height: 290px;
    height: auto;
    visibility: visible;
    opacity: 1;
    padding: 0 30px;
    margin: 0;
    display: flex;
    flex-direction: column; }
  .uploadWays li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0; }
  .uploadWays ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0; }
  .uploadWays .embedFiltersItem .uploadWayItem > a {
    padding-bottom: 5px; }
  .uploadWays .embedFiltersItem .uploadWayItem.active > ul {
    max-height: 290px;
    height: auto;
    visibility: visible;
    opacity: 1;
    padding: 15px !important; }
  .uploadWays .embedFiltersItem .uploadWayItem.active > a {
    color: #0086cf;
    pointer-events: none;
    border-bottom: 2px solid #0086fc; }
  .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 30px;
    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;
      background-image: url("/_cms/design18/images/many-icons.png"); }
    .uploadWays .uploadWayItem > a > b {
      font-weight: 600;
      display: inline-block;
      max-width: calc(100% - 50px);
      vertical-align: middle; }
  .uploadWays .uploadWayItem.dropbox {
    background: none; }
  .uploadWays .uploadWayItem.webcam > a > i {
    background-position: 0 0; }
  .uploadWays .uploadWayItem.wordpress > a > i {
    background-position: -40px 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.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 > 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 .uploadWayItem.active > ul {
    max-height: 290px;
    height: auto;
    visibility: visible;
    opacity: 1;
    padding: 15px !important; }
  .uploadWays .uploadWayItem.active > a {
    background: #656d78;
    color: #fff;
    pointer-events: none; }
  .uploadWays ~ #wasthispagehelpful {
    position: static; }
  .uploadWays ~ .sidebarFooter {
    margin-bottom: -85px;
    position: static; }
  .uploadWays .storageUsage {
    font-size: 12px;
    color: #656d78;
    margin: 20px -10px; }
    .uploadWays .storageUsage .storageUsage label {
      font-weight: normal;
      float: left;
      max-width: 60%;
      margin-bottom: 5px; }
    .uploadWays .storageUsage .storageUsage .value {
      font-size: 11px;
      float: right;
      color: #aab2bd;
      max-width: 40%; }
    .uploadWays .storageUsage .storageUsage .progressbar {
      margin: 5px 0; }
  .uploadWays .selected {
    margin: 10px 0;
    font-size: 12px;
    padding: 0 20px; }
  .uploadWays .checkBox > b {
    max-width: calc(100% - 10px); }

.embedCodeArea {
  min-height: calc(100vh - 420px); }
  .embedCodeArea .embedCode-content {
    padding: 20px 30px;
    font-size: 14px;
    color: #aab2bc;
    margin: 10px 0; }
    .embedCodeArea .embedCode-content > div:not(.landing) {
      margin: 30px 30px 20px 30px; }
    .embedCodeArea .embedCode-content p {
      margin: 1em 0 1.2em 0; }
    .embedCodeArea .embedCode-content h4 {
      text-transform: none;
      font-weight: normal;
      margin: .5em 0; }
  .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 {
      display: inline-block;
      width: 40%;
      width: calc(50% - 135px);
      min-height: 1px;
      float: right;
      text-align: right;
      position: relative; }
    .embedCodeArea .embedCode-head .headLeft {
      display: inline-block;
      width: 40%;
      width: calc(50% - 135px);
      min-height: 1px;
      float: left;
      text-align: left;
      padding-right: 5px; }
    .embedCodeArea .embedCode-head .headCenter {
      display: inline-block;
      float: left;
      text-align: left; }
      .embedCodeArea .embedCode-head .headCenter .btn {
        padding: 5px 14px; }
        .embedCodeArea .embedCode-head .headCenter .btn > i {
          font-size: 40px; }
    .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 .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; }
  .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; }
  .embedCodeArea .landing-list-container {
    background: #fff; }
    .embedCodeArea .landing-list-container .library-line {
      width: 100%;
      display: block; }
      .embedCodeArea .landing-list-container .library-line .thumb {
        width: 350px;
        float: left; }
        .embedCodeArea .landing-list-container .library-line .thumb > * {
          padding: 20px 40px 60px;
          height: 260px;
          display: block; }
        .embedCodeArea .landing-list-container .library-line .thumb > div {
          width: 288px;
          height: 180px;
          max-height: none;
          padding: 0; }
          .embedCodeArea .landing-list-container .library-line .thumb > div:before {
            display: none; }
        .embedCodeArea .landing-list-container .library-line .thumb img {
          height: 100% !important; }
        .embedCodeArea .landing-list-container .library-line .thumb .caption a:hover {
          opacity: 0.7; }
      .embedCodeArea .landing-list-container .library-line .item_name_desc {
        width: auto;
        padding: 5px;
        padding-top: 64px;
        overflow: hidden; }
    .embedCodeArea .landing-list-container .all_actions_block {
      margin-top: 15px; }
  .embedCodeArea .landing.row {
    margin-left: 0;
    margin-right: 0; }
    .embedCodeArea .landing.row > div {
      padding: 0; }
  .embedCodeArea .create_landing {
    margin: 40px 30px; }
  .embedCodeArea .landing-empty {
    padding: 5px 15px;
    height: 300px;
    min-height: calc(100vh - 365px);
    position: relative;
    text-align: center; }
    .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:after {
      display: inline-block;
      vertical-align: middle;
      width: 0;
      content: '';
      height: 100%;
      min-height: calc(100vh - 395px); }

@media (max-width: 991px) {
  .embedCodeArea .col-md-6 {
    clear: both; } }
@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; } }
.embedCode.ebay .col-md-6 p {
  min-height: 2.75em; }
.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; }
.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: 1550px) {
  .embedCode.ebay .col-md-6 p {
    min-height: 4.15em; }
  .embedCode.html .col-md-6 p {
    min-height: 4.15em; } }
@media screen and (max-width: 1220px) {
  .embedCode.ebay .col-md-6 p {
    min-height: 5.5em; }
  .embedCode.html .col-md-6 p {
    min-height: 5.5em; } }
@media screen and (max-width: 1300px) and (min-width: 990px) {
  .embedCode.ebay .col-md-6 h4label > span {
    min-height: 3em; }
  .embedCode.html .col-md-6 h4label > span {
    min-height: 3em; } }
@media screen and (max-width: 320px) {
  .library-line .all_actions_block > a > i {
    font-size: 15px; } }
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; }

.uploadArea {
  background: #f6f7fb;
  margin: 0; }
  .uploadArea .uploadArea-head {
    padding: 20px 30px;
    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 {
      display: inline-block;
      min-height: 1px;
      float: right;
      text-align: right;
      position: relative; }
      .uploadArea .uploadArea-head .headRight .uploadTotals {
        margin-bottom: 7px; }
      .uploadArea .uploadArea-head .headRight button {
        margin-bottom: 7px;
        margin-top: 5px; }
    .uploadArea .uploadArea-head .headLeft {
      display: inline-block;
      width: 40%;
      width: calc(55% - 135px);
      min-height: 1px;
      float: left;
      text-align: left;
      padding-right: 5px; }
    .uploadArea .uploadArea-head .headCenter {
      display: inline-block;
      float: left;
      text-align: left; }
      .uploadArea .uploadArea-head .headCenter .btn {
        padding: 5px 14px; }
        .uploadArea .uploadArea-head .headCenter .btn > i {
          font-size: 40px; }
    .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 .last_added_grid_view {
      display: inline-block;
      vertical-align: middle;
      padding: 7px 5px 7px 0;
      border-right: 1px solid #E4E4E4;
      margin-right: 5px; }
      .uploadArea .uploadArea-head .last_added_grid_view .btn.trans {
        margin: 0 2px; }
    .uploadArea .uploadArea-head .btn.save {
      position: relative;
      overflow: visible; }
      .uploadArea .uploadArea-head .btn.save .saveMessage {
        position: absolute;
        color: #aab2bd;
        max-width: 500px;
        background: #fff;
        z-index: 500;
        padding: 2px 5px;
        font-size: 11px;
        margin: 0;
        /*box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 2px;*/
        white-space: nowrap;
        /*border: 1px solid #ccc;*/
        font-weight: normal;
        pointer-events: none;
        top: 100%;
        margin-top: 2px;
        margin-left: -30px; }
    .uploadArea .uploadArea-head .uploadTotals {
      background: #f6f7fb;
      border-radius: 30px;
      color: #434a53;
      display: inline-block;
      vertical-align: middle;
      font-weight: 500;
      padding: 0 15px; }
      .uploadArea .uploadArea-head .uploadTotals > span {
        display: inline-block;
        vertical-align: middle; }
      .uploadArea .uploadArea-head .uploadTotals b {
        border-radius: 30px;
        color: #fff;
        background: #0086cf;
        padding: 2px 5px;
        min-width: 23px;
        display: inline-block;
        vertical-align: middle;
        text-align: center; }
      .uploadArea .uploadArea-head .uploadTotals .totals > b {
        background: #3eb060; }
    .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: 43px;
        margin-top: 56px; }
  .uploadArea .uploadArea-content {
    /* padding: 10px; */
    /* padding-right: 60px; */
    font-size: 14px;
    color: #aab2bc; }
    .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: 1450px) {
  .uploadArea .uploadArea-head .uploadTotals {
    border-radius: 5px; }
    .uploadArea .uploadArea-head .uploadTotals > span {
      display: block;
      text-align: left;
      font-size: 12px; } }
@media screen and (max-width: 900px) {
  .uploadArea .uploadArea-head .headLeft {
    width: 100%;
    max-width: none; } }
@media screen and (max-height: 690px) {
  .uploadArea .uploadArea-head {
    padding-right: 60px; } }
.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 {
      box-shadow: 0 0 20px;
      border-color: #8dc153;
      color: #8dc153; }
      .uploadMethod.normal.dropContHover:before {
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        content: '';
        left: 0;
        top: 0;
        z-index: 10; }
      .uploadMethod.normal.dropContHover .draghere {
        color: #8dc153; }
      .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; }
  .uploadMethod.instagram .uploadItem {
    padding: 3px;
    margin: 10px; }
    .uploadMethod.instagram .uploadItem.grid {
      background: transparent; }
    .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; }
  .uploadMethod .btn .icon-checked {
    font-size: 16px;
    margin: 0 3px; }
  .uploadMethod .uploadAreaSuccess {
    font-weight: normal;
    color: #3eb060;
    font-size: 1em;
    margin-top: 30px;
    color: #8dc153; }
    .uploadMethod .uploadAreaSuccess i {
      font-size: 16px;
      margin: 2px 5px 5px 5px; }
  .uploadMethod #uploadFilesAreaSuccess h3 {
    font-weight: normal;
    color: #3eb060;
    font-size: 1em;
    margin-top: 30px;
    color: #8dc153; }
    .uploadMethod #uploadFilesAreaSuccess h3 i {
      font-size: 16px;
      margin: 2px 5px 5px 5px; }

@media screen and (max-width: 640px) {
  .uploadMethod {
    height: auto !important; }
    .uploadMethod.instagram .loginToInstagram {
      height: auto !important;
      min-height: 0 !important; }
    .uploadMethod .maximized {
      height: auto !important;
      min-height: 0 !important; }

  .uploadItem .advancedOptions > div {
    display: block;
    width: auto !important;
    text-align: left; }

  .itemsContent {
    height: auto !important; }
    .itemsContent.webcam {
      padding: 10px; }
    .itemsContent #webcamobj .video-js {
      max-height: 70vw;
      max-width: 100%; }
    .itemsContent.basicx .basic > div {
      max-width: 100%;
      overflow: hidden; }

  .uploadSearchArea > div > div {
    width: 100% !important;
    margin: 5px 0; }
  .uploadSearchArea .dropdownUsagebox {
    display: flex; }
    .uploadSearchArea .dropdownUsagebox > * {
      flex-grow: 1; }
  .uploadSearchArea .dropdownTypesbox {
    display: flex; }
    .uploadSearchArea .dropdownTypesbox > * {
      flex-grow: 1; } }
.uploadItem {
  display: block;
  padding: 20px 10px;
  background: #fff;
  border: 1px solid #ccd0d9;
  border-radius: 5px;
  margin: 5px 0;
  white-space: nowrap;
  position: relative;
  -webkit-transition: 0.5s ease box-shadow;
  -moz-transition: 0.5s ease box-shadow;
  -ms-transition: 0.5s ease box-shadow;
  -o-transition: 0.5s ease box-shadow;
  transition: 0.5s ease box-shadow; }
  .uploadItem[style*="position: absolute;"] {
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); }
  .uploadItem.added {
    box-shadow: 0 0 10px #3eb060;
    border-color: #3eb060;
    z-index: 1;
    box-shadow: 0 0 10px #8dc153;
    border-color: #8dc153; }
  .uploadItem.removed {
    box-shadow: 0 0 10px rgba(219, 76, 63, 0.7);
    border-color: #db4c3f;
    z-index: 1; }
  .uploadItem input {
    width: 100%;
    max-width: 100%;
    margin: 10px 0;
    display: block;
    background: #f6f7fb;
    border: 1px solid #d8dadf;
    border-radius: 3px;
    padding: 5px 7px; }
    .uploadItem input:first-child {
      margin-top: 0; }
    .uploadItem input:last-child {
      margin-bottom: 0; }
  .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 textarea:first-child {
      margin-top: 0; }
    .uploadItem textarea:last-child {
      margin-bottom: 0; }
  .uploadItem form {
    display: inline; }
  .uploadItem .info-messsage {
    position: absolute;
    top: 0;
    right: 10px;
    color: red;
    font-size: 14px;
    font-weight: 600; }
  .uploadItem .fileControls {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    padding: 0 10px;
    position: relative;
    white-space: normal;
    text-align: left;
    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 {
        border-top: 1px solid;
        display: block;
        height: 24px;
        text-align: center;
        color: #CCD0D9;
        text-decoration: none;
        line-height: 24px;
        cursor: pointer; }
        .uploadItem .fileControls .reorderItem .moveUp:hover {
          color: #0086cf; }
      .uploadItem .fileControls .reorderItem .moveDown {
        border-bottom: 1px solid;
        display: block;
        height: 24px;
        text-align: center;
        color: #CCD0D9;
        text-decoration: none;
        line-height: 24px;
        cursor: pointer; }
        .uploadItem .fileControls .reorderItem .moveDown:hover {
          color: #0086cf; }
    .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 {
    display: inline-block;
    font-size: 12px;
    padding: 0 10px;
    position: relative;
    white-space: normal;
    text-align: left;
    width: 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 {
      width: 110px;
      height: 110px;
      padding: 3px;
      border: 1px solid;
      overflow: hidden;
      background: repeat center center;
      background-image: url("/_cms/design15/images/nothumb.png"); }
      .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 img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
      .uploadItem .fileThumb img[src="http://www.cincopa.com/design/images/nofotosmall.gif"] {
        display: none; }
  .uploadItem .fileInfo {
    display: inline-block;
    font-size: 12px;
    position: relative;
    white-space: normal;
    text-align: left;
    width: 15%;
    width: calc((100% - 384px) * .3);
    vertical-align: top;
    padding-right: 10px;
    min-height: 90px; }
    .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; */
      /* left: 5px; */
      margin-top: 5px;
      width: 100%;
      width: calc(100% - 15px); }
    .uploadItem .fileInfo .changeThumbnail {
      position: relative; }
    .uploadItem .fileInfo .changeThumbnail > div {
      position: absolute;
      right: 0;
      top: -4px; }
  .uploadItem .fileEditor {
    display: inline-block;
    font-size: 12px;
    padding: 0 10px;
    position: relative;
    white-space: normal;
    text-align: left;
    width: 15%;
    width: calc( (100% - 384px) * .3);
    vertical-align: top; }
    .uploadItem .fileEditor input {
      border-color: #434a54;
      color: #434a54; }
    .uploadItem .fileEditor textarea {
      border-color: #434a54;
      color: #434a54; }
    .uploadItem .fileEditor .field.description {
      margin-bottom: 0; }
  .uploadItem .fileTags {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    padding: 0 10px;
    position: relative;
    white-space: normal;
    text-align: left;
    width: 15%;
    width: calc( (100% - 384px) * .39);
    padding-right: 10px;
    min-height: 90px; }
    .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 {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    padding: 0 10px;
    position: relative;
    white-space: normal;
    text-align: left;
    width: 10%;
    width: calc(130px);
    line-height: 90px;
    text-align: center;
    visibility: hidden !important;
    padding-right: 10px;
    min-height: 90px; }
    .uploadItem .fileActions:after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 90px; }
    .uploadItem .fileActions .embed_action {
      display: none; }
  .uploadItem .fileMore {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    padding: 0 10px;
    position: relative;
    white-space: normal;
    text-align: left;
    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 > div {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    padding: 0 10px;
    position: relative;
    white-space: normal;
    text-align: left; }
  .uploadItem.music .fileThumb > div:after {
    display: block;
    content: "\e615"; }
  .uploadItem.video .fileThumb > div:after {
    display: block;
    content: "\e614"; }
  .uploadItem .changePoster {
    cursor: pointer; }
  .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%; }
  .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.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 {
        border-color: #d8dadf;
        background-color: #fff; }
      .uploadItem.media .fileEditor textarea {
        border-color: #d8dadf;
        background-color: #fff; }
    .uploadItem.media .fileTags {
      width: 30%;
      width: calc( (100% - 154px) * .4);
      border-right: none; }
  .uploadItem.isDeleted {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(219, 76, 63, 0.1); }
    .uploadItem.isDeleted .dragItem {
      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 * {
      opacity: .3;
      -webkit-filter: blur(1px);
      -moz-filter: blur(1px);
      -ms-filter: blur(1px);
      filter: blur(1px);
      -webkit-transition: 0.2s ease all;
      -moz-transition: 0.2s ease all;
      -ms-transition: 0.2s ease all;
      -o-transition: 0.2s ease all;
      transition: 0.2s ease all;
      pointer-events: none; }
    .uploadItem.isDeleted .fileControls {
      opacity: 1;
      -webkit-filter: none;
      -moz-filter: none;
      -ms-filter: none;
      filter: none;
      pointer-events: auto; }
    .uploadItem.isDeleted .itemDelete i {
      font-size: 18px; }
      .uploadItem.isDeleted .itemDelete i:before {
        content: '\e65e'; }
    .uploadItem.isDeleted .itemDelete:hover i {
      color: #3eb060 !important; }

.uploadItems.grid {
  padding: 5px 10px;
  background: #fff;
  margin: 15px auto;
  border: 1px solid #ccd0d9;
  border-radius: 3px; }
  .uploadItems.grid .uploadItem {
    display: inline-block;
    padding: 10px;
    position: relative;
    width: 190px;
    vertical-align: top;
    margin: 5px; }
    .uploadItems.grid .uploadItem .fileControls {
      display: block;
      min-height: 0 !important;
      margin: 10px 0;
      border: none;
      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 {
        display: none; }
      .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 {
      display: block;
      padding: 0;
      min-height: 0 !important;
      width: auto !important;
      border: none;
      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 {
      display: block;
      padding: 0;
      min-height: 0 !important;
      width: auto !important;
      margin: 10px 0;
      border: none;
      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 {
      padding: 0;
      min-height: 0 !important;
      width: auto !important;
      margin: 10px 0;
      border: none;
      display: none; }
    .uploadItems.grid .uploadItem .fileTags {
      padding: 0;
      min-height: 0 !important;
      width: auto !important;
      margin: 10px 0;
      border: none;
      display: none; }
    .uploadItems.grid .uploadItem .fileActions {
      padding: 0;
      min-height: 0 !important;
      width: auto !important;
      margin: 10px 0;
      border: none;
      display: none; }
    .uploadItems.grid .uploadItem .fileMore {
      padding: 0;
      min-height: 0 !important;
      width: auto !important;
      margin: 10px 0;
      border: none;
      display: none; }
    .uploadItems.grid .uploadItem > div {
      display: block;
      padding: 0;
      min-height: 0 !important;
      width: auto !important;
      margin: 10px 0;
      border: 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 .fileThumb .changeThumbnail {
      font-size: 10px;
      line-height: 1; }
    .uploadItems.grid.smaller .uploadItem .fileThumb .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; }

.uploadSearchArea {
  display: block;
  border: 1px solid #ccd0d9;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  padding: 10px 15px; }
  .uploadSearchArea:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .uploadSearchArea .selectedFiles {
    float: left;
    margin: 2px 15px 2px 0;
    min-width: 32%; }
    .uploadSearchArea .selectedFiles b {
      display: inline-block;
      vertical-align: middle;
      height: 1.7em;
      background-color: #3eb060;
      padding: 0 4px;
      line-height: 1.7em;
      min-width: 1.7em;
      text-align: center;
      font-size: 15px;
      color: #fff;
      border-radius: 20px;
      background-color: #8dc153; }
    .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); } }
.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%; }
.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; }
.itemsContent .uploadAreaSuccess {
  font-weight: normal;
  color: #3eb060;
  font-size: 1em;
  margin-top: 30px;
  color: #8dc153; }
  .itemsContent .uploadAreaSuccess i {
    font-size: 16px;
    margin: 2px 5px 5px 5px; }
.itemsContent #uploadFilesAreaSuccess h3 {
  font-weight: normal;
  color: #3eb060;
  font-size: 1em;
  margin-top: 30px;
  color: #8dc153; }
  .itemsContent #uploadFilesAreaSuccess h3 i {
    font-size: 16px;
    margin: 2px 5px 5px 5px; }

.oldUploadPage {
  position: absolute;
  top: 90px; }

.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 {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    display: inline-block;
    vertical-align: middle; }
  .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 {
  padding: 25px;
  box-shadow: 0 5px 50px #000;
  border-radius: 4px;
  -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-container .modalContainer {
    margin: -25px;
    padding: 25px; }
    .simplemodal-container .modalContainer .modalContent {
      margin-left: -25px;
      margin-right: -25px; }
  .simplemodal-container .CodeMirror.cm-s-default {
    max-height: calc(90vh - 130px);
    max-width: calc(100vw); }

.simplemodal-wrap {
  position: relative;
  overflow: visible !important; }
  .simplemodal-wrap:after {
    content: '';
    clear: both;
    display: block; }

.simplemodal-overlay {
  background: #000; }

#simplemodal-container {
  top: 10% !important;
  z-index: 7000 !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 #add_gall_id.dd-container {
  margin-top: 0; }
.modalContainer .infoBlock {
  word-wrap: break-word; }
.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-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; }

.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 {
    margin-top: 0; }
  .modalWindow h2 {
    margin-top: 0;
    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; } }
.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 {
    background: center center no-repeat;
    display: inline-block;
    background-size: contain;
    width: 97px;
    height: 63px;
    vertical-align: top;
    margin: -10px 10px 0 10px;
    font-size: 0;
    background-image: url("/_cms/design18/images/drag-me-icon.png"); }
  .deleteActionBlock .item {
    background: center center no-repeat;
    display: inline-block;
    width: 80px;
    height: 90px;
    background-size: contain;
    background-image: url("/_cms/design18/images/paper-icon.png"); }
  .deleteActionBlock .trash {
    background: center center no-repeat;
    display: inline-block;
    width: 80px;
    height: 90px;
    background-size: contain;
    background-image: url("/_cms/design18/images/trashcan-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 {
  text-align: left;
  max-height: 310px;
  margin-bottom: 20px;
  overflow: auto; }
  .resyncErrorContainer .modalContent h3 {
    text-transform: none;
    text-transform: none;
    margin-bottom: 0; }
    .resyncErrorContainer .modalContent h3 + p {
      margin-top: 0; }
  .resyncErrorContainer .modalContent p {
    font-size: 18px;
    color: #db4c3f; }
.resyncErrorContainer + .modalFooter {
  text-align: center; }
  .resyncErrorContainer + .modalFooter .btn {
    min-width: 100px; }

.modalContainer-errorNotification .modalContent {
  text-align: left;
  max-height: 310px;
  margin-bottom: 20px;
  overflow: auto; }
  .modalContainer-errorNotification .modalContent h3 {
    text-transform: none;
    text-transform: none;
    margin-bottom: 0; }
    .modalContainer-errorNotification .modalContent h3 + p {
      margin-top: 0; }
  .modalContainer-errorNotification .modalContent p {
    font-size: 18px;
    color: #db4c3f; }
.modalContainer-errorNotification + .modalFooter {
  text-align: center; }
  .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 table div.head {
      display: inline; }
    .asset_block table 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] {
    margin-bottom: 3px;
    width: 350px;
    background-color: #FFFFFF; }
  .asset_block textarea {
    margin-bottom: 3px;
    width: 350px;
    background-color: #FFFFFF;
    height: 75px; }

.asset_block_head {
  color: #555555;
  padding-left: 10px;
  padding-right: 10px;
  text-align: right;
  vertical-align: top; }

.disabled {
  color: Gray; }

.cancelBtn {
  margin-right: 10px; }

.searchInput {
  display: block !important;
  padding: 5px 10px;
  font-size: 13px;
  width: 100%; }
  .searchInput input[type='text'] {
    border: 1px solid #d8dadf !important;
    border-radius: 3px;
    box-shadow: inset 0 1px 4px #d8dadf;
    display: inline-block !important;
    width: 100% !important;
    padding: 5px; }
  .searchInput p {
    padding: 0 10px; }

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

.selectTags {
  font-size: 12px;
  font-style: italic; }

.social > div {
  display: inline-block;
  padding: 0 !important;
  margin: 5px !important; }
  .social > div > div {
    margin: 0 !important; }
.social .fb-like.fb_iframe_widget {
  margin: 0 !important; }
  .social .fb-like.fb_iframe_widget > span {
    vertical-align: baseline; }
.social #twitter-widget-0 {
  margin-top: 3px !important;
  vertical-align: top !important; }
.social #___plusone_0 {
  margin-top: 3px !important;
  vertical-align: top !important; }
.social .gp_share {
  display: inline-block;
  background-repeat: no-repeat;
  padding-top: 7px;
  padding-left: 35px;
  margin: 5px auto; }
.social .twt_share {
  display: inline-block;
  background-repeat: no-repeat;
  padding-top: 6px;
  padding-left: 35px;
  margin: 5px auto; }

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

.simplemodal-changeThumb {
  text-align: center; }

.posterGroup {
  text-align: center; }
  .posterGroup .posterBySec {
    margin: 10px 0; }
    .posterGroup .posterBySec label {
      display: block;
      font-size: 13px;
      color: #656d78;
      margin: 5px 0; }
    .posterGroup .posterBySec .secondsInput {
      width: 20% !important;
      border: 1px solid #d8dadf;
      border-radius: 3px;
      padding: 10px;
      font-size: 13px;
      color: #aab2bd; }
  .posterGroup .postersContainer {
    font-size: 0; }
  .posterGroup .thumbImage {
    margin: 5px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-size: 1rem;
    line-height: 80px;
    font-size: 13px;
    overflow: hidden;
    text-align: center;
    width: 146px;
    height: 84px;
    border-radius: 1px;
    border: 2px solid #FFFFFF;
    -moz-box-shadow: 0px 0px 0px 1px #c7c8cd;
    -webkit-box-shadow: 0px 0px 0px 1px #c7c8cd;
    box-shadow: 0px 0px 0px 1px #c7c8cd; }
    .posterGroup .thumbImage img {
      max-height: 100%;
      height: 100%;
      width: auto; }
    .posterGroup .thumbImage .error {
      line-height: 1;
      display: inline-block;
      vertical-align: middle;
      margin-top: 24px; }
    .posterGroup .thumbImage:hover:after {
      content: 'Set as thumbnail';
      background: rgba(82, 82, 82, 0.7);
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      color: white;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      line-height: 1em;
      padding: 26px 5px;
      cursor: pointer;
      font-size: 12px;
      text-shadow: 0 0 2px rgba(0, 0, 0, 0.72);
      font-weight: 300;
      text-align: center; }
    .posterGroup .thumbImage:hover .active:after {
      display: none; }
    .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; }

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

.ze_password_input {
  height: auto !important; }

.btn.glow:hover > i {
  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%; }
.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 {
  color: #fff !important; }
.btn.freeTrial b {
  color: #fff !important; }

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

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

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

.minimizedInternal .bigBox {
  height: 45px !important; }

.alignright {
  float: right !important; }

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;
  margin-top: 200px; }
  .editorArea input {
    padding: 5px; }

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

.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 .btn {
    padding: 10px 35px; }
  .cp_byg_content .section-btn {
    text-align: center;
    padding: 10px 0; }
  .cp_byg_content .popup_section.rectrace {
    padding-right: 10px; }
  .cp_byg_content .popup_section.cincovid {
    padding-left: 10px; }
  .cp_byg_content .section-desc {
    text-align: center;
    margin: 0 auto;
    padding: 10px 0;
    color: #000; }
  .cp_byg_content .rectrace .section-item.bg-image {
    background-image: url("/_cms/design18/images/rectrace.png");
    background-size: cover; }
  .cp_byg_content .cincovid .section-item.bg-image {
    background-image: url("/_cms/design18/images/pick-template.png"); }
  .cp_byg_content .section-item.bg-image {
    height: 200px;
    background-position: center;
    background-repeat: no-repeat; }
  .cp_byg_content .section-title {
    text-align: center;
    font-size: 1.2em;
    margin: 10px 0;
    color: #000;
    font-weight: 700; }
  .cp_byg_content .popup_section {
    flex: 1;
    background: #ffff; }
  .cp_byg_content .cp_byg_new_label {
    position: absolute;
    width: 70px;
    background: #0041B0;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    left: -10px;
    top: -10px;
    border-right: 3px solid #000; }
    .cp_byg_content .cp_byg_new_label .triangle {
      width: 0;
      height: 0;
      border-left: 35px solid transparent;
      border-right: 35px solid transparent;
      border-bottom: 15px solid black;
      position: absolute;
      bottom: 0; }
  .cp_byg_content .submitted-message {
    color: #ffff;
    font-size: 24px;
    font-weight: bold;
    text-align: center; }

#container .content-container {
  padding: 0; }
#container .content-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 1252px; }
#container .loggedout + ul.marketing-submenu.marketing-submenu-full {
  top: 80px; }
#container ul.marketing-submenu.marketing-submenu-full {
  position: fixed;
  padding: 0 !important;
  margin: 0;
  width: 100%;
  left: 0;
  top: 139px;
  z-index: 10;
  background: linear-gradient(to right, #f6f6f6, #fff);
  height: 66vh;
  overflow: auto; }
  #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-wrapper {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row; }
  #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-sidebar {
    width: 25%;
    height: 100%;
    min-width: 250px; }
    #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-sidebar > ul {
      list-style: none;
      background-color: #f6f6f6;
      padding: 0;
      margin: 0;
      padding: 40px 15px;
      width: 100%;
      height: 100%; }
      #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-sidebar > ul > li {
        padding: 8px 0;
        border-bottom: none; }
        #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-sidebar > ul > li > a {
          font-size: 16px;
          line-height: 21px;
          font-weight: bold;
          text-decoration: none !important;
          color: #53565a;
          padding: 5px 25px 5px 10px;
          border-radius: 2px;
          cursor: pointer;
          word-wrap: break-word;
          overflow: hidden;
          white-space: normal;
          background-color: transparent;
          transition: background-color .05s ease-out, color .05s ease-out;
          display: flex;
          position: relative;
          justify-content: space-between; }
          #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-sidebar > ul > li > a i {
            opacity: 0; }
        #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-sidebar > ul > li:hover {
          background-color: #0086CF; }
          #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-sidebar > ul > li:hover a {
            color: #fff; }
            #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-sidebar > ul > li:hover a i {
              opacity: 1; }
  #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content {
    height: 100%;
    flex: 1;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap; }
    #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list {
      display: none;
      width: 66%; }
      #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list.marketing-submenu-full-content-list-active {
        display: block; }
      #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list .marketing-submenu-full-content-menu-list {
        display: flex; }
        #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list .marketing-submenu-full-content-menu-list .marketing-submenu-full-content-menu-wrapper {
          flex: 1; }
      #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list .marketing-submenu-full-content-list-heading a {
        color: #0086CF; }
      #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list .marketing-submenu-full-content-menu-wrapper .marketing-submenu-full-content-menu {
        padding: 0; }
        #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list .marketing-submenu-full-content-menu-wrapper .marketing-submenu-full-content-menu li {
          margin-right: 50px;
          margin-bottom: 10px;
          margin-left: -10px;
          padding: 5px 10px;
          display: block;
          border-radius: 2px;
          font-size: 16px;
          font-weight: normal;
          line-height: 21px;
          text-decoration: none !important;
          color: #53565a;
          transition: all .1s ease-out;
          cursor: pointer;
          border-bottom: 0; }
      #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list .marketing-submenu-full-content-menu-wrapper .marketing-submenu-full-content-menu-title {
        padding: 5px 0;
        border-radius: 0;
        margin-left: 0;
        margin-right: 50px;
        margin-bottom: 10px;
        display: block;
        border-bottom: 1px solid currentColor;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 1px;
        color: #8c8c92;
        text-transform: uppercase;
        transition: all .1s ease-out; }
    #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list-heading {
      font-size: 16px;
      position: relative;
      font-weight: bold;
      padding-right: 9px;
      text-decoration: underline;
      display: inline-block;
      margin-top: 0; }
    #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-resources {
      width: 33%; }
    #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-resources-item {
      display: flex;
      align-items: center;
      text-decoration: none;
      margin-bottom: 5px;
      padding: 10px;
      transition: all .1s ease-in; }
      #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-resources-item .marketing-submenu-full-content-resources-item-thumbnail {
        height: 48px;
        width: 72px;
        margin-right: 15px;
        border: 1px solid #ccc; }
      #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-resources-item .marketing-submenu-full-content-resources-item-info {
        flex: 1;
        overflow: hidden; }
        #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-resources-item .marketing-submenu-full-content-resources-item-info h6 {
          font-size: 14px;
          line-height: 21px;
          color: #545861;
          font-weight: bold;
          margin: 0; }
        #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-resources-item .marketing-submenu-full-content-resources-item-info p {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          color: #878a90;
          font-size: 14px;
          line-height: 21px;
          margin: 0; }
    #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-resources-list {
      border-left: 1px solid #8c8c92;
      padding-left: 20px;
      margin-top: 34px;
      height: calc(100% - 60px); }
    #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-link {
      margin: 0 auto 20px;
      text-decoration: underline;
      color: #000; }
  #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content-inner {
    padding: 40px 50px 0 50px;
    display: flex;
    width: 100%; }

.section-title {
  color: #2D3541;
  font-family: 'Montserrat';
  font-weight: 600;
  line-height: 70px;
  margin: 0;
  margin-bottom: 20px;
  font-size: 60px; }

.text-title {
  color: #656D78;
  margin: 0;
  margin-bottom: 10px;
  font-family: 'Montserrat';
  font-weight: 400;
  line-height: 1;
  font-size: 24px;
  line-height: 30px; }

/**********************************************/
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%; }

@media screen and (max-width: 1400px) {
  #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-resources {
    display: none; }
  #container ul.marketing-submenu.marketing-submenu-full .marketing-submenu-full-content .marketing-submenu-full-content-list {
    width: 100%; } }
@media screen and (max-width: 1150px) and (min-width: 800px) {
  .content-container.appmode .librarySideMenu {
    width: 250px; }

  .librarySideMenu .create_gallery, .librarySideMenu .upload_files {
    font-size: 11px; } }
@media screen and (max-width: 1024px) and (min-width: 800px) {
  .librarySideMenu.active {
    transform: translate(0, 0);
    opacity: 1;
    margin-top: 123px;
    display: block; } }
.icon_wrapper i {
  line-height: 28px; }

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

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

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

.tag-icon-container {
  display: flex !important;
  align-content: center; }
  .tag-icon-container .show_all,
  .tag-icon-container .show_less {
    flex: 1;
    justify-content: flex-end;
    margin: 5px !important; }

@media screen and (max-width: 1024px) {
  .content-container.appmode {
    padding-left: 255px !important; }

  #stats_menu {
    width: 220px !important; } }
@media screen and (max-width: 768px) {
  .content-container.appmode {
    padding-left: 0px !important; }

  #stats_menu {
    width: 220px !important; } }
.emailSettings.manage-users .addnewemail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 127px;
  cursor: pointer; }

.fieldItem.block .email-group .field {
  width: 220px;
  float: left;
  margin-right: 15px;
  padding: 12px 9px;
  margin-bottom: 7px;
  margin-top: 7px;
  width: 94% !important; }

.email-group .row {
  display: flex;
  justify-content: flex-start;
  align-items: baseline; }
.email-group span {
  font-size: 14px;
  cursor: pointer; }

@media screen and (max-width: 1500px) and (min-width: 1250px) {
  .wizardSteps {
    padding-left: 300px; } }
@media screen and (min-width: 1250px) {
  .wizardSteps {
    margin: 0;
    position: fixed;
    top: 59px;
    width: 100%;
    left: 0;
    z-index: 90; }
    .wizardSteps ~ .wizardArea {
      padding-top: 44px; } }
@media screen and (max-width: 1370px) {
  .wizardSteps {
    margin-left: auto !important;
    margin-right: auto !important; } }
@media screen and (max-width: 1250px) {
  .uploadArea .uploadArea-head.fixed {
    position: relative;
    top: 0;
    width: auto;
    padding: 20px 30px;
    left: 0;
    z-index: auto; }

  .wizardSteps {
    margin-right: -20px !important; }
    .wizardSteps li:before {
      font-size: 26px; }
    .wizardSteps li > a > i {
      width: 30px;
      height: 30px;
      line-height: 28px; }
    .wizardSteps ~ .skinPreviewArea {
      margin-top: 43px; }

  .uploadAre a .uploadArea-head.fixed {
    position: relative;
    top: 0;
    width: auto;
    padding: 20px 30px;
    left: 0;
    z-index: auto; } }
@media screen and (max-width: 800px) {
  #wasthispagehelpful .feedback.btn {
    margin-left: 22px; }

  .content-container.appmode {
    padding-left: 0px !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 {
      width: auto !important;
      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;
        padding: 12px;
        display: flex;
        justify-content: center;
        font-size: 14px !important;
        font-weight: 500 !important;
        margin: 10px; }
    .librarySideMenu .sideMenuFilters {
      padding: 20px;
      margin: 19px -30px 19px -30px; }
    .librarySideMenu .sideMenuControls {
      margin: 19px -30px 19px -30px; }
    .librarySideMenu .create_gallery, .librarySideMenu .upload_files {
      width: 45%;
      display: inline-block; }
    .librarySideMenu .create_gallery b, .librarySideMenu .upload_files b {
      display: block; }
    .librarySideMenu #dropdownUsageMobile {
      display: block; }
    .librarySideMenu .sidebarFooter, .librarySideMenu #wasthispagehelpful {
      display: none; }

  #container.container.mainpages .content-container {
    padding: 0 !important; }

  .libraryArea {
    padding-left: 0 !important; }
    .libraryArea.activeEditor {
      padding-top: 40px; }
      .libraryArea.activeEditor .assetEditor {
        padding-top: 79px; }

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

  .library-line {
    display: block; }
    .library-line input[type=checkbox] + label {
      height: 40px;
      width: 40px; }
      .library-line 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(40% - 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;
      position: relative !important;
      white-space: nowrap; }
    .library-line .thumb {
      text-align: left;
      width: 100%; }
      .library-line .thumb.portrait {
        text-align: center; }
      .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;
        font-size: 20px; }
    .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;
        padding-left: 0; }
    .library-line .all_tags {
      display: none; }

  .copyBtn.hided {
    display: none; }

  a.top {
    display: none !important; }

  #libraryHeadAsset {
    z-index: 110;
    padding: 7px 12px;
    min-height: 60px;
    height: 70px;
    top: 64px; }
    #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;
      padding: 0; }
      #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; }

  .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(58% - 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; }

  .skinsList {
    padding: 20px;
    margin: 0; }
    .skinsList ol {
      white-space: nowrap;
      overflow: auto;
      overflow-y: hidden; }
      .skinsList ol > li {
        max-width: 94%;
        margin: 15px 2%;
        height: auto;
        /*box-shadow: none !important;*/ }
      .skinsList ol .wrap {
        position: static !important;
        padding: 8px !important;
        margin: 0 !important; }
      .skinsList ol .title {
        height: 2em; }
      .skinsList ol .details {
        height: auto;
        max-height: 250px;
        visibility: visible;
        opacity: 1; }
      .skinsList ol a.btn.usethis {
        display: block; }
    .skinsList > li {
      max-width: 94%;
      margin: 15px 2%;
      height: auto;
      /*box-shadow: none !important;*/ }
    .skinsList .wrap {
      position: static !important;
      padding: 8px !important;
      margin: 0 !important; }
    .skinsList .title {
      height: 2em; }
    .skinsList .details {
      height: auto;
      max-height: 250px;
      visibility: visible;
      opacity: 1; }
    .skinsList a.btn.usethis {
      display: block; }

  .mobileMenuFilter {
    display: block;
    padding: 20px; }
    .mobileMenuFilter select {
      display: block;
      visibility: visible;
      width: 100%;
      background-color: #fff !important; }

  .wizardSteps {
    margin: 0 0 20px 0;
    padding: 5px 5px;
    width: 100%;
    margin-left: 0px !important; }
    .wizardSteps li {
      font-size: 30px;
      max-width: 19%;
      line-height: 0; }
      .wizardSteps li:before {
        margin: 0 -0.4em 0 -0.6em;
        line-height: 40px; }
      .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; }
    .wizardSteps ~ .librarySideMenu.skinEditorTabs {
      transform: none !important; }

  .header.loggedout + .content-container .wizardSteps {
    margin: 0; }

  .fixedToolbar {
    display: none !important; }

  .skinPreviewArea .previewModesToolbar {
    display: none !important; }

  .skinPreviewArea {
    margin: 20px 0; }
    .skinPreviewArea .skinPreview-head .headRight {
      display: none; }
    .skinPreviewArea .headRight {
      float: none;
      max-width: 100% !important;
      margin: 10px 0;
      display: block;
      width: 100%; }
    .skinPreviewArea .headCenter {
      float: none;
      max-width: 100% !important;
      margin: 10px 0; }
      .skinPreviewArea .headCenter button {
        display: none; }
    .skinPreviewArea .headLeft {
      float: none;
      max-width: 100% !important;
      margin: 10px 0;
      display: block;
      width: 100%; }
    .skinPreviewArea .simulatorContainer {
      max-width: 100%; }
      .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 iframe {
      border: none; }
    .skinPreviewArea .skinPreview-content {
      padding: 0 !important; }
    .skinPreviewArea .skinPreview-head {
      padding: 5px;
      padding-left: 60px; }
    .skinPreviewArea .btn {
      margin: 0 2px; }
      .skinPreviewArea .btn.primary {
        padding: 12px 5px; }
      .skinPreviewArea .btn.prev b, .skinPreviewArea .btn.next b {
        display: none; }
    .skinPreviewArea.wizard .skinPreview-head {
      display: none; }

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

  .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 {
      display: none; }
      .skinEditorTabs .sectionTitle.fixed {
        position: static;
        width: auto; }
    .skinEditorTabs .followWrap {
      display: none; }

  .wizardControlsMobile {
    display: block;
    margin-top: 15px;
    text-align: right; }

  .embedCodeArea {
    margin: 20px 0;
    padding: 0 20px; }
    .embedCodeArea .headRight {
      float: none;
      max-width: 100% !important;
      margin: 10px 0; }
    .embedCodeArea .headCenter {
      float: none;
      max-width: 100% !important;
      margin: 10px 0; }
      .embedCodeArea .headCenter button {
        display: none; }
    .embedCodeArea .headLeft {
      float: none;
      max-width: 100% !important;
      margin: 10px 0; }
    .embedCodeArea .embedCode-content {
      padding: 0; }
    .embedCodeArea .embedCode-head {
      padding: 10px 20px;
      margin: 0 -20px; }

  .embedCode input.codeField {
    width: 100%; }

  .uploadArea {
    margin: 20px 0;
    padding: 0 10px; }
    .uploadArea .uploadArea-head {
      padding: 10px 20px;
      margin: -20px -20px 10px -20px; }
      .uploadArea .uploadArea-head .headRight {
        width: auto;
        float: none;
        max-width: 100% !important;
        margin: 10px 0; }
      .uploadArea .uploadArea-head .headCenter {
        width: auto;
        float: none;
        max-width: 100% !important;
        margin: 10px 0; }
        .uploadArea .uploadArea-head .headCenter button {
          display: none; }
      .uploadArea .uploadArea-head .headLeft {
        width: auto;
        display: none;
        float: none;
        max-width: 100% !important;
        margin: 10px 0; }
      .uploadArea .uploadArea-head.fixed {
        padding: 0 20px;
        position: relative;
        top: 0;
        left: 0;
        width: auto; }
        .uploadArea .uploadArea-head.fixed + .uploadArea-content {
          padding-top: 0; }
      .uploadArea .uploadArea-head .uploadTotals {
        width: 50%;
        width: calc(100% - 110px);
        text-align: left;
        border-radius: 10px;
        margin-right: 10px; }
      .uploadArea .uploadArea-head .sortItems {
        display: none !important; }
      .uploadArea .uploadArea-head .last_added_grid_view {
        display: none !important; }
    .uploadArea .uploadArea-content {
      padding: 0; }

  .modalContainer .modalFooter {
    margin-bottom: 5px; }

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

  .section-title {
    font-size: 44px; }

  #container ul.marketing-submenu.marketing-submenu-full {
    display: none !important; }

  .skinsList-item .thumb > div:after {
    opacity: 1;
    visibility: visible; } }
@media screen and (max-width: 320px) {
  .library-line .all_actions_block > a > i {
    font-size: 15px; } }
@media screen and (max-width: 360px) {
  #corporate-cards-container .overlay button {
    min-width: unset !important; } }
@media screen and (min-width: 1250px) {
  .wizardSteps ~ .skinPreviewArea {
    margin-top: 43px; } }
@media screen and (max-width: 1150px) and (min-width: 801px) {
  .skinEditorTabs {
    width: 250px;
    margin-right: -250px !important; } }
@media screen and (max-width: 1809px) and (min-width: 1452px) {
  .uploadArea .uploadArea-head.fixed + .uploadArea-content {
    padding-top: 67px;
    margin-top: 56px; } }
@media screen and (max-width: 1450px) and (min-width: 1251px) {
  .uploadArea .uploadArea-head.fixed + .uploadArea-content {
    padding-top: 88px;
    margin-top: 56px; } }
@media screen and (max-width: 1251px) {
  .uploadArea .uploadArea-head.fixed + .uploadArea-content {
    padding-top: 0;
    margin-top: 10px; } }
@media screen and (max-width: 1100px) {
  .libraryContainer.galleriesList .analyticsDropdown .btn.toggle {
    min-width: 50px; }

  .wizardSteps li > a > b {
    width: 70%;
    text-align: left;
    width: calc(100% - 40px); }

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

  .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; }
    .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) {
  .wizardSteps > div {
    display: table;
    min-height: 35px;
    max-width: calc(100vw);
    table-layout: fixed; }
  .wizardSteps ol {
    display: table-row; }
  .wizardSteps li {
    display: table-cell;
    vertical-align: middle; }
    .wizardSteps li:before {
      margin: -5px -0.4em 0 -24px !important;
      position: absolute; }
    .wizardSteps li a {
      text-align: left; }

  .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 {
      white-space: normal;
      text-align: right; }
      .uploadItem.media .fileInfo {
        width: 30%;
        width: calc((100% - 154px) * 1);
        border-right: none; }
      .uploadItem.media .fileEditor {
        width: 100%; }

  .embedContent .embed_code_copybtn {
    display: none; }

  .simplemodal-container .modalContainer {
    margin: -25px 0; } }
/* pages-2020 css_part*/
body b, body i {
  font-family: inherit; }

.green {
  color: #3eb060; }

.blue {
  color: #0086cf; }

.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

.smaller {
  font-size: .9em; }

p.bigger {
  font-size: 1.35em; }
p > b {
  font-weight: bold; }

img.img-raised {
  box-shadow: 0 3px 40px rgba(0, 0, 0, 0.7);
  border-radius: 4px; }

object {
  max-width: 80%;
  max-width: 80vw;
  max-height: 55vh; }

hr {
  border: none;
  border-top: 2px solid #d2d9e2;
  margin: 10px -20px; }

@media (min-width: 768px) {
  div[class*="col-md"] h1:first-child, div[class*="col-md"] h2:first-child, div[class*="col-md"] h3:first-child, div[class*="col-md"] h4:first-child {
    margin-top: 0; } }
html, body {
  background: #fff;
  font-size: 16px; }

.header .sitemap {
  display: block !important;
  visibility: visible; }
.header ~ .content-container {
  margin-top: 80px; }
.header.loggedout ~ .content-container .packagesHeadWrap {
  padding-bottom: 80px; }

.headerBreadcrumbs {
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  top: 80px;
  font-size: 12px;
  padding: 7px 15px;
  width: 100%;
  color: #aab2bc;
  z-index: 80; }
  .headerBreadcrumbs a {
    color: inherit;
    text-decoration: none; }
    .headerBreadcrumbs a:hover {
      text-decoration: underline; }

.content-container {
  padding: 0 20px 0 20px;
  overflow: hidden;
  z-index: 0;
  line-height: 1.5; }
  .content-container img {
    max-width: 100%;
    height: auto; }

ul.list {
  padding-left: 0;
  list-style: none;
  font-size: 20px;
  margin: 1.5em 0; }
  ul.list li {
    display: block;
    padding-left: 24px;
    position: relative;
    margin-left: -24px; }
    ul.list li:before {
      color: #0187cf;
      vertical-align: middle;
      display: inline-block;
      content: "\e607";
      font-family: 'cincopaicons';
      font-size: 16px;
      left: 0;
      /* position: absolute;*/
      top: 0;
      margin-top: -4px;
      margin-right: 10px; }

.contentWrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }
  .contentWrap:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }

h2 {
  font-size: 2.15em;
  line-height: 1.2;
  font-weight: bold; }
  h2 b {
    font-weight: bold; }
  h2 i {
    font-style: italic; }

.maxw-680 {
  max-width: 680px !important;
  margin-left: auto;
  margin-right: auto; }

.maxw-1010 {
  max-width: 1010px !important;
  margin-left: auto;
  margin-right: auto; }

.pageContentWrap {
  max-width: 1280px;
  margin: 0 auto; }
  .pageContentWrap.faqArea {
    max-width: 800px;
    margin: 20px auto 40px auto;
    background: #f7f7f7;
    border: 1px solid #dcdcdc;
    padding: 20px 40px 40px 40px; }
  .pageContentWrap.pressArea {
    max-width: 740px;
    padding: 60px 0; }
    .pageContentWrap.pressArea hr {
      margin: 0 15px; }

.box {
  width: 100%;
  max-width: 1200px;
  margin: 30px auto; }
  .box:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .box.createFreeSlideshow h2, .box.createFreeSlideshow h2 + p {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
  .box.createFreeSlideshow h2 + p {
    font-size: 1em;
    margin-bottom: 30px; }

pre {
  background-color: #f5f5f5;
  padding: 10px 20px;
  border: 1px solid #eaeaea;
  overflow: auto;
  white-space: pre-wrap; }

/* /incl/_static-footer.scss */
#right {
  background: #f6f7fb;
  margin: 20px -20px 0 -20px;
  padding: 20px;
  font-size: 14px; }
  #right .rightWrap {
    max-width: 1250px;
    margin: 0 auto; }
  #right .disc-list {
    padding: 0;
    margin: 0; }
    #right .disc-list li {
      display: inline-block;
      font-size: 1em;
      color: #656d78;
      margin: 5px 5px; }
      #right .disc-list li a {
        color: inherit;
        text-decoration: none; }
        #right .disc-list li a:hover {
          text-decoration: underline; }

.bottomLinksSitemap {
  font-size: 14px; }
  .bottomLinksSitemap li:before {
    font-family: 'cincopaicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e62d";
    font-size: 1.14em;
    color: #6b99b2;
    vertical-align: middle; }
  .bottomLinksSitemap li > a {
    vertical-align: middle; }
  .bottomLinksSitemap h3 {
    color: #434a53;
    font-size: 1.29em;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    margin: 1em 0 .2em 0; }
    .bottomLinksSitemap h3 > a {
      color: inherit !important; }
      .bottomLinksSitemap h3 > a:before {
        content: '';
        display: inline-block;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        margin-right: 7px; }
    .bottomLinksSitemap h3.services:before {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAZlBMVEUVh8z///8Vh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8wVh8zHZIwBAAAAIXRSTlMAAB4fICEiTldYWVpvcXN3eKWmp7i51+Pk8vP4+fr8/f54DOiZAAAApElEQVR4XqXS3RKCIBCG4Q2ttD9JoAgz3Pu/yQ6WDGUHnfE9fUZG5YNdtu0MlJDm2bmHlnugYhbtB0O+FXM+vjDKnaZ88ThpuMZcDQSRV38WDpOcGPmOTOrHhefYF4EbAgAEirwJrHnWgS2y2cAd//R7gdcdbjKvtvxhJf9bysCgOFZrrwTq9ELr7Bxu2TGdkymq8QCvaIrJkG3fWyMP8ZAzbeUvkzAzjUV4uB4AAAAASUVORK5CYII=); }
    .bottomLinksSitemap h3.wordpress:before {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABIFBMVEX////y8vL////////l5eXY2Nj////y8vL////////Y2NjLy8vLy8v///+/v7+ysrL///+ysrKysrL///////+ysrLy8vJ/f3+/v7////9/f3////+YmJjy8vKYmJjl5eVlZWX///////+Li4uysrI/Pz9LS0uYmJi/v7////9LS0u/v79LS0tlZWV/f3+ysrJlZWWYmJjLy8vLy8tlZWXLy8tLS0uYmJhlZWWysrJ/f39LS0uysrJYWFh/f39lZWVYWFh/f3+YmJiysrLLy8tlZWV/f3/Ly8szMzP///9YWFhlZWV/f3+YmJi/v7/Ly8tLS0ulpaWysrI/Pz+Li4vY2Nja2trl5eXy8vJycnLm5uatra3Ozs7Pz8+ioqKenp7cJtamAAAASHRSTlMABAQFBQUGBwcICAgeHycoKDQ1NTdISFRUVFVVZmdocnR0dZiYn5+fn5/NztHR0dHS0tLT1NXm5unp6enq7e7w8PDw8PDx8fGwRNjuAAABjElEQVR4Xr2SV1cbMRCFlzgBNqH39N4NoRo7AZxmMqO+tRhI/v+/yGi168Yrh3nRkb7R1b2SvJuqmfXX213e3XmzMXsdTj1pxSpHzHVsvj6fnqALTZnGDKhMnIXmy9IYXTlNYxiU6LOztRG6+L3PYKSirPg53H+vOU5Zjjnbb9T4hZacUwPjVAZAImJiXlb0QZummgMUCY3UxgmHouM7vKkEdZeeaNmO1CaS4rHDbzPIEI21RIdWbZE2Hx3eVRAjlsFCxMLyPAcpDhz+IcFU6kWlrkOI5W+HpaS5U2fo1HUBXGqHzwkLpx5U6hnQ7j8OHyoy5dQvWKleBABSHDn8LnOmDDBhM0UQMApXO38U8tJUDP8im0HAFYAZ5L7f1jYLqf8Fm0Ex0g7FiV/fuSI7AaKgARSiZMA0e+VVdbeZskEmgZhBlJr9xvh7J9ZzeUrMLtmv0f+y/C2R0iYuM6iUdVa90Zr7JHPklnKVS/N5fvKnPmuJkEInSpjjp3e8a+Vvvd/t8d7eh4e+dyv1H8JLkJtX88lhAAAAAElFTkSuQmCC); }
    .bottomLinksSitemap h3.joomla:before {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAACglBMVEX////++vL+8vLy9/z2+vD95eb98NjY6fjl8tTL4vb8y87868vc7sb8vsL8576+2/TvusTU6rj74rGx1PLL5qmkzPD7pKr73aT62JiXxe6Kvuz5ipL5hIj5noX3gYix2X/5fYV9t+qp1XH4ynH4x2v4x2n4xmdjqeb4xWSg0WOf0WL2Ymydz133wVn3wVj3wVdXlNdWouT3VmH3wFOUyE2RyUn3SVVIjdaPyUaOyUSJxj32tz72PEmFwjYzjt4xjd72szL2MkD2MD5+wCt+wCp2vR0xjd52vR32MD72szL///+/2JPTf5bp8dtqrsn4cmn57dH62Jj90Yu63Y398NiXzVRWouTyvk/45tn5fYWp1XE0jt78y85WmtzL4vbL5ql9wCmBwS+BwjCDwzOEqduFxDaZylees9t2vR6YyEqGxTiJxD2Kxj+Lx0COvOmQwkiUxkSUzE6Xt+OXxe6XzFQ9k98+lOBBk91Mm+GhxEKiwuiixUKiy2Wjx+2k0Gipttsyjt6y03+124Uyjd693ZS+0nBdpeXF3pzH5KFgm9pjqeZkktDV6LjejnDekHLp6/ZpodzqQVLr7PbvusTwxmM0j97y9/zzPEX0N0L1u0j1vEtupN72MT/2Mj/2M0D2NEH2N0T2OUL2P0z2QExwsOj2tDT2tTv2tj/2uEP2vE33O0T3RlH3TFb3b3f3tz33uUX3ukf3vU33yGz3zXv4TlH4V1hznNX4d3f4vE74w1/4xF/4xWL4zXp0s8b5bm81j975vlL5w2X51Iv51pb536756sY3kN/6Xl76fHz6l553tN/7cGv7iIL8nZn8t7R4rOP84a785br9zX17viV8vyd8wCdpaSS9AAAARnRSTlMACAgIChYiIiYwMDA0PDw8QEJKSlJWVlZiZHBwdnZ6fH5+iYmPkZOXl5eZmZ2ho6OjpaWnrbGxs7W3vb2/xcfJycnLz9HdAFDXUAAAAe9JREFUeF6tzmV3E1EQgOGbNi1FUkjQopsgLVZIirRQ2GUpM3c3KnUv7u7u7u7u7u7uzv/hrmUXvsL76Z7znJk75D/kjDv/Alc03UB737xpA3LtFrRl5zzIybZpXL4yGAyO8li4441IJHKtlcY42u/3/yro1sPTiA227Nypi3A3FotdztIZcSyyJi7u40nt+e3r/VOSms7laPRz3rlXDyUjfbk9d5jOC/a/vG6gkGUjeh5G4+PxVfte3JOk59GowukkUVfESUVy4ZXvTyUpXCbLCjc0uQPi8qLCs8+uMqXHyhQWUk1uhrh25s4zpyWhnUjP37zDeCAxsxfg8I3jSiTBRTiR3noTVs82cyKOWDO1xMWeHD304XG4l83K9R4h1i2bkMa4dYAe/viWI9a8EEKsXTgojbj7zwnQI5/atrBoUx6Azf+YMtTdewPMCtCjn7tbOAMA1tcgYmjd7RVQvJvSC+1TTM5UWK7B0IGRFUxlSumlBia7GRdXV7//Mr0CqnZUVjI+nvg82Tt4KbBmT57/BKq2UbWDQ3xJGp9ctH3LLoDXq+dCQk+Ull7kNIatS8ao48B7m+RrvHfT5j39dNaI573NCUnh8kVRpEo+fbnKGcSMU7mNcRoPfGayhZN8IhXZaXqNZ9Qnf+Z45yD/3G9pyqMgg2aA7AAAAABJRU5ErkJggg==); }

.rateUsOnWordpress {
  float: right; }

.container .pageHelpful {
  margin: 0 !important;
  padding: 20px;
  width: 100%;
  background: #1b252f; }
  .container .pageHelpful .help > * {
    display: inline-block;
    vertical-align: middle; }
  .container .pageHelpful .feedbackTitle {
    vertical-align: top;
    font-size: 18px;
    display: inline-block;
    color: #fff; }
  .container .pageHelpful .helpTitle .titleSecondRow {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 0;
    color: #fff; }
  .container .pageHelpful .helpTitle .titleFirstRow {
    font-size: 18px;
    display: inline-block;
    color: #fff; }

.sidemenuNavigation {
  max-height: calc(100% - 85px);
  overflow: auto;
  padding: 20px 5px 20px 15px;
  margin: 0 -30px; }
  .sidemenuNavigation ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0; }
  .sidemenuNavigation li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0; }
    .sidemenuNavigation li > a {
      display: block;
      border-bottom: 1px solid #d8dadf;
      padding: 11px 0;
      text-decoration: none; }
    .sidemenuNavigation li.active > ul {
      display: block; }
  .sidemenuNavigation > ul {
    background: #fff;
    padding: 0 20px;
    font-size: 16px;
    border-radius: 4px; }
    .sidemenuNavigation > ul > li > a {
      color: #434a54;
      font-size: 18px; }
      .sidemenuNavigation > ul > li > a > i {
        font-size: 40px; }
    .sidemenuNavigation > ul > li:last-child > a {
      border-bottom: none; }
    .sidemenuNavigation > ul > li ul {
      display: none;
      margin-left: 30px; }
    .sidemenuNavigation > ul > li.active > a {
      color: #0086cf; }
    .sidemenuNavigation > ul > li > ul a {
      color: #aab2bc; }

.librarySideMenu.loggedOut .sideMenuControls {
  margin: -20px -30px 0 -30px; }
  .librarySideMenu.loggedOut .sideMenuControls .start_now {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    padding: 20px 5px; }

.steps {
  border-bottom: 1px solid #999;
  margin-bottom: 30px; }
  .steps .icon.big {
    font-size: 14px;
    line-height: 1.3em;
    width: 30%; }
    .steps .icon.big i {
      margin: 0;
      background-image: url(/_cms/design13/images/icons-how.png);
      width: 165px;
      height: 165px; }
    .steps .icon.big.step1 i {
      background-position: 0 0; }
    .steps .icon.big.step2 i {
      background-position: -166px 0; }
    .steps .icon.big.step3 i {
      background-position: -332px 0; }
  .steps > .icon {
    width: 30%;
    text-align: center;
    color: #666666;
    text-align: left; }
    .steps > .icon > b {
      border: 2px solid #29abe2;
      color: #29abe2;
      border-radius: 1em;
      text-align: center;
      width: 2em;
      height: 2em;
      display: block;
      line-height: 1.7em;
      float: left;
      margin-bottom: 60px;
      margin-right: 5px; }

.skin-box.new {
  display: inline-block;
  vertical-align: top;
  width: 220px;
  text-align: center;
  margin: 15px 7px; }
  .skin-box.new a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    position: relative;
    display: block;
    border: 1px solid #CACACA;
    padding: 5px;
    border-radius: 5px; }
    .skin-box.new a:hover {
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
      .skin-box.new a:hover .btn-3d {
        position: absolute;
        top: 50px;
        z-index: 10;
        left: 50%;
        margin-left: -36px;
        display: inline-block;
        font-weight: bold;
        background: rgba(24, 24, 24, 0.62);
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        padding: 5px 10px;
        border-radius: 10px;
        box-shadow: 0 2px 10px #000;
        border: 1px solid #656565; }
  .skin-box.new .btn-3d {
    display: none; }

@media screen and (max-width: 620px) {
  .steps .icon.big {
    width: 100%;
    height: auto; }
    .steps .icon.big i {
      margin: 0 auto; }
    .steps .icon.big b {
      margin-bottom: 0; } }
.seeAllSkins {
  font-size: 1.3em;
  font-weight: 100;
  display: inline-block;
  text-align: center;
  border-top: 1px dashed #c7c8cd;
  max-width: 1180px;
  margin: 20px auto;
  padding: 30px; }
  .seeAllSkins .btn {
    padding: 13px 21px; }

.justify {
  text-align: justify; }

.justifier {
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 0;
  width: 100%; }

a.icon:hover {
  background-color: #29abe2;
  color: #fff; }

.icon {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  text-align: center;
  padding: 5px;
  color: #4d4d4d;
  text-decoration: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }
  .icon.big {
    font-size: 16px;
    width: 120px; }
    .icon.big i {
      display: block;
      width: 110px;
      height: 110px;
      margin: 0 auto;
      background-image: url(/_cms_/design13/images/icons-bluewhite.png); }
    .icon.big.slideshows i {
      background-position: 0 0; }
    .icon.big.slideshows:hover i {
      background-position: 0 -110px; }
    .icon.big.photos i {
      background-position: -110px 0; }
    .icon.big.photos:hover i {
      background-position: -110px -110px; }
    .icon.big.videos i {
      background-position: -220px 0; }
    .icon.big.videos:hover i {
      background-position: -220px -110px; }
    .icon.big.music i {
      background-position: -330px 0; }
    .icon.big.music:hover i {
      background-position: -330px -110px; }
    .icon.big.podcasts i {
      background-position: -440px 0; }
    .icon.big.podcasts:hover i {
      background-position: -440px -110px; }
    .icon.big.wordpress i {
      background-position: 0 0; }
    .icon.big.joomla i {
      background-position: -110px 0; }
    .icon.big.drupal i {
      background-position: -220px 0; }
    .icon.big.blogger i {
      background-position: -330px 0; }

/**/
.col2 {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin: 0 1%;
  text-align: left; }

.upload_head {
  margin-top: 20px; }

.stepsdesc:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden; }
.stepsdesc h3 {
  margin: 0;
  text-transform: uppercase; }
.stepsdesc > .step {
  width: 100%;
  clear: both; }
  .stepsdesc > .step > b {
    border: 2px solid #29abe2;
    color: #29abe2;
    border-radius: 1em;
    text-align: center;
    width: 1.8em;
    height: 1.8em;
    display: block;
    line-height: 1.8em;
    float: left;
    margin-bottom: 60px;
    margin-right: 5px; }
  .stepsdesc > .step > div {
    float: left;
    width: 660px;
    margin-left: 10px;
    max-width: calc(100% - 50px); }

ol.disc {
  margin-left: 20px; }
  ol.disc b {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 1.1em; }
  ol.disc a {
    font-weight: bold; }
  ol.disc li {
    padding: 0 0 0px 24px;
    margin: .4em 0;
    background: url(/design/images/buttons/plugins.gif) no-repeat;
    background-position: 0 1px;
    list-style: none; }

.landpage {
  margin-left: 20px; }
  .landpage b {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 1.1em; }
  .landpage a {
    font-weight: bold; }
  .landpage li {
    padding: 0 0 0px 24px;
    margin: .4em 0;
    background: url(/design/images/buttons/plugins.gif) no-repeat;
    background-position: 0 1px;
    list-style: none; }

.cmspage ol, .cmspage ul:not(.skinsList), .cmspage .steps, .cmspage .stepsdesc, .cmspage h3, .cmspage h4, .cmspage h2, .cmspage p {
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important; }

.landerSplash {
  background: #005C8E;
  padding: 100px 0 110px;
  color: #fff;
  font-size: 18px;
  position: relative;
  margin: auto;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ed813e), color-stop(100%, #f19f25));
  background-image: -webkit-linear-gradient(left, #ed813e, #f19f25);
  background-image: -moz-linear-gradient(left, #ed813e, #f19f25);
  background-image: -ms-linear-gradient(left, #ed813e, #f19f25);
  background-image: -o-linear-gradient(left, #ed813e, #f19f25);
  background-image: linear-gradient(to bottom right, #ed813e 0%, #f19f25 100%);
  background: white; }
  .landerSplash.home2018-2 {
    z-index: 0;
    background-size: cover;
    padding: 150px 0 180px !important;
    max-height: 654px; }
    .landerSplash.home2018-2:before {
      display: block;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #005C8E;
      z-index: -1;
      background-image: url("../../design18/images/pricing-banner-bg.png");
      background-position: center center; }
    .landerSplash.home2018-2 .ls-content {
      padding: 0 !important; }
    .landerSplash.home2018-2 h1 {
      font-size: 80px;
      margin: 0;
      margin-bottom: 20px;
      text-transform: uppercase;
      letter-spacing: 0.8px;
      line-height: 100px; }
      .landerSplash.home2018-2 h1 span {
        display: block;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 2px;
        line-height: 22px;
        margin-bottom: 15px; }
    .landerSplash.home2018-2 .gallerydemo {
      margin: 0px;
      position: absolute;
      left: 50%;
      width: 100vw;
      transform: translate(-50%, -50%);
      top: 50%;
      z-index: -2; }
    .landerSplash.home2018-2 .ls-titler {
      overflow: hidden;
      position: relative;
      height: 65px;
      margin: 0;
      font-family: 'Open Sans';
      line-height: 65px;
      font-size: 48px;
      font-weight: 600; }
      .landerSplash.home2018-2 .ls-titler span {
        opacity: 0;
        top: 50%;
        transform: translate(0, -50%);
        position: absolute;
        width: 100%;
        display: block;
        text-align: center;
        -webkit-animation: lst-slide-out .5s;
        animation: lst-slide-out .5s;
        display: flex;
        justify-content: center;
        align-items: center; }
      .landerSplash.home2018-2 .ls-titler span.active {
        opacity: 1;
        -webkit-animation: lst-slide-in .5s;
        animation: lst-slide-in .5s; }
    .landerSplash.home2018-2 .ls-controls {
      margin-top: 80px; }
      .landerSplash.home2018-2 .ls-controls .btn {
        margin-bottom: 0 !important; }
        .landerSplash.home2018-2 .ls-controls .btn.secondary {
          color: #0086CF;
          border: 2px solid transparent; }
          .landerSplash.home2018-2 .ls-controls .btn.secondary i {
            color: #0086CF;
            position: relative;
            right: 4px;
            top: -1px;
            font-size: 17px; }
  .landerSplash .ls-top:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .landerSplash .ls-top .ls-top-left {
    float: left; }
  .landerSplash .ls-top .ls-top-right {
    float: right; }
  .landerSplash p, .landerSplash h3 {
    margin: 0;
    color: #656D78;
    line-height: 32px;
    font-size: 24px;
    font-family: 'Open Sans';
    font-weight: 400; }
  .landerSplash p {
    margin-bottom: 80px; }
  .landerSplash strong {
    font-weight: bold;
    font-size: 16px; }
  .landerSplash .ls-media {
    max-width: 500px;
    margin: 20px auto; }
  .landerSplash.salesforce {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0e8dc8), color-stop(100%, #0e90cb));
    background-image: -webkit-linear-gradient(top, #0e8dc8, #0e90cb);
    background-image: -moz-linear-gradient(top, #0e8dc8, #0e90cb);
    background-image: -ms-linear-gradient(top, #0e8dc8, #0e90cb);
    background-image: -o-linear-gradient(top, #0e8dc8, #0e90cb);
    background-image: linear-gradient(to bottom, #0e8dc8 0%, #0e90cb 100%); }
  .landerSplash.publishers {
    background: #1587cc; }
    .landerSplash.publishers h1 {
      font-size: 36px;
      font-weight: normal; }
    .landerSplash.publishers h2 {
      font-size: 28px;
      font-weight: normal; }
  .landerSplash.hasBg {
    background: none; }
    .landerSplash.hasBg .ls-bg {
      position: absolute;
      height: 70%;
      background-size: cover;
      width: 100%;
      top: 0;
      left: 0; }
  .landerSplash h1, .landerSplash h2, .landerSplash h3, .landerSplash h4 {
    color: inherit; }
  .landerSplash .ls-breadcrumbs {
    color: #2D3541;
    text-decoration: none;
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 400;
    line-height: 22px; }
    .landerSplash .ls-breadcrumbs i {
      margin: 0 10px; }
    .landerSplash .ls-breadcrumbs a {
      color: #2D3541;
      text-decoration: none;
      font-size: 18px;
      font-family: 'Montserrat';
      font-weight: 400;
      line-height: 22px; }
      .landerSplash .ls-breadcrumbs a:hover {
        text-decoration: underline; }
  .landerSplash > .ls-breadcrumbs {
    width: 100%;
    flex-shrink: 0;
    margin: 0;
    text-align: center;
    box-sizing: border-box;
    flex-grow: 0; }
  .landerSplash .ls-content {
    max-width: 1252px !important;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 1;
    width: 100%; }
    .landerSplash .ls-content .textcenter ul {
      text-align: left;
      display: inline-block;
      margin: 0 0 20px 0; }
  .landerSplash h1 {
    margin: 10px 0 30px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 70px;
    font-size: 60px; }
  .landerSplash .ls-actions {
    margin-bottom: 0; }
  .landerSplash .mediaElement {
    margin: 30px 0; }
  .landerSplash.white {
    color: inherit;
    background-color: #ffffff !important;
    background-position: center top;
    background-size: 100vw auto;
    background-repeat: no-repeat; }
    .landerSplash.white h1, .landerSplash.white h2 {
      color: #000; }
    .landerSplash.white .ls-content {
      padding: 10px 0 0 0; }
  .landerSplash.big {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-position: center top;
    background-size: 100vw auto; }
    .landerSplash.big .ls-toplinks {
      font-size: 14px;
      font-weight: 600;
      margin-top: -80px;
      margin-bottom: 80px; }
    .landerSplash.big h1 b, .landerSplash.big h2 b {
      color: #3eb060; }
    .landerSplash.big .ls-media {
      max-width: 100%; }
  .landerSplash.hasMedia {
    margin-bottom: 200px; }
    .landerSplash.hasMedia .mediaElement {
      margin-bottom: -150px;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
      border-radius: 5px;
      overflow: hidden; }
    .landerSplash.hasMedia .mediaElementVideoContainer {
      border-radius: 5px !important;
      overflow: hidden; }
    .landerSplash.hasMedia .flexslider {
      margin-bottom: -150px !important; }
  .landerSplash.white.big .mediaElementVideoContainer {
    border-radius: 10px !important;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08); }
  .landerSplash.notInverse {
    color: inherit; }
    .landerSplash.notInverse h1 {
      color: #434a53; }
  .landerSplash.function {
    display: flex;
    align-items: center; }

.homeSolutions {
  position: relative;
  z-index: 0;
  padding: 80px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center; }
  .homeSolutions:before {
    background-color: #FAFAFC;
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0); }
  .homeSolutions h1 {
    color: #2D3541 !important;
    text-transform: capitalize; }
  .homeSolutions .image-content {
    margin-top: 50px;
    margin-bottom: 60px; }
  .homeSolutions .homeSolution {
    display: inline-block;
    width: 100%;
    position: relative;
    color: #fff;
    min-height: 320px;
    overflow: hidden;
    border-radius: 2px;
    cursor: pointer; }
  .homeSolutions .btn-content {
    margin-bottom: 14px !important; }
  .homeSolutions span {
    font-size: 18px;
    color: #2D3541;
    line-height: 22px;
    font-family: "Montserrat";
    font-weight: 400;
    letter-spacing: 3.96px;
    text-transform: uppercase; }

.reviews-heading span {
  font-size: 18px;
  color: #2D3541;
  line-height: 22px;
  font-family: "Montserrat";
  font-weight: 400;
  letter-spacing: 3.96px;
  text-transform: uppercase; }

.homeSolution .hs-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  z-index: -1;
  background-size: cover; }
.homeSolution .hs-content {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 100%;
  padding: 20px 40px;
  background-image: linear-gradient(to right, #2d3541, rgba(45, 53, 65, 0.1)); }
.homeSolution .hs-title {
  text-align: left;
  color: #fff !important;
  font-size: 24px;
  font-weight: 600;
  font-family: 'Montserrat';
  line-height: 30px; }
.homeSolution .hs-descr {
  font-size: 14px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: .3s ease all;
  font-size: 2.25vh;
  display: none; }

.reviews {
  background: #fff !important; }
  .reviews .reviews-heading {
    color: #2D3541 !important; }
  .reviews .reviews-list {
    margin-top: 60px;
    margin-bottom: 70px; }

.btn.big2 {
  font-family: "Raleway", "Open Sans", Arial, sans-serif;
  font-weight: bold;
  padding: 22px 30px;
  font-size: 16px;
  border-radius: 4px;
  border: none; }

@media (max-width: 470px) {
  .landerSplash.home2018-2 .ls-content .btn.big2 {
    width: 260px;
    max-width: 100%; }
  .landerSplash.home2018-2 .ls-content .btn.white.big2 {
    margin: 0; }
  .landerSplash.home2018-2 .ls-content .btn.blue.big2 {
    margin-bottom: 15px; } }
.testimoniesSlider {
  padding: 80px 0;
  position: relative;
  z-index: 0; }
  .testimoniesSlider:before {
    background: #fbfbfb;
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0); }
  .testimoniesSlider h2 {
    font-size: 36px;
    color: #6b7c93;
    font-weight: 500;
    max-width: 19em;
    margin: 0 auto 30px auto; }
  .testimoniesSlider .bx-pager {
    display: flex;
    justify-content: center; }
  .testimoniesSlider .bx-pager-item a {
    font-size: 0;
    width: 10px;
    height: 10px;
    background: #b3bbc7;
    display: inline-block;
    border-radius: 10px;
    margin: 7px; }
    .testimoniesSlider .bx-pager-item a.active {
      background: #0086cf; }
  .testimoniesSlider .bx-viewport {
    padding: 30px 0px; }
  .testimoniesSlider .bx-controls-direction {
    position: absolute;
    bottom: 50%;
    margin-bottom: -25px;
    width: 100%;
    left: 0; }
    .testimoniesSlider .bx-controls-direction a {
      position: absolute;
      font-size: 0;
      color: #0086cf;
      text-decoration: none;
      font-family: 'cphome' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      .testimoniesSlider .bx-controls-direction a:before {
        font-size: 40px; }
      .testimoniesSlider .bx-controls-direction a.bx-prev:before {
        content: "\e904"; }
      .testimoniesSlider .bx-controls-direction a.bx-next {
        right: 0; }
        .testimoniesSlider .bx-controls-direction a.bx-next :before {
          content: "\e905"; }

.testimonyCard {
  padding: 50px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  box-shadow: 0 1px 30px rgba(0, 0, 0, 0.05);
  max-width: 1100px;
  margin: 0 auto;
  overflow: hidden; }
  .testimonyCard .tc-photo {
    width: 40%;
    margin: -50px 50px -50px -50px;
    position: relative;
    flex-shrink: 0; }
    .testimonyCard .tc-photo img {
      opacity: 0; }
    .testimonyCard .tc-photobefore {
      content: '';
      display: block;
      position: absolute;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.8)));
      background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8));
      background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8));
      background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8));
      background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8));
      background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
      left: 0;
      height: 150px;
      width: 100%;
      left: 0;
      z-index: 1;
      bottom: 0; }
  .testimonyCard .tc-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover; }
  .testimonyCard .tc-name {
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-size: 36px;
    color: #fff;
    z-index: 2; }
  .testimonyCard .tc-title {
    font-size: 28px;
    color: #000;
    margin-top: 0;
    margin-bottom: 80px; }
    .testimonyCard .tc-title span {
      display: block;
      font-size: 18px;
      color: #afb7c3; }
  .testimonyCard .tc-quote {
    font-size: 18px;
    position: relative;
    padding: 0 0 0 50px;
    margin: 0;
    color: #000; }
    .testimonyCard .tc-quote:before {
      content: 'ΓÇ£';
      font-family: "Raleway", "Open Sans", Arial, sans-serif;
      font-size: 102px;
      left: 0;
      top: -.15em;
      position: absolute;
      font-weight: 600;
      line-height: 1;
      color: #0086cf; }

@font-face {
  font-family: 'cphome';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfoAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZkW9xXIAAAF4AAAMuGhlYWQSb+E7AAAOMAAAADZoaGVhB/8EHAAADmgAAAAkaG10eCJRAh8AAA6MAAAALGxvY2EOThDWAAAOuAAAABhtYXhwAB8BkwAADtAAAAAgbmFtZY7NA2IAAA7wAAABenBvc3QAAwAAAAAQbAAAACAAAwPKAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAT//v/wwPuA8AAHQAqAFEAWwBiAGwAdQB8AIIAiACQAJgApACrALEAtwC9AMcA0wAAASElLgEjIgYPASMiBh0BIxEzFRQWMyEyNjURNCYjJT4BNzIwMTgBIw4BBwUwFRwBFRQxFAYjISImPQEzMjY9ATQmKwE1ITI2NTQmKwEnMzIWFQEVFAYrATUzMhYDPgE7AQcjNwUhNz4BNzYWFxMxFAYrATMyNgE+ATMiBgc3PgE3DgE3PgE3DgETMjY3DgEjMQU+ATU5ARQGAQUlLgEjOAExMhYXBz4BMyIGBwcOAQc+AQcOAQc+AQcwFBU8AQExETQmIzEyFhUBFAYjIiY1NDYzMhYDif7g/v4HEAcRHghCQCk8MDA8KQL5KTw8Kf2rAggEAQEECAICiyAW/QcWIIozSUkzigMiCg4OCnBQzRYg/XItILu7IC3WBB4TJhlC9QFc/idoAQUDAwcCCEQwkpIwRP77AyMXFyMDAwIDAQICDAIEAgIEfh8uBgYuHwLeAgMD/Z8BBP78Bg0HBw0G9QgRCQkRCCACAwEBAwkBAgEBAggDrDcmJjf9HBsTFBsbFBMbAymPBAQRD3c7Ktz/AMAqOzsqApwqO2QEBgEBBgTJaWj6aWgXICAXwEkzCDNJuA0KCQ4sIBb+qAggLaItAUITGSzCwrsDBAEBAQH91DBERAGXFyAgF0ECAgEBAgcCAgEBAv34Jx0dJ/8FDQYGDQOdkZEDAwMDmAQDAwQUAgQCAgQMAgQCAgQOAQEBAf1AApwmNzcm/qITGxsTFBsbAAAAAAoAA//ABAADwABkAGwAegCOAK8AvQDSAOcBAAEZAAABNCYnLgEjBgcOAQcGBwYHDgEHBgcOAQciFDEGFhceARcwFjMXDgEHBhYfAQ4BBwYHDgEHBjEwNz4BNzY3PgE3Fx4BNz4BNxcUFjEeARceATcwMjU+ATc2Nz4BNzY3Njc+ATc2NwcnPgE3DgEHAT4BNz4BNz4BNw4BBycTDgEHDgEHPgE3PgE3PgE3Fw4BBzcnPgE3PgE3PgE3PgE3PgE3Fw4BBw4BBw4BBw4BBw4BBxcOAQcnPgE3DgEHDgEHEzI2NzY0Jy4BIyIGBw4BFRQWFx4BJz4BMzIWFxYUBw4BIyImJy4BNTQ2ByIGBw4BFRQWFx4BMzI2Nz4BNTQmJy4BIxcOASMiJicuATU0Njc+ATMyFhceARUUBgcEAAMDBAgFSE5NnUxNRigoKU8mJSIYKRABBAIFAgQCAgGTCA4GAgIFEQoSCRAVFCMNDCMkWissEAkMBQ0EDAYRIxEpAQECAgUOBgIbNBkiGhomCgsCRzY3TBUVA2KhN20zBBwW/JkNHhEcQCMaNBszUh+AtwMyUAgPBwIGAyAfAgkVC0MBCwlZkgUOBxIuGxs/IyNKJyVNJ7cSLRsbPyMiSyclTigPHxDaESQTJD14OAUTDREuHVkRIAwZGQwgEREfDAwNDQwMHw0GEAgJDwcMDAcPCQgQBgYGBpERHwwMDQ0MDB8RESAMDA0NDAwgER8HDwkIEAYGBgYGBhAICQ8HBgYGBgOpBQgEAwMDFRVMNzZHAgsKJhoaIhk0GwIGDgUCAgEBKREjEQYMBBIEDQgRKytbIyMMDCQUFBEIEwoNBQICBg4IkwECAgQCBQIEARApGCIlJk8pKChGTUydTU5I7KEWHAQzbTf+3BMkER0uEQ0TBTh4PST+ugMfHwMGAwgOCFAzAwgLAkMLFQkikhAfDyhOJSdKIyM/GxstErcnTSUnSiMjPxsbLhIHDgVCER4NgB9SMxs0GiNAHAGyDQwZRxkMDQ0MDCARER8MDA10BgYGBg0jDQYGBgYGEAgJD3cNDAwgEREfDAwNDQwMHxERIAwMDXQGBgYGBhAICQ8HBgYGBgcPCQgQBgAACAA6//QDuAOCABkAHQAiACYAKgBLAFkAaAAAAScmIgcOAR0BFBYXFR4BMzI2PwE+ATU0JicHNRcHAREhESETESERATUhFSchNTQmIyIGHQEjIgYVFBY7ARUUFjMyNj0BITI2NTQmIyUiBh0BFBYzMjY9ATQmMyIGHQEUFjMyNj0BNCYjAme1BQsFBQYGBQIFAwMGArQFBQUEq3h4/n4DfvyCKgMq/NYDKk3+ewwJCQw9CQwMCT0MCQkMAYUJDA0I/XAJDAwJCQwMOQkMDAkIDQ0IAmhzAwIDCgblBgoCAQEBAgFzAwkGBQkDXplMTQF4/HIDjv3CAhT97P7Z/v6UHAkMDAkcDAkJDBwJDAwJHAwJCQwxDAliCQwMCWIJDAwJYgkMDAliCQwAAAAACQAO//wEQgOEAAsAFwEsAUgBfwGDAYcBjAGQAAABMjY1NCYjIgYVFBYTMhYVFAYjIiY1NDYXHgEzMR4BMxYyOwEVMzUzMjY3MjY3MT4BNz4BNz4BNzE2NDUxPAEnMSY0Jy4BJzEuAScuAScuAScuAScuAScxIiY1JiInMTQiJzE0JicxNCY1NCY1PAE1NDY5AT4BMT4BMT4BMzEyNjMxMDIzMTAyMzEyFjMyFjMxMhYzMTIWMxc/ATUnIiYjMSImIyImIyImKwE1IxUjDgEHMQ4BBzEOAQcOAQcOAQcGFBUxHAEXFhQXMR4BFzEeARcxHgEzHgEzHgEzMR4BMzEwFhcwFhcwFjMwFhcwFhcxMBYVMRwBFRQGBzEOARUxDgEHMQYiFTEiBiMxMCIjMTAiIyoBIyImIyImJyYiJyImIyImIycPARUXMhYzATI2PwEXFjY/AT4BJy4BDwEnJgYPAQ4BFx4BMwEjETQmKwEiBhURIxE0JisBIgYVESMRNCYrASIGFREjNTQmKwEiBh0BIyIGFRQWMyEyNjU2JiMDMxEjAzMRIwMzESMRBzMVIwONPFhXPT5WVz0wQ0QvMEREDAEFAQIEAgIEAgIZAQIFAgIEAgIDAQICAQEBAQEBAQIBAQIBAgIBBAICBAECBAIDBAEBAwEDAQMBAgECAQEBAQECAQMBAgICAgECAQECAgEDAQECAQECAQUBAgQBAgEBAgEBAwECAgEBGQECBQICAwIBBAECAQEBAQEBAQECAQIBAQMBAgMCAgQBAwQBAwQCAwEDAQIBAgEBAQEBAQECAQIBAQMBAwICAgMBAQMBAQMBAQMCAQMCAQEBAQEBBgECAwMEAv1jAgQD3NUECgOrBgEEAw8FpNUECAPkBQIDAwcEA2dLCQeWBwk3CQeWBwo2CgeVBwk3CgaXBwlMBwkJBwQUBwkBCQfgdHTudXXtdXXtdHQCXFc+PVZXPT5WAQdDMDBDRDAwQrkBAQEBARUWAgIDAgEEAgEFAgIFAgIFAwMDAgMDAgIEAgEDAgEDAQECAQECAQEBAQEBAQEBAQEBAQECAQECAQICAQEDAQMBAgECAQEBAgECBxAEAQEBAQETFAECAQEDAQIDAgIEAgMEAwIFAwIEAgIEAgIEAQIDAQIDAgIBAwECAgEBAQICAQICAwIBAgIBAgEBAQEBAQEBAQEBAQEBAQEBAwcSAwEB/rYBAp1YAgEDiAQOBQUCBINZAQEDogQNBQQD/r0B1gcJCQf+KgEzBwoKB/7NAUwHCQkH/rTsBwkJB+wKBwcJCQcHCQHH/joBI/7dATv+xQE7X9wAAAAAAQDb/+cC+gOZABcAABM0NjcBNjIXFhQHCQEWFAcGIicBLgE1MdsLCgGoFDkUFBT+iQF4FBQUORT+VwoLAcANGgoBqBQUFDkU/oj+iBQ5FBQUAagKGg0AAAEA8P/nAw0DmAAXAAABFAYHAQYiJyY0NwkBJjQ3NjIXAR4BFTEDDQoK/lgUORQUFAF2/ooUFBQ5FAGoCwkBwA0aCv5YFBQUORQBeAF3FDkUFBT+WAoZDQABAA7/zQPyA7MAagAAASIGFRQWFwcuASMiBgcnPgE1NCYjIgYVFBYzMjY3Fw4BFRQWFwcuASMiBhUUFjMyNjU0Jic3HgEXFQ4BFRQWMzI2NTQmJzU+ATcXDgEVFBYzMjY1NCYjIgYHJz4BNTQmJzceATMyNjU0JiMDhSxABwayEy0ZGi0SiwUGKx4eKyseChIJiw8QEA/lDyUVLUBALSxABwbpDyMUJjRALS0/NCYUIxCLBQUrHR4rKx4KEgiNDxAQD68PJRUtQEAtA7NALQ4bC7IOEBAOiwgTCh4rKx4eKwYEixIuGRkuEuUND0AsLUBALQ4aDOgLDwO5BjwpLUBALSg8B7kCDwyLCBMKHioqHh4rBgSLEi4ZGS4Srw0PQCwtQAAAAQAAAAEAALHuhoNfDzz1AAsEAAAAAADXic5fAAAAANeJzl//+//ABEIDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEUP/7AAAEQgABAAAAAAAAAAAAAAAAAAAACwQAAAAAAAAAAAAAAAIAAAAEAP/7BAAAAwQAADoEUAAOBAAA2wQAAPAEAAAOAAAAAAAKABQAHgFIAuoDgAVyBZ4FygZcAAEAAAALAZEAEwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAGAAAAAQAAAAAAAgAHAFcAAQAAAAAAAwAGADMAAQAAAAAABAAGAGwAAQAAAAAABQALABIAAQAAAAAABgAGAEUAAQAAAAAACgAaAH4AAwABBAkAAQAMAAYAAwABBAkAAgAOAF4AAwABBAkAAwAMADkAAwABBAkABAAMAHIAAwABBAkABQAWAB0AAwABBAkABgAMAEsAAwABBAkACgA0AJhjcGhvbWUAYwBwAGgAbwBtAGVWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBjcGhvbWUAYwBwAGgAbwBtAGVjcGhvbWUAYwBwAGgAbwBtAGVSZWd1bGFyAFIAZQBnAHUAbABhAHJjcGhvbWUAYwBwAGgAbwBtAGVGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format("truetype");
  font-weight: normal;
  font-style: normal; }
[class^="cphico-"], [class*=" cphico-"] {
  font-family: 'cphome' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.cphico-arrow-left:before {
  content: "\e904"; }

.cphico-arrow-right:before {
  content: "\e905"; }

.cphico-network:before {
  content: "\e906"; }

.cphico-ecommerce:before {
  content: "\e900"; }

.cphico-agencies:before {
  content: "\e901"; }

.cphico-publishers:before {
  content: "\e902"; }

.cphico-marketers:before {
  content: "\e903"; }

@-webkit-keyframes lst-slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); } }
@keyframes lst-slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); } }
@-webkit-keyframes lst-slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  60% {
    opacity: 0;
    -webkit-transform: translateY(70%);
    transform: translateY(70%); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%); } }
@keyframes lst-slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  60% {
    opacity: 0;
    -webkit-transform: translateY(70%);
    transform: translateY(70%); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%); } }
.pages-slideshow h2, .pages-slideshow p, .pages-slideshow ol:not(.skinsList) {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.pages-slideshow ol:not(.skinsList) {
  display: block;
  padding: 0;
  margin: 0 auto;
  list-style: none; }

.pages-slideshow .splashArea01 {
  margin-bottom: 140px; }

.splashArea01 {
  position: relative;
  color: #fff;
  text-align: center;
  margin: 0 -20px 140px -20px;
  padding: 50px 20px;
  background: #004773 url("/_cms/design15/images/galleries-splash01.jpg") no-repeat center center;
  background-size: cover;
  /* /pages/_static-videohosting.scss */ }
  .splashArea01 h1, .splashArea01 h2, .splashArea01 h3 {
    color: #fff; }
  .splashArea01 h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 100;
    color: #fff;
    /*font-size: 3.43em;*/
    font-size: 3em;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    text-align: center;
    line-height: 1.2em;
    margin-top: 30px; }
    .splashArea01 h1:after {
      content: '';
      display: block;
      max-width: 350px;
      margin: 15px auto 0 auto;
      border-bottom: 1px solid #fff; }
  .splashArea01 p {
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1em;
    line-height: 1.5em;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    text-align: center; }
    .splashArea01 p a {
      color: #fff; }
  .splashArea01.hasBadgeNowVideo .contentWrap {
    position: relative;
    padding: 0 270px; }
    .splashArea01.hasBadgeNowVideo .contentWrap .contentWrap:before {
      content: '';
      display: block;
      width: 271px;
      height: 252px;
      position: absolute;
      right: 0;
      top: -50px;
      background: url("/_cms/design18/images/nowwithvideo.png") no-repeat;
      background-size: contain; }
  .splashArea01.video {
    background-image: url("/_cms/design15/images/video-splash01.jpg");
    margin-bottom: 0; }
    .splashArea01.video p {
      color: #ffdef1;
      font-size: 14px; }
    .splashArea01.video:after {
      display: none; }
  .splashArea01.videohosting {
    background-color: #004290;
    background-image: url("/_cms/design15/images/videohosting-splash01.jpg");
    margin-bottom: 0; }
    .splashArea01.videohosting h3 {
      color: #94d9ff;
      font-weight: 400;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }
    .splashArea01.videohosting p {
      color: #ffdef1;
      font-size: 14px; }
    .splashArea01.videohosting .videoBack {
      z-index: 9;
      position: absolute; }
    .splashArea01.videohosting .btn {
      padding: 17px 30px;
      margin-top: 5px;
      margin-bottom: 5px; }
    .splashArea01.videohosting:after {
      display: none; }
  .splashArea01.videoportal {
    background-color: #2d2058;
    background-image: url("/_cms/design15/images/videoportal-splash01.jpg");
    margin-bottom: 0; }
    .splashArea01.videoportal .contentWrap {
      max-width: 595px; }
    .splashArea01.videoportal h1 {
      font-family: 'Roboto Condensed', 'Roboto', sans-serif;
      font-size: 45px;
      font-weight: 300; }
    .splashArea01.videoportal h3 {
      color: #c8b4ff;
      font-weight: 400;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }
    .splashArea01.videoportal p {
      color: #c8b4ff;
      font-size: 18px; }
    .splashArea01.videoportal .btn {
      padding: 17px 30px;
      margin-top: 5px;
      margin-bottom: 5px; }
    .splashArea01.videoportal:after {
      display: none; }
  .splashArea01.musicplayer {
    background-color: #3e3343;
    background-image: url("/_cms/design15/images/musicplayer-splash01.jpg");
    margin-bottom: 0;
    padding: 180px 20px; }
    .splashArea01.musicplayer h1 {
      color: #fff;
      font-weight: 300;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
      font-family: 'Roboto Condensed', 'Roboto', sans-serif; }
    .splashArea01.musicplayer h1:after {
      display: none; }
    .splashArea01.musicplayer .btn {
      padding: 17px 30px;
      margin-top: 5px;
      margin-bottom: 5px; }
    .splashArea01.musicplayer:after {
      display: none; }
  .splashArea01.plans {
    background-color: #1377b4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1377b4), color-stop(100%, #0c4f78));
    background-image: -webkit-linear-gradient(top, #1377b4, #0c4f78);
    background-image: -moz-linear-gradient(top, #1377b4, #0c4f78);
    background-image: -ms-linear-gradient(top, #1377b4, #0c4f78);
    background-image: -o-linear-gradient(top, #1377b4, #0c4f78);
    background-image: linear-gradient(to bottom, #1377b4 0%, #0c4f78 100%); }
    .splashArea01.plans h1 {
      font-size: 46px;
      font-weight: bold;
      text-transform: uppercase; }
    .splashArea01.plans p {
      font-size: 16px; }
    .splashArea01.plans .contentWrap {
      max-width: 880px; }
    .splashArea01.plans .plans_havepackage {
      text-align: center; }
      .splashArea01.plans .plans_havepackage .wrap {
        margin: 15px;
        display: inline-block;
        background: #3eb060;
        border-radius: 5px;
        padding: 15px 50px;
        color: #fff; }
      .splashArea01.plans .plans_havepackage p {
        font-size: 14px;
        color: #fff;
        text-shadow: none;
        margin: 5px 0; }
      .splashArea01.plans .plans_havepackage .btn {
        text-transform: uppercase;
        font-weight: 500;
        margin: 5px; }
        .splashArea01.plans .plans_havepackage .btn i {
          margin: 0 5px;
          font-size: 16px; }
        .splashArea01.plans .plans_havepackage .btn.secondary {
          color: #aab2bc; }
          .splashArea01.plans .plans_havepackage .btn.secondary i {
            color: inherit; }
  .splashArea01.unlimited {
    margin-bottom: 350px;
    background-color: #1e263a;
    background-image: url("/_cms/design15/images/splash-unlimited.jpg"); }
    .splashArea01.unlimited .contentWrap {
      max-width: 1040px; }
    .splashArea01.unlimited.digitalassets {
      background-color: #072f45;
      background-image: url("/_cms/design15/images/splash-digitalassets.jpg");
      padding: 120px 20px; }
      .splashArea01.unlimited.digitalassets h1 {
        font-family: 'Roboto Condensed', sans-serif; }
      .splashArea01.unlimited.digitalassets p {
        font-size: 18px;
        color: #a9b7d7; }
  .splashArea01.ottpageSplash {
    background: #29abe2 url("/_cms/features/ott/ottsplash-bg.png") repeat;
    text-align: left;
    padding-top: 90px;
    padding-bottom: 65px;
    margin-bottom: 20px; }
    .splashArea01.ottpageSplash p {
      text-align: left;
      color: #fff; }
    .splashArea01.ottpageSplash h2 {
      text-transform: uppercase;
      margin-bottom: 20px !important;
      text-align: left; }
    .splashArea01.ottpageSplash .ottDevices {
      margin-bottom: -145px;
      margin-top: -20px; }
  .splashArea01.music01 {
    background-color: #7E232C;
    background-image: url("/_cms/design15/images/music-splash01.jpg"); }
  .splashArea01.slideshow01 {
    background-color: #000000;
    background-image: url("/_cms/design15/images/slideshows-splash01.jpg"); }
  .splashArea01.slideshow02 {
    background-color: #0E4C71;
    background-image: url("/_cms/design15/images/slideshows-splash02.jpg"); }
  .splashArea01.slideshow03 {
    background-color: #0F3E75;
    background-image: url("/_cms/design15/images/slideshows-splash03.jpg"); }
  .splashArea01.videoportal01 {
    background-color: #26214A;
    background-image: url("/_cms/design15/images/videoportal-splash02.jpg"); }
  .splashArea01.video01 {
    background-color: #592041;
    background-image: url("/_cms/design15/images/videos-splash01.jpg"); }
  .splashArea01.video02 {
    background-color: #044973;
    background-image: url("/_cms/design15/images/videos-splash02.jpg"); }
  .splashArea01.wordpress {
    background-color: #0B445F;
    background-image: url("/_cms/design15/images/wordpress-splash01.jpg"); }
  .splashArea01.joomla {
    background-color: #365186;
    background-image: url("/_cms/design15/images/joomla-splash.jpg"); }
  .splashArea01.podcast01 {
    background-color: #947070;
    background-image: url("/_cms/design15/images/podcast-splash01.jpg"); }
  .splashArea01.podcast02 {
    background-color: #293A4C;
    background-image: url("/_cms/design15/images/podcast-splash02.jpg"); }
  .splashArea01.podcast03 {
    background-color: #155E89;
    background-image: url("/_cms/design15/images/podcast-splash03.jpg"); }
  .splashArea01.podcast04 {
    background-color: #325da4;
    background-image: url("/_cms/design15/images/splash-podcastplayer.jpg"); }
  .splashArea01.podcast_jquery {
    background-color: #325da4;
    background-image: url("/_cms/design15/images/splash-podcastplayer-jquery.jpg"); }
  .splashArea01.features01 {
    background-color: #365186;
    background-image: url("/_cms/design15/images/features-splash01.jpg"); }
  .splashArea01.solutions {
    background-color: #095297;
    background-image: url("/_cms/design15/images/solutions-splash.jpg"); }
  .splashArea01.slideshow_html5 {
    background-color: #365186;
    background-image: url("/_cms/design15/images/slideshow-splash-html5.jpg"); }
  .splashArea01.slideshow_jquery {
    background-color: #365186;
    background-image: url("/_cms/design15/images/slideshow-splash-jquery.jpg"); }
  .splashArea01.audio_jquery {
    background-color: #842013;
    background-image: url("/_cms/design15/images/splash-audioplayers-jquery.jpg"); }
  .splashArea01.audio_html5 {
    background-color: #842013;
    background-image: url("/_cms/design15/images/splash-audioplayers-html5.jpg"); }
  .splashArea01:after {
    display: block;
    content: '';
    height: 110px;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background: #f6f7fb url("/_cms/design15/images/slideshows-platforms.png") no-repeat center center; }

@media screen and (max-width: 800px) {
  .splashArea01:after {
    background-image: url("/_cms/design15/images/slideshows-platforms-mobile.png");
    background-size: contain;
    background-size: 90% auto; }

  .howItWorskSteps .step {
    width: 100% !important;
    display: block; }

  .skinsList {
    margin-top: 0;
    padding-top: 0; }
    .skinsList h3 {
      margin-top: 0;
      padding: 0; }

  .choosePlayerSkin .cps_preview {
    min-height: 300px; }
  .choosePlayerSkin .titlerow h3, .choosePlayerSkin .cps_header .selector {
    display: none; }
  .choosePlayerSkin .cps_header .titlerow select {
    display: block !important;
    visibility: visible;
    float: left;
    background-color: #fff !important; }
  .choosePlayerSkin .cps_header .titlerow .btn {
    margin: 0; }

  .videoOptionsBlock > div {
    max-width: 29%;
    margin: 15px 1%; }

  .packagesHeadWrap {
    padding-bottom: 70px;
    margin-bottom: 0; }

  .unlimitedFeature {
    padding: 3px !important;
    max-width: calc(16% - 14px);
    margin: 5px;
    border-radius: 7px; }
    .unlimitedFeature .title {
      display: none; }

  .gridMenuWrap {
    display: none !important; }

  .header .appnav .hdrFullMenu {
    display: none !important; }
  .header.loggedout {
    margin-bottom: -80px; }
  .header ~ .content-container {
    margin-top: 140px; }

  .caseSidebar, .caseContent {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    padding: 10px 30px;
    margin: 10px -20px;
    float: none; }

  .featuresUl li {
    clear: none;
    float: none;
    display: inline-block; }

  .cmspage img {
    max-width: 100%;
    height: auto; } }
@media screen and (max-width: 600px) {
  .splashArea01 h1 {
    font-size: 2.5em; }

  .featuresDetailsList li {
    width: 100%;
    max-width: none; }

  .vsh_descriptbox > div {
    width: auto !important;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    float: none !important; }

  .vsh_featurebox {
    display: block;
    width: auto;
    max-width: none;
    float: none !important;
    width: 100% !important; }
    .vsh_featurebox .img {
      display: inline-block;
      vertical-align: middle;
      margin-right: 20px; }
    .vsh_featurebox > div:not(.img) {
      display: inline-block;
      vertical-align: middle;
      width: 55%;
      width: calc(100% - 130px); }

  #registration > .inlineblock.openSignUp {
    display: none !important; }

  .content_pfaq, .hr-separator {
    display: none !important; } }
@media screen and (max-width: 840px) {
  .splashArea01.hasBadgeNowVideo .contentWrap {
    padding: 0 120px; }

  .splashArea01.hasBadgeNowVideo .contentWrap:before {
    width: 120px; } }
@media screen and (max-width: 540px) {
  .splashArea01.hasBadgeNowVideo .contentWrap {
    padding: 70px; }

  .splashArea01.hasBadgeNowVideo .contentWrap:before {
    width: 100px;
    top: -20px; } }
.howItWorskSteps {
  text-align: center; }
  .howItWorskSteps .step {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 20px 1%;
    padding: 30px 15px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7fb), color-stop(100%, #ffffff));
    background-image: -webkit-linear-gradient(top, #f6f7fb, #ffffff);
    background-image: -moz-linear-gradient(top, #f6f7fb, #ffffff);
    background-image: -ms-linear-gradient(top, #f6f7fb, #ffffff);
    background-image: -o-linear-gradient(top, #f6f7fb, #ffffff);
    background-image: linear-gradient(to bottom, #f6f7fb 0%, #ffffff 100%); }
  .howItWorskSteps.foursteps .step {
    width: 22%; }
  .howItWorskSteps h4 {
    font-weight: bold;
    color: #434a53;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.29em;
    text-transform: none;
    text-align: center; }
    .howItWorskSteps h4 > b {
      background: #0086cf;
      color: #FFFFFF;
      font-size: 1em;
      border-radius: 1em;
      text-align: center;
      width: 1.7em;
      height: 1.7em;
      line-height: 1.7em;
      display: inline-block;
      margin-right: 5px;
      vertical-align: middle; }
  .howItWorskSteps ul, .howItWorskSteps ol {
    font-family: 'Roboto Condensed', sans-serif;
    color: #656d78;
    text-align: left;
    padding-left: 21px; }
  .howItWorskSteps p {
    font-family: 'Roboto Condensed', sans-serif;
    color: #656d78;
    text-align: left; }
  .howItWorskSteps ul b, .howItWorskSteps ol b, .howItWorskSteps p b {
    font-weight: bold; }
  .howItWorskSteps ul a, .howItWorskSteps ol a, .howItWorskSteps p a {
    border-bottom: 1px solid #0086cf;
    color: inherit;
    text-decoration: none; }

.graybox {
  background: url(/_cms/design15/images/bg-pattern-01.jpg) center top;
  padding: 40px 20px;
  margin: 30px -20px;
  width: 100%;
  max-width: none;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  text-align: center; }
  .graybox:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .graybox h2, .graybox h1 {
    font-size: 1.5em;
    color: #fff;
    font-weight: normal;
    margin-top: 0; }
  .graybox p {
    font-size: 14px;
    color: #c5ceda;
    max-width: 1015px;
    margin: .5em auto; }

.skinsSection {
  text-align: center;
  margin: 30px auto;
  font-size: 16px; }
  .skinsSection > h3 {
    font-size: 1.29em;
    max-width: 640px;
    margin: 17px auto;
    padding: 10px 25px;
    border-radius: 25px;
    background: #6b99b2;
    color: #ffffff;
    display: inline-block;
    font-weight: 400; }
  .skinsSection > p {
    font-size: .9em;
    max-width: 640px;
    margin: 0 auto;
    color: #656d78; }

.featuresDetailsList {
  display: block;
  list-style: none;
  padding: 0;
  margin: 50px auto !important;
  font-size: 1em;
  text-align: center; }
  .featuresDetailsList li {
    text-align: left;
    width: 45%;
    display: inline-block;
    vertical-align: middle;
    padding: 15px 2%;
    border-bottom: 1px solid #d8dadf;
    margin: 0 -.15em;
    max-width: 350px; }
    .featuresDetailsList li:nth-child(1), .featuresDetailsList li:nth-child(2) {
      border-top: 1px solid #d8dadf; }
    .featuresDetailsList li > img {
      display: inline-block;
      vertical-align: middle; }
      .featuresDetailsList li > img + b {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        padding-left: 90px;
        margin-left: -80px; }
    .featuresDetailsList li > b {
      font-weight: bold;
      color: #656d78; }

/* /pages/_static-video.scss */
.choosePlayerSkin .cps_header {
  margin: 20px auto;
  max-width: 1280px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); }
  .choosePlayerSkin .cps_header .titlerow {
    border: 1px solid #c7c8cd;
    background: #f6f7fb;
    padding: 20px; }
    .choosePlayerSkin .cps_header .titlerow:after {
      content: '';
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      overflow: hidden; }
    .choosePlayerSkin .cps_header .titlerow .title {
      float: left;
      margin: 0;
      font-family: 'Roboto Condensed', sans-serif; }
    .choosePlayerSkin .cps_header .titlerow .btn {
      float: right;
      text-transform: uppercase;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 500;
      margin: -8px 0; }
    .choosePlayerSkin .cps_header .titlerow select {
      display: none; }
  .choosePlayerSkin .cps_header .selector {
    border: 1px solid #c7c8cd;
    background: #d8dadf; }
    .choosePlayerSkin .cps_header .selector > ul {
      display: block;
      text-align: center;
      list-style: none;
      white-space: nowrap;
      margin: 0;
      padding: 0; }
      .choosePlayerSkin .cps_header .selector > ul:after {
        content: '';
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        overflow: hidden; }
      .choosePlayerSkin .cps_header .selector > ul > li {
        display: inline-block;
        position: relative; }
        .choosePlayerSkin .cps_header .selector > ul > li a {
          padding: 20px 30px;
          cursor: pointer;
          margin: -1px;
          display: block; }
        .choosePlayerSkin .cps_header .selector > ul > li a:hover {
          background-color: #0086cf; }
        .choosePlayerSkin .cps_header .selector > ul > li img {
          width: 100px;
          height: auto; }
        .choosePlayerSkin .cps_header .selector > ul > li.active {
          background: #0086cf; }
        .choosePlayerSkin .cps_header .selector > ul > li.active:after {
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 5px 7.5px 0 7.5px;
          border-color: #0086cf transparent transparent transparent;
          content: '';
          display: block;
          position: absolute;
          top: 100%;
          left: 50%;
          margin-left: -7px; }
.choosePlayerSkin .cps_preview {
  min-height: 300px;
  display: none;
  max-width: 100%; }
.choosePlayerSkin .previewTabs {
  max-width: 100%; }
.choosePlayerSkin .cps_footer {
  margin: 20px auto;
  max-width: 1280px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 20px;
  border: 1px solid #c7c8cd;
  background: #f6f7fb; }
  .choosePlayerSkin .cps_footer .btn {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    padding: 17px 28px; }

.videoOptionsBlock {
  margin: 25px auto;
  text-align: center; }
  .videoOptionsBlock > div {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    text-align: center;
    margin: 10px 25px; }
    .videoOptionsBlock > div > span {
      display: block;
      font-size: 14px;
      color: #ffffff;
      margin-top: 15px;
      font-weight: 500;
      line-height: 18px; }
  .videoOptionsBlock img {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px; }

@media screen and (max-width: 500px) {
  .videoOptionsBlock > div {
    display: block;
    width: auto;
    margin: 10px auto;
    max-width: none;
    overflow: hidden;
    text-align: left; }
    .videoOptionsBlock > div .rateUsOnWordpress {
      float: none; }

  .videoOptionsBlock > div > span {
    display: inline-block;
    width: 60%;
    width: calc(100% - 150px); }

  .videoOptionsBlock img {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle; } }
.vsh_descriptbox {
  margin: 0 auto;
  padding: 50px 50px;
  text-align: center;
  overflow: hidden;
  position: relative;
  z-index: 0;
  max-width: 1200px; }
  .vsh_descriptbox.imgright {
    direction: rtl;
    /*background-color: #f6f7fb;*/ }
  .vsh_descriptbox > div {
    width: 46%;
    max-width: 600px;
    display: inline-block;
    vertical-align: middle;
    direction: ltr;
    text-align: left;
    margin: 0 1%;
    float: left;
    font-size: 17px;
    color: #222; }
    .vsh_descriptbox > div img {
      max-width: 100%;
      height: auto; }
    .vsh_descriptbox > div h3 {
      font-family: 'Roboto Condensed', 'Roboto', sans-serif;
      font-size: 24px; }
    .vsh_descriptbox > div.img {
      text-align: center; }
      .vsh_descriptbox > div.img:after {
        content: '';
        display: block;
        position: absolute;
        width: 615px;
        height: 61px;
        bottom: 50px;
        background: url(/_cms/media-platform/videosharefiles/vshbnr_dividerleft.png);
        left: 35%;
        z-index: -1; }
  .vsh_descriptbox .btn {
    margin: 10px; }
  .vsh_descriptbox.nobtmline {
    border: none; }
  .vsh_descriptbox.imgright > div.img:after, .vsh_descriptbox > div + div.img:after {
    background: url(/_cms/media-platform/videosharefiles/vshbnr_dividerright.png);
    right: 35%;
    left: auto;
    background-position: right top !important;
    width: 712px; }
  .vsh_descriptbox.imgright .img {
    float: right; }

.vsh_features {
  max-width: 1280px;
  margin: 60px auto;
  text-align: center; }

.vsh_featurebox {
  display: inline-block;
  width: 270px;
  vertical-align: top;
  margin: 25px;
  max-width: 290px;
  min-width: 220px;
  text-align: left;
  border-top: 1px solid #E0E0E0;
  padding: 25px 2% 0 2%; }
  .vsh_featurebox h3 {
    font-size: 16px;
    color: #656d78;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif; }
  .vsh_featurebox p {
    color: #aab2bc;
    font-size: 14px;
    text-align: left; }

/* /pages/_static-videoportal.scss */
/* /pages/_static-music.scss */
.mp_features_block {
  text-align: center;
  max-width: 1000px;
  margin: 45px auto; }
  .mp_features_block .mp_featurebox_small {
    display: inline-block;
    width: 270px;
    vertical-align: top;
    margin: 25px;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif;
    font-size: 18px;
    text-align: center;
    position: relative;
    height: 220px;
    border: 1px solid transparent;
    cursor: pointer; }
    .mp_features_block .mp_featurebox_small div.info {
      width: 190px;
      margin: 24px auto 24px auto;
      color: #000;
      font-size: 24px;
      line-height: 1.2em;
      font-weight: 100; }
    .mp_features_block .mp_featurebox_small .img {
      height: 75px;
      margin-top: 30px; }
    .mp_features_block .mp_featurebox_small.left_align {
      border-right: none; }
    .mp_features_block .mp_featurebox_small.right_align {
      border-left: none; }
    .mp_features_block .mp_featurebox_small.clicked {
      background: #ffffff;
      border: 1px solid #EFEFEF; }
    .mp_features_block .mp_featurebox_small.clicked .info_onhover {
      display: block; }
    .mp_features_block .mp_featurebox_small.clicked .img .active, .mp_features_block .mp_featurebox_small:hover .img .active {
      display: inline; }
    .mp_features_block .mp_featurebox_small.clicked .img .passive, .mp_features_block .mp_featurebox_small:hover .img .passive {
      display: none; }
  .mp_features_block .info_onhover {
    position: absolute;
    width: 400px;
    height: 220px;
    z-index: 999;
    display: none;
    border: 1px solid #EFEFEF;
    background: inherit; }
    .mp_features_block .info_onhover > div {
      display: inline-block;
      width: 270px; }
    .mp_features_block .info_onhover p {
      width: 270px;
      margin: 35px auto; }
  .mp_features_block .left_align .info_onhover {
    top: -1px;
    left: 270px;
    border-left: none; }
  .mp_features_block .right_align .info_onhover {
    top: -1px;
    right: 270px;
    border-right: none; }
  .mp_features_block .img .active {
    display: none; }

@media (max-width: 1010px) {
  .mp_features_block .info_onhover, .mp_features_block .right_align .info_onhover {
    top: 185px !important;
    left: -1px !important;
    width: 270px;
    font-size: 15px;
    border-top: none;
    border-left: 1px solid #EFEFEF !important; }

  .mp_features_block .info_onhover p {
    width: 200px; }

  .mp_features_block .mp_featurebox_small.left_align.clicked, .mp_features_block .mp_featurebox_small.right_align.clicked {
    border: 1px solid #EFEFEF;
    border-bottom: none; } }
.packagesHeadWrap {
  padding: 70px 40px 150px 40px;
  margin: -20px -20px -60px -20px;
  text-align: center;
  font-size: 18px; }
  .packagesHeadWrap h1 {
    color: #000;
    font-weight: bold;
    font-size: 48px;
    margin: .5em 0 .2em 0;
    font-family: "Raleway", "Open Sans", Arial, sans-serif; }
  .packagesHeadWrap .current_plan_name {
    text-transform: uppercase;
    color: #232a32;
    background: rgba(0, 0, 0, 0.15);
    padding: 7px 15px;
    border-radius: 20px;
    font-size: 14px; }
  .packagesHeadWrap .suggested_plan_name {
    color: #50b76f;
    text-transform: uppercase;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    background: #fff;
    border-radius: 4px; }

.packagesHead {
  font-size: 18px;
  color: #6b7c93;
  max-width: 1015px;
  margin: 0 auto;
  margin-top: 10px;
  text-shadow: none;
  line-height: 2; }
  .packagesHead div {
    margin-top: 0; }
  .packagesHead p {
    margin: .2em auto; }
    .packagesHead p i {
      color: #FFFFFF;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      font-style: italic; }
  .packagesHead .usage.red {
    color: #fff;
    background-color: #D04A4A;
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); }
  .packagesHead .usage.yellow {
    color: #fff;
    background-color: #FFA200;
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); }
  .packagesHead .usage.black {
    color: #fff;
    background-color: #000;
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); }

.packagesBoxes {
  text-align: center;
  font-size: 0;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center; }
  .packagesBoxes .packageInfoTerms {
    font-size: 12px;
    display: block;
    text-align: left;
    margin-left: 31px;
    width: 100%;
    color: #656d78; }
  .packagesBoxes .package-box {
    display: inline-block;
    width: 24%;
    vertical-align: top;
    font-size: 16px;
    max-width: 310px;
    min-width: 185px;
    border: 1px solid #d8dadf;
    background: #f6f7fb;
    padding: 35px;
    margin-right: -2px;
    text-align: left;
    position: relative;
    min-height: 0 !important; }
    .packagesBoxes .package-box .submitplan {
      margin: 20px auto 50px auto;
      text-align: center;
      min-height: 53px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 25px; }
      .packagesBoxes .package-box .submitplan .btn {
        padding: 12px 20px;
        border: none;
        min-width: 100px;
        background: #fff;
        font-family: "Open Sans", Arial, sans-serif; }
        .packagesBoxes .package-box .submitplan .btn.smaller {
          padding-left: 30px;
          padding-right: 30px; }
        .packagesBoxes .package-box .submitplan .btn:hover {
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
      .packagesBoxes .package-box .submitplan .noCredit {
        margin-bottom: -20px;
        display: block;
        font-size: 12px;
        margin-top: 4px;
        float: right; }
    .packagesBoxes .package-box .not_available {
      color: #db4c3f;
      font-weight: 500;
      margin: auto 10px;
      position: absolute;
      bottom: -29px;
      text-align: center;
      left: 0;
      right: 0;
      height: 32px;
      vertical-align: middle;
      font-size: 14px;
      line-height: 1.3; }
    .packagesBoxes .package-box .submitArea {
      min-height: 150px;
      overflow: hidden; }
    .packagesBoxes .package-box.free .submitplan .btn {
      color: #0086cf; }
    .packagesBoxes .package-box.free .titleBox {
      background: #0086cf; }
    .packagesBoxes .package-box.startup .submitplan .btn {
      color: #0994e0; }
    .packagesBoxes .package-box.startup .titleBox {
      background: #0994e0; }
    .packagesBoxes .package-box.plus .submitplan .btn {
      color: #28a8ee; }
    .packagesBoxes .package-box.plus .titleBox {
      background: #28a8ee; }
    .packagesBoxes .package-box.corporate .submitplan .btn {
      color: #3eb060; }
    .packagesBoxes .package-box.corporate .titleBox {
      background: #3eb060; }
    .packagesBoxes .package-box.agency .titleBox {
      background: #6b7c93; }
    .packagesBoxes .package-box.enterprise {
      margin-top: -2px; }
    .packagesBoxes .package-box.enterprise .titleBox {
      background: #6495ed;
      padding-top: 73px;
      height: 397px; }
    .packagesBoxes .package-box.plus h2 b, .packagesBoxes .package-box.corporate h2 b {
      display: inline-block; }
    .packagesBoxes .package-box.plus h2 b::first-letter, .packagesBoxes .package-box.corporate h2 b::first-letter {
      font-size: 20px;
      vertical-align: top; }
    .packagesBoxes .package-box.plus .currentPlanArrow i, .packagesBoxes .package-box.corporate .currentPlanArrow i {
      -moz-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      filter: FlipH;
      -ms-filter: "FlipH";
      left: auto;
      right: -13px; }
    .packagesBoxes .package-box .currentPlanArrow {
      position: absolute;
      top: 0;
      left: 50%;
      display: none; }
      .packagesBoxes .package-box .currentPlanArrow i {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKkAAABICAQAAAAnxB2DAAAEdklEQVR4Ae3aA5DDWBzH8V9QJsu6Pdu2bdu27eHZvsHZtm1zcLbWRrFt+r+8Wbz1Fu/873ccf6ZxQIrjmOCfR8pBgwGPmwFNCSkHA34iIvhhKCHl4EWDIEUDvEyqJPgRE6SIwc+kqkiTghRJJmVSJmVSjkmZlEk5JmVSJuWYlEmZlGNSJmXSf01MyqRMGlBFyqQJJ0O0+2IKSZk010R0xWoKSZm00Ed09NIIQmNSBSFw4tJEzmByXgQUkHLQYX18IFH/x4grOeNzMFHX8xzR91chAm/VpBw0+F/ahArFobPXQj3M6kkZ1HP1orkfiX65HSlY0KsjZU4DvjdXz31HlP567aXRCC+0CkmhQXczRtKhVTCHf03Tbr0BD/wvLtlzQzEnQA9YA3EEoRPKJhUzg3dX+7MVf9u15aC249uOb97/x81fWRwBN38piTEfTtybVN+ri7y9TGW9s8TMc304cVlYbh0C29U8Nu8nq/yyR9eFmXepQETObw+sszwSsGGO8pfD6bkg1HpU5uXiIPFPaGZbnrpuRyyMOGrgkf/nko8bKwfbT3Y6h2c21NL9VttTTQ80PdDxXP/H+S4q41d0Cr1/Ql3ZXyst3z7bnJ3shLXPFXoz33W/8cNNzx+7xkpYBPMghKD8h4pKPK/dNU/mLSKi/s/ePXufdbEkFseiIiyGxbEklsLSJbeU+rCkCEtU1JKiWec+ce3FchbFQpgPCYRgwzf5bFIKqHlFKvcFUb7tmWOwBBbCvIgjijBCCCOCKOJIuCVLKjFS/E8pVnbxOUqIJqz98LY3oBYBeGFIztJJjYidfpko/d2h62MhxNEAC3744IXHzQsf/P+zxLabErNMUujwf38EUaH7hA0wHxoRgCn/6FwlpGZ9fe4HonfPwXyogxc6k1VFCg3+d7clyjWnFpN3B1w1pDrs5uuJfroFSQT5H6qC1ETDwHtELx+KELyMpYLUi0i+heiCtVELg7FUkPoQczJEWywOCzpjqSD1I05EhBSCfGpSRZqQL/05Jv2nkjqDRDsvyqQqSfuIDlqcSRWTHrAEk1ZACs1NhzY96cQz/vCY0JhvuiSScXsofdoiPhjQJCni+U6i05eXpGLMRXzp024PyTGni0l1+IdeJhq4NWZJKkE6/E3aMOkwaMwauIVo6GX4oTPgzKQGrA92K6aJem+P2AJ1OtJh0N7biIrpD3aDi8+As/1Lg4g/fYCTkaiS9NLVYUGToE7m6QPkm+vpY1INXtRjvkcPHo8KQfor0TVrwIIuQR89GPOhfq7np3zG1+FDI+afgBpwSX8XpLBhSlDMj0b4+D86O+n0qNbwJ9MXroHaiF0WKJNOj1oTRirbVKTz1rSjDFoR6WTUjrt8Cw825en0DdrvYtAKSSej/vZAZ08v/foEg1ZBOhm1u7M3K0AfPoRBKyaVqA8cJlAF6AOHMWg1pBJ1wbuPdDJO5u4jsRCDVkMqUUNY8OFDHj4ECyLEoNWRStQ6RN3q1IHy1yYe+N08DKqIlABtOIYqvT8AXqZ/SghazU4AAAAASUVORK5CYII=");
        width: 170px;
        height: 70px;
        display: block;
        position: absolute;
        bottom: 5px;
        left: -6px; }
    .packagesBoxes .package-box.suggested {
      background: #fff;
      box-shadow: 0 5px 40px rgba(0, 0, 0, 0.3);
      position: relative;
      z-index: 5; }
      .packagesBoxes .package-box.suggested .currentPlanArrow {
        display: block; }
    .packagesBoxes .package-box .yourPlan {
      font-size: 26px;
      font-weight: bold;
      text-shadow: 1px 1px #fff;
      color: #D6D6D6;
      margin-bottom: -20px; }
    .packagesBoxes .package-box .saleofferbadge {
      position: absolute;
      padding: 2px;
      z-index: 900;
      width: 75px;
      height: 75px;
      top: 18px;
      left: auto;
      right: -10px; }
    .packagesBoxes .package-box .bestvaluebage, .packagesBoxes .package-box i.bestvalue:after {
      background: #f3f3b0;
      background: linear-gradient(#ffffbc, #e5e5a2);
      font-family: "Raleway", "Open Sans", Arial, sans-serif;
      display: inline-block;
      position: absolute;
      content: 'Best value';
      text-transform: uppercase;
      font-size: 12px;
      line-height: 1;
      right: 0;
      top: 38px;
      padding: 5px 10px;
      border-radius: 15px 0 0 15px;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
      color: #434a53; }
    .packagesBoxes .package-box.professional .submitplan .btn.smaller[href="/register.aspx"] + .gray {
      background: #0086cf !important; }
  .packagesBoxes .selfService {
    display: block;
    color: #969696;
    font-size: 11px;
    text-align: center;
    line-height: 1;
    padding: 14px 10px;
    text-transform: uppercase;
    margin: -38px -36px 35px -35px;
    background: #cdcdcf; }
  .packagesBoxes .startup .selfService {
    background-color: #d8d9da; }
  .packagesBoxes .plus .selfService {
    background-color: #e2e3e4; }
  .packagesBoxes .corporate .selfService {
    background-color: #eeeeee; }
  .packagesBoxes .enterprise {
    margin-top: 36px; }
  .packagesBoxes .titleBox {
    margin: -36px -36px 0 -36px;
    padding: 35px 30px;
    background: #0086cf;
    color: #fff;
    padding-bottom: 20px;
    min-height: 200px;
    position: relative;
    height: 370px;
    /*h2.newPrice { font-size: 28px; }*/ }
    .packagesBoxes .titleBox h3 {
      font-family: "Raleway", "Open Sans", Arial, sans-serif,'Roboto Condensed', 'Roboto', sans-serif;
      font-weight: bold;
      font-size: 36px;
      text-transform: capitalize;
      line-height: 1;
      color: inherit;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 0 .5em 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      letter-spacing: .03em;
      position: relative;
      text-shadow: 0 1px 5px rgba(0, 0, 0, 0.16); }
      .packagesBoxes .titleBox h3 span {
        position: absolute;
        width: 100%;
        font-size: 12px;
        margin-top: 15px;
        top: 50%;
        left: 0;
        font-weight: 400;
        opacity: .7; }
    .packagesBoxes .titleBox h2 {
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 900;
      font-size: 20px;
      text-align: center;
      margin: 0 0 .5em 0;
      line-height: 1;
      color: inherit; }
      .packagesBoxes .titleBox h2 i {
        font-style: inherit; }
        .packagesBoxes .titleBox h2 i:first-child {
          vertical-align: top; }
      .packagesBoxes .titleBox h2 b {
        font-weight: inherit;
        font-size: 36px; }
    .packagesBoxes .titleBox center {
      font-size: 15px;
      line-height: 1.3; }
    .packagesBoxes .titleBox .monthPrice {
      margin: 0 0 .5em 0;
      line-height: 1.2;
      color: inherit;
      font-size: 12px;
      text-align: center;
      margin-top: 15px; }
      .packagesBoxes .titleBox .monthPrice:empty {
        display: none; }
      .packagesBoxes .titleBox .monthPrice i {
        font-style: inherit;
        font-weight: normal !important; }
      .packagesBoxes .titleBox .monthPrice b {
        color: #fff;
        font-weight: inherit; }
    .packagesBoxes .titleBox .newPrice b {
      font-size: 1.8em;
      margin-right: 8px; }
    .packagesBoxes .titleBox .needmore {
      margin-top: 10px;
      padding: 15px 30px;
      background: rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
      height: 67px;
      cursor: pointer; }
      .packagesBoxes .titleBox .needmore h2 {
        margin: 0;
        text-transform: none; }
      .packagesBoxes .titleBox .needmore b.needmoreTitle {
        font-size: 14px;
        color: #fff;
        line-height: 1;
        font-weight: normal; }
      .packagesBoxes .titleBox .needmore b.needmoreDesc {
        display: block;
        margin-top: 8px;
        color: #fff;
        font-size: 14px; }
      .packagesBoxes .titleBox .needmore b.needmorePrice {
        position: absolute;
        display: block;
        top: 0;
        margin: auto;
        bottom: 0;
        height: 20px;
        right: 30px; }
  .packagesBoxes .desc {
    color: #434a53;
    font-style: italic;
    display: block;
    text-align: center; }
  .packagesBoxes .packageInfo > ul {
    padding: 20px 0;
    margin: 0 0 -34px 0; }
    .packagesBoxes .packageInfo > ul > li {
      display: flex;
      min-height: 50px !important;
      font-size: 14px !important;
      color: #4C535D;
      box-sizing: border-box;
      justify-content: center;
      align-items: center;
      line-height: 38px;
      padding: 0;
      border-bottom: 1px dashed #DCDFE3; }
      .packagesBoxes .packageInfo > ul > li:empty {
        display: none; }

@media screen and (min-width: 800px) {
  .packagesBoxes .package-box {
    min-height: 760px; }

  .unlimitedFeature .contentWrap {
    white-space: nowrap; }
    .unlimitedFeature .contentWrap > * {
      white-space: normal; }

  .col-md-6 .bigsplashbutton {
    padding: 10px 20px;
    margin: 15px 20px; } }
.packagesBoxes .btn.smaller[href="/register.aspx"], .packagesBoxes .btn.smaller[href="/register.aspx"] + .gray {
  min-width: 85px !important; }

@media screen and (min-width: 1200px) {
  .packagesBoxes .package-box .desc {
    min-height: 6em; }

  .landerSplash {
    margin: 0 -15vw !important;
    padding-left: 15vw;
    padding-right: 15vw; } }
@media screen and (max-width: 1300px) and (min-width: 1024px) {
  .packagesBoxes .package-box .submitArea {
    overflow: visible; } }
@media screen and (max-width: 1300px) and (min-width: 1120px) {
  .packagesBoxes .package-box .submitArea {
    min-height: 180px; } }
@media screen and (max-width: 1330px) and (min-width: 1120px) {
  .packagesBoxes .titleBox {
    min-height: 211px; } }
@media screen and (min-width: 1330px) {
  .packagesBoxes .package-box.professional {
    /*padding-bottom: 55px;*/ }

  .packagesBoxes .package-box.unlimitedphotos {
    /*padding-bottom: 79px;*/
    /*li:last-child { border-bottom: 1px solid #d8dadf; }*/ } }
@media screen and (max-width: 1160px) {
  .packagesBoxes .package-box .submitplan .btn {
    padding: 18px 10px;
    white-space: normal;
    max-width: 100%;
    min-width: 120px; } }
@media screen and (max-width: 1024px) {
  .packagesBoxes .currentPlanArrow {
    display: none !important; }

  .packagesBoxes .package-box {
    display: block;
    width: auto;
    max-width: none;
    top: 0 !important;
    text-align: center;
    margin: 0 -20px; }
    .packagesBoxes .package-box .submitplan .btn {
      padding: 18px 50px;
      white-space: nowrap; }

  .packagesBoxes .titleBox h2, .packagesBoxes .titleBox .monthPrice {
    text-align: center; }

  .splashArea01.unlimited {
    margin-bottom: 20px; }

  .unlimitedSkinsDemo #gallery_container {
    max-width: 100%;
    background: #fff;
    padding: 0;
    margin: 40px auto 0 auto;
    padding: 10px;
    height: 500px; }

  .cpTooltip {
    position: fixed;
    bottom: 0;
    left: 50%;
    margin: 0;
    top: auto;
    transform: translate(-50%, 0);
    max-width: 100vw; }
    .cpTooltip:before {
      display: none; }
    .cpTooltip .cp-close {
      display: block; }

  .startUsingBox {
    box-shadow: none !important;
    border: none;
    background: #f3f6f9 !important; }

  .landerSection {
    justify-content: center; }
    .landerSection .uploading:before, .landerSection .streaming:before, .landerSection .media-backup:before {
      top: 6px; }
    .landerSection > div {
      text-align: left !important; }
    .landerSection .textcenter {
      text-align: center !important; }
    .landerSection.mobile {
      flex-direction: row-reverse !important; }
    .landerSection.revers {
      flex-direction: column-reverse; }
      .landerSection.revers.on-computer {
        flex-direction: column-reverse !important; }
    .landerSection > div img {
      width: 100%;
      margin: 0 auto;
      display: block; }

  .landerpage_title {
    padding: 20px !important; }

  .lander03__section02 .work-titl {
    text-align: left;
    padding-top: 20px !important;
    font-size: 21px;
    margin: 0 !important; }

  .textleft {
    font-size: 24px !important;
    padding-top: 10px;
    margin: 0; }

  .btn.bigger {
    padding: 23px 38px; }

  .landerpage {
    height: 490px !important; } }
@media screen and (max-height: 768px) {
  .packagesBoxes .titleBox {
    /*height: 300px; */ }

  .packagesBoxes .package-box .submitplan {
    margin-bottom: 20px; }

  .packagesBoxes .package-box.enterprise .titleBox {
    /* height: 327px;*/ } }
.cpTooltip {
  display: none;
  position: absolute;
  background: #fff;
  z-index: 100;
  padding: 20px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
  width: 400px;
  max-width: 100vw;
  border-radius: 10px;
  top: 100%;
  margin-top: 12px;
  left: 50%;
  margin-left: -37px;
  font-size: 13px;
  text-align: left; }
  .cpTooltip:before {
    content: '';
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    background: #fff;
    top: -12px;
    left: 25px;
    transform: rotate(45deg); }
  .cpTooltip:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 20px; }
  .cpTooltip h3 {
    font-size: 20px;
    text-align: center;
    margin: -20px -20px 15px -20px;
    border-bottom: 1px solid #ddd;
    padding: 15px 20px; }
  .cpTooltip ul {
    margin: .5em 0;
    padding: 0; }
  .cpTooltip li {
    display: list-item;
    margin: 0;
    padding: 0;
    margin-left: 20px;
    list-style: outside;
    margin-bottom: 10px; }
  .cpTooltip .cp-close {
    display: none;
    position: absolute;
    right: 15px;
    top: 19px;
    display: block;
    text-decoration: none;
    -webkit-appearance: none;
    border: none;
    background: none; }

.cpTooltiped {
  position: relative;
  border-bottom: 1px dashed;
  color: #027abb;
  cursor: help; }
  .cpTooltiped.cpTooltipedHovered .cpTooltip {
    display: block; }

div.cpTooltip {
  color: #3a4049; }

#startup-popup {
  position: absolute;
  left: 105%;
  top: -60px;
  display: none;
  z-index: 10;
  background: #fff;
  min-height: 0 !important;
  height: auto !important;
  padding: 25px;
  border: 1px solid #656d78;
  width: 100%; }
  #startup-popup .titleBox {
    text-align: center;
    padding-top: 63px;
    height: auto !important;
    min-height: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    background: none;
    color: #656d78; }
    #startup-popup .titleBox h3 {
      margin-bottom: 26px; }
    #startup-popup .titleBox h2 {
      text-align: center;
      text-transform: uppercase;
      margin: 0 0 .5em 0; }
    #startup-popup .titleBox i {
      font-weight: 100; }
  #startup-popup .monthPrice {
    text-align: center;
    color: #656d78; }
  #startup-popup .submitplan {
    margin: 0;
    min-height: 36px; }
  #startup-popup .submitArea {
    min-height: 0 !important;
    height: auto !important; }
    #startup-popup .submitArea a {
      background: #fff;
      border: 1px solid #656d78;
      width: 76%;
      padding: 22px 20px;
      color: #656d78; }
  #startup-popup .packageInfo {
    padding-top: 0; }
    #startup-popup .packageInfo ul {
      color: #fff;
      border: 0;
      width: 100%;
      margin: 0; }
      #startup-popup .packageInfo ul li {
        border: none;
        height: auto !important;
        padding: 8px 0;
        min-height: 0 !important;
        font-weight: bold;
        margin: 0;
        color: #656d78; }
  #startup-popup:before {
    left: -10px;
    top: 80px;
    position: absolute;
    content: '';
    border-right: 10px solid #a9cc01;
    border-bottom: 11px solid transparent;
    border-top: 11px solid transparent; }
  #startup-popup .closeStartUpPopup {
    position: absolute;
    top: 20px;
    font-weight: bold;
    right: 16px;
    font-size: 25px;
    display: block;
    z-index: 50;
    color: #656d78; }
  #startup-popup p.not_available {
    margin: 0 !important; }

.mContent .mtplans {
  white-space: nowrap; }
  .mContent .mtplans a.btn.green {
    display: block;
    max-width: 250px;
    font-size: 16px;
    font-weight: 500;
    margin: 10px auto; }
  .mContent .mtplans b {
    font-weight: bold; }
  .mContent .mtplans .showNewInfo {
    margin-top: 1.5em; }
  .mContent .mtplans + .paymethods {
    margin-top: 25px; }

.mContent .mtplan {
  white-space: normal;
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 230px;
  max-width: 250px;
  margin: 15px;
  padding: 30px 20px;
  background: #f6f7fb;
  border: 1px solid #d8dadf;
  /*br { display: none; }*/ }
  .mContent .mtplan:hover {
    border-color: #3a8abb;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); }
  .mContent .mtplan .descr {
    margin: -31px -21px 19px -21px !important;
    padding: 20px;
    background: #3a8aba;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a8aba), color-stop(100%, #4099cf));
    background-image: -webkit-linear-gradient(top, #3a8aba, #4099cf);
    background-image: -moz-linear-gradient(top, #3a8aba, #4099cf);
    background-image: -ms-linear-gradient(top, #3a8aba, #4099cf);
    background-image: -o-linear-gradient(top, #3a8aba, #4099cf);
    background-image: linear-gradient(to bottom, #3a8aba 0%, #4099cf 100%);
    color: #272b30;
    text-align: left;
    min-height: 160px; }
  .mContent .mtplan h3 {
    margin-top: 5px;
    margin-bottom: .2em;
    color: #fff;
    font-weight: bold;
    font-size: 31px;
    text-transform: capitalize;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif;
    text-align: left;
    line-height: 1;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); }
  .mContent .mtplan h5 {
    background: #f3f3b0;
    background: linear-gradient(#ffffbc, #e5e5a2);
    font-family: 'Roboto Condensed', 'Roboto', sans-serif;
    display: inline-block;
    position: absolute;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    right: -9px;
    top: 4px;
    padding: 5px 10px;
    border-radius: 15px 0 0 15px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    color: #434a53; }
    .mContent .mtplan h5:empty {
      display: none; }
  .mContent .mtplan a.btn.green {
    min-width: 100px; }
  .mContent .mtplan a[data-href^="https://www.paypal.com/"] {
    font-size: 12px; }
  .mContent .mtplan p {
    margin: .5em 0; }
  .mContent .mtplan .price {
    font-size: 24px;
    font-weight: 600;
    color: #272b30; }
    .mContent .mtplan .price i {
      font-weight: 100;
      text-transform: capitalize; }
  .mContent .mtplan .plimus.btn.primary {
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    min-width: 150px;
    margin: 5px auto;
    padding: 16px 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d93d1), color-stop(100%, #137ab8));
    background-image: -webkit-linear-gradient(top, #2d93d1, #137ab8);
    background-image: -moz-linear-gradient(top, #2d93d1, #137ab8);
    background-image: -ms-linear-gradient(top, #2d93d1, #137ab8);
    background-image: -o-linear-gradient(top, #2d93d1, #137ab8);
    background-image: linear-gradient(to bottom, #2d93d1 0%, #137ab8 100%); }

@media screen and (max-width: 949px) {
  .mContent .mtplans {
    white-space: normal; } }
.planspage-enterpriseBox {
  max-width: 1200px;
  margin: 50px auto;
  padding: 20px 30px;
  background: #D7DBE4;
  text-align: center; }
  .planspage-enterpriseBox h3 {
    font-size: 24px;
    text-transform: uppercase; }

.popupContent {
  text-align: center; }
  .popupContent h3 {
    font-size: 22px; }
  .popupContent .firstLine {
    margin-top: 20px;
    margin-bottom: 20px; }
    .popupContent .firstLine b {
      font-weight: bold;
      color: #000; }
  .popupContent p b {
    font-weight: bold;
    color: #000; }
  .popupContent .secondLine {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 30px; }
    .popupContent .secondLine .btn {
      min-width: 80px;
      font-size: 15px;
      margin: 0 10px;
      text-transform: uppercase; }
      .popupContent .secondLine .btn.confirmSelection {
        min-width: 170px; }
    .popupContent .secondLine a:not(.btn) {
      color: #000;
      margin: 0 15px; }

.plans-faqArea {
  margin-bottom: 100px; }
  .plans-faqArea h3 {
    font-size: 12px;
    display: block;
    text-align: left;
    margin-left: 30px;
    font-weight: normal;
    color: #656d78; }

.modalWindow h2.newPrice {
  font-size: 26px !important;
  color: #FFF2B4; }

.paycardsicos {
  width: 270px;
  height: 32px;
  font-size: 0;
  display: inline-block;
  zoom: 1;
  background: url("../../cincopamanager/paypal/images/paycardsicos.jpg"); }

.tplans {
  text-align: center; }

.tplan {
  width: 230px;
  background: #f6f7fb;
  padding: 30px;
  border: 1px solid #d8dadf;
  display: inline-block;
  vertical-align: top;
  margin: 7px;
  text-align: center;
  position: relative; }
  .tplan .tplan_h {
    background: #a2a9b3;
    color: #fff;
    margin: -30px -30px 15px -30px;
    padding: 30px;
    text-align: left; }
    .tplan .tplan_h .price {
      color: rgba(255, 255, 255, 0.8);
      font-weight: 500;
      text-transform: uppercase; }
    .tplan .tplan_h .permonth {
      color: rgba(255, 255, 255, 0.5);
      font-weight: 300; }
  .tplan h2 {
    font-weight: bold;
    font-size: 40px;
    color: #fff;
    line-height: 1;
    text-align: left;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
  .tplan .plimus {
    display: block;
    width: auto;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    margin: 10px auto;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d93d1), color-stop(100%, #137ab8));
    background-image: -webkit-linear-gradient(top, #2d93d1, #137ab8);
    background-image: -moz-linear-gradient(top, #2d93d1, #137ab8);
    background-image: -ms-linear-gradient(top, #2d93d1, #137ab8);
    background-image: -o-linear-gradient(top, #2d93d1, #137ab8);
    background-image: linear-gradient(to bottom, #2d93d1 0%, #137ab8 100%);
    padding: 17px 10px; }
  .tplan .bestvaluebage, .tplan i.bestvalue:after {
    background: #f3f3b0;
    background: linear-gradient(#ffffbc, #e5e5a2);
    font-family: 'Roboto Condensed', 'Roboto', sans-serif;
    display: inline-block;
    position: absolute;
    content: 'Best value';
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    right: 0;
    top: 10px;
    padding: 5px 10px;
    border-radius: 15px 0 0 15px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    color: #434a53; }

@media screen and (max-width: 550px) {
  .tplan {
    width: auto;
    max-width: none;
    display: block;
    margin: 30px auto; }
    .tplan h2, .tplan .tplan_h {
      text-align: center; } }
.content_needmoretraffic {
  max-width: 1200px;
  margin: 10px auto;
  font-size: 14px;
  line-height: 1.1; }
  .content_needmoretraffic img.paymethods {
    float: right; }

.plimus_desc {
  display: none; }

.tplans.traffic, .top-text-box {
  display: none; }

.loading_pls {
  padding: 15px; }

.unlimitedSkinsDemo .flexslider {
  background-color: transparent;
  border: none;
  box-shadow: none;
  text-align: center;
  max-width: 1200px;
  margin: 20px auto 0 auto; }
  .unlimitedSkinsDemo .flexslider .slides > li {
    width: 130px !important;
    margin: 0 10px; }

.unlimitedSkinsDemo .flex-direction-nav a {
  text-align: center !important;
  line-height: 40px;
  font-weight: bold;
  background: #fff;
  box-shadow: 0 1px 10px #000; }
  .unlimitedSkinsDemo .flex-direction-nav a:before {
    font-family: "Arial", sans-serif;
    content: '<';
    font-size: 32px; }
  .unlimitedSkinsDemo .flex-direction-nav a.flex-next:before {
    content: '>'; }

.unlimitedSkinsDemo #gallery_container {
  width: 1050px;
  height: 640px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 auto -350px auto;
  position: relative;
  padding: 50px 140px 105px 140px;
  background: url("/_cms/design15/images/laptoppreview.png") center center no-repeat;
  backgroud-size: contain; }
  .unlimitedSkinsDemo #gallery_container iframe {
    width: 100%;
    height: 100%;
    padding: 5px;
    max-height: 90vh;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }

.unlimitedSkinsDemo h4 {
  font-size: 18px;
  color: #a9b7d7;
  font-style: italic;
  text-transform: none;
  margin: 25px 0; }

.unlimitedFeaturesList {
  max-width: 1280px;
  margin: 30px auto;
  text-align: center; }

.unlimitedFeature {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 25px 10px;
  margin: 15px 13px;
  background: #84bb49;
  border-radius: 20px;
  font-family: 'Roboto Condensed', sans-serif;
  color: #fff;
  cursor: default;
  max-width: 14%;
  max-width: calc(16% - 30px);
  -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; }
  .unlimitedFeature:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    box-shadow: inherit;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -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; }
  .unlimitedFeature.storage {
    background-color: #a9b2e7;
    color: #959fd6; }
  .unlimitedFeature.traffic {
    background-color: #79c08e;
    color: #599d6d; }
  .unlimitedFeature.responsive {
    background-color: #a8cfe6;
    color: #87b1ca; }
  .unlimitedFeature.cms {
    background-color: #edd56b;
    color: #d7bf57; }
  .unlimitedFeature.ga {
    background-color: #ff7b79;
    color: #e36866; }
  .unlimitedFeature.support {
    background-color: #ff9749;
    color: #de7d34; }
  .unlimitedFeature img {
    max-width: 100%;
    height: auto; }
  .unlimitedFeature .img {
    display: block;
    position: relative;
    width: 160px;
    height: 60px;
    max-width: 100%;
    text-align: center;
    margin: 0 auto; }
    .unlimitedFeature .img:after {
      position: absolute;
      width: 100%;
      height: 100%;
      background: center center no-repeat;
      background-size: contain;
      top: 0;
      left: 0;
      opacity: 0;
      visibility: hidden;
      content: '';
      display: none; }
  .unlimitedFeature .title {
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
    display: block;
    text-align: center;
    position: relative; }
    .unlimitedFeature .title i {
      opacity: 0;
      margin-right: -1em;
      margin-top: -2px; }

@media screen and (max-width: 1100px) {
  .unlimitedFeature {
    padding: 15px !important; }
    .unlimitedFeature .img {
      height: auto; }
    .unlimitedFeature .title {
      font-size: 18px; }
      .unlimitedFeature .title i {
        display: none; } }
/* /pages/_static-unlimited.scss */
.videosharebanner {
  height: 410px;
  position: relative;
  font-family: 'neo_sans_prolight', 'Exo', sans-serif; }
  .videosharebanner > .vshbg {
    background: url(/_cms/media-platform/videosharefiles/vshpage_banner01.jpg);
    height: 385px;
    width: auto;
    margin: 0 -1000px;
    background-position: top center;
    padding: inherit;
    margin-bottom: -385px; }
  .videosharebanner > .vshwrap {
    position: relative; }
  .videosharebanner h2 {
    font-size: 42px;
    text-transform: none;
    color: #fff;
    font-family: 'neo_sans_promedium', 'Exo', sans-serif;
    font-weight: normal;
    text-align: center;
    margin-bottom: 1em;
    padding: 0;
    padding-top: 1em; }
  .videosharebanner h3 {
    font-size: 20px;
    text-transform: none;
    color: #fff;
    font-family: 'neo_sans_prolight', 'Exo', sans-serif;
    font-weight: normal;
    width: 42%;
    margin-left: 17%;
    display: inline-block;
    vertical-align: middle; }
  .videosharebanner .btnflatorange {
    vertical-align: middle;
    display: inline-block;
    margin-left: 8%; }

.vsh_bluebox {
  background: #a9cfe5;
  padding: 60px 1040px;
  text-align: center;
  margin: 0 -1000px;
  margin-top: 40px; }
  .vsh_bluebox h2 {
    color: #244960;
    font-size: 36px;
    padding: 0 0 1em 0; }

/**/
@media screen and (max-width: 1030px) {
  .videosharebanner {
    text-align: center;
    padding-bottom: 135px;
    margin-bottom: -100px;
    height: auto; }
    .videosharebanner > .vshbg {
      display: none;
      background: none; }
    .videosharebanner h2 {
      margin: .5em 0;
      padding: 0; }
    .videosharebanner h3 {
      width: 100%;
      margin-left: 0; }

  .videoBack {
    height: 100% !important; }

  .big-video-image {
    width: auto !important;
    height: 100% !important;
    left: -30% !important; }

  .vsh_descriptbox img, .vsh_featurebox img {
    max-width: 100%; }

  .vsh_featurebox h3 {
    margin-top: 0;
    padding-top: 0; }

  .vsh_featurebox p {
    line-height: 1.3em; }

  .vsh_bluebox {
    margin: 0;
    width: auto;
    padding: 10px 0 30px 0; }
    .vsh_bluebox h2 {
      padding: 0;
      margin: .5em 0; }

  .vshwrapfooter h3 {
    text-align: center;
    margin: 0;
    padding: 3px; } }
@media screen and (max-width: 960px) {
  .videosharebanner h2 {
    padding-top: 12%; }

  .videosharebanner h3 {
    margin-top: 18%;
    color: #222; }

  .videoOptionsBlock {
    display: none; } }
@media screen and (max-width: 860px) {
  .videosharebanner h2 {
    padding-top: 10%; }

  .videosharebanner h3 {
    margin-top: 16%; }

  .vsh_featurebox {
    clear: both;
    overflow: hidden;
    width: auto;
    margin: 5px 0;
    display: block;
    max-width: none; } }
@media screen and (max-width: 830px) {
  .videosharebanner h2 {
    padding-top: 8%; }

  .videosharebanner h3 {
    margin-top: 12%; }

  div.videoBack {
    top: -165px; } }
@media screen and (max-width: 690px) {
  .videosharebanner {
    height: auto !important; }
    .videosharebanner h2 {
      padding-top: 5%; }
    .videosharebanner h3 {
      margin-top: 7%; }
    .videosharebanner .videoBack {
      height: 100% !important;
      width: 100%;
      margin: 0; }

  .vshwrap > h2 {
    margin-bottom: .5em; }

  .vshwrapfooter h3 {
    margin: 0 !important;
    width: auto;
    padding: 10px; }

  .videoOptionsBlock {
    margin: 10px 0; }

  .vsh_descriptbox {
    padding: 10px; } }
@media screen and (max-width: 610px) {
  .videosharebanner h2 {
    padding-top: 1%;
    font-size: 36px; }

  .videosharebanner h3 {
    margin-top: 7%; } }
@media screen and (max-width: 480px) {
  .videosharebanner h2 {
    padding-top: 1%;
    font-size: 26px; }

  .videosharebanner h3 {
    margin-top: 5%; } }
@media screen and (max-width: 410px) {
  .videosharebanner h2 {
    padding-top: 5%;
    font-size: 20px; }

  .videosharebanner h3 {
    margin-top: 5%; } }
@media screen and (max-width: 380px) {
  .videosharebanner h2 {
    padding-top: 4%;
    font-size: 14px; }

  .videosharebanner h3 {
    margin-top: 0; } }
.videoBack {
  height: 550px;
  margin: 0 -50%;
  width: 1960px;
  overflow: hidden;
  position: absolute;
  top: -115px;
  background-image: url(/_cms/design13/images/video_hosting_bg.png);
  z-index: -1; }

/*patch */
.videosharebanner h2, .vshwrapfooter h3 {
  color: #456355; }

.vshwrapfooter {
  padding-top: 10px; }
  .vshwrapfooter h3 {
    font-weight: 500;
    margin-left: 8%; }
  .vshwrapfooter .btnflat.blue {
    padding: 20px 40px; }

.vshwrap > h2 {
  margin-bottom: 1.7em;
  padding-top: 0.2em;
  font-size: 35px;
  font-weight: 500; }

.emailCollector {
  position: relative;
  text-align: center; }
  .emailCollector input {
    height: 35px;
    font-size: 18px;
    border: none;
    outline: none;
    width: 300px;
    vertical-align: top;
    margin: auto 15px;
    margin-top: 30px; }
  .emailCollector .btnflat {
    margin-top: 30px; }
  .emailCollector .error {
    position: absolute;
    color: #FC4545;
    top: 23px;
    left: 14px; }
  .emailCollector h3 {
    font-size: 15px;
    margin: 0;
    padding: 0;
    color: #ffffff;
    line-height: 15px;
    text-align: center;
    font-weight: normal; }

.errorContainer, .errorContainerPopup {
  color: #DB5149;
  font-size: 12px;
  line-height: 1em; }

#registration {
  padding: 30px 0;
  min-height: calc(100vh - 285px);
  display: flex;
  align-items: center;
  justify-content: center; }
  #registration h1 {
    font-size: 52px;
    margin: 0.3em 0 0.5em 0;
    text-align: center;
    line-height: 1.2; }
  #registration .fieldBox {
    margin: 0 0 20px 0; }
  #registration #submitBtn {
    min-width: 200px; }

.fieldBox input.flatnice {
  display: block;
  width: 100%; }

input.flatnice {
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  color: #3a3641;
  font-size: 14px;
  padding: 9px 18px; }
  input.flatnice:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset; }
  input.flatnice.placeholder {
    color: #8d9399; }
  input.flatnice:-moz-placeholder {
    color: #8d9399; }
  input.flatnice::-moz-placeholder {
    color: #8d9399; }
  input.flatnice:-ms-input-placeholder {
    color: #8d9399; }
  input.flatnice::-webkit-input-placeholder {
    color: #8d9399; }
  input.flatnice:focus {
    border-bottom-color: #3a3641 !important;
    outline: none;
    box-shadow: none;
    color: #3a3641 !important; }
  input.flatnice ~ label.error {
    color: #c8c8c8;
    font-size: 12px;
    text-align: left;
    display: block;
    line-height: 1.2;
    margin-top: 5px; }
    input.flatnice ~ label.error:before {
      position: relative;
      top: -2px;
      display: inline-block;
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 6px;
      background: #f94d29;
      margin: 0 5px; }

.fieldBox.error > input.flatnice {
  color: #f94d29;
  border-bottom-color: #f94d29; }
  .fieldBox.error > input.flatnice.placeholder {
    color: #f94d29; }
  .fieldBox.error > input.flatnice:-moz-placeholder {
    color: #f94d29; }
  .fieldBox.error > input.flatnice::-moz-placeholder {
    color: #f94d29; }
  .fieldBox.error > input.flatnice:-ms-input-placeholder {
    color: #f94d29; }
  .fieldBox.error > input.flatnice::-webkit-input-placeholder {
    color: #f94d29; }

.fieldBox.good:after {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #3eb060;
  font-family: cincopaicons;
  content: "\e954";
  font-size: 14px; }

.intl-tel-input {
  width: 100% !important;
  margin: 0 !important; }
  .intl-tel-input .selected-flag {
    height: 38px !important; }
  .intl-tel-input .country-list {
    font-size: 14px;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15); }
    .intl-tel-input .country-list > li > * {
      text-align: left;
      color: #6b7c93;
      padding: 4px;
      display: inline-block;
      vertical-align: middle; }
    .intl-tel-input .country-list .flag-box {
      width: 40px !important;
      text-align: center;
      margin: 0 !important; }
    .intl-tel-input .country-list .iti-flag {
      display: inline-block;
      margin: 0; }
    .intl-tel-input .country-list .country-name {
      color: #c8c8c8; }
    .intl-tel-input .country-list .dial-code {
      color: #6b7c93; }

.regFaq {
  padding: 60px 20px;
  background: #fafafa;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 0; }
  .regFaq:before {
    z-index: -1;
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 100%;
    transform: translate(-50%, 0);
    background: #fafafa;
    border-bottom: 1px solid #e0e0e0; }
  .regFaq h2 {
    font-size: 52px;
    margin: 0 0 30px 0;
    width: 100%; }
  .regFaq .collapsibleItem {
    background: rgba(255, 255, 255, 0.85);
    padding: 6px 10px;
    border: none; }
    .regFaq .collapsibleItem > .title {
      padding: 10px 30px 10px 25px;
      color: #0086cf; }
      .regFaq .collapsibleItem > .title:before {
        left: auto;
        right: 10px;
        font-size: 29px;
        margin-top: -.5em; }
  .regFaq .content_pfaq_column {
    width: 50%;
    flex-grow: 1;
    min-width: 320px;
    padding: 0 20px; }

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

.openSignUp {
  margin-left: 20px;
  padding-left: 30px;
  position: relative;
  text-align: left;
  border-left: 1px solid #d1d1d1; }
  .openSignUp > i {
    display: inline-block;
    font-style: normal;
    vertical-align: middle;
    padding: 5px;
    font-size: 16px;
    color: #222222;
    position: absolute;
    left: -.8em;
    top: 50%;
    margin-top: -1.2em;
    background: #fafafa;
    font-style: normal; }
  .openSignUp > a {
    text-decoration: none;
    color: #ffffff;
    display: block; }
  .openSignUp:after {
    height: 100%;
    display: inline-block;
    vertical-align: middle; }
  .openSignUp span {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #656d78;
    padding: 9px 6px;
    margin: 5px 0;
    box-sizing: border-box;
    width: 185px;
    font-size: 12px;
    text-align: center; }
    .openSignUp span:hover {
      box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25); }
    .openSignUp span.fb {
      background: #3b559f; }
      .openSignUp span.fb i {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABO1BMVEX///87VZ87VZ87VZ87VZ87VZ87VZ80T5w7VZ/j5vHj5vH///80T5z///87VZ87VZ87VZ87VZ87VZ87VZ87VZ87VZ87VZ87VZ87VZ87VZ87VZ87VZ87VZ87VZ87VZ87VZ87VZ87VZ////87VZ80T5yLmsY6VJ43UZ01UJz9/f7i5fEzTpv3+fvv8fc2UJxedLA8Vp/8/f7j5vE5U555ir0wS5ri5fA6VJ80T5syTZstSZmxu9n9/v7s7/Z6jL7m6fNPZ6n5+vxne7VXbq13ibzq7fXz9flkebTr7fXr7vV/j8BWba2FlcOQn8jt7/aQn8mDk8I+WKB2iLtxhbo2UZ2rttYrR5c4Up7Ax+A3Up2lsdMsR5dCW6Jyhbp/kMArR5gvSpl+j7/k5/Hk5/JQZ6lDXaMqRpaZp80sSJj8VWisAAAAInRSTlMA9e3O/IDwgNOA/Pz8gK7QovonIsfn94jy/fadCXuBg2EPWaLr4wAAAPNJREFUeF690MVSBDEUheEBWsYFd7lJ+7i7oO7uLu//BKQppiqQC7vh336bU8fT+4YjA3ze6NA3jpEfeQd57utCybln0TQJY5w7TjVZqSRRENYNbRdYtVfSj3DyqA5uJ6com+cuxuuXVyjTLEDnbfFmycD5EeCpUiiYaZFL1HkvAhTvyuUzIrB+fXibbwA08g+bWxcCG+2WlQFWxoovVxBega9W1yjC613eeBaX5162d7QEQELb2z/QkeUmrdoAdpWahPx6S5Yy7DErf/MIz6MCj/E8Ln0W9AcC/qAkTUxOTfM8Myu7qb5QyKfK8tz8gucf+gDZIkBe9Hd1KgAAAABJRU5ErkJggg==); }
    .openSignUp span.yh {
      background: #582987; }
      .openSignUp span.yh i {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABGlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9y/ChlAAAAXXRSTlMAVIT8FtaX0A0hTWvRLEBbKaICS5WxD0PNuH1ZGo8Hd6cEEvdBCbLaLe3vKgzC4Yg9+OShgmG7lPuum997IOJfLuVCcrUI3k+BXL39wIagAXVoCoVVWox8eETcMzaJdhrSAAAAw0lEQVR4XuWMRY7DUBQE3xhidpiZmZkzzMzw7n+N2N8rx1/ZR1ObLqmkhn9Nm496LHOVhwBhr9uWtRkGfKb4UU0AJDEINkI8qxuTi6BsXmAM7MRv71IAacwYnp3mCzu5WEIFKtVa3fBGsyXCDp1uT+vjwFSOH4GDMaoTgTNNmi+ceblCdk1sc3wCTk7x7JyIfiFR8iVeWXJ9I1LyETKW3D887stPz7Avcy/0/Er2TZBp+R0/yH6yX7T8/aOQ/WX+4PDZArZZF1+evqlOAAAAAElFTkSuQmCC); }
    .openSignUp span.ao {
      background: #0069b4; }
      .openSignUp span.ao i {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAM1BMVEX////////////////////////////////////////////////////////////////////lEOhHAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAAJpJREFUeF7V0TESgzAMRFHJEbYBW/r3P20KXABjqJOtNPOa3ZH8TfTzyrW9aYLlhXfwZzWA+sgdvIc+aGZNIprmqpFfR63FwR+qp9gBYJE0GxUc6bLpbFQbLpNxTq+Djbi3L1AHR4PtPgqsDI4Au/AKWBrlCtBun4IiOQC3BpBP3ABcRC2bbAC4Xj81+ugOXD+X7IiebvvIb+cLieUKCEfEHVQAAAAASUVORK5CYII=); }
    .openSignUp span i {
      display: inline-block;
      width: 24px;
      height: 24px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      margin: 0px 3px -7px -5px;
      border-right: 1px solid #fff; }
    .openSignUp span.gp i {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAABPdJREFUWIXFl31MU1cYxp9zb297S2mpUBTq/CIVBgboFKdGzYxOo1uiWRZJplG3ScT4gdNNmc6MkCULjg0TxCgbTqeLcy6bRpGRGafbzJgfIIrg12DoHIwCpbaln/fesz8mncptS53E96/b+z73fX6n555z3wM85SCRiHt378gSrN3rxZ6OSbDahglOOw8qEHAqkdUOcZDY2BZFnKHSKyi2x+fnO54YgKOsOM/XdHWrePNaPCgNq6eaaKpMN59nRg1fGrPinZuPDeDcU5rpb2io8jfUGwcC2g8kSkPV017Yr80vfIMAsuRBAew7i1d6TlbvhMPOPI75g8GYs1qZZLM5Njf3Xr+crHnpti3eyqO7noQ5ABC/TyOyNkk29+gNR1nJYk/VkS+p1xO+MKeEpFRS4nIRUNn6YFPSOumU8SbDknX2sAC9FTuMvSerb6PLoghmyo4Y4eZS0r9DXFy5dkXeWQJQaX+xxuVgXvW1t63211+cSNwuAgDsuIxOMu75sXJ/vSyAbeuGWl/NL+NlhSoeqhmzv9COblhOsr8RgxW079mVJlyp/ZEKEkMnZwYdeT8A343N0z0nGn/ynGjvNy00SkM18+Yvi1614UCoYgF9eTnXxdr4+Jzwe0HAzH/plQvorswSe+fAvtMC9I2REPALFr6rW7tx20DMIw0CAPTwQtaX8KuX8VlYAKCK5+D4VAWxwwNuwpTrQz4qTR0Mc+D+MhQyRy7oMwcAIlyCLrcFqqlDwSSNeXOwzAHg37fdb3u5X8ZvgfqlLpty8vqaUAXyD7kud/RIpkiNzWMUH7w1ly9SAAAR76XI7ZMMP7IJOBeykNMN4x0roiIFSEqQpgF9O6Hoi5ETSQrNnUgLDzS8PmL4D+ApBCHgAgCU5W2yIsE+atAAGHgCAOBibsiJBPdfg7b8eAXagb5VwBkqASx/UNDOmfBez0R9Wf3qSWvMS4O+iRnpamPWaLDB8jXNrru/d9C4R+9rVKQuAKAwKY/5/jaKjLeNBYAafh4KOmLg8Lcjhr+9F0BaMIPcLOIH4JfLlVZ7nm3t7G9OAOiV9Gvg/hQQUigxukkXJRBUKHOw4S4Hh98FADhnuZxadKF8UzCAUNFmlQ4JMl/pUfFwvj5L3RwAAACqNa/bJK2ke9osD4kpKKpbzxYV11YsicT84+PukvN/SJlyOVMCW9V3HQBQJm05x6gSL8s94BRd5GjLqf3v/7bjwMLDh4PONwAUnN7Lf3jqzJHvG8T1cvloNZX0KmFt3++HPr27mw4kHr/5850OjzVoQzJck+BJi0s6EquK2b3x2J9nUVgoFZwui9Zo+XmdbtuyRuv1ORZ3DzdBNxfN9dmQ6MO8s9PZrzbPVy+SBQCA7XX7Xvu2+YeDHtEbaqAAAIYw4KCgXuqTbW5N2hS4m1fB4dADAJKHke6Zuqhh2dkk0NDIPlhcW5F/tOVUkVf0hYUIF3qVHsOdqyE4kr0zx7Jpy2erWx7MB23LS+r25VTdPlNu8zr+93adrBvjnKF6e/KKWYmNj+ZCHkzKLh0cd6Wrqbqu+9ozj2PMEhbTEydcGJFgfHFd8pLwXXGw+KTu81WN3bcKrlpvDZUGcDRTshzM8anNabGmvDUZi6tCaSM6nH525WBGu8eW1+XuntrpvmfsFVy8JAqMklUJOi661xClbzWohpwxaKNLclIXtUVS+6nFP4ZN4ITLRid2AAAAAElFTkSuQmCC); }

span.openSignupItem {
  display: block; }

@media screen and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #registration .inlineblock {
    position: static !important;
    margin: 1em 0;
    text-align: center !important; }

  #registration p {
    text-align: center !important;
    margin: 1em 0 !important; }

  .openSignUp > i {
    position: static; }

  #registration .field label:not(.error) {
    display: none; } }
/* /pages/_static-lander.scss */
.lander__promobox {
  margin: 30px 0 0 0;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .lander__promobox.lander__promobox--dark .lander__promobox__item {
    border: 2px solid #b3b1b1;
    color: #141414;
    text-shadow: 0 1px 2px #b3b1b1; }
    .lander__promobox.lander__promobox--dark .lander__promobox__item:hover {
      background: transparent; }

.lander__promobox__item {
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
  line-height: 2em;
  letter-spacing: .05em;
  width: 255px;
  max-width: 100%;
  color: #fff;
  border: 2px solid #fff;
  margin: 20px;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  -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;
  text-shadow: 0 1px 2px #000; }
  .lander__promobox__item:hover {
    background-color: #fff;
    color: #0d2830;
    text-shadow: none;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); }

.landerTabs {
  font-size: 14px;
  padding: 0;
  text-align: center;
  border-bottom: 1px solid #eee; }
  .landerTabs .lt-item {
    display: inline-block;
    color: inherit;
    text-decoration: none;
    vertical-align: top;
    line-height: 1.6;
    max-width: 100%;
    margin: 0 20px;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    min-height: 110px;
    display: inline-flex;
    font-size: 14px;
    align-items: center; }
    .landerTabs .lt-item.active, .landerTabs .lt-item:hover {
      border-color: #3eb060;
      color: #3eb060; }

@media (max-width: 380px) {
  .landerSection.sm p {
    font-size: 14px; }

  .largertitles {
    font-size: 104% !important; } }
.bx-wrapper {
  box-shadow: none !important;
  border: none !important; }
  .bx-wrapper .bx-pager.bx-default-pager a:focus {
    color: #9399a3d7 !important; }

.bx-pager.bx-default-pager a {
  background: #d9dde2; }

.startNowBox {
  text-align: center;
  padding: 80px 50px;
  /*background: #3eb060;*/
  margin: 0 -20px;
  background: #005C8E;
  background-image: url("../../design18/images/pricing-banner-bg.png");
  background-position: center center; }
  .startNowBox h2 {
    color: #FFF;
    margin-bottom: 35px;
    font-size: 26px; }

.questionsBox {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 290px;
  background: #fafafa url("../../design15/images/function_question.jpg");
  background-position: center center;
  background-size: cover;
  text-align: center;
  padding: 50px;
  margin: 0 -20px; }

.questionsBox h2, .startNowBox h2 {
  font-weight: 600;
  font-family: 'Montserrat';
  font-size: 30px;
  line-height: 1.1;
  margin: 0 0 36px 0; }

.landerSection {
  width: 100%;
  max-width: 1252px;
  margin: 0 auto;
  position: relative;
  padding: 120px 0;
  flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  display: flex; }
  .landerSection h2 {
    font-weight: 600;
    font-family: 'Montserrat';
    font-size: 48px;
    line-height: 52px;
    margin: 20px 0; }
  .landerSection h3 {
    font-weight: 600;
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px; }
  .landerSection p, .landerSection li {
    font-weight: 400;
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    margin-bottom: 10px;
    text-align: left; }
  .landerSection:last-child {
    margin-bottom: 0; }
  .landerSection img {
    max-width: 100% !important; }
  .landerSection.revers {
    display: flex;
    flex-direction: row-reverse; }
    .landerSection.revers.on-computer {
      flex-direction: row; }
  .landerSection:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .landerSection > div {
    max-width: 100%; }
  .landerSection.top {
    align-items: flex-start; }
  .landerSection:before {
    content: '';
    display: block;
    width: 5000px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: -2000px; }
  .landerSection > .row {
    max-width: 1280px; }
  .landerSection h5 {
    font-size: 15px;
    font-weight: normal;
    color: #1c1c1c;
    margin: 1em 0 0 0; }
  .landerSection a {
    text-decoration: none;
    color: inherit; }
  .landerSection ul a, .landerSection p a {
    text-decoration: underline;
    color: #0086cf; }
  .landerSection .ls-br:before {
    content: '\u2219'; }
  .landerSection .textcenter ul {
    display: inline-block;
    text-align: left; }
  .landerSection .ls-features a {
    font-weight: bold;
    text-decoration: none;
    margin: 0 5px; }
    .landerSection .ls-features a:hover {
      text-decoration: underline; }
  .landerSection.sm {
    padding-top: 40px;
    padding-bottom: 40px; }
    .landerSection.sm p {
      font-size: 16px; }
  .landerSection.purple {
    background: #967bdc;
    color: #fff;
    margin: 0 -1000px;
    padding-left: 1000px;
    padding-right: 1000px;
    width: auto;
    max-width: none; }
    .landerSection.purple h1, .landerSection.purple h2, .landerSection.purple h3, .landerSection.purple p {
      color: inherit; }
  .landerSection.blue {
    background: #0086cf;
    color: #fff;
    margin: 0 -1000px;
    padding-left: 1000px;
    padding-right: 1000px;
    width: auto;
    max-width: none; }
    .landerSection.blue h1, .landerSection.blue h2, .landerSection.blue h3, .landerSection.blue p {
      color: inherit; }
  .landerSection.gray:before {
    position: absolute;
    z-index: 0;
    height: 100%;
    background: #fafafc; }
  .landerSection .uploading, .landerSection .streaming, .landerSection .media-backup {
    padding-left: 33px;
    position: relative; }
  .landerSection .uploading:before {
    content: "\e60f";
    font-family: 'cincopaicons';
    font-size: 27px;
    position: absolute;
    left: 0;
    top: -4px; }
  .landerSection .streaming:before {
    content: "\e649";
    font-family: 'cincopaicons';
    font-size: 27px;
    position: absolute;
    left: 0;
    top: -4px; }
  .landerSection .media-backup:before {
    content: "\e966";
    font-family: 'cincopaicons';
    font-size: 27px;
    position: absolute;
    left: 0;
    top: -4px; }
  .landerSection.logos {
    padding: 60px 0 50px; }
    .landerSection.logos h2 {
      text-align: left;
      font-size: 36px;
      color: #2D3541;
      line-height: 48px;
      font-family: 'Open Sans';
      margin: 0; }
    .landerSection.logos .partner-logo {
      width: 100%;
      height: 120px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #B9BFC7;
      margin-bottom: 20px;
      padding: 26px 42px; }
      .landerSection.logos .partner-logo img {
        width: auto;
        height: auto;
        max-height: 100%; }
    .landerSection.logos.reverse .col-md-4 {
      padding-left: 50px; }
    .landerSection.logos.reverse .col-md-8 {
      padding-right: 50px; }
    .landerSection.logos.reverse .col-md-8:before {
      right: 0;
      left: auto; }
  .landerSection.getStarted {
    position: relative;
    z-index: 0;
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    color: #fff; }
    .landerSection.getStarted:before {
      background: url(/_cms/design18/images/home2-bg-solutions.jpg) center center;
      background-size: cover;
      content: '';
      display: block;
      position: absolute;
      z-index: -1;
      width: 100vw;
      height: 100%;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0); }
    .landerSection.getStarted h2, .landerSection.getStarted .landerSection.getStarted p {
      color: inherit; }
    .landerSection.getStarted .btn {
      min-width: 160px;
      padding: 10px 15px;
      margin: 15px; }
  .landerSection .btn {
    min-width: 192px;
    margin: 36px 0 0; }

@media screen and (max-width: 375px) {
  .startUsingBox {
    box-shadow: none !important;
    border: none;
    background: #f3f6f9 !important; }

  .landerSection .textcenter {
    text-align: center !important; }
  .landerSection.mobile {
    flex-direction: row-reverse !important; }
  .landerSection.revers {
    flex-direction: column-reverse; }
    .landerSection.revers.on-computer {
      flex-direction: column-reverse !important; }
  .landerSection > div img {
    width: 80%; }
  .landerSection p {
    margin-top: 25px; }

  .btn.bigger {
    font-size: 19px; }

  .largertitles {
    margin-top: 20px; }

  .lander03__section02 {
    min-height: 1869px !important; }
    .lander03__section02 .work-titl {
      text-align: left;
      margin-top: 20px !important; }

  .landerpage {
    height: 405px !important; }

  .landerpage_title {
    padding: 20px !important; } }
@media (min-width: 1024px) {
  .landerSection.reverse {
    flex-flow: row-reverse; } }
@media screen and (max-width: 768px) {
  .landerSection {
    padding: 40px 0;
    justify-content: center; }
    .landerSection.row {
      margin: 0 -15px;
      width: calc(100% + 30px); }
    .landerSection.fullheight {
      min-height: 0; }
    .landerSection .btn {
      font-size: inherit; }
    .landerSection .ls-actions .btn {
      display: block;
      width: 100%;
      margin: 15px 0; }
    .landerSection .textleft {
      text-align: center !important;
      line-height: 40px !important; }
    .landerSection h3, .landerSection p {
      text-align: center !important; }

  .landerpage {
    height: 497px; } }
.landerpage {
  height: 672px;
  position: relative;
  margin: 0 -20px;
  overflow: hidden;
  background: #96938c url("/_cms/design17/images/premiseHeaderBG.png") no-repeat center 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover; }
  .landerpage h2 {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; }
  .landerpage.lander01 h1, .landerpage.lander01 h2, .landerpage.lander01 h4, .landerpage.lander02 h1, .landerpage.lander02 h2, .landerpage.lander02 h4, .landerpage.lander03 h1, .landerpage.lander03 h2, .landerpage.lander03 h4, .landerpage.lander04 h1, .landerpage .landerpage.lander04 h2, .landerpage.lander04 h4, .landerpage.lander05 h1, .landerpage.lander05 h2, .landerpage.lander05 h4, .landerpage.lander06 h1, .landerpage.lander06 h2, .landerpage.lander06 h4 {
    text-shadow: 0 0 10px #67585d, 0 0 3px #42383b; }
  .landerpage.lander01 h1, .landerpage.lander01 h2, .landerpage.lander01 h4 {
    color: #fff; }
  .landerpage.lander02 {
    background-color: #ADA2A8;
    background-image: url("/_cms/design15/images/landingsplash-02.jpg");
    background-position: center 50%; }
    .landerpage.lander02 h2 {
      max-width: 1125px; }
    .landerpage.lander02 h1, .landerpage.lander02 h2, .landerpage.lander02 h4 {
      color: #fff; }
  .landerpage.lander03 {
    background-color: #f7f8fa;
    background-image: url("/_cms/design17/images/premiseHeaderBG.png");
    background-position: center 50%; }
    .landerpage.lander03 h2 {
      max-width: 1220px; }
    .landerpage.lander03 h1, .landerpage.lander03 h2, .landerpage.lander03 h4 {
      color: #fff; }
  .landerpage.lander04 {
    background-color: #849493;
    background-image: url("/_cms/design15/images/lander04-splash.jpg");
    background-position: center 50%; }
    .landerpage.lander04 h2 {
      max-width: 1220px; }
    .landerpage.lander04 h1, .landerpage.lander04 h2, .landerpage.lander04 h4 {
      color: #fff; }
  .landerpage.lander05 {
    background-color: #909696;
    background-image: url("/_cms/design15/images/lander05-splash.jpg");
    background-position: center 50%; }
    .landerpage.lander05 h2 {
      max-width: 1220px; }
    .landerpage.lander05 h1, .landerpage.lander05 h2, .landerpage.lander05 h4 {
      color: #fff; }
  .landerpage.lander06 {
    background-color: #5f5e5e;
    background-image: url("/_cms/design15/images/lander06-splash.jpg");
    background-position: center 50%; }
    .landerpage.lander06 h2 {
      max-width: 1100px; }
    .landerpage.lander06 h1, .landerpage.lander06 h2, .landerpage.lander06 h4 {
      color: #fff; }
  .landerpage.lander07 {
    background: #d3d9e2; }
    .landerpage.lander07 .landerpage_title {
      padding: 20px 20px; }
    .landerpage.lander07 h1, .landerpage.lander07 h2 {
      max-width: 1100px;
      font-size: 40px;
      margin: 0.45em auto;
      color: #434a53; }
  .landerpage.landerClient {
    background: #0c0f11;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #293134), color-stop(100%, #829099));
    background-image: -webkit-linear-gradient(top, #293134, #829099);
    background-image: -moz-linear-gradient(top, #293134, #829099);
    background-image: -ms-linear-gradient(top, #293134, #829099);
    background-image: -o-linear-gradient(top, #293134, #829099);
    background-image: linear-gradient(to bottom, #293134 0%, #829099 100%); }
  .landerpage.landerClient h1, .landerpage.landerClient h2, .landerpage.landerClient h4 {
    color: #fff;
    text-shadow: 0 1px 20px #4A626B; }
  .landerpage.landerClient h1, .landerpage.landerClient h2 {
    line-height: 1.1;
    font-size: 50px; }
  .landerpage.landerClient h4 {
    font-size: 18px; }
  .landerpage.landerClient ul {
    font-size: 27px;
    line-height: 1.3;
    margin: 1em 0; }
  .landerpage.landerClient ul a {
    text-decoration: none; }
  .landerpage.landerClient ul a:hover {
    text-decoration: underline; }
  .landerpage.landerClient ul li {
    margin: .5em 0; }
  .landerpage.landerClient .landerpage_title {
    padding: 80px 20px 20px 20px;
    max-width: 1160px;
    margin: 0 auto; }
  .landerpage.landerClient .lander__buttons {
    margin: 40px auto 50px auto; }

.landerpage_title {
  position: relative;
  text-align: center;
  margin: 0 -20px;
  padding: 100px 20px 20px 20px; }
  .landerpage_title h1, .landerpage_title h2 {
    color: #0e2830;
    font-size: 60px;
    font-weight: 500;
    text-align: center;
    line-height: 1.4;
    margin-top: 0; }
  .landerpage_title h3, .landerpage_title h4, .landerpage_title h5 {
    color: #2c5369; }
  .landerpage_title h4 {
    font-size: 24px;
    text-transform: none;
    line-height: 1.3;
    margin-bottom: 40px;
    font-weight: normal; }
    .landerpage_title h4 + h4 {
      margin-top: -1em; }
  .landerpage_title .btn + h4 {
    margin-top: 3em; }
  .landerpage_title p {
    text-align: center;
    color: #839dc0;
    font-size: 1em;
    line-height: 1.5em;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    text-align: center; }
  .landerpage_title .landerpage_title .btn.trans {
    font-size: 16px;
    color: #fff;
    font-weight: normal; }
    .landerpage_title .landerpage_title .btn.trans i {
      color: inherit !important;
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
      font-size: 28px; }
  .landerpage_title ul {
    color: #fff;
    list-style: initial;
    max-width: 850px;
    margin: 2em auto 2em auto;
    text-align: left; }
    .landerpage_title ul ul a {
      color: inherit; }

@media screen and (max-width: 640px) {
  .landerpage_title h1, .landerpage_title h2 {
    font-size: 40px;
    letter-spacing: normal;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 1.3; }

  .landerpage_tabs ul {
    justify-content: flex-start; }

  .landerpage_tabs li {
    padding: 0 5px;
    margin: 0;
    width: 25%;
    min-height: 50px;
    text-align: left; }
    .landerpage_tabs li b, .landerpage_tabs li i {
      display: none; }
    .landerpage_tabs li span {
      display: block; }

  .lander07 h1, .lander07 h2 {
    font-size: 28px; }

  .flexbox {
    margin-top: 40px; }
    .flexbox img {
      transform: scale(0.8);
      margin-right: 20px; } }
.lander__buttons {
  margin: 40px auto 120px auto; }

.landerpage_tabs {
  position: relative;
  margin: 0 -20px;
  background: #f6f7fb;
  border-bottom: 1px solid #e4e6e9; }
  .landerpage_tabs ul {
    display: block;
    text-align: center;
    display: flex;
    justify-content: space-around;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 1200px; }
    .landerpage_tabs ul li {
      display: inline-block;
      vertical-align: middle;
      list-style: none;
      margin: 0 15px; }
      .landerpage_tabs ul li a {
        display: block;
        color: #8e98a8;
        padding: 10px 0;
        cursor: pointer;
        border-bottom: 2px solid transparent;
        margin-bottom: -1px;
        position: relative; }
      .landerpage_tabs ul li a i {
        display: inline-block;
        font-size: 32px;
        vertical-align: middle;
        margin-right: 20px; }
      .landerpage_tabs ul li a i {
        display: inline-block;
        font-size: 32px;
        vertical-align: middle;
        margin-right: 20px; }
      .landerpage_tabs ul li a b {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.2;
        text-align: left;
        font-size: 15px; }
      .landerpage_tabs ul li a span {
        display: none; }
      .landerpage_tabs ul li:hover a {
        color: #0086cf; }
      .landerpage_tabs ul li.active a {
        color: #0086cf;
        border-bottom-color: #0086cf; }

@media screen and (max-width: 1280px) {
  .landerpage_tabs ul {
    flex-wrap: wrap;
    align-items: center; }
    .landerpage_tabs ul li a i {
      font-size: 20px;
      margin-right: 10px; } }
.lander__raiseBrand {
  margin: 0 -20px;
  padding: 0 20px;
  background: #1c1b1c no-repeat center center;
  background-size: cover;
  background-image: url("/_cms/design15/images/lander01-city.jpg");
  color: #fff; }
  .lander__raiseBrand h2 {
    color: inherit; }
  .lander__raiseBrand p {
    color: #d6e8fb; }

.lander__whyshould {
  padding: 40px 0;
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
  text-decoration: none;
  font-size: 0; }
  .lander__whyshould h2:first-child {
    margin-top: 0; }
  .lander__whyshould p {
    font-size: 22px;
    color: #656d78; }

.lander__whyshould__item {
  display: inline-block;
  width: 280px;
  border-right: 1px solid #f0f3f8;
  max-width: 100%;
  margin: 10px 5px;
  text-align: center;
  text-decoration: none; }
  .lander__whyshould__item:last-child {
    border-right: none; }
  .lander__whyshould__item:hover .title {
    color: #0086cf;
    text-decoration: underline; }
  .lander__whyshould__item .img {
    display: block; }
  .lander__whyshould__item img {
    width: 60px;
    height: auto; }
  .lander__whyshould__item .title {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #656d78;
    font-family: "Raleway", "Open Sans", Arial, sans-serif; }

.lander02__section02 {
  margin: 0 -20px;
  padding: 0 20px;
  background: #1c1b1c no-repeat center center;
  background-size: cover;
  background-image: url("/_cms/design15/images/lander02-section02bg.jpg");
  color: #fff; }
  .lander02__section02 h2 {
    color: inherit; }
  .lander02__section02 p {
    color: inherit; }

.lander02__section04 {
  margin: 0 -20px;
  padding: 0 20px;
  background: #1c1b1c no-repeat center center;
  background-size: cover;
  background-image: url("/_cms/design15/images/lander02-section04bg.jpg");
  color: #fff; }
  .lander02__section04 h2 {
    color: inherit; }
  .lander02__section04 p {
    color: inherit; }

.lander03__section02 {
  margin: 0 -20px;
  padding: 50px 20px;
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .lander03__section02 h2 {
    color: inherit; }
  .lander03__section02 p {
    color: inherit; }

.lander03__section04 {
  margin: 0 -20px;
  padding: 0 20px;
  background: #1c1b1c no-repeat center center;
  background-size: cover;
  background-image: url("/_cms/design15/images/lander03-section04bg.jpg");
  color: #fff; }
  .lander03__section04 h2 {
    color: inherit; }
  .lander03__section04 p {
    color: inherit; }

.lander04__section02 {
  margin: 0 -20px;
  padding: 0 20px;
  background: #1c1b1c no-repeat center center;
  background-size: cover;
  background-image: url("/_cms/design15/images/lander04-section02bg.jpg");
  color: #fff; }
  .lander04__section02 h2 {
    color: inherit; }
  .lander04__section02 p {
    color: inherit; }

.lander04__section04 {
  margin: 0 -20px;
  padding: 0 20px;
  background: #1c1b1c no-repeat center center;
  background-size: cover;
  background-image: url("/_cms/design15/images/lander04-section04bg.jpg");
  color: #fff; }
  .lander04__section04 h2 {
    color: inherit; }
  .lander04__section04 p {
    color: inherit; }

.lander05__section02 {
  margin: 0 -20px;
  padding: 0 20px;
  background: #1c1b1c no-repeat center center;
  background-size: cover;
  background-image: url("/_cms/design15/images/lander05-section02bg.jpg");
  color: #fff; }
  .lander05__section02 h2 {
    color: inherit; }
  .lander05__section02 p {
    color: inherit; }

.lander05__section04 {
  margin: 0 -20px;
  padding: 0 20px;
  background: #1c1b1c no-repeat center center;
  background-size: cover;
  background-image: url("/_cms/design15/images/lander05-section04bg.jpg");
  color: #fff; }
  .lander05__section04 h2 {
    color: inherit; }
  .lander05__section04 p {
    color: inherit; }

.lander06__section02 {
  margin: 0 -20px;
  padding: 0 20px;
  background: #1c1b1c no-repeat center center;
  background-size: cover;
  background-image: url("/_cms/design15/images/lander06-section02bg.jpg");
  color: #fff; }
  .lander06__section02 h2 {
    color: inherit; }
  .lander06__section02 p {
    color: inherit; }

.lander06__section04 {
  margin: 0 -20px;
  padding: 0 20px;
  background: #1c1b1c no-repeat center center;
  background-size: cover;
  background-image: url("/_cms/design15/images/lander06-section04bg.jpg");
  color: #fff; }
  .lander06__section04 h2 {
    color: inherit; }
  .lander06__section04 p {
    color: inherit; }

.lander07__section {
  margin: 0 -20px;
  padding: 0 20px;
  background: #d3d9e2 no-repeat center center;
  background-size: cover; }

.newDesign h2 {
  color: #106183;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }
.newDesign .landerpage.lander02 {
  background-image: url("/_cms/design15/images/landingsplash-publishers.jpg");
  background-color: #636b75;
  background-position: 25% top; }
  .newDesign .landerpage.lander02 h2 {
    font-size: 36px;
    text-align: left;
    text-shadow: none;
    font-family: 'Montserrat', 'Open Sans', Arial, sans-serif;
    line-height: 1.2;
    margin-left: 0; }
  .newDesign .landerpage.lander02 h4 {
    text-align: left;
    color: #f0f3f8;
    font-weight: 300;
    text-shadow: none;
    font-size: 20px; }
  .newDesign .landerpage.lander02 p {
    text-align: left; }
.newDesign .landerpage_title {
  margin: 0 auto;
  max-width: 1200px;
  padding: 150px 20px; }
  .newDesign .landerpage_title .gallerydemo {
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    overflow: hidden;
    transform: scale3d(1, 1, 1); }
  .newDesign .landerpage_title .contactUs {
    margin-left: 0;
    min-width: 200px;
    text-shadow: none;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 2px; }
  .newDesign .landerpage_title .cp_reset_style {
    margin: 0; }
  .newDesign .landerpage_title .lander__promobox {
    margin-bottom: -20px; }
.newDesign .landerSection {
  position: relative; }
  .newDesign .landerSection:after {
    content: '';
    display: block;
    position: absolute;
    border-bottom: 1px solid #f0f3f8;
    bottom: 0;
    width: 3000px;
    left: -1000px;
    visibility: visible; }
  .newDesign .landerSection p {
    font-size: 18px;
    color: #9ca3a9;
    font-weight: 300;
    line-height: 1.66; }
.newDesign .lander__promobox {
  background: #f0f3f8; }
.newDesign .lander__promobox__item {
  color: #656d78;
  text-shadow: none !important;
  border: none;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.55;
  padding: 10px !important;
  vertical-align: middle;
  width: 14em;
  margin: 20px 50px; }
  .newDesign .lander__promobox__item:hover {
    box-shadow: none;
    background: transparent;
    color: #29abe2; }
.newDesign .lander02__section04, .newDesign .lander02__section02 {
  background: transparent; }

.newDesign .landerpage_title {
  padding: 30px 10px; }

.newDesign .lander__promobox__item {
  margin: 5px 10px; }

.lander__whyshould__item {
  width: 100%;
  border-right: none; }

.publishersMedia a.slideshow, .publishersMedia a.video, .publishersMedia a.audio {
  position: absolute;
  right: 3%;
  display: block;
  width: 11%;
  height: 17%; }

.publishersMedia a.slideshow {
  top: 22%; }

.publishersMedia a.video {
  top: 43%; }

.publishersMedia a.audio {
  top: 63%; }

.becomePartner {
  max-width: 870px;
  color: #fff; }
  .becomePartner h2 {
    position: relative;
    color: inherit; }
  .becomePartner:before {
    background: #3eb060;
    color: #fff;
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    height: 100%;
    width: 100vw;
    left: 50%;
    transform: translate(-50%, 0); }
  .becomePartner .fieldBox .fb-field {
    font-size: 14px;
    border-color: #fff;
    border-radius: 4px;
    padding: 10px 15px; }
    .becomePartner .fieldBox .fb-field:focus {
      border-color: #09ff52 !important;
      box-shadow: 0 0 15px #85ff00; }
  .becomePartner .btn.secondary {
    margin-top: 60px;
    background: rgba(255, 255, 255, 0.5);
    border-color: #fff;
    color: #3a3641;
    font-weight: 500;
    font-size: 16px; }
  .becomePartner .checkBox input[type=checkbox] + i {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    border-color: #fff; }

.flexbox {
  display: flex;
  margin-top: 90px; }
  .flexbox:first-of-type {
    margin-top: 0 !important; }
  .flexbox.top {
    align-items: flex-start; }
  .flexbox.middle {
    align-items: center; }
  .flexbox.bottom {
    align-items: flex-end; }
  .flexbox.wrap {
    flex-wrap: wrap; }
  .flexbox .noshrink {
    flex-shrink: 0; }
  .flexbox img {
    margin-right: 40px;
    margin-top: -10px; }

/* /pages/_static-ott.scss */
.ottPage .cmspage h2 {
  margin: 20px 0 50px 0; }

.ottPage .cmspage h3 {
  font-size: 22px;
  font-weight: normal; }

.ottPage .cmspage h4 {
  color: #0086cf;
  margin-top: 40px !important;
  font-size: 16px; }

.ottPage .cmspage p {
  font-size: 16px; }

.ottFeature {
  display: table;
  width: 100%;
  table-layout: fixed;
  min-height: 90px;
  color: #727a84;
  line-height: 1.5; }
  .ottFeature > * {
    display: table-cell;
    vertical-align: top;
    padding: 10px; }
  .ottFeature .thumb {
    width: 68px; }

@media (max-width: 900px) {
  .landerSplash.white {
    background-position: left top !important;
    background-size: cover !important; } }
@media (max-width: 1024px) {
  .homeSolutions .image-content {
    margin-top: 38px;
    margin-bottom: 50px;
    padding: 0; }

  .homeSolutions .homeSolution {
    min-height: 180px; }

  .homeSolution .hs-content {
    bottom: 20px;
    padding: 10px 20px; }

  .homeSolution .hs-title {
    font-size: 16px;
    line-height: 20px; }

  .reviews {
    padding: 80px 0 !important; }
    .reviews .reviews-heading h1 {
      font-size: 48px;
      line-height: 55px; }
    .reviews .reviews-list {
      margin-top: 48px;
      margin-bottom: 58px;
      padding: 0 30px; }

  .landerSplash {
    padding: 60px 0px; }
    .landerSplash.home2018-2 {
      padding: 95px 0 !important; }
      .landerSplash.home2018-2 h1 {
        font-size: 60px;
        margin-bottom: 30px;
        line-height: 70px; }
      .landerSplash.home2018-2 .ls-titler {
        font-size: 30px;
        line-height: 40px; }
      .landerSplash.home2018-2 .ls-controls {
        margin-top: 60px; }
    .landerSplash h1 {
      line-height: 58px;
      font-size: 48px; }

  .landerSection {
    padding: 60px 30px; }
    .landerSection .logos {
      padding: 50px 30px; }
      .landerSection .logos h2 {
        font-size: 24px;
        text-align: left;
        line-height: 32px;
        padding-left: 30px; }
      .landerSection .logos .partner-logo {
        height: 68px;
        padding: 16px 24px;
        margin-bottom: 10px; }

  ul.list li {
    margin-left: 0; } }
@media (max-width: 990px) {
  .landerSplash.function.big .ls-media {
    margin-bottom: -40vw; } }
@media (max-width: 640px) {
  .landerSplash.feature {
    display: flex;
    min-height: 300px;
    align-items: flex-start; }
    .landerSplash.feature .ls-media {
      max-width: 100%; }
    .landerSplash.feature.hasMedia .ls-media {
      margin-bottom: -300px; }

  .navAppMode ~ .content-container .landerSplash.feature {
    min-height: 300px; } }
@media (max-width: 640px) {
  .landerSplash.feature.hasMedia .ls-media {
    margin-bottom: -200px;
    margin-left: 15px;
    margin-right: 15px; }

  .landerSection.fullheight img#img06 {
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important; } }
@media (max-height: 800px) {
  .landerSplash.feature .ls-content {
    padding-bottom: 30px;
    padding-top: 110px; } }
.landerSplash .btn, .landerSection .btn, .questionsBox .btn, .startNowBox .btn, .btn.getDemo {
  font-size: 16px;
  font-weight: 500;
  font-family: "Montserrat";
  min-width: 298px;
  border-radius: 3px;
  line-height: 16px;
  padding: 16px;
  text-transform: uppercase;
  margin: 0 10px;
  margin-bottom: 10px;
  letter-spacing: 0.6px; }

.btn.getDemo {
  margin: 0 0 20px 0; }

@media (max-width: 768px) {
  .landerSplash {
    padding: 40px 0;
    min-height: 0 !important; }
    .landerSplash .textleft {
      text-align: center !important; }
    .landerSplash .ls-breadcrumbs {
      font-size: 11px; }
    .landerSplash h1 {
      text-align: center; }
    .landerSplash p {
      margin-bottom: 40px; }
    .landerSplash .ls-actions .btn {
      margin: 5px;
      min-width: 280px; }
    .landerSplash.big h1 {
      font-size: 30px;
      margin-bottom: 10px;
      line-height: 44px; }
    .landerSplash.big .ls-actions {
      margin-top: 20px; }
    .landerSplash.big .ls-media {
      margin-bottom: 0; }
    .landerSplash.big .hasMedia {
      margin-bottom: 150px; }
    .landerSplash.home2018-2 h1 {
      font-size: 48px; }
      .landerSplash.home2018-2 h1 span {
        font-size: 16px; }
    .landerSplash.home2018-2 .ls-titler {
      font-size: 24px; }
    .landerSplash.home2018-2 .ls-controls .btn {
      margin-bottom: 10px !important;
      min-width: 280px !important; }

  .startNowBox {
    padding: 80px 0; }

  .questionsBox h2, .startNowBox h2 {
    font-size: 24px;
    padding: 0 16px; }

  .landerTabs {
    white-space: nowrap;
    overflow-x: auto; }
    .landerTabs .lt-item {
      text-align: center;
      display: block;
      white-space: normal;
      min-height: 0;
      margin: 10px 0;
      padding: 5px 20px;
      border: none;
      border-left: 2px solid transparent; }

  .startUsingBox {
    display: flex !important;
    align-items: center;
    flex-direction: column; }

  .contactUs {
    font-size: 22px; }

  .largertitles {
    font-size: 110% !important;
    margin: 0; }

  .homeSolutions .homeSolution {
    margin-bottom: 20px; }

  .reviews {
    padding: 40px 0 !important; }

  .landerSection > div {
    text-align: center; }

  .landerSection.logos h2 {
    margin-bottom: 30px; }

  .landerSection.logos .partner-logo {
    height: 68px;
    padding: 16px 24px; }

  .landerSection .btn {
    min-width: 280px; }

  .landerSplash .btn, .landerSection .btn, .questionsBox .btn, .startNowBox .btn {
    min-width: 280px; } }
@media (max-width: 768px) {
  .landerSplash.big .ls-actions {
    margin-left: -5px; } }
.featureBoxesSection:before {
  content: '';
  display: block;
  position: absolute;
  width: 100vw;
  height: 100%;
  background: #f00;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 0;
  background: -moz-linear-gradient(left, #fbfbfb 0%, #fdfdfd 50%, #fbfbfb 100%);
  background: -webkit-linear-gradient(left, #fbfbfb 0%, #fdfdfd 50%, #fbfbfb 100%);
  background: linear-gradient(to right, #fbfbfb 0%, #fdfdfd 50%, #fbfbfb 100%); }

.featureBoxesItem {
  display: inline-block;
  vertical-align: top;
  width: 360px;
  padding: 30px;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  max-width: 30%;
  margin: 15px;
  flex-shrink: 1;
  position: relative; }
  .featureBoxesItem .fbi-thumb {
    text-align: center; }
    .featureBoxesItem .fbi-thumb img {
      max-width: 100%; }
  .featureBoxesItem .fbi-title {
    font-size: 24px;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    text-align: center;
    margin-bottom: 25px; }
  .featureBoxesItem .fbi-descr {
    font-size: 14px;
    text-align: center; }
  .featureBoxesItem .fbi-readmore {
    color: #0086cf;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    bottom: 15px;
    width: 100%;
    left: 0;
    margin: 0 !important; }
  .featureBoxesItem .fbi-readmore:before {
    content: 'Read more...'; }
  .featureBoxesItem:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }

@media (max-width: 800px) {
  .testimoniesSlider {
    padding: 50px 0; }
    .testimoniesSlider h2 {
      font-size: 22px; }

  .testimonyCard {
    padding: 40px 20px;
    flex-wrap: wrap; }
    .testimonyCard .tc-photo {
      flex-grow: 1;
      margin: -40px -20px 40px -20px; }
      .testimonyCard .tc-photo img {
        width: 100%; }
    .testimonyCard .tc-name {
      display: none; }
    .testimonyCard .tc-title {
      margin-bottom: 30px;
      font-size: 20px;
      text-transform: none; }
      .testimonyCard .tc-title span {
        font-size: 14px; }
    .testimonyCard .tc-quote {
      padding: 0;
      font-size: 15px; }
      .testimonyCard .tc-quote:before {
        display: none; }

  .landerSection.getStarted {
    display: block; }

  .featureBoxesItem {
    max-width: 50% !important;
    max-width: calc(50% - 30px) !important; }

  .btn.big2 {
    padding: 15px 30px; } }
@media (max-width: 520px) {
  .featureBoxesItem {
    max-width: 100% !important; } }
div.featureBoxesItem {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }

.featureBoxes {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  justify-content: center; }
  .featureBoxes.cols-3 .featureBoxesItem {
    max-width: 33%;
    max-width: calc(33% - 30px); }
  .featureBoxes.cols-4 .featureBoxesItem {
    max-width: 25%;
    max-width: calc(25% - 30px); }
  .featureBoxes.cols-4, .featureBoxes.cols-3, .featureBoxes.cols-2 {
    align-items: stretch;
    justify-content: center; }
  .featureBoxes.cols-3 .featureBoxesItem {
    width: 33%;
    max-width: 33% !important;
    max-width: calc(33% - 30px) !important; }
  .featureBoxes.cols-2 .featureBoxesItem {
    width: 50%;
    max-width: 50% !important;
    max-width: calc(50% - 30px) !important; }

.aboutCincopa {
  margin: 80px 0 0 0;
  font-size: 18px;
  line-height: 1.6; }
  .aboutCincopa h4 {
    text-transform: none;
    font-weight: bold;
    font-size: inherit;
    margin-bottom: 25px; }

.ourTeamList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px; }
  .ourTeamList h2 {
    width: 100%;
    text-align: left;
    padding: 0 20px;
    margin: 1.5em 0 1em 0; }

.ourTeamPerson {
  width: 33%;
  margin: 20px;
  text-align: center;
  max-width: 360px;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 200px;
  line-height: 1.3;
  margin-bottom: 50px; }
  .ourTeamPerson .otp-thumb {
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    background: #fefefe; }
    .ourTeamPerson .otp-thumb img[src=""] {
      opacity: 0; }
  .ourTeamPerson .otp-meta {
    margin-top: 20px; }
  .ourTeamPerson .otp-name {
    font-size: 36px; }
  .ourTeamPerson .otp-title {
    font-size: 22px; }
  .ourTeamPerson .otp-social {
    margin-top: 15px; }

.skinsList {
  max-width: 1390px; }
  .skinsList .skinsList {
    margin: 0; }
  .skinsList ol {
    margin: 0;
    padding: 0;
    text-align: center; }

@media screen and (max-width: 1650px) {
  .skinsList {
    max-width: 1390px; } }
@media screen and (max-width: 1425px) {
  .skinsList {
    max-width: 1130px; } }
@media screen and (max-width: 1150px) {
  .skinsList {
    max-width: 825px; } }
@media screen and (max-width: 875px) {
  .skinsList {
    max-width: 555px; } }
.skinsPage .skinsList {
  max-width: 1090px; }
  .skinsPage .skinsList .skinsList .skinsSection {
    border: none; }
    .skinsPage .skinsList .skinsList .skinsSection h3 {
      display: none; }
  .skinsPage .skinsList .skinPreviewArea.singleSkinPreview {
    max-width: 1090px; }
  .skinsPage .skinsList p {
    text-align: center; }

.popularSkins {
  background: rgba(255, 255, 255, 0.1);
  margin: 20px -20px -80px -20px;
  padding: 20px 20px 50px 20px; }
  .popularSkins > h3 {
    display: block;
    margin: 0 0 -15px 0;
    font-size: 20px; }
  .popularSkins .moreSkins {
    font-size: 18px; }
    .popularSkins .moreSkins i {
      font-size: 18px;
      margin-right: 7px; }
  .popularSkins .skinsList {
    text-align: center; }
    .popularSkins .skinsList .skinsSection {
      border: none;
      margin: 0; }
      .popularSkins .skinsList .skinsSection > h3 {
        margin: 0;
        padding: 0;
        display: none; }
    .popularSkins .skinsList .skinsList-item {
      width: 230px;
      height: 140px; }
      .popularSkins .skinsList .skinsList-item .wrap {
        border: 4px solid #ffffff;
        border-radius: 4px;
        position: relative;
        top: 0;
        margin: 0;
        padding: 0; }
      .popularSkins .skinsList .skinsList-item .thumb {
        height: 138px; }
      .popularSkins .skinsList .skinsList-item .details {
        position: absolute;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        top: 0;
        color: #fff;
        padding: 10px 8px 30px 8px;
        overflow: hidden;
        line-height: 1.4; }
      .popularSkins .skinsList .skinsList-item .title {
        color: #fff;
        margin: 4px 0 10px 0; }
      .popularSkins .skinsList .skinsList-item .descr {
        color: #fff;
        opacity: .8;
        margin: 5px 0; }
      .popularSkins .skinsList .skinsList-item .usethis {
        position: absolute;
        bottom: 0;
        background: transparent;
        border: none;
        text-align: left;
        padding: 102px 10px 10px 10px;
        margin: 0 -8px;
        width: 100%; }
      .popularSkins .skinsList .skinsList-item .icon-usethis {
        float: right;
        margin-right: -8px; }
        .popularSkins .skinsList .skinsList-item .icon-usethis:before {
          content: "\e614"; }

.skinfamiliesPromo p {
  font-size: 22px;
  text-align: center; }

.familiesList {
  display: block;
  list-style: none;
  margin: 30px 0; }
  .familiesList li {
    display: inline-block;
    vertical-align: top;
    width: 235px;
    margin: 25px 40px;
    text-align: center; }
  .familiesList .thumb {
    position: relative; }
  .familiesList .img {
    padding: 4px 3px;
    background: #fff;
    border: 2px solid #d9d9d9;
    border-radius: 3px; }
  .familiesList .skinsCounter {
    position: absolute;
    background: #616166;
    color: #fff;
    border-radius: 15px;
    font-size: 14px;
    line-height: 1;
    padding: 4px 10px;
    top: -5px;
    right: -5px; }
  .familiesList .title {
    font-size: 18px;
    font-weight: normal;
    margin: 18px 0 10px 0; }
  .familiesList .descr {
    font-size: 14px;
    max-height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2; }

.startNowSmall {
  text-align: center;
  background: #F1F1F1;
  padding: 15px;
  margin: -33px auto 30px auto; }

.pressItem {
  clear: both;
  overflow: hidden;
  margin: 15px 0;
  transition: .7s ease all;
  padding: 15px;
  min-height: 90px;
  display: table;
  width: 100%;
  table-layout: fixed; }
  .pressItem > * {
    display: table-cell;
    vertical-align: middle; }
  .pressItem:hover {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15); }
  .pressItem .thumb {
    width: 120px;
    padding-right: 20px; }
    .pressItem .thumb img {
      max-width: 100px;
      height: auto;
      font-size: 0;
      border: none;
      max-height: 100px;
      background: #f5f6f7; }
  .pressItem a {
    text-decoration: none; }
  .pressItem h3.title {
    margin: 0 0 5px 0 !important;
    border-left: 3px solid #0086cf;
    line-height: 1.3;
    padding-left: 10px; }
    .pressItem h3.title a {
      color: inherit;
      text-decoration: none; }
      .pressItem h3.title a:hover {
        text-decoration: underline; }
  .pressItem a.readmore {
    float: right;
    font-size: 15px;
    display: inline-block;
    opacity: .6;
    transition: .2s ease all; }
    .pressItem a.readmore:hover {
      opacity: 1; }
  .pressItem .date {
    font-size: 15px;
    float: left;
    display: inline-block;
    opacity: .5; }

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

.caseContent {
  padding-left: 300px;
  padding-top: 20px;
  line-height: 1.7;
  max-width: 1050px; }
  .caseContent h3 {
    color: #0086cf;
    font-weight: normal;
    font-size: 22px; }
    .caseContent h3:first-child {
      margin-top: 0; }
  .caseContent h2 {
    text-align: left;
    font-size: 26px;
    margin: 15px 0; }
  .caseContent h4 {
    text-transform: none;
    font-size: 1.1em; }
  .caseContent p {
    font-size: 17px;
    margin: .5em 0 1.6em 0; }
  .caseContent img.shadowed {
    border: 10px solid #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    border-radius: 2px; }

.featuresUl {
  display: block;
  list-style: none;
  margin: 1em 0;
  padding: 0; }
  .featuresUl li {
    display: block;
    margin: 0;
    padding: 0; }
    .featuresUl li a {
      display: inline-block;
      background: #9ba5b7;
      color: #fff;
      line-height: 1.2;
      padding: 3px 10px;
      margin: 2px 3px;
      border-radius: 2px;
      text-decoration: none; }

.whiteBannerbox {
  max-width: 1000px;
  margin: 60px auto;
  border-radius: 4px;
  background: #fff;
  padding: 40px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); }
  .whiteBannerbox h3 {
    font-size: 28px;
    text-align: left;
    color: #106183;
    font-weight: normal; }

.styledVideo {
  border-radius: 8px;
  overflow: hidden;
  border: 3px solid #5d5c5c;
  box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2); }

.cpSolutionCard {
  margin: 10px;
  padding: 15px;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  width: 50%;
  max-width: 210px; }
  .cpSolutionCard .csc-thumb {
    margin: -15px -15px 15px -15px; }
  .cpSolutionCard h4 {
    font-size: 16px;
    font-weight: bold;
    font-family: "Raleway", "Open Sans", Arial, sans-serif;
    text-transform: none; }
  .cpSolutionCard p {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    padding-left: 13px; }
    .cpSolutionCard p::before {
      content: ".";
      font-size: 50px;
      color: #0086CF;
      position: absolute;
      left: 0;
      top: -42px; }
    .cpSolutionCard p a {
      display: inline-block;
      font-size: 14px;
      margin: 2px 4px; }

.cpCompareTable {
  display: flex;
  align-items: flex-start;
  margin: 20px 0;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); }
  .cpCompareTable .cct-item {
    position: relative;
    z-index: 0;
    width: 25%;
    font-size: 14px; }
    .cpCompareTable .cct-item:first-child {
      font-size: 16px; }
    .cpCompareTable .cct-item > div {
      padding: 20px;
      display: flex;
      align-items: center;
      border-top: 1px solid rgba(0, 0, 0, 0.1); }
      .cpCompareTable .cct-item > div:first-child {
        border-top: none; }
      .cpCompareTable .cct-item > div.cct-title {
        font-weight: bold;
        font-size: 16px; }
      .cpCompareTable .cct-item > div.highlight {
        background: rgba(0, 0, 0, 0.1); }
    .cpCompareTable .cct-item.best {
      color: #fff; }
      .cpCompareTable .cct-item.best:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: #f00;
        z-index: -1;
        box-sizing: content-box;
        padding: 20px 0;
        top: -20px;
        border-radius: 4px;
        box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cc3d1), color-stop(100%, #0192ec));
        background-image: -webkit-linear-gradient(top, #7cc3d1, #0192ec);
        background-image: -moz-linear-gradient(top, #7cc3d1, #0192ec);
        background-image: -ms-linear-gradient(top, #7cc3d1, #0192ec);
        background-image: -o-linear-gradient(top, #7cc3d1, #0192ec);
        background-image: linear-gradient(to bottom, #7cc3d1 0%, #0192ec 100%); }

@media (max-width: 640px) {
  .cpCompareTable {
    display: block; }
    .cpCompareTable .cct-item {
      display: block;
      width: 100%;
      margin: 40px 0; }
      .cpCompareTable .cct-item:first-child {
        display: none; }
      .cpCompareTable .cct-item > div {
        padding: 5px 15px;
        display: flex; }
        .cpCompareTable .cct-item > div:before {
          content: attr(data-title);
          font-size: 12px;
          text-transform: uppercase;
          opacity: .6;
          width: 30%;
          padding-right: 10px; } }
.cpBrandAssets {
  margin: 40px auto; }
  .cpBrandAssets h1, .cpBrandAssets h2, .cpBrandAssets h3, .cpBrandAssets h4, .cpBrandAssets p {
    text-align: left;
    line-height: 1.3;
    margin: 0 0 20px 0; }
  .cpBrandAssets p {
    line-height: 1.7; }
  .cpBrandAssets h1 {
    font-size: 34px; }
  .cpBrandAssets h2 {
    font-size: 26px; }
  .cpBrandAssets h3 {
    font-size: 20px; }
  .cpBrandAssets h4 {
    font-size: 16px; }
  .cpBrandAssets > div {
    margin: 40px 0;
    text-align: center; }
  .cpBrandAssets .col-md-12 h1, .cpBrandAssets .col-md-12 h2 {
    text-align: center;
    margin-bottom: 40px; }
  .cpBrandAssets .cba-typography {
    text-align: center; }
  .cpBrandAssets .cba-box {
    padding: 50px;
    border-radius: 5px;
    border: 1px solid #eee;
    box-shadow: 0 3px 40px rgba(0, 0, 0, 0.1); }
  .cpBrandAssets .cba-card {
    border: 1px solid #eee;
    text-align: left;
    border-radius: 5px;
    padding: 15px;
    overflow: hidden;
    margin-bottom: 30px; }
    .cpBrandAssets .cba-card div {
      min-height: 100px;
      margin: -15px -15px 10px -15px;
      border-bottom: 1px solid #eee;
      padding: 20px;
      text-align: center; }
      .cpBrandAssets .cba-card div img {
        transform: scale(0.5); }
    .cpBrandAssets .cba-card h4 {
      font-size: 1rem;
      font-weight: bold;
      margin: .7em 0 .2em 0; }
    .cpBrandAssets .cba-card p {
      color: #777; }
    .cpBrandAssets .cba-card > *:last-child {
      margin-bottom: 0; }

.postPaymentSurvey {
  max-width: 850px;
  margin: 50px auto;
  position: relative;
  overflow: hidden;
  background: #fff;
  color: #656d78;
  border-radius: 10px;
  padding: 30px 40px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25); }
  .postPaymentSurvey h1 {
    margin-top: 0;
    font-size: 20px; }
  .postPaymentSurvey fieldset {
    display: block;
    margin: 40px 0;
    border: none;
    padding: 0;
    font-size: 14px; }
    .postPaymentSurvey fieldset > *:first-child {
      margin-top: 0; }
    .postPaymentSurvey fieldset > *:last-child {
      margin-bottom: 0; }
    .postPaymentSurvey fieldset *::placeholder {
      color: #b3b3b3; }
    .postPaymentSurvey fieldset .fb-error {
      display: block;
      font-weight: bold;
      color: #db4c3f; }
    .postPaymentSurvey fieldset .formSubmit {
      margin-left: 0; }
    .postPaymentSurvey fieldset .fieldBox .fb-field {
      color: #000000;
      font-size: 14px; }
    .postPaymentSurvey fieldset .fieldBox.required label:after {
      content: '*';
      color: #db4c3f; }
    .postPaymentSurvey fieldset .checkBoxGroup.required legend:after {
      content: '*';
      color: #db4c3f; }
    .postPaymentSurvey fieldset .checkBoxGroup.required .fb-error {
      display: inline;
      margin-left: 15px;
      color: #db4c3f;
      font-size: 1rem; }
    .postPaymentSurvey fieldset .checkBoxGroup.required.error .checkBox i {
      border-color: #db4c3f; }
    .postPaymentSurvey fieldset legend, .postPaymentSurvey fieldset .fieldBox label, .postPaymentSurvey fieldset .fieldItem label {
      margin: .5em 0;
      display: block;
      font-size: 14px;
      font-weight: bold;
      width: 100%; }
    .postPaymentSurvey fieldset legend i, .postPaymentSurvey fieldset .fieldBox label i, .postPaymentSurvey fieldset .fieldItem label i {
      font-size: 24px;
      margin: -5px 10px 0 0; }
    .postPaymentSurvey fieldset label.checkBox {
      white-space: nowrap;
      margin: 10px 10px 10px 0;
      display: inline-block;
      display: inline-flex;
      vertical-align: middle; }
      .postPaymentSurvey fieldset label.checkBox b {
        white-space: normal; }
    .postPaymentSurvey fieldset [disabled] {
      opacity: .3;
      cursor: not-allowed; }
    .postPaymentSurvey fieldset label[data-toggle] b {
      font-size: 14px;
      font-weight: bold; }
    .postPaymentSurvey fieldset label[data-toggle] + fieldset {
      margin-top: 0; }
    .postPaymentSurvey fieldset .fieldBox .fb-msg {
      top: auto;
      bottom: 13px; }

#corporate-cards-container .col-md-4 {
  width: 404px;
  height: 320px;
  margin-bottom: 21px; }
#corporate-cards-container .homeSolutions:before {
  background: white; }
#corporate-cards-container h2 {
  font-size: 48px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.63;
  letter-spacing: 0.96px;
  text-align: center;
  color: #2d3541; }
#corporate-cards-container .homeSolution .hs-content {
  opacity: 0.92;
  background-image: linear-gradient(to right, #2d3541, rgba(45, 53, 65, 0.1));
  bottom: 30px;
  width: 100%;
  padding: 20px 40px; }
#corporate-cards-container .homeSolution:hover .overlay {
  filter: alpha(opacity=50);
  opacity: 0.9; }
#corporate-cards-container .homeSolution:hover .hs-content {
  display: none; }
#corporate-cards-container .overlay {
  padding: 24px;
  opacity: 0;
  padding-top: 55px;
  border-radius: 3px;
  background-color: #0086cf;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
  #corporate-cards-container .overlay .header {
    font-size: 24px;
    margin-bottom: 25px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff; }
  #corporate-cards-container .overlay .content {
    font-size: 24px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-transform: none; }
  #corporate-cards-container .overlay button {
    margin-top: 20px;
    width: 100%; }
#corporate-cards-container .homeSolution .hs-image::after {
  content: "";
  background: red;
  height: 327px;
  width: 404px; }
#corporate-cards-container .homeSolutions .image-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: auto; }

@media screen and (max-width: 1191px) {
  .home2018-2 {
    max-height: none !important; }

  #corporate-cards-container .homeSolutions .homeSolution {
    min-height: 100% !important; }

  #corporate-cards-container h2 {
    font-size: 42px;
    line-height: 1; }

  .homeSolutions .image-content {
    padding-left: 23px; } }
@media (max-width: 414px) {
  #corporate-cards-container .homeSolution .overlay {
    filter: alpha(opacity=50);
    opacity: 0.9;
    padding-top: 10px; }

  #corporate-cards-container .homeSolution .hs-content {
    display: none; } }
@media screen and (max-width: 1200px) {
  #container.container-pages .content-container {
    padding: 0 !important; } }
/*pages css_part */
#pagesold #container .content-container {
  padding: 0 20px; }
#pagesold ul.list li {
  display: block;
  padding-left: 15px;
  position: relative;
  margin-left: -15px; }
#pagesold ul.list li:before {
  color: #0187cf;
  vertical-align: middle;
  display: inline-block;
  content: "\e645";
  font-family: 'cincopaicons';
  font-size: 6px;
  left: 0;
  position: absolute;
  top: 13px; }
#pagesold .bottomLinksSitemap h3.drupal:before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAE+ElEQVRIS8WWe0xbVRzHv5fSBy1Q3mgDGwMxIg6GEbYlBFi2JczHH5txmszHXwYRo5nGOBeJ0YzMaGYW4+aIM7K5OTES2cAFN6N/AKtOpMBaxqC8FUYpLRS4t6W3vf4uvYkObqEQH5+kuT33PL7n/H7nfM9lBAL/A2HS8z9nXcILXh4v17VJpfWxLuGZWRZ8dCyKqo3Sm7WzZuHOkUkMu1gMTfvQ/LsPJaeM4Nh5qTZ0Qt5cN8ecGLTPoCAtEVM8kPe5GRwUgJ8BxqeRn67CyT2ZeCjjLqnHyoQk3Ng5iM0pCdgYHwUIPhSe70brKAuoSRjUnaHAeXwA68a7RfGo3JUd6LgCqwo3dAygMNOAWJ0GE3Msdn59C5YxD6ANl1qIiEPQykUcHMryInHq8bxAOQgrCjeZh1FIoYuMUOP49WFUttow5/ZLK5VDHIpW7+JwNF+LQ488GHgtQ1Bh3u9Heb0Ju+9PwfGfx2Ec5QKC4aHsR1p9RzuEs89L5eUEHeXYjzdxus2DJ2v7YZxYAHTKEEUlwhQov3BNKiwn6Ei1FicQpwaiVIAyREExeAqKiov66lRoNo9LFcuRHZF3s5jykSAon39HHNgn/ui9f0mGxLowGo5cDc5Jik447At+TM9TimSQFXa6fWCXpl4UoyOTFanElmg1ksQozFEKFttJoiJDvQDnpQn4MOfh4aKfHLLCKnobLp2ORWh1DIle2JeJ7vItMJXloo+eh4pSgClakZ86LNAkus3QUES+qdiBjspHoeDpbAch6K7OOtaCHkETmBoNbn4tH9lxVF7CPC+g4IQRA7f6sDsnDZdeKJZqgFfrf8OR0s3QasS03YnsikVKNuloFVKOaflyoiI6qjNVFMD09t47REViKXRyoiJBhd/bfS8w7QrkjlYVjKrvuqDe/ymyDpzGgS/+uq3m3F4U35MslZYTVFgfpcOb+TEUZhJXh+HgD4NwLwQ2ipM2j7HfjvAXz+GXEQfaP9yPq588jdrWfhz81gQvzbPONIjtGcGFV/FqAfqKGrh48mVqdXe8DplxWvRMsbD12xCWGounclPxZZMZ2tQ4GCJUsI46EaHwo7NqHzKT9NI4y1n1khApOnoJzRYbGUpk4PgoGBwufQBt5jG0T85CH6FEcVo8bgsMLrf0YIIikKSntisQkrDI+5dNeKu+C17xCiQf32CIRdVjOZQFBr1OFle6RpEercTHzxSSaZG9roKssJMO/YlrYxic5MiAGBx5OB2JmsA1+FWbFT2DDozPusHOe5CgUcKQGoOXSrIQoSGLlfjeYodLEYYn7ouT3ixBFF7KgMstaN9pFaY5Xqi9YRNA/0Uae51Cv9Mt3Hb7BAfrFcY4H5U9whmLg/p4BOskK3xG7S30fOVin1BxZWixnxyyu1rBMIikK1CvUWBHRuyiVZ79dRznOifwRtMQPrr+B567aMXhlhFsPdkOlvx5T80NaMhGO+0ctlV3wqBXQbvC5SJbI/q/2+uHzc2jodex+LUxT967MyMGGTFq+tJiEE0TU1C7JLq9ynITyZf9NAkTcpJ12EB+ztGZcknHTw7ZHE9yPJ5tsMJPOVKTZ39QlIqrQzNIjlJiW3Ik9jZawZCpVZduwvYzZmzdGI2y7AQyDR51wzMwqBR4vcCA8p9G0ET+rlXKfLEsBnydmO2ssKvGLJXWRsjH6Z8mePb/VYA/ASR6wM0xn6JDAAAAAElFTkSuQmCC"); }
#pagesold .steps .icon.big i {
  margin: 0;
  background-image: url(../../design13/images/icons-how.png);
  width: 165px;
  height: 165px; }
#pagesold .icon.big i {
  background-image: url(../images/icons-big75.png); }
#pagesold .icon.big.blue i {
  background-image: url(../images/icons-bluewhite.png); }
#pagesold #homeslider {
  position: relative;
  margin: 0 -20px;
  overflow: hidden;
  background: url("/_cms/design15/images/landingsplash-publishers.jpg") no-repeat center top;
  background-size: cover; }
#pagesold #homeslider .cincopa_promo_content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  width: calc(100% + 40px);
  margin-left: -20px;
  background: rgba(0, 0, 0, 0.6); }
#pagesold #homeslider .cincopa_promo_content .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
#pagesold #homeslider #cincopa_promo {
  max-width: 800px !important;
  margin: 70px auto !important;
  z-index: 10;
  position: relative !important; }
#pagesold #homeslider .closeBtn {
  position: absolute;
  top: 30px;
  right: 30px;
  margin-left: -1em;
  cursor: pointer;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 0;
  color: #fff; }
#pagesold #homeslider .closeBtn:hover {
  transform: scale(1.2, 1.2); }
#pagesold #homeslider .closeBtn:before {
  content: "\e613";
  font-family: 'cincopaicons';
  font-size: 32px;
  vertical-align: middle; }
#pagesold #homeslider .icon-play {
  margin-left: 5px;
  margin-right: -5px; }
#pagesold #homeslider .home_gallery {
  width: 80%;
  margin: 0 auto; }
#pagesold #homeslider .home_gallery_container {
  width: 100%;
  margin: 0; }
@media screen and (max-width: 820px) {
  #pagesold #homeslider .home_gallery {
    width: 100%; } }
#pagesold .home_title {
  position: relative;
  text-align: center;
  margin: 0 -20px;
  padding: 100px 20px; }
#pagesold .home_title h1, #pagesold .home_title h2 {
  font-family: "Raleway", "Open Sans", Arial, sans-serif;
  color: #fff;
  font-size: 60px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 1.1;
  margin-top: 0; }
#pagesold .home_title h2, #pagesold .home_title h3, #pagesold .home_title h4, #pagesold .home_title h5 {
  color: #0086cf; }
#pagesold .home_title h4 {
  font-family: "Raleway", "Open Sans", Arial, sans-serif;
  font-size: 24px;
  text-transform: none;
  line-height: 1.3;
  margin-bottom: 40px;
  font-weight: normal; }
#pagesold .home_title h4 + h4 {
  margin-top: -1em; }
#pagesold .home_title .btn + h4 {
  margin-top: 3em; }
#pagesold .home_title p {
  text-align: center;
  color: #839dc0;
  font-size: 1em;
  line-height: 1.5em;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  text-align: center; }
#pagesold .home_title .btn.trans {
  font-size: 16px;
  color: #fff;
  font-weight: normal; }
#pagesold .home_title .btn.trans i {
  color: inherit !important;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  font-size: 28px; }
#pagesold .home_title ul {
  color: #fff;
  list-style: initial;
  max-width: 850px;
  margin: 2em auto 2em auto;
  text-align: left; }
@media screen and (max-width: 800px) {
  #pagesold .home_title {
    padding: 60px 20px; }
  #pagesold .home_title h1, #pagesold .home_title h2 {
    font-size: 38px; } }
#pagesold .clienttypesArea {
  padding: 80px 0; }
#pagesold .clienttypesArea h2:first-child {
  margin-top: 0; }
#pagesold .clienttypesArea p {
  font-size: 22px;
  color: #656d78; }
#pagesold .clienttypesArea .clienttype {
  display: inline-block;
  margin: 10px 40px;
  text-align: center;
  text-decoration: none;
  border-bottom: 2px solid transparent; }
#pagesold .clienttypesArea .clienttype[href]:hover {
  border-bottom-color: #0086cf; }
#pagesold .clienttypesArea .clienttype .img {
  display: block; }
#pagesold .clienttypesArea .clienttype img {
  width: 100px;
  height: auto; }
#pagesold .clienttypesArea .clienttype .title {
  display: block;
  text-transform: uppercase;
  color: #434a54;
  font-family: "Raleway", "Open Sans", Arial, sans-serif; }
@media screen and (max-width: 800px) {
  #pagesold .clienttypesArea .clienttype {
    margin: 10px 10px; } }
#pagesold .bigsplashbuttonsArea {
  margin: 0 -20px;
  background: #242424 url("/_cms/design16/images/bigsplashbuttonsbg.jpg") center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  padding: 80px 0; }
#pagesold .bigsplashbuttonsArea h2 {
  color: #fff;
  font-size: 36px;
  text-align: center;
  font-weight: bold;
  margin-top: 0; }
#pagesold .bigsplashbuttonsArea p {
  color: #d6e8fb;
  text-align: center;
  font-size: 22px;
  max-width: 880px;
  margin: 10px auto; }
#pagesold .bigsplashbutton {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 25px;
  margin: 15px 13px;
  font-family: "Raleway", "Open Sans", Arial, sans-serif;
  color: #fff;
  cursor: pointer; }
@media screen and (min-width: 800px) {
  #pagesold .bigsplashbutton {
    margin: 15px 5px; }
  #pagesold .bigsplashbutton .contentWrap {
    white-space: nowrap; }
  #pagesold .bigsplashbutton .contentWrap > * {
    white-space: normal; } }
#pagesold .bigsplashbutton:before {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  box-shadow: inherit;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -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; }
#pagesold .bigsplashbutton img {
  max-width: 100%;
  height: auto; }
#pagesold .bigsplashbutton .img {
  display: inline-block;
  margin: 10px auto;
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 50px;
  background: #fff;
  padding: 15px; }
#pagesold .bigsplashbutton .img:after {
  position: absolute;
  width: 100%;
  height: 100%;
  background: center center no-repeat;
  background-size: contain;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  content: '';
  display: none; }
#pagesold .bigsplashbutton .title {
  font-size: 16px;
  padding-left: 8px;
  text-transform: uppercase;
  letter-spacing: .05em;
  display: block;
  margin: 15px 0 0 0;
  text-align: center;
  position: relative; }
#pagesold .bigsplashbutton .title i {
  opacity: 0;
  margin-right: -1em;
  margin-top: -2px; }
#pagesold .bigsplashbutton.photos {
  color: #84bb49; }
#pagesold .bigsplashbutton.music {
  color: #d83949; }
#pagesold .bigsplashbutton.videos {
  color: #d467a7; }
#pagesold .bigsplashbutton.slideshows {
  color: #46bbe6; }
#pagesold .bigsplashbutton.podcasts {
  color: #f5b538; }
#pagesold .bigsplashbutton:hover .img {
  width: 100px;
  height: 100px;
  margin: 5px -5px; }
#pagesold .bigsplashbutton:hover .title i {
  opacity: 1; }
@media screen and (max-width: 1100px) {
  #pagesold .bigsplashbutton {
    padding: 15px !important; }
  #pagesold .bigsplashbutton .title {
    font-size: 18px; }
  #pagesold .bigsplashbutton .title i {
    display: none; }
  #pagesold .bigsplashbutton .img {
    height: auto; } }
@media screen and (max-width: 640px) {
  #pagesold .bigsplashbutton {
    padding: 0 3px !important;
    width: 40%;
    margin: 15px 0; }
  #pagesold .bigsplashbutton .title {
    font-size: 14px;
    margin: 5px 0 0 0; }
  #pagesold .bigsplashbutton .img {
    width: 70px; } }
#pagesold .homeplatformhoney {
  position: relative;
  width: 498px;
  height: 294px; }
#pagesold .homeplatformhoney a {
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  background: url("/_cms/design15/images/icon-platform.png") no-repeat center top;
  width: 200px;
  height: 148px;
  display: inline-block;
  position: absolute;
  color: #434a53;
  -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; }
#pagesold .homeplatformhoney a:after {
  content: '';
  background-image: url("/_cms/design15/images/icon-platform.gif");
  display: block;
  opacity: 0; }
#pagesold .homeplatformhoney a i {
  font-size: 80px;
  color: #aab2bc;
  display: block;
  margin-top: 23px; }
#pagesold .homeplatformhoney a b {
  text-transform: uppercase;
  font-size: 13px;
  display: block;
  font-family: 'Roboto Condensed', 'Roboto', sans-serif;
  font-weight: bold; }
#pagesold .homeplatformhoney a:hover {
  background-image: url("/_cms/design15/images/icon-platform.gif"); }
#pagesold .homeplatformhoney a:hover i, #pagesold .homeplatformhoney a:hover b {
  color: #fff; }
#pagesold .homeplatformhoney .iconCDN {
  bottom: 0;
  left: 0; }
#pagesold .homeplatformhoney .iconDAM {
  top: 24.9%;
  left: 30%; }
#pagesold .homeplatformhoney .iconUM {
  bottom: 0;
  right: 0; }
#pagesold .homeplatformhoney .iconAN {
  top: 0;
  left: 0; }
#pagesold .homeplatformhoney .iconHTML {
  right: 0;
  top: 0; }
@media screen and (max-width: 1100px) {
  #pagesold .homeplatformhoney {
    margin: 0 auto; } }
@media screen and (max-width: 800px) {
  #pagesold .homeplatformhoney {
    max-width: 100%;
    margin-bottom: -30px; }
  #pagesold .homeplatformhoney a {
    max-width: 39%;
    background-size: contain;
    background: none !important; }
  #pagesold .homeplatformhoney a i {
    font-size: 64px;
    color: #0086cf !important; }
  #pagesold .homeplatformhoney a b {
    font-size: 16px;
    color: #434a53 !important; } }
#pagesold .logosArea {
  padding: 20px 1000px 30px 1000px;
  margin: 0 -1000px; }
#pagesold .partnersArea .partnlogo {
  margin: 10px;
  display: inline-block;
  vertical-align: middle; }
#pagesold .partnersArea .partnlogo img {
  height: 65px;
  width: auto; }
@media screen and (min-width: 800px) {
  #pagesold .partnersArea img {
    height: auto;
    width: 100px;
    width: 25vw; } }
#pagesold .clntsArea {
  margin-top: 15px; }
#pagesold .clntsArea .clntlogo {
  margin: 10px 5px;
  display: inline-block;
  vertical-align: middle; }
#pagesold .clntsArea .clntlogo img {
  height: 44px;
  width: auto; }
@media screen and (min-width: 800px) {
  #pagesold .clntsArea img {
    height: auto;
    width: 100px;
    width: 25vw; } }
#pagesold .homemediatypes {
  display: inline-block;
  position: relative;
  width: 650px;
  max-width: 100%; }
#pagesold .homemediatypes > .laptop {
  width: 100%;
  height: auto; }
#pagesold .homemediatypes > .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  max-width: 47.46%; }
#pagesold .homemediatypes > .audio {
  position: absolute;
  right: 0;
  top: 0;
  width: 270px;
  max-width: 45.77%; }
#pagesold .homemediatypes > .photos {
  position: absolute;
  right: 0;
  bottom: 34%;
  width: 270px;
  max-width: 45.77%; }
#pagesold .homemediatypes > .video, #pagesold .homemediatypes > .audio, #pagesold .homemediatypes > .photos {
  display: inline-block; }
#pagesold .homemediatypes > .video img, #pagesold .homemediatypes > .audio img, #pagesold .homemediatypes > .photos img {
  width: 100%;
  height: auto; }
#pagesold .home-testimonies {
  padding: 80px 0; }
#pagesold .home-testimonies h2 {
  margin: 0 0 80px 0; }
#pagesold .home-testimonies h4 {
  color: #434a53;
  font-family: "Raleway", "Open Sans", Arial, sans-serif;
  font-weight: bold;
  text-transform: none;
  text-align: center;
  font-size: 18px; }
#pagesold .home-testimonies .video {
  padding: 8px;
  border: 1px solid #d2d2d2; }
#pagesold .testimoniesList {
  text-align: center; }
#pagesold .testimoniesList .testimoiesItem {
  background: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f6f7fb));
  background-image: -webkit-linear-gradient(top, #ffffff, #f6f7fb);
  background-image: -moz-linear-gradient(top, #ffffff, #f6f7fb);
  background-image: -ms-linear-gradient(top, #ffffff, #f6f7fb);
  background-image: -o-linear-gradient(top, #ffffff, #f6f7fb);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f6f7fb 100%);
  margin: 10px;
  border: 1px solid #ccd0d9;
  padding: 30px 20px 30px 85px;
  font-family: 'PT Serif', 'Georgia', serif;
  font-style: italic;
  font-size: 16px;
  font-weight: 100;
  color: #434a53;
  display: inline-block;
  text-align: left;
  position: relative;
  min-height: 60px;
  white-space: normal; }
#pagesold .testimoniesList .testimoiesItem:after {
  content: '';
  display: block;
  position: absolute;
  width: 100;
  width: calc(100% + 10px);
  height: 100%;
  height: calc(100% - 10px);
  z-index: -1;
  top: 5px;
  left: -6px;
  border: inherit;
  background: inherit; }
#pagesold .testimoniesList .testimoiesItem:before {
  content: '';
  display: block;
  position: absolute;
  width: 100;
  width: calc(100% + 18px);
  height: 100%;
  height: calc(100% - 20px);
  z-index: -2;
  top: 10px;
  left: -10px;
  border: inherit;
  background: inherit; }
#pagesold .testimoniesList .testimoiesItem i {
  position: absolute;
  width: 50px;
  height: 50px;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  left: 20px;
  top: 50%;
  margin-top: -25px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAARVBMVEVDSlNDSlNDSlNDSlNDSlNDSlNDSlPXp0f+wkKEcU+riktWVVLrtURnX1FDSlN2aFD1vEO2kkqfgkzCmUmSek7hrkbMoEhCuW3bAAAAB3RSTlMGiImQke3ulVLqiQAAALNJREFUeF7t1tsOwyAIBmC2tQWPPW7v/6hTo228kZEmu5K7P+HDC9IGgGH0gpoGgJcX1gNGKRnBi+uvpJNOHOXaU9xLdBzpZJUTfZtw27eJlNp+IUsg25l0SJYhM4VSZ/yEhAzRkZiSTHxzbRO3VGPX9GaTzDb2bJVA3yAmtlw9xztF1SB5EdblAdeOmFXauZqgmQ8ZidCcSREth2eIwqoFtbn9u+ikE/nZIz+ungDDJDzhvqDLgr5dJ2+hAAAAAElFTkSuQmCC");
  background-repeat: no-repeat; }
#pagesold .testimoniesList.flexslider {
  text-align: center;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  margin-bottom: 40px;
  background: inherit;
  max-width: 810px;
  margin-left: auto;
  margin-right: auto; }
#pagesold .testimoniesList.flexslider.slider .testimoiesItem {
  display: none; }
#pagesold .testimoniesList.flexslider.slider .testimoiesItem.active {
  display: inline-block; }
#pagesold .testimoniesList.flexslider .slides {
  white-space: nowrap;
  text-align: left; }
#pagesold .testimoniesList.flexslider .slides > li {
  position: relative;
  z-index: 1;
  float: none !important;
  display: inline-block !important;
  vertical-align: middle;
  text-align: center; }
#pagesold .testimoniesList.flexslider .slides > li.flex-active-slide {
  z-index: 0; }
#pagesold .testimoniesList.flexslider .testimoiesItem {
  width: 640px;
  max-width: 80%;
  max-width: calc(100% - 130px);
  margin: 20px auto; }
#pagesold .testimoniesList.flexslider .flex-direction-nav .flex-prev {
  left: 10px;
  opacity: 0.8; }
#pagesold .testimoniesList.flexslider .flex-direction-nav .flex-next {
  right: 10px;
  opacity: 1; }
#pagesold .testimoniesList.flexslider .flex-prev, #pagesold .testimoniesList.flexslider .flex-next, #pagesold .testimoniesList.flexslider .testimoniesNav button {
  display: inline-block;
  border: none;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  background: #656d78;
  color: #fff;
  font-size: 24px;
  line-height: 50px;
  text-align: center; }
#pagesold .testimoniesList.flexslider .testimoniesNav li {
  display: inline-block; }
#pagesold .testimoniesList.flexslider .flex-prev:before, #pagesold .testimoniesList.flexslider .testimoniesNav button.prev:before {
  content: "\e656";
  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;
  line-height: 50px;
  text-shadow: none; }
#pagesold .testimoniesList.flexslider .flex-next:before, #pagesold .testimoniesList.flexslider .testimoniesNav button.next:before {
  content: "\e62d";
  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;
  line-height: 50px;
  text-shadow: none; }
#pagesold .testimoniesList.cols2 .testimoiesItem {
  width: 600px;
  max-width: 48%;
  max-width: calc(50% - 35px);
  vertical-align: middle; }
#pagesold .testimoniesList.cols3 .testimoiesItem {
  width: 300px;
  max-width: 31%;
  max-width: calc(33% - 35px);
  vertical-align: middle; }
@media screen and (max-width: 800px) {
  #pagesold .testimoniesList .testimoiesItem {
    padding: 20px;
    font-size: .8em; }
  #pagesold .testimoniesList .testimoiesItem i {
    display: none; } }
@media screen and (max-width: 600px) {
  #pagesold .testimoniesList.cols2 .testimoiesItem, #pagesold .testimoniesList.cols3 .testimoiesItem {
    width: auto;
    max-width: 100%; } }
#pagesold .testimoniesList16 {
  max-height: 330px;
  overflow: auto;
  padding-right: 20px;
  font-size: 14px;
  line-height: 1.8; }
#pagesold .testimoniesList16 .slides {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }
#pagesold .testimoniesList16 .testimoiesItem {
  margin: 0 0 20px 0;
  color: #666e79;
  border: 1px solid #f2f2f2;
  padding: 30px;
  border-radius: 5px; }
#pagesold .testimoniesList16 .testimoiesItem > span {
  color: #454952;
  display: block;
  margin: 5px 0 20px 0; }
#pagesold .testimoniesList16 .testimoiesItem > span:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-top: 3px solid #0086cf;
  width: 30px;
  margin-right: 10px; }
#pagesold .testimoniesList16 .testimoiesItem > div {
  display: table-cell;
  vertical-align: middle; }
#pagesold .testimoniesList16 .testimoiesItem .ti-photo {
  width: 70px; }
#pagesold .testimoniesList16 .testimoiesItem img {
  border-radius: 50px; }
#pagesold .testimoniesList16 .testimoiesItem .ti-desc {
  font-size: 14px;
  color: #8D9399;
  line-height: 1.57;
  padding-left: 30px; }
#pagesold .testimoniesList16 .testimoiesItem h3 {
  font-size: 22px;
  color: #434A54;
  font-weight: 400; }
#pagesold .testimoniesList16 ::-webkit-scrollbar-track {
  background: transparent; }
#pagesold .testimoniesList16 ::-webkit-scrollbar-thumb {
  background: #0086cf; }
#pagesold .homeSection {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  text-decoration: none !important;
  color: inherit;
  padding: 90px 0;
  overflow: hidden;
  border-bottom: 1px solid #f0f3f8;
  display: flex;
  align-items: center; }
#pagesold .homeSection:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden; }
#pagesold .homeSection p {
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
  color: #8d9399; }
#pagesold .homeSection p:last-child {
  margin-bottom: 0; }
#pagesold .homeSection img {
  max-width: 100%; }
#pagesold .homeSection h2 {
  text-align: center;
  font-size: 48px;
  margin: 10px 0 0 0;
  font-family: 'Montserrat', 'Open Sans', Arial, sans-serif;
  font-weight: normal; }
#pagesold .homeSection h2 b {
  color: #0086cf;
  font-weight: inherit;
  text-decoration: underline; }
#pagesold .homeSection h2:after {
  content: ' →';
  opacity: 0;
  margin-right: -50px;
  display: inline-block; }
#pagesold .homeSection .hs-partlogos img {
  margin: 5px 30px;
  vertical-align: middle; }
#pagesold .homeSection .hs-link {
  color: #0086cf;
  font-size: 18px;
  font-weight: normal; }
#pagesold .homeSection .hs-link i {
  margin-right: 10px; }
@media (min-width: 992px) {
  #pagesold .homeSection {
    justify-content: center;
    margin: 0 -20px;
    width: auto;
    max-width: none; } }
@media screen and (max-width: 640px) {
  #pagesold .homeSection h1, #pagesold .homeSection h2 {
    font-size: 25px; }
  #pagesold .homeSection p {
    font-size: 16px; }
  #pagesold .homeSection p:last-child {
    margin-bottom: 1em; } }
#pagesold .homeSection {
  margin: 0 -20px;
  padding: 0 20px; }
#pagesold .homeSection.gray {
  background: #f6f7fb; }
#pagesold .homeSection .descr, #pagesold .homeSection .thumb {
  display: inline-block;
  vertical-align: middle;
  width: 45%;
  margin: 0;
  padding: 80px 0; }
#pagesold .homeSection h2 {
  font-size: 24px;
  font-weight: bold;
  color: #434a53;
  font-family: "Raleway", "Open Sans", Arial, sans-serif;
  text-align: left; }
#pagesold .homeSection p {
  color: #656d78;
  font-size: 16px;
  margin: 1em 0 1.2em 0;
  font-weight: 300; }
#pagesold .homeSection .btn:first-child {
  margin-left: 0; }
#pagesold .homeSection .descr {
  max-width: 38%;
  margin-right: 10%; }
#pagesold .homeSection .thumb + .descr {
  margin-right: 0;
  margin-left: 10%; }
@media screen and (max-width: 1100px) {
  #pagesold .homeSection .descr {
    max-width: 43%;
    margin-right: 3%; } }
@media screen and (max-width: 1100px) {
  #pagesold .homeSection img {
    max-width: 100%;
    height: auto; }
  #pagesold .homeSection .descr, #pagesold .homeSection .thumb {
    display: block;
    text-align: center;
    width: auto;
    margin: 0 !important;
    max-width: none;
    padding: 20px 0; }
  #pagesold .homeSection h2 {
    text-align: center; } }
@media screen and (max-width: 840px) {
  #pagesold .splashArea01.hasBadgeNowVideo .contentWrap {
    padding: 0 120px; } }
@media screen and (max-width: 540px) {
  #pagesold .splashArea01.hasBadgeNowVideo .contentWrap {
    padding: 50px; } }
#pagesold .packagesHeadWrap {
  background: #116ba2;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1378b6), color-stop(100%, #0d517a));
  background-image: -webkit-linear-gradient(top, #1378b6, #0d517a);
  background-image: -moz-linear-gradient(top, #1378b6, #0d517a);
  background-image: -ms-linear-gradient(top, #1378b6, #0d517a);
  background-image: -o-linear-gradient(top, #1378b6, #0d517a);
  background-image: linear-gradient(to bottom, #1378b6 0%, #0d517a 100%);
  padding: 70px 40px 150px 40px;
  margin: -20px -20px -60px -20px;
  color: #fff;
  text-align: center;
  font-size: 18px; }
#pagesold .packagesHeadWrap h1 {
  color: #fff;
  font-weight: bold;
  font-size: 48px;
  margin: .5em 0 .2em 0;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  font-family: 'Roboto Condensed', 'Roboto', sans-serif; }
#pagesold .packagesHeadWrap .current_plan_name {
  color: #fbda96;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
#pagesold .packagesHeadWrap .suggested_plan_name {
  color: #a7d24d;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
#pagesold .packagesHead {
  font-size: 18px;
  color: #c2ccda;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
#pagesold .packagesBoxes {
  text-align: center;
  font-size: 0;
  max-width: 1300px;
  margin: 0 auto;
  line-height: 53px;
  position: relative;
  display: flex;
  flex-wrap: wrap; }
#pagesold .packagesBoxes .package-box {
  flex-grow: 1;
  display: inline-block;
  width: 24%;
  vertical-align: top;
  font-size: 16px;
  max-width: 310px;
  min-width: 185px;
  border: 1px solid #d8dadf;
  background: #f6f7fb;
  padding: 35px;
  margin-right: -2px;
  text-align: left;
  position: relative; }
#pagesold .packagesBoxes .package-box .submitplan {
  margin: 20px auto;
  text-align: center;
  min-height: 53px; }
#pagesold .packagesBoxes .package-box .submitplan .btn {
  padding: 18px 20px;
  border: none;
  min-width: 170px; }
#pagesold .packagesBoxes .package-box .not_available {
  color: #db4c3f;
  font-weight: 500; }
#pagesold .packagesBoxes .package-box.free .submitplan .btn, #pagesold .packagesBoxes .package-box.free .titleBox {
  background: #cbc3a3;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cbc3a3), color-stop(100%, #b9ae82));
  background-image: -webkit-linear-gradient(top, #cbc3a3, #b9ae82);
  background-image: -moz-linear-gradient(top, #cbc3a3, #b9ae82);
  background-image: -ms-linear-gradient(top, #cbc3a3, #b9ae82);
  background-image: -o-linear-gradient(top, #cbc3a3, #b9ae82);
  background-image: linear-gradient(to bottom, #cbc3a3 0%, #b9ae82 100%); }
#pagesold .packagesBoxes .package-box.free .submitplan .btn h3, #pagesold .packagesBoxes .package-box.free .titleBox h3 {
  letter-spacing: -.03em; }
#pagesold .packagesBoxes .package-box .packageInfo li:nth-child(8), #pagesold .packagesBoxes .package-box .packageInfo li:nth-child(3) {
  min-height: 4.6em; }
#pagesold .packagesBoxes .package-box.plus .submitplan .btn, #pagesold .packagesBoxes .package-box.plus .titleBox {
  background: #85b159;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85b159), color-stop(100%, #6c9245));
  background-image: -webkit-linear-gradient(top, #85b159, #6c9245);
  background-image: -moz-linear-gradient(top, #85b159, #6c9245);
  background-image: -ms-linear-gradient(top, #85b159, #6c9245);
  background-image: -o-linear-gradient(top, #85b159, #6c9245);
  background-image: linear-gradient(to bottom, #85b159 0%, #6c9245 100%); }
#pagesold .packagesBoxes .package-box.corporate .submitplan .btn, #pagesold .packagesBoxes .package-box.corporate .titleBox {
  background: #82a8bc;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82a8bc), color-stop(100%, #6191aa));
  background-image: -webkit-linear-gradient(top, #82a8bc, #6191aa);
  background-image: -moz-linear-gradient(top, #82a8bc, #6191aa);
  background-image: -ms-linear-gradient(top, #82a8bc, #6191aa);
  background-image: -o-linear-gradient(top, #82a8bc, #6191aa);
  background-image: linear-gradient(to bottom, #82a8bc 0%, #6191aa 100%); }
#pagesold .packagesBoxes .package-box.enterprise .titleBox {
  background: #957dd7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #957dd7), color-stop(100%, #7556cb));
  background-image: -webkit-linear-gradient(top, #957dd7, #7556cb);
  background-image: -moz-linear-gradient(top, #957dd7, #7556cb);
  background-image: -ms-linear-gradient(top, #957dd7, #7556cb);
  background-image: -o-linear-gradient(top, #957dd7, #7556cb);
  background-image: linear-gradient(to bottom, #957dd7 0%, #7556cb 100%); }
#pagesold .packagesBoxes .package-box.suggested {
  background: #fff;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
  position: relative;
  top: -20px;
  z-index: 5; }
#pagesold .packagesBoxes .package-box .saleofferbadge {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
  padding: 2px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff; }
#pagesold .packagesBoxes .package-box .bestvaluebage, #pagesold .packagesBoxes .package-box i.bestvalue:after {
  background: #f3f3b0;
  background: linear-gradient(#ffffbc, #e5e5a2);
  font-family: 'Roboto Condensed', 'Roboto', sans-serif;
  display: inline-block;
  position: absolute;
  content: 'Best value';
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1;
  right: 0;
  top: 38px;
  padding: 5px 10px;
  border-radius: 15px 0 0 15px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  color: #434a53; }
#pagesold .packagesBoxes .titleBox {
  margin: -36px -35px 25px -35px;
  padding: 35px 30px;
  background: #0086cf;
  color: #fff;
  padding-bottom: 20px;
  min-height: 200px;
  position: relative;
  /*h2.newPrice { font-size: 28px; }*/ }
#pagesold .packagesBoxes .titleBox h3 {
  font-family: 'Roboto Condensed', 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 36px;
  text-transform: capitalize;
  margin: 0 0 .5em 0;
  line-height: 1;
  color: inherit;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.16); }
#pagesold .packagesBoxes .titleBox h2 {
  font-weight: 300;
  font-size: 20px;
  text-transform: uppercase;
  margin: 0 0 .5em 0;
  line-height: 1;
  text-align: left;
  color: inherit; }
#pagesold .packagesBoxes .titleBox h2 i {
  opacity: .7;
  font-style: normal; }
#pagesold .packagesBoxes .titleBox h2 b {
  color: #ffffb4;
  font-weight: bold; }
#pagesold .packagesBoxes .titleBox h2 {
  font-family: 'Roboto Condensed', 'Roboto', sans-serif; }
#pagesold .packagesBoxes .titleBox .monthPrice {
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 .5em 0;
  line-height: 1;
  text-align: left;
  color: inherit; }
#pagesold .packagesBoxes .titleBox .monthPrice i {
  opacity: .7;
  font-style: normal; }
#pagesold .packagesBoxes .titleBox .monthPrice b {
  color: #fff;
  font-weight: bold; }
#pagesold .packagesBoxes .packageInfo ul {
  padding: 0;
  margin: 0 0 -30px 0; }
#pagesold .packagesBoxes .packageInfo li {
  display: block;
  padding: 15px 30px;
  margin: 0 -35px;
  border-top: 1px solid #d8dadf;
  line-height: 1.2;
  font-size: 14px; }
@media screen and (min-width: 1250px) {
  #pagesold .packagesBoxes .titleBox h3 {
    font-size: 30px; } }
@media screen and (max-width: 1300px) and (min-width: 949px) {
  #pagesold .packagesBoxes .package-box .submitArea {
    overflow: visible; }
  #pagesold .packagesBoxes .package-box .submitplan {
    margin: 20px -25px; } }
@media screen and (max-width: 1160px) {
  #pagesold .packagesBoxes .titleBox h3 {
    font-size: 27px; }
  #pagesold .packagesBoxes .package-box .submitplan .btn {
    padding: 18px 10px;
    white-space: normal;
    max-width: 100%;
    min-width: 120px; } }
@media screen and (max-width: 949px) {
  #pagesold .packagesBoxes .currentPlanArrow {
    display: none !important; }
  #pagesold .packagesBoxes .titleBox h3 {
    font-size: 36px; }
  #pagesold .packagesBoxes .titleBox h2, #pagesold .packagesBoxes .titleBox .monthPrice {
    text-align: center; } }
@media screen and (max-width: 950px) {
  #pagesold .splashArea01.unlimited {
    margin-bottom: 20px; }
  #pagesold .unlimitedSkinsDemo #gallery_container {
    max-width: 100%;
    background: #fff;
    padding: 0;
    margin: 40px auto 0 auto;
    padding: 10px;
    height: 500px; } }
@media (max-width: 640px) {
  #pagesold .landerTabs {
    border-left: 1px solid #eee;
    text-align: left;
    border-bottom: none; }
  #pagesold .landerTabs .lt-item {
    display: block;
    text-align: left;
    min-height: 0;
    margin: 10px 0;
    padding: 5px 20px;
    border: none;
    border-left: 2px solid transparent; }
  #pagesold .landerSection h2 {
    font-size: 21px;
    margin: 0 !important; } }
#pagesold .startNowBox {
  text-align: center;
  padding: 80px 50px;
  background: #3eb060;
  margin: 0 -20px; }
#pagesold .questionsBox {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 290px;
  background: #fafafa url("../../design15/images/function_question.jpg");
  background-position: center center;
  background-size: cover;
  text-align: center;
  padding: 50px;
  margin: 0 -20px; }
#pagesold .questionsBox h2 {
  margin-bottom: 35px;
  font-size: 26px; }
#pagesold .landerSection {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding: 80px 0;
  flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  display: flex; }
#pagesold .landerSection > div {
  flex-shrink: 0;
  max-width: 100%; }
#pagesold .landerSection:before {
  content: '';
  border-bottom: 1px solid #e6e5e5;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: -2000px; }
#pagesold .landerSection > .row {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: center; }
#pagesold .landerSection h2 {
  margin-top: 0;
  margin-bottom: .8em; }
#pagesold .landerSection p {
  font-size: 18px; }
#pagesold .landerSection.gray:before {
  position: absolute;
  z-index: 0;
  height: 100%;
  background: #fafafa; }
#pagesold .landerSection.fullheight {
  min-height: 85vh;
  min-height: calc(100vh - 60px); }
@media (min-width: 992px) {
  #pagesold .landerSection.reverse {
    flex-flow: row-reverse; } }
@media screen and (max-width: 640px) {
  #pagesold .landerSection {
    padding: 40px 0; }
  #pagesold .landerSection h1 {
    font-size: 25px; }
  #pagesold .landerSection p {
    font-size: 16px; }
  #pagesold .landerSection p:last-child {
    margin-bottom: 1em; }
  #pagesold .landerSection .col-md-6 img {
    margin-bottom: 30px; }
  #pagesold .landerSection {
    justify-content: flex-end; } }
#pagesold .landerpage {
  position: relative;
  margin: 0 -20px;
  overflow: hidden;
  /* background: #96938c url(/_cms/design15/images/landingsplash-01.jpg) no-repeat center 50%; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  max-height: 132px; }
#pagesold .landerpage.lander03 {
  background-color: #f7f8fa;
  background-image: url("/_cms/design15/images/landingsplash-01.jpg");
  background-position: center 50%; }
@media screen and (max-width: 640px) {
  #pagesold .landerpage_title h1, #pagesold .landerpage_title h2 {
    font-size: 40px;
    letter-spacing: normal;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 1.3; } }
#pagesold .lander03__section02 {
  margin: 0 -20px;
  padding: 50px 20px;
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
#pagesold .lander03__section02 p {
  color: #656d78; }
#pagesold .flexbox {
  display: flex; }
#pagesold .landerSplash {
  margin-top: -20px;
  margin: 0 -50px;
  padding: 0 50px;
  color: #fff;
  font-size: 18px;
  position: relative;
  margin-top: -20px !important;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ed813e), color-stop(100%, #f19f25));
  background-image: -webkit-linear-gradient(left, #ed813e, #f19f25);
  background-image: -moz-linear-gradient(left, #ed813e, #f19f25);
  background-image: -ms-linear-gradient(left, #ed813e, #f19f25);
  background-image: -o-linear-gradient(left, #ed813e, #f19f25);
  background-image: linear-gradient(to bottom right, #ed813e 0%, #f19f25 100%); }
#pagesold .landerSplash p {
  line-height: 1.55; }
@media (min-width: 1200px) {
  #pagesold .landerSplash {
    margin: 0 -1000px;
    padding: 0 1000px;
    margin: 0 -15vw;
    padding: 0 15vw; } }
@media (min-width: 1500px) {
  #pagesold .landerSplash {
    margin: 0 calc(-50vw + 580px);
    padding: 0 calc(50vw - 580px); } }
#pagesold .landerSplash h1 {
  margin: .5em 0;
  line-height: 1.2; }
#pagesold .landerSplash h3 {
  margin: .4em 0;
  font-size: 24px;
  font-weight: normal; }
#pagesold .landerSplash .ls-content {
  width: calc(100vw - 20px);
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 0 30px 0;
  text-align: center;
  position: relative;
  z-index: 1; }
#pagesold .landerSplash.white {
  background: #fafafa;
  color: inherit; }
#pagesold .landerSplash.white .ls-content {
  padding: 80px 0 100px 0; }
#pagesold .landerSplash.big {
  display: flex;
  min-height: 70vh;
  align-items: center; }
#pagesold .landerSplash.big h1 {
  margin-bottom: 80px; }
#pagesold .landerSplash.big h1, #pagesold .landerSplash.big h2 {
  font-size: 52px; }
@media screen and (max-width: 800px) {
  #pagesold .landerSplash h3 {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px; } }
@media (max-width: 640px) {
  #pagesold .landerSplash {
    padding: 40px 0;
    background-size: cover !important; }
  #pagesold .landerSplash .ls-actions .btn {
    font-size: 14px;
    margin: 10px; }
  #pagesold .landerSection.fullheight img#img06 {
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important; } }
#pagesold .featureBoxesItem .fbi-title {
  font-size: 24px;
  color: #000;
  font-family: "Raleway", "Open Sans", Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 25px; }
#pagesold .featureBoxesItem .fbi-descr {
  font-size: 14px;
  color: #8D9399;
  text-align: center; }
#pagesold .featureBoxes {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%; }

/*# sourceMappingURL=tmp_styles-2020.css.map */