@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}
[data-tippy-root]{max-width:calc(100vw - 10px)}
.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;-webkit-transition-property:visibility,opacity,-webkit-transform;transition-property:visibility,opacity,-webkit-transform;transition-property:transform,visibility,opacity;transition-property:transform,visibility,opacity,-webkit-transform}
.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}
.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;-webkit-transform-origin:center top;transform-origin:center top}
.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;-webkit-transform-origin:center bottom;transform-origin:center bottom}
.tippy-box[data-placement^=left]>.tippy-arrow{right:0}
.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;-webkit-transform-origin:center left;transform-origin:center left}
.tippy-box[data-placement^=right]>.tippy-arrow{left:0}
.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;-webkit-transform-origin:center right;transform-origin:center right}
.tippy-box[data-inertia][data-state=visible]{-webkit-transition-timing-function:cubic-bezier(.54,1.5,.38,1.11);transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}
.tippy-arrow{width:16px;height:16px;color:#333}
.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}
.tippy-content{position:relative;padding:5px 9px;z-index:1}
.text-left {
  text-align: left; }
.text-center {
  text-align: center; }
.text-right {
  text-align: right; }
.align-left,
.alignleft {
  float: left;
  margin: 0.35rem 1.25rem 1.25rem 0; }
.align-right,
.alignright {
  float: right;
  margin: 0.35rem 0 1.25rem 1.25rem; }
.align-center,
.alignnone,
.aligncenter {
  float: none; }
.alignnone {
  margin: 0.35rem 0 1.25rem; }
.aligncenter {
  display: block;
  margin: 0.35rem auto 1.25rem; }
.hidden,
[hidden] {
  display: none !important; }
.screen-reader {
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }
.svg-icon {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  fill: currentColor; }
.svg-icon svg {
    width: 100%;
    height: 100%;
    vertical-align: top; }
@-webkit-keyframes slideDown {
  from {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes slideDown {
  from {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-webkit-keyframes slideTop {
  from {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes slideTop {
  from {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-webkit-keyframes leftToRight {
  from {
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes leftToRight {
  from {
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-webkit-keyframes RightToLeft {
  from {
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes RightToLeft {
  from {
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0); }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
body {
  min-width: 320px;
  margin: 0;
  color: #4A4A4A;
  font: 400 14px/20px "Lato", sans-serif;
  background: #F0F2F2; }
@media screen and (max-width: 767px) {
  body {
    font-size: 12px;
    line-height: 18px; } }
h1 {
  margin: 0;
  font-weight: 300;
  font-size: 36px;
  line-height: 44px; }
h2 {
  margin: 0;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px; }
h3 {
  margin: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px; }
a {
  color: inherit;
  text-decoration: none; }
.wrapper {
  overflow: hidden;
  position: relative; }
.main {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 34px 60px; }
@media screen and (max-width: 1024px) {
  .main {
    padding: 34px 40px; } }
@media screen and (max-width: 973px) {
  .main {
    padding: 34px 20px; } }
.basic-page-section {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 34px 60px; }
@media screen and (max-width: 1023px) {
  .basic-page-section {
    padding: 20px; } }
@media screen and (max-width: 767px) {
  .basic-page-section {
    padding: 0; } }
.basic-page-content {
  background: #fff;
  -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  overflow: hidden;
  padding: 20px;
  color: #062A61; }
@media screen and (max-width: 1023px) {
  .basic-page-content {
    font-size: 12px;
    line-height: 18px; } }
.basic-page-content img {
    margin: 0 0 50px; }
@media screen and (max-width: 1023px) {
  .basic-page-content img {
    width: 40%;
    margin-bottom: 20px; } }
@media screen and (max-width: 767px) {
  .basic-page-content img {
    float: left;
    margin: 0 0 20px !important;
    width: 100%; } }
.basic-page-content img.align-left {
      margin-right: 50px; }
@media screen and (max-width: 1023px) {
  .basic-page-content img.align-left {
    margin-right: 20px; } }
.basic-page-content img.align-right {
      margin-left: 50px; }
@media screen and (max-width: 1023px) {
  .basic-page-content img.align-right {
    margin-left: 20px; } }
.basic-page-content img.align-center {
      margin-right: auto;
      margin-left: auto; }
.basic-page-content h2,
  .basic-page-content h3,
  .basic-page-content h4,
  .basic-page-content h5,
  .basic-page-content h6 {
    margin: 0 0 20px;
    color: #0079C1;
    font-weight: 400; }
.basic-page-content h2 {
    font-size: 24px;
    line-height: 30px; }
@media screen and (max-width: 1023px) {
  .basic-page-content h2 {
    font-size: 16px;
    line-height: 20px; } }
.basic-page-content h3 {
    font-size: 22px;
    line-height: 28px; }
@media screen and (max-width: 1023px) {
  .basic-page-content h3 {
    font-size: 14px;
    line-height: 20px; } }
.basic-page-content h4 {
    font-size: 20px;
    line-height: 26px; }
@media screen and (max-width: 1023px) {
  .basic-page-content h4 {
    font-size: 12px;
    line-height: 18px; } }
.basic-page-content h5 {
    font-size: 18px;
    line-height: 24px; }
@media screen and (max-width: 1023px) {
  .basic-page-content h5 {
    font-size: 12px;
    line-height: 18px; } }
.basic-page-content h6 {
    font-size: 16px;
    line-height: 22px; }
@media screen and (max-width: 1023px) {
  .basic-page-content h6 {
    font-size: 12px;
    line-height: 18px; } }
.basic-page-content ol, .basic-page-content ul {
    margin: 0 0 20px;
    overflow: hidden; }
@media screen and (max-width: 767px) {
  .basic-page-content ol, .basic-page-content ul {
    width: 100%; } }
.basic-page-content ol li, .basic-page-content ul li {
      margin: 0 0 10px;
      position: relative; }
.basic-page-content ol li:last-child, .basic-page-content ul li:last-child {
        margin: 0; }
.basic-page-content ul li {
    padding-left: 16px; }
.basic-page-content ul li::after {
      content: "";
      width: 6px;
      height: 6px;
      background: #062A61;
      border-radius: 50%;
      position: absolute;
      top: 8px;
      left: 0; }
.basic-page-content ol li {
    padding: 0 0 0 26px;
    position: relative; }
.basic-page-content ol li::before {
      position: absolute;
      top: 0;
      left: 0;
      margin-right: 6px;
      width: 20px;
      text-align: right; }
.basic-page-content ol li li {
      padding: 0 0 0 46px; }
.basic-page-content ol li li::before {
        width: 40px; }
.basic-page-content ol ol {
    padding-top: 10px; }
.basic-page-content blockquote {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 0 60px;
    font-style: italic; }
.basic-page-content blockquote::after {
      content: ',,';
      position: absolute;
      top: 0;
      left: 0;
      font-size: 100px;
      line-height: 120px;
      color: #0079C1;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
.basic-page-content blockquote p, .basic-page-content blockquote q, .basic-page-content blockquote cite {
      margin: 0; }
.basic-page-content blockquote cite {
      font-weight: 700;
      font-style: normal; }
.basic-page-content table {
    margin: 0 0 20px;
    width: 100%; }
.basic-page-content table caption {
      margin: 0 0 10px;
      color: #0079C1;
      font-size: 20px;
      line-height: 24px; }
@media screen and (max-width: 1023px) {
  .basic-page-content table caption {
    font-size: 16px;
    line-height: 20px; } }
.basic-page-content table th, .basic-page-content table td {
      border: 1px solid #0079C1;
      padding: 6px; }
.basic-page-content a {
    color: #0079C1;
    text-decoration: underline; }
.no-touchevents .basic-page-content a:hover,
    .no-js .basic-page-content a:hover,
    .dj-no-device .basic-page-content a:hover,
    .dj-no-touch .basic-page-content a:hover, .basic-page-content a:focus {
      text-decoration: none; }
.basic-page-content p {
    margin: 0 0 20px; }
.basic-page-content p:last-child {
      margin: 0; }
.wco_hs-lfb-banner {
  color: #fff;
  background: #0079C1;
  padding: 10px;
  margin: 6px 6px -20px;
  border-radius: 6px;
  overflow: hidden; }
input,
textarea {
  outline-width: 0; }
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
body {
  -webkit-text-size-adjust: 100%; }
ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none outside none; }
ol {
  counter-reset: item; }
ol li {
    display: block; }
ol li:before {
      content: counters(item, ".") ". ";
      counter-increment: item; }
ol li li {
      padding-left: 10px; }
ol li li:before {
        content: counters(item, ".") ". "; }
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }
img,
iframe,
video,
audio,
object {
  max-width: 100%; }
img,
iframe {
  border: 0 none; }
img {
  height: auto;
  display: inline-block;
  vertical-align: top; }
svg:not(:root) {
  overflow: hidden; }
figure {
  margin: 0; }
fieldset {
  padding: 0; }
button,
input[type='submit'],
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='image'],
label[for] {
  cursor: pointer;
  outline: none; }
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
  cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }
input[type='text'],
input[type='password'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='month'],
input[type='week'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'],
input[type='color'],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none; }
textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }
button,
select {
  text-transform: none; }
input::-webkit-input-placeholder {
  color: inherit;
  opacity: 1; }
input:-ms-input-placeholder {
  color: inherit;
  opacity: 1; }
input::-ms-input-placeholder {
  color: inherit;
  opacity: 1; }
input::placeholder {
  color: inherit;
  opacity: 1; }
textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 1; }
textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 1; }
textarea::-ms-input-placeholder {
  color: inherit;
  opacity: 1; }
textarea::placeholder {
  color: inherit;
  opacity: 1; }
input:-webkit-autofill {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 62.5rem #fff inset;
          box-shadow: 0 0 0 62.5rem #fff inset; }
.btn {
  display: inline-block;
  border: 1px solid #DBDBDB;
  background: #fff;
  border-radius: 20px;
  color: #4A4A4A;
  position: relative;
  min-width: 145px;
  padding: 11px 30px 11px;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  cursor: pointer; }
.add-tag-submit,
.add-comment-submit {
  background: #062A61;
  border-radius: 15px;
  color: #fff; }
.add-tag-submit input,
  .add-comment-submit input {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    text-align: center;
    width: 100%;
    font-size: 12px;
    line-height: 30px; }
.btn-login {
  padding: 11px 40px 11px; }
@media screen and (max-width: 973px) {
  .btn-login {
    padding: 8px 14px 8px 28px;
    min-width: auto;
    float: right; } }
.btn-login .user-icon {
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
@media screen and (max-width: 973px) {
  .btn-login .user-icon {
    left: 12px; } }
.btn-login.sign-in {
    background: #062A61;
    border-color: #062A61;
    color: #fff; }
.btn-login.sign-in .user-icon {
      color: #fff; }
.btn-general-rules {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  background: #748298;
  border-radius: 4px;
  color: #fff;
  padding: 6px 60px 6px 24px;
  margin: 0 0 18px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  position: relative; }
.btn-general-rules::after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 40px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-arrow-right-white.svg) no-repeat 100% 50%; }
@media screen and (max-width: 767px) {
  .btn-general-rules {
    font-size: 10px;
    padding: 6px 30px 6px 12px; }
    .btn-general-rules::after {
      right: 12px; } }
.btn-mobile-menu {
  display: none;
  width: 22px;
  height: 16px;
  margin: 7px 0;
  position: relative;
  overflow: hidden;
  float: left;
  cursor: pointer; }
@media screen and (max-width: 973px) {
  .btn-mobile-menu {
    display: block; } }
.btn-mobile-menu span, .btn-mobile-menu::before, .btn-mobile-menu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #4E4E4E;
    border-radius: 2px; }
.btn-mobile-menu span {
    top: 50%;
    left: 0;
    margin-top: -1px;
    display: block; }
.btn-mobile-menu::before {
    top: 0;
    left: 0; }
.btn-mobile-menu::after {
    bottom: 0;
    left: 0; }
.btn-mobile-menu.active span {
    display: none; }
.btn-mobile-menu.active::after, .btn-mobile-menu.active::before {
    width: 70%;
    height: 3px; }
.btn-mobile-menu.active::after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    bottom: 7px;
    left: 4px; }
.btn-mobile-menu.active::before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 6px;
    left: 4px; }
.btn-see-all {
  background: #748298;
  border-color: #748298;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  min-width: 132px; }
.btn-pricing {
  font-size: 12px;
  line-height: 16px;
  color: #062A61;
  background: #fff;
  border-color: #fff;
  font-weight: 700; }
.read-more {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  padding: 0 40px 0 0;
  position: relative;
  font-weight: 700;
  background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-arrow-right-blue.svg) no-repeat 100% 50%; }
.no-touchevents .read-more:hover,
  .no-js .read-more:hover,
  .dj-no-device .read-more:hover,
  .dj-no-touch .read-more:hover, .read-more:focus {
    text-decoration: underline; }
.btn-list {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.btn-list .btn {
    margin: 0 12px; }
@media screen and (max-width: 767px) {
  .btn-list .btn {
    margin: 0 3px; }
    .btn-list .btn:first-child {
      margin-left: 0; }
    .btn-list .btn:last-child {
      margin-right: 0; } }
.btn-abc,
.btn-add-text {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  border: 0;
  font-weight: 700;
  padding: 10px 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
@media screen and (max-width: 767px) {
  .btn-abc,
  .btn-add-text {
    font-size: 10px;
    line-height: 12px; } }
.btn-abc {
  background: #748298; }
.plus-icon,
.abc-icon {
  width: 20px;
  height: 20px;
  overflow: hidden;
  margin: 0 0 0 20px;
  position: relative; }
.plus-icon {
  margin: 0 0 0 10px; }
.plus-icon::after, .plus-icon::before {
    content: "";
    width: 8px;
    height: 2px;
    position: absolute;
    top: 9px;
    left: 6px;
    background: #fff;
    overflow: hidden;
    border-radius: 2px; }
.plus-icon::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
.btn-add-text {
  background: #0079C1; }
.diff-btn {
  position: absolute;
  top: 0;
  right: 90px;
  background: #7ED321;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  font-weight: normal;
  cursor: pointer;
  padding: 0 10px; }
@media screen and (max-width: 768px) {
  .diff-btn {
    right: 10px; } }
.btn-edit {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  line-height: 21px;
  color: #062A61;
  font-weight: 700;
  padding: 6px 24px 6px 44px;
  min-width: auto; }
.btn-edit .icon {
    width: 15px;
    height: 15px;
    overflow: hidden;
    position: relative;
    position: absolute;
    top: 9px;
    left: 16px; }
.btn-remove {
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-remove.svg) no-repeat 50% 50%; }
.btn-delete-tag {
  background: #fff;
  font-size: 12px;
  line-height: 30px;
  font-weight: 700;
  padding: 0 16px;
  border-radius: 15px; }
.footer {
  overflow: hidden;
  background: #fff;
  padding: 18px 0;
  border-top: 1px solid #E2E5EA; }
.footer-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 60px 0 0; }
@media screen and (max-width: 974px) {
  .footer-logo {
    margin: 0 auto;
    width: 80px; } }
@media screen and (max-width: 767px) {
  .footer-logo {
    margin: 0 auto 20px; } }
.footer-logo .icon {
    overflow: hidden; }
.footer-logo .slogan {
    font-weight: 900;
    font-size: 12px;
    line-height: 14px;
    color: #0079C1; }
.footer-logo .slogan span {
      color: #888A8C;
      font-size: 8px;
      display: inline-block;
      vertical-align: top; }
.footer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 60px; }
@media screen and (max-width: 974px) {
  .footer-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 20px; } }
.footer-container .holder {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
.footer-container .menu-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #E2E5EA;
    overflow: hidden; }
@media screen and (max-width: 1024px) {
  .footer-container .menu-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
.copyright-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  line-height: 16px;
  color: #748298;
  padding: 12px 0; }
.copyright-block p {
    margin: 0; }
.footer-disclaimer {
  font-size: 14px;
  line-height: 20px;
  color: #748298;
  overflow: hidden;
  background: #fff;
  position: relative;
  z-index: 10;
  margin: 0 0 -1px; }
.footer-disclaimer > div {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 36px 60px 0; }
@media screen and (max-width: 973px) {
  .footer-disclaimer > div {
    padding: 20px 20px 0; } }
.footer-disclaimer p {
    margin: 0; }
.header {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 8px 0;
  z-index: 500; }
@media screen and (max-width: 973px) {
  .header {
    padding: 0; } }
.header .logo {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
@media screen and (max-width: 973px) {
  .header .logo {
    width: 34px;
    position: absolute;
    top: 6px;
    left: 50%;
    z-index: 20;
    margin: 0 0 0 -19px; } }
.header .logo .icon {
      overflow: hidden; }
.header .logo .slogan {
      font-weight: 900;
      font-size: 12px;
      line-height: 14px;
      color: #0079C1;
      margin: 0 0 0 22px; }
@media screen and (max-width: 1024px) {
  .header .logo .slogan {
    display: none; } }
.header.mobile-menu-open {
    position: fixed;
    bottom: 0; }
.header.mobile-menu-open .main-menu {
      display: block; }
.header.mobile-menu-open .lang-switch {
      display: block; }
.header.mobile-menu-open .btn-login {
      display: none; }
.header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 60px;
  position: relative; }
@media screen and (max-width: 973px) {
  .header-container {
    padding: 0;
    display: block; } }
.header-container .holder {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
@media screen and (max-width: 973px) {
  .header-container .holder {
    padding: 6px 10px;
    display: block;
    position: relative; } }
.popup-notification .dmb-notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
@media screen and (max-width: 973px) {
  .popup-notification .dmb-notification .home-slider__slide {
    width: auto; } }
.popup-notification .dmb-notification-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1; }
.popup-notification .close-dmb-notification {
  -ms-flex-item-align: center;
      align-self: center;
  margin: 35px 88px 35px 20px;
  min-width: 141px;
  padding: 12px 30px 12px;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 20px;
  position: relative;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  cursor: pointer;
  -webkit-transition: color 0.25s ease-in, background-color 0.25s ease-in, border-color 0.25s ease-in;
  transition: color 0.25s ease-in, background-color 0.25s ease-in, border-color 0.25s ease-in; }
@media screen and (max-width: 973px) {
  .popup-notification .close-dmb-notification {
    margin: 0 0 0 20px;
    min-width: 0;
    padding: 8px 27px;
    font-size: 10px;
    line-height: 12px; } }
.popup-notification .alert {
  background: #062A61;
  color: #fff; }
.popup-notification .alert .close-dmb-notification {
    color: #062A61; }
.popup-notification .notification {
  background: #7ED321;
  color: #fff; }
.popup-notification .notification .close-dmb-notification {
    color: #7ED321; }
.popup-notification .other {
  background: #009e92;
  color: #fff; }
.popup-notification .other .close-dmb-notification {
    color: #009e92; }
.popup-notification .home-slider__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
@media screen and (max-width: 973px) {
  .popup-notification .home-slider__slide {
    display: block;
    width: 280px;
    margin: 0 auto; } }
.popup-notification .home-slider__info {
  max-width: 700px;
  margin: 10px 0 35px 88px; }
@media screen and (max-width: 973px) {
  .popup-notification .home-slider__info {
    margin: 10px 0 0; } }
.popup-notification .home-slider__image {
  max-width: 55%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 37px; }
@media screen and (max-width: 973px) {
  .popup-notification .home-slider__image {
    max-width: none;
    margin: 0; } }
.popup-notification .home-slider__image img {
    display: block;
    max-width: 100%;
    max-height: 470px;
    width: auto; }
.popup-notification .home-slider__title {
  margin: 0 0 21px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 23px;
  line-height: 29px;
  color: #fff; }
@media screen and (max-width: 973px) {
  .popup-notification .home-slider__title {
    margin: 19px 0 16px; } }
.popup-notification .home-slider__subtitle {
  font-size: 23px;
  line-height: 29px;
  margin: 0 0 13px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #fff; }
@media screen and (max-width: 973px) {
  .popup-notification .home-slider__subtitle {
    margin: 10px 0; } }
.popup-notification .home-slider__text {
  margin: 0 0 10px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #fff; }
@media screen and (max-width: 973px) {
  .popup-notification .home-slider__text {
    margin: 10px 0 15px;
    font-size: 12px;
    line-height: 18px; } }
.popup-notification .home-slider__text p {
    margin: 0; }
.popup-notification .home-slider__link {
  min-width: 141px;
  padding: 12px 30px 12px; }
@media screen and (max-width: 973px) {
  .popup-notification .home-slider__link {
    min-width: 0;
    margin: 0 0 13px;
    padding: 8px 27px;
    font-size: 10px; } }
.popup-notification + .header {
  position: static; }
.user-icon {
  width: 12px;
  height: 14px;
  display: inline-block;
  color: #0079C1; }
.lang-switch {
  margin: 0 10px 0 0;
  position: relative; }
.lang-switch .custom-select {
    opacity: 0;
    width: 72px;
    height: 36px; }
@media screen and (max-width: 973px) {
  .lang-switch {
    display: none; } }
.lang-switch .jcf-select {
    height: 36px; }
.jcf-select {
  border: 1px solid #DBDBDB;
  background: #fff;
  border-radius: 18px;
  min-width: 72px;
  padding: 8px 40px 8px 16px;
  font-size: 10px;
  line-height: 18px;
  position: relative;
  cursor: pointer;
  display: block; }
.jcf-select select {
    left: 0;
    top: 0; }
.jcf-select .jcf-select-text {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden; }
.jcf-select .jcf-select-opener {
    position: absolute;
    top: 9px;
    right: 18px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
.jcf-select .jcf-select-opener::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      border: solid #748298;
      border-width: 0 3px 3px 0;
      padding: 4px;
      border-radius: 2px; }
.jcf-select.jcf-drop-active {
    border-radius: 18px 18px 0 0;
    border-bottom-color: #fff; }
.jcf-select.jcf-drop-active .jcf-select-opener {
      -webkit-transform: rotate(-135deg);
              transform: rotate(-135deg);
      top: 15px; }
.jcf-select.jcf-drop-active .jcf-select-opener::after {
        border-color: #0079C1; }
.jcf-select-drop {
  z-index: 9999; }
.jcf-select-drop .jcf-select-drop-content {
    border: solid #DBDBDB;
    background: #fff;
    border-radius: 0 0 18px 18px;
    border-width: 0 1px 1px;
    font-size: 10px;
    line-height: 12px;
    padding: 0 16px;
    color: #062A61; }
.jcf-select-drop .jcf-select-drop-content ul {
      overflow: hidden; }
.jcf-select-drop .jcf-select-drop-content ul li {
        margin: 0 0 10px; }
.jcf-select-drop .jcf-select-drop-content .jcf-option {
      display: block;
      cursor: pointer; }
.jcf-select-contact-select .jcf-select-drop-content .jcf-list-content ul li:first-child {
  height: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden; }
.preview-container {
  height: calc(100vh - 70px);
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
.preview-container .container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 25px; }
.preview-container .main-header-preview {
    height: 80px;
    overflow: hidden;
    -webkit-box-shadow: 0 6px 9px rgba(0, 0, 0, 0.12);
            box-shadow: 0 6px 9px rgba(0, 0, 0, 0.12);
    margin-bottom: 20px; }
.preview-container .main-header-preview h1 {
      margin: 0;
      font-size: 40px;
      line-height: 95px; }
.preview-container h2 {
    margin: 0 0 15px; }
.preview-container .row {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
.preview-container .col {
    float: left;
    width: 20%;
    padding: 10px; }
.preview-container .img {
    overflow: hidden;
    height: 250px;
    display: block; }
.preview-container .caption {
    text-align: center; }
.preview-container .caption h4 {
      margin: 15px 0;
      font-size: 14px;
      line-height: 17px; }
.preview-container .btn-design {
    display: inline-block;
    border: 1px solid #000;
    padding: 3px 10px 0;
    font-size: 12px;
    line-height: 15px;
    border-radius: 5px; }
@media only screen and (max-width: 1024px) {
  .preview-container .col {
    width: 25%; } }
@media only screen and (max-width: 768px) {
  .preview-container .col {
    width: 33%; }
  .preview-container .img {
    height: 150px; }
  .preview-container h2 {
    font-size: 18px;
    margin-bottom: 10px; } }
@media only screen and (max-width: 580px) {
  .preview-container .col {
    width: 50%; } }
.preview-element-list ul {
  overflow: hidden; }
.preview-element-list ul li {
    float: left;
    padding: 10px; }
.abc-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  overflow: hidden;
  padding: 12px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 18px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 700;
  color: #062A61; }
@media screen and (max-width: 767px) {
  .abc-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 14px;
    line-height: 25px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }
@media screen and (max-width: 767px) {
  .abc-list li {
    margin: 4px; } }
.abc-list li a, .abc-list li span {
    display: block;
    text-align: center;
    border-radius: 4px;
    overflow: hidden; }
@media screen and (max-width: 767px) {
  .abc-list li a, .abc-list li span {
    width: 25px;
    height: 25px; } }
.abc-list li span {
    color: #92A2B8; }
.abc-list li.active a {
    font-size: 24px;
    font-weight: 500;
    width: 48px;
    height: 48px;
    color: #fff;
    background: #0079C1; }
@media screen and (max-width: 767px) {
  .abc-list li.active a {
    width: 25px;
    height: 25px;
    font-size: 14px;
    line-height: 25px; } }
.aphabetical-list {
  border-top: 1px solid #C0C2C2;
  overflow: hidden;
  padding: 0 60px;
  background: #F0F2F2; }
@media screen and (max-width: 1023px) {
  .aphabetical-list {
    padding: 0 20px; } }
.aphabetical-info {
  background: #fff;
  padding: 50px 60px; }
@media screen and (max-width: 1023px) {
  .aphabetical-info {
    padding: 30px 20px; } }
@media screen and (max-width: 767px) {
  .aphabetical-info {
    padding: 0; } }
.aphabetical-info .info-content {
    overflow: hidden;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    position: relative; }
.aphabetical-info .info-content::before, .aphabetical-info .info-content::after {
      content: "";
      width: 192px;
      position: absolute;
      top: 0;
      right: 1px;
      bottom: 0;
      background: #F8F8F8;
      border-radius: 4px;
      z-index: 1; }
@media screen and (max-width: 1023px) {
  .aphabetical-info .info-content::before, .aphabetical-info .info-content::after {
    width: 120px; } }
@media screen and (max-width: 767px) {
  .aphabetical-info .info-content::before, .aphabetical-info .info-content::after {
    width: 96px;
    background: #F3F3F4;
    right: 0px; } }
.aphabetical-info .info-content::after {
      right: 195px; }
@media screen and (max-width: 1023px) {
  .aphabetical-info .info-content::after {
    right: 123px; } }
@media screen and (max-width: 767px) {
  .aphabetical-info .info-content::after {
    display: none; } }
@media screen and (max-width: 767px) {
  .aphabetical-info .aphabetical-content {
    overflow: auto;
    width: auto; } }
.aphabetical-info .col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 192px;
            flex: 0 0 192px;
    overflow: hidden;
    max-width: 192px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    margin: 0 1px;
    padding: 18px 34px;
    background: #F3F3F4;
    border-radius: 4px;
    -webkit-transition: -webkit-transform 0s ease;
    transition: -webkit-transform 0s ease;
    transition: transform 0s ease;
    transition: transform 0s ease, -webkit-transform 0s ease; }
.aphabetical-info .col.col-long {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      overflow: hidden;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      max-width: none;
      margin: 0 28px 0 0;
      background: #fff;
      padding: 0;
      border-bottom: 1px solid #E5E5E5;
      text-align: left;
      border-radius: 0; }
.aphabetical-info .col.col-long .alphabetical-index-name {
        font-weight: 700;
        color: #062A61; }
@media screen and (max-width: 767px) {
  .aphabetical-info .col.col-long {
    margin: 0; } }
@media screen and (max-width: 1023px) {
  .aphabetical-info .col {
    padding: 18px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px; } }
@media screen and (max-width: 767px) {
  .aphabetical-info .col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 96px;
            flex: 0 0 96px;
    width: 96px; } }
@media screen and (max-width: 767px) {
  .aphabetical-info .hs-note,
  .aphabetical-info .en-note {
    background: #F3F3F4;
    margin: 0; } }
.aphabetical-info .title-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    color: #062A61;
    overflow: hidden;
    margin: 0 0 38px;
    position: relative;
    z-index: 10; }
@media screen and (max-width: 767px) {
  .aphabetical-info .title-row {
    margin: 0 0 18px; } }
.aphabetical-info .title-row h2 {
      font-weight: 500; }
@media screen and (max-width: 767px) {
  .aphabetical-info .title-row h2 {
    font-size: 16px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 16px 20px; } }
@media screen and (max-width: 767px) {
  .aphabetical-info .title-row .item-found {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    border-bottom: 1px solid #E5E5E5;
    padding: 16px 20px; } }
.aphabetical-info .title-row h3 {
      font-size: 16px;
      line-height: 16px;
      font-weight: 700; }
@media screen and (max-width: 767px) {
  .aphabetical-info .title-row h3 {
    display: none;
    font-size: 10px; } }
@media screen and (max-width: 767px) {
  .aphabetical-info .title-row .col-long {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; } }
@media screen and (max-width: 767px) {
  .aphabetical-info .title-row .hs-note,
  .aphabetical-info .title-row .en-note {
    top: auto;
    width: 48px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
    padding: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    color: #9B9B9B; }
    .aphabetical-info .title-row .hs-note h3,
    .aphabetical-info .title-row .en-note h3 {
      line-height: 12px; }
    .aphabetical-info .title-row .hs-note.active,
    .aphabetical-info .title-row .en-note.active {
      background: #F3F3F4;
      color: #062A61; } }
@media screen and (max-width: 767px) {
  .aphabetical-info .title-row .hs-note {
    right: 48px;
    border-radius: 4px 0 0 0; } }
@media screen and (max-width: 767px) {
  .aphabetical-info .title-row .en-note {
    border-radius: 0 4px 0 0; } }
.aphabetical-info .title-row .ttl-mobile {
      display: none; }
@media screen and (max-width: 767px) {
  .aphabetical-info .title-row .ttl-mobile {
    display: block; } }
.aphabetical-info .info-row {
    font-size: 14px;
    line-height: 18px;
    position: relative;
    z-index: 10; }
@media screen and (max-width: 767px) {
  .aphabetical-info .info-row {
    font-size: 12px;
    line-height: 16px; } }
.aphabetical-info .info-row .open-icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 30px;
      height: 30px;
      background: #0079C1;
      border-radius: 50%;
      cursor: pointer;
      display: none; }
@media screen and (max-width: 767px) {
  .aphabetical-info .info-row .open-icon {
    top: 6px;
    left: 6px;
    width: 17px;
    height: 17px; } }
.aphabetical-info .info-row .open-icon::before, .aphabetical-info .info-row .open-icon::after {
        content: "";
        width: 10px;
        height: 2px;
        background: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -1px 0 0 -5px; }
@media screen and (max-width: 767px) {
  .aphabetical-info .info-row .open-icon::before, .aphabetical-info .info-row .open-icon::after {
    width: 7px;
    height: 1px;
    margin: -1px 0 0 -4px; } }
.aphabetical-info .info-row .open-icon::after {
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg); }
.aphabetical-info .info-row .open-icon.active::after {
        display: none; }
.aphabetical-info .info-row .info-row .open-icon {
      left: -14px; }
.aphabetical-info .info-row .info-row.with-children > .desc {
      padding: 0 0 0 20px; }
.aphabetical-info .info-row.with-children {
      margin-top: 20px;
      margin-bottom: 20px; }
.aphabetical-info .info-row.with-children .open-icon {
        display: block; }
@media screen and (max-width: 767px) {
  .aphabetical-info .info-row.with-children .desc {
    padding-left: 26px; } }
.aphabetical-info .info-row:last-child {
      margin-bottom: 20px; }
.aphabetical-info .info-row.sub-section-open .sub-items.sub-section-open {
      visibility: visible;
      height: auto; }
.aphabetical-info .info-row strong {
      color: #062A61; }
.aphabetical-info .info-row .desc {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      position: relative;
      padding: 0 0 0 40px; }
@media screen and (max-width: 767px) {
  .aphabetical-info .info-row .desc {
    padding-left: 14px; } }
.aphabetical-info .info-row .col {
      padding: 6px;
      border-radius: 0;
      background: #F8F8F8; }
@media screen and (max-width: 767px) {
  .aphabetical-info .info-row .col {
    background: #F3F3F4; } }
.aphabetical-info .info-row .hs-note,
    .aphabetical-info .info-row .en-note {
      overflow-wrap: break-word;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
@media screen and (max-width: 767px) {
  .aphabetical-info .info-row .hs-note,
  .aphabetical-info .info-row .en-note {
    display: none; }
    .aphabetical-info .info-row .hs-note.active,
    .aphabetical-info .info-row .en-note.active {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
.aphabetical-info .info-row .en-note a {
      margin: 0 4px; }
.aphabetical-info .info-row .col-long {
      border: none;
      background: #fff; }
.aphabetical-info .info-row .sub-items {
      padding: 0 0 0 20px;
      margin-left: 40px;
      background: #F8F8F8;
      overflow: hidden;
      border-radius: 4px;
      height: 0;
      visibility: hidden; }
@media screen and (max-width: 767px) {
  .aphabetical-info .info-row .sub-items {
    margin-left: 16px;
    padding: 0 0 0 10px; } }
.aphabetical-info .info-row .sub-items .sub-items {
        margin-left: 0;
        border-left: 1px dotted #0079C1;
        border-radius: 0; }
.aphabetical-info .info-row .sub-items .col {
        background: #F3F3F4; }
.aphabetical-info .info-row .sub-items .col-long {
        background: #F8F8F8;
        border-top: 1px solid #E5E5E5; }
@media screen and (max-width: 767px) {
  .aphabetical-info .info-row .sub-items .col-long {
    margin-right: 10px; } }
.aphabetical-info .info-row .sub-items .col-long .alphabetical-index-name {
          font-weight: 400;
          color: #0079C1; }
.aphabetical-info .info-row .sub-items .desc {
        padding: 0; }
.aphabetical-info .info-row .sub-items .desc:first-child .col-long {
          border: 0; }
.aphabetical-info a {
    color: #0079C1; }
.no-touchevents .aphabetical-info a:hover,
    .no-js .aphabetical-info a:hover,
    .dj-no-device .aphabetical-info a:hover,
    .dj-no-touch .aphabetical-info a:hover, .aphabetical-info a:focus {
      text-decoration: underline; }
.alphabetical-empty-results {
  max-width: 1160px;
  margin: 0 auto;
  overflow: hidden; }
.pager-wrapp {
  background: #F0F2F2;
  overflow: hidden;
  padding: 30px 60px; }
@media screen and (max-width: 1023px) {
  .pager-wrapp {
    padding: 20px; } }
.add-text-section,
.aphabetical-section {
  overflow: hidden; }
.add-text-section .title-block,
  .aphabetical-section .title-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 34px 60px; }
@media screen and (max-width: 1023px) {
  .add-text-section .title-block,
  .aphabetical-section .title-block {
    padding: 30px; } }
@media screen and (max-width: 767px) {
  .add-text-section .title-block,
  .aphabetical-section .title-block {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
@media screen and (max-width: 767px) {
  .add-text-section .title-block #additional-texts-filters,
  .add-text-section .title-block #nomenclature-filters,
  .aphabetical-section .title-block #additional-texts-filters,
  .aphabetical-section .title-block #nomenclature-filters {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%; } }
.add-text-section .title-block #additional-texts-filters .form-item,
    .add-text-section .title-block #nomenclature-filters .form-item,
    .aphabetical-section .title-block #additional-texts-filters .form-item,
    .aphabetical-section .title-block #nomenclature-filters .form-item {
      padding: 0 0 0 34px; }
@media screen and (max-width: 767px) {
  .add-text-section .title-block #additional-texts-filters .form-item,
  .add-text-section .title-block #nomenclature-filters .form-item,
  .aphabetical-section .title-block #additional-texts-filters .form-item,
  .aphabetical-section .title-block #nomenclature-filters .form-item {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
.add-text-section .title-block .filters-form-wrapper,
    .aphabetical-section .title-block .filters-form-wrapper {
      margin: 0; }
@media screen and (max-width: 767px) {
  .add-text-section .title-block .filters-form-wrapper,
  .aphabetical-section .title-block .filters-form-wrapper {
    width: 100%; } }
.add-text-section .title-block h2,
    .aphabetical-section .title-block h2 {
      font-size: 24px;
      line-height: 30px;
      color: #021634; }
@media screen and (max-width: 767px) {
  .add-text-section .title-block h2,
  .aphabetical-section .title-block h2 {
    margin: 0 0 20px; } }
.add-text-section .section-content,
  .aphabetical-section .section-content {
    background: #fff;
    overflow: hidden; }
.add-text-section .content-block,
  .aphabetical-section .content-block {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 46px 10px; }
@media screen and (max-width: 1023px) {
  .add-text-section .content-block,
  .aphabetical-section .content-block {
    padding: 30px 16px 0; } }
@media screen and (max-width: 767px) {
  .add-text-section .content-block,
  .aphabetical-section .content-block {
    padding: 20px 20px 10px; } }
.list-of-additional-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  font-size: 14px;
  line-height: 18px;
  color: #062A61;
  font-weight: 700; }
.list-of-additional-text li {
    width: 33.33333%;
    margin: 0 0 30px; }
@media screen and (max-width: 1023px) {
  .list-of-additional-text li {
    width: 50%; } }
@media screen and (max-width: 767px) {
  .list-of-additional-text li {
    width: 100%;
    margin: 0 0 10px; } }
.list-of-additional-text li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid #E5E5E5;
      -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
              box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
      border-radius: 4px;
      background: #fff;
      position: relative;
      padding: 30px 60px 30px 30px;
      margin: 0 15px; }
@media screen and (max-width: 767px) {
  .list-of-additional-text li a {
    margin: 0;
    padding: 20px 60px 20px 20px; } }
.list-of-additional-text li a::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 24px;
        width: 18px;
        height: 30px;
        margin: -15px 0 0;
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg);
        background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-slider-arrow.svg) no-repeat 50% 50%; }
.nomenclature-item-footer {
  overflow: hidden; }
.item-footer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 20px;
  color: #062A61;
  margin: 0 0 36px; }
@media screen and (max-width: 767px) {
  .item-footer-list {
    margin: 0 0 26px; } }
.item-footer-list li {
    padding: 0 18px; }
.item-footer-list li:first-child {
      padding-left: 0; }
.item-footer-list li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
.item-footer-list li a.disabled {
        cursor: default;
        opacity: 0.4; }
.no-touchevents .item-footer-list li a.disabled:hover .txt,
        .no-js .item-footer-list li a.disabled:hover .txt,
        .dj-no-device .item-footer-list li a.disabled:hover .txt,
        .dj-no-touch .item-footer-list li a.disabled:hover .txt, .item-footer-list li a.disabled:focus .txt {
          border-bottom: 1px dashed #0079C1; }
.no-touchevents .item-footer-list li a:hover .txt,
      .no-js .item-footer-list li a:hover .txt,
      .dj-no-device .item-footer-list li a:hover .txt,
      .dj-no-touch .item-footer-list li a:hover .txt, .item-footer-list li a:focus .txt {
        border-color: transparent; }
.item-footer-list li .btn-show-tags,
    .item-footer-list li .btn-show-comments {
      position: relative; }
.item-footer-list li .btn-show-tags::after,
      .item-footer-list li .btn-show-comments::after {
        content: "";
        position: absolute;
        left: -17px;
        top: 3px;
        bottom: 3px;
        width: 1px;
        background: #062A61; }
.item-footer-list .icon {
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin: 0 10px 0 0; }
.item-footer-list .icon svg {
      stroke: #062A61; }
.item-footer-list .txt {
    border-bottom: 1px dashed #0079C1; }
.view-tags-section,
.add-tag-section,
.add-comment-section {
  overflow: hidden; }
.view-tags-section .tag-form,
  .view-tags-section .comment-form,
  .add-tag-section .tag-form,
  .add-tag-section .comment-form,
  .add-comment-section .tag-form,
  .add-comment-section .comment-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 30px; }
@media screen and (max-width: 767px) {
  .view-tags-section .tag-form,
  .view-tags-section .comment-form,
  .add-tag-section .tag-form,
  .add-tag-section .comment-form,
  .add-comment-section .tag-form,
  .add-comment-section .comment-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
.view-tags-section .text-col,
  .add-tag-section .text-col,
  .add-comment-section .text-col {
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
.view-tags-section .save-col,
  .add-tag-section .save-col,
  .add-comment-section .save-col {
    width: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
    margin: 0 0 0 20px;
    padding: 20px 0 0; }
@media screen and (max-width: 767px) {
  .view-tags-section .save-col,
  .add-tag-section .save-col,
  .add-comment-section .save-col {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: auto;
    margin: 0; } }
.view-tags-section .tags-widget,
  .view-tags-section .text-area-block,
  .add-tag-section .tags-widget,
  .add-tag-section .text-area-block,
  .add-comment-section .tags-widget,
  .add-comment-section .text-area-block {
    overflow: hidden;
    background: #fff;
    border: 1px solid #E2E5EA;
    -webkit-box-shadow: inset 5px 6px 4px rgba(0, 0, 0, 0.04);
            box-shadow: inset 5px 6px 4px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    margin: 0 0 4px; }
.view-tags-section .tags-widget textarea,
    .view-tags-section .text-area-block textarea,
    .add-tag-section .tags-widget textarea,
    .add-tag-section .text-area-block textarea,
    .add-comment-section .tags-widget textarea,
    .add-comment-section .text-area-block textarea {
      font-size: 14px;
      line-height: 16px;
      font-style: italic;
      display: block;
      margin: 0;
      padding: 24px;
      border: 0;
      background: none;
      resize: none;
      width: 100%;
      height: 100%;
      min-height: 106px; }
@media screen and (max-width: 767px) {
  .view-tags-section .tags-widget textarea,
  .view-tags-section .text-area-block textarea,
  .add-tag-section .tags-widget textarea,
  .add-tag-section .text-area-block textarea,
  .add-comment-section .tags-widget textarea,
  .add-comment-section .text-area-block textarea {
    font-size: 12px;
    padding: 16px; } }
.view-tags-section .tags-widget,
  .add-tag-section .tags-widget,
  .add-comment-section .tags-widget {
    min-height: 108px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 18px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
@media screen and (max-width: 767px) {
  .view-tags-section .tags-widget,
  .add-tag-section .tags-widget,
  .add-comment-section .tags-widget {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; } }
.view-tags-section .tags-list,
  .add-tag-section .tags-list,
  .add-comment-section .tags-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: 50%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 18px 0 12px; }
@media screen and (max-width: 767px) {
  .view-tags-section .tags-list,
  .add-tag-section .tags-list,
  .add-comment-section .tags-list {
    max-width: none;
    padding-bottom: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } }
.view-tags-section .tag-input,
  .add-tag-section .tag-input,
  .add-comment-section .tag-input {
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%; }
.view-tags-section .tag-input input,
    .add-tag-section .tag-input input,
    .add-comment-section .tag-input input {
      float: left;
      width: 100%;
      font-size: 14px;
      line-height: 16px;
      font-style: italic;
      display: block;
      margin: 0;
      padding: 24px 0;
      border: 0;
      background: none; }
@media screen and (max-width: 767px) {
  .view-tags-section .tag-input input,
  .add-tag-section .tag-input input,
  .add-comment-section .tag-input input {
    font-size: 12px;
    padding: 16px 0; } }
.view-tags-section .counter,
  .add-tag-section .counter,
  .add-comment-section .counter {
    display: block;
    padding: 0 30px;
    color: #979797;
    font-size: 12px;
    line-height: 14px; }
.view-tags-section .field-checkbox,
  .add-tag-section .field-checkbox,
  .add-comment-section .field-checkbox {
    margin: 0 0 26px; }
@media screen and (max-width: 767px) {
  .view-tags-section .field-checkbox,
  .add-tag-section .field-checkbox,
  .add-comment-section .field-checkbox {
    margin: 0 0 20px; } }
.view-tags-section .field-checkbox label,
    .add-tag-section .field-checkbox label,
    .add-comment-section .field-checkbox label {
      font-size: 12px;
      line-height: 16px;
      color: #062A61;
      display: block;
      position: relative;
      cursor: pointer; }
@media screen and (max-width: 767px) {
  .view-tags-section .field-checkbox label,
  .add-tag-section .field-checkbox label,
  .add-comment-section .field-checkbox label {
    line-height: 20px; } }
.view-tags-section .field-checkbox .label-text,
    .add-tag-section .field-checkbox .label-text,
    .add-comment-section .field-checkbox .label-text {
      display: block;
      position: relative;
      z-index: 10;
      padding: 0 0 0 30px; }
.view-tags-section .field-checkbox .jcf-checkbox,
    .add-tag-section .field-checkbox .jcf-checkbox,
    .add-comment-section .field-checkbox .jcf-checkbox {
      position: absolute;
      top: 0;
      left: 0; }
.view-tags-section .jcf-checkbox,
  .add-tag-section .jcf-checkbox,
  .add-comment-section .jcf-checkbox {
    background: #fff;
    border: 1px solid #E2E5EA;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    display: block; }
.view-tags-section .jcf-checkbox span,
    .add-tag-section .jcf-checkbox span,
    .add-comment-section .jcf-checkbox span {
      width: 100%;
      height: 100%;
      display: none;
      background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-checked.svg) no-repeat 50% 50%; }
.view-tags-section .jcf-checkbox.jcf-checked span,
    .add-tag-section .jcf-checkbox.jcf-checked span,
    .add-comment-section .jcf-checkbox.jcf-checked span {
      display: block; }
.view-tags-section {
  margin: 0 0 30px; }
.view-tags-section .field-checkbox {
    margin: 0; }
.view-tags-section .field-checkbox label {
      line-height: 20px; }
.view-tags-section .wco-hs-tag-list-item {
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    padding: 20px 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
.view-tags-section .wco-hs-tag-list-item:first-child {
      border: 0;
      padding-top: 0; }
.view-tags-section .wco-hs-tag-list-item:last-child {
      padding-bottom: 0; }
.view-tags-section .wco-hs-tag-list-item .wco-hs-item-tag {
      margin: 0;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
.view-tags-section .wco-hs-tag-list-item .control-block {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
.wco-hs-item-tag {
  font-size: 12px;
  line-height: 16px;
  color: #748298;
  text-align: center;
  overflow: hidden;
  border-radius: 13px;
  background: #E2E5EA;
  padding: 5px 36px 6px 16px;
  position: relative;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 0 12px 6px 0;
  white-space: nowrap;
  text-overflow: ellipsis; }
.wco-hs-item-tag .wco-hs-tag-remove {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    overflow: hidden;
    text-indent: -99999px;
    cursor: pointer; }
.wco-hs-item-tag .wco-hs-tag-remove::before, .wco-hs-item-tag .wco-hs-tag-remove::after {
      content: "";
      position: absolute;
      top: -1px;
      left: 4px;
      width: 2px;
      height: 12px;
      border-radius: 1px;
      background: #062A61; }
.wco-hs-item-tag .wco-hs-tag-remove::after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
.wco-hs-item-tag .wco-hs-tag-remove::before {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
.view-comment-section {
  overflow: hidden;
  margin: 0 0 30px; }
.view-comment-section .comment-block {
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    font-size: 12px;
    line-height: 18px;
    padding: 20px 0 30px;
    margin: 0; }
.view-comment-section .comment-block:first-child {
      border: 0;
      padding-top: 0; }
.view-comment-section .comment-block:last-child {
      padding-bottom: 0; }
.view-comment-section .comment-block .comment-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 0 0 10px; }
@media screen and (max-width: 767px) {
  .view-comment-section .comment-block .comment-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; } }
.view-comment-section .comment-block .publication-info {
      line-height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
.view-comment-section .comment-block .publication-info .public-date {
        color: #062A61;
        margin: 0 3px 0 0; }
.view-comment-section .comment-block .publication-info .user-name {
        color: #9B9B9B; }
.view-comment-section .comment-block .control-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
@media screen and (max-width: 767px) {
  .view-comment-section .comment-block .control-block {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; } }
.view-comment-section .comment-block .comment-body {
      overflow: hidden;
      max-width: 80%; }
@media screen and (max-width: 767px) {
  .view-comment-section .comment-block .comment-body {
    max-width: none; } }
.view-comment-section .comment-block .comment-body p {
        margin: 0; }
.view-comment-section .comment-block .field-checkbox {
      margin: 0 24px 0 0; }
@media screen and (max-width: 767px) {
  .view-comment-section .comment-block .field-checkbox {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; } }
.view-comment-section .comment-block .field-checkbox label {
        font-size: 12px;
        line-height: 20px;
        color: #062A61;
        display: block;
        position: relative; }
.view-comment-section .comment-block .field-checkbox .label-text {
        display: block;
        position: relative;
        z-index: 10;
        padding: 0 0 0 30px; }
.view-comment-section .comment-block .field-checkbox .jcf-checkbox {
        position: absolute;
        top: 0;
        left: 0; }
.view-comment-section .comment-block .edit-comment,
    .view-comment-section .comment-block .delete-comment {
      margin: 0 0 0 6px; }
.view-comment-section .comment-block .jcf-checkbox {
      background: #fff;
      border: 1px solid #E2E5EA;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 5px;
      width: 20px;
      height: 20px;
      display: block; }
.view-comment-section .comment-block .jcf-checkbox span {
        width: 100%;
        height: 100%;
        display: none;
        background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-checked.svg) no-repeat 50% 50%; }
.view-comment-section .comment-block .jcf-checkbox.jcf-checked span {
        display: block; }
.edit-comment,
.delete-comment {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #0079C1;
  padding: 8px; }
.edit-comment svg {
  stroke: #fff; }
.delete-comment svg {
  fill: #fff; }
.wco-hs-comparison-cart {
  position: fixed;
  z-index: 100;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background: #748298;
  -webkit-box-shadow: 0px 24px 34px rgba(123, 136, 157, 0.4);
          box-shadow: 0px 24px 34px rgba(123, 136, 157, 0.4);
  border-radius: 8px;
  max-width: 1160px;
  width: 100%;
  padding: 20px 30px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 14px;
  line-height: 18px;
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease; }
@media screen and (max-width: 1024px) {
  .wco-hs-comparison-cart {
    border-radius: 0; } }
@media screen and (max-width: 1023px) {
  .wco-hs-comparison-cart {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 20px; } }
.wco-hs-comparison-cart .comparison-car-title {
    width: 90px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90px;
            flex: 0 0 90px;
    margin: 0 10px 0 0;
    overflow: hidden;
    font-weight: 700; }
@media screen and (max-width: 1023px) {
  .wco-hs-comparison-cart .comparison-car-title {
    margin: 0 0 20px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: auto; } }
.wco-hs-comparison-cart .comparison-items {
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 12px;
    color: #062A61;
    margin: 0 0 -18px; }
@media screen and (max-width: 1023px) {
  .wco-hs-comparison-cart .comparison-items {
    margin: 0; } }
.wco-hs-comparison-cart .comparison-items li {
      margin: 0 10px 18px 0;
      padding: 8px 46px 8px 16px;
      background: #fff;
      border-radius: 17px;
      position: relative;
      white-space: nowrap;
      overflow: hidden;
      height: 34px; }
@media screen and (max-width: 1023px) {
  .wco-hs-comparison-cart .comparison-items li {
    text-overflow: ellipsis; } }
.wco-hs-comparison-cart .comparison-items .comparison-cart-remove {
      position: absolute;
      top: 50%;
      right: 20px;
      margin-top: -6px;
      width: 12px;
      height: 12px;
      overflow: hidden;
      text-indent: -99999px; }
.wco-hs-comparison-cart .comparison-items .comparison-cart-remove::before, .wco-hs-comparison-cart .comparison-items .comparison-cart-remove::after {
        content: "";
        position: absolute;
        top: -2px;
        left: 5px;
        width: 2px;
        height: 16px;
        border-radius: 1px;
        background: #0079C1; }
.wco-hs-comparison-cart .comparison-items .comparison-cart-remove::after {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
.wco-hs-comparison-cart .comparison-items .comparison-cart-remove::before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
.wco-hs-comparison-cart .comparison-controls {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 0 30px; }
@media screen and (max-width: 1023px) {
  .wco-hs-comparison-cart .comparison-controls {
    margin: 0; } }
.comparison-clear-all {
  display: inline-block;
  border: 1px solid #fff;
  padding: 7px 16px;
  font-weight: 700;
  border-radius: 17px;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 0 12px; }
.comparison-page-link {
  display: inline-block;
  color: #fff;
  background: #0079C1;
  padding: 8px 16px;
  font-weight: 700;
  border-radius: 17px;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 0 12px; }
.comparison-show-less {
  padding: 2px 0 2px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  position: relative;
  border-bottom: 1px dashed #fff; }
.comparison-wrapper {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 30px 60px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
@media screen and (max-width: 1024px) {
  .comparison-wrapper {
    padding: 20px;
    max-width: none; } }
@media screen and (max-width: 973px) {
  .comparison-wrapper {
    width: 190%;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
    .comparison-wrapper.swiped-left {
      -webkit-transform: translate(-47.5%, 0);
              transform: translate(-47.5%, 0); }
    .comparison-wrapper.swiped-right {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
@media screen and (max-width: 767px) {
  .comparison-wrapper {
    padding: 20px 10px; } }
.comparison-wrapper .wco-hs-comparison-left,
  .comparison-wrapper .wco-hs-comparison-right {
    width: 49.5%; }
.comparison-wrapper .comparison-item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%; }
.comparison-wrapper .form-select {
    top: 0;
    left: 0; }
.comparison-form-wrapper {
  overflow: hidden;
  margin: 0 0 26px; }
.comparison-filters-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
@media screen and (max-width: 767px) {
  .comparison-filters-form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
.comparison-filters-form label {
    display: block;
    font-weight: 700;
    margin: 0 0 4px;
    padding: 0 6px;
    color: #062A61; }
.comparison-filters-form .jcf-select {
    font-size: 12px;
    color: #062A61; }
.comparison-filters-form .form-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 166px;
            flex: 0 0 166px;
    margin-right: 16px;
    overflow: hidden; }
@media screen and (max-width: 1024px) {
  .comparison-filters-form .form-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; } }
@media screen and (max-width: 767px) {
  .comparison-filters-form .form-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    margin: 0 0 16px; } }
.comparison-filters-form .form-item:first-child {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 112px;
              flex: 0 0 112px; }
@media screen and (max-width: 1024px) {
  .comparison-filters-form .form-item:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; } }
@media screen and (max-width: 767px) {
  .comparison-filters-form .form-item:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%; } }
.comparison-filters-form .form-item:last-child {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      margin: 0; }
@media screen and (max-width: 767px) {
  .comparison-filters-form .form-item:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; } }
.comparison-item-content {
  background: #fff;
  -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
.comparison-item-content .nomenclature-item {
    margin: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0; }
.comparison-item-content .nomenclature-item .item-header {
      padding: 12px 20px; }
.comparison-item-content .nomenclature-item .item-content {
      padding: 0 20px;
      min-height: auto; }
.comparison-item-content .nomenclature-item .section-number {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100px;
              flex: 0 0 100px;
      margin-right: 30px; }
@media screen and (max-width: 767px) {
  .comparison-item-content .nomenclature-item .section-number {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; } }
@media screen and (max-width: 973px) {
  .comparison-item-content .nomenclature-item .section-title {
    margin-right: 30px; } }
.comparison-item-content .nomenclature-item.section-item {
      border-bottom: 1px solid #F0F2F2;
      margin: 0 0 -1px; }
.comparison-item-content .nomenclature-item.chapter-item, .comparison-item-content .nomenclature-item.heading-item, .comparison-item-content .nomenclature-item.subheading-item {
      margin: 0 20px; }
.comparison-item-content .nomenclature-item.chapter-item .section-opener, .comparison-item-content .nomenclature-item.heading-item .section-opener, .comparison-item-content .nomenclature-item.subheading-item .section-opener {
        margin: 0; }
.comparison-item-content .nomenclature-item.chapter-item .item-header, .comparison-item-content .nomenclature-item.heading-item .item-header, .comparison-item-content .nomenclature-item.subheading-item .item-header {
        padding: 12px 0; }
.comparison-item-content .nomenclature-item.chapter-item .sub-items-holder, .comparison-item-content .nomenclature-item.heading-item .sub-items-holder, .comparison-item-content .nomenclature-item.subheading-item .sub-items-holder {
        margin: 0; }
.comparison-item-content .nomenclature-item.chapter-item .item-content, .comparison-item-content .nomenclature-item.heading-item .item-content, .comparison-item-content .nomenclature-item.subheading-item .item-content {
        margin: 0 -20px; }
.comparison-item-content .nomenclature-item.chapter-item .chapter-item .item-content,
      .comparison-item-content .nomenclature-item.chapter-item .heading-item .item-content,
      .comparison-item-content .nomenclature-item.chapter-item .subheading-item .item-content, .comparison-item-content .nomenclature-item.heading-item .chapter-item .item-content,
      .comparison-item-content .nomenclature-item.heading-item .heading-item .item-content,
      .comparison-item-content .nomenclature-item.heading-item .subheading-item .item-content, .comparison-item-content .nomenclature-item.subheading-item .chapter-item .item-content,
      .comparison-item-content .nomenclature-item.subheading-item .heading-item .item-content,
      .comparison-item-content .nomenclature-item.subheading-item .subheading-item .item-content {
        padding: 0; }
.comparison-item-content .nomenclature-item.chapter-item .heading-item,
    .comparison-item-content .nomenclature-item.chapter-item .subheading-item {
      margin: 0; }
.comparison-item-content .nomenclature-item.heading-item .subheading-item {
      margin: 0; }
.comparison-item-content .nomenclature-item.heading-item .item-content {
      margin: 0;
      padding: 0; }
.comparison-item-content .nomenclature-item.heading-item .sub-items-holder {
      background: #fff;
      padding: 0; }
.comparison-item-content .nomenclature-item.subheading-item {
      background: #fff; }
.comparison-item-content .nomenclature-item.subheading-item .section-number {
        margin-right: 30px; }
.comparison-item-content .nomenclature-item.subheading-item .item-content {
        background: #fff;
        padding: 0 20px; }
.comparison-item-content .diff-btn {
    right: 20px; }
.contact-section {
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(50%, #ffffff), color-stop(50%, #e5e5e5), to(#e5e5e5));
  background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #e5e5e5 50%, #e5e5e5 100%);
  border-bottom: 1px solid #E2E5EA; }
@media screen and (max-width: 767px) {
  .contact-section {
    background: none; } }
.contact-section .section-wrapp {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 60px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
@media screen and (max-width: 973px) {
  .contact-section .section-wrapp {
    padding: 0 20px; } }
@media screen and (max-width: 767px) {
  .contact-section .section-wrapp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 20px 0; } }
.contact-section .side-bar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    width: 140px;
    padding: 54px 0 0; }
@media screen and (max-width: 767px) {
  .contact-section .side-bar {
    width: auto;
    color: #062A61;
    padding: 0;
    margin: 0 0 20px;
    border-bottom: 1px solid #D1D1D1;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; } }
.contact-section .side-bar .text-info {
      padding: 0 40px 0 0;
      font-size: 12px;
      line-height: 18px; }
@media screen and (max-width: 767px) {
  .contact-section .side-bar .text-info {
    padding: 0; } }
.contact-section .side-bar p {
      margin: 0 0 18px; }
.contact-form-wrapp {
  background: #E5E5E5;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  padding: 54px 0 0 60px; }
@media screen and (max-width: 973px) {
  .contact-form-wrapp {
    padding: 30px 0 0 20px; } }
@media screen and (max-width: 767px) {
  .contact-form-wrapp {
    padding: 0;
    background: none; } }
.contact-form-wrapp .form-info {
    overflow: hidden;
    padding: 0 0 34px;
    color: #062A61; }
@media screen and (max-width: 767px) {
  .contact-form-wrapp .form-info {
    padding: 0 0 20px; } }
.contact-form-wrapp .form-info p {
      margin: 0; }
.contact-form {
  border-top: 1px solid #D1D1D1;
  padding: 68px 0 0; }
@media screen and (max-width: 767px) {
  .contact-form {
    padding: 30px 0 10px; } }
.contact-form p {
    margin: 0 0 20px; }
.contact-form .captcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 0 20px; }
.contact-form .contact-form {
    padding: 0;
    border: 0; }
.contact-form .form-block {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 0 34px; }
@media screen and (max-width: 767px) {
  .contact-form .form-block {
    padding: 0 0 4px; } }
.contact-form .form-block .row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0 0 20px;
      position: relative; }
@media screen and (max-width: 767px) {
  .contact-form .form-block .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } }
.contact-form .form-block label {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100px;
              flex: 0 0 100px;
      margin: 0 30px 0 0;
      font-size: 14px;
      line-height: 18px;
      font-weight: 700;
      color: #062A61; }
@media screen and (max-width: 767px) {
  .contact-form .form-block label {
    margin: 0 0 8px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%; } }
.contact-form .form-block .jcf-select {
      border: 0;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      width: 100%;
      font-size: 12px;
      line-height: 16px;
      border-radius: 4px;
      padding: 12px 40px 12px 16px; }
.contact-form .form-block .jcf-select .jcf-select-opener {
        top: 12px; }
.contact-form .form-block .jcf-select.jcf-drop-active {
        border-radius: 4px 4px 0 0; }
.contact-form .form-block .jcf-select.jcf-drop-active .jcf-select-opener {
          top: 18px; }
.contact-form .form-block .text-area-row {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
.contact-form .form-block .text-area-row label {
        padding: 8px 0 0; }
.contact-form .form-block .text-area {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      width: 100%;
      background: #fff;
      border-radius: 4px;
      position: relative;
      margin: 0 0 20px; }
.contact-form .form-block .text-area textarea {
        width: 100%;
        height: 138px;
        font-size: 12px;
        line-height: 16px;
        background: none;
        border: 0;
        margin: 0;
        padding: 12px 16px;
        resize: none;
        display: block; }
.contact-form .form-block .text-area .counter {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -20px;
        color: #979797;
        font-size: 12px;
        line-height: 14px; }
.contact-form .form-block .text-input {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      background: #fff;
      border-radius: 4px; }
@media screen and (max-width: 767px) {
  .contact-form .form-block .text-input {
    width: 100%; } }
.contact-form .form-block .text-input input {
        float: left;
        width: 100%;
        font-size: 12px;
        line-height: 16px;
        background: none;
        border: 0;
        margin: 0;
        padding: 12px 16px; }
.contact-form .field--name-field-gender fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    width: 100%; }
.contact-form .field--name-field-gender fieldset legend {
      width: 100px;
      float: left;
      margin: 0 30px 0 0;
      font-size: 14px;
      line-height: 18px;
      font-weight: 700;
      color: #062A61;
      padding: 0; }
@media screen and (max-width: 767px) {
  .contact-form .field--name-field-gender fieldset legend {
    margin: 0 0 8px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
    float: none; } }
.contact-form .field--name-field-gender .fieldset-wrapper {
    overflow: hidden; }
.contact-form .field--name-field-gender .gender-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
.contact-form .field--name-field-gender .gender-info label {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      margin: 0; }
.contact-form .field--name-field-gender .gender-info .type {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0 28px 0 0; }
.contact-form .field--name-field-gender .gender-info .type:last-child {
        margin: 0; }
.contact-form .jcf-radio {
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    overflow: hidden;
    position: relative;
    border: 1px solid #E2E5EA;
    border-radius: 50%;
    background: #fff;
    margin: 0 10px 0 0;
    display: block; }
.contact-form .jcf-radio span {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #062A61;
      margin: 6px;
      display: none; }
.contact-form .jcf-radio.jcf-checked span {
      display: block; }
.contact-form .form-actions .btn-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
.contact-form .form-item--error-message {
    position: absolute;
    top: -16px;
    left: 0;
    color: #f00;
    font-size: 10px;
    line-height: 14px; }
.contact-form .form-item--error {
    color: #f00; }
.contact-form .confirm-row {
    border-top: 1px solid #D1D1D1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 50px 0;
    position: relative; }
@media screen and (max-width: 767px) {
  .contact-form .confirm-row {
    padding: 20px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
.contact-form .confirm-row label {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      font-size: 12px;
      position: relative;
      z-index: 20;
      padding: 0 0 0 70px; }
@media screen and (max-width: 767px) {
  .contact-form .confirm-row label {
    font-size: 10px;
    padding: 0 0 0 40px; } }
.contact-form .confirm-row .form-item--error-message {
      top: 30px; }
.contact-form .confirm-row .form-type-checkbox {
      overflow: hidden;
      position: relative;
      margin-right: 44px;
      width: 25px;
      height: 25px;
      position: absolute;
      top: 50px;
      left: 0;
      z-index: 10; }
@media screen and (max-width: 767px) {
  .contact-form .confirm-row .form-type-checkbox {
    margin: 0 0 10px;
    top: 20px; } }
.contact-form .jcf-checkbox {
    background: #fff;
    border: 1px solid #E2E5EA;
    border-radius: 5px;
    width: 25px;
    height: 25px;
    display: block;
    cursor: pointer; }
.contact-form .jcf-checkbox span {
      width: 100%;
      height: 100%;
      display: none;
      background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-checked.svg) no-repeat 50% 50%; }
.contact-form .jcf-checkbox.jcf-checked span {
      display: block; }
.contact-form .submit-row {
    border-top: 1px solid #D1D1D1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 30px 0; }
@media screen and (max-width: 767px) {
  .contact-form .submit-row {
    padding: 20px 0; } }
.contact-form .btn-submit {
    overflow: hidden; }
.contact-form .btn-submit button {
      display: block;
      margin: 0;
      padding: 0;
      overflow: hidden;
      border: 0;
      background: none;
      cursor: pointer; }
.contact-form .btn-submit .submit-text {
      display: block;
      min-width: 112px;
      font-size: 12px;
      line-height: 20px;
      padding: 8px 20px;
      color: #fff;
      font-weight: 700;
      border-radius: 18px;
      background: #0079C1;
      cursor: pointer; }
.contact-form .btn-submit .form-disabled .submit-text {
      cursor: default;
      background: #757575;
      opacity: 0.5; }
.contact-form .intl-tel-input {
    display: block;
    padding: 0 0 0 40px; }
.contact-form .intl-tel-input::after {
      content: "";
      display: block;
      clear: both; }
.contact-form .intl-tel-input .country-list {
      width: 372px; }
.contact-form .intl-tel-input .flag-dropdown {
      padding: 0;
      left: 0; }
.contact-form .intl-tel-input .flag-dropdown:hover .selected-flag {
        background: none; }
.contact-form .intl-tel-input .flag-dropdown .selected-flag {
        width: 40px;
        padding: 0 10px; }
.jcf-select-contact-select .jcf-select-drop-content {
  border-width: 0; }
.jcf-select-contact-select .jcf-select-drop-content .jcf-list-content {
    overflow: hidden; }
.contact-confirm-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.65);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.confirm-popup {
  background: #3872B4;
  -webkit-box-shadow: 0px 44px 84px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 44px 84px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  overflow: hidden;
  max-width: 540px;
  color: #fff;
  text-align: center;
  padding: 50px;
  position: relative; }
.confirm-popup .info-icon {
    overflow: hidden;
    margin: 0 auto 24px;
    width: 50px;
    height: 50px; }
.confirm-popup h3 {
    margin: 0 0 20px;
    font-size: 17px;
    font-weight: 500; }
.confirm-popup p {
    margin: 0; }
.confirm-popup .close-popup {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 12px;
    height: 12px;
    overflow: hidden;
    text-indent: -99999px;
    cursor: pointer; }
.confirm-popup .close-popup::before, .confirm-popup .close-popup::after {
      content: "";
      position: absolute;
      top: -2px;
      left: 5px;
      width: 2px;
      height: 16px;
      border-radius: 1px;
      background: #fff; }
.confirm-popup .close-popup::after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
.confirm-popup .close-popup::before {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
.convention-main-nav {
  overflow: hidden; }
.convention-main-nav .menu-block {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 40px 60px 0;
    margin: 0 0 30px; }
@media screen and (max-width: 1023px) {
  .convention-main-nav .menu-block {
    padding: 20px 20px 0;
    margin: 0 0 20px; } }
@media screen and (max-width: 767px) {
  .convention-main-nav .menu-block {
    display: none; } }
.convention-main-nav .legal-guidelines-menu {
    font-size: 24px;
    line-height: 30px;
    color: #021634;
    max-width: 1160px;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
@media screen and (max-width: 1199px) {
  .convention-main-nav .legal-guidelines-menu {
    font-size: 20px;
    line-height: 30px; } }
@media screen and (max-width: 1023px) {
  .convention-main-nav .legal-guidelines-menu {
    font-size: 14px;
    line-height: 20px; } }
.convention-main-nav .legal-guidelines-menu .slick-arrow {
      position: absolute;
      top: 6px;
      z-index: 50;
      text-indent: -9999px;
      overflow: hidden;
      width: 20px;
      height: 20px;
      background: #fff;
      border-radius: 50%;
      border: 2px solid #E2E5EA;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
@media screen and (max-width: 1023px) {
  .convention-main-nav .legal-guidelines-menu .slick-arrow {
    top: 0; } }
.convention-main-nav .legal-guidelines-menu .slick-arrow.slick-disabled {
        display: none; }
.convention-main-nav .legal-guidelines-menu .slick-arrow::after {
        content: '';
        position: absolute;
        top: 3px;
        left: 3px;
        border: solid #062A61;
        border-width: 0 2px 2px 0;
        padding: 3px;
        border-radius: 2px; }
.convention-main-nav .legal-guidelines-menu .slick-next {
      right: -20px; }
@media screen and (max-width: 1023px) {
  .convention-main-nav .legal-guidelines-menu .slick-next {
    right: -10px; } }
.convention-main-nav .legal-guidelines-menu .slick-prev {
      left: -20px;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg); }
@media screen and (max-width: 1023px) {
  .convention-main-nav .legal-guidelines-menu .slick-prev {
    left: -10px; } }
.convention-main-nav .legal-guidelines-menu .slick-list {
      overflow: hidden;
      width: 100%; }
.convention-main-nav .legal-guidelines-menu .slick-list .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
.convention-main-nav .legal-guidelines-menu li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
.convention-main-nav .legal-guidelines-menu li a {
        float: left;
        padding: 0 0 18px;
        position: relative;
        outline: none;
        text-align: center; }
.convention-main-nav .legal-guidelines-menu li a::after {
          content: "";
          position: absolute;
          bottom: -2px;
          left: 0;
          right: 0;
          height: 3px;
          background: #0079C1;
          border-radius: 3px;
          display: none; }
.convention-main-nav .legal-guidelines-menu .is-active {
      color: #0079C1; }
.convention-main-nav .legal-guidelines-menu .is-active::after {
        display: block; }
.convention-main-nav .legal-guidelines-menu.less-then-in-options .slick-track {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
.convention-main-nav .legal-guidelines-menu.less-then-in-options li {
      width: auto !important; }
.convention-main-nav .legal-guidelines-tile-submenu {
    overflow: hidden;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    font-size: 14px;
    line-height: 18px;
    color: #062A61;
    font-weight: 700; }
@media screen and (max-width: 1023px) {
  .convention-main-nav .legal-guidelines-tile-submenu {
    padding: 10px; } }
.convention-main-nav .legal-guidelines-tile-submenu .tile-item {
      width: 50%;
      margin: 0 0 30px; }
@media screen and (max-width: 1023px) {
  .convention-main-nav .legal-guidelines-tile-submenu .tile-item {
    margin: 0 0 20px; } }
@media screen and (max-width: 767px) {
  .convention-main-nav .legal-guidelines-tile-submenu .tile-item {
    margin: 0 0 10px;
    width: 100%; } }
.convention-main-nav .legal-guidelines-tile-submenu a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid #E5E5E5;
      -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
              box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
      border-radius: 4px;
      background: #fff;
      position: relative;
      padding: 30px 60px 30px 30px;
      margin: 0 30px; }
@media screen and (max-width: 1023px) {
  .convention-main-nav .legal-guidelines-tile-submenu a {
    margin: 0 10px; } }
@media screen and (max-width: 767px) {
  .convention-main-nav .legal-guidelines-tile-submenu a {
    padding: 20px 60px 20px 20px; } }
.convention-main-nav .legal-guidelines-tile-submenu a::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 24px;
        width: 18px;
        height: 30px;
        margin: -15px 0 0;
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg);
        background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-slider-arrow.svg) no-repeat 50% 50%; }
.convention-nav-mobile {
  position: absolute;
  visibility: hidden;
  z-index: -1;
  overflow: hidden; }
@media screen and (max-width: 767px) {
  .convention-nav-mobile {
    z-index: 50;
    visibility: visible;
    position: relative; } }
.convention-nav-mobile .menu-wrapp {
    overflow: hidden;
    border-bottom: 1px solid #E5E5E5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px; }
.convention-nav-mobile .menu-wrapp label {
      font-size: 12px;
      line-height: 18px;
      font-weight: 700;
      color: #062A61; }
.convention-nav-mobile .jcf-select {
    min-width: 200px; }
.convention-nav-mobile .title {
    overflow: hidden;
    padding: 16px 20px; }
.convention-nav-mobile h2 {
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    color: #062A61; }
.convention-search-section {
  overflow: hidden;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 60px; }
@media screen and (max-width: 768px) {
  .convention-search-section {
    padding: 20px;
    background: #fff; } }
.convention-search-section .search-results {
    margin: 0 0 20px; }
.convention-search-section .search-results .highlight {
      font-weight: 700;
      color: #0079C1; }
.convention-search-section .search-results .summary {
      overflow: hidden;
      font-size: 24px;
      line-height: 30px;
      color: #062A61;
      margin: 0 0 22px; }
@media screen and (max-width: 768px) {
  .convention-search-section .search-results .summary {
    font-size: 16px;
    line-height: 20px; } }
.convention-search-section .search-results .results {
      background: #fff;
      -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
              box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
      border-radius: 4px;
      padding: 40px 40px 14px; }
@media screen and (max-width: 768px) {
  .convention-search-section .search-results .results {
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none; } }
.convention-search-section .search-results .search-result-item {
      margin: 0 0 22px; }
@media screen and (max-width: 768px) {
  .convention-search-section .search-results .search-result-item {
    margin: 0 0 14px; } }
.convention-search-section .search-results .search-result-item:last-child {
        margin: 0; }
.convention-search-section .search-results .search-result-item .titles {
        font-size: 14px;
        line-height: 18px;
        color: #0079C1;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #F6F8F9;
        border-radius: 4px;
        padding: 11px 26px; }
@media screen and (max-width: 768px) {
  .convention-search-section .search-results .search-result-item .titles {
    padding: 11px 18px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 12px;
    line-height: 14px; } }
.convention-search-section .search-results .search-result-item .menu-title {
        color: #062A61;
        font-weight: 700;
        margin: 0 40px 0 0; }
@media screen and (max-width: 768px) {
  .convention-search-section .search-results .search-result-item .menu-title {
    margin: 0 0 6px; } }
.convention-search-section .search-results .search-result-item .excerpt {
        overflow: hidden;
        padding: 26px;
        font-size: 14px;
        line-height: 20px;
        text-transform: lowercase;
        color: #062A61; }
@media screen and (max-width: 768px) {
  .convention-search-section .search-results .search-result-item .excerpt {
    padding: 12px 0;
    font-size: 12px;
    line-height: 18px; } }
.convention-tab-content .wco-convention-block .item-content {
  padding: 20px 60px 0 20px;
  overflow: auto;
  line-height: 20px;
  margin: 32px 70px 60px;
  background: rgba(231, 232, 233, 0.3);
  border: 1px solid #E2E5EA;
  border-radius: 10px;
  max-height: 462px; }
@media screen and (max-width: 1024px) {
  .convention-tab-content .wco-convention-block .item-content {
    margin: 10px 30px 30px; } }
@media screen and (max-width: 767px) {
  .convention-tab-content .wco-convention-block .item-content {
    margin: 10px 20px 20px;
    padding: 20px 20px 0; } }
.convention-tab-content .wco-convention-block .item-content p {
    margin: 0 0 20px; }
.convention-tab-content .wco-convention-block .item-content h5,
  .convention-tab-content .wco-convention-block .item-content h6 {
    font-size: 12px; }
.convention-tab-content .wco-convention-block ol {
  margin: 0 0 20px; }
.convention-tab-content .wco-convention-block ol li {
    padding: 0 0 0 26px;
    position: relative; }
.convention-tab-content .wco-convention-block ol li::before {
      position: absolute;
      top: 0;
      left: 0;
      margin-right: 6px;
      width: 20px;
      text-align: right; }
.convention-tab-content .wco-convention-block ol li li {
      padding: 0 0 0 46px; }
.convention-tab-content .wco-convention-block ol li li::before {
        width: 40px; }
.convention-tab-content .wco-convention-block ol ol {
    padding-top: 10px; }
.convention-tab-content .renderedtable,
.convention-tab-content table {
  margin: 0 0 20px; }
.convention-tab-content .renderedtable td,
  .convention-tab-content table td {
    border: 1px dotted #ccc;
    padding: 6px; }
.convention-tab-content .renderedtable td p,
    .convention-tab-content table td p {
      margin: 0 !important;
      text-align: center; }
#sliding-popup .eu-cookie-compliance-content {
  padding: 20px 0;
  display: block;
  overflow: hidden; }
#sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-message {
    margin: 0;
    max-width: 80%; }
@media screen and (max-width: 767px) {
  #sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-message {
    margin: 0 0 20px; } }
#sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-message p {
      font-size: 12px;
      line-height: 14px;
      font-weight: 700; }
#sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-message .eu-cookie-compliance-more-button {
      color: #fff; }
#sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-buttons {
    margin: 0;
    background: #0079C1;
    border-radius: 15px;
    overflow: hidden; }
#sliding-popup .eu-cookie-compliance-content .eu-cookie-compliance-buttons .agree-button {
      padding: 5px 20px;
      margin: 0;
      color: #fff;
      text-transform: uppercase;
      font-size: 10px;
      line-height: 20px;
      font-weight: 700;
      border: 0;
      background: none;
      text-shadow: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      width: 100%;
      display: block; }
.popup-block-container {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: opacity 0.25s linear, -webkit-transform 0.35s linear;
  transition: opacity 0.25s linear, -webkit-transform 0.35s linear;
  transition: transform 0.35s linear, opacity 0.25s linear;
  transition: transform 0.35s linear, opacity 0.25s linear, -webkit-transform 0.35s linear; }
.popup-block-container span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    height: 100%;
    width: 100%; }
.popup-active .popup-block-container {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
.popup-block-container .btn-close-popup {
    position: absolute;
    right: 18px;
    top: 20px;
    cursor: pointer; }
.faq-section,
.convention-section {
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(50%, #ffffff), color-stop(50%, #e5e5e5), to(#e5e5e5));
  background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #e5e5e5 50%, #e5e5e5 100%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }
@media screen and (max-width: 767px) {
  .faq-section,
  .convention-section {
    width: 200%;
    background: #fff; } }
@media screen and (max-width: 767px) {
  .faq-section.active-tab,
  .convention-section.active-tab {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }
.faq-section .section-wrapp,
  .convention-section .section-wrapp {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 60px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
@media screen and (max-width: 1024px) {
  .faq-section .section-wrapp,
  .convention-section .section-wrapp {
    padding: 0 30px; } }
@media screen and (max-width: 767px) {
  .faq-section .section-wrapp,
  .convention-section .section-wrapp {
    padding: 0; } }
.faq-section .side-bar,
  .convention-section .side-bar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    width: 140px;
    padding: 54px 0; }
@media screen and (max-width: 767px) {
  .faq-section .side-bar,
  .convention-section .side-bar {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    padding: 0; } }
.faq-section .content-wrapp,
  .convention-section .content-wrapp {
    background: #E5E5E5;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    padding: 40px 0 60px 60px; }
@media screen and (max-width: 1024px) {
  .faq-section .content-wrapp,
  .convention-section .content-wrapp {
    padding: 30px 0 30px 30px; } }
@media screen and (max-width: 767px) {
  .faq-section .content-wrapp,
  .convention-section .content-wrapp {
    padding: 0; } }
.faq-tablist,
.convention-tablist {
  overflow: hidden;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
  color: #062A61; }
@media screen and (max-width: 767px) {
  .faq-tablist,
  .convention-tablist {
    padding: 20px;
    line-height: 24px; } }
.faq-tablist li,
  .convention-tablist li {
    margin: 0 0 26px;
    border: solid #008FE4;
    border-width: 0 0 0 2px;
    cursor: pointer; }
@media screen and (max-width: 767px) {
  .faq-tablist li,
  .convention-tablist li {
    margin: 0;
    border-color: #E5E5E5;
    border-width: 1px 0 0; }
    .faq-tablist li:first-child,
    .convention-tablist li:first-child {
      border: 0; } }
.faq-tablist li:last-child,
    .convention-tablist li:last-child {
      margin: 0; }
.faq-tablist li.active,
    .convention-tablist li.active {
      background: #F0F2F2;
      color: #0079C1;
      font-weight: 700; }
.faq-tablist li.active span,
      .convention-tablist li.active span {
        padding-left: 20px; }
@media screen and (max-width: 767px) {
  .faq-tablist li.active,
  .convention-tablist li.active {
    font-weight: normal;
    color: inherit;
    background: none; }
    .faq-tablist li.active span,
    .convention-tablist li.active span {
      padding-right: 40px;
      padding-left: 0; } }
.faq-tablist li span,
    .convention-tablist li span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0 10px;
      min-height: 40px; }
.faq-tablist li span:after,
      .convention-tablist li span:after {
        content: '';
        min-height: inherit;
        font-size: 0; }
@media screen and (max-width: 767px) {
  .faq-tablist li span,
  .convention-tablist li span {
    margin: 0;
    padding: 12px 40px 12px 0;
    min-height: auto;
    background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-arrow-in-circle.svg) no-repeat 100% 50%; } }
.faq-tab-content,
.convention-tab-content {
  overflow: hidden; }
@media screen and (max-width: 767px) {
  .faq-tab-content,
  .convention-tab-content {
    padding: 20px; } }
.faq-tab-content .tab-block,
  .convention-tab-content .tab-block {
    display: none; }
.faq-tab-content .tab-block.active-tab,
    .convention-tab-content .tab-block.active-tab {
      display: block; }
.faq-tab-content .tab-info,
  .convention-tab-content .tab-info {
    overflow: hidden;
    font-size: 16px;
    border-bottom: 1px solid #D1D1D1;
    padding: 0 0 30px;
    margin: 0 0 20px; }
.faq-tab-content .tab-info p,
    .convention-tab-content .tab-info p {
      margin: 0; }
.faq-tab-content .tab-ttl,
  .convention-tab-content .tab-ttl {
    overflow: hidden;
    margin: 0 0 32px;
    color: #062A61; }
@media screen and (max-width: 767px) {
  .faq-tab-content .tab-ttl,
  .convention-tab-content .tab-ttl {
    margin: 0 0 20px; } }
.faq-tab-content .tab-ttl h2,
    .convention-tab-content .tab-ttl h2 {
      margin: 0; }
@media screen and (max-width: 767px) {
  .faq-tab-content .tab-ttl h2,
  .convention-tab-content .tab-ttl h2 {
    font-size: 18px; } }
.faq-tab-content .faq-content::after,
  .convention-tab-content .faq-content::after {
    content: "";
    display: block;
    clear: both; }
.wco-convention-block,
.faq-item {
  -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  margin: 0 0 12px; }
.wco-convention-block:last-child,
  .faq-item:last-child {
    margin: 0; }
.wco-convention-block .item-header,
  .faq-item .item-header {
    overflow: hidden;
    position: relative;
    min-height: 60px;
    cursor: pointer; }
.wco-convention-block .item-header .header-title,
    .faq-item .item-header .header-title {
      overflow: hidden;
      padding: 18px 100px 18px 30px;
      color: #062A61; }
@media screen and (max-width: 767px) {
  .wco-convention-block .item-header .header-title,
  .faq-item .item-header .header-title {
    padding-left: 20px; } }
.wco-convention-block .item-header h2,
    .wco-convention-block .item-header h3,
    .faq-item .item-header h2,
    .faq-item .item-header h3 {
      font-size: 16px;
      line-height: 24px;
      font-weight: normal; }
.wco-convention-block .section-opener,
  .faq-item .section-opener {
    position: absolute;
    right: 24px;
    top: 15px;
    width: 30px;
    height: 30px;
    border: 2px solid #E2E5EA;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
.wco-convention-block .section-opener::after,
    .faq-item .section-opener::after {
      content: '';
      position: absolute;
      top: 6px;
      left: 6px;
      border: solid #062A61;
      border-width: 0 3px 3px 0;
      padding: 4px;
      border-radius: 2px; }
.wco-convention-block .sub-items-holder,
  .faq-item .sub-items-holder {
    display: none;
    overflow: hidden; }
.wco-convention-block .item-content,
  .faq-item .item-content {
    padding: 60px;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px; }
@media screen and (max-width: 1023px) {
  .wco-convention-block .item-content,
  .faq-item .item-content {
    padding: 20px;
    font-size: 12px;
    line-height: 18px; } }
.wco-convention-block .item-content h3,
    .faq-item .item-content h3 {
      line-height: 24px;
      margin: 0 0 30px;
      color: #0079C1; }
.wco-convention-block .item-content p,
    .faq-item .item-content p {
      margin: 0 0 32px; }
@media screen and (max-width: 1023px) {
  .wco-convention-block .item-content p,
  .faq-item .item-content p {
    margin: 0 0 20px; } }
.wco-convention-block .item-content ol,
    .faq-item .item-content ol {
      margin: 0 0 32px; }
.wco-convention-block .item-content ol li,
      .faq-item .item-content ol li {
        padding: 0 0 0 26px;
        position: relative; }
.wco-convention-block .item-content ol li::before,
        .faq-item .item-content ol li::before {
          position: absolute;
          top: 0;
          left: 0;
          margin-right: 6px;
          width: 20px;
          text-align: right; }
.wco-convention-block .item-content ol li li,
        .faq-item .item-content ol li li {
          padding: 0 0 0 46px; }
.wco-convention-block .item-content ol li li::before,
          .faq-item .item-content ol li li::before {
            width: 40px; }
.wco-convention-block .item-content ol ol,
      .faq-item .item-content ol ol {
        padding-top: 10px; }
.wco-convention-block .item-content ul,
    .faq-item .item-content ul {
      margin: 0 0 32px; }
.wco-convention-block .item-content ul li,
      .faq-item .item-content ul li {
        padding-left: 16px;
        position: relative;
        margin: 0 0 10px; }
.wco-convention-block .item-content ul li:last-child,
        .faq-item .item-content ul li:last-child {
          margin: 0; }
.wco-convention-block .item-content ul li::after,
        .faq-item .item-content ul li::after {
          content: "";
          width: 6px;
          height: 6px;
          background: #0079C1;
          border-radius: 50%;
          position: absolute;
          top: 8px;
          left: 0; }
.wco-convention-block .item-content img,
    .faq-item .item-content img {
      margin: 0 0 50px; }
@media screen and (max-width: 1023px) {
  .wco-convention-block .item-content img,
  .faq-item .item-content img {
    max-width: 50%;
    margin-bottom: 20px; } }
@media screen and (max-width: 767px) {
  .wco-convention-block .item-content img,
  .faq-item .item-content img {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px !important; } }
.wco-convention-block .item-content .align-left,
    .wco-convention-block .item-content .alignleft,
    .faq-item .item-content .align-left,
    .faq-item .item-content .alignleft {
      margin-right: 50px; }
@media screen and (max-width: 1023px) {
  .wco-convention-block .item-content .align-left,
  .wco-convention-block .item-content .alignleft,
  .faq-item .item-content .align-left,
  .faq-item .item-content .alignleft {
    margin-right: 20px; } }
.wco-convention-block .item-content .align-right,
    .wco-convention-block .item-content .alignright,
    .faq-item .item-content .align-right,
    .faq-item .item-content .alignright {
      margin-left: 50px; }
@media screen and (max-width: 1023px) {
  .wco-convention-block .item-content .align-right,
  .wco-convention-block .item-content .alignright,
  .faq-item .item-content .align-right,
  .faq-item .item-content .alignright {
    margin-left: 20px; } }
.wco-convention-block .item-content .align-center,
    .wco-convention-block .item-content .aligncenter,
    .faq-item .item-content .align-center,
    .faq-item .item-content .aligncenter {
      margin-right: auto;
      margin-left: auto;
      display: block; }
.wco-convention-block .asset-video,
  .faq-item .asset-video {
    overflow: hidden;
    margin: 0 0 30px; }
.wco-convention-block .youtube-video-block,
  .faq-item .youtube-video-block {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; }
.wco-convention-block .youtube-video-block iframe,
    .faq-item .youtube-video-block iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
.wco-convention-block .bottom-block,
  .faq-item .bottom-block {
    color: #0079C1;
    font-size: 12px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
.wco-convention-block .bottom-block a,
    .faq-item .bottom-block a {
      text-decoration: underline; }
.no-touchevents .wco-convention-block .bottom-block a:hover,
      .no-js .wco-convention-block .bottom-block a:hover,
      .dj-no-device .wco-convention-block .bottom-block a:hover,
      .dj-no-touch .wco-convention-block .bottom-block a:hover, .wco-convention-block .bottom-block a:focus, .no-touchevents
      .faq-item .bottom-block a:hover,
      .no-js
      .faq-item .bottom-block a:hover,
      .dj-no-device
      .faq-item .bottom-block a:hover,
      .dj-no-touch
      .faq-item .bottom-block a:hover,
      .faq-item .bottom-block a:focus {
        text-decoration: none; }
.wco-convention-block.sectionIsOpend .section-opener,
  .faq-item.sectionIsOpend .section-opener {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
.wco-convention-block.sectionIsOpend .section-opener::after,
    .faq-item.sectionIsOpend .section-opener::after {
      border-color: #0079C1; }
.wco-convention-block.sectionIsOpend .sub-items-holder,
  .faq-item.sectionIsOpend .sub-items-holder {
    display: block; }
.footer-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #748298;
  font-size: 12px;
  line-height: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
@media screen and (max-width: 1024px) {
  .footer-menu {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    width: 100%;
    border-bottom: 1px solid #E2E5EA;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 0 12px;
    margin: 0 0 12px; } }
@media screen and (max-width: 767px) {
  .footer-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; } }
.footer-menu li {
    margin: 0 32px 0 0; }
@media screen and (max-width: 1024px) {
  .footer-menu li {
    margin: 0; } }
@media screen and (max-width: 767px) {
  .footer-menu li {
    margin: 0 0 12px; } }
.footer-menu a {
    color: inherit; }
.no-touchevents .footer-menu a:hover,
    .no-js .footer-menu a:hover,
    .dj-no-device .footer-menu a:hover,
    .dj-no-touch .footer-menu a:hover, .footer-menu a:focus {
      text-decoration: underline; }
.valuation-alphabetical-block.freemium {
  padding: 30px 0; }
@media screen and (max-width: 767px) {
  .valuation-alphabetical-block.freemium {
    padding: 20px 0; } }
.freemium-section {
  background: #062A61;
  border-radius: 8px;
  overflow: hidden;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
@media screen and (max-width: 767px) {
  .freemium-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } }
.freemium-section .btn {
    font-size: 12px;
    line-height: 16px;
    min-width: 110px;
    padding: 9px 12px;
    background: none;
    font-weight: 400;
    color: #fff; }
.freemium-section .section-block {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    overflow: hidden;
    padding: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
@media screen and (max-width: 767px) {
  .freemium-section .section-block {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center; } }
.freemium-section .section-block:first-child {
      border: solid #385581;
      border-width: 0 1px 0 0; }
@media screen and (max-width: 767px) {
  .freemium-section .section-block:first-child {
    border-width: 0 0 1px 0; } }
.freemium-section .section-block:first-child .btn {
        background: #0079C1;
        border-color: #0079C1; }
.freemium-section .section-block .section-content {
      padding: 0 20px 0 0; }
@media screen and (max-width: 767px) {
  .freemium-section .section-block .section-content {
    padding: 0;
    margin: 0 0 12px; } }
.freemium-section .section-block .section-content p {
        margin: 0; }
.wco_error_page {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 34px 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
@media screen and (max-width: 1023px) {
  .wco_error_page {
    padding: 20px; } }
@media screen and (max-width: 767px) {
  .wco_error_page {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } }
.wco_error_page .image {
    width: 300px;
    overflow: hidden;
    margin-right: 60px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
@media screen and (max-width: 1023px) {
  .wco_error_page .image {
    margin-right: 20px;
    width: 200px; } }
@media screen and (max-width: 767px) {
  .wco_error_page .image {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
    margin: 0 0 20px; } }
.wco_error_page .content {
    font-size: 30px;
    line-height: 36px;
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    color: #0079C1; }
.wco_error_page .content p {
      margin: 0 0 20px; }
.wco_error_page .content p:last-child {
        margin: 0; }
@media screen and (max-width: 767px) {
  .wco_error_page .content p {
    margin: 0 0 10px; } }
@media screen and (max-width: 1023px) {
  .wco_error_page .content {
    font-size: 26px;
    line-height: 30px; } }
@media screen and (max-width: 767px) {
  .wco_error_page .content {
    font-size: 18px;
    line-height: 26px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; } }
.gallery-section {
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
  background: #fff;
  padding: 56px 33px 34px;
  margin: 0 0 1px; }
@media screen and (max-width: 973px) {
  .gallery-section {
    padding: 30px 10px; } }
.gallery-section * {
    outline: none; }
.news-slider {
  overflow: hidden;
  width: 99999px;
  margin: 0 auto; }
.news-slider.slick-initialized {
    max-width: 1214px;
    width: 100%; }
.news-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    overflow: hidden;
    position: relative; }
.news-slider .slick-list {
    margin: 0 0 66px;
    overflow: hidden;
    position: relative; }
@media screen and (max-width: 973px) {
  .news-slider .slick-list {
    margin: 0 0 30px; } }
.news-slider .news-block {
    margin: 0 27px;
    overflow: hidden;
    height: auto;
    position: relative;
    width: 350px;
    float: left;
    outline: none; }
@media screen and (max-width: 973px) {
  .news-slider .news-block {
    margin: 0 10px; } }
.news-slider .news-block .read-more {
      position: absolute;
      bottom: 0;
      left: 0; }
.news-slider .img {
    overflow: hidden;
    margin: 0 0 36px; }
.news-slider .img img {
      display: block;
      width: 100%;
      max-width: 100%; }
.news-slider .desc {
    overflow: hidden;
    padding: 0 0 40px;
    color: #062A61; }
.news-slider h3 {
    color: #0079C1;
    margin: 0 0 16px;
    min-height: 40px; }
.news-slider p {
    margin: 0; }
.news-slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden; }
.news-slider .slick-dots li {
      width: 10px;
      height: 10px;
      margin: 0 7px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
.news-slider .slick-dots button {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      margin: 0;
      padding: 0;
      border: 0;
      text-indent: -99999px;
      background: #C4C4C4; }
.news-slider .slick-dots .slick-active button {
      width: 10px;
      height: 10px;
      background: #0079C1; }
.news-slider.less-then-in-options .slick-dots {
    display: none; }
.hero-block {
  background: -webkit-gradient(linear, left top, left bottom, from(#265EA4), to(#66A6DE));
  background: linear-gradient(180deg, #265EA4 0%, #66A6DE 100%);
  overflow: hidden;
  color: #fff; }
.hero-block .title-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 96px 60px;
    background: url(/themes/custom/wco_tradetools/assets/dist/fonts/bg-hero-small.svg) no-repeat 50% 100%; }
@media screen and (max-width: 767px) {
  .hero-block .title-holder {
    padding: 52px 10px 10px;
    background-size: 75px;
    background-position: 50% 100%; } }
@media screen and (max-width: 767px) {
  .hero-block .title-holder h1 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 300; } }
.hero-block.hero-small {
    background: #062A61 url(/themes/custom/wco_tradetools/assets/dist/media/welcome-bg.png) no-repeat 100% 64px; }
@media screen and (max-width: 1023px) {
  .hero-block.hero-small {
    background-position: 100% 42px;
    background-size: 70%; } }
.hero-block.hero-small .title-holder {
      background: none;
      padding-bottom: 40px; }
@media screen and (max-width: 1023px) {
  .hero-block.hero-small .title-holder {
    padding: 80px 40px 40px; } }
@media screen and (max-width: 767px) {
  .hero-block.hero-small .title-holder {
    padding: 50px 20px 10px; } }
.hero-block.small-lightblue .title-holder {
    padding-bottom: 40px;
    background-position: 50% 0; }
@media screen and (max-width: 1023px) {
  .hero-block.small-lightblue .title-holder {
    padding: 80px 40px 40px;
    background-size: 190px;
    background-position: 50% 100%; } }
@media screen and (max-width: 767px) {
  .hero-block.small-lightblue .title-holder {
    padding: 52px 10px 10px;
    background-size: 75px; } }
.wco-hs-history-section {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 30px 60px 60px; }
@media screen and (max-width: 1024px) {
  .wco-hs-history-section {
    padding: 30px 0 0; } }
@media screen and (max-width: 767px) {
  .wco-hs-history-section {
    padding: 20px 0 0; } }
.wco-hs-history-section .form-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    margin: 0 0 34px; }
@media screen and (max-width: 1024px) {
  .wco-hs-history-section .form-header {
    margin: 0 20px 34px; } }
@media screen and (max-width: 767px) {
  .wco-hs-history-section .form-header {
    margin-bottom: 20px; } }
.wco-hs-history-section .form-header .wco-hs-back-link {
      position: absolute;
      top: 0;
      left: 0; }
@media screen and (max-width: 767px) {
  .wco-hs-history-section .form-header .wco-hs-back-link {
    white-space: nowrap;
    width: 54px;
    font-size: 12px; } }
.wco-hs-history-section .form-header .form-title {
      font-size: 24px;
      line-height: 30px;
      color: #062A61; }
@media screen and (max-width: 767px) {
  .wco-hs-history-section .form-header .form-title {
    font-size: 16px; } }
.wco-hs-history-section .help-box {
    border-radius: 4px;
    overflow: hidden;
    background: #062A61;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    line-height: 20px;
    padding: 36px; }
@media screen and (max-width: 768px) {
  .wco-hs-history-section .help-box {
    position: relative;
    margin: 0 -20px;
    padding: 28px 36px;
    font-size: 12px;
    text-align: center;
    border-radius: 0; } }
.wco-hs-history-section .help-box .top-line {
      font-size: 16px;
      font-weight: 700; }
@media screen and (max-width: 768px) {
  .wco-hs-history-section .help-box .top-line {
    font-size: 14px; } }
.wco-hs-history-section .legal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 11px;
    line-height: 30px;
    padding: 5px 0 0;
    text-align: center;
    color: #062A61;
    font-weight: 700; }
@media screen and (max-width: 768px) {
  .wco-hs-history-section .legal {
    font-size: 16px;
    line-height: 20px;
    padding: 20px 0; } }
@media screen and (max-width: 767px) {
  .wco-hs-history-section .legal {
    padding: 20px; } }
.wco-hs-history-section .legal a {
      text-decoration: underline; }
.no-touchevents .wco-hs-history-section .legal a:hover,
      .no-js .wco-hs-history-section .legal a:hover,
      .dj-no-device .wco-hs-history-section .legal a:hover,
      .dj-no-touch .wco-hs-history-section .legal a:hover, .wco-hs-history-section .legal a:focus {
        text-decoration: none; }
.wco-hs-history-section .legal .red {
      color: #f00; }
.wco-hs-history-from-wrapper {
  -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background: #fff;
  padding: 36px 56px 56px; }
@media screen and (max-width: 1024px) {
  .wco-hs-history-from-wrapper {
    padding: 20px; } }
@media screen and (max-width: 767px) {
  .wco-hs-history-from-wrapper {
    padding: 20px 0; } }
.wco-hs-history-from-wrapper .form-item-hs-code {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 16px; }
@media screen and (max-width: 1024px) {
  .wco-hs-history-from-wrapper .form-item-hs-code {
    margin: 0 0 10px; } }
.wco-hs-history-from-wrapper .form-item-hs-code label {
      margin: 0 12px 0 0;
      font-weight: 700;
      font-size: 14px;
      line-height: 18px;
      color: #062A61; }
@media screen and (max-width: 767px) {
  .wco-hs-history-from-wrapper .form-item-hs-code label {
    font-size: 12px; } }
.wco-hs-history-from-wrapper .form-item-hs-code input {
      overflow: hidden;
      width: 94px;
      margin: 0;
      padding: 9px;
      background: #fff;
      border-radius: 25px;
      border: 1px solid #E2E5EA;
      color: #062A61;
      font-size: 12px;
      line-height: 15px;
      text-align: center; }
.wco-hs-history-from-wrapper .jcf-scrollable-wrapper {
    overflow: hidden;
    position: relative; }
.wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 12px; }
@media screen and (max-width: 767px) {
  .wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar {
    height: 50px;
    background: #062A61;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 6px; } }
.wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar.jcf-scrollbar-vertical {
        display: none; }
.wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar .jcf-scrollbar-slider {
        position: relative;
        height: 100%; }
@media screen and (max-width: 767px) {
  .wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar .jcf-scrollbar-slider {
    background: #385581;
    height: 4px;
    border-radius: 4px; } }
.wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar .jcf-scrollbar-slider .jcf-scrollbar-handle {
          background: #D5DAE0;
          border-radius: 4px;
          bottom: 0;
          width: 360px !important;
          height: 4px; }
@media screen and (max-width: 767px) {
  .wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar .jcf-scrollbar-slider .jcf-scrollbar-handle {
    width: 60px !important; } }
.wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar .jcf-scrollbar-inc,
      .wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar .jcf-scrollbar-dec {
        display: none; }
@media screen and (max-width: 767px) {
  .wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar .jcf-scrollbar-inc,
  .wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar .jcf-scrollbar-dec {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid #E2E5EA;
    border-radius: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 14px; } }
.wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar .jcf-scrollbar-inc::after,
        .wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar .jcf-scrollbar-dec::after {
          content: '';
          position: absolute;
          top: 4px;
          right: 6px;
          border: solid #fff;
          border-width: 0 2px 2px 0;
          padding: 3px;
          border-radius: 1px; }
.wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar .jcf-scrollbar-inc.jcf-inactive,
        .wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar .jcf-scrollbar-dec.jcf-inactive {
          opacity: 0; }
.wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar .jcf-scrollbar-inc {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
.wco-hs-history-from-wrapper .jcf-scrollable-wrapper .jcf-scrollbar .jcf-scrollbar-dec {
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg); }
.wco-hs-history-from-wrapper .sort-links {
    text-align: center;
    margin: 0 0 16px;
    font-size: 0;
    line-height: 0; }
@media screen and (max-width: 1024px) {
  .wco-hs-history-from-wrapper .sort-links {
    margin: 0 0 10px; } }
.wco-hs-history-from-wrapper .sort-links .hs-history-sort-order {
      display: none;
      font-size: 16px;
      line-height: 18px;
      font-weight: 700;
      color: #062A61; }
.wco-hs-history-from-wrapper .sort-links .hs-history-sort-order.is-active {
        display: inline-block;
        vertical-align: middle; }
.wco-hs-history-from-wrapper .sort-links .arrow-left,
    .wco-hs-history-from-wrapper .sort-links .arrow-right {
      display: inline-block;
      width: 10px;
      height: 16px;
      position: relative;
      margin-right: 5px;
      vertical-align: middle; }
.wco-hs-history-from-wrapper .sort-links .arrow-left a,
      .wco-hs-history-from-wrapper .sort-links .arrow-right a {
        width: 10px;
        height: 10px;
        border: 3px solid #062A61;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg); }
.wco-hs-history-from-wrapper .sort-links .arrow-left:not(.active) a,
      .wco-hs-history-from-wrapper .sort-links .arrow-right:not(.active) a {
        pointer-events: none;
        cursor: default;
        border-color: #748298; }
.wco-hs-history-from-wrapper .sort-links .arrow-left a {
      border-top-color: transparent;
      border-right-color: transparent; }
.wco-hs-history-from-wrapper .sort-links .arrow-left:not(.active) a {
      border-top-color: transparent;
      border-right-color: transparent; }
.wco-hs-history-from-wrapper .sort-links .arrow-right {
      margin-right: 0;
      margin-left: 5px; }
.wco-hs-history-from-wrapper .sort-links .arrow-right a {
        border-left-color: transparent;
        border-bottom-color: transparent; }
.wco-hs-history-from-wrapper .sort-links .arrow-right:not(.active) a {
        border-left-color: transparent;
        border-bottom-color: transparent; }
.wco-hs-history-diagram {
  border-radius: 4px;
  overflow: auto;
  color: #fff;
  position: relative;
  height: 100% !important;
  min-width: 100%; }
@media screen and (max-width: 767px) {
  .wco-hs-history-diagram {
    position: relative;
    border-radius: 0; } }
.wco-hs-history-diagram .history-diagram-wrapp {
    overflow: hidden;
    background: #062A61;
    margin: 0 0 12px; }
@media screen and (max-width: 767px) {
  .wco-hs-history-diagram .history-diagram-wrapp {
    margin: 0 0 50px; } }
.wco-hs-history-diagram.headings-num-2 .history-diagram-wrapp {
    width: 100%; }
.wco-hs-history-diagram.headings-num-2 .diagram .elements {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
.wco-hs-history-diagram.headings-num-3 .history-diagram-wrapp {
    width: 100%; }
@media screen and (max-width: 767px) {
  .wco-hs-history-diagram.headings-num-3 .history-diagram-wrapp {
    width: 150%; } }
.wco-hs-history-diagram.headings-num-3 .diagram .elements {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2; }
.wco-hs-history-diagram.headings-num-3 .diagram .elements .elements {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
.wco-hs-history-diagram.headings-num-4 .history-diagram-wrapp {
    width: 100%; }
@media screen and (max-width: 767px) {
  .wco-hs-history-diagram.headings-num-4 .history-diagram-wrapp {
    width: 200%; } }
.wco-hs-history-diagram.headings-num-4 .diagram .elements {
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3; }
.wco-hs-history-diagram.headings-num-4 .diagram .elements .elements {
      -webkit-box-flex: 2;
          -ms-flex-positive: 2;
              flex-grow: 2; }
.wco-hs-history-diagram.headings-num-4 .diagram .elements .elements .elements {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
.wco-hs-history-diagram.headings-num-5 .history-diagram-wrapp {
    width: 100%; }
@media screen and (max-width: 767px) {
  .wco-hs-history-diagram.headings-num-5 .history-diagram-wrapp {
    width: 250%; } }
.wco-hs-history-diagram.headings-num-5 .diagram .elements {
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4; }
.wco-hs-history-diagram.headings-num-5 .diagram .elements .elements {
      -webkit-box-flex: 3;
          -ms-flex-positive: 3;
              flex-grow: 3; }
.wco-hs-history-diagram.headings-num-5 .diagram .elements .elements .elements {
        -webkit-box-flex: 2;
            -ms-flex-positive: 2;
                flex-grow: 2; }
.wco-hs-history-diagram.headings-num-5 .diagram .elements .elements .elements .elements {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
.wco-hs-history-diagram.headings-num-6 .history-diagram-wrapp {
    width: 100%; }
@media screen and (max-width: 767px) {
  .wco-hs-history-diagram.headings-num-6 .history-diagram-wrapp {
    width: 300%; } }
.wco-hs-history-diagram.headings-num-6 .diagram .elements {
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5; }
.wco-hs-history-diagram.headings-num-6 .diagram .elements .elements {
      -webkit-box-flex: 4;
          -ms-flex-positive: 4;
              flex-grow: 4; }
.wco-hs-history-diagram.headings-num-6 .diagram .elements .elements .elements {
        -webkit-box-flex: 3;
            -ms-flex-positive: 3;
                flex-grow: 3; }
.wco-hs-history-diagram.headings-num-6 .diagram .elements .elements .elements .elements {
          -webkit-box-flex: 2;
              -ms-flex-positive: 2;
                  flex-grow: 2; }
.wco-hs-history-diagram.headings-num-6 .diagram .elements .elements .elements .elements .elements {
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1; }
.wco-hs-history-diagram.headings-num-7 .history-diagram-wrapp {
    width: 100%; }
@media screen and (max-width: 767px) {
  .wco-hs-history-diagram.headings-num-7 .history-diagram-wrapp {
    width: 350%; } }
.wco-hs-history-diagram.headings-num-7 .diagram .elements {
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6; }
.wco-hs-history-diagram.headings-num-7 .diagram .elements .elements {
      -webkit-box-flex: 5;
          -ms-flex-positive: 5;
              flex-grow: 5; }
.wco-hs-history-diagram.headings-num-7 .diagram .elements .elements .elements {
        -webkit-box-flex: 4;
            -ms-flex-positive: 4;
                flex-grow: 4; }
.wco-hs-history-diagram.headings-num-7 .diagram .elements .elements .elements .elements {
          -webkit-box-flex: 3;
              -ms-flex-positive: 3;
                  flex-grow: 3; }
.wco-hs-history-diagram.headings-num-7 .diagram .elements .elements .elements .elements .elements {
            -webkit-box-flex: 2;
                -ms-flex-positive: 2;
                    flex-grow: 2; }
.wco-hs-history-diagram.headings-num-7 .diagram .elements .elements .elements .elements .elements .elements {
              -webkit-box-flex: 1;
                  -ms-flex-positive: 1;
                      flex-grow: 1; }
.wco-hs-history-diagram.headings-num-8 .history-diagram-wrapp {
    width: 120%; }
@media screen and (max-width: 767px) {
  .wco-hs-history-diagram.headings-num-8 .history-diagram-wrapp {
    width: 400%; } }
.wco-hs-history-diagram.headings-num-8 .diagram .elements {
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7; }
.wco-hs-history-diagram.headings-num-8 .diagram .elements .elements {
      -webkit-box-flex: 6;
          -ms-flex-positive: 6;
              flex-grow: 6; }
.wco-hs-history-diagram.headings-num-8 .diagram .elements .elements .elements {
        -webkit-box-flex: 5;
            -ms-flex-positive: 5;
                flex-grow: 5; }
.wco-hs-history-diagram.headings-num-8 .diagram .elements .elements .elements .elements {
          -webkit-box-flex: 4;
              -ms-flex-positive: 4;
                  flex-grow: 4; }
.wco-hs-history-diagram.headings-num-8 .diagram .elements .elements .elements .elements .elements {
            -webkit-box-flex: 3;
                -ms-flex-positive: 3;
                    flex-grow: 3; }
.wco-hs-history-diagram.headings-num-8 .diagram .elements .elements .elements .elements .elements .elements {
              -webkit-box-flex: 2;
                  -ms-flex-positive: 2;
                      flex-grow: 2; }
.wco-hs-history-diagram.headings-num-8 .diagram .elements .elements .elements .elements .elements .elements .elements {
                -webkit-box-flex: 1;
                    -ms-flex-positive: 1;
                        flex-grow: 1; }
.wco-hs-history-diagram.headings-num-9 .history-diagram-wrapp {
    width: 140%; }
@media screen and (max-width: 767px) {
  .wco-hs-history-diagram.headings-num-9 .history-diagram-wrapp {
    width: 450%; } }
.wco-hs-history-diagram.headings-num-9 .diagram .elements {
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8; }
.wco-hs-history-diagram.headings-num-9 .diagram .elements .elements {
      -webkit-box-flex: 7;
          -ms-flex-positive: 7;
              flex-grow: 7; }
.wco-hs-history-diagram.headings-num-9 .diagram .elements .elements .elements {
        -webkit-box-flex: 6;
            -ms-flex-positive: 6;
                flex-grow: 6; }
.wco-hs-history-diagram.headings-num-9 .diagram .elements .elements .elements .elements {
          -webkit-box-flex: 5;
              -ms-flex-positive: 5;
                  flex-grow: 5; }
.wco-hs-history-diagram.headings-num-9 .diagram .elements .elements .elements .elements .elements {
            -webkit-box-flex: 4;
                -ms-flex-positive: 4;
                    flex-grow: 4; }
.wco-hs-history-diagram.headings-num-9 .diagram .elements .elements .elements .elements .elements .elements {
              -webkit-box-flex: 3;
                  -ms-flex-positive: 3;
                      flex-grow: 3; }
.wco-hs-history-diagram.headings-num-9 .diagram .elements .elements .elements .elements .elements .elements .elements {
                -webkit-box-flex: 2;
                    -ms-flex-positive: 2;
                        flex-grow: 2; }
.wco-hs-history-diagram.headings-num-9 .diagram .elements .elements .elements .elements .elements .elements .elements .elements {
                  -webkit-box-flex: 1;
                      -ms-flex-positive: 1;
                          flex-grow: 1; }
.wco-hs-history-diagram.headings-num-10 .history-diagram-wrapp {
    width: 160%; }
@media screen and (max-width: 767px) {
  .wco-hs-history-diagram.headings-num-10 .history-diagram-wrapp {
    width: 500%; } }
.wco-hs-history-diagram.headings-num-10 .diagram .elements {
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9; }
.wco-hs-history-diagram.headings-num-10 .diagram .elements .elements {
      -webkit-box-flex: 8;
          -ms-flex-positive: 8;
              flex-grow: 8; }
.wco-hs-history-diagram.headings-num-10 .diagram .elements .elements .elements {
        -webkit-box-flex: 7;
            -ms-flex-positive: 7;
                flex-grow: 7; }
.wco-hs-history-diagram.headings-num-10 .diagram .elements .elements .elements .elements {
          -webkit-box-flex: 6;
              -ms-flex-positive: 6;
                  flex-grow: 6; }
.wco-hs-history-diagram.headings-num-10 .diagram .elements .elements .elements .elements .elements {
            -webkit-box-flex: 5;
                -ms-flex-positive: 5;
                    flex-grow: 5; }
.wco-hs-history-diagram.headings-num-10 .diagram .elements .elements .elements .elements .elements .elements {
              -webkit-box-flex: 4;
                  -ms-flex-positive: 4;
                      flex-grow: 4; }
.wco-hs-history-diagram.headings-num-10 .diagram .elements .elements .elements .elements .elements .elements .elements {
                -webkit-box-flex: 3;
                    -ms-flex-positive: 3;
                        flex-grow: 3; }
.wco-hs-history-diagram.headings-num-10 .diagram .elements .elements .elements .elements .elements .elements .elements .elements {
                  -webkit-box-flex: 2;
                      -ms-flex-positive: 2;
                          flex-grow: 2; }
.wco-hs-history-diagram.headings-num-10 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                    -webkit-box-flex: 1;
                        -ms-flex-positive: 1;
                            flex-grow: 1; }
.wco-hs-history-diagram.headings-num-11 .history-diagram-wrapp {
    width: 180%; }
@media screen and (max-width: 767px) {
  .wco-hs-history-diagram.headings-num-11 .history-diagram-wrapp {
    width: 550%; } }
.wco-hs-history-diagram.headings-num-11 .diagram .elements {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10; }
.wco-hs-history-diagram.headings-num-11 .diagram .elements .elements {
      -webkit-box-flex: 9;
          -ms-flex-positive: 9;
              flex-grow: 9; }
.wco-hs-history-diagram.headings-num-11 .diagram .elements .elements .elements {
        -webkit-box-flex: 8;
            -ms-flex-positive: 8;
                flex-grow: 8; }
.wco-hs-history-diagram.headings-num-11 .diagram .elements .elements .elements .elements {
          -webkit-box-flex: 7;
              -ms-flex-positive: 7;
                  flex-grow: 7; }
.wco-hs-history-diagram.headings-num-11 .diagram .elements .elements .elements .elements .elements {
            -webkit-box-flex: 6;
                -ms-flex-positive: 6;
                    flex-grow: 6; }
.wco-hs-history-diagram.headings-num-11 .diagram .elements .elements .elements .elements .elements .elements {
              -webkit-box-flex: 5;
                  -ms-flex-positive: 5;
                      flex-grow: 5; }
.wco-hs-history-diagram.headings-num-11 .diagram .elements .elements .elements .elements .elements .elements .elements {
                -webkit-box-flex: 4;
                    -ms-flex-positive: 4;
                        flex-grow: 4; }
.wco-hs-history-diagram.headings-num-11 .diagram .elements .elements .elements .elements .elements .elements .elements .elements {
                  -webkit-box-flex: 3;
                      -ms-flex-positive: 3;
                          flex-grow: 3; }
.wco-hs-history-diagram.headings-num-11 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                    -webkit-box-flex: 2;
                        -ms-flex-positive: 2;
                            flex-grow: 2; }
.wco-hs-history-diagram.headings-num-11 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                      -webkit-box-flex: 1;
                          -ms-flex-positive: 1;
                              flex-grow: 1; }
.wco-hs-history-diagram.headings-num-12 .history-diagram-wrapp {
    width: 200%; }
@media screen and (max-width: 767px) {
  .wco-hs-history-diagram.headings-num-12 .history-diagram-wrapp {
    width: 600%; } }
.wco-hs-history-diagram.headings-num-12 .diagram .elements {
    -webkit-box-flex: 11;
        -ms-flex-positive: 11;
            flex-grow: 11; }
.wco-hs-history-diagram.headings-num-12 .diagram .elements .elements {
      -webkit-box-flex: 10;
          -ms-flex-positive: 10;
              flex-grow: 10; }
.wco-hs-history-diagram.headings-num-12 .diagram .elements .elements .elements {
        -webkit-box-flex: 9;
            -ms-flex-positive: 9;
                flex-grow: 9; }
.wco-hs-history-diagram.headings-num-12 .diagram .elements .elements .elements .elements {
          -webkit-box-flex: 8;
              -ms-flex-positive: 8;
                  flex-grow: 8; }
.wco-hs-history-diagram.headings-num-12 .diagram .elements .elements .elements .elements .elements {
            -webkit-box-flex: 7;
                -ms-flex-positive: 7;
                    flex-grow: 7; }
.wco-hs-history-diagram.headings-num-12 .diagram .elements .elements .elements .elements .elements .elements {
              -webkit-box-flex: 6;
                  -ms-flex-positive: 6;
                      flex-grow: 6; }
.wco-hs-history-diagram.headings-num-12 .diagram .elements .elements .elements .elements .elements .elements .elements {
                -webkit-box-flex: 5;
                    -ms-flex-positive: 5;
                        flex-grow: 5; }
.wco-hs-history-diagram.headings-num-12 .diagram .elements .elements .elements .elements .elements .elements .elements .elements {
                  -webkit-box-flex: 4;
                      -ms-flex-positive: 4;
                          flex-grow: 4; }
.wco-hs-history-diagram.headings-num-12 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                    -webkit-box-flex: 3;
                        -ms-flex-positive: 3;
                            flex-grow: 3; }
.wco-hs-history-diagram.headings-num-12 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                      -webkit-box-flex: 2;
                          -ms-flex-positive: 2;
                              flex-grow: 2; }
.wco-hs-history-diagram.headings-num-12 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                        -webkit-box-flex: 1;
                            -ms-flex-positive: 1;
                                flex-grow: 1; }
.wco-hs-history-diagram.headings-num-13 .history-diagram-wrapp {
    width: 220%; }
@media screen and (max-width: 767px) {
  .wco-hs-history-diagram.headings-num-13 .history-diagram-wrapp {
    width: 650%; } }
.wco-hs-history-diagram.headings-num-13 .diagram .elements {
    -webkit-box-flex: 12;
        -ms-flex-positive: 12;
            flex-grow: 12; }
.wco-hs-history-diagram.headings-num-13 .diagram .elements .elements {
      -webkit-box-flex: 11;
          -ms-flex-positive: 11;
              flex-grow: 11; }
.wco-hs-history-diagram.headings-num-13 .diagram .elements .elements .elements {
        -webkit-box-flex: 10;
            -ms-flex-positive: 10;
                flex-grow: 10; }
.wco-hs-history-diagram.headings-num-13 .diagram .elements .elements .elements .elements {
          -webkit-box-flex: 9;
              -ms-flex-positive: 9;
                  flex-grow: 9; }
.wco-hs-history-diagram.headings-num-13 .diagram .elements .elements .elements .elements .elements {
            -webkit-box-flex: 8;
                -ms-flex-positive: 8;
                    flex-grow: 8; }
.wco-hs-history-diagram.headings-num-13 .diagram .elements .elements .elements .elements .elements .elements {
              -webkit-box-flex: 7;
                  -ms-flex-positive: 7;
                      flex-grow: 7; }
.wco-hs-history-diagram.headings-num-13 .diagram .elements .elements .elements .elements .elements .elements .elements {
                -webkit-box-flex: 6;
                    -ms-flex-positive: 6;
                        flex-grow: 6; }
.wco-hs-history-diagram.headings-num-13 .diagram .elements .elements .elements .elements .elements .elements .elements .elements {
                  -webkit-box-flex: 5;
                      -ms-flex-positive: 5;
                          flex-grow: 5; }
.wco-hs-history-diagram.headings-num-13 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                    -webkit-box-flex: 4;
                        -ms-flex-positive: 4;
                            flex-grow: 4; }
.wco-hs-history-diagram.headings-num-13 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                      -webkit-box-flex: 3;
                          -ms-flex-positive: 3;
                              flex-grow: 3; }
.wco-hs-history-diagram.headings-num-13 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                        -webkit-box-flex: 2;
                            -ms-flex-positive: 2;
                                flex-grow: 2; }
.wco-hs-history-diagram.headings-num-13 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                          -webkit-box-flex: 1;
                              -ms-flex-positive: 1;
                                  flex-grow: 1; }
.wco-hs-history-diagram.headings-num-14 .history-diagram-wrapp {
    width: 240%; }
@media screen and (max-width: 767px) {
  .wco-hs-history-diagram.headings-num-14 .history-diagram-wrapp {
    width: 700%; } }
.wco-hs-history-diagram.headings-num-14 .diagram .elements {
    -webkit-box-flex: 13;
        -ms-flex-positive: 13;
            flex-grow: 13; }
.wco-hs-history-diagram.headings-num-14 .diagram .elements .elements {
      -webkit-box-flex: 12;
          -ms-flex-positive: 12;
              flex-grow: 12; }
.wco-hs-history-diagram.headings-num-14 .diagram .elements .elements .elements {
        -webkit-box-flex: 11;
            -ms-flex-positive: 11;
                flex-grow: 11; }
.wco-hs-history-diagram.headings-num-14 .diagram .elements .elements .elements .elements {
          -webkit-box-flex: 10;
              -ms-flex-positive: 10;
                  flex-grow: 10; }
.wco-hs-history-diagram.headings-num-14 .diagram .elements .elements .elements .elements .elements {
            -webkit-box-flex: 9;
                -ms-flex-positive: 9;
                    flex-grow: 9; }
.wco-hs-history-diagram.headings-num-14 .diagram .elements .elements .elements .elements .elements .elements {
              -webkit-box-flex: 8;
                  -ms-flex-positive: 8;
                      flex-grow: 8; }
.wco-hs-history-diagram.headings-num-14 .diagram .elements .elements .elements .elements .elements .elements .elements {
                -webkit-box-flex: 7;
                    -ms-flex-positive: 7;
                        flex-grow: 7; }
.wco-hs-history-diagram.headings-num-14 .diagram .elements .elements .elements .elements .elements .elements .elements .elements {
                  -webkit-box-flex: 6;
                      -ms-flex-positive: 6;
                          flex-grow: 6; }
.wco-hs-history-diagram.headings-num-14 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                    -webkit-box-flex: 5;
                        -ms-flex-positive: 5;
                            flex-grow: 5; }
.wco-hs-history-diagram.headings-num-14 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                      -webkit-box-flex: 4;
                          -ms-flex-positive: 4;
                              flex-grow: 4; }
.wco-hs-history-diagram.headings-num-14 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                        -webkit-box-flex: 3;
                            -ms-flex-positive: 3;
                                flex-grow: 3; }
.wco-hs-history-diagram.headings-num-14 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                          -webkit-box-flex: 2;
                              -ms-flex-positive: 2;
                                  flex-grow: 2; }
.wco-hs-history-diagram.headings-num-14 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                            -webkit-box-flex: 1;
                                -ms-flex-positive: 1;
                                    flex-grow: 1; }
.wco-hs-history-diagram.headings-num-15 .history-diagram-wrapp {
    width: 260%; }
@media screen and (max-width: 767px) {
  .wco-hs-history-diagram.headings-num-15 .history-diagram-wrapp {
    width: 750%; } }
.wco-hs-history-diagram.headings-num-15 .diagram .elements {
    -webkit-box-flex: 14;
        -ms-flex-positive: 14;
            flex-grow: 14; }
.wco-hs-history-diagram.headings-num-15 .diagram .elements .elements {
      -webkit-box-flex: 13;
          -ms-flex-positive: 13;
              flex-grow: 13; }
.wco-hs-history-diagram.headings-num-15 .diagram .elements .elements .elements {
        -webkit-box-flex: 12;
            -ms-flex-positive: 12;
                flex-grow: 12; }
.wco-hs-history-diagram.headings-num-15 .diagram .elements .elements .elements .elements {
          -webkit-box-flex: 11;
              -ms-flex-positive: 11;
                  flex-grow: 11; }
.wco-hs-history-diagram.headings-num-15 .diagram .elements .elements .elements .elements .elements {
            -webkit-box-flex: 10;
                -ms-flex-positive: 10;
                    flex-grow: 10; }
.wco-hs-history-diagram.headings-num-15 .diagram .elements .elements .elements .elements .elements .elements {
              -webkit-box-flex: 9;
                  -ms-flex-positive: 9;
                      flex-grow: 9; }
.wco-hs-history-diagram.headings-num-15 .diagram .elements .elements .elements .elements .elements .elements .elements {
                -webkit-box-flex: 8;
                    -ms-flex-positive: 8;
                        flex-grow: 8; }
.wco-hs-history-diagram.headings-num-15 .diagram .elements .elements .elements .elements .elements .elements .elements .elements {
                  -webkit-box-flex: 7;
                      -ms-flex-positive: 7;
                          flex-grow: 7; }
.wco-hs-history-diagram.headings-num-15 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                    -webkit-box-flex: 6;
                        -ms-flex-positive: 6;
                            flex-grow: 6; }
.wco-hs-history-diagram.headings-num-15 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                      -webkit-box-flex: 5;
                          -ms-flex-positive: 5;
                              flex-grow: 5; }
.wco-hs-history-diagram.headings-num-15 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                        -webkit-box-flex: 4;
                            -ms-flex-positive: 4;
                                flex-grow: 4; }
.wco-hs-history-diagram.headings-num-15 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                          -webkit-box-flex: 3;
                              -ms-flex-positive: 3;
                                  flex-grow: 3; }
.wco-hs-history-diagram.headings-num-15 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                            -webkit-box-flex: 2;
                                -ms-flex-positive: 2;
                                    flex-grow: 2; }
.wco-hs-history-diagram.headings-num-15 .diagram .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements .elements {
                              -webkit-box-flex: 1;
                                  -ms-flex-positive: 1;
                                      flex-grow: 1; }
.wco-hs-history-diagram .diagram-header {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    border-bottom: 1px solid #1F3F71; }
.wco-hs-history-diagram .diagram-header .diagram-heading {
      -webkit-box-flex: 5;
          -ms-flex-positive: 5;
              flex-grow: 5;
      padding: 20px;
      overflow: hidden;
      position: relative; }
.wco-hs-history-diagram .diagram-header .diagram-heading::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 1px;
        background: #1F3F71;
        z-index: 10; }
.wco-hs-history-diagram .diagram {
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    text-align: center; }
.wco-hs-history-diagram .diagram a {
      border-bottom: 1px dashed #0079C1; }
.no-touchevents .wco-hs-history-diagram .diagram a:hover,
      .no-js .wco-hs-history-diagram .diagram a:hover,
      .dj-no-device .wco-hs-history-diagram .diagram a:hover,
      .dj-no-touch .wco-hs-history-diagram .diagram a:hover, .wco-hs-history-diagram .diagram a:focus {
        border: 0; }
.wco-hs-history-diagram .diagram .diagram-element {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
.wco-hs-history-diagram .diagram .elements {
      overflow: hidden;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
.wco-hs-history-diagram .diagram .content {
      padding: 20px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      position: relative;
      color: #fff; }
.wco-hs-history-diagram .diagram .content::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 1px;
        background: #1F3F71;
        z-index: 10; }
.wco-hs-history-diagram .delimiter {
    position: absolute;
    top: 8px;
    left: 0;
    width: 60%;
    -webkit-transform: translate(116%, 0);
            transform: translate(116%, 0);
    z-index: 20; }
.wco-hs-history-diagram .delimiter-img {
    stroke: #0079C1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.history-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
@media screen and (max-width: 768px) {
  .history-boxes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
@media screen and (max-width: 767px) {
  .history-boxes {
    padding: 0 20px; } }
.history-boxes .history-box-from {
    margin: 0 8px 0 0; }
.history-boxes .history-box-to {
    margin: 0 0 0 8px; }
.history-boxes .history-box-from,
  .history-boxes .history-box-to {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 514px;
            flex: 0 1 514px;
    background: #F8F8F8;
    border-radius: 4px; }
@media screen and (max-width: 768px) {
  .history-boxes .history-box-from,
  .history-boxes .history-box-to {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; } }
.history-boxes .history-box-from .form-item,
    .history-boxes .history-box-to .form-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 16px 20px;
      color: #062A61; }
.history-boxes .history-box-from .form-item label,
      .history-boxes .history-box-to .form-item label {
        font-size: 16px;
        line-height: 18px;
        font-weight: 700; }
@media screen and (max-width: 767px) {
  .history-boxes .history-box-from .form-item label,
  .history-boxes .history-box-to .form-item label {
    font-size: 12px; } }
.history-boxes .history-box-from .jcf-select,
    .history-boxes .history-box-to .jcf-select {
      font-size: 12px;
      min-width: 154px;
      color: #062A61; }
.history-boxes .history-box-from {
    margin: 0 8px 0 0; }
@media screen and (max-width: 768px) {
  .history-boxes .history-box-from {
    margin: 0 0 20px; } }
.history-boxes .history-box-to {
    margin: 0 0 0 8px; }
@media screen and (max-width: 768px) {
  .history-boxes .history-box-to {
    margin: 0; } }
.history-boxes .history-list {
    padding: 30px 20px;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    color: #062A61;
    border-top: 1px solid #E5E5E5; }
@media screen and (max-width: 767px) {
  .history-boxes .history-list {
    font-size: 12px; } }
.history-boxes .history-list .heading {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden;
      margin: 0 0 34px; }
.history-boxes .history-list .elements {
      overflow: hidden; }
.history-boxes .history-list .items-row {
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 0 16px; }
.history-boxes .history-list .items-row:last-child {
        margin: 0; }
.history-boxes .history-list .parent {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 80px;
              flex: 0 0 80px;
      color: #0079C1; }
@media screen and (max-width: 1024px) {
  .history-boxes .history-list .parent {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
            flex: 0 0 70px; } }
.no-touchevents .history-boxes .history-list .parent a:hover,
      .no-js .history-boxes .history-list .parent a:hover,
      .dj-no-device .history-boxes .history-list .parent a:hover,
      .dj-no-touch .history-boxes .history-list .parent a:hover, .history-boxes .history-list .parent a:focus {
        text-decoration: underline; }
.history-boxes .history-list .code {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 80px;
              flex: 0 0 80px;
      margin: 0 20px 0 0; }
@media screen and (max-width: 1024px) {
  .history-boxes .history-list .code {
    margin: 0; } }
.history-boxes .history-list .code a {
        border-bottom: 1px dashed #0079C1; }
.no-touchevents .history-boxes .history-list .code a:hover,
        .no-js .history-boxes .history-list .code a:hover,
        .dj-no-device .history-boxes .history-list .code a:hover,
        .dj-no-touch .history-boxes .history-list .code a:hover, .history-boxes .history-list .code a:focus {
          border: 0; }
.history-boxes .history-list .code:nth-child(3) {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        margin: 0; }
.item-tab-section {
  overflow: hidden; }
.item-tab-section .tabset {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 16px;
    color: #062A61; }
@media screen and (max-width: 767px) {
  .item-tab-section .tabset {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
.item-tab-section .tabset li {
      margin: 0 12px 0 0;
      overflow: hidden;
      position: relative;
      padding: 0 0 14px; }
.item-tab-section .tabset li:last-child {
        margin: 0; }
@media screen and (max-width: 767px) {
  .item-tab-section .tabset li {
    margin: 0; } }
.item-tab-section .tabset li a {
        display: block;
        border: 1px solid #DBDBDB;
        background: #fff;
        border-radius: 18px;
        padding: 9px 18px;
        text-align: center;
        position: relative;
        z-index: 10; }
@media screen and (max-width: 1024px) {
  .item-tab-section .tabset li a {
    min-width: auto; } }
.item-tab-section .tabset li a::after {
          content: "";
          position: absolute;
          z-index: 5;
          bottom: -2px;
          left: 50%;
          width: 10px;
          height: 10px;
          background: #062A61;
          border-radius: 1px;
          -webkit-transform: rotate(-45deg) translate(-50%, 0);
                  transform: rotate(-45deg) translate(-50%, 0);
          visibility: hidden; }
.item-tab-section .tabset li a.disabled {
          border-color: #E2E5EA;
          background: #E7E8E9;
          color: #979797;
          cursor: default; }
.item-tab-section .tabset li.active a {
        background: #062A61;
        border-color: #062A61;
        color: #fff; }
.item-tab-section .tabset li.active a::after {
          visibility: visible; }
.item-tab-section .tab-content {
    position: relative;
    overflow: hidden; }
.item-tab-section .tab-content p {
      margin-bottom: 20px;
      margin-top: 0; }
.item-tab-section .tab-block {
    background: #F8F8F8;
    border: 1px solid #E2E5EA;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 0; }
.item-tab-section .tab-block.active-tab {
      position: relative;
      z-index: 10;
      opacity: 1; }
.item-tab-section .tab-block:last-child .text-block {
      max-height: none; }
.item-tab-section .text-block {
    max-height: 400px;
    overflow: auto;
    padding: 36px 30px 36px 0;
    margin: 0 30px;
    border-bottom: 1px solid #E2E5EA;
    font-family: Arial, Helvetica, sans-serif; }
.item-tab-section .text-block table tr td {
      border: 1px solid #0079C1;
      padding: 6px; }
.item-tab-section .text-block:last-child {
      border: 0; }
@media screen and (max-width: 767px) {
  .item-tab-section .text-block {
    margin: 0 12px;
    padding: 12px 20px 12px 0; } }
.item-tab-section .ui-accordion-header {
    margin: 0; }
.item-tab-section .ui-accordion .ui-widget-content {
    margin: 0;
    background: #F8F8F8;
    color: inherit;
    height: auto !important; }
.item-tab-section .ui-corner-all,
  .item-tab-section .ui-corner-top,
  .item-tab-section .ui-corner-right,
  .item-tab-section .ui-corner-tr {
    border-top-right-radius: 0; }
.item-tab-section .ui-corner-all,
  .item-tab-section .ui-corner-top,
  .item-tab-section .ui-corner-left,
  .item-tab-section .ui-corner-tl {
    border-top-left-radius: 0; }
.item-tab-section .ui-corner-all,
  .item-tab-section .ui-corner-bottom,
  .item-tab-section .ui-corner-right,
  .item-tab-section .ui-corner-br {
    border-bottom-right-radius: 0; }
.item-tab-section .ui-corner-all,
  .item-tab-section .ui-corner-bottom,
  .item-tab-section .ui-corner-left,
  .item-tab-section .ui-corner-bl {
    border-bottom-left-radius: 0; }
.item-tab-section .ui-state-default,
  .item-tab-section .ui-widget-content .ui-state-default,
  .item-tab-section .ui-widget-header .ui-state-default,
  .item-tab-section .ui-button,
  .item-tab-section html .ui-button.ui-state-disabled:hover,
  .item-tab-section html .ui-button.ui-state-disabled:active,
  .item-tab-section .ui-state-active,
  .item-tab-section .ui-widget-content .ui-state-active,
  .item-tab-section .ui-widget-header .ui-state-active,
  .item-tab-section a.ui-button:active, .item-tab-section .ui-button:active,
  .item-tab-section .ui-button.ui-state-active:hover {
    border: inherit;
    background: inherit;
    color: inherit; }
.item-tab-section .ui-state-hover,
  .item-tab-section .ui-widget-content .ui-state-hover,
  .item-tab-section .ui-widget-header .ui-state-hover,
  .item-tab-section .ui-state-focus,
  .item-tab-section .ui-widget-content .ui-state-focus,
  .item-tab-section .ui-widget-header .ui-state-focus,
  .item-tab-section .ui-button:hover,
  .item-tab-section .ui-button:focus {
    border: inherit;
    color: inherit; }
.item-tab-section .classification-opinions-accordion {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px 20px 10px 10px; }
.item-tab-section .classification-opinions-accordion-title {
    border: solid #DBDBDB;
    border-width: 1px 0;
    background: #F0F2F2;
    color: #4A4A4A;
    border-radius: 0;
    position: relative;
    padding: 5px 15px 5px 10px;
    font-size: 14px; }
.item-tab-section .classification-opinions-accordion-title.ui-accordion-header-active .ui-accordion-header-icon:after {
      border-color: #0079C1;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
              transform: translate(-50%, -50%) rotate(45deg); }
.item-tab-section .classification-opinions-accordion-title:nth-of-type(even) {
      background: #E3E6EA; }
.item-tab-section .classification-opinions-accordion-title .co-hs-code {
      font-family: "Lato", sans-serif;
      color: #0079C1;
      font-weight: 700; }
.item-tab-section .classification-opinions-accordion-title .co-hs-code:after {
        content: '-';
        display: inline;
        margin-left: 4px; }
.item-tab-section .classification-opinions-accordion-title .ui-accordion-header-icon {
      background: none;
      position: absolute;
      right: 0;
      top: 1px;
      height: 100%;
      width: 30px; }
.item-tab-section .classification-opinions-accordion-title .ui-accordion-header-icon:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        border: solid #062A61;
        border-width: 0 3px 3px 0;
        padding: 3px;
        border-radius: 2px;
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                transform: translate(-50%, -50%) rotate(-45deg); }
.item-tab-section .classification-opinions-accordion-content {
    background: #F8F8F8;
    color: #4A4A4A;
    border-radius: 0 0 10px 10px;
    border: none; }
.item-tab-section .classification-opinions-accordion-content .text-block {
      max-height: 100%;
      border: 0;
      font-size: 14px;
      line-height: 20px; }
.login-popup {
  position: absolute;
  top: 54px;
  right: 30px;
  padding: 20px;
  border: 1px solid #DBDBDB;
  background: #fff;
  border-radius: 4px;
  display: none; }
@media screen and (max-width: 973px) {
  .login-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 0;
    padding: 60px 20px; } }
.login-popup .popup-arrow {
    position: absolute;
    top: -10px;
    width: 20px;
    height: 10px;
    left: 50%;
    margin: 0 0 0 -10px;
    overflow: hidden; }
.login-popup .popup-arrow::after {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      border: 1px solid #DBDBDB;
      background: #fff;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      position: relative;
      top: 4px; }
@media screen and (max-width: 973px) {
  .login-popup .popup-arrow {
    display: none; } }
.login-popup .popup-close {
    display: none;
    width: 22px;
    height: 16px;
    margin: 7px 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 9px; }
@media screen and (max-width: 973px) {
  .login-popup .popup-close {
    display: block; } }
.login-popup .popup-close::before, .login-popup .popup-close::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 2px;
      background: #4E4E4E;
      border-radius: 2px; }
.login-popup .popup-close::after, .login-popup .popup-close::before {
      width: 70%;
      height: 3px; }
.login-popup .popup-close::after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      bottom: 7px;
      left: 4px; }
.login-popup .popup-close::before {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      top: 6px;
      left: 4px; }
.login-popup .content-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden; }
.login-popup .content-wrapp .openid-connect-login-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
.login-popup .content-wrapp .openid-connect-login-form div {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
.login-popup .content-wrapp .openid-connect-login-form .btn {
        width: 100%; }
.login-popup .btn {
    text-transform: uppercase;
    color: #062A61; }
.login-popup .sign-in {
    background: #062A61;
    border-color: #062A61;
    color: #fff; }
.login-popup .devider {
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 10px 0;
    text-transform: uppercase;
    color: #062A61; }
.login-popup .devider::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      height: 1px;
      background: #062A61;
      z-index: 9; }
.login-popup .devider span {
      display: inline-block;
      background: #fff;
      padding: 0 10px;
      position: relative;
      z-index: 10; }
.login-popup.connected-popup {
    padding: 0;
    border: 0;
    border-radius: 0;
    z-index: 999; }
@media screen and (max-width: 973px) {
  .login-popup.connected-popup {
    background: #5171A3; } }
.login-popup.connected-popup .content-wrapp {
      display: block; }
@media screen and (max-width: 973px) {
  .login-popup.connected-popup .content-wrapp {
    padding: 60px 0; } }
.login-popup.connected-popup .popup-arrow::after {
      background: #5171A3;
      border-color: #5171A3; }
@media screen and (max-width: 973px) {
  .login-popup.connected-popup .popup-close::before, .login-popup.connected-popup .popup-close::after {
    background: #fff; } }
.login-popup.connected-popup .account-menu {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      overflow: hidden;
      border-radius: 4px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
.login-popup.connected-popup .account-menu .menu-wrapp {
        padding: 42px 42px 0;
        max-width: 220px;
        overflow: hidden; }
@media screen and (max-width: 973px) {
  .login-popup.connected-popup .account-menu .menu-wrapp {
    width: 100%; } }
.login-popup.connected-popup .account-menu .btn-log-out {
        text-transform: none;
        color: #fff;
        margin-bottom: 20px; }
.login-popup.connected-popup .account-menu .user-menu li:last-child::after {
        display: none; }
.main-menu {
  overflow: hidden;
  font: 700 12px/14px "Lato", sans-serif;
  color: #4A4A4A;
  padding: 0 16px; }
@media screen and (max-width: 973px) {
  .main-menu {
    display: none;
    width: 100%;
    clear: both;
    padding: 40px 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #0079C1; } }
.main-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
@media screen and (max-width: 973px) {
  .main-menu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    text-align: center;
    border-top: 1px solid #E2E5EA; } }
.main-menu ul li {
      position: relative;
      padding: 0 8px 0 12px; }
@media screen and (max-width: 973px) {
  .main-menu ul li {
    border-bottom: 1px solid #E2E5EA;
    padding: 14px; } }
.main-menu ul li::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #0079C1;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); }
@media screen and (max-width: 973px) {
  .main-menu ul li::after {
    display: none; } }
.main-menu ul a {
      color: inherit; }
.no-touchevents .main-menu ul a:hover,
      .no-js .main-menu ul a:hover,
      .dj-no-device .main-menu ul a:hover,
      .dj-no-touch .main-menu ul a:hover, .main-menu ul a:focus {
        text-decoration: underline; }
p.MsoHeading7,
li.MsoHeading7,
div.MsoHeading7 {
  margin-left: 2.0cm;
  text-indent: -1.0cm; }
p.MsoHeading7 > *,
  li.MsoHeading7 > *,
  div.MsoHeading7 > * {
    text-indent: 0; }
p.MsoHeading8,
li.MsoHeading8,
div.MsoHeading8 {
  margin-left: 2.0cm;
  text-indent: -1.0cm; }
p.MsoHeading8 > *,
  li.MsoHeading8 > *,
  div.MsoHeading8 > * {
    text-indent: 0; }
p.MsoHeading9,
li.MsoHeading9,
div.MsoHeading9 {
  margin-left: 2.0cm;
  text-indent: -1.0cm; }
p.MsoHeading9 > *,
  li.MsoHeading9 > *,
  div.MsoHeading9 > * {
    text-indent: 0; }
p.DocTitle,
li.DocTitle,
div.DocTitle {
  text-align: center; }
p.Titre1,
li.Titre1,
div.Titre1 {
  text-align: center;
  text-transform: uppercase;
  text-decoration: underline; }
p.Underline,
li.Underline,
div.Underline {
  text-align: center;
  font-weight: bold; }
p.DocSubTitle,
li.DocSubTitle,
div.DocSubTitle {
  text-align: center; }
p.SecChapNote,
li.SecChapNote,
div.SecChapNote {
  font-weight: bold; }
p.Chapter,
li.Chapter,
div.Chapter {
  text-align: center; }
p.Chaptersub,
li.Chaptersub,
div.Chaptersub {
  text-align: center;
  font-weight: bold; }
p.General,
li.General,
div.General {
  text-align: center;
  font-weight: bold; }
p.GenTxt1stLn,
li.GenTxt1stLn,
div.GenTxt1stLn {
  text-align: justify;
  text-indent: 8.5pt; }
p.GenTxt1stLn > *,
  li.GenTxt1stLn > *,
  div.GenTxt1stLn > * {
    text-indent: 0; }
p.GeneralText,
li.GeneralText,
div.GeneralText {
  margin-left: 22.65pt;
  text-align: justify;
  text-indent: -22.65pt; }
p.GeneralText > *,
  li.GeneralText > *,
  div.GeneralText > * {
    text-indent: 0; }
p.MINI,
li.MINI,
div.MINI {
  text-align: justify;
  text-indent: 8.5pt; }
p.MINI > *,
  li.MINI > *,
  div.MINI > * {
    text-indent: 0; }
p.CENTER,
li.CENTER,
div.CENTER {
  text-align: center; }
p.Textschnta,
li.Textschnta,
div.Textschnta {
  margin-left: 30.35pt;
  text-align: justify;
  text-indent: -30.35pt; }
p.Textschnta > *,
  li.Textschnta > *,
  div.Textschnta > * {
    text-indent: 0; }
p.TextschntFR,
li.TextschntFR,
div.TextschntFR {
  margin-left: 16.0pt;
  text-align: justify;
  text-indent: -16.0pt; }
p.TextschntFR > *,
  li.TextschntFR > *,
  div.TextschntFR > * {
    text-indent: 0; }
p.zEnBas,
li.zEnBas,
div.zEnBas {
  text-align: center; }
p.zEnHaut,
li.zEnHaut,
div.zEnHaut {
  font-weight: bold; }
p.zGrosTitre,
li.zGrosTitre,
div.zGrosTitre {
  text-transform: uppercase;
  font-weight: bold;
  text-align: center; }
p.zNomSection,
li.zNomSection,
div.zNomSection {
  text-align: center;
  font-weight: bold;
  font-size: 18px; }
p.zNoteListe,
li.zNoteListe,
div.zNoteListe {
  margin-left: 15.9pt;
  text-align: justify;
  text-indent: -15.9pt; }
p.zNoteListe > *,
  li.zNoteListe > *,
  div.zNoteListe > * {
    text-indent: 0; }
p.zSeparation11,
li.zSeparation11,
div.zSeparation11 {
  text-align: center; }
p.zTitreNote,
li.zTitreNote,
div.zTitreNote {
  font-weight: bold; }
p.zCodeNiv2,
li.zCodeNiv2,
div.zCodeNiv2 {
  margin-left: 36.0pt;
  text-align: justify;
  text-indent: -36.0pt;
  font-weight: bold; }
p.zCodeNiv2 > *,
  li.zCodeNiv2 > *,
  div.zCodeNiv2 > * {
    text-indent: 0; }
p.zNomChapitre,
li.zNomChapitre,
div.zNomChapitre {
  text-align: center;
  font-size: 18px; }
p.zPetitParagraphe,
li.zPetitParagraphe,
div.zPetitParagraphe {
  text-align: justify; }
p.zTitreMoyen,
li.zTitreMoyen,
div.zTitreMoyen {
  text-align: center;
  font-weight: bold;
  font-size: 18px; }
p.zParagraphe,
li.zParagraphe,
div.zParagraphe {
  text-align: justify; }
p.zCodeNiv3,
li.zCodeNiv3,
div.zCodeNiv3 {
  margin-left: 3.0cm;
  text-align: justify;
  text-indent: -49.05pt; }
p.zCodeNiv3 > *,
  li.zCodeNiv3 > *,
  div.zCodeNiv3 > * {
    text-indent: 0; }
p.zTexteNote,
li.zTexteNote,
div.zTexteNote {
  text-align: justify;
  text-indent: 15.9pt; }
p.zTexteNote > *,
  li.zTexteNote > *,
  div.zTexteNote > * {
    text-indent: 0; }
p.zParaListeNiv1,
li.zParaListeNiv1,
div.zParaListeNiv1 {
  margin-left: 21.25pt;
  text-align: justify;
  text-indent: -21.25pt; }
p.zParaListeNiv1 > *,
  li.zParaListeNiv1 > *,
  div.zParaListeNiv1 > * {
    text-indent: 0; }
p.zParaListeNiv2,
li.zParaListeNiv2,
div.zParaListeNiv2 {
  margin-left: 39.7pt;
  text-align: justify;
  text-indent: -17.0pt; }
p.zParaListeNiv2 > *,
  li.zParaListeNiv2 > *,
  div.zParaListeNiv2 > * {
    text-indent: 0; }
p.zPetitParaListeNiv1,
li.zPetitParaListeNiv1,
div.zPetitParaListeNiv1 {
  margin-left: 17.85pt;
  text-align: justify;
  text-indent: -17.85pt; }
p.zPetitParaListeNiv1 > *,
  li.zPetitParaListeNiv1 > *,
  div.zPetitParaListeNiv1 > * {
    text-indent: 0; }
p.zNocode,
li.zNocode,
div.zNocode {
  font-weight: bold; }
p.MsoFootnoteReference,
li.MsoFootnoteReference,
div.MsoFootnoteReference {
  font-size: 12px; }
.content-block table,
.Table,
.MsoNormalTable {
  border: 1px solid #000;
  width: 100%;
  table-layout: fixed; }
.content-block table th,
  .content-block table td,
  .Table th,
  .Table td,
  .MsoNormalTable th,
  .MsoNormalTable td {
    border: 1px solid #000;
    padding: 6px; }
.content-block table th p, .content-block table th li, .content-block table th div,
    .content-block table td p,
    .content-block table td li,
    .content-block table td div,
    .Table th p,
    .Table th li,
    .Table th div,
    .Table td p,
    .Table td li,
    .Table td div,
    .MsoNormalTable th p,
    .MsoNormalTable th li,
    .MsoNormalTable th div,
    .MsoNormalTable td p,
    .MsoNormalTable td li,
    .MsoNormalTable td div {
      margin: 0 !important; }
p[align="center"],
li[align="center"],
div[align="center"] {
  text-align: center; }
.legendAvis {
  display: block;
  margin: 0 0 6px; }
.legendAvis b {
    display: inline-block;
    color: #fff;
    background: #062A61;
    width: 20px;
    text-align: center;
    margin: 0 2px 0 0; }
.text-block ul,
.text-block ol,
.list-disc,
.list-circle,
.list-square,
.list-lower-roman,
.list-upper-roman,
.list-lower-alpha,
.list-upper-alpha,
.list-decimal,
.list-numbered-dash-suffix,
.list-lower-alpha-bracket-wrapper,
.list-upper-alpha-bracket-wrapper,
.list-lower-roman-bracket-wrapper {
  padding: 0;
  margin: 0 0 20px;
  list-style: none !important;
  counter-reset: item; }
.text-block ul li,
  .text-block ol li,
  .list-disc li,
  .list-circle li,
  .list-square li,
  .list-lower-roman li,
  .list-upper-roman li,
  .list-lower-alpha li,
  .list-upper-alpha li,
  .list-decimal li,
  .list-numbered-dash-suffix li,
  .list-lower-alpha-bracket-wrapper li,
  .list-upper-alpha-bracket-wrapper li,
  .list-lower-roman-bracket-wrapper li {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 0 16px; }
.text-block ul li::before,
    .text-block ol li::before,
    .list-disc li::before,
    .list-circle li::before,
    .list-square li::before,
    .list-lower-roman li::before,
    .list-upper-roman li::before,
    .list-lower-alpha li::before,
    .list-upper-alpha li::before,
    .list-decimal li::before,
    .list-numbered-dash-suffix li::before,
    .list-lower-alpha-bracket-wrapper li::before,
    .list-upper-alpha-bracket-wrapper li::before,
    .list-lower-roman-bracket-wrapper li::before {
      position: absolute;
      left: 0;
      counter-increment: item;
      color: inherit;
      margin-right: 4px; }
.text-block ul ul, .text-block ul ol,
  .text-block ol ul,
  .text-block ol ol,
  .list-disc ul,
  .list-disc ol,
  .list-circle ul,
  .list-circle ol,
  .list-square ul,
  .list-square ol,
  .list-lower-roman ul,
  .list-lower-roman ol,
  .list-upper-roman ul,
  .list-upper-roman ol,
  .list-lower-alpha ul,
  .list-lower-alpha ol,
  .list-upper-alpha ul,
  .list-upper-alpha ol,
  .list-decimal ul,
  .list-decimal ol,
  .list-numbered-dash-suffix ul,
  .list-numbered-dash-suffix ol,
  .list-lower-alpha-bracket-wrapper ul,
  .list-lower-alpha-bracket-wrapper ol,
  .list-upper-alpha-bracket-wrapper ul,
  .list-upper-alpha-bracket-wrapper ol,
  .list-lower-roman-bracket-wrapper ul,
  .list-lower-roman-bracket-wrapper ol {
    margin-left: 20px; }
.list-dash-bullet {
  list-style: none !important;
  margin: 0 0 20px;
  padding: 0; }
.list-dash-bullet li {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 0 10px !important; }
.list-dash-bullet li::before {
      content: "- " !important;
      color: inherit !important;
      position: absolute !important;
      left: 0 !important;
      top: 0 !important;
      background: none !important;
      width: auto !important;
      height: auto !important; }
.list-dash-bullet ul, .list-dash-bullet ol {
    margin-left: 20px; }
.text-block ul li::before,
.list-disc li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background: #0079C1; }
.list-circle li::before {
  background: none !important;
  border: 1px solid #0079C1; }
.list-square li::before {
  border-radius: 0 !important; }
.list-numbered-dash-suffix li {
  padding-left: 24px !important; }
.list-numbered-dash-suffix li::before {
    content: counters(item, ".") ".- ";
    width: 50px;
    text-align: right;
    left: -30px !important; }
.list-lower-alpha-bracket-wrapper li {
  padding-left: 24px !important; }
.list-lower-alpha-bracket-wrapper li::before {
    content: "(" counter(item, lower-alpha) ") ";
    width: 50px;
    text-align: right;
    left: -30px !important; }
.list-upper-alpha-bracket-wrapper li {
  padding-left: 24px !important; }
.list-upper-alpha-bracket-wrapper li::before {
    content: "(" counter(item, upper-alpha) ") ";
    width: 50px;
    text-align: right;
    left: -30px !important; }
.list-lower-roman-bracket-wrapper li {
  padding-left: 24px !important; }
.list-lower-roman-bracket-wrapper li::before {
    content: "(" counter(item, lower-roman) ") ";
    width: 50px;
    text-align: right;
    left: -30px !important; }
.list-lower-alpha li {
  padding-left: 24px !important; }
.list-lower-alpha li::before {
    content: counter(item, lower-alpha) ". ";
    width: 50px;
    text-align: right;
    left: -30px !important; }
.list-upper-alpha li {
  padding-left: 24px !important; }
.list-upper-alpha li::before {
    content: counter(item, upper-alpha) ". ";
    width: 50px;
    text-align: right;
    left: -30px !important; }
.list-lower-roman li {
  padding-left: 24px !important; }
.list-lower-roman li::before {
    content: counter(item, lower-roman) ". ";
    width: 50px;
    text-align: right;
    left: -30px !important; }
.list-upper-roman li {
  padding-left: 24px !important; }
.list-upper-roman li::before {
    content: counter(item, upper-roman) ". ";
    width: 50px;
    text-align: right;
    left: -30px !important; }
.list-decimal li {
  padding-left: 24px !important; }
.list-decimal li::before {
    content: counter(item, decimal) ". ";
    width: 50px;
    text-align: right;
    left: -30px !important; }
.filters-additional,
.filters-form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.filters-additional.filter-with-links,
  .filters-form-wrapper.filter-with-links {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
@media screen and (max-width: 973px) {
  .filters-additional.filter-with-links,
  .filters-form-wrapper.filter-with-links {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
@media screen and (max-width: 973px) {
  .filters-additional.filter-with-links #additional-texts-filters,
  .filters-additional.filter-with-links #nomenclature-filters,
  .filters-form-wrapper.filter-with-links #additional-texts-filters,
  .filters-form-wrapper.filter-with-links #nomenclature-filters {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 10px; }
    .filters-additional.filter-with-links #additional-texts-filters .form-item,
    .filters-additional.filter-with-links #nomenclature-filters .form-item,
    .filters-form-wrapper.filter-with-links #additional-texts-filters .form-item,
    .filters-form-wrapper.filter-with-links #nomenclature-filters .form-item {
      padding: 0; } }
.back-to-list,
.wco-hs-back-link,
.wco-hs-focus-link {
  overflow: hidden;
  font-size: 14px;
  line-height: 30px;
  color: #062A61;
  font-weight: 700;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
@media screen and (max-width: 767px) {
  .back-to-list,
  .wco-hs-back-link,
  .wco-hs-focus-link {
    font-size: 12px; } }
.back-to-list a,
  .wco-hs-back-link a,
  .wco-hs-focus-link a {
    display: block;
    position: relative; }
.back-to-list a::before,
    .wco-hs-back-link a::before,
    .wco-hs-focus-link a::before {
      content: '';
      height: 1px;
      position: absolute;
      bottom: 2px;
      border-bottom: 1px dashed #008FE4; }
.back-to-list a::after,
    .wco-hs-back-link a::after,
    .wco-hs-focus-link a::after {
      content: '';
      position: absolute;
      top: 0;
      width: 18px;
      height: 30px;
      background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-slider-arrow.svg) no-repeat 50% 50%; }
.no-touchevents .back-to-list a:hover::before,
    .no-js .back-to-list a:hover::before,
    .dj-no-device .back-to-list a:hover::before,
    .dj-no-touch .back-to-list a:hover::before, .back-to-list a:focus::before, .no-touchevents
    .wco-hs-back-link a:hover::before,
    .no-js
    .wco-hs-back-link a:hover::before,
    .dj-no-device
    .wco-hs-back-link a:hover::before,
    .dj-no-touch
    .wco-hs-back-link a:hover::before,
    .wco-hs-back-link a:focus::before, .no-touchevents
    .wco-hs-focus-link a:hover::before,
    .no-js
    .wco-hs-focus-link a:hover::before,
    .dj-no-device
    .wco-hs-focus-link a:hover::before,
    .dj-no-touch
    .wco-hs-focus-link a:hover::before,
    .wco-hs-focus-link a:focus::before {
      display: none; }
.back-to-list a,
.wco-hs-back-link a {
  padding: 0 0 0 26px; }
.back-to-list a::before,
  .wco-hs-back-link a::before {
    left: 26px;
    right: 0; }
.back-to-list a::after,
  .wco-hs-back-link a::after {
    left: 0; }
.wco-hs-focus-link a {
  padding: 0 26px 0 0; }
.wco-hs-focus-link a::before {
    right: 26px;
    left: 0; }
.wco-hs-focus-link a::after {
    right: 0;
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }
.back-to-list {
  padding: 20px 20px 0;
  position: absolute;
  visibility: hidden;
  z-index: -1; }
@media screen and (max-width: 767px) {
  .back-to-list {
    z-index: 50;
    visibility: visible;
    position: relative; } }
.back-to-list a {
    float: left; }
#additional-texts-filters,
#nomenclature-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
@media screen and (max-width: 767px) {
  #additional-texts-filters,
  #nomenclature-filters {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }
#additional-texts-filters .form-item,
  #nomenclature-filters .form-item {
    padding: 0 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
@media screen and (max-width: 1199px) {
  #additional-texts-filters .form-item,
  #nomenclature-filters .form-item {
    padding: 0 16px; } }
@media screen and (max-width: 767px) {
  #additional-texts-filters .form-item,
  #nomenclature-filters .form-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    margin: 0 0 16px; } }
#additional-texts-filters label,
  #nomenclature-filters label {
    display: inline-block;
    font-weight: 700;
    color: #062A61;
    font-size: 14px;
    line-height: 36px; }
#additional-texts-filters .js-form-type-select label,
  #nomenclature-filters .js-form-type-select label {
    margin: 0 12px 0 0; }
#additional-texts-filters .jcf-select,
  #nomenclature-filters .jcf-select {
    font-size: 12px;
    color: #062A61;
    min-width: 160px; }
@media screen and (max-width: 1199px) {
  #additional-texts-filters .jcf-select,
  #nomenclature-filters .jcf-select {
    min-width: 100px; } }
@media screen and (max-width: 767px) {
  #additional-texts-filters .jcf-select,
  #nomenclature-filters .jcf-select {
    width: 100%; } }
#additional-texts-filters .js-form-type-checkbox,
  #nomenclature-filters .js-form-type-checkbox {
    position: relative;
    overflow: hidden; }
#additional-texts-filters .js-form-type-checkbox .form-checkbox,
    #nomenclature-filters .js-form-type-checkbox .form-checkbox {
      position: absolute;
      top: 0;
      left: 0;
      visibility: hidden; }
#additional-texts-filters .js-form-type-checkbox .option,
    #nomenclature-filters .js-form-type-checkbox .option {
      font-size: 12px;
      line-height: 20px;
      border-radius: 18px;
      color: #fff;
      background: #062A61;
      padding: 8px 40px; }
#additional-texts-filters .js-form-type-checkbox.form-disabled .option,
    #nomenclature-filters .js-form-type-checkbox.form-disabled .option {
      cursor: default;
      background: #757575;
      opacity: 0.5; }
.show-last-updates-link {
  font-size: 12px;
  line-height: 20px;
  border-radius: 18px;
  color: #fff;
  background: #062A61;
  padding: 8px 30px;
  display: block; }
@media screen and (max-width: 1024px) {
  .show-last-updates-link {
    padding: 8px 16px; } }
@media screen and (max-width: 767px) {
  .show-last-updates-link {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    text-align: center; } }
.show-last-updates-link.disabled {
    cursor: default;
    background: #757575;
    opacity: 0.5; }
#nomenclature-filters .form-item {
  padding: 0 16px; }
@media screen and (max-width: 973px) {
  #nomenclature-filters .form-item {
    padding: 0 4px; } }
#nomenclature-filters .form-item:last-of-type {
    border-right: 1px solid #d8d8d8; }
@media screen and (max-width: 767px) {
  #nomenclature-filters .form-item:last-of-type {
    border: none; } }
#nomenclature-filters .show-last-updates-link {
  margin: 0 16px; }
@media screen and (max-width: 1199px) {
  #nomenclature-filters .show-last-updates-link {
    margin: 0 16px; } }
@media screen and (max-width: 973px) {
  #nomenclature-filters .show-last-updates-link {
    margin: 0 4px; } }
@media screen and (max-width: 767px) {
  #nomenclature-filters .show-last-updates-link {
    margin: 0; }
    #nomenclature-filters .show-last-updates-link:first-of-type {
      margin-bottom: 16px; } }
.wco-correlation-popup-form label {
  display: block;
  margin-bottom: 7px; }
.wco-correlation-popup-form .form-item {
  margin-bottom: 28px; }
.wco-correlation-popup-form .form-item input[type='text'] {
    border: none;
    background: #fff;
    border-radius: 18px;
    padding: 4px 14px;
    font-size: 10px;
    line-height: 18px;
    color: #062A61;
    width: 100%;
    display: block; }
.wco-correlation-popup-form .form-submit {
  border: none;
  background: #062A61;
  font-size: 10px;
  line-height: 18px;
  color: #fff;
  border-radius: 18px;
  display: block;
  padding: 4px 14px;
  width: 100%; }
.nomenclature-item-menu {
  position: absolute;
  top: 60px;
  left: 30px; }
@media screen and (max-width: 1023px) {
  .nomenclature-item-menu {
    position: relative;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 16px;
    padding: 0 12px 0 0; } }
.nomenclature-item-menu ul {
    overflow: hidden; }
.nomenclature-item-menu ul li {
      position: relative;
      margin: 0 0 6px; }
.nomenclature-item-menu ul li:last-child {
        margin: 0; }
@media screen and (max-width: 1023px) {
  .nomenclature-item-menu ul li {
    float: left;
    margin: 0 10px 0 0; } }
@media screen and (max-width: 767px) {
  .nomenclature-item-menu ul li {
    margin: 0 6px 0 0; } }
.nomenclature-item-menu .btn-action-submenu {
    display: block;
    color: #748298;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
    margin: -10px 0 0 0; }
@media screen and (max-width: 1023px) {
  .nomenclature-item-menu .btn-action-submenu {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    margin: 0; } }
.btn-item-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 10px;
  line-height: 16px;
  color: #021634;
  width: 115px;
  padding: 7px 12px;
  background: #E3E6EA;
  border-radius: 15px;
  outline: none; }
@media screen and (max-width: 767px) {
  .btn-item-menu {
    width: auto;
    padding: 7px 10px; } }
.btn-item-menu.disabled {
    cursor: default;
    opacity: 0.4; }
.btn-item-menu .icon {
    width: 12px;
    height: 12px;
    overflow: hidden;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12px;
            flex: 0 0 12px;
    margin: 0 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
@media screen and (max-width: 767px) {
  .btn-item-menu .icon {
    margin: 0 6px 0 0; } }
.btn-item-menu .txt {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.notes-slider {
  overflow: hidden; }
.notes-slider .slider {
    padding: 36px 12px 36px 36px; }
@media screen and (max-width: 767px) {
  .notes-slider .slider {
    padding: 12px; } }
.notes-slider .slider .slick-track {
      overflow: hidden; }
.notes-slider .slider .slick-list {
      overflow: hidden; }
.notes-slider .slider .slide-content {
      float: left;
      overflow: hidden;
      max-height: 400px;
      overflow: auto;
      padding: 0 60px 0 0; }
@media screen and (max-width: 767px) {
  .notes-slider .slider .slide-content {
    padding: 0 20px 0 0; } }
.notes-slider .slider .text-block {
      margin: 0;
      padding: 20px 0;
      max-height: none;
      overflow: hidden;
      border-bottom: 1px solid #AEAEAE; }
@media screen and (max-width: 767px) {
  .notes-slider .slider .text-block {
    padding: 0; } }
.notes-slider .slider .text-block:last-child {
        border: 0; }
.notes-slider .slider .text-block del,
      .notes-slider .slider .text-block ins {
        border-radius: 4px;
        display: inline-block;
        font-weight: normal;
        cursor: pointer;
        padding: 0 6px;
        margin: 0 2px 2px;
        text-decoration: none;
        text-align: left; }
.notes-slider .slider .text-block del.diffdel, .notes-slider .slider .text-block del.diffmod {
        background: #EB8B8B;
        color: #fff;
        text-decoration: line-through; }
.notes-slider .slider .text-block ins.diffmod, .notes-slider .slider .text-block ins.diffins {
        background: #7ED321;
        text-decoration: none;
        color: #fff; }
.notes-slider .slider .diff-view {
      position: relative;
      padding: 0 0 0 20px;
      margin: 0 0 20px;
      display: none; }
.notes-slider .slider .diff-view::after {
        content: "";
        width: 2px;
        position: absolute;
        top: 0;
        left: 0;
        background: #78D204;
        bottom: 20px;
        border-radius: 3px; }
.notes-slider .slider .diff-view .text-block {
        padding: 0;
        border: 0; }
.notes-slider .slider-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 36px;
    background: #fff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #0079C1; }
@media screen and (max-width: 767px) {
  .notes-slider .slider-controls {
    padding: 10px; } }
.notes-slider .slider-controls .arrow {
      width: 16px;
      height: 16px;
      overflow: hidden;
      cursor: pointer;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 16px;
              flex: 0 0 16px; }
.notes-slider .slider-controls .arrow.slick-disabled .svg-icon {
        display: none; }
.notes-slider .slider-controls .arrow.next .svg-icon {
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg); }
.notes-slider .slider-controls .slide-info {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      overflow: hidden;
      outline: none; }
.notes-slider .slider-controls .slide-info .slide-counter {
        margin: 0 6px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
.notes-slider .slider-controls .slide-info .txt {
        margin: 0 6px; }
.notes-slider .headers-slider {
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
.notes-slider .headers-slider .slick-track {
      overflow: hidden;
      position: relative;
      left: 0;
      top: 0; }
.notes-slider .headers-slider .slick-list {
      overflow: hidden;
      position: relative; }
.notes-slider .headers-slider .slide-info {
      float: left; }
.ui-widget {
  font: 10px/12px "Lato", sans-serif; }
.ui-widget .jcf-select {
    color: #062A61; }
.ui-widget select.custom-select {
    top: 0;
    left: 0; }
.ui-widget #folder-search-list {
    height: 142px !important; }
.ui-widget #folder-search-list input[type="text"] {
      display: block;
      width: 100%;
      color: #062A61;
      background: #fff;
      border: 0;
      margin: 0 0 10px;
      padding: 8px 12px;
      font-size: 12px;
      line-height: 14px;
      border-radius: 15px;
      overflow: hidden;
      outline: none; }
.ui-widget .wco-hs-folders-form label {
    display: block;
    margin: 0 0 6px; }
.ui-widget .wco-hs-folders-form textarea,
  .ui-widget .wco-hs-folders-form input[type="text"] {
    display: block;
    width: 100%;
    color: #062A61;
    background: #fff;
    border: 0;
    margin: 0 0 10px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 15px;
    overflow: hidden;
    outline: none; }
.ui-widget .wco-hs-folders-form textarea {
    resize: none;
    min-height: 84px;
    margin: 0; }
.ui-widget .wco_hs_comparison_checkbox,
  .ui-widget .wco_hs_folder_checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 10px; }
.ui-widget .wco_hs_comparison_checkbox label,
    .ui-widget .wco_hs_folder_checkbox label {
      margin: 0; }
.ui-widget .wco_hs_comparison_checkbox .jcf-checkbox,
    .ui-widget .wco_hs_folder_checkbox .jcf-checkbox {
      width: 10px;
      height: 10px;
      background: #fff;
      margin: 0 6px 0 0;
      padding: 2px;
      position: relative; }
.ui-widget .wco_hs_comparison_checkbox .jcf-checkbox span,
      .ui-widget .wco_hs_folder_checkbox .jcf-checkbox span {
        background: #0079C1;
        width: 100%;
        height: 100%;
        display: none; }
.ui-widget .wco_hs_comparison_checkbox .jcf-checkbox .custom-checkbox,
      .ui-widget .wco_hs_folder_checkbox .jcf-checkbox .custom-checkbox {
        top: 0;
        left: 0; }
.ui-widget .wco_hs_comparison_checkbox .jcf-checkbox.jcf-checked span,
      .ui-widget .wco_hs_folder_checkbox .jcf-checkbox.jcf-checked span {
        display: block; }
.ui-widget.ui-widget-content {
    background: #0079C1;
    border: 1px solid #0079C1;
    color: #fff;
    overflow: hidden;
    border-radius: 20px;
    -webkit-box-shadow: 0px 24px 34px rgba(123, 136, 157, 0.4);
            box-shadow: 0px 24px 34px rgba(123, 136, 157, 0.4);
    padding: 0 18px; }
@media screen and (max-width: 767px) {
  .ui-widget.ui-widget-content {
    width: auto !important;
    left: 20px !important;
    right: 20px !important; } }
.ui-widget .ui-widget-content {
    padding: 0;
    color: #fff;
    background: #0079C1;
    margin: 0 0 18px; }
.ui-widget .ui-widget-content li {
      margin: 0 0 10px;
      padding: 0 0 0 20px;
      position: relative; }
.ui-widget .ui-widget-content .wco-hs-folder-title {
      margin: 0 6px 0 0;
      display: inline-block; }
.ui-widget .ui-widget-content .wco-hs-folder-add {
      position: absolute;
      top: 0;
      left: 0;
      width: 12px;
      height: 12px;
      cursor: pointer;
      background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-add-folder-white.svg) no-repeat;
      background-size: 100%; }
.ui-widget.wco-hs-folders-dialog .ui-widget-header {
    background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-add-folder-white.svg) no-repeat 0 50%; }
.ui-widget.wco-hs-folders-dialog .ui-dialog-title {
    padding: 0 0 0 22px; }
.ui-widget.wco-hs-folders-dialog .wco-hs-folders-form {
    height: auto !important; }
.ui-widget .ui-dialog-buttonpane {
    border: 0;
    margin: 0 0 18px; }
.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset {
      float: none;
      background: #062A61;
      border-radius: 15px;
      overflow: hidden; }
.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset button {
        margin: 0;
        padding: 0;
        background: none;
        border: 0;
        font: 700 10px/30px "Lato", sans-serif;
        color: #fff;
        text-align: center;
        width: 100%; }
.ui-widget .ui-widget-header {
    background: #0079C1;
    padding: 18px 0;
    margin: 0 0 14px;
    color: #fff;
    border: none;
    border-bottom: 1px solid #006DAE;
    position: relative; }
.ui-widget .ui-dialog-title {
    margin: 0;
    font-weight: normal; }
.ui-widget .ui-dialog-titlebar-close {
    width: 14px;
    height: 14px;
    margin: -7px 0 0;
    border: 0;
    background: none;
    text-indent: -99999px;
    overflow: hidden; }
.ui-widget .ui-dialog-titlebar-close .ui-icon {
      width: 12px;
      height: 12px;
      display: block;
      background: none;
      margin: 0;
      top: 0;
      left: 1px;
      right: 0;
      bottom: 0;
      padding: 0; }
.ui-widget .ui-dialog-titlebar-close .ui-icon-arrowthick-1-w {
      background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-arrow-right-white.svg) no-repeat 50% 50%;
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
.ui-widget .ui-dialog-titlebar-close .ui-icon-closethick::before, .ui-widget .ui-dialog-titlebar-close .ui-icon-closethick::after {
      content: "";
      position: absolute;
      top: -2px;
      left: 5px;
      width: 2px;
      height: 16px;
      border-radius: 1px;
      background: #fff; }
.ui-widget .ui-dialog-titlebar-close .ui-icon-closethick::after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
.ui-widget .ui-dialog-titlebar-close .ui-icon-closethick::before {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
.ui-widget.ui-autocomplete {
    background: #fff;
    color: #062A61;
    border-color: #fff;
    padding: 12px;
    z-index: 9999; }
.wco-hs-comparison-dialog .ui-widget-header {
  background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-compare-white.svg) no-repeat 0 50%; }
.wco-hs-comparison-dialog .ui-dialog-title {
  padding: 0 0 0 22px; }
.wco-hs-comparison-dialog .wco-hs-comparison-dlg-form {
  height: auto !important;
  margin: 0 0 8px; }
.wco-hs-comparison-dialog .wco-hs-comparison-dlg-form label {
    margin: 0 0 4px;
    display: block; }
.wco-hs-comparison-dialog .wco-hs-comparison-dlg-form div {
    margin: 0 0 10px; }
.wco-hs-comparison-dialog .wco-hs-comparison-dlg-form .wco_hs_comparison_checkbox {
    margin: 0 0 10px; }
.wco-hs-comparison-dialog .wco-hs-comparison-dlg-form .wco_hs_comparison_checkbox label {
      margin: 0; }
.wco-hs-comparison-dialog .wco-hs-comparison-dlg-form .wco-hs-delimiter {
    display: block;
    margin: 0 0 10px;
    text-transform: uppercase;
    text-align: center;
    position: relative; }
.wco-hs-comparison-dialog .wco-hs-comparison-dlg-form .wco-hs-delimiter::before, .wco-hs-comparison-dialog .wco-hs-comparison-dlg-form .wco-hs-delimiter::after {
      content: "";
      position: absolute;
      top: 50%;
      border-bottom: 1px dotted #fff;
      width: 40%; }
.wco-hs-comparison-dialog .wco-hs-comparison-dlg-form .wco-hs-delimiter::before {
      left: 0; }
.wco-hs-comparison-dialog .wco-hs-comparison-dlg-form .wco-hs-delimiter::after {
      right: 0; }
.wco-hs-see-roo-dialog .ui-widget-header {
  background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-see-roo-white.svg) no-repeat 0 50%; }
.wco-hs-see-roo-dialog .ui-dialog-title {
  padding: 0 0 0 22px; }
.wco-hs-see-roo-dialog .wco-hs-see-roo-dlg-form {
  height: auto !important;
  margin: 0 0 8px; }
.wco-hs-see-roo-dialog .wco-hs-see-roo-dlg-form div {
    margin: 0 0 4px; }
.wco-hs-see-roo-dialog .wco-hs-see-roo-dlg-form .jcf-select {
    margin: 0 0 10px; }
.wco-hs-see-roo-dialog .wco-hs-see-roo-dlg-form input[type="text"] {
    display: block;
    width: 100%;
    color: #062A61;
    background: #fff;
    border: 0;
    margin: 0 0 10px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 15px;
    overflow: hidden;
    outline: none; }
.action-submenu-modal-content {
  width: auto !important; }
@media screen and (max-width: 973px) {
  .action-submenu-modal-content {
    left: auto !important;
    right: 20px !important; } }
@media screen and (max-width: 767px) {
  .action-submenu-modal-content {
    left: 20px !important; } }
.ui-widget.popup-profile-change-password {
  background: #3872B4;
  -webkit-box-shadow: 0px 44px 84px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 44px 84px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  padding: 30px 20px;
  width: 100% !important;
  max-width: 400px; }
@media screen and (max-width: 767px) {
  .ui-widget.popup-profile-change-password {
    max-width: 280px;
    padding: 0 20px 30px; } }
.ui-widget.popup-profile-change-password .btn {
    font-weight: 700; }
.ui-widget.popup-profile-change-password .ui-widget-header {
    background: none;
    margin: 0;
    border: 0;
    display: none; }
.ui-widget.popup-profile-change-password .ui-widget-content {
    background: none;
    margin: 0;
    padding: 0 40px;
    min-height: auto !important; }
@media screen and (max-width: 767px) {
  .ui-widget.popup-profile-change-password .ui-widget-content {
    padding: 0; } }
.ui-widget.popup-profile-change-password .ui-widget-content div {
      margin-bottom: 20px; }
.wco-origin-history-dlg-form {
  height: auto !important; }
.wco-origin-history-dlg-form div div {
    margin: 0 0 10px; }
.wco-origin-history-dlg-form input[type="text"] {
    display: block;
    width: 100%;
    color: #062A61;
    background: #fff;
    border: 0;
    margin: 0 0 10px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 15px;
    overflow: hidden;
    outline: none; }
.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.7) !important;
  opacity: 1 !important; }
.pricing-info {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto 50px;
  padding: 0 60px;
  color: #fff;
  font-size: 16px;
  line-height: 20px; }
@media screen and (max-width: 973px) {
  .pricing-info {
    padding: 0 20px; } }
.pricing-info .holder {
    background: #757575;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 8px;
    overflow: hidden;
    padding: 26px 50px; }
@media screen and (max-width: 973px) {
  .pricing-info .holder {
    padding: 20px; } }
@media screen and (max-width: 767px) {
  .pricing-info .holder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
.pricing-info .text {
    width: 70%; }
@media screen and (max-width: 767px) {
  .pricing-info .text {
    width: 100%;
    text-align: center;
    margin: 0 0 20px; } }
.pricing-info p {
    margin: 0; }
.anonymous .pricing-info {
  margin-top: 50px; }
.anonymous.wco-homepage .pricing-info {
  margin-top: 0; }
.path-pricing .hero-block {
  margin-bottom: -46px; }
@media screen and (max-width: 767px) {
  .path-pricing .hero-block {
    margin-bottom: 38px; } }
.path-pricing .news-slider {
  margin-bottom: 30px; }
.pricing-section {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 60px 90px; }
@media screen and (max-width: 973px) {
  .pricing-section {
    padding: 0 0 90px; } }
.pricing-solution {
  background: #062A61;
  border-radius: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 26px 30px;
  margin: 0 0 36px; }
@media screen and (max-width: 1199px) {
  .pricing-solution {
    display: block; } }
@media screen and (max-width: 1024px) {
  .pricing-solution {
    padding: 20px; } }
@media screen and (max-width: 973px) {
  .pricing-solution {
    -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.325257);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.325257);
    display: block;
    max-width: 580px;
    margin: 0 auto 38px;
    padding: 15px 21px; } }
@media screen and (max-width: 767px) {
  .pricing-solution {
    max-width: 280px;
    margin: 0 auto 38px; } }
.pricing-solution.warning {
    color: #fff; }
.pricing-solution .ttl {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    max-width: 136px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 136px;
            flex: 0 0 136px;
    margin: 0 30px 0 0; }
@media screen and (max-width: 1199px) {
  .pricing-solution .ttl {
    display: block;
    max-width: none;
    margin: 0 0 18px; } }
.subscription-settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 12px;
  line-height: 14px;
  color: #fff; }
@media screen and (max-width: 973px) {
  .subscription-settings {
    display: block; } }
.subscription-settings .ajax-progress {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }
.subscription-settings .date-subscription {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
@media screen and (max-width: 973px) {
  .subscription-settings .date-subscription {
    display: block; } }
.subscription-settings .user-subscription {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
@media screen and (max-width: 973px) {
  .subscription-settings .user-subscription {
    display: block; } }
.subscription-settings label {
    font-size: 12px;
    line-height: 14px;
    color: #fff; }
@media screen and (max-width: 1023px) {
  .subscription-settings label {
    font-size: 10px;
    line-height: 12px; } }
.subscription-settings .date-item {
    overflow: hidden;
    position: relative;
    margin: 0 18px 0 0; }
@media screen and (max-width: 973px) {
  .subscription-settings .date-item {
    margin: 0 0 18px;
    text-align: center; } }
.subscription-settings .date-item label {
      display: block;
      overflow: hidden;
      position: relative;
      font-weight: 700;
      border: 1px solid rgba(255, 255, 255, 0.4);
      border-radius: 20px;
      padding: 12px 20px; }
@media screen and (max-width: 1023px) {
  .subscription-settings .date-item label {
    padding: 8px 20px; } }
.subscription-settings .date-item label.jcf-label-active {
        background: #008FE4;
        border-color: #008FE4; }
.subscription-settings .date-item .jcf-radio {
      background: none;
      border: 0;
      border-radius: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
.subscription-settings .date-item .jcf-radio span {
        display: none; }
.subscription-settings .user-item {
    padding: 0 15px;
    position: relative;
    z-index: 1; }
.subscription-settings .user-item .ajax-progress {
      position: absolute;
      top: 0;
      left: 0;
      display: none; }
@media screen and (max-width: 973px) {
  .subscription-settings .user-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2px;
    padding: 0; } }
.subscription-settings .user-item:nth-of-type(1):before {
      left: 50%; }
.subscription-settings .user-item:last-child:before {
      right: 50%; }
.subscription-settings .user-item:before {
      content: ' ';
      border: 1px dashed #008EC4;
      position: absolute;
      top: 11px;
      left: 0;
      right: 2px;
      height: 1px;
      z-index: -1; }
@media screen and (max-width: 973px) {
  .subscription-settings .user-item:before {
    display: none; } }
.subscription-settings .user-item:after {
      content: ' ';
      background: #062A61;
      position: absolute;
      top: 0;
      left: 50%;
      width: 44px;
      height: 30px;
      margin: 0 0 0 -22px;
      z-index: -1; }
@media screen and (max-width: 973px) {
  .subscription-settings .user-item:after {
    display: none; } }
.subscription-settings .user-item .jcf-radio {
      background: none;
      border: 0;
      width: 24px;
      height: 24px;
      display: block;
      overflow: hidden;
      position: relative;
      border-radius: 50%;
      margin: 0 auto 2px;
      cursor: pointer; }
@media screen and (max-width: 973px) {
  .subscription-settings .user-item .jcf-radio {
    margin: 0; } }
.subscription-settings .user-item .jcf-radio span {
        position: absolute;
        top: 5px;
        left: 5px;
        width: 14px;
        height: 14px;
        border: 1px solid #fff;
        overflow: hidden;
        border-radius: 50%; }
.subscription-settings .user-item .jcf-radio.jcf-checked {
        background: #fff; }
.subscription-settings .user-item .jcf-radio.jcf-checked span {
          background: #0079C1;
          border-color: #008FE4;
          -webkit-transform: none;
                  transform: none; }
@media screen and (max-width: 973px) {
  .subscription-settings .user-item label {
    margin: 0 0 0 7px; } }
.subscription-settings .attribute-duration--disabled,
  .subscription-settings .attribute-slot--disabled {
    position: relative; }
.subscription-settings .attribute-duration--disabled::after,
    .subscription-settings .attribute-slot--disabled::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: transparent;
      z-index: 100; }
.subscription-settings .attribute-duration--disabled .date-item label,
    .subscription-settings .attribute-slot--disabled .date-item label {
      color: #C4C4C4;
      border-color: #C4C4C4;
      background: none; }
.subscription-settings .attribute-duration--disabled .user-item .jcf-radio span,
    .subscription-settings .attribute-slot--disabled .user-item .jcf-radio span {
      border-color: #C4C4C4; }
.subscription-settings .attribute-duration--disabled .user-item .jcf-radio.jcf-checked span,
    .subscription-settings .attribute-slot--disabled .user-item .jcf-radio.jcf-checked span {
      background: #C4C4C4; }
.subscription-settings .attribute-duration--disabled .user-item label,
    .subscription-settings .attribute-slot--disabled .user-item label {
      color: #C4C4C4; }
.user-subscription-select {
  display: none; }
@media screen and (max-width: 973px) {
  .user-subscription-select {
    display: block; } }
.user-subscription-select label {
    display: block;
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 14px; }
.user-subscription-select .jcf-select {
    padding: 5px 36px 5px 22px; }
.user-subscription-select .jcf-select-text {
    color: #062A61; }
.pricing-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  font-size: 12px;
  line-height: 20px;
  color: #062A61;
  margin: 0 0 90px; }
@media screen and (max-width: 1199px) {
  .pricing-detail {
    display: block; } }
@media screen and (max-width: 973px) {
  .pricing-detail {
    margin: 0 0 37px; } }
.pricing-detail #block-wcopricingpageblock + [data-drupal-selector='edit-product-fieldset'] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
.pricing-detail .text-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    max-width: 200px;
    overflow: hidden;
    margin: 0 30px 0 0; }
.pricing-detail .text-col + [data-drupal-selector='edit-product-fieldset'] {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
@media screen and (max-width: 1199px) {
  .pricing-detail .text-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    max-width: none; } }
@media screen and (max-width: 973px) {
  .pricing-detail .text-col {
    display: none; } }
.pricing-detail h3 {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 20px; }
.pricing-detail p {
    margin: 0 0 20px; }
.pricing-detail .info-col {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
@media screen and (max-width: 973px) {
  .pricing-detail .info-col {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }
@media screen and (max-width: 767px) {
  .pricing-detail .info-col {
    display: block; } }
.price-pack {
  overflow: hidden;
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 9px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background: #fff;
  max-width: 292px;
  width: 100%;
  padding: 14px; }
@media screen and (max-width: 973px) {
  .price-pack {
    max-width: 280px;
    margin: 0 10px 20px; } }
@media screen and (max-width: 767px) {
  .price-pack {
    margin: 0 auto 20px; } }
.price-pack .pack-ttl {
    overflow: hidden;
    border-radius: 4px;
    background: #008FE4;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    padding: 14px;
    margin: 0 0 26px; }
@media screen and (max-width: 973px) {
  .price-pack .pack-ttl {
    position: relative;
    margin-bottom: 21px;
    padding: 11px 14px 12px;
    font-size: 14px;
    line-height: 17px; } }
.price-pack .pack-ttl h3 {
      font-size: 16px;
      margin: 0 0 4px; }
@media screen and (max-width: 973px) {
  .price-pack .pack-ttl h3 {
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px; } }
.price-pack .pack-ttl span {
      display: block; }
.price-pack .pack-desc {
    overflow: hidden;
    padding: 0 26px 28px;
    font-size: 14px; }
@media screen and (max-width: 973px) {
  .price-pack .pack-desc {
    padding: 0 6px 20px;
    font-size: 12px;
    line-height: 18px; } }
@media screen and (max-width: 767px) {
  .price-pack .pack-desc {
    height: auto !important; } }
.price-pack .pack-desc .btn-list,
    .price-pack .pack-desc .desc-list {
      padding: 0; }
.price-pack .pack-desc p {
      margin: 0; }
.price-pack .btn-list,
  .price-pack .desc-list {
    padding: 0 26px 0; }
@media screen and (max-width: 973px) {
  .price-pack .btn-list,
  .price-pack .desc-list {
    padding: 0 6px 0; } }
.price-pack .btn-list {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 40px; }
@media screen and (max-width: 973px) {
  .price-pack .btn-list {
    margin: 0 0 20px; } }
.price-pack .desc-list {
    overflow: hidden;
    color: #748298; }
.price-pack h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 12px;
    color: #062A61; }
@media screen and (max-width: 973px) {
  .price-pack h4 {
    font-size: 14px;
    line-height: 120%; } }
.price-pack__select {
  position: relative; }
@media screen and (max-width: 973px) {
  .price-pack__select {
    position: static; } }
.price-pack__select select {
    top: 0;
    left: 0; }
@media screen and (max-width: 973px) {
  .price-pack__select select {
    z-index: 1; } }
.price-pack__select .jcf-select {
    background: none;
    border: 0;
    padding: 0; }
@media screen and (max-width: 973px) {
  .price-pack__select .jcf-select {
    position: static; } }
.price-pack__select .jcf-select.jcf-drop-active .jcf-select-opener {
      top: 0; }
.price-pack__select .jcf-select.jcf-drop-active .jcf-select-opener:after {
        border-color: #fff; }
.price-pack__select .jcf-select-text {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px; }
@media screen and (max-width: 973px) {
  .price-pack__select .jcf-select-text {
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px; } }
.price-pack__select .jcf-select-text span {
      padding: 0 41px;
      text-overflow: ellipsis;
      overflow: hidden; }
.price-pack__select .jcf-select-opener {
    top: 0;
    width: 20px;
    height: 20px; }
@media screen and (max-width: 973px) {
  .price-pack__select .jcf-select-opener {
    top: 50%;
    right: 17px;
    width: 19px;
    height: 19px;
    margin-top: -10px; } }
.price-pack__select .jcf-select-opener:before {
      content: ' ';
      border: 1px solid #fff;
      border-radius: 50%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
.price-pack__select .jcf-select-opener:after {
      border-color: #fff;
      top: 3px;
      left: 3px; }
@media screen and (max-width: 973px) {
  .price-pack__select .jcf-select-opener:after {
    top: 4px;
    left: 4px;
    padding: 3px; } }
.jcf-select-price-pack__custom-select .jcf-select-drop-content {
  border-radius: 18px;
  margin-top: 10px;
  padding-top: 10px; }
.btn-sub,
.btn-try {
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid #C4C4C4;
  background: #fff;
  width: 100%;
  max-width: 100px;
  font-weight: 700;
  color: #062A61;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  padding: 7px; }
@media screen and (max-width: 973px) {
  .btn-sub,
  .btn-try {
    max-width: 111px;
    padding: 4px 7px;
    font-size: 10px; } }
.btn-sub {
  color: #fff;
  background: #062A61;
  border-color: #062A61; }
.price-pack--disabled {
  position: relative;
  color: #B6B6B6; }
.price-pack--disabled:before {
    content: ' ';
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; }
.price-pack--disabled .pack-ttl {
    background: #E2E5EA;
    color: #021634; }
.price-pack--disabled .pack-ttl .price,
    .price-pack--disabled .pack-ttl span {
      color: #B6B6B6; }
.price-pack--disabled .jcf-select-text span {
    color: #021634; }
.price-pack--disabled .jcf-select-opener:before, .price-pack--disabled .jcf-select-opener:after {
    border-color: #B6B6B6; }
.price-pack--disabled .btn-sub {
    background: #E2E5EA;
    border-color: #E2E5EA;
    color: #9B9B9B; }
.price-pack--disabled .btn-try {
    color: #748298; }
.price-pack--disabled .desc-list {
    color: #C4C4C4; }
.subscription-settings .btn-slots,
.subscription-settings .btn-duration {
  display: none; }
@media screen and (max-width: 1023px) {
  .subscription-settings .btn-slots,
  .subscription-settings .btn-duration {
    display: block; } }
.subscription-settings .btn-slots:hover,
  .subscription-settings .btn-duration:hover {
    border-color: #fff; }
.subscription-settings .btn-duration {
  background: #0079C1;
  border-color: #0079C1;
  color: #fff; }
@media screen and (max-width: 1023px) {
  .subscription-settings .btn-duration {
    margin-bottom: 18px; } }
.subscription-settings .btn-duration:hover {
    background: #0079C1;
    border-color: #0079C1; }
@media screen and (max-width: 1023px) {
  .subscription-settings .user-subscription-wrapp,
  .subscription-settings .date-subscription-wrapp {
    display: none; }
    .subscription-settings .user-subscription-wrapp.popup-open,
    .subscription-settings .date-subscription-wrapp.popup-open {
      background: rgba(0, 0, 0, 0.45);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: fixed;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 99999;
      padding: 10px; }
      .subscription-settings .user-subscription-wrapp.popup-open .btn-slots-close,
      .subscription-settings .user-subscription-wrapp.popup-open .btn-date-close,
      .subscription-settings .date-subscription-wrapp.popup-open .btn-slots-close,
      .subscription-settings .date-subscription-wrapp.popup-open .btn-date-close {
        background: none;
        border: 0;
        position: absolute;
        top: 15px;
        right: 15px;
        width: 10px;
        height: 10px;
        padding: 0;
        z-index: 1;
        cursor: pointer; }
        .subscription-settings .user-subscription-wrapp.popup-open .btn-slots-close::before, .subscription-settings .user-subscription-wrapp.popup-open .btn-slots-close::after,
        .subscription-settings .user-subscription-wrapp.popup-open .btn-date-close::before,
        .subscription-settings .user-subscription-wrapp.popup-open .btn-date-close::after,
        .subscription-settings .date-subscription-wrapp.popup-open .btn-slots-close::before,
        .subscription-settings .date-subscription-wrapp.popup-open .btn-slots-close::after,
        .subscription-settings .date-subscription-wrapp.popup-open .btn-date-close::before,
        .subscription-settings .date-subscription-wrapp.popup-open .btn-date-close::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 2px;
          background: #4A4A4A;
          border-radius: 2px; }
        .subscription-settings .user-subscription-wrapp.popup-open .btn-slots-close::before,
        .subscription-settings .user-subscription-wrapp.popup-open .btn-date-close::before,
        .subscription-settings .date-subscription-wrapp.popup-open .btn-slots-close::before,
        .subscription-settings .date-subscription-wrapp.popup-open .btn-date-close::before {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          top: 3px;
          left: 0; }
        .subscription-settings .user-subscription-wrapp.popup-open .btn-slots-close::after,
        .subscription-settings .user-subscription-wrapp.popup-open .btn-date-close::after,
        .subscription-settings .date-subscription-wrapp.popup-open .btn-slots-close::after,
        .subscription-settings .date-subscription-wrapp.popup-open .btn-date-close::after {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          bottom: 5px;
          left: 0; }
      .subscription-settings .user-subscription-wrapp.popup-open .user-subscription,
      .subscription-settings .user-subscription-wrapp.popup-open .date-subscription,
      .subscription-settings .date-subscription-wrapp.popup-open .user-subscription,
      .subscription-settings .date-subscription-wrapp.popup-open .date-subscription {
        border-radius: 14px;
        -webkit-box-shadow: 0 4px 54px rgba(0, 0, 0, 0.35);
                box-shadow: 0 4px 54px rgba(0, 0, 0, 0.35);
        position: relative;
        overflow: hidden;
        width: 100%;
        max-width: 290px;
        max-height: 80vh;
        background: #F1F3F5;
        padding: 30px; }
        .subscription-settings .user-subscription-wrapp.popup-open .user-subscription .user-item,
        .subscription-settings .user-subscription-wrapp.popup-open .date-subscription .user-item,
        .subscription-settings .date-subscription-wrapp.popup-open .user-subscription .user-item,
        .subscription-settings .date-subscription-wrapp.popup-open .date-subscription .user-item {
          margin: 0 0 20px; }
          .subscription-settings .user-subscription-wrapp.popup-open .user-subscription .user-item:last-child,
          .subscription-settings .user-subscription-wrapp.popup-open .date-subscription .user-item:last-child,
          .subscription-settings .date-subscription-wrapp.popup-open .user-subscription .user-item:last-child,
          .subscription-settings .date-subscription-wrapp.popup-open .date-subscription .user-item:last-child {
            margin: 0; }
        .subscription-settings .user-subscription-wrapp.popup-open .user-subscription label,
        .subscription-settings .user-subscription-wrapp.popup-open .date-subscription label,
        .subscription-settings .date-subscription-wrapp.popup-open .user-subscription label,
        .subscription-settings .date-subscription-wrapp.popup-open .date-subscription label {
          color: #748298;
          font-size: 12px;
          line-height: 26px;
          margin-left: 10px; }
          .subscription-settings .user-subscription-wrapp.popup-open .user-subscription label.jcf-label-active,
          .subscription-settings .user-subscription-wrapp.popup-open .date-subscription label.jcf-label-active,
          .subscription-settings .date-subscription-wrapp.popup-open .user-subscription label.jcf-label-active,
          .subscription-settings .date-subscription-wrapp.popup-open .date-subscription label.jcf-label-active {
            font-weight: 700;
            color: #062A61; }
        .subscription-settings .user-subscription-wrapp.popup-open .user-subscription .jcf-radio,
        .subscription-settings .user-subscription-wrapp.popup-open .date-subscription .jcf-radio,
        .subscription-settings .date-subscription-wrapp.popup-open .user-subscription .jcf-radio,
        .subscription-settings .date-subscription-wrapp.popup-open .date-subscription .jcf-radio {
          width: 26px;
          height: 26px;
          border: 1px solid #C4C4C4;
          border-radius: 5px;
          background: #fff; }
          .subscription-settings .user-subscription-wrapp.popup-open .user-subscription .jcf-radio span,
          .subscription-settings .user-subscription-wrapp.popup-open .date-subscription .jcf-radio span,
          .subscription-settings .date-subscription-wrapp.popup-open .user-subscription .jcf-radio span,
          .subscription-settings .date-subscription-wrapp.popup-open .date-subscription .jcf-radio span {
            border: none;
            top: auto;
            left: auto;
            display: none;
            width: 100%;
            height: 100%;
            background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-checked.svg) no-repeat 50% 50%; }
          .subscription-settings .user-subscription-wrapp.popup-open .user-subscription .jcf-radio.jcf-checked span,
          .subscription-settings .user-subscription-wrapp.popup-open .date-subscription .jcf-radio.jcf-checked span,
          .subscription-settings .date-subscription-wrapp.popup-open .user-subscription .jcf-radio.jcf-checked span,
          .subscription-settings .date-subscription-wrapp.popup-open .date-subscription .jcf-radio.jcf-checked span {
            display: block; } }
.subscription-settings .attribute-slot--disabled,
.subscription-settings .attribute-duration--disabled {
  pointer-events: none; }
@media screen and (max-width: 1023px) {
  .subscription-settings .attribute-slot--disabled,
  .subscription-settings .attribute-duration--disabled {
    opacity: 0.5; } }
.subscription-settings .attribute-slot--disabled.user-item,
  .subscription-settings .attribute-duration--disabled.user-item {
    overflow: hidden; }
@media screen and (min-width: 1024px) {
  .subscription-settings .attribute-slot--disabled.user-item .jcf-radio span,
  .subscription-settings .attribute-duration--disabled.user-item .jcf-radio span {
    border-color: #C4C4C4; }
  .subscription-settings .attribute-slot--disabled.user-item .jcf-radio.jcf-checked span,
  .subscription-settings .attribute-duration--disabled.user-item .jcf-radio.jcf-checked span {
    background: #C4C4C4; }
  .subscription-settings .attribute-slot--disabled.user-item label,
  .subscription-settings .attribute-duration--disabled.user-item label {
    color: #C4C4C4; } }
.subscription-settings .attribute-duration--disabled {
  position: relative; }
.subscription-settings .attribute-duration--disabled::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 100; }
.subscription-settings .attribute-duration--disabled .date-item label {
    color: #C4C4C4;
    border-color: #C4C4C4;
    background: none; }
.pricing-table {
  overflow: hidden; }
@media screen and (max-width: 973px) {
  .pricing-table {
    max-width: 580px;
    margin: 0 auto; } }
@media screen and (max-width: 767px) {
  .pricing-table {
    max-width: 320px; } }
.pricing-table__title {
  margin: 0 0 32px;
  padding: 0 0 0 20%;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  line-height: 29px;
  color: #062A61; }
@media screen and (max-width: 1023px) {
  .pricing-table__title {
    margin: 0 0 14px;
    padding: 0;
    font-size: 16px;
    line-height: 19px; } }
.pricing-table__table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  overflow: hidden; }
@media screen and (max-width: 1023px) {
  .pricing-table__table {
    background: #fff;
    display: block;
    position: relative; } }
.pricing-table__table ul {
    margin: 0 0 45px; }
.pricing-table__table li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 30px; }
.pricing-table__table li:nth-child(odd) {
      background: #E2E5EA; }
.pricing-table__table .price-table__buttons-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 87px;
    padding: 21px 0 0; }
@media screen and (max-width: 1023px) {
  .pricing-table__table .price-table__buttons-line {
    height: 52px;
    padding: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }
.pricing-table__table .price-table__buttons-line:nth-child(odd) {
      background: none; }
.pricing-table__table .price-table__buttons-line:nth-child(odd):after {
        background: none; }
.pricing-table__table .btn--dark-blue {
    min-width: 125px;
    margin-bottom: 10px; }
.pricing-table__table .btn--link {
    padding: 0;
    border: 0;
    color: #0079c1;
    font-weight: 700;
    text-decoration: underline; }
.pricing-table__captions {
  width: 20%;
  font-weight: normal;
  font-size: 12px;
  line-height: 120%;
  color: #062A61; }
@media screen and (max-width: 1199px) {
  .pricing-table__captions {
    width: 26%; } }
@media screen and (max-width: 1023px) {
  .pricing-table__captions {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; } }
.pricing-table__captions li {
    border-radius: 4px 0 0 4px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: relative;
    height: 30px;
    padding: 0 5px 0 20px; }
@media screen and (max-width: 1023px) {
  .pricing-table__captions li {
    border-radius: 4px;
    padding-right: 90px; } }
.pricing-table__captions li:nth-child(odd):after {
      background: #E2E5EA; }
.pricing-table__captions li:after {
      content: ' ';
      position: absolute;
      top: 0;
      left: 100%;
      height: 100%;
      width: 9999px; }
@media screen and (max-width: 1023px) {
  .pricing-table__captions li:after {
    display: none; } }
.pricing-table__captions li.pricing-table__category {
      background: #748298; }
.pricing-table__captions li.pricing-table__category:after {
        background: #748298; }
.pricing-table__category {
  background: #748298;
  margin: 0 0 17px;
  padding: 5px 5px 0 20px;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #fff; }
@media screen and (max-width: 1023px) {
  .pricing-table__category {
    font-size: 14px;
    line-height: 17px; } }
.pricing-table__packs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 80%;
  position: relative;
  text-align: center; }
@media screen and (max-width: 1199px) {
  .pricing-table__packs {
    width: 74%; } }
@media screen and (max-width: 1023px) {
  .pricing-table__packs {
    display: block;
    width: auto; } }
.pricing-table__packs .slick-dots {
    top: 62px;
    bottom: auto; }
.pricing-table__packs .slick-dots li {
      background: none; }
.pricing-table__packs .slick-dots button {
      border: 0; }
.pricing-table__packs .slick-dots button:before {
        background: #C4C4C4; }
.pricing-table__packs-col {
  background: #fff;
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 9px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  width: 32%;
  max-width: 292px;
  float: left;
  outline: none; }
@media screen and (max-width: 1023px) {
  .pricing-table__packs-col {
    background: none;
    width: auto;
    max-width: none; } }
.pricing-table__packs-col:last-child li {
    border-radius: 0 4px 4px 0; }
@media screen and (max-width: 1023px) {
  .pricing-table__packs-col li {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 40px; } }
@media screen and (max-width: 1023px) {
  .pricing-table__packs-col li:nth-child(odd) {
    background: none; } }
.pricing-table__packs-col li.pricing-table__category {
    background: #748298; }
@media screen and (max-width: 1023px) {
  .pricing-table__packs-col li.pricing-table__category {
    background: none; } }
.pricing-table__packs-col .pricing-table__category {
    border-radius: 0;
    height: 30px; }
.pricing-table__head {
  padding: 21px 0 22px 0; }
@media screen and (max-width: 1023px) {
  .pricing-table__head {
    padding: 16px 0 38px 0; } }
.pricing-table__pack-name {
  display: block;
  margin: 0 0 5px;
  font-size: 16px;
  line-height: 19px;
  color: #021634; }
@media screen and (max-width: 1023px) {
  .pricing-table__pack-name {
    margin: 0 0 1px;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px; } }
.pricing-table__pack-price {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #0079C1; }
@media screen and (max-width: 1023px) {
  .pricing-table__pack-price {
    font-size: 16px;
    line-height: 19px; } }
.pricing-table__icon {
  display: inline-block;
  width: 24px;
  height: 18px;
  color: #0079C1; }
.pricing-table__icon--x {
  width: 16px;
  height: 16px;
  position: relative; }
@media screen and (max-width: 1023px) {
  .pricing-table__icon--x {
    margin-right: 5px; } }
.pricing-table__icon--x::before, .pricing-table__icon--x::after {
    content: "";
    background: #C4C4C4;
    position: absolute;
    top: 0;
    left: 6px;
    width: 3px;
    height: 19px; }
.pricing-table__icon--x::after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
.pricing-table__icon--x::before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
.pricing-table__packs-col--disabled {
  background: rgba(226, 229, 234, 0.7); }
.pricing-table__packs-col--disabled .pricing-table__pack-price {
    color: #B6B6B6; }
.pricing-table__packs-col--disabled .pricing-table__icon {
    color: #96A1B2; }
.pricing-table__packs-col--disabled .price-table__buttons-line {
    position: relative; }
.pricing-table__packs-col--disabled .price-table__buttons-line:before {
      content: ' ';
      background: transparent;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1; }
.pricing-table__packs-col--disabled .btn {
    background: rgba(123, 136, 157, 0.4);
    border-color: rgba(123, 136, 157, 0.4);
    color: #9B9B9B; }
.pricing-table__packs-col--disabled .btn--link {
    background: none; }
.quick-access-section {
  position: relative;
  margin: -80px 0 26px; }
@media screen and (max-width: 768px) {
  .quick-access-section {
    margin-bottom: 0; } }
.quick-access-section .title {
    color: #021634;
    margin: 0 0 16px; }
.quick-access-section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    background: #fff;
    -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
    border-radius: 4px; }
@media screen and (max-width: 768px) {
  .quick-access-section .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
.quick-access-section .folder-col {
    padding: 42px 48px 24px 60px;
    border-right: 1px solid #E2E5EA;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 404px;
            flex: 0 0 404px; }
@media screen and (max-width: 768px) {
  .quick-access-section .folder-col {
    padding: 20px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    border: 0; } }
.quick-access-section .folder-col .tab-section {
      margin: 0 0 21px; }
@media screen and (max-width: 768px) {
  .quick-access-section .folder-col .tab-section {
    margin: 0 0 40px; } }
.quick-access-section .comments-col {
    padding: 42px 56px 24px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
@media screen and (max-width: 768px) {
  .quick-access-section .comments-col {
    padding: 20px; } }
.quick-access-section .comment-block {
    margin: 0 0 26px; }
.quick-access-section .comments-section {
    padding: 40px 0 0; }
.tab-section {
  overflow: hidden; }
.tab-section .tabset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 20px;
    color: #021634;
    border-bottom: 1px solid #E2E5EA; }
.tab-section .tabset li {
      margin: 0 40px 0 0;
      position: relative; }
.tab-section .tabset li::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        height: 3px;
        background: #0079C1;
        border-radius: 2px;
        display: none; }
.tab-section .tabset li a {
        display: block;
        padding: 10px 0 14px; }
.tab-section .tabset li.active::after {
        display: block; }
.tab-section .tabset li.active a {
        color: #0079C1;
        font-weight: 700; }
.tab-section .tab-block {
    display: none; }
.tab-section .tab-block.active-tab {
      display: block; }
.folder-list {
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  margin: 0 0 18px; }
.folder-list li {
    overflow: hidden;
    padding: 16px 0;
    border-top: 1px solid #E2E5EA; }
.folder-list li:first-child {
      border: 0; }
.folder-list li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-arrow-right-blue.svg) no-repeat 100% 50%; }
.folder-list .icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    width: 20px;
    height: 17px;
    overflow: hidden;
    margin: 0 20px 0 0; }
.comments-section {
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  color: #062A61; }
.comments-section .comment-block {
    overflow: hidden; }
.comments-section .comment-url {
    display: block;
    word-spacing: 4px;
    color: #0079C1;
    margin: 0 0 6px; }
.comments-section .comment-txt {
    display: block; }
.my-tag-section {
  margin: 0 -50px 0 0; }
@media screen and (max-width: 768px) {
  .my-tag-section {
    margin: 0; } }
.my-tag-section h3 {
    margin: 0 0 22px; }
.tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
  line-height: 16px;
  color: #748298;
  text-align: center;
  margin: 0 0 22px; }
.tag-list li {
    margin: 0 12px 6px 0;
    overflow: hidden;
    border-radius: 13px;
    min-width: 100px;
    background: #E2E5EA; }
.tag-list li a, .tag-list li span, .tag-list li div {
      display: block;
      padding: 5px 16px; }
.rules-section {
  width: 100%;
  max-width: 1280px;
  padding: 32px 60px;
  margin: 0 auto; }
@media screen and (max-width: 1024px) {
  .rules-section {
    padding: 32px 20px; } }
@media screen and (max-width: 767px) {
  .rules-section {
    padding: 20px 0; } }
.rules-section .rules-header {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 30px;
    font-size: 24px;
    line-height: 30px;
    color: #021634; }
@media screen and (max-width: 1024px) {
  .rules-section .rules-header {
    font-size: 18px; } }
@media screen and (max-width: 767px) {
  .rules-section .rules-header {
    padding: 0 20px;
    margin: 0 0 18px;
    font-size: 14px;
    line-height: 18px; } }
.rules-section .rules-header div {
      padding: 0 60px; }
@media screen and (max-width: 1024px) {
  .rules-section .rules-header div {
    padding: 0 40px; } }
@media screen and (max-width: 767px) {
  .rules-section .rules-header div {
    padding: 0; } }
.rules-section .rules-header .wco-hs-back-link {
      padding: 0;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
@media screen and (max-width: 767px) {
  .rules-section .rules-header .wco-hs-back-link {
    white-space: nowrap;
    width: 58px;
    margin: 0 20px 0 0; } }
.rules-section-content {
  background: #fff;
  -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 0 60px 30px;
  overflow: hidden; }
@media screen and (max-width: 1024px) {
  .rules-section-content {
    padding: 0 20px; } }
@media screen and (max-width: 767px) {
  .rules-section-content {
    border-radius: 0; } }
.rules-section-content header {
    position: relative;
    overflow: hidden;
    padding: 24px 60px;
    margin: 0 -60px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #062A61;
    border-bottom: 1px solid #E5E5E5; }
@media screen and (max-width: 1024px) {
  .rules-section-content header {
    padding: 20px;
    margin: 0 -20px; } }
@media screen and (max-width: 767px) {
  .rules-section-content header {
    font-size: 12px;
    line-height: 16px; } }
.rules-section-content .views-row {
    border-bottom: 1px solid #E5E5E5; }
.rules-section-content .views-row:last-child {
      border: 0; }
.rules-section-content .nomenclature-item {
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0;
    border-radius: 0;
    padding: 30px 0 16px; }
.rules-section-content .nomenclature-item .item-header {
      padding: 0;
      margin: 0 0 16px; }
.rules-section-content .nomenclature-item .item-header.active .section-title {
        padding: 0; }
.rules-section-content .nomenclature-item .item-header.active .section-title h2 {
          color: #062A61;
          font-size: 14px;
          line-height: 18px;
          text-transform: uppercase; }
.rules-section-content .nomenclature-item .item-content {
      padding: 0;
      min-height: auto; }
.rules-section-content .nomenclature-item .item-content p {
        margin-top: 0;
        margin-bottom: 20px; }
.rules-section-content .item-tab-section {
    max-width: 840px; }
.nomenclature-item.wco-hs-rule {
  max-width: 1160px;
  margin: 40px auto 0; }
.nomenclature-item.wco-hs-rule .item-content {
    padding: 0 30px 20px; }
.convention-search-block-form,
.wco-search-page-wrapp,
div.wco-search-page-form.search-form {
  -webkit-box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.325257);
          box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.325257);
  border-radius: 8px;
  background: #062A61;
  width: 100%;
  max-width: 1160px;
  margin: -54px auto 0;
  padding: 24px 30px;
  position: relative; }
@media screen and (max-width: 1024px) {
  .convention-search-block-form,
  .wco-search-page-wrapp,
  div.wco-search-page-form.search-form {
    border-radius: 0; } }
@media screen and (max-width: 973px) {
  .convention-search-block-form,
  .wco-search-page-wrapp,
  div.wco-search-page-form.search-form {
    padding: 20px; } }
@media screen and (max-width: 767px) {
  .convention-search-block-form,
  .wco-search-page-wrapp,
  div.wco-search-page-form.search-form {
    padding: 10px;
    margin: 0; } }
.convention-search-block-form form,
  .wco-search-page-wrapp form,
  div.wco-search-page-form.search-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
.convention-search-block-form .search-form-title,
  .wco-search-page-wrapp .search-form-title,
  div.wco-search-page-form.search-form .search-form-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    color: #fff; }
@media screen and (max-width: 767px) {
  .convention-search-block-form .search-form-title,
  .wco-search-page-wrapp .search-form-title,
  div.wco-search-page-form.search-form .search-form-title {
    display: none; } }
.convention-search-block-form .form-actions,
  .wco-search-page-wrapp .form-actions,
  div.wco-search-page-form.search-form .form-actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px;
    max-width: 72px;
    height: 60px;
    margin: 0 0 0 12px;
    border-radius: 30px;
    overflow: hidden;
    background: #008FE4 url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-main-search.svg) no-repeat 50% 50%; }
@media screen and (max-width: 973px) {
  .convention-search-block-form .form-actions,
  .wco-search-page-wrapp .form-actions,
  div.wco-search-page-form.search-form .form-actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px; } }
@media screen and (max-width: 767px) {
  .convention-search-block-form .form-actions,
  .wco-search-page-wrapp .form-actions,
  div.wco-search-page-form.search-form .form-actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
            flex: 0 0 30px;
    height: 30px;
    background-size: 50%; } }
.convention-search-block-form .form-actions input,
    .wco-search-page-wrapp .form-actions input,
    div.wco-search-page-form.search-form .form-actions input {
      display: block;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      border: 0;
      text-indent: -99999px;
      background: none; }
.convention-search-block-form .form-item,
  .wco-search-page-wrapp .form-item,
  div.wco-search-page-form.search-form .form-item {
    overflow: hidden;
    border-radius: 30px;
    background: #fff;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    padding: 0 24px; }
@media screen and (max-width: 767px) {
  .convention-search-block-form .form-item,
  .wco-search-page-wrapp .form-item,
  div.wco-search-page-form.search-form .form-item {
    padding: 0 10px; } }
.convention-search-block-form .form-item input,
    .wco-search-page-wrapp .form-item input,
    div.wco-search-page-form.search-form .form-item input {
      margin: 0;
      padding: 21px 0;
      border: 0;
      background: none;
      font-size: 14px;
      line-height: 18px;
      color: #C4C4C4;
      float: left;
      width: 100%;
      font-style: italic; }
@media screen and (max-width: 767px) {
  .convention-search-block-form .form-item input,
  .wco-search-page-wrapp .form-item input,
  div.wco-search-page-form.search-form .form-item input {
    font-size: 10px;
    padding: 6px 0; } }
.convention-search-block-form .form-item input:focus,
      .wco-search-page-wrapp .form-item input:focus,
      div.wco-search-page-form.search-form .form-item input:focus {
        color: #062A61; }
.convention-search-block-form {
  margin: 0 auto 30px;
  position: relative; }
@media screen and (max-width: 767px) {
  .convention-search-block-form {
    margin: 0;
    z-index: 50; } }
.convention-search-block-form::after {
    content: "";
    position: absolute;
    left: -9999px;
    right: -9999px;
    bottom: -30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 767px) {
  .convention-search-block-form::after {
    display: none; } }
.advanced-search-section {
  position: relative;
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  z-index: 60; }
.advanced-search-section .form-item-keys {
    padding-right: 224px; }
@media screen and (max-width: 973px) {
  .advanced-search-section .form-item-keys {
    padding-right: 60px; } }
@media screen and (max-width: 767px) {
  .advanced-search-section .form-item-keys {
    padding: 0 40px 0 10px;
    min-height: auto; } }
.advanced-search-section input:invalid {
    outline: red; }
.advanced-search-section .wco-valuation-search-from-content,
  .advanced-search-section .wco-search-page-form {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.advanced-search-section .wco-valuation-search-from-content .form-item,
    .advanced-search-section .wco-search-page-form .form-item {
      border-radius: 0 30px 30px 0; }
@media screen and (max-width: 767px) {
  .advanced-search-section .wco-valuation-search-from-content .form-item,
  .advanced-search-section .wco-search-page-form .form-item {
    border-radius: 0 15px 15px 0; } }
.advanced-search-section.search-history-open .wco-history-btn {
    border-radius: 30px 0 0 0; }
@media screen and (max-width: 767px) {
  .advanced-search-section.search-history-open .wco-history-btn {
    border-radius: 15px 0 0 0; } }
.advanced-search-section.search-history-open .wco-search-page-form .form-item {
    border-radius: 0 30px 0 0; }
@media screen and (max-width: 767px) {
  .advanced-search-section.search-history-open .wco-search-page-form .form-item {
    border-radius: 0 15px 0 0; } }
.advanced-search-section.search-history-open .wco-search-page-form .form-row-2 .form-item {
    border-radius: 25px; }
.advanced-search-section.search-history-open .wco-search-history {
    display: block; }
.advanced-search-section.suggestions-search-open .wco-valuation-search-from-content .query-field .form-item {
    border-radius: 0 30px 0 0; }
.advanced-search-section.suggestions-search-open .clear-suggestions {
    display: block; }
.wco-adv-search-btn {
  position: absolute;
  top: 50%;
  right: 140px;
  margin: -10px 0 0;
  color: #062A61;
  font-size: 12px;
  line-height: 20px;
  padding-right: 32px;
  background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-advanced-plus.svg) no-repeat 100% 50%;
  cursor: pointer;
  z-index: 70; }
@media screen and (max-width: 973px) {
  .wco-adv-search-btn {
    text-indent: -9999px;
    overflow: hidden;
    right: 112px; } }
@media screen and (max-width: 767px) {
  .wco-adv-search-btn {
    right: 60px;
    width: 16px;
    height: 16px;
    margin: -8px 0 0;
    background-size: 100%;
    padding: 0; } }
.wco-advanced-search-section {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 4px 183px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 4px 183px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  padding: 25px 40px;
  z-index: 999; }
@media screen and (max-width: 973px) {
  .wco-advanced-search-section {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    padding: 20px;
    overflow: auto; } }
.wco-advanced-search-section .wco-advanced-search-form {
    position: relative;
    border-radius: 0;
    background: none;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
.wco-advanced-search-section .jcf-select {
    font-size: 12px;
    color: #062A61; }
.wco-advanced-search-section .form-item-blocks {
    margin: 0 0 20px;
    overflow: hidden; }
.wco-advanced-search-section .wco-adv-search-block {
    background: #E7EAEB;
    border-radius: 4px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 24px;
    margin: 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative; }
.wco-advanced-search-section .wco-adv-search-block:last-child {
      margin: 0; }
@media screen and (max-width: 973px) {
  .wco-advanced-search-section .wco-adv-search-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 14px; } }
.wco-advanced-search-section .wco-advanced-search-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 24px;
    line-height: 30px;
    color: #062A61;
    margin: 0 0 30px; }
@media screen and (max-width: 973px) {
  .wco-advanced-search-section .wco-advanced-search-header {
    font-size: 16px;
    margin: 0 0 16px; } }
.wco-advanced-search-section .wco-advanced-search-header .close-btn {
      width: 18px;
      height: 18px;
      overflow: hidden;
      text-indent: -9999px;
      position: relative;
      cursor: pointer; }
.wco-advanced-search-section .wco-advanced-search-header .close-btn::before, .wco-advanced-search-section .wco-advanced-search-header .close-btn::after {
        content: "";
        position: absolute;
        top: 8px;
        left: -2px;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background: #062A61; }
.wco-advanced-search-section .wco-advanced-search-header .close-btn::after {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
.wco-advanced-search-section .wco-advanced-search-header .close-btn::before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
.wco-advanced-search-section .js-form-type-textfield {
    border: 1px solid #DBDBDB;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    position: relative; }
.wco-advanced-search-section .js-form-type-textfield input {
      margin: 0;
      border: 0;
      font-size: 12px;
      line-height: 16px;
      float: left;
      width: 100%;
      padding: 9px 16px;
      color: #062A61; }
.wco-advanced-search-section .search-filters,
  .wco-advanced-search-section .search-subject,
  .wco-advanced-search-section .search-ops {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
.wco-advanced-search-section .search-filters {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
            flex: 0 0 320px;
    margin: 0 10px 0 0; }
@media screen and (max-width: 973px) {
  .wco-advanced-search-section .search-filters {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    margin: 0 0 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
.wco-advanced-search-section .search-filters .filters-title {
      color: #062A61;
      font-weight: 700;
      margin-right: 25px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
@media screen and (max-width: 973px) {
  .wco-advanced-search-section .search-filters .filters-title {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    margin: 0 40px 20px 0; } }
.wco-advanced-search-section .search-filters .filters-filter {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
.wco-advanced-search-section .search-filters .filters-value .form-item {
      margin: 0 0 0 10px;
      width: 100px; }
.wco-advanced-search-section .search-filters .filters-value .form-item input::-webkit-input-placeholder {
        color: #C4C4C4; }
.wco-advanced-search-section .search-filters .filters-value .form-item input:-ms-input-placeholder {
        color: #C4C4C4; }
.wco-advanced-search-section .search-filters .filters-value .form-item input::-ms-input-placeholder {
        color: #C4C4C4; }
.wco-advanced-search-section .search-filters .filters-value .form-item input::placeholder {
        color: #C4C4C4; }
.wco-advanced-search-section .search-subject {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
@media screen and (max-width: 767px) {
  .wco-advanced-search-section .search-subject {
    margin: 0 0 16px; } }
.wco-advanced-search-section .search-subject .search-query {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; }
.wco-advanced-search-section .search-subject .search-query .js-form-type-textfield {
        margin: 0 0 10px; }
.wco-advanced-search-section .search-subject label {
      font-size: 12px;
      line-height: 20px;
      color: #062A61; }
.wco-advanced-search-section .search-subject .search-mode {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin: 0 20px 0 0; }
.wco-advanced-search-section .search-subject .search-mode:last-child {
        margin: 0; }
.wco-advanced-search-section .search-ops {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 0 0 10px; }
@media screen and (max-width: 767px) {
  .wco-advanced-search-section .search-ops {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0; } }
.wco-advanced-search-section .search-ops .jcf-select {
      width: 130px; }
@media screen and (max-width: 767px) {
  .wco-advanced-search-section .search-ops .jcf-select {
    width: auto; } }
.wco-advanced-search-section .search-ops .ajax-progress {
      position: absolute;
      right: 4px;
      top: 4px;
      padding: 0;
      margin: 0; }
@media screen and (max-width: 1023px) {
  .wco-advanced-search-section .search-ops .ajax-progress {
    top: auto;
    bottom: -14px;
    right: -14px; } }
.wco-advanced-search-section .search-ops .ajax-progress .throbber {
        width: 18px;
        height: 18px;
        display: block !important;
        overflow: hidden;
        padding: 0;
        margin: 0; }
@media screen and (max-width: 767px) {
  .wco-advanced-search-section .search-conjunction {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; } }
.wco-advanced-search-section .condition-actions {
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin: 0 0 0 14px; }
@media screen and (max-width: 973px) {
  .wco-advanced-search-section .condition-actions {
    position: absolute;
    top: 14px;
    right: 14px; } }
.wco-advanced-search-section .condition-actions .wco-remove-condition {
      margin: 0;
      padding: 0;
      border: 0;
      display: block;
      width: 20px;
      height: 20px;
      overflow: hidden;
      text-indent: -9999px;
      background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-remove.svg) no-repeat 50% 50%; }
.wco-advanced-search-section .wco-adv-search-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
@media screen and (max-width: 973px) {
  .wco-advanced-search-section .wco-adv-search-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; } }
@media screen and (max-width: 767px) {
  .wco-advanced-search-section .wco-adv-search-bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
.wco-advanced-search-section .wco-adv-search-bottom .form-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
@media screen and (max-width: 973px) {
  .wco-advanced-search-section .wco-adv-search-bottom .form-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } }
@media screen and (max-width: 767px) {
  .wco-advanced-search-section .wco-adv-search-bottom .form-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 48%;
            flex: 0 1 48%;
    margin: 0 0 10px; } }
.wco-advanced-search-section .wco-adv-search-bottom label {
      margin: 0 12px 0 0;
      font-size: 14px;
      line-height: 18px;
      font-weight: 700;
      color: #062A61; }
@media screen and (max-width: 973px) {
  .wco-advanced-search-section .wco-adv-search-bottom label {
    margin: 0 0 6px; } }
.wco-advanced-search-section .wco-adv-search-bottom .form-item-edition .jcf-select {
      min-width: 156px; }
@media screen and (max-width: 767px) {
  .wco-advanced-search-section .wco-adv-search-bottom .form-item-edition .jcf-select {
    min-width: auto;
    width: 100%; } }
.wco-advanced-search-section .wco-adv-search-bottom .form-item-language-id .jcf-select {
      min-width: 200px; }
@media screen and (max-width: 767px) {
  .wco-advanced-search-section .wco-adv-search-bottom .form-item-language-id .jcf-select {
    min-width: auto;
    width: 100%; } }
.wco-advanced-search-section .wco-adv-search-bottom .form-submit-search,
    .wco-advanced-search-section .wco-adv-search-bottom .form-submit-latest {
      overflow: hidden;
      background: #062A61;
      border-radius: 20px; }
.wco-advanced-search-section .wco-adv-search-bottom .form-submit-search input,
      .wco-advanced-search-section .wco-adv-search-bottom .form-submit-latest input {
        margin: 0;
        padding: 10px 40px;
        border: 0;
        font-size: 12px;
        line-height: 16px;
        font-weight: 700;
        color: #fff;
        background: none;
        display: block;
        width: 100%; }
.wco-advanced-search-section .wco-adv-search-bottom .form-submit-latest {
      text-align: center; }
@media screen and (max-width: 767px) {
  .wco-advanced-search-section .wco-adv-search-bottom .form-submit-latest {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    margin: 0 0 10px; } }
.wco-advanced-search-section .wco-adv-search-bottom .form-submit-search {
      overflow: hidden;
      background: #0079C1;
      border-radius: 20px; }
@media screen and (max-width: 767px) {
  .wco-advanced-search-section .wco-adv-search-bottom .form-submit-search {
    margin: 0 auto; } }
.wco-advanced-search-section .wco-adv-search-bottom .form-submit-search input {
        padding: 10px 40px 10px 60px;
        background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-main-search.svg) no-repeat 36px 50%;
        background-size: 16px; }
.wco-advanced-search-section .search-mode .form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.wco-advanced-search-section .jcf-radio {
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: relative;
    border: 1px solid #E2E5EA;
    border-radius: 50%;
    background: #fff;
    margin: 0 10px 0 0; }
.wco-advanced-search-section .jcf-radio span {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #062A61;
      margin: 6px;
      display: none; }
.wco-advanced-search-section .jcf-radio.jcf-checked span {
      display: block; }
.wco-history-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 112px;
          flex: 0 0 112px;
  overflow: hidden;
  background: #fff;
  border-right: 1px solid #E6E6E6;
  border-radius: 30px 0 0 30px;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer;
  position: relative; }
@media screen and (max-width: 973px) {
  .wco-history-btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px; } }
@media screen and (max-width: 767px) {
  .wco-history-btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36px;
            flex: 0 0 36px;
    border-radius: 15px 0 0 15px; } }
.wco-history-btn::after {
    content: "";
    width: 20px;
    height: 20px;
    overflow: hidden;
    background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-search-history.svg) no-repeat 50% 50%;
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -10px; }
@media screen and (max-width: 973px) {
  .wco-history-btn::after {
    left: 20px; } }
@media screen and (max-width: 767px) {
  .wco-history-btn::after {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background-size: 100%;
    left: 10px; } }
.wco-history-btn::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 10px;
    margin-top: -5px;
    top: 50%;
    right: 24px;
    background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-arrow-bottom.svg) no-repeat 50% 50%; }
@media screen and (max-width: 973px) {
  .wco-history-btn::before {
    display: none; } }
.wco-search-history {
  background: #fff;
  border-top: 1px solid #E6E6E6;
  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 30px 30px;
  padding: 30px;
  overflow: hidden;
  position: absolute;
  top: 84px;
  right: 114px;
  left: 30px;
  z-index: 70;
  display: none; }
@media screen and (max-width: 973px) {
  .wco-search-history {
    left: 20px;
    right: 92px; } }
@media screen and (max-width: 767px) {
  .wco-search-history {
    left: 10px;
    right: 52px;
    border-radius: 0 0 15px 15px;
    padding: 10px;
    top: 40px; } }
.wco-search-history .wco-search-history-title {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 18px;
    color: #0079C1; }
.wco-search-history-items {
  overflow: hidden;
  font-size: 14px;
  line-height: 18px;
  color: #062A61; }
@media screen and (max-width: 767px) {
  .wco-search-history-items {
    font-size: 10px; } }
.wco-search-history-items li {
    padding: 6px 40px 6px 20px;
    border-radius: 54px;
    background: #F0F2F4;
    position: relative;
    margin: 0 0 4px; }
.wco-search-history-items li a {
      display: block; }
.wco-search-history-items li:nth-child(even) {
      background: #fff; }
.wco-search-history-items li:last-child {
      margin: 0; }
.wco-search-history-items .remove-btn {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    overflow: hidden;
    text-indent: -99999px;
    cursor: pointer; }
.wco-search-history-items .remove-btn::before, .wco-search-history-items .remove-btn::after {
      content: "";
      position: absolute;
      top: -2px;
      left: 5px;
      width: 2px;
      height: 16px;
      border-radius: 1px;
      background: #0079C1; }
.wco-search-history-items .remove-btn::after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
.wco-search-history-items .remove-btn::before {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
.search-tags-input {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 13px 0 0; }
@media screen and (max-width: 767px) {
  .search-tags-input {
    padding: 0; } }
.search-tags-input div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 50%; }
.search-tags-input div input {
      padding: 8px 0 !important; }
@media screen and (max-width: 767px) {
  .search-tags-input div input {
    padding: 6px 0 !important; } }
.search-tags-input .tag {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    background: #EEEFF0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 25px;
    margin: 0 10px 13px 0;
    padding: 0 16px;
    font-size: 14px;
    line-height: 34px;
    color: #062A61; }
@media screen and (max-width: 767px) {
  .search-tags-input .tag {
    font-size: 10px;
    line-height: 20px;
    padding: 0 8px;
    margin: 6px 6px 0 0; } }
.search-tags-input .tag.tag-filter {
      font-weight: 700; }
.search-tags-input .tag.tag-op-and {
      background-color: #E5F6D2; }
.search-tags-input .tag.tag-op-not {
      background-color: #FFDFDD; }
.search-tags-input .tag.tag-op-or {
      background-color: #D7E3FF; }
.search-tags-input .tag .tag-text {
      margin: 0 10px 0 0;
      overflow: hidden; }
.search-tags-input .tag .tag-remove {
      width: 10px;
      height: 10px;
      overflow: hidden;
      text-indent: -99999px;
      cursor: pointer;
      margin: 0;
      padding: 0;
      border: 0;
      background: none;
      position: relative; }
@media screen and (max-width: 767px) {
  .search-tags-input .tag .tag-remove {
    width: 6px;
    height: 6px; } }
.search-tags-input .tag .tag-remove::before, .search-tags-input .tag .tag-remove::after {
        content: "";
        position: absolute;
        top: -1px;
        left: 4px;
        width: 2px;
        height: 120%;
        border-radius: 1px;
        background: #0079C1; }
@media screen and (max-width: 767px) {
  .search-tags-input .tag .tag-remove::before, .search-tags-input .tag .tag-remove::after {
    width: 1px;
    left: 2px;
    top: 0; } }
.search-tags-input .tag .tag-remove::after {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
.search-tags-input .tag .tag-remove::before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
.ui-widget.ui-autocomplete.wco-search-autocomplete {
  border-radius: 0 0 20px 20px;
  -webkit-box-shadow: 0px 34px 34px rgba(123, 136, 157, 0.4);
          box-shadow: 0px 34px 34px rgba(123, 136, 157, 0.4); }
.wco-adv-search-help-btn {
  width: 20px;
  height: 20px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-help.svg) no-repeat 50% 50%;
  cursor: pointer;
  text-indent: -9999px; }
@media screen and (max-width: 973px) {
  .wco-adv-search-help-btn {
    display: none; } }
.wco-advanced-search-help {
  display: none;
  width: 400px;
  position: absolute;
  top: 30px;
  right: 30px;
  color: #062A61;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 4px 183px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 4px 183px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  padding: 20px;
  z-index: 999; }
.wco-advanced-search-help .title {
    font-weight: 700; }
.wco-valuation-search-from-content,
.wco-origin-search-from-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  min-height: 126px; }
@media screen and (max-width: 767px) {
  .wco-valuation-search-from-content,
  .wco-origin-search-from-content {
    overflow: hidden;
    min-height: 70px; } }
.wco-valuation-search-from-content .form-row-1,
  .wco-origin-search-from-content .form-row-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 16px; }
@media screen and (max-width: 767px) {
  .wco-valuation-search-from-content .form-row-1,
  .wco-origin-search-from-content .form-row-1 {
    margin: 0 0 10px; } }
.wco-valuation-search-from-content .query-field,
  .wco-origin-search-from-content .query-field {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
.wco-valuation-search-from-content .actions,
  .wco-origin-search-from-content .actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 84px;
            flex: 0 0 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
@media screen and (max-width: 973px) {
  .wco-valuation-search-from-content .actions,
  .wco-origin-search-from-content .actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72px;
            flex: 0 0 72px; } }
@media screen and (max-width: 767px) {
  .wco-valuation-search-from-content .actions,
  .wco-origin-search-from-content .actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 42px;
            flex: 0 0 42px; } }
.wco-valuation-search-from-content .form-row-2,
  .wco-origin-search-from-content .form-row-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
.wco-valuation-search-from-content .origin-filter,
  .wco-valuation-search-from-content .dest-filter,
  .wco-origin-search-from-content .origin-filter,
  .wco-origin-search-from-content .dest-filter {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%; }
@media screen and (max-width: 1024px) {
  .wco-valuation-search-from-content .origin-filter,
  .wco-valuation-search-from-content .dest-filter,
  .wco-origin-search-from-content .origin-filter,
  .wco-origin-search-from-content .dest-filter {
    max-width: 49%; } }
.wco-valuation-search-from-content .origin-filter .form-item,
    .wco-valuation-search-from-content .dest-filter .form-item,
    .wco-origin-search-from-content .origin-filter .form-item,
    .wco-origin-search-from-content .dest-filter .form-item {
      overflow: initial;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding: 0 30px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 25px;
      min-height: 50px; }
@media screen and (max-width: 767px) {
  .wco-valuation-search-from-content .origin-filter .form-item,
  .wco-valuation-search-from-content .dest-filter .form-item,
  .wco-origin-search-from-content .origin-filter .form-item,
  .wco-origin-search-from-content .dest-filter .form-item {
    padding: 0 12px;
    min-height: 30px; } }
.wco-valuation-search-from-content .origin-filter .form-item select,
      .wco-valuation-search-from-content .dest-filter .form-item select,
      .wco-origin-search-from-content .origin-filter .form-item select,
      .wco-origin-search-from-content .dest-filter .form-item select {
        opacity: 0;
        position: absolute;
        left: -99999px;
        top: 0; }
.wco-valuation-search-from-content .origin-filter label,
    .wco-valuation-search-from-content .dest-filter label,
    .wco-origin-search-from-content .origin-filter label,
    .wco-origin-search-from-content .dest-filter label {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin: 0 16px 0 0;
      color: #062A61;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 12px;
      line-height: 16px;
      position: relative;
      z-index: 10; }
@media screen and (max-width: 767px) {
  .wco-valuation-search-from-content .origin-filter label,
  .wco-valuation-search-from-content .dest-filter label,
  .wco-origin-search-from-content .origin-filter label,
  .wco-origin-search-from-content .dest-filter label {
    font-size: 10px;
    text-transform: none;
    font-weight: 400;
    margin: 0 10px 0 0; } }
.wco-valuation-search-from-content .origin-filter select.DJ__customSelectOnOrigin__processed,
    .wco-valuation-search-from-content .dest-filter select.DJ__customSelectOnOrigin__processed,
    .wco-origin-search-from-content .origin-filter select.DJ__customSelectOnOrigin__processed,
    .wco-origin-search-from-content .dest-filter select.DJ__customSelectOnOrigin__processed {
      position: absolute; }
.wco-valuation-search-from-content .origin-filter .jcf-select,
    .wco-valuation-search-from-content .dest-filter .jcf-select,
    .wco-origin-search-from-content .origin-filter .jcf-select,
    .wco-origin-search-from-content .dest-filter .jcf-select {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      border: 0;
      padding: 6px 0;
      font-style: italic;
      color: #C4C4C4; }
.wco-valuation-search-from-content .origin-filter .jcf-select .jcf-select-opener,
      .wco-valuation-search-from-content .dest-filter .jcf-select .jcf-select-opener,
      .wco-origin-search-from-content .origin-filter .jcf-select .jcf-select-opener,
      .wco-origin-search-from-content .dest-filter .jcf-select .jcf-select-opener {
        display: none; }
.wco-valuation-search-from-content .origin-filter .jcf-select select,
      .wco-valuation-search-from-content .dest-filter .jcf-select select,
      .wco-origin-search-from-content .origin-filter .jcf-select select,
      .wco-origin-search-from-content .dest-filter .jcf-select select {
        top: 0;
        left: 0; }
.wco-valuation-search-from-content .dest-filter,
  .wco-origin-search-from-content .dest-filter {
    margin: 0 0 0 26px; }
@media screen and (max-width: 767px) {
  .wco-valuation-search-from-content .dest-filter,
  .wco-origin-search-from-content .dest-filter {
    margin: 0 0 0 6px; } }
.wco-valuation-search-from-content .clear-action,
  .wco-origin-search-from-content .clear-action {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
            flex: 0 0 70px;
    overflow: hidden;
    margin: 0 0 0 14px; }
@media screen and (max-width: 973px) {
  .wco-valuation-search-from-content .clear-action,
  .wco-origin-search-from-content .clear-action {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58px;
            flex: 0 0 58px; } }
@media screen and (max-width: 767px) {
  .wco-valuation-search-from-content .clear-action,
  .wco-origin-search-from-content .clear-action {
    display: none; } }
.wco-valuation-search-from-content .chosen-container,
  .wco-origin-search-from-content .chosen-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto !important;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
.wco-valuation-search-from-content .chosen-container .chosen-drop,
    .wco-origin-search-from-content .chosen-container .chosen-drop {
      position: absolute;
      top: 25px;
      left: 0;
      right: 0;
      background: #fff;
      border-radius: 0 0 25px 25px;
      padding: 20px;
      -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
              box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
      z-index: 9;
      display: none; }
@media screen and (max-width: 767px) {
  .wco-valuation-search-from-content .chosen-container .chosen-drop,
  .wco-origin-search-from-content .chosen-container .chosen-drop {
    padding: 20px 10px 10px;
    top: 15px; } }
.wco-valuation-search-from-content .chosen-container.chosen-with-drop .chosen-drop,
    .wco-origin-search-from-content .chosen-container.chosen-with-drop .chosen-drop {
      display: block; }
.wco-valuation-search-from-content .chosen-container .chosen-search,
    .wco-origin-search-from-content .chosen-container .chosen-search {
      border: 1px solid #DBDBDB;
      overflow: hidden;
      margin: 0 0 16px; }
@media screen and (max-width: 767px) {
  .wco-valuation-search-from-content .chosen-container .chosen-search,
  .wco-origin-search-from-content .chosen-container .chosen-search {
    margin: 0 0 10px; } }
.wco-valuation-search-from-content .chosen-container .chosen-search input,
      .wco-origin-search-from-content .chosen-container .chosen-search input {
        padding: 10px; }
@media screen and (max-width: 767px) {
  .wco-valuation-search-from-content .chosen-container .chosen-search input,
  .wco-origin-search-from-content .chosen-container .chosen-search input {
    font-size: 10px;
    padding: 4px 10px; } }
.wco-valuation-search-from-content .chosen-container .chosen-results,
    .wco-origin-search-from-content .chosen-container .chosen-results {
      height: 192px;
      overflow: auto; }
@media screen and (max-width: 767px) {
  .wco-valuation-search-from-content .chosen-container .chosen-results,
  .wco-origin-search-from-content .chosen-container .chosen-results {
    max-height: 210px; } }
.wco-valuation-search-from-content .chosen-container .chosen-results li,
      .wco-origin-search-from-content .chosen-container .chosen-results li {
        padding: 6px;
        cursor: pointer; }
.wco-valuation-search-from-content .chosen-container .chosen-results li.highlighted,
        .wco-origin-search-from-content .chosen-container .chosen-results li.highlighted {
          color: #fff;
          background: #062A61; }
.wco-valuation-search-from-content .chosen-container .chosen-single,
    .wco-origin-search-from-content .chosen-container .chosen-single {
      font-size: 14px;
      line-height: 18px;
      color: #C4C4C4;
      font-style: italic;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 16px 0;
      cursor: pointer;
      z-index: 10; }
@media screen and (max-width: 767px) {
  .wco-valuation-search-from-content .chosen-container .chosen-single,
  .wco-origin-search-from-content .chosen-container .chosen-single {
    padding: 6px 0;
    font-size: 10px; } }
.wco-valuation-search-from-content .chosen-container .chosen-single div,
      .wco-origin-search-from-content .chosen-container .chosen-single div {
        display: none; }
.wco-valuation-search-from-content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  min-height: auto; }
.wco-origin-search-from-content .form-item input {
  color: #000; }
.wco-origin-search-from-content .chosen-container .chosen-single {
  color: #000; }
.clear-suggestions {
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -8px;
  width: 15px;
  height: 15px;
  overflow: hidden;
  cursor: pointer;
  background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-clear-cross.svg) no-repeat 50% 50%;
  display: none; }
.search-choice-close {
  width: 10px;
  height: 10px;
  overflow: hidden;
  text-indent: -99999px;
  cursor: pointer;
  margin: 0 0 0 4px;
  padding: 0;
  border: 0;
  background: none;
  position: relative; }
@media screen and (max-width: 767px) {
  .search-choice-close {
    width: 6px;
    height: 6px; } }
.search-choice-close::before, .search-choice-close::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 4px;
    width: 2px;
    height: 120%;
    border-radius: 1px;
    background: #0079C1; }
@media screen and (max-width: 767px) {
  .search-choice-close::before, .search-choice-close::after {
    width: 1px;
    left: 2px;
    top: 0; } }
.search-choice-close::after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
.search-choice-close::before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
.search-result-page,
.valuation-search-results {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 34px 60px; }
@media screen and (max-width: 1024px) {
  .search-result-page,
  .valuation-search-results {
    padding: 20px; } }
.search-result-page .main,
  .valuation-search-results .main {
    padding: 0; }
.search-results,
.search-result-wrapper,
.search-content-wrapp {
  background: #fff;
  -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 30px 30px 0;
  margin: 0 0 34px;
  overflow: hidden; }
@media screen and (max-width: 1024px) {
  .search-results,
  .search-result-wrapper,
  .search-content-wrapp {
    margin: 0 0 20px; } }
@media screen and (max-width: 767px) {
  .search-results,
  .search-result-wrapper,
  .search-content-wrapp {
    padding: 20px 10px 0; } }
.search-results .summary,
  .search-results header,
  .search-result-wrapper .summary,
  .search-result-wrapper header,
  .search-content-wrapp .summary,
  .search-content-wrapp header {
    display: block;
    overflow: hidden;
    font-size: 24px;
    line-height: 35px;
    color: #062A61;
    margin: 0 0 25px; }
@media screen and (max-width: 1024px) {
  .search-results .summary,
  .search-results header,
  .search-result-wrapper .summary,
  .search-result-wrapper header,
  .search-content-wrapp .summary,
  .search-content-wrapp header {
    font-size: 20px;
    line-height: 26px; } }
@media screen and (max-width: 767px) {
  .search-results .summary,
  .search-results header,
  .search-result-wrapper .summary,
  .search-result-wrapper header,
  .search-content-wrapp .summary,
  .search-content-wrapp header {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 20px; } }
.search-results .highlight,
  .search-result-wrapper .highlight,
  .search-content-wrapp .highlight {
    font-weight: 700;
    color: #0079C1; }
.search-results .views-row,
  .search-result-wrapper .views-row,
  .search-content-wrapp .views-row {
    overflow: hidden;
    margin: 0 0 22px; }
.search-results .views-row .nomenclature-item,
    .search-result-wrapper .views-row .nomenclature-item,
    .search-content-wrapp .views-row .nomenclature-item {
      margin: 0;
      -webkit-box-shadow: none;
              box-shadow: none; }
.search-results h2,
  .search-result-wrapper h2,
  .search-content-wrapp h2 {
    background: #F6F8F9;
    overflow: hidden;
    border-radius: 4px;
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #0079C1;
    padding: 11px 24px; }
@media screen and (max-width: 767px) {
  .search-results h2,
  .search-result-wrapper h2,
  .search-content-wrapp h2 {
    padding: 10px 16px;
    font-size: 12px; } }
.search-results .sub-ttl,
  .search-result-wrapper .sub-ttl,
  .search-content-wrapp .sub-ttl {
    font-size: 14px;
    font-weight: 700;
    color: #062A61;
    margin-right: 20px; }
.search-results .search-result-item-field,
  .search-result-wrapper .search-result-item-field,
  .search-content-wrapp .search-result-item-field {
    padding: 24px;
    border-top: 1px solid #E5E5E5; }
@media screen and (max-width: 767px) {
  .search-results .search-result-item-field,
  .search-result-wrapper .search-result-item-field,
  .search-content-wrapp .search-result-item-field {
    padding: 16px; } }
.search-results .search-result-item-field:first-child,
    .search-result-wrapper .search-result-item-field:first-child,
    .search-content-wrapp .search-result-item-field:first-child {
      border: 0; }
.search-results .search-result-item-field strong,
    .search-result-wrapper .search-result-item-field strong,
    .search-content-wrapp .search-result-item-field strong {
      color: #0079C1; }
.search-results .node__content,
  .search-result-wrapper .node__content,
  .search-content-wrapp .node__content {
    overflow: hidden;
    color: #062A61;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
@media screen and (max-width: 767px) {
  .search-results .node__content,
  .search-result-wrapper .node__content,
  .search-content-wrapp .node__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; } }
.search-results .node__content::after,
    .search-result-wrapper .node__content::after,
    .search-content-wrapp .node__content::after {
      display: none !important; }
.search-results .node__content h3,
    .search-result-wrapper .node__content h3,
    .search-content-wrapp .node__content h3 {
      font-size: 14px;
      line-height: 20px;
      margin: 0 0 6px; }
.search-results .search-excrepted-content,
  .search-result-wrapper .search-excrepted-content,
  .search-content-wrapp .search-excrepted-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
.search-results .search-result-compare-input,
  .search-result-wrapper .search-result-compare-input,
  .search-content-wrapp .search-result-compare-input {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 24px;
    margin: 0 0 0 24px; }
@media screen and (max-width: 767px) {
  .search-results .search-result-compare-input,
  .search-result-wrapper .search-result-compare-input,
  .search-content-wrapp .search-result-compare-input {
    margin: 0;
    padding: 16px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    border-top: 1px solid #E5E5E5; } }
.search-results .search-result-compare-input label,
    .search-result-wrapper .search-result-compare-input label,
    .search-content-wrapp .search-result-compare-input label {
      font-size: 12px;
      line-height: 20px;
      font-weight: 700;
      color: #062A61;
      display: block;
      position: relative;
      padding: 0 0 0 30px;
      cursor: pointer; }
.search-results .search-result-compare-input .jcf-checkbox,
    .search-result-wrapper .search-result-compare-input .jcf-checkbox,
    .search-content-wrapp .search-result-compare-input .jcf-checkbox {
      background: #fff;
      border: 1px solid #E2E5EA;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 5px;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 0;
      left: 0; }
.search-results .search-result-compare-input .jcf-checkbox span,
      .search-result-wrapper .search-result-compare-input .jcf-checkbox span,
      .search-content-wrapp .search-result-compare-input .jcf-checkbox span {
        width: 100%;
        height: 100%;
        display: none;
        background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-checked.svg) no-repeat 50% 50%; }
.search-results .search-result-compare-input .jcf-checkbox.jcf-checked span,
      .search-result-wrapper .search-result-compare-input .jcf-checkbox.jcf-checked span,
      .search-content-wrapp .search-result-compare-input .jcf-checkbox.jcf-checked span {
        display: block; }
.visually-hidden {
  display: none !important; }
.pager {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000; }
.pager .pager__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.pager .pager__items li {
      margin: 0 14px; }
.pager .pager__items li.is-active {
        color: #0079C1; }
.pager .pager__items li.is-active a {
          text-decoration: underline; }
.pager .pager__item--last,
  .pager .pager__item--first {
    display: none; }
.pager .pager__item--previous,
  .pager .pager__item--next {
    width: 40px;
    height: 40px;
    border: 1px solid #A8A9A9;
    border-radius: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
.pager .pager__item--previous a,
    .pager .pager__item--next a {
      overflow: hidden;
      display: block;
      width: 100%;
      height: 100%;
      text-indent: -99999px;
      position: relative; }
.pager .pager__item--previous a::after,
      .pager .pager__item--next a::after {
        content: '';
        position: absolute;
        top: 13px;
        left: 13px;
        border: solid #000;
        border-width: 0 2px 2px 0;
        padding: 4px;
        border-radius: 1px; }
.pager .pager__item--next {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
.pager .pager__item--previous {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
.wco-search-suggestions {
  position: absolute;
  top: 84px;
  left: 142px;
  right: 114px;
  z-index: 72;
  background: #fff;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 30px 30px;
  border-top: 1px solid #E6E6E6;
  padding: 36px; }
.wco-search-suggestions .group-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #021634;
    margin: 0 0 20px;
    display: block; }
.wco-search-suggestions .suggestions-list {
    font-size: 14px;
    line-height: 26px;
    color: #0079C1; }
.wco-search-suggestions .wco-search-suggest-group {
    overflow: hidden;
    margin: 0 0 50px; }
.wco-search-suggestions .wco-search-suggest-group:last-child {
      margin: 0; }
.section-my-account {
  background: #fff;
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 100vh; }
@media screen and (max-width: 1023px) {
  .section-my-account {
    min-height: auto; } }
@media screen and (max-width: 1023px) {
  .section-my-account .account-menu {
    display: none; } }
@media screen and (max-width: 767px) {
  .section-my-account .teams-content {
    padding-left: 0;
    padding-right: 0; } }
@media screen and (max-width: 767px) {
  .section-my-account .teams-content .heading {
    padding: 0 20px; } }
@media screen and (max-width: 1023px) {
  .section-my-account .teams-content .content-wrapp {
    padding: 0; } }
@media screen and (max-width: 1023px) {
  .section-my-account .teams-content .sorting-block .jcf-select {
    min-width: 150px; } }
.account-menu {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 258px;
          flex: 0 0 258px;
  overflow: hidden;
  background: #5171A3; }
@media screen and (max-width: 1024px) {
  .account-menu {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 180px;
            flex: 0 0 180px; } }
@media screen and (max-width: 767px) {
  .account-menu {
    display: none; } }
.account-menu .menu-wrapp {
    padding: 44px 62px; }
@media screen and (max-width: 1024px) {
  .account-menu .menu-wrapp {
    padding: 30px 20px; } }
.account-menu .btn-log-out {
    margin-bottom: 56px; }
.user-ava {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #fff;
  margin: 0 auto 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
.user-ava .icon {
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin: 0 auto;
    color: #0079C1; }
.user-ava .user-name {
    color: #000;
    font-weight: 700;
    text-transform: uppercase; }
.user-ava .connect-mark {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 3px; }
.user-ava .connect-mark::after {
      content: "";
      display: block;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      overflow: hidden;
      background: #7ED321; }
.user-ava .connect-mark.connect-mark-red::after {
      background: #f00; }
.btn-log-out {
  min-width: auto;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 10px;
  line-height: 30px;
  color: #fff;
  font-weight: 500;
  padding: 0 16px;
  margin: 0 0 20px; }
.btn-log-out .icon {
    width: 10px;
    height: 10px;
    overflow: hidden;
    margin: 0 16px 0 0; }
.user-menu {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  margin: 0 0 40px; }
.user-menu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 14px 0; }
.user-menu li::after {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      left: 36px;
      height: 1px;
      background: #748DB5; }
.user-menu li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
.user-menu .icon {
    overflow: hidden;
    color: #fff;
    width: 25px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 11px 0 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
.user-menu .my-account .svg-icon {
    width: 14px;
    height: 14px; }
.user-menu .my-team .svg-icon {
    width: 25px;
    height: 15px; }
.user-menu .my-account-subscription .svg-icon {
    width: 18px;
    height: 25px; }
.user-menu .my-account-orders .svg-icon {
    width: 18px;
    height: 21px; }
.user-menu .icon-folders .svg-icon {
    width: 18px;
    height: 14px; }
.user-menu .my-account-comments .svg-icon {
    width: 16px;
    height: 16px; }
.user-menu .my-account-tags .svg-icon {
    width: 14px;
    height: 12px; }
.account-popup,
.account-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 34px 60px 60px;
  background: #fff;
  color: #062A61;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden; }
@media screen and (max-width: 1024px) {
  .account-popup,
  .account-content {
    padding: 30px 20px; } }
@media screen and (max-width: 767px) {
  .account-popup,
  .account-content {
    font-size: 12px; } }
.account-popup .content-block,
  .account-content .content-block {
    overflow: hidden;
    position: relative;
    margin: 0 0 40px; }
.account-popup .content-block:last-child,
    .account-content .content-block:last-child {
      margin: 0; }
.account-popup .empty-folder,
  .account-content .empty-folder {
    padding: 40px 0 0; }
.account-popup .input-block,
  .account-content .input-block {
    height: 40px;
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    background: #fff;
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    padding: 0 16px; }
.account-popup .input-block input,
    .account-content .input-block input {
      float: left;
      width: 100%;
      font-size: 14px;
      line-height: 20px;
      margin: 0;
      padding: 9px 0;
      background: none;
      border: 0;
      color: #748298; }
@media screen and (max-width: 767px) {
  .account-popup .input-block input,
  .account-content .input-block input {
    font-size: 12px; } }
.account-popup .jcf-radio,
  .account-content .jcf-radio {
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: relative;
    border: 1px solid #E2E5EA;
    border-radius: 50%;
    background: #fff;
    margin: 0 10px 0 0;
    display: block; }
.account-popup .jcf-radio span,
    .account-content .jcf-radio span {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #062A61;
      margin: 6px;
      display: none; }
.account-popup .jcf-radio.jcf-checked span,
    .account-content .jcf-radio.jcf-checked span {
      display: block; }
.account-popup h3,
  .account-content h3 {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 10px; }
@media screen and (max-width: 767px) {
  .account-popup h3,
  .account-content h3 {
    font-size: 16px; } }
.account-popup .info-block,
  .account-content .info-block {
    background: #F8F8F8;
    border-radius: 4px;
    padding: 30px 50px; }
@media screen and (max-width: 767px) {
  .account-popup .info-block,
  .account-content .info-block {
    padding: 20px; } }
.account-popup .gender-info,
  .account-content .gender-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
.account-popup .gender-info .type,
    .account-content .gender-info .type {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 28px 0 0; }
.account-popup .gender-info .type:last-child,
      .account-content .gender-info .type:last-child {
        margin: 0; }
.account-popup .user-info,
  .account-content .user-info {
    max-width: 450px;
    width: 100%;
    margin: 0 auto; }
@media screen and (max-width: 767px) {
  .account-popup .user-info,
  .account-content .user-info {
    max-width: none; } }
.account-popup .user-info .row,
    .account-content .user-info .row {
      border-top: 1px solid #E2E5EA;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 24px 0; }
@media screen and (max-width: 767px) {
  .account-popup .user-info .row,
  .account-content .user-info .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 10px 0; }
    .account-popup .user-info .row.btn-row,
    .account-content .user-info .row.btn-row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
.account-popup .user-info .row:first-child,
      .account-content .user-info .row:first-child {
        border: 0; }
.account-popup .user-info .ttl,
    .account-content .user-info .ttl {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 120px;
              flex: 0 0 120px;
      margin: 0 10px 0 0;
      font-weight: 700; }
@media screen and (max-width: 767px) {
  .account-popup .user-info .ttl,
  .account-content .user-info .ttl {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 0 4px; } }
.account-popup .user-info .info,
    .account-content .user-info .info {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
.account-popup .user-info a,
    .account-content .user-info a {
      color: #0079C1;
      text-decoration: underline; }
.no-touchevents .account-popup .user-info a:hover,
      .no-js .account-popup .user-info a:hover,
      .dj-no-device .account-popup .user-info a:hover,
      .dj-no-touch .account-popup .user-info a:hover, .account-popup .user-info a:focus, .no-touchevents
      .account-content .user-info a:hover,
      .no-js
      .account-content .user-info a:hover,
      .dj-no-device
      .account-content .user-info a:hover,
      .dj-no-touch
      .account-content .user-info a:hover,
      .account-content .user-info a:focus {
        text-decoration: none; }
.account-popup .user-info .change-password,
    .account-content .user-info .change-password {
      margin: 0;
      padding: 0;
      border: 0;
      background: none;
      color: #0079C1;
      text-decoration: underline; }
.no-touchevents .account-popup .user-info .change-password:hover,
      .no-js .account-popup .user-info .change-password:hover,
      .dj-no-device .account-popup .user-info .change-password:hover,
      .dj-no-touch .account-popup .user-info .change-password:hover, .account-popup .user-info .change-password:focus, .no-touchevents
      .account-content .user-info .change-password:hover,
      .no-js
      .account-content .user-info .change-password:hover,
      .dj-no-device
      .account-content .user-info .change-password:hover,
      .dj-no-touch
      .account-content .user-info .change-password:hover,
      .account-content .user-info .change-password:focus {
        text-decoration: none; }
.account-popup .user-info.edit-form .row,
    .account-content .user-info.edit-form .row {
      border: 0;
      padding: 10px 0; }
.account-popup .btn-row,
  .account-content .btn-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.account-popup .btn-row .btn,
    .account-content .btn-row .btn {
      border: 0;
      font-size: 12px;
      line-height: 14px;
      padding: 13px;
      min-width: 110px;
      background: #0079C1;
      color: #fff;
      font-weight: 700;
      text-decoration: none;
      margin: 0 6px; }
.account-popup .btn-row .btn-cancel,
    .account-content .btn-row .btn-cancel {
      background: #748298; }
.account-popup .contact-preferences,
  .account-content .contact-preferences {
    overflow: hidden; }
.account-popup .contact-preferences .wco-user-preferences-form,
    .account-content .contact-preferences .wco-user-preferences-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
@media screen and (max-width: 973px) {
  .account-popup .contact-preferences .wco-user-preferences-form,
  .account-content .contact-preferences .wco-user-preferences-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; } }
.account-popup .contact-preferences .box,
    .account-content .contact-preferences .box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%;
      overflow: hidden;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
@media screen and (max-width: 973px) {
  .account-popup .contact-preferences .box,
  .account-content .contact-preferences .box {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 0 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .account-popup .contact-preferences .box:last-child,
    .account-content .contact-preferences .box:last-child {
      margin: 0; } }
.account-popup .contact-preferences .ttl,
    .account-content .contact-preferences .ttl {
      font-weight: 700;
      margin: 0 22px 0 0; }
@media screen and (max-width: 973px) {
  .account-popup .contact-preferences .ttl,
  .account-content .contact-preferences .ttl {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; } }
.account-popup .contact-preferences .slide-checkbox,
    .account-content .contact-preferences .slide-checkbox {
      overflow: hidden;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 120px;
              flex: 0 0 120px; }
.account-popup .contact-preferences .slide-checkbox .form-item,
      .account-content .contact-preferences .slide-checkbox .form-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        position: relative; }
.account-popup .contact-preferences .slide-checkbox .ajax-progress,
      .account-content .contact-preferences .slide-checkbox .ajax-progress {
        display: none !important; }
.account-popup .contact-preferences .option,
    .account-content .contact-preferences .option {
      position: relative;
      z-index: 10;
      background: rgba(255, 255, 255, 1e-06);
      padding-left: 62px; }
.account-popup .contact-preferences .jcf-checkbox,
    .account-content .contact-preferences .jcf-checkbox {
      width: 52px;
      height: 20px;
      display: block;
      background: #4A4A4A;
      border-radius: 10px;
      overflow: hidden;
      margin: 0 10px 0 0;
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer;
      z-index: 1; }
.account-popup .contact-preferences .jcf-checkbox span,
      .account-content .contact-preferences .jcf-checkbox span {
        width: 14px;
        height: 14px;
        display: block;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        left: 3px;
        top: 3px;
        -webkit-transition: left 0.3s ease-in-out;
        transition: left 0.3s ease-in-out; }
.account-popup .contact-preferences .jcf-checkbox.jcf-checked,
      .account-content .contact-preferences .jcf-checkbox.jcf-checked {
        background: #0079C1; }
.account-popup .contact-preferences .jcf-checkbox.jcf-checked span,
        .account-content .contact-preferences .jcf-checkbox.jcf-checked span {
          left: 35px; }
.account-popup .contact-preferences .off,
    .account-content .contact-preferences .off {
      opacity: 0.4; }
.account-popup .team-info,
  .account-content .team-info {
    overflow: hidden; }
.account-popup .team-info strong,
    .account-content .team-info strong {
      margin: 0 22px 0 0; }
.account-popup .team-info .row,
    .account-content .team-info .row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0 0 10px; }
@media screen and (max-width: 973px) {
  .account-popup .team-info .row,
  .account-content .team-info .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; } }
.account-popup .team-info .row:last-child,
      .account-content .team-info .row:last-child {
        margin: 0; }
.account-popup .team-info .box,
    .account-content .team-info .box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%;
      overflow: hidden; }
@media screen and (max-width: 973px) {
  .account-popup .team-info .box,
  .account-content .team-info .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 0 20px; }
    .account-popup .team-info .box:last-child,
    .account-content .team-info .box:last-child {
      margin: 0; } }
.account-popup.folder-full-content, .account-popup.folders-content, .account-popup.comments-content,
  .account-content.folder-full-content,
  .account-content.folders-content,
  .account-content.comments-content {
    padding: 0;
    background: #F0F2F2; }
.account-popup .tab-section .tabset,
  .account-content .tab-section .tabset {
    padding: 10px 60px 0;
    font-size: 24px;
    line-height: 30px; }
@media screen and (max-width: 1024px) {
  .account-popup .tab-section .tabset,
  .account-content .tab-section .tabset {
    padding: 10px 20px 0; } }
@media screen and (max-width: 974px) {
  .account-popup .tab-section .tabset,
  .account-content .tab-section .tabset {
    font-size: 18px; } }
@media screen and (max-width: 767px) {
  .account-popup .tab-section .tabset,
  .account-content .tab-section .tabset {
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px; } }
@media screen and (max-width: 767px) {
  .account-popup .tab-section .tabset li,
  .account-content .tab-section .tabset li {
    margin-right: 16px; } }
.account-popup .tab-section .tabset li.active a,
    .account-content .tab-section .tabset li.active a {
      font-weight: 400; }
.account-popup .sorting-block,
  .account-content .sorting-block {
    padding: 20px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    color: #062A61;
    background: #fff; }
@media screen and (max-width: 1024px) {
  .account-popup .sorting-block,
  .account-content .sorting-block {
    padding: 20px; } }
@media screen and (max-width: 767px) {
  .account-popup .sorting-block,
  .account-content .sorting-block {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }
.account-popup .sorting-block .views-exposed-form,
    .account-content .sorting-block .views-exposed-form {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; }
.account-popup .sorting-block .form-item-sort-by,
    .account-content .sorting-block .form-item-sort-by {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
@media screen and (max-width: 767px) {
  .account-popup .sorting-block .form-item-sort-by,
  .account-content .sorting-block .form-item-sort-by {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }
.account-popup .sorting-block label,
    .account-content .sorting-block label {
      font-size: 16px;
      line-height: 20px;
      font-weight: 700;
      margin-right: 20px; }
@media screen and (max-width: 767px) {
  .account-popup .sorting-block label,
  .account-content .sorting-block label {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    font-size: 12px; } }
.account-popup .sorting-block .jcf-select,
    .account-content .sorting-block .jcf-select {
      min-width: 200px;
      font-size: 12px; }
@media screen and (max-width: 767px) {
  .account-popup .sorting-block .jcf-select,
  .account-content .sorting-block .jcf-select {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    font-size: 10px; } }
.account-popup .pager,
  .account-content .pager {
    padding: 24px 60px; }
.account-popup .row-info-wrapp,
  .account-content .row-info-wrapp {
    overflow: hidden;
    background: #fff;
    padding: 0 60px 40px; }
@media screen and (max-width: 1024px) {
  .account-popup .row-info-wrapp,
  .account-content .row-info-wrapp {
    padding: 0 20px 20px; } }
@media screen and (max-width: 767px) {
  .account-popup .row-info-wrapp,
  .account-content .row-info-wrapp {
    padding: 0; } }
.account-popup .row-info-wrapp p:first-child,
    .account-content .row-info-wrapp p:first-child {
      margin: 40px 0 0 0;
      overflow: hidden; }
.account-popup .row-info-wrapp .row-info,
    .account-content .row-info-wrapp .row-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      overflow: hidden;
      font-size: 14px;
      line-height: 18px;
      color: #062A61;
      padding: 20px 20px 20px 40px;
      border-radius: 4px;
      background: #fff;
      position: relative; }
@media screen and (max-width: 1024px) {
  .account-popup .row-info-wrapp .row-info,
  .account-content .row-info-wrapp .row-info {
    padding: 20px; } }
@media screen and (max-width: 767px) {
  .account-popup .row-info-wrapp .row-info,
  .account-content .row-info-wrapp .row-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    font-size: 12px; } }
.account-popup .row-info-wrapp .row-info:nth-child(odd),
      .account-content .row-info-wrapp .row-info:nth-child(odd) {
        background: #F8F8F8; }
.account-popup .row-info-wrapp .row-info .views-col,
      .account-content .row-info-wrapp .row-info .views-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        float: none;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
@media screen and (max-width: 767px) {
  .account-popup .row-info-wrapp .row-info .views-col,
  .account-content .row-info-wrapp .row-info .views-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; } }
.account-popup .row-info-wrapp .views-field-name,
    .account-popup .row-info-wrapp .wco-hs-folder-title,
    .account-content .row-info-wrapp .views-field-name,
    .account-content .row-info-wrapp .wco-hs-folder-title {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-weight: 700; }
.no-touchevents .account-popup .row-info-wrapp .views-field-name:hover,
      .no-js .account-popup .row-info-wrapp .views-field-name:hover,
      .dj-no-device .account-popup .row-info-wrapp .views-field-name:hover,
      .dj-no-touch .account-popup .row-info-wrapp .views-field-name:hover, .account-popup .row-info-wrapp .views-field-name:focus, .no-touchevents
      .account-popup .row-info-wrapp .wco-hs-folder-title:hover,
      .no-js
      .account-popup .row-info-wrapp .wco-hs-folder-title:hover,
      .dj-no-device
      .account-popup .row-info-wrapp .wco-hs-folder-title:hover,
      .dj-no-touch
      .account-popup .row-info-wrapp .wco-hs-folder-title:hover,
      .account-popup .row-info-wrapp .wco-hs-folder-title:focus, .no-touchevents
      .account-content .row-info-wrapp .views-field-name:hover,
      .no-js
      .account-content .row-info-wrapp .views-field-name:hover,
      .dj-no-device
      .account-content .row-info-wrapp .views-field-name:hover,
      .dj-no-touch
      .account-content .row-info-wrapp .views-field-name:hover,
      .account-content .row-info-wrapp .views-field-name:focus, .no-touchevents
      .account-content .row-info-wrapp .wco-hs-folder-title:hover,
      .no-js
      .account-content .row-info-wrapp .wco-hs-folder-title:hover,
      .dj-no-device
      .account-content .row-info-wrapp .wco-hs-folder-title:hover,
      .dj-no-touch
      .account-content .row-info-wrapp .wco-hs-folder-title:hover,
      .account-content .row-info-wrapp .wco-hs-folder-title:focus {
        text-decoration: underline; }
.account-popup .row-info-wrapp .views-field-name .icon,
      .account-popup .row-info-wrapp .wco-hs-folder-title .icon,
      .account-content .row-info-wrapp .views-field-name .icon,
      .account-content .row-info-wrapp .wco-hs-folder-title .icon {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 22px;
                flex: 0 0 22px;
        height: 18px;
        overflow: hidden;
        margin: 0 20px 0 0; }
@media screen and (max-width: 767px) {
  .account-popup .row-info-wrapp .views-field-name .icon,
  .account-popup .row-info-wrapp .wco-hs-folder-title .icon,
  .account-content .row-info-wrapp .views-field-name .icon,
  .account-content .row-info-wrapp .wco-hs-folder-title .icon {
    margin: 0 12px 0 0; } }
.account-popup .row-info-wrapp .views-field-name .ttl,
      .account-popup .row-info-wrapp .wco-hs-folder-title .ttl,
      .account-content .row-info-wrapp .views-field-name .ttl,
      .account-content .row-info-wrapp .wco-hs-folder-title .ttl {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
@media screen and (max-width: 767px) {
  .account-popup .row-info-wrapp .views-field-name .ttl,
  .account-popup .row-info-wrapp .wco-hs-folder-title .ttl,
  .account-content .row-info-wrapp .views-field-name .ttl,
  .account-content .row-info-wrapp .wco-hs-folder-title .ttl {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 30px; } }
.account-popup .row-info-wrapp .views-field-wco-remove-folder-node-field,
    .account-popup .row-info-wrapp .views-field-field-first-name-1,
    .account-popup .row-info-wrapp .views-field-field-first-name,
    .account-popup .row-info-wrapp .options,
    .account-popup .row-info-wrapp .owner-name,
    .account-popup .row-info-wrapp .publish-date,
    .account-content .row-info-wrapp .views-field-wco-remove-folder-node-field,
    .account-content .row-info-wrapp .views-field-field-first-name-1,
    .account-content .row-info-wrapp .views-field-field-first-name,
    .account-content .row-info-wrapp .options,
    .account-content .row-info-wrapp .owner-name,
    .account-content .row-info-wrapp .publish-date {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 130px;
              flex: 0 0 130px;
      margin-left: 10px; }
@media screen and (max-width: 1024px) {
  .account-popup .row-info-wrapp .views-field-wco-remove-folder-node-field,
  .account-popup .row-info-wrapp .views-field-field-first-name-1,
  .account-popup .row-info-wrapp .views-field-field-first-name,
  .account-popup .row-info-wrapp .options,
  .account-popup .row-info-wrapp .owner-name,
  .account-popup .row-info-wrapp .publish-date,
  .account-content .row-info-wrapp .views-field-wco-remove-folder-node-field,
  .account-content .row-info-wrapp .views-field-field-first-name-1,
  .account-content .row-info-wrapp .views-field-field-first-name,
  .account-content .row-info-wrapp .options,
  .account-content .row-info-wrapp .owner-name,
  .account-content .row-info-wrapp .publish-date {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 88px;
            flex: 0 0 88px; } }
@media screen and (max-width: 767px) {
  .account-popup .row-info-wrapp .views-field-wco-remove-folder-node-field,
  .account-popup .row-info-wrapp .views-field-field-first-name-1,
  .account-popup .row-info-wrapp .views-field-field-first-name,
  .account-popup .row-info-wrapp .options,
  .account-popup .row-info-wrapp .owner-name,
  .account-popup .row-info-wrapp .publish-date,
  .account-content .row-info-wrapp .views-field-wco-remove-folder-node-field,
  .account-content .row-info-wrapp .views-field-field-first-name-1,
  .account-content .row-info-wrapp .views-field-field-first-name,
  .account-content .row-info-wrapp .options,
  .account-content .row-info-wrapp .owner-name,
  .account-content .row-info-wrapp .publish-date {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    font-size: 10px; } }
.account-popup .row-info-wrapp .views-field-wco-remove-folder-node-field .views-label-field-first-name-1,
      .account-popup .row-info-wrapp .views-field-wco-remove-folder-node-field .views-label-field-first-name,
      .account-popup .row-info-wrapp .views-field-wco-remove-folder-node-field .ttl-mob,
      .account-popup .row-info-wrapp .views-field-field-first-name-1 .views-label-field-first-name-1,
      .account-popup .row-info-wrapp .views-field-field-first-name-1 .views-label-field-first-name,
      .account-popup .row-info-wrapp .views-field-field-first-name-1 .ttl-mob,
      .account-popup .row-info-wrapp .views-field-field-first-name .views-label-field-first-name-1,
      .account-popup .row-info-wrapp .views-field-field-first-name .views-label-field-first-name,
      .account-popup .row-info-wrapp .views-field-field-first-name .ttl-mob,
      .account-popup .row-info-wrapp .options .views-label-field-first-name-1,
      .account-popup .row-info-wrapp .options .views-label-field-first-name,
      .account-popup .row-info-wrapp .options .ttl-mob,
      .account-popup .row-info-wrapp .owner-name .views-label-field-first-name-1,
      .account-popup .row-info-wrapp .owner-name .views-label-field-first-name,
      .account-popup .row-info-wrapp .owner-name .ttl-mob,
      .account-popup .row-info-wrapp .publish-date .views-label-field-first-name-1,
      .account-popup .row-info-wrapp .publish-date .views-label-field-first-name,
      .account-popup .row-info-wrapp .publish-date .ttl-mob,
      .account-content .row-info-wrapp .views-field-wco-remove-folder-node-field .views-label-field-first-name-1,
      .account-content .row-info-wrapp .views-field-wco-remove-folder-node-field .views-label-field-first-name,
      .account-content .row-info-wrapp .views-field-wco-remove-folder-node-field .ttl-mob,
      .account-content .row-info-wrapp .views-field-field-first-name-1 .views-label-field-first-name-1,
      .account-content .row-info-wrapp .views-field-field-first-name-1 .views-label-field-first-name,
      .account-content .row-info-wrapp .views-field-field-first-name-1 .ttl-mob,
      .account-content .row-info-wrapp .views-field-field-first-name .views-label-field-first-name-1,
      .account-content .row-info-wrapp .views-field-field-first-name .views-label-field-first-name,
      .account-content .row-info-wrapp .views-field-field-first-name .ttl-mob,
      .account-content .row-info-wrapp .options .views-label-field-first-name-1,
      .account-content .row-info-wrapp .options .views-label-field-first-name,
      .account-content .row-info-wrapp .options .ttl-mob,
      .account-content .row-info-wrapp .owner-name .views-label-field-first-name-1,
      .account-content .row-info-wrapp .owner-name .views-label-field-first-name,
      .account-content .row-info-wrapp .owner-name .ttl-mob,
      .account-content .row-info-wrapp .publish-date .views-label-field-first-name-1,
      .account-content .row-info-wrapp .publish-date .views-label-field-first-name,
      .account-content .row-info-wrapp .publish-date .ttl-mob {
        display: none;
        margin: 0 4px 0 0; }
@media screen and (max-width: 767px) {
  .account-popup .row-info-wrapp .views-field-wco-remove-folder-node-field .views-label-field-first-name-1,
  .account-popup .row-info-wrapp .views-field-wco-remove-folder-node-field .views-label-field-first-name,
  .account-popup .row-info-wrapp .views-field-wco-remove-folder-node-field .ttl-mob,
  .account-popup .row-info-wrapp .views-field-field-first-name-1 .views-label-field-first-name-1,
  .account-popup .row-info-wrapp .views-field-field-first-name-1 .views-label-field-first-name,
  .account-popup .row-info-wrapp .views-field-field-first-name-1 .ttl-mob,
  .account-popup .row-info-wrapp .views-field-field-first-name .views-label-field-first-name-1,
  .account-popup .row-info-wrapp .views-field-field-first-name .views-label-field-first-name,
  .account-popup .row-info-wrapp .views-field-field-first-name .ttl-mob,
  .account-popup .row-info-wrapp .options .views-label-field-first-name-1,
  .account-popup .row-info-wrapp .options .views-label-field-first-name,
  .account-popup .row-info-wrapp .options .ttl-mob,
  .account-popup .row-info-wrapp .owner-name .views-label-field-first-name-1,
  .account-popup .row-info-wrapp .owner-name .views-label-field-first-name,
  .account-popup .row-info-wrapp .owner-name .ttl-mob,
  .account-popup .row-info-wrapp .publish-date .views-label-field-first-name-1,
  .account-popup .row-info-wrapp .publish-date .views-label-field-first-name,
  .account-popup .row-info-wrapp .publish-date .ttl-mob,
  .account-content .row-info-wrapp .views-field-wco-remove-folder-node-field .views-label-field-first-name-1,
  .account-content .row-info-wrapp .views-field-wco-remove-folder-node-field .views-label-field-first-name,
  .account-content .row-info-wrapp .views-field-wco-remove-folder-node-field .ttl-mob,
  .account-content .row-info-wrapp .views-field-field-first-name-1 .views-label-field-first-name-1,
  .account-content .row-info-wrapp .views-field-field-first-name-1 .views-label-field-first-name,
  .account-content .row-info-wrapp .views-field-field-first-name-1 .ttl-mob,
  .account-content .row-info-wrapp .views-field-field-first-name .views-label-field-first-name-1,
  .account-content .row-info-wrapp .views-field-field-first-name .views-label-field-first-name,
  .account-content .row-info-wrapp .views-field-field-first-name .ttl-mob,
  .account-content .row-info-wrapp .options .views-label-field-first-name-1,
  .account-content .row-info-wrapp .options .views-label-field-first-name,
  .account-content .row-info-wrapp .options .ttl-mob,
  .account-content .row-info-wrapp .owner-name .views-label-field-first-name-1,
  .account-content .row-info-wrapp .owner-name .views-label-field-first-name,
  .account-content .row-info-wrapp .owner-name .ttl-mob,
  .account-content .row-info-wrapp .publish-date .views-label-field-first-name-1,
  .account-content .row-info-wrapp .publish-date .views-label-field-first-name,
  .account-content .row-info-wrapp .publish-date .ttl-mob {
    display: block; } }
.account-popup .row-info-wrapp .views-field-field-first-name-1 .owner-name,
    .account-popup .row-info-wrapp .views-field-field-first-name .owner-name,
    .account-content .row-info-wrapp .views-field-field-first-name-1 .owner-name,
    .account-content .row-info-wrapp .views-field-field-first-name .owner-name {
      margin: 0; }
@media screen and (max-width: 767px) {
  .account-popup .row-info-wrapp .views-field-field-first-name-1,
  .account-popup .row-info-wrapp .views-field-field-first-name,
  .account-popup .row-info-wrapp .owner-name,
  .account-popup .row-info-wrapp .publish-date,
  .account-content .row-info-wrapp .views-field-field-first-name-1,
  .account-content .row-info-wrapp .views-field-field-first-name,
  .account-content .row-info-wrapp .owner-name,
  .account-content .row-info-wrapp .publish-date {
    margin-left: 34px; } }
@media screen and (max-width: 767px) {
  .account-popup .row-info-wrapp .views-field-field-first-name-1,
  .account-popup .row-info-wrapp .views-field-field-first-name,
  .account-popup .row-info-wrapp .owner-name,
  .account-content .row-info-wrapp .views-field-field-first-name-1,
  .account-content .row-info-wrapp .views-field-field-first-name,
  .account-content .row-info-wrapp .owner-name {
    color: #748298; } }
.account-popup .row-info-wrapp .views-field-wco-remove-folder-node-field,
    .account-popup .row-info-wrapp .options,
    .account-content .row-info-wrapp .views-field-wco-remove-folder-node-field,
    .account-content .row-info-wrapp .options {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 20px;
              flex: 0 0 20px; }
@media screen and (max-width: 767px) {
  .account-popup .row-info-wrapp .views-field-wco-remove-folder-node-field,
  .account-popup .row-info-wrapp .options,
  .account-content .row-info-wrapp .views-field-wco-remove-folder-node-field,
  .account-content .row-info-wrapp .options {
    position: absolute;
    bottom: 20px;
    right: 20px; } }
.account-popup .row-info-wrapp .views-field-wco-remove-folder-node-field .options,
    .account-content .row-info-wrapp .views-field-wco-remove-folder-node-field .options {
      margin: 0; }
.account-popup .row-info-wrapp .subject-info,
    .account-content .row-info-wrapp .subject-info {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding: 0 10% 0 0; }
@media screen and (max-width: 767px) {
  .account-popup .row-info-wrapp .subject-info,
  .account-content .row-info-wrapp .subject-info {
    padding: 0;
    margin: 0 0 10px; } }
.account-popup .row-info-wrapp .subject-info a,
      .account-content .row-info-wrapp .subject-info a {
        color: #0079C1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
.no-touchevents .account-popup .row-info-wrapp .subject-info a:hover,
        .no-js .account-popup .row-info-wrapp .subject-info a:hover,
        .dj-no-device .account-popup .row-info-wrapp .subject-info a:hover,
        .dj-no-touch .account-popup .row-info-wrapp .subject-info a:hover, .account-popup .row-info-wrapp .subject-info a:focus, .no-touchevents
        .account-content .row-info-wrapp .subject-info a:hover,
        .no-js
        .account-content .row-info-wrapp .subject-info a:hover,
        .dj-no-device
        .account-content .row-info-wrapp .subject-info a:hover,
        .dj-no-touch
        .account-content .row-info-wrapp .subject-info a:hover,
        .account-content .row-info-wrapp .subject-info a:focus {
          text-decoration: underline; }
.account-popup .row-info-wrapp .subject-info .comment-url,
      .account-content .row-info-wrapp .subject-info .comment-url {
        margin: 0 0 10px; }
.account-popup .row-info-wrapp .views-field-title,
    .account-popup .row-info-wrapp .views-field-subject,
    .account-content .row-info-wrapp .views-field-title,
    .account-content .row-info-wrapp .views-field-subject {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
@media screen and (max-width: 767px) {
  .account-popup.folder-full-content .views-field-field-first-name-1,
  .account-popup.folder-full-content .views-field-field-first-name,
  .account-popup.folder-full-content .owner-name,
  .account-popup.folder-full-content .publish-date, .account-popup.comments-content .views-field-field-first-name-1,
  .account-popup.comments-content .views-field-field-first-name,
  .account-popup.comments-content .owner-name,
  .account-popup.comments-content .publish-date,
  .account-content.folder-full-content .views-field-field-first-name-1,
  .account-content.folder-full-content .views-field-field-first-name,
  .account-content.folder-full-content .owner-name,
  .account-content.folder-full-content .publish-date,
  .account-content.comments-content .views-field-field-first-name-1,
  .account-content.comments-content .views-field-field-first-name,
  .account-content.comments-content .owner-name,
  .account-content.comments-content .publish-date {
    margin-left: 0; } }
.account-popup .folder-info,
  .account-content .folder-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 34px 60px;
    position: relative; }
@media screen and (max-width: 1024px) {
  .account-popup .folder-info,
  .account-content .folder-info {
    padding: 20px; } }
@media screen and (max-width: 767px) {
  .account-popup .folder-info,
  .account-content .folder-info {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } }
.account-popup .folder-info .wco-hs-back-link,
    .account-content .folder-info .wco-hs-back-link {
      white-space: nowrap;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 58px;
              flex: 0 0 58px;
      margin: 0 34px 0 0; }
@media screen and (max-width: 974px) {
  .account-popup .folder-info .wco-hs-back-link,
  .account-content .folder-info .wco-hs-back-link {
    margin: 0 20px 0 0; } }
@media screen and (max-width: 767px) {
  .account-popup .folder-info .wco-hs-back-link,
  .account-content .folder-info .wco-hs-back-link {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 12px;
    margin: 0; } }
.account-popup .folder-info .desc-block,
    .account-content .folder-info .desc-block {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      border: solid #C0C2C2;
      border-width: 0 0 0 1px;
      padding: 0 34px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
@media screen and (max-width: 974px) {
  .account-popup .folder-info .desc-block,
  .account-content .folder-info .desc-block {
    padding: 0 20px;
    overflow: hidden; } }
@media screen and (max-width: 767px) {
  .account-popup .folder-info .desc-block,
  .account-content .folder-info .desc-block {
    border-width: 1px 0 0;
    padding: 20px; } }
.account-popup .folder-info .desc-block .desc-ttl,
      .account-content .folder-info .desc-block .desc-ttl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0 0 14px; }
@media screen and (max-width: 974px) {
  .account-popup .folder-info .desc-block .desc-ttl,
  .account-content .folder-info .desc-block .desc-ttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } }
.account-popup .folder-info .desc-block .folder-ttl,
      .account-content .folder-info .desc-block .folder-ttl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-weight: 700; }
.account-popup .folder-info .desc-block .folder-ttl .icon,
        .account-content .folder-info .desc-block .folder-ttl .icon {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 22px;
                  flex: 0 0 22px;
          height: 18px;
          overflow: hidden;
          margin: 0 20px 0 0; }
.account-popup .folder-info .desc-block .folder-ttl .ttl,
        .account-content .folder-info .desc-block .folder-ttl .ttl {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto; }
@media screen and (max-width: 974px) {
  .account-popup .folder-info .desc-block .folder-ttl .ttl,
  .account-content .folder-info .desc-block .folder-ttl .ttl {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; } }
.account-popup .folder-info .desc-block .publish-info,
      .account-content .folder-info .desc-block .publish-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
@media screen and (max-width: 974px) {
  .account-popup .folder-info .desc-block .publish-info,
  .account-content .folder-info .desc-block .publish-info {
    padding: 0 38px; } }
.account-popup .folder-info .desc-block .publish-info .date,
        .account-popup .folder-info .desc-block .publish-info .user-name,
        .account-content .folder-info .desc-block .publish-info .date,
        .account-content .folder-info .desc-block .publish-info .user-name {
          margin: 0 16px;
          white-space: nowrap; }
@media screen and (max-width: 974px) {
  .account-popup .folder-info .desc-block .publish-info .date,
  .account-popup .folder-info .desc-block .publish-info .user-name,
  .account-content .folder-info .desc-block .publish-info .date,
  .account-content .folder-info .desc-block .publish-info .user-name {
    margin: 0 5px; } }
.account-popup .folder-info .desc-block .desc,
      .account-content .folder-info .desc-block .desc {
        overflow: hidden; }
@media screen and (max-width: 767px) {
  .account-popup .folder-info .desc-block .desc,
  .account-content .folder-info .desc-block .desc {
    padding-right: 70px; } }
.account-popup .folder-info .desc-block .desc p,
        .account-content .folder-info .desc-block .desc p {
          margin: 0; }
.account-popup .folder-info .options,
    .account-content .folder-info .options {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: #fff;
      border: 1px solid #E7E8E9;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 50%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 56px;
              flex: 0 0 56px;
      height: 56px;
      -ms-flex-item-align: center;
          align-self: center; }
@media screen and (max-width: 767px) {
  .account-popup .folder-info .options,
  .account-content .folder-info .options {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 56px; } }
.account-popup .portfolio-grids .title-row,
  .account-content .portfolio-grids .title-row {
    font-weight: 700; }
@media screen and (max-width: 767px) {
  .account-popup .portfolio-grids .title-row,
  .account-content .portfolio-grids .title-row {
    display: none; } }
.account-popup .portfolio-grids .title-row .sub-modify,
    .account-content .portfolio-grids .title-row .sub-modify {
      text-indent: -99999px; }
.account-popup .portfolio-grids .row-info,
  .account-content .portfolio-grids .row-info {
    font-size: 12px;
    line-height: 14px;
    padding: 20px; }
@media screen and (max-width: 767px) {
  .account-popup .portfolio-grids .row-info,
  .account-content .portfolio-grids .row-info {
    line-height: 18px; } }
.account-popup .portfolio-grids .row-info a,
    .account-content .portfolio-grids .row-info a {
      color: #0079C1; }
.account-popup .portfolio-grids .row-info .user-id,
    .account-content .portfolio-grids .row-info .user-id {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 60px;
              flex: 0 0 60px;
      margin-right: 10px; }
@media screen and (max-width: 767px) {
  .account-popup .portfolio-grids .row-info .user-id,
  .account-content .portfolio-grids .row-info .user-id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 0 4px; } }
.account-popup .portfolio-grids .row-info .first-name,
    .account-content .portfolio-grids .row-info .first-name {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 120px;
              flex: 0 0 120px;
      margin-right: 10px; }
@media screen and (max-width: 1024px) {
  .account-popup .portfolio-grids .row-info .first-name,
  .account-content .portfolio-grids .row-info .first-name {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px; } }
@media screen and (max-width: 767px) {
  .account-popup .portfolio-grids .row-info .first-name,
  .account-content .portfolio-grids .row-info .first-name {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 0 4px; } }
.account-popup .portfolio-grids .row-info .last-name,
    .account-content .portfolio-grids .row-info .last-name {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 140px;
              flex: 0 0 140px;
      margin-right: 10px; }
@media screen and (max-width: 1024px) {
  .account-popup .portfolio-grids .row-info .last-name,
  .account-content .portfolio-grids .row-info .last-name {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px; } }
@media screen and (max-width: 767px) {
  .account-popup .portfolio-grids .row-info .last-name,
  .account-content .portfolio-grids .row-info .last-name {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 0 4px; } }
.account-popup .portfolio-grids .row-info .sub-info,
    .account-content .portfolio-grids .row-info .sub-info {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 140px;
              flex: 0 0 140px;
      margin-right: 10px; }
@media screen and (max-width: 1024px) {
  .account-popup .portfolio-grids .row-info .sub-info,
  .account-content .portfolio-grids .row-info .sub-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px; } }
@media screen and (max-width: 767px) {
  .account-popup .portfolio-grids .row-info .sub-info,
  .account-content .portfolio-grids .row-info .sub-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 0 4px; } }
@media screen and (max-width: 1024px) {
  .account-popup .portfolio-grids .row-info .e-mail,
  .account-content .portfolio-grids .row-info .e-mail {
    word-break: break-word; } }
@media screen and (max-width: 767px) {
  .account-popup .portfolio-grids .row-info .e-mail,
  .account-content .portfolio-grids .row-info .e-mail {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 0 4px; } }
.account-popup .portfolio-grids .row-info .end-date,
    .account-content .portfolio-grids .row-info .end-date {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 80px;
              flex: 0 0 80px;
      margin-right: 10px; }
@media screen and (max-width: 767px) {
  .account-popup .portfolio-grids .row-info .end-date,
  .account-content .portfolio-grids .row-info .end-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 0 4px; } }
.account-popup .portfolio-grids .row-info .sub-modify,
    .account-content .portfolio-grids .row-info .sub-modify {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 80px;
              flex: 0 0 80px;
      margin: 0; }
@media screen and (max-width: 767px) {
  .account-popup .portfolio-grids .row-info .sub-modify,
  .account-content .portfolio-grids .row-info .sub-modify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }
.tags-content {
  padding: 0; }
.tags-content .sorting-block .jcf-select {
    min-width: 190px; }
.tags-content .pager {
    padding: 0; }
.tags-tab-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }
@media screen and (max-width: 767px) {
  .tags-tab-section {
    width: 200%; }
    .tags-tab-section.active-tab {
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0); } }
.tags-tab-section .row-info-wrapp,
  .tags-tab-section .tags-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    background: #F0F2F2;
    padding: 50px 60px;
    max-width: 400px; }
@media screen and (max-width: 1024px) {
  .tags-tab-section .row-info-wrapp,
  .tags-tab-section .tags-col {
    max-width: 320px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 320px;
            flex: 1 1 320px;
    padding: 50px 20px; } }
@media screen and (max-width: 767px) {
  .tags-tab-section .row-info-wrapp,
  .tags-tab-section .tags-col {
    max-width: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    padding: 20px;
    overflow: hidden; } }
.tags-tab-section .tag-info-col {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 50px 60px;
    overflow: hidden; }
@media screen and (max-width: 1024px) {
  .tags-tab-section .tag-info-col {
    padding: 50px 20px; } }
@media screen and (max-width: 767px) {
  .tags-tab-section .tag-info-col {
    padding: 20px; } }
.tags-tab-section .tag-info-col .row-info-wrapp {
      padding: 0;
      background: none;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      max-width: none;
      width: auto; }
.tags-tab-section .tag-info-col .row-info-wrapp .row-info {
        padding: 20px; }
.tags-tab-section .tag-info-col .row-info-wrapp .subject-info {
        margin: 0; }
.tags-tab-section .back-to-list {
    padding: 0;
    margin: 0 0 10px; }
.tags-tab-section .sorting-block {
    padding: 0;
    background: #F0F2F2;
    margin: 0 0 24px; }
@media screen and (max-width: 767px) {
  .tags-tab-section .sorting-block {
    margin: 0 0 14px; } }
.tags-tab-section .row-info-wrapp .row-info:nth-child(odd) {
    background: #fff; }
.tags-tab-section .row-info-wrapp .row-info:nth-child(even) {
    background: #F8F8F8; }
.tags-tab-section .row-info-wrapp p {
    margin: 0 !important; }
.tags-tab-section .tabset {
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 24px; }
.tags-tab-section .tabset li {
      border: solid #D8DADA;
      border-width: 1px 0 0;
      padding: 16px 0; }
.tags-tab-section .tabset li:first-child {
        border: 0; }
.tags-tab-section .tabset li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative; }
.tags-tab-section .tabset li a::after {
          content: "";
          position: absolute;
          right: 6px;
          top: 50%;
          margin: -6px 0 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 6px 0 6px 10px;
          border-color: transparent transparent transparent #062A61;
          border-radius: 2px;
          overflow: hidden;
          display: none; }
.tags-tab-section .tabset li a::before {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          left: 0;
          background: #F0F2F2;
          z-index: 1; }
.tags-tab-section .tabset li.active a {
        border-radius: 13px;
        padding-right: 72px;
        margin-right: -72px; }
@media screen and (max-width: 1024px) {
  .tags-tab-section .tabset li.active a {
    padding-right: 32px;
    margin-right: -32px; } }
@media screen and (max-width: 767px) {
  .tags-tab-section .tabset li.active a {
    margin: 0;
    padding: 0;
    background: none !important; } }
.tags-tab-section .tabset li.active a::after {
          display: block; }
@media screen and (max-width: 767px) {
  .tags-tab-section .tabset li.active a::after {
    display: none; } }
.tags-tab-section .tabset li.active a::before {
          display: none; }
@media screen and (max-width: 767px) {
  .tags-tab-section .tabset li.active a::before {
    display: none; } }
.tags-tab-section .tabset li.active .tag {
        color: #062A61; }
.tags-tab-section .tabset .tag {
      padding: 0 20px;
      border-radius: 13px;
      color: #748298;
      position: relative;
      z-index: 2;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      overflow: hidden;
      margin: 0 10px 0 0;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 180px; }
.tags-tab-section .tabset .publish-date {
      position: relative;
      z-index: 2;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
.tags-tab-section .tag-detail {
    padding: 8px 8px 8px 20px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 4px; }
.tags-tab-section .tag-detail .btn-delete-tag {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
.tags-tab-section .tag-detail .tag-name {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      text-transform: uppercase;
      font-size: 12px;
      line-height: 17px;
      font-weight: 700;
      color: #062A61;
      position: relative;
      padding: 0 10px 0 30px;
      word-break: break-all; }
.tags-tab-section .tag-detail .tag-name::after {
        content: "";
        width: 17px;
        height: 17px;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        border: 4px solid #fff; }
.account-popup .content-wrapp,
.teams-content .content-wrapp {
  padding: 40px 0 20px;
  overflow: hidden; }
.account-popup .heading,
.teams-content .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
@media screen and (max-width: 767px) {
  .account-popup .heading,
  .teams-content .heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 0 0 20px; } }
.account-popup .heading h2,
  .teams-content .heading h2 {
    font-size: 20px;
    line-height: 24px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
@media screen and (max-width: 767px) {
  .account-popup .heading h2,
  .teams-content .heading h2 {
    font-size: 14px;
    margin: 0 0 20px; } }
.account-popup .heading h2 a,
    .teams-content .heading h2 a {
      text-decoration: underline;
      color: #0079C1;
      font-weight: 700;
      font-size: 12px; }
@media screen and (max-width: 767px) {
  .account-popup .heading h2 a,
  .teams-content .heading h2 a {
    display: block; } }
.no-touchevents .account-popup .heading h2 a:hover,
      .no-js .account-popup .heading h2 a:hover,
      .dj-no-device .account-popup .heading h2 a:hover,
      .dj-no-touch .account-popup .heading h2 a:hover, .account-popup .heading h2 a:focus, .no-touchevents
      .teams-content .heading h2 a:hover,
      .no-js
      .teams-content .heading h2 a:hover,
      .dj-no-device
      .teams-content .heading h2 a:hover,
      .dj-no-touch
      .teams-content .heading h2 a:hover,
      .teams-content .heading h2 a:focus {
        text-decoration: none; }
.account-popup .sorting-block,
.teams-content .sorting-block {
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
.account-popup .sorting-block .form-item,
  .teams-content .sorting-block .form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
.account-popup .row-info-wrapp,
.teams-content .row-info-wrapp {
  padding: 0;
  margin: 0 0 40px; }
@media screen and (max-width: 767px) {
  .account-popup .row-info-wrapp,
  .teams-content .row-info-wrapp {
    margin: 0 0 20px; } }
.account-popup .row-info .gender-info,
.account-popup .row-info .first-name,
.account-popup .row-info .last-name,
.account-popup .row-info .e-mail,
.account-popup .row-info .was-sent,
.teams-content .row-info .gender-info,
.teams-content .row-info .first-name,
.teams-content .row-info .last-name,
.teams-content .row-info .e-mail,
.teams-content .row-info .was-sent {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  margin: 0 20px 0 0; }
@media screen and (max-width: 767px) {
  .account-popup .row-info .gender-info,
  .account-popup .row-info .first-name,
  .account-popup .row-info .last-name,
  .account-popup .row-info .e-mail,
  .account-popup .row-info .was-sent,
  .teams-content .row-info .gender-info,
  .teams-content .row-info .first-name,
  .teams-content .row-info .last-name,
  .teams-content .row-info .e-mail,
  .teams-content .row-info .was-sent {
    margin: 0 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; } }
.account-popup .row-info .e-mail,
.teams-content .row-info .e-mail {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
@media screen and (max-width: 767px) {
  .account-popup .row-info .e-mail,
  .teams-content .row-info .e-mail {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0; } }
.account-popup .row-info .was-sent,
.teams-content .row-info .was-sent {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
.account-popup .row-info .ttl-mob,
.teams-content .row-info .ttl-mob {
  display: none; }
@media screen and (max-width: 767px) {
  .account-popup .row-info .ttl-mob,
  .teams-content .row-info .ttl-mob {
    display: block;
    font-weight: 700;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px; } }
.account-popup .row-info.user-not-approved,
.teams-content .row-info.user-not-approved {
  background: #EDF8E9; }
.account-popup .row-info.user-not-approved .e-mail,
  .teams-content .row-info.user-not-approved .e-mail {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 230px;
            flex: 0 0 230px; }
@media screen and (max-width: 767px) {
  .account-popup .row-info.user-not-approved .e-mail,
  .teams-content .row-info.user-not-approved .e-mail {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; } }
.account-popup .row-info .gender-info,
.teams-content .row-info .gender-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px; }
@media screen and (max-width: 767px) {
  .account-popup .row-info .gender-info,
  .teams-content .row-info .gender-info {
    display: none; } }
.account-popup .bottom,
.teams-content .bottom {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  min-height: 36px; }
@media screen and (max-width: 767px) {
  .account-popup .bottom,
  .teams-content .bottom {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 20px; } }
.account-popup .user-in-team,
.teams-content .user-in-team {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  line-height: 14px;
  color: #4A4A4A; }
@media screen and (max-width: 767px) {
  .account-popup .user-in-team,
  .teams-content .user-in-team {
    position: relative; } }
.account-popup .user-in-team .icon,
  .teams-content .user-in-team .icon {
    width: 23px;
    height: 27px;
    overflow: hidden;
    margin: 0 12px 0 0; }
.account-popup .user-in-team .info span,
  .teams-content .user-in-team .info span {
    display: block;
    color: #0079C1; }
.btn-new-member {
  border-color: #062A61;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  padding: 10px 10px 10px 36px;
  background: #062A61 url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-white-plus.svg) no-repeat 6px 50%; }
.account-popup {
  position: fixed;
  z-index: 9999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%; }
.account-popup .popup-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    padding: 60px;
    -webkit-box-shadow: 0px 44px 84px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 44px 84px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    background: #fff;
    position: relative; }
.account-popup .row-info-wrapp {
    margin: 0 0 30px;
    height: 40vh;
    overflow: auto; }
.account-popup .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #062A61; }
.account-popup .heading h3 {
      margin: 0;
      font-size: 18px;
      line-height: 24px;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      font-weight: 700; }
.account-popup .delete-content,
  .account-popup .confirm-content {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 30px;
    text-align: center; }
.account-popup .delete-content p,
    .account-popup .confirm-content p {
      margin: 0; }
.account-popup .delete-content {
    color: #fff; }
.account-popup .bottom .btn {
    color: #062A61;
    font-size: 12px;
    min-width: auto;
    margin: 0 16px;
    font-weight: 700; }
.account-popup .bottom .btn-select {
    border-color: #E2E5EA;
    color: #748298;
    background: #E2E5EA;
    cursor: default; }
.account-popup .bottom .btn-select.selected {
      border-color: #062A61;
      color: #fff;
      background: #062A61;
      cursor: pointer; }
.account-popup .row-info.selected-row {
    background: #CCE4F3 !important;
    border: 2px solid #0079C1;
    border-radius: 0; }
.account-popup.change-manager-popup .popup-content {
    max-width: 1030px; }
@media screen and (max-width: 1023px) {
  .account-popup.change-manager-popup .popup-content {
    padding: 60px 20px 20px; } }
@media screen and (max-width: 767px) {
  .account-popup.change-manager-popup .popup-content {
    padding: 40px 20px 20px; } }
@media screen and (max-width: 767px) {
  .account-popup.change-manager-popup .popup-content .row-info-wrapp {
    margin: 0 0 10px; } }
@media screen and (max-width: 767px) {
  .account-popup.change-manager-popup .popup-content .bottom {
    padding: 0; }
    .account-popup.change-manager-popup .popup-content .bottom .btn {
      margin: 0;
      width: 46%; } }
@media screen and (max-width: 767px) {
  .account-popup.change-manager-popup .popup-content .heading {
    margin: 0 0 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; } }
@media screen and (max-width: 767px) {
  .account-popup.change-manager-popup .popup-content .heading h3 {
    font-size: 14px;
    margin: 0 0 20px; } }
.account-popup.change-confirm-popup .popup-content {
    max-width: 420px;
    padding: 40px 60px; }
@media screen and (max-width: 767px) {
  .account-popup.change-confirm-popup .popup-content {
    padding: 20px; }
    .account-popup.change-confirm-popup .popup-content .bottom {
      padding: 0; }
      .account-popup.change-confirm-popup .popup-content .bottom .btn {
        width: 46%;
        margin: 0; } }
.account-popup.delete-member-popup .popup-content {
    max-width: 420px;
    padding: 40px 60px;
    background: #3872B4; }
@media screen and (max-width: 767px) {
  .account-popup.delete-member-popup .popup-content {
    padding: 20px; }
    .account-popup.delete-member-popup .popup-content .bottom {
      padding: 0; }
      .account-popup.delete-member-popup .popup-content .bottom .btn {
        width: 46%;
        margin: 0; } }
.account-popup.add-member-popup .popup-content {
    max-width: 450px;
    padding: 40px; }
@media screen and (max-width: 767px) {
  .account-popup.add-member-popup .popup-content {
    padding: 20px; } }
.account-popup .add-member-form {
    background: #eee;
    border-radius: 90px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 90px;
    padding: 0 0 0 22px; }
.account-popup .add-member-form .wco-team-member-add-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
.account-popup .add-member-form .icon {
      width: 19px;
      height: 19px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 19px;
              flex: 0 0 19px;
      overflow: hidden; }
.account-popup .add-member-form #modal-form {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
.account-popup .add-member-form .submit {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 55px;
              flex: 0 0 55px;
      width: 55px;
      height: 40px;
      font-size: 12px;
      line-height: 40px;
      font-weight: 700;
      overflow: hidden;
      margin: 0;
      padding: 0;
      border: 0;
      border-radius: 90px;
      background: #062A61;
      color: #fff; }
.account-popup .add-member-form .text-input {
      overflow: hidden;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      margin: 0 24px; }
.account-popup .add-member-form .text-input input {
        float: left;
        width: 100%;
        margin: 0;
        padding: 11px 0;
        font-size: 14px;
        line-height: 18px;
        color: #748298;
        border: 0;
        background: none; }
.account-popup .close-btn {
    position: absolute;
    top: 26px;
    right: 18px;
    width: 15px;
    height: 15px;
    overflow: hidden;
    text-indent: -99999px;
    cursor: pointer; }
.account-popup .close-btn::before, .account-popup .close-btn::after {
      content: "";
      position: absolute;
      top: -2px;
      left: 6px;
      width: 2px;
      height: 18px;
      border-radius: 1px;
      background: #062A61; }
.account-popup .close-btn::after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
.account-popup .close-btn::before {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
.no-more-subscription {
  background: #8C7498;
  border-radius: 4px;
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  padding: 10px 42px 10px 22px;
  position: relative; }
.no-more-subscription a {
    text-decoration: underline; }
.no-touchevents .no-more-subscription a:hover,
    .no-js .no-more-subscription a:hover,
    .dj-no-device .no-more-subscription a:hover,
    .dj-no-touch .no-more-subscription a:hover, .no-more-subscription a:focus {
      text-decoration: none; }
.no-more-subscription .close-btn {
    position: absolute;
    top: 50%;
    right: 22px;
    margin-top: -7px;
    width: 15px;
    height: 15px;
    overflow: hidden;
    text-indent: -99999px;
    cursor: pointer; }
.no-more-subscription .close-btn::before, .no-more-subscription .close-btn::after {
      content: "";
      position: absolute;
      top: -2px;
      left: 6px;
      width: 2px;
      height: 18px;
      border-radius: 1px;
      background: #fff; }
.no-more-subscription .close-btn::after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
.no-more-subscription .close-btn::before {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
.team-popup-dialog.ui-widget {
  width: 100% !important;
  padding: 0;
  background: none;
  border-radius: 0;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none !important; }
@media screen and (max-width: 767px) {
  .team-popup-dialog.ui-widget {
    width: auto !important; } }
.team-popup-dialog.ui-widget .ui-widget-header,
  .team-popup-dialog.ui-widget .ui-resizable-handle {
    display: none; }
.team-popup-dialog.ui-widget .ui-widget-content {
    margin: 0;
    background: none;
    border: 0; }
.team-popup-dialog .account-popup {
  position: relative;
  background: none; }
.team-popup-dialog .account-popup .popup-content {
    -webkit-box-shadow: none;
            box-shadow: none; }
.team-popup-dialog.team-popup-confirm {
  max-width: 420px;
  padding: 40px;
  background: #fff; }
.team-popup-dialog.team-popup-confirm .ui-dialog-buttonset {
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
.team-popup-dialog.team-popup-confirm .ui-dialog-buttonset button {
      font-size: 12px;
      line-height: 16px;
      font-weight: 700;
      color: #062A61;
      padding: 10px 20px;
      border: 1px solid #E7E8E9;
      border-radius: 20px;
      max-width: 26%;
      text-align: center; }
.team-popup-dialog.team-popup-confirm .ui-dialog-buttonset button.selected {
        color: #fff;
        border-color: #062A61;
        background: #062A61; }
.team-popup-dialog.team-popup-confirm .account-popup {
    min-height: auto !important; }
.team-popup-dialog.team-popup-confirm .account-popup .popup-content {
      padding: 0;
      background: none; }
.team-popup-dialog.team-popup-confirm .account-popup .confirm-content {
      color: #062A61; }
.order-section {
  padding: 60px; }
@media screen and (max-width: 1024px) {
  .order-section {
    padding: 30px 20px 20px; } }
.order-section .btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
@media screen and (max-width: 767px) {
  .order-section .btn-block {
    padding-top: 10px; } }
.order-section .load-more {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    color: #062A61;
    padding: 12px 26px; }
.order-block {
  overflow: hidden;
  background: #fff;
  border: 1px solid #E5E5E5;
  -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 30px;
  margin: 0 0 30px; }
@media screen and (max-width: 767px) {
  .order-block {
    padding: 20px;
    margin: 0 0 10px; } }
.order-block .order-image {
    overflow: hidden;
    float: left;
    width: 130px;
    height: 130px;
    background: #E5E5E5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 36px; }
@media screen and (max-width: 767px) {
  .order-block .order-image {
    display: none; } }
.order-block .order-content {
    overflow: hidden; }
.order-block .order-content .order-download {
      overflow: hidden;
      font-size: 12px;
      line-height: 14px;
      font-weight: 700;
      color: #062A61;
      padding: 12px 26px 12px 52px;
      background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-order-download.svg) no-repeat 26px 50%; }
@media screen and (max-width: 767px) {
  .order-block .order-content .order-download {
    text-indent: -9999px;
    min-width: auto;
    width: 40px;
    height: 40px;
    padding: 0;
    background-position: 50% 50%; } }
.order-block .order-content .order-ttl {
      overflow: hidden;
      border: solid #E6E6E6;
      border-width: 0 0 1px;
      padding: 6px 0 16px;
      font-size: 14px;
      line-height: 20px; }
@media screen and (max-width: 767px) {
  .order-block .order-content .order-ttl {
    font-size: 12px;
    line-height: 18px;
    padding-top: 0; } }
.order-block .order-content .invoice-number {
      display: block;
      color: #748298; }
.order-block .order-content h3 {
      font-weight: 700;
      font-size: 16px;
      line-height: 20px;
      margin: 0 0 10px; }
@media screen and (max-width: 767px) {
  .order-block .order-content h3 {
    font-size: 12px;
    line-height: 18px;
    margin: 0; } }
.order-block .order-content .order-info {
      overflow: hidden;
      padding: 16px 0 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
.order-block .order-content .order-info .info {
        font-size: 14px;
        line-height: 20px;
        color: #062A61; }
@media screen and (max-width: 767px) {
  .order-block .order-content .order-info .info {
    font-size: 12px;
    line-height: 18px; } }
.order-block .order-content .order-info .info span {
          color: #748298; }
.billing-info {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 28px;
  padding-top: 26px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #E2E5EA; }
@media screen and (max-width: 1024px) {
  .billing-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } }
@media screen and (max-width: 767px) {
  .billing-info {
    font-size: 12px; } }
.billing-info .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin: 0 40px 0 0; }
@media screen and (max-width: 1024px) {
  .billing-info .block {
    margin: 0 0 20px; }
    .billing-info .block:last-child {
      margin: 0; } }
@media screen and (max-width: 767px) {
  .billing-info .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin: 0 0 10px; }
    .billing-info .block:last-child {
      margin: 0; } }
.billing-info .label {
    color: #fff;
    background: #062A61;
    font-weight: 700;
    border-radius: 4px;
    padding: 0 10px;
    margin-right: 20px;
    text-align: center; }
@media screen and (max-width: 1024px) {
  .billing-info .label {
    min-width: 200px; } }
@media screen and (max-width: 767px) {
  .billing-info .label {
    width: 100%;
    margin: 0; } }
.subscription-info {
  overflow: hidden;
  margin: 0 0 60px; }
@media screen and (max-width: 767px) {
  .subscription-info {
    margin: 0 0 30px; } }
.subscription-info .images {
    overflow: hidden;
    float: left;
    background: #F8F8F8;
    padding: 40px;
    max-width: 262px;
    margin-right: 60px; }
@media screen and (max-width: 973px) {
  .subscription-info .images {
    margin-right: 20px;
    padding: 20px;
    max-width: 222px; } }
@media screen and (max-width: 767px) {
  .subscription-info .images {
    float: none;
    width: 100%;
    max-width: none;
    margin: 0 0 16px; }
    .subscription-info .images img {
      width: 100%; } }
.subscription-info .content-info {
    overflow: hidden; }
.subscription-info .pack-info {
    overflow: hidden;
    border-bottom: 1px solid #E2E5EA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 0 30px; }
@media screen and (max-width: 767px) {
  .subscription-info .pack-info {
    padding: 0 0 16px; } }
.subscription-info .pack-info .user-amount,
    .subscription-info .pack-info .pack-period {
      font-size: 14px;
      line-height: 20px;
      color: #748298; }
@media screen and (max-width: 767px) {
  .subscription-info .pack-info h2 {
    font-size: 18px;
    line-height: 24px; } }
.subscription-info .pack-payement {
    overflow: hidden;
    border-bottom: 1px solid #E2E5EA;
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
@media screen and (max-width: 767px) {
  .subscription-info .pack-payement {
    padding: 16px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; } }
.subscription-info .pack-payement .sub-date {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      overflow: hidden; }
@media screen and (max-width: 767px) {
  .subscription-info .pack-payement .sub-date {
    margin: 0 0 10px; } }
.subscription-info .pack-payement .payement-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      overflow: hidden; }
@media screen and (max-width: 767px) {
  .subscription-info .pack-payement .payement-info {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }
.subscription-info .pack-payement .automatic-renewal {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
.subscription-info .pack-payement .automatic-renewal a {
        text-decoration: underline;
        color: #0079C1; }
.no-touchevents .subscription-info .pack-payement .automatic-renewal a:hover,
        .no-js .subscription-info .pack-payement .automatic-renewal a:hover,
        .dj-no-device .subscription-info .pack-payement .automatic-renewal a:hover,
        .dj-no-touch .subscription-info .pack-payement .automatic-renewal a:hover, .subscription-info .pack-payement .automatic-renewal a:focus {
          text-decoration: none; }
.subscription-info .pack-payement .btn {
      background: #E2E5EA;
      border-color: #E2E5EA;
      font-size: 12px;
      color: #4A4A4A;
      margin-left: 40px; }
.subscription-info .pack-changes {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
@media screen and (max-width: 767px) {
  .subscription-info .pack-changes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }
.subscription-info .pack-changes .btn-block {
      padding: 14px 0 0 0; }
@media screen and (max-width: 767px) {
  .subscription-info .pack-changes .btn-block {
    padding: 0 0 16px; } }
.subscription-info .pack-changes .btn {
      font-weight: 700;
      font-size: 12px;
      line-height: 14px;
      color: #062A61;
      padding: 12px 18px 12px 42px;
      background: #fff url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-change-sub.svg) no-repeat 20px 50%; }
@media screen and (max-width: 767px) {
  .subscription-info .pack-changes .btn {
    display: block; } }
.subscription-info .alert-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    padding: 10px 20px 10px 50px;
    background: #749896 url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-alert-sub.svg) no-repeat 18px 50%; }
.subscription-info .alert-block a {
      text-decoration: underline; }
.no-touchevents .subscription-info .alert-block a:hover,
      .no-js .subscription-info .alert-block a:hover,
      .dj-no-device .subscription-info .alert-block a:hover,
      .dj-no-touch .subscription-info .alert-block a:hover, .subscription-info .alert-block a:focus {
        text-decoration: none; }
.comparison-cart-visible .main {
  padding-bottom: 124px; }
@media screen and (max-width: 1023px) {
  .comparison-cart-visible .main {
    padding-bottom: 204px; } }
.comparison-cart-visible .main.filters-additional {
    padding-bottom: 0; }
.comparison-cart-visible .wco-origin {
  padding-bottom: 90px; }
.nomenclature-section {
  max-width: 100%;
  padding: 0 0 34px; }
.nomenclature-item {
  position: relative;
  -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background: #fff;
  margin: 0 0 10px; }
.nomenclature-item:last-child {
    margin: 0; }
.nomenclature-item .item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 15px 30px;
    cursor: pointer; }
@media screen and (max-width: 973px) {
  .nomenclature-item .item-header {
    padding: 15px 20px; } }
@media screen and (max-width: 767px) {
  .nomenclature-item .item-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 12px;
    padding-right: 60px;
    position: relative;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; } }
.nomenclature-item .item-header.active .section-title h2 {
      white-space: normal;
      overflow: initial;
      max-width: none;
      color: #0079C1;
      font-weight: 700; }
.nomenclature-item .item-header.active .section-number {
      color: #0079C1;
      border: 0; }
.nomenclature-item .item-header.active .section-opener {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
.nomenclature-item .item-header.active .section-opener::after {
        border-color: #0079C1; }
@media screen and (max-width: 767px) {
  .nomenclature-item .item-header.active .section-opener {
    -webkit-transform: rotate(45deg) scale(0.7);
            transform: rotate(45deg) scale(0.7); } }
.nomenclature-item .section-number {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
    max-width: 120px;
    font: 700 14px/16px Georgia, serif;
    color: #062A61;
    border-right: 1px solid #748298;
    margin: 7px 40px 7px 1px; }
@media screen and (max-width: 767px) {
  .nomenclature-item .section-number {
    font-size: 12px;
    line-height: 18px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0;
    border: 0; } }
.nomenclature-item .section-title {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    overflow: hidden;
    padding: 2px 0; }
.nomenclature-item .section-title h2 {
      font-size: 16px;
      line-height: 24px;
      color: #062A61;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 82%; }
@media screen and (max-width: 767px) {
  .nomenclature-item .section-title h2 {
    font-size: 12px;
    line-height: 18px; } }
.nomenclature-item .section-title .section-subtitle {
      font-size: 14px;
      color: #4A4A4A; }
.nomenclature-item .section-opener {
    width: 30px;
    height: 30px;
    border: 2px solid #E2E5EA;
    border-radius: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
            flex: 0 0 30px;
    cursor: pointer;
    position: relative;
    margin: 0 0 0 40px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
@media screen and (max-width: 767px) {
  .nomenclature-item .section-opener {
    position: absolute;
    top: 18px;
    right: 6px;
    -webkit-transform: rotate(-45deg) scale(0.7);
            transform: rotate(-45deg) scale(0.7); } }
.nomenclature-item .section-opener::after {
      content: '';
      position: absolute;
      top: 6px;
      left: 6px;
      border: solid #062A61;
      border-width: 0 3px 3px 0;
      padding: 4px;
      border-radius: 2px; }
.nomenclature-item .sub-items-holder {
    visibility: hidden;
    height: 0;
    overflow: hidden; }
.nomenclature-item .sub-items-holder.sectionIsOpend {
      visibility: visible;
      height: auto; }
.nomenclature-item .item-content {
    padding: 0 90px 0 188px;
    min-height: 130px; }
@media screen and (max-width: 1023px) {
  .nomenclature-item .item-content {
    padding: 0 20px; } }
@media screen and (max-width: 767px) {
  .nomenclature-item .item-content {
    padding: 0 10px; } }
.nomenclature-item .content-block {
    overflow: hidden;
    margin: 0 0 10px; }
.nomenclature-item .content-block table {
      margin-bottom: 20px; }
.nomenclature-item.annex-item .item-content {
    min-height: auto; }
.nomenclature-item.chapter-item, .nomenclature-item.subchapter-item, .nomenclature-item.heading-item, .nomenclature-item.subheading-item {
    margin: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-top: 1px solid #F0F2F2;
    border-radius: 0; }
.nomenclature-item.chapter-item .section-title h2, .nomenclature-item.subchapter-item .section-title h2, .nomenclature-item.heading-item .section-title h2, .nomenclature-item.subheading-item .section-title h2 {
      font-size: 14px;
      color: #4A4A4A; }
@media screen and (max-width: 767px) {
  .nomenclature-item.chapter-item .section-title h2, .nomenclature-item.subchapter-item .section-title h2, .nomenclature-item.heading-item .section-title h2, .nomenclature-item.subheading-item .section-title h2 {
    font-size: 12px;
    color: #062A61; } }
.nomenclature-item.chapter-item .section-number, .nomenclature-item.subchapter-item .section-number, .nomenclature-item.heading-item .section-number, .nomenclature-item.subheading-item .section-number {
      font-family: "Lato", sans-serif;
      font-weight: 400;
      color: #0079C1;
      border: 0; }
.nomenclature-item.chapter-item .section-opener, .nomenclature-item.subchapter-item .section-opener, .nomenclature-item.heading-item .section-opener, .nomenclature-item.subheading-item .section-opener {
      border-color: transparent;
      margin-right: 10px; }
@media screen and (max-width: 973px) {
  .nomenclature-item.chapter-item .section-opener, .nomenclature-item.subchapter-item .section-opener, .nomenclature-item.heading-item .section-opener, .nomenclature-item.subheading-item .section-opener {
    margin-right: 0; } }
.nomenclature-item.chapter-item .sub-items-holder, .nomenclature-item.subchapter-item .sub-items-holder, .nomenclature-item.heading-item .sub-items-holder, .nomenclature-item.subheading-item .sub-items-holder {
      margin: 0 30px; }
@media screen and (max-width: 973px) {
  .nomenclature-item.chapter-item .sub-items-holder, .nomenclature-item.subchapter-item .sub-items-holder, .nomenclature-item.heading-item .sub-items-holder, .nomenclature-item.subheading-item .sub-items-holder {
    margin: 0; } }
.nomenclature-item.chapter-item .item-content, .nomenclature-item.subchapter-item .item-content, .nomenclature-item.heading-item .item-content, .nomenclature-item.subheading-item .item-content {
      margin: 0 -30px; }
@media screen and (max-width: 973px) {
  .nomenclature-item.chapter-item .item-content, .nomenclature-item.subchapter-item .item-content, .nomenclature-item.heading-item .item-content, .nomenclature-item.subheading-item .item-content {
    margin: 0; } }
.nomenclature-item.chapter-item .subchapter-item,
    .nomenclature-item.chapter-item .heading-item, .nomenclature-item.subchapter-item .subchapter-item,
    .nomenclature-item.subchapter-item .heading-item, .nomenclature-item.heading-item .subchapter-item,
    .nomenclature-item.heading-item .heading-item, .nomenclature-item.subheading-item .subchapter-item,
    .nomenclature-item.subheading-item .heading-item {
      margin: 0 -30px; }
@media screen and (max-width: 973px) {
  .nomenclature-item.chapter-item .subchapter-item,
  .nomenclature-item.chapter-item .heading-item, .nomenclature-item.subchapter-item .subchapter-item,
  .nomenclature-item.subchapter-item .heading-item, .nomenclature-item.heading-item .subchapter-item,
  .nomenclature-item.heading-item .heading-item, .nomenclature-item.subheading-item .subchapter-item,
  .nomenclature-item.subheading-item .heading-item {
    margin: 0; } }
.nomenclature-item.subchapter-item .item-content {
    min-height: auto; }
.nomenclature-item.heading-item .sub-items-holder {
    background: #F8F8F8;
    padding: 0 20px; }
.nomenclature-item.heading-item .sub-items-holder.sectionIsOpend {
      margin-bottom: 30px; }
@media screen and (max-width: 973px) {
  .nomenclature-item.heading-item .sub-items-holder {
    padding: 0; } }
.nomenclature-item.heading-item .item-content {
    margin: 0 -50px;
    background: #fff; }
@media screen and (max-width: 973px) {
  .nomenclature-item.heading-item .item-content {
    margin: 0; } }
.nomenclature-item.heading-item .item-header.active .section-title h2 {
    font-weight: 400; }
.nomenclature-item.subheading-item {
    background: #F8F8F8; }
.nomenclature-item.subheading-item .section-number {
      margin-right: 18px; }
.nomenclature-item.subheading-item .sub-items-holder {
      margin-bottom: 0; }
.nomenclature-item.subheading-item .sub-items-holder.sectionIsOpend {
        margin-bottom: 0; }
.nomenclature-item.subheading-item .section-opener {
      margin-right: -10px; }
@media screen and (max-width: 973px) {
  .nomenclature-item.subheading-item .section-opener {
    padding: 15px 20px; } }
.nomenclature-item.subheading-item .item-header {
      padding-right: 0;
      padding-left: 0; }
@media screen and (max-width: 973px) {
  .nomenclature-item.subheading-item .item-header {
    padding: 15px 20px; } }
@media screen and (max-width: 767px) {
  .nomenclature-item.subheading-item .item-header {
    padding-left: 10px; } }
.nomenclature-item.subheading-item .item-content {
      margin: 0 -50px;
      background: #F8F8F8;
      padding-left: 140px;
      padding-right: 40px; }
@media screen and (max-width: 973px) {
  .nomenclature-item.subheading-item .item-content {
    margin: 0;
    padding-left: 20px; } }
@media screen and (max-width: 767px) {
  .nomenclature-item.subheading-item .item-content {
    padding-left: 10px; } }
.nomenclature-item.subheading-item .nomenclature-item-menu {
      left: 0; }
.nomenclature-item.subheading-item.subheading-5 .section-number,
    .nomenclature-item.subheading-item.subheading-5 .item-header {
      font-style: italic; }
.commodities-list li {
  position: relative;
  padding: 0 0 0 16px;
  margin: 0 0 5px; }
.commodities-list li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background: #0079C1; }
.wco-origin {
  overflow: hidden; }
@media screen and (max-width: 767px) {
  .wco-origin .pager-wrapp {
    padding: 20px; } }
.wco-origin .title {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 30px 60px;
    color: #062A61; }
@media screen and (max-width: 1024px) {
  .wco-origin .title {
    padding: 30px 20px; } }
@media screen and (max-width: 767px) {
  .wco-origin .title {
    padding: 20px; } }
@media screen and (max-width: 767px) {
  .wco-origin .title h2 {
    font-size: 16px;
    line-height: 20px; } }
.wco-origin .origin-content {
    background: #fff;
    padding: 24px 0 0; }
@media screen and (max-width: 767px) {
  .wco-origin .origin-content {
    padding: 0;
    background: #F0F2F2; } }
.wco-origin .content-wrapp {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 60px; }
@media screen and (max-width: 1024px) {
  .wco-origin .content-wrapp {
    padding: 0 20px; } }
.wco-origin .filters-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 0 0 24px; }
@media screen and (max-width: 767px) {
  .wco-origin .filters-block {
    margin: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }
.wco-origin .filters-block .filter {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0 0 0 30px;
      overflow: hidden; }
@media screen and (max-width: 767px) {
  .wco-origin .filters-block .filter {
    margin: 0 0 10px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding: 0 6px; }
    .wco-origin .filters-block .filter:first-child {
      padding-left: 0; }
    .wco-origin .filters-block .filter:last-child {
      padding-right: 0; } }
.wco-origin .filters-block .filter:first-child .jcf-select {
        min-width: 100px; }
@media screen and (max-width: 767px) {
  .wco-origin .filters-block .filter:first-child .jcf-select {
    min-width: auto; } }
.wco-origin .filters-block label {
      font-weight: 700;
      font-size: 14px;
      line-height: 18px;
      color: #062A61;
      margin: 0 14px 0 0; }
@media screen and (max-width: 767px) {
  .wco-origin .filters-block label {
    font-size: 12px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; } }
.wco-origin .filters-block .jcf-select {
      min-width: 140px;
      position: relative; }
.wco-origin .filters-block .jcf-select .custom-select {
        left: 0;
        top: 0; }
@media screen and (max-width: 767px) {
  .wco-origin .filters-block .jcf-select {
    min-width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    overflow: hidden; } }
.wco-origin .content-wrapp {
    overflow: hidden; }
.origin-focus .item-header,
.info-row-origin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 0;
  font-size: 14px;
  line-height: 18px;
  color: #062A61;
  border-bottom: 1px solid #D6D6D6; }
.origin-focus .item-header:last-child,
  .info-row-origin:last-child {
    border: 0; }
@media screen and (max-width: 767px) {
  .origin-focus .item-header,
  .info-row-origin {
    border: 0;
    background: #fff;
    -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    overflow: hidden;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 10px;
    padding: 0;
    font-size: 12px; } }
.origin-focus .item-header .holder-status,
  .info-row-origin .holder-status {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    margin: 0 60px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
@media screen and (max-width: 767px) {
  .origin-focus .item-header .holder-status,
  .info-row-origin .holder-status {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    margin: 0;
    border-bottom: 1px solid #D6D6D6;
    padding: 10px 16px;
    overflow: hidden; } }
.origin-focus .item-header .holder-countries,
  .info-row-origin .holder-countries {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
@media screen and (max-width: 767px) {
  .origin-focus .item-header .holder-countries,
  .info-row-origin .holder-countries {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 10px 0 10px 16px; } }
.origin-focus .item-header .documents-info,
  .info-row-origin .documents-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
    margin: 0 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
@media screen and (max-width: 767px) {
  .origin-focus .item-header .documents-info,
  .info-row-origin .documents-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
    padding: 10px 0; } }
.origin-focus .item-header .search-result-compare-input,
  .info-row-origin .search-result-compare-input {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 190px;
            flex: 0 0 190px;
    padding: 0 20px; }
@media screen and (max-width: 767px) {
  .origin-focus .item-header .search-result-compare-input,
  .info-row-origin .search-result-compare-input {
    padding: 10px 0;
    margin: 0 16px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    border-top: 1px solid #D6D6D6; } }
.origin-focus .item-header .search-result-compare-input label,
    .info-row-origin .search-result-compare-input label {
      line-height: 20px;
      display: block;
      position: relative;
      padding: 0 30px 0 0;
      cursor: pointer; }
@media screen and (max-width: 767px) {
  .origin-focus .item-header .search-result-compare-input label,
  .info-row-origin .search-result-compare-input label {
    padding: 0 0 0 30px; } }
.origin-focus .item-header .search-result-compare-input .jcf-checkbox,
    .info-row-origin .search-result-compare-input .jcf-checkbox {
      background: #fff;
      border: 1px solid #E2E5EA;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 5px;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 0;
      right: 0; }
@media screen and (max-width: 767px) {
  .origin-focus .item-header .search-result-compare-input .jcf-checkbox,
  .info-row-origin .search-result-compare-input .jcf-checkbox {
    right: auto;
    left: 0; } }
.origin-focus .item-header .search-result-compare-input .jcf-checkbox input,
      .info-row-origin .search-result-compare-input .jcf-checkbox input {
        top: 0;
        left: 0; }
.origin-focus .item-header .search-result-compare-input .jcf-checkbox span,
      .info-row-origin .search-result-compare-input .jcf-checkbox span {
        width: 100%;
        height: 100%;
        display: none;
        background: url(/themes/custom/wco_tradetools/assets/dist/fonts/icon-checked.svg) no-repeat 50% 50%; }
.origin-focus .item-header .search-result-compare-input .jcf-checkbox.jcf-checked span,
      .info-row-origin .search-result-compare-input .jcf-checkbox.jcf-checked span {
        display: block; }
.origin-focus .item-header .countries-involved,
  .info-row-origin .countries-involved {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    margin: 0 40px 0 0;
    font-weight: 700;
    color: #062A61; }
@media screen and (max-width: 767px) {
  .origin-focus .item-header .countries-involved,
  .info-row-origin .countries-involved {
    margin: 0 0 6px; } }
.origin-focus .item-header .countries-involved .taxonomy-tooltip-tip,
    .info-row-origin .countries-involved .taxonomy-tooltip-tip {
      color: #062A61; }
.origin-focus .item-header .entered-into-force,
  .info-row-origin .entered-into-force {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px; }
@media screen and (max-width: 1024px) {
  .origin-focus .item-header .entered-into-force,
  .info-row-origin .entered-into-force {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px; } }
@media screen and (max-width: 767px) {
  .origin-focus .item-header .entered-into-force,
  .info-row-origin .entered-into-force {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; } }
.origin-focus .item-header .status,
  .info-row-origin .status {
    position: relative;
    padding: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90px;
            flex: 0 0 90px;
    margin: 0 20px 0 0; }
@media screen and (max-width: 1024px) {
  .origin-focus .item-header .status,
  .info-row-origin .status {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90px;
            flex: 0 0 90px; } }
@media screen and (max-width: 767px) {
  .origin-focus .item-header .status,
  .info-row-origin .status {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
            flex: 0 0 70px; } }
.origin-focus .item-header .status div,
    .info-row-origin .status div {
      padding-left: 18px; }
.origin-focus .item-header .status::after,
    .info-row-origin .status::after {
      content: "";
      width: 8px;
      height: 8px;
      overflow: hidden;
      border-radius: 50%;
      background: #ccc;
      position: absolute;
      top: 50%;
      left: 0;
      margin: -4px 0 0 0; }
.origin-focus .item-header .status.status-inactive::after,
    .info-row-origin .status.status-inactive::after {
      background: #FF5353; }
.origin-focus .item-header .status.status-in-force::after,
    .info-row-origin .status.status-in-force::after {
      background: #0CE091; }
.origin-focus .item-header .agreement-name,
  .info-row-origin .agreement-name {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    color: #0079C1;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
@media screen and (max-width: 767px) {
  .origin-focus .item-header .agreement-name,
  .info-row-origin .agreement-name {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    overflow: hidden;
    font-weight: 400; } }
.origin-focus .item-header .agreement-name a,
    .info-row-origin .agreement-name a {
      position: relative; }
@media screen and (max-width: 767px) {
  .origin-focus .item-header .agreement-name a,
  .info-row-origin .agreement-name a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }
.origin-focus .item-header .agreement-name a::after,
      .info-row-origin .agreement-name a::after {
        content: '';
        height: 1px;
        position: absolute;
        bottom: -2px;
        left: 0;
        right: 0;
        border-bottom: 1px dashed #008FE4; }
@media screen and (max-width: 767px) {
  .origin-focus .item-header .agreement-name a::after,
  .info-row-origin .agreement-name a::after {
    display: none; } }
.no-touchevents .origin-focus .item-header .agreement-name a:hover::after,
      .no-js .origin-focus .item-header .agreement-name a:hover::after,
      .dj-no-device .origin-focus .item-header .agreement-name a:hover::after,
      .dj-no-touch .origin-focus .item-header .agreement-name a:hover::after, .origin-focus .item-header .agreement-name a:focus::after, .no-touchevents
      .info-row-origin .agreement-name a:hover::after,
      .no-js
      .info-row-origin .agreement-name a:hover::after,
      .dj-no-device
      .info-row-origin .agreement-name a:hover::after,
      .dj-no-touch
      .info-row-origin .agreement-name a:hover::after,
      .info-row-origin .agreement-name a:focus::after {
        display: none; }
.origin-focus .item-header.info-row-origin-header,
  .info-row-origin.info-row-origin-header {
    border: 0;
    color: #fff;
    background: #3872B4;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700; }
@media screen and (max-width: 767px) {
  .origin-focus .item-header.info-row-origin-header,
  .info-row-origin.info-row-origin-header {
    display: none; } }
.origin-focus .item-header.info-row-origin-header .status,
    .info-row-origin.info-row-origin-header .status {
      text-indent: 20px; }
.origin-focus .item-header.info-row-origin-header .status::after,
      .info-row-origin.info-row-origin-header .status::after {
        display: none; }
.origin-focus .item-header.info-row-origin-header .agreement-name,
    .origin-focus .item-header.info-row-origin-header .countries-involved,
    .info-row-origin.info-row-origin-header .agreement-name,
    .info-row-origin.info-row-origin-header .countries-involved {
      color: #fff; }
.origin-focus {
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto 60px; }
.origin-focus .item-header {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: solid #E2E5EA;
    border-width: 0 0 1px;
    padding: 20px 30px; }
@media screen and (max-width: 1023px) {
  .origin-focus .item-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; } }
@media screen and (max-width: 767px) {
  .origin-focus .item-header {
    padding: 0 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    margin: 0; } }
.origin-focus .item-header .holder-status {
      margin: 0;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 40%;
              flex: 0 1 40%; }
@media screen and (max-width: 1023px) {
  .origin-focus .item-header .holder-status {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 0 20px; } }
@media screen and (max-width: 767px) {
  .origin-focus .item-header .holder-status {
    padding: 12px 0;
    overflow: hidden;
    margin: 0; } }
.origin-focus .item-header .status {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 150px;
              flex: 0 0 150px;
      margin: 0; }
@media screen and (max-width: 767px) {
  .origin-focus .item-header .status {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px; } }
.origin-focus .item-header .agreement-name a::after {
      display: none; }
.origin-focus .item-header .countries-involved {
      margin: 0;
      padding: 0 30px; }
@media screen and (max-width: 1023px) {
  .origin-focus .item-header .countries-involved {
    padding: 0; } }
.origin-focus .item-header .holder-countries {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 60%;
              flex: 0 1 60%;
      margin: 0;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
@media screen and (max-width: 1023px) {
  .origin-focus .item-header .holder-countries {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 0 20px; } }
@media screen and (max-width: 767px) {
  .origin-focus .item-header .holder-countries {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 12px 0;
    border-bottom: 1px solid #D6D6D6;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    overflow: hidden; } }
.origin-focus .item-header .entered-into-force {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
@media screen and (max-width: 1023px) {
  .origin-focus .item-header .entered-into-force {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 0 0 30px; } }
.origin-focus .item-header .holder-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      overflow: hidden;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      padding: 10px 0 0 150px; }
@media screen and (max-width: 1023px) {
  .origin-focus .item-header .holder-info {
    padding: 0; } }
@media screen and (max-width: 767px) {
  .origin-focus .item-header .holder-info {
    padding: 12px 0; } }
.origin-focus .item-header .agreement-type,
    .origin-focus .item-header .version {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
.origin-focus .item-content {
    overflow: hidden;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
@media screen and (max-width: 1023px) {
  .origin-focus .item-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; } }
@media screen and (max-width: 767px) {
  .origin-focus .item-content {
    padding: 20px; } }
.origin-focus .item-content .content-block {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
.origin-focus .nomenclature-item-menu {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 40px 0 0; }
@media screen and (max-width: 1023px) {
  .origin-focus .nomenclature-item-menu {
    margin: 0 0 20px;
    padding: 0; }
    .origin-focus .nomenclature-item-menu ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .origin-focus .nomenclature-item-menu ul li {
        margin: 0 16px 0 0; }
        .origin-focus .nomenclature-item-menu ul li:last-child {
          margin: 0; } }
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .origin-focus .nomenclature-item-menu ul li {
    margin-right: 10px; } }
.origin-focus .origin-pdf-section {
    overflow: hidden; }
.origin-focus .item-tab-section .tab-block {
    motion: 0; }
.origin-focus .origin-pdf-section {
    overflow: auto;
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px; }
.origin-focus .origin-pdf-section embed,
    .origin-focus .origin-pdf-section object {
      width: 100%;
      height: 100%; }
.origin-focus .title-block {
    overflow: hidden;
    padding: 16px 20px;
    border-bottom: 1px solid #E5E5E5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.origin-focus .pdf-download {
    width: 24px;
    height: 24px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(/themes/custom/wco_tradetools/assets/dist/fonts/pdf-download.svg) no-repeat 50% 50%;
    margin: 5px 0 6px; }
.wco-origin-psr-list {
  height: 470px;
  overflow: auto;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; }
.wco-origin-psr-list .list-header,
  .wco-origin-psr-list .list-item {
    border: solid #E5E5E5;
    border-width: 0 0 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden; }
.wco-origin-psr-list .list-header a,
    .wco-origin-psr-list .list-item a {
      color: #0079C1;
      text-decoration: underline; }
.no-touchevents .wco-origin-psr-list .list-header a:hover,
      .no-js .wco-origin-psr-list .list-header a:hover,
      .dj-no-device .wco-origin-psr-list .list-header a:hover,
      .dj-no-touch .wco-origin-psr-list .list-header a:hover, .wco-origin-psr-list .list-header a:focus, .no-touchevents
      .wco-origin-psr-list .list-item a:hover,
      .no-js
      .wco-origin-psr-list .list-item a:hover,
      .dj-no-device
      .wco-origin-psr-list .list-item a:hover,
      .dj-no-touch
      .wco-origin-psr-list .list-item a:hover,
      .wco-origin-psr-list .list-item a:focus {
        text-decoration: none; }
.wco-origin-psr-list .list-header div,
    .wco-origin-psr-list .list-item div {
      border: solid #E5E5E5;
      border-width: 0 0 0 1px;
      padding: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
.wco-origin-psr-list .list-header div:first-child,
      .wco-origin-psr-list .list-item div:first-child {
        border: 0; }
.wco-origin-psr-list .list-header .col-code,
    .wco-origin-psr-list .list-header .col-extra,
    .wco-origin-psr-list .list-item .col-code,
    .wco-origin-psr-list .list-item .col-extra {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 15%;
              flex: 0 0 15%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
.wco-origin-psr-list .list-header .col-code a,
      .wco-origin-psr-list .list-header .col-extra a,
      .wco-origin-psr-list .list-item .col-code a,
      .wco-origin-psr-list .list-item .col-extra a {
        padding: 0 3px; }
.wco-origin-psr-list .list-header .col-description,
    .wco-origin-psr-list .list-item .col-description {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 35%;
              flex: 1 1 35%; }
.wco-origin-psr-list .list-header .col-criteria,
    .wco-origin-psr-list .list-item .col-criteria {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 35%;
              flex: 1 1 35%; }
.wco-origin-psr-list .list-header div {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
.wco-origin-psr-list .list-item {
    border: 0; }
.wco-origin-psr-list .list-items {
    overflow: hidden; }
@media screen and (max-width: 767px) {
  .wco-origin-psr-list .list-header,
  .wco-origin-psr-list .list-items {
    width: 1000px; } }
.search-in-doc {
  overflow: hidden;
  background: #fff url(/themes/custom/wco_tradetools/assets/dist/fonts/bg-search.svg) no-repeat 3px 50%;
  border: 1px solid #E2E5EA;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50px;
  height: 35px;
  width: 260px;
  padding: 0 0 0 50px; }
@media screen and (max-width: 767px) {
  .search-in-doc {
    width: 200px; } }
.search-in-doc input {
    margin: 0;
    padding: 8px 0;
    background: none;
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    color: #062A61;
    border: 0; }
.files-group {
  overflow: hidden;
  padding: 0 20px; }
.files-group .group-name {
    border: solid #E5E5E5;
    border-width: 1px 0 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    padding: 16px 0; }
.files-group:first-child .group-name {
    border: 0; }
.files-group .files-list {
    overflow: hidden;
    border: solid #E5E5E5;
    border-width: 1px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 26px 0 0;
    font-size: 14px;
    line-height: 18px; }
.files-group .file {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    margin: 0 0 26px; }
@media screen and (max-width: 767px) {
  .files-group .file {
    padding: 0 0 20px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; } }
.files-group .file a {
      background: url(/themes/custom/wco_tradetools/assets/dist/fonts/pdf-download.svg) no-repeat 0 50%;
      overflow: hidden;
      display: block;
      padding: 0 0 0 52px;
      text-decoration: underline;
      margin: 0 26px; }
.no-touchevents .files-group .file a:hover,
      .no-js .files-group .file a:hover,
      .dj-no-device .files-group .file a:hover,
      .dj-no-touch .files-group .file a:hover, .files-group .file a:focus {
        text-decoration: none; }
.page-node-type-origin-agreement .back-to-list {
  position: relative;
  z-index: 50;
  padding: 24px 60px;
  visibility: visible;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto; }
@media screen and (max-width: 1023px) {
  .page-node-type-origin-agreement .back-to-list {
    padding: 20px; } }
@media screen and (max-width: 767px) {
  .page-node-type-origin-agreement .back-to-list {
    padding: 10px; } }
.wco-origin-back-btn {
  visibility: visible; }
.origin-comparison {
  position: relative; }
@media screen and (max-width: 767px) {
  .origin-comparison {
    padding-top: 70px; } }
.origin-comparison .back-to-list {
    visibility: visible;
    z-index: 50;
    padding: 0;
    position: absolute; }
@media screen and (max-width: 767px) {
  .origin-comparison .back-to-list {
    top: 20px; } }
@media screen and (max-width: 767px) {
  .origin-comparison .comparison-form-wrapper {
    margin-bottom: 20px; } }
.origin-comparison .comparison-filters-form {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
.origin-comparison .comparison-filters-form .form-item {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
.origin-comparison .comparison-filters-form .jcf-select {
      width: 260px; }
.origin-comparison .comparison-item-content .wco-origin-back-btn {
    display: none !important; }
.origin-comparison .comparison-item-content .origin-focus {
    margin: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
@media screen and (max-width: 767px) {
  .origin-comparison .comparison-item-content .origin-focus .item-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 10px; } }
.origin-comparison .comparison-item-content .origin-focus .countries-involved {
      padding: 0; }
.origin-comparison .comparison-item-content .origin-focus .holder-status,
    .origin-comparison .comparison-item-content .origin-focus .holder-countries {
      margin: 0 0 20px;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; }
@media screen and (max-width: 767px) {
  .origin-comparison .comparison-item-content .origin-focus .holder-status,
  .origin-comparison .comparison-item-content .origin-focus .holder-countries {
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; } }
.origin-comparison .comparison-item-content .origin-focus .holder-info {
      padding: 0;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; }
@media screen and (max-width: 767px) {
  .origin-comparison .comparison-item-content .origin-focus .holder-info {
    padding: 12px 0; } }
.origin-comparison .comparison-item-content .origin-focus .item-content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
@media screen and (max-width: 767px) {
  .origin-comparison .comparison-item-content .origin-focus .item-content {
    padding: 20px 10px; } }
.origin-comparison .comparison-item-content .origin-focus .nomenclature-item-menu {
      margin: 0 0 20px; }
.origin-comparison .comparison-item-content .origin-focus .nomenclature-item-menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
.origin-comparison .comparison-item-content .origin-focus .nomenclature-item-menu ul li {
          margin: 0 16px 0 0; }
@media screen and (max-width: 767px) {
  .origin-comparison .comparison-item-content .origin-focus .nomenclature-item-menu ul li {
    margin-right: 10px; } }
.origin-comparison .comparison-item-content .origin-focus .nomenclature-item-menu ul li:last-child {
            margin: 0; }
html[lang='fr'] .origin-focus .item-header .entered-into-force,
html[lang='fr'] .info-row-origin .entered-into-force {
  text-transform: lowercase; }
.social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #748298;
  font-size: 12px;
  line-height: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
.social-links li {
    margin: 0 0 0 38px; }
@media screen and (max-width: 1024px) {
  .social-links li {
    margin: 0 19px; } }
.social-links .icon {
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin: 0 0 0 10px; }
.social-links a {
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.social-links a span {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
.no-touchevents .social-links a:hover,
    .no-js .social-links a:hover,
    .dj-no-device .social-links a:hover,
    .dj-no-touch .social-links a:hover, .social-links a:focus {
      text-decoration: underline; }
.taxonomy-tooltip-tip {
  display: inline-block;
  color: #0079C1;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer; }
.tippy-box {
  background: #0079C1;
  -webkit-box-shadow: 0px 24px 34px rgba(123, 136, 157, 0.4);
          box-shadow: 0px 24px 34px rgba(123, 136, 157, 0.4);
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  line-height: 20px; }
.tippy-box .tippy-content {
    padding: 20px; }
.tippy-box .tippy-arrow {
    color: #0079C1; }
.valuation-main-section {
  background: #fff; }
.valuation-main-section.valuation-search-results {
    background: none; }
.valuation-main-section .section-wrapp {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 30px 60px;
    overflow: hidden; }
@media screen and (max-width: 1023px) {
  .valuation-main-section .section-wrapp {
    padding: 20px; } }
.valuation-main-section .btn-general-rules {
    margin: 0 0 30px; }
@media screen and (max-width: 1023px) {
  .valuation-main-section .btn-general-rules {
    margin: 0 0 16px;
    padding: 6px 10px; }
    .valuation-main-section .btn-general-rules::after {
      right: 20px; } }
.valuation-main-section .nomenclature-item {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: solid #E5E5E5;
    border-width: 0 0 1px;
    margin: 0;
    border-radius: 0; }
.valuation-main-section .nomenclature-item:last-child {
      border: 0; }
.valuation-main-section .nomenclature-item .item-header {
      padding: 15px 0; }
.valuation-main-section .nomenclature-item .section-number {
      border: 0; }
@media screen and (max-width: 1023px) {
  .valuation-main-section .nomenclature-item .section-number {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
    margin-right: 10px; } }
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .valuation-main-section .nomenclature-item .section-number {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-right: 0; } }
.valuation-main-section .nomenclature-item .nomenclature-item-menu {
      left: 0;
      top: 0; }
.valuation-main-section .nomenclature-item .item-content {
      position: relative; }
@media screen and (max-width: 1023px) {
  .valuation-main-section .nomenclature-item .item-content {
    padding: 0; } }
@media screen and (max-width: 767px) {
  .valuation-main-section .nomenclature-item .section-opener {
    right: 0; } }
.valuation-main-section .nomenclature-item .content-block {
      margin: 0;
      padding: 0 0 40px; }
@media screen and (max-width: 1023px) {
  .valuation-main-section .nomenclature-item .content-block {
    padding: 0 0 20px; } }
.valuation-main-section .nomenclature-item.sectionIsOpend .section-number,
    .valuation-main-section .nomenclature-item.sectionIsOpend .section-title h2 {
      color: #0079C1; }
.valuation-main-section .nomenclature-item.sectionIsOpend .section-opener {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
.valuation-main-section .nomenclature-item.sectionIsOpend .section-opener::after {
        border-color: #0079C1; }
.valuation-main-section .nomenclature-item.sectionIsOpend .sub-items-holder {
      height: auto;
      visibility: visible; }
.valuation-main-section .section-info {
    background: #F8F8F8;
    border: 1px solid #E2E5EA;
    border-radius: 10px;
    overflow: hidden;
    padding: 30px; }
@media screen and (max-width: 767px) {
  .valuation-main-section .section-info {
    padding: 15px; } }
.valuation-main-section .section-info .text-block {
      max-height: 400px;
      overflow: auto;
      padding: 0 20px 0 0; }
.valuation-main-section .section-info .text-block a {
        font-weight: 700;
        color: #0079C1; }
.valuation-main-section .section-info table {
      margin: 0 0 20px;
      width: 100%; }
.valuation-main-section .section-info table caption {
        margin: 0 0 10px;
        color: #0079C1;
        font-size: 20px;
        line-height: 24px; }
@media screen and (max-width: 1023px) {
  .valuation-main-section .section-info table caption {
    font-size: 16px;
    line-height: 20px; } }
.valuation-main-section .section-info table th, .valuation-main-section .section-info table td {
        border: 1px solid #0079C1;
        padding: 6px; }
.valuation-main-section .section-info p {
      margin: 0 0 20px; }
.valuation-main-section .section-info p:last-child {
        margin: 0; }
.valuation-category {
  overflow: hidden;
  margin: 0 0 24px; }
@media screen and (max-width: 1023px) {
  .valuation-category {
    margin: 0 0 16px; } }
.category-title {
  color: #fff;
  background: #0079C1;
  border-radius: 4px;
  padding: 12px 20px;
  overflow: hidden;
  margin: 0 0 24px; }
@media screen and (max-width: 1023px) {
  .category-title {
    padding: 6px 10px;
    margin: 0 0 16px; } }
.category-title h2 {
    margin: 0;
    font-size: 20px;
    line-height: 24px; }
@media screen and (max-width: 1023px) {
  .category-title h2 {
    font-size: 16px; } }
@media screen and (max-width: 767px) {
  .category-title h2 {
    font-size: 12px;
    line-height: 16px; } }
.category-sub-ttl {
  color: #0079C1;
  border: solid #E5E5E5;
  border-width: 0 0 1px;
  padding: 40px 0 15px; }
.category-sub-ttl h3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px; }
@media screen and (max-width: 1023px) {
  .category-sub-ttl h3 {
    font-size: 18px; } }
@media screen and (max-width: 767px) {
  .category-sub-ttl h3 {
    font-size: 16px;
    line-height: 18px; } }
.valuation-main-nav .menu-block {
  margin: 0; }
.tccv-main-section,
.decisions-main-section {
  overflow: hidden; }
.tccv-main-section .section-wrapp,
  .decisions-main-section .section-wrapp {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 30px 60px 60px;
    overflow: hidden; }
@media screen and (max-width: 1023px) {
  .tccv-main-section .section-wrapp,
  .decisions-main-section .section-wrapp {
    padding: 20px; } }
@media screen and (max-width: 767px) {
  .tccv-main-section .section-wrapp,
  .decisions-main-section .section-wrapp {
    padding-top: 0; } }
.tccv-main-section .content-wrapp,
  .decisions-main-section .content-wrapp {
    overflow: hidden; }
.tccv-main-section .nomenclature-item .section-number,
  .decisions-main-section .nomenclature-item .section-number {
    border: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
            flex: 0 0 30px;
    margin-right: 16px; }
@media screen and (max-width: 767px) {
  .tccv-main-section .nomenclature-item .section-number,
  .decisions-main-section .nomenclature-item .section-number {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-right: 0; } }
.tccv-main-section .nomenclature-item .item-content,
  .decisions-main-section .nomenclature-item .item-content {
    position: relative; }
.tccv-main-section .nomenclature-item .nomenclature-item-menu,
  .decisions-main-section .nomenclature-item .nomenclature-item-menu {
    top: 0; }
.tccv-main-section .nomenclature-item .content-block,
  .decisions-main-section .nomenclature-item .content-block {
    margin: 0;
    padding: 0 0 40px; }
.tccv-main-section .section-ttl,
  .decisions-main-section .section-ttl {
    overflow: hidden;
    margin: 0 0 24px; }
@media screen and (max-width: 767px) {
  .tccv-main-section .section-ttl,
  .decisions-main-section .section-ttl {
    margin: 0 0 16px; } }
.tccv-main-section .section-ttl h2,
    .decisions-main-section .section-ttl h2 {
      font-size: 18px;
      line-height: 22px;
      color: #021634; }
@media screen and (max-width: 767px) {
  .tccv-main-section .section-ttl h2,
  .decisions-main-section .section-ttl h2 {
    font-size: 14px; } }
.tccv-main-section .section-info,
  .decisions-main-section .section-info {
    background: #F8F8F8;
    border: 1px solid #E2E5EA;
    border-radius: 10px;
    overflow: hidden;
    padding: 30px; }
@media screen and (max-width: 767px) {
  .tccv-main-section .section-info,
  .decisions-main-section .section-info {
    padding: 15px; } }
.tccv-main-section .section-info .text-block,
    .decisions-main-section .section-info .text-block {
      max-height: 400px;
      overflow: auto;
      padding: 0 20px 0 0; }
.tccv-main-section .section-info .text-block a,
      .decisions-main-section .section-info .text-block a {
        font-weight: 700;
        color: #0079C1; }
.tccv-main-section .section-info table,
    .decisions-main-section .section-info table {
      margin: 0 0 20px;
      width: 100%; }
.tccv-main-section .section-info table caption,
      .decisions-main-section .section-info table caption {
        margin: 0 0 10px;
        color: #0079C1;
        font-size: 20px;
        line-height: 24px; }
@media screen and (max-width: 1023px) {
  .tccv-main-section .section-info table caption,
  .decisions-main-section .section-info table caption {
    font-size: 16px;
    line-height: 20px; } }
.tccv-main-section .section-info table th, .tccv-main-section .section-info table td,
      .decisions-main-section .section-info table th,
      .decisions-main-section .section-info table td {
        border: 1px solid #0079C1;
        padding: 6px; }
.tccv-main-section .section-info p,
    .decisions-main-section .section-info p {
      margin: 0 0 20px; }
.tccv-main-section .section-info p:last-child,
      .decisions-main-section .section-info p:last-child {
        margin: 0; }
.tccv-main-section .section-wrapp {
  padding: 0 60px; }
@media screen and (max-width: 1023px) {
  .tccv-main-section .section-wrapp {
    padding: 0 20px; } }
@media screen and (max-width: 767px) {
  .tccv-main-section .section-wrapp {
    padding: 0; } }
.valuation-alphabetical-section .aphabetical-list {
  border: 0; }
.valuation-alphabetical-section .aphabetical-list .abc-list li:first-child {
    text-transform: none; }
.valuation-alphabetical-block {
  background: #fff; }
.valuation-alphabetical-block .section-wrapp {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 60px;
    overflow: hidden; }
@media screen and (max-width: 1023px) {
  .valuation-alphabetical-block .section-wrapp {
    padding: 0 20px; } }
.aphabetical-item {
  overflow: hidden;
  border: solid #E5E5E5;
  border-width: 0 0 1px; }
.aphabetical-item:last-child {
    border-width: 0; }
.aphabetical-item .item-header {
    padding: 20px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.aphabetical-item .item-title {
    font-size: 16px;
    line-height: 20px;
    color: #062A61;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    overflow: hidden; }
.aphabetical-item .item-title h3 {
      font-weight: 400;
      padding: 5px 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 90%; }
.aphabetical-item .section-opener {
    width: 30px;
    height: 30px;
    border: 2px solid #E2E5EA;
    border-radius: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
            flex: 0 0 30px;
    cursor: pointer;
    position: relative;
    margin: 0 0 0 40px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
@media screen and (max-width: 767px) {
  .aphabetical-item .section-opener {
    position: absolute;
    top: 18px;
    right: 6px;
    -webkit-transform: rotate(-45deg) scale(0.7);
            transform: rotate(-45deg) scale(0.7); } }
.aphabetical-item .section-opener::after {
      content: '';
      position: absolute;
      top: 6px;
      left: 6px;
      border: solid #062A61;
      border-width: 0 3px 3px 0;
      padding: 4px;
      border-radius: 2px; }
.aphabetical-item .item-section {
    background: #F8F8F8;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 30px;
    height: 0;
    visibility: hidden; }
@media screen and (max-width: 767px) {
  .aphabetical-item .item-section {
    padding: 0 20px; } }
.aphabetical-item.sectionIsOpend {
    border: 0; }
.aphabetical-item.sectionIsOpend .item-header {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
.aphabetical-item.sectionIsOpend .item-section {
      border: 1px solid #E2E5EA;
      height: auto;
      visibility: visible; }
.aphabetical-item.sectionIsOpend .item-title {
      font-weight: 700;
      color: #0079C1; }
.aphabetical-item.sectionIsOpend .item-title h3 {
        font-weight: 700;
        max-width: none;
        white-space: pre-wrap; }
.aphabetical-item.sectionIsOpend .section-opener {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
.aphabetical-item.sectionIsOpend .section-opener::after {
        border-color: #0079C1; }
.aphabetical-item .content-item {
    overflow: hidden;
    border: solid #E5E5E5;
    border-width: 0 0 1px; }
.aphabetical-item .content-item:last-child {
      border-width: 0; }
.aphabetical-item .content-item .content-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding: 20px 0;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
.aphabetical-item .content-item .content-title {
      overflow: hidden;
      max-width: 90%;
      position: relative;
      padding-right: 20px;
      cursor: pointer; }
.aphabetical-item .content-item .content-title::after {
        content: '';
        position: absolute;
        top: 5px;
        right: 2px;
        border: solid #062A61;
        border-width: 0 3px 3px 0;
        padding: 4px;
        border-radius: 2px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
.aphabetical-item .content-item .content-title h4 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
.aphabetical-item .content-item .content-opener {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      color: #062A61;
      border-right: 1px solid #748298;
      position: relative;
      padding: 0 20px 0 0;
      margin-right: 20px;
      cursor: pointer; }
.aphabetical-item .content-item h4 {
      margin: 0;
      font-weight: 400; }
.aphabetical-item .content-item.sectionIsOpend .sub-items-holder {
      height: auto;
      visibility: visible; }
.aphabetical-item .content-item.sectionIsOpend .content-opener,
    .aphabetical-item .content-item.sectionIsOpend .content-title {
      color: #0079C1; }
.aphabetical-item .content-item.sectionIsOpend .content-opener::after,
      .aphabetical-item .content-item.sectionIsOpend .content-title::after {
        border-color: #0079C1;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        top: 3px; }
.aphabetical-item .content-item.sectionIsOpend .content-header {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
.aphabetical-item .content-item.sectionIsOpend .content-title h4 {
      max-width: none;
      white-space: pre-wrap; }
.aphabetical-item .sub-items-holder {
    overflow: hidden;
    height: 0;
    visibility: hidden; }
.aphabetical-item .sub-items-holder .item-content {
      padding: 0 50px 0 150px;
      min-height: 130px;
      position: relative; }
@media screen and (max-width: 1023px) {
  .aphabetical-item .sub-items-holder .item-content {
    padding: 0; } }
.aphabetical-item .nomenclature-item-menu {
    left: 0;
    top: 0; }
.aphabetical-item .content-block {
    margin: 0;
    padding: 0 0 20px;
    overflow: hidden; }
.aphabetical-item .section-info {
    background: #fff;
    border: 1px solid #E2E5EA;
    border-radius: 10px;
    overflow: hidden; }
.aphabetical-item .section-info .text-block {
      overflow: auto;
      max-height: 458px;
      margin: 30px 10px 30px 30px;
      padding: 0 20px 0 0; }
@media screen and (max-width: 767px) {
  .aphabetical-item .section-info .text-block {
    margin: 20px 10px 20px 20px;
    padding: 0 10px 0 0; } }
.aphabetical-item .section-info .text-block a {
        font-weight: 700;
        color: #0079C1; }
.aphabetical-item .section-info table {
      margin: 0 0 20px;
      width: 100%; }
.aphabetical-item .section-info table caption {
        margin: 0 0 10px;
        color: #0079C1;
        font-size: 20px;
        line-height: 24px; }
@media screen and (max-width: 1023px) {
  .aphabetical-item .section-info table caption {
    font-size: 16px;
    line-height: 20px; } }
.aphabetical-item .section-info table th, .aphabetical-item .section-info table td {
        border: 1px solid #0079C1;
        padding: 6px; }
.aphabetical-item .section-info p {
      margin: 0 0 20px; }
.aphabetical-item .section-info p:last-child {
        margin: 0; }
.letter-ttl {
  display: block;
  text-align: center;
  border: solid #E5E5E5;
  border-width: 0 0 1px;
  overflow: hidden;
  text-transform: uppercase;
  color: #062A61;
  padding: 54px 20px 30px;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700; }
@media screen and (max-width: 767px) {
  .letter-ttl {
    font-size: 24px;
    line-height: 24px;
    padding: 20px 0 10px; } }
.valuation-alphabetical-subject .aphabetical-item .item-section {
  background: none;
  border-width: 1px 0;
  border-radius: 0;
  padding: 0; }
.valuation-alphabetical-subject .aphabetical-item .section-info {
  background: #F8F8F8; }
.valuation-alphabetical-subject .aphabetical-item .section-info .text-block a {
    font-weight: 700;
    color: #0079C1; }
.valuation-alphabetical-subject .aphabetical-item .section-info table {
    margin: 0 0 20px;
    width: 100%; }
.valuation-alphabetical-subject .aphabetical-item .section-info table caption {
      margin: 0 0 10px;
      color: #0079C1;
      font-size: 20px;
      line-height: 24px; }
@media screen and (max-width: 1023px) {
  .valuation-alphabetical-subject .aphabetical-item .section-info table caption {
    font-size: 16px;
    line-height: 20px; } }
.valuation-alphabetical-subject .aphabetical-item .section-info table th, .valuation-alphabetical-subject .aphabetical-item .section-info table td {
      border: 1px solid #0079C1;
      padding: 6px; }
.wto-members-section .title-block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center; }
@media screen and (max-width: 1024px) {
  .wto-members-section .title-block {
    margin: 0 60px;
    width: auto; } }
@media screen and (max-width: 973px) {
  .wto-members-section .title-block {
    margin: 0 20px; } }
@media screen and (max-width: 767px) {
  .wto-members-section .title-block {
    padding: 12px 80px; } }
.wto-members-section .back-to-list {
  visibility: visible;
  z-index: 1;
  left: 0;
  padding: 0; }
@media screen and (max-width: 767px) {
  .wto-members-section .back-to-list {
    position: absolute; } }
.wto-members-section .ttl {
  font-size: 18px;
  line-height: 22px;
  color: #021634; }
.wto-members-section .ttl a {
    color: #0079C1; }
.wto-members-section .ttl span {
    font-size: 14px; }
.wto-members-section .aphabetical-list {
  border: 0;
  margin-bottom: 18px; }
.wto-members-block {
  background: #fff; }
.wto-members-block .letter-ttl {
    border: 0;
    padding-bottom: 20px; }
@media screen and (max-width: 767px) {
  .wto-members-block .letter-ttl {
    padding-bottom: 0; } }
.wto-members-block .section-block {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 60px 60px; }
@media screen and (max-width: 973px) {
  .wto-members-block .section-block {
    width: auto;
    padding: 0 20px 20px; } }
.wto-members-block .btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 46px 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
@media screen and (max-width: 767px) {
  .wto-members-block .btn-block {
    padding: 30px 0; } }
.wto-members-block .btn-block .btn {
      font-size: 12px;
      font-weight: 700;
      color: #062A61; }
.members-list {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #062A61;
  -webkit-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 50px;
          column-gap: 50px; }
@media screen and (max-width: 767px) {
  .members-list {
    font-size: 12px;
    -webkit-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 0;
            column-gap: 0; } }
.members-list li {
    border: solid #E5E5E5;
    border-width: 0 0 1px;
    position: relative;
    padding: 10px 0 10px 16px;
    -webkit-column-break-inside: avoid;
            break-inside: avoid-column; }
.members-list li::after {
      content: "";
      position: absolute;
      top: 17px;
      left: 0;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #0079C1; }
.welcome-section {
  overflow: hidden; }
.welcome-section .title-section {
    background: #062A61 url(/themes/custom/wco_tradetools/assets/dist/media/welcome-bg.png) no-repeat 100% 100%;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    padding: 114px 0 140px; }
@media screen and (max-width: 973px) {
  .welcome-section .title-section {
    font-size: 12px;
    line-height: 18px;
    background: #062A61 url(/themes/custom/wco_tradetools/assets/dist/media/welcome-bg-mob.png) no-repeat 100% 40px;
    padding-top: 70px; } }
@media screen and (max-width: 767px) {
  .welcome-section .title-section {
    padding-bottom: 90px; } }
.welcome-section .title-section .holder {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      padding: 0 60px; }
@media screen and (max-width: 973px) {
  .welcome-section .title-section .holder {
    padding: 0 20px; } }
.welcome-section .title-section .text-block {
      width: 43%; }
@media screen and (max-width: 973px) {
  .welcome-section .title-section .text-block {
    width: 70%; } }
@media screen and (max-width: 767px) {
  .welcome-section .title-section .text-block {
    width: 100%; } }
.welcome-section h1,
  .welcome-section h2 {
    margin: 0 0 36px;
    font-weight: 300;
    font-size: 36px;
    line-height: 44px; }
@media screen and (max-width: 973px) {
  .welcome-section h1,
  .welcome-section h2 {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 28px; } }
.welcome-section p {
    margin: 0 0 6px; }
.products-section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  max-width: 1280px;
  margin: -96px auto 0;
  padding: 0 60px 90px;
  background: url(/themes/custom/wco_tradetools/assets/dist/fonts/bg-products-section.svg) no-repeat 50% 100%; }
@media screen and (max-width: 973px) {
  .products-section {
    padding: 0 20px 90px; } }
@media screen and (max-width: 767px) {
  .products-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-size: 280px;
    margin-top: -60px; } }
.product-link {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  max-width: 350px;
  -webkit-box-shadow: 0px 16px 34px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 16px 34px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  background: #008FE4;
  color: #fff;
  padding: 30px 40px;
  font-size: 14px;
  line-height: 20px; }
@media screen and (max-width: 1024px) {
  .product-link {
    padding: 20px; } }
@media screen and (max-width: 767px) {
  .product-link {
    font-size: 12px;
    line-height: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: none;
    margin: 0 0 10px; }
    .product-link:last-child {
      margin: 0; } }
.product-link .ttl {
    display: inline-block;
    background: #fff;
    border-radius: 15px;
    color: #021634;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    padding: 5px 20px;
    margin: 0 0 12px; }
.product-link .desc {
    position: relative;
    display: block;
    clear: both;
    padding: 0 50px 0 0; }
@media screen and (max-width: 1024px) {
  .product-link .desc {
    padding: 0 30px 0 0; } }
.product-link .desc::after {
      content: '';
      position: absolute;
      top: 50%;
      right: 0;
      border: solid #fff;
      border-width: 0 2px 2px 0;
      padding: 6px;
      border-radius: 1px;
      -webkit-transform: rotate(-45deg) translate(0, -50%);
              transform: rotate(-45deg) translate(0, -50%); }
@media print {
  @page {}  .main {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact; }
  p {
    widows: 4;
    orphans: 3; }
  html, body {
    page-break-after: avoid;
    page-break-before: avoid;
    border: 1px solid #fff; }
  body {
    background: #fff; }
  header {
    display: none; }
  footer {
    display: none; } }

/*# sourceMappingURL=app.bundle.css.map*/