@font-face {
    font-family: 'icomoon';
    src:url('https://www.theathleteclub.nl/storywise/static/core/fonts/icons/icomoon_v3.eot?force=1');
    src:url('https://www.theathleteclub.nl/storywise/static/core/fonts/icons/icomoon_v3.eot?#iefix') format('embedded-opentype'),
        url('https://www.theathleteclub.nl/storywise/static/core/fonts/icons/icomoon_v3.woff?force=1') format('woff'),
        url('https://www.theathleteclub.nl/storywise/static/core/fonts/icons/icomoon_v3.ttf?force=1') format('truetype'),
        url('https://www.theathleteclub.nl/storywise/static/core/fonts/icons/icomoon_v3.svg#icomoon_v3') format('svg');
    font-weight: normal;
    font-style: normal;
}
[data-icon]:before {
    font-family: 'icomoon';
    content: attr(data-icon);
}
[data-icon]:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*vertical-align:middle;*/
    margin-right:3px;
}

.no-animate,
.no-animate *,
.no-animate *:before,
.no-animate *:after,
body.resizing,
body.resizing *,
body.init,
body.init *,
body.init *:before,
body.init *:after {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
body.resizing,
body.resizing * {
    -webkit-animation-play-state: paused  !important;
    animation-play-state: paused !important ;
    -moz-animation-play-state: paused  !important;
    -o-animation-play-state: paused  !important;
}

.noTransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}
.noDelay {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}
.delayHalfSec {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay:0.5;
    -ms-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    transition-delay: 0.5s;
}
.aniBg {
    -webkit-transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    -moz-transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    -ms-transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    -o-transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
}
.aniSize {
    -webkit-transition: height, width 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    -moz-transition: height, width 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    -ms-transition: height, width 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    -o-transition: height, width 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    transition: height, width 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.aniLong {
    -webkit-transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
    -moz-transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
    -ms-transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
    -o-transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
    transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ;
}
.ani {
    -webkit-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
    -moz-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
    -ms-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
    -o-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
    transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ;
}
.aniLong,
.aniBg,
.ani,
.aniHeight {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */        
}

/* Spin icon */
.spin {
    -webkit-transform-origin: 50% 50%;
    transform-origin:50% 50%;
    -ms-transform-origin:50% 50%; /* IE 9 */
    -webkit-animation: spin .5s infinite linear;
    -moz-animation: spin .5s infinite linear;
    -o-animation: spin .5s infinite linear;
    animation: spin .5s infinite linear;
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.aniAttention {
    -webkit-animation:attention 5s infinite 0s;
    -moz-animation:attention 5s infinite 0s;
    -o-animation:attention 5s infinite 0s;
    animation:attention 5s infinite 0s;
}

@-webkit-keyframes attention {
    5% {
        opacity:1;
    }
    10% {
        opacity:0;
    }
    15% {
        opacity:1;
    }
    20% {
        opacity:0;
    }
    25% {
        opacity:1;
        color:#FF0000;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-moz-keyframes attention {
    5% {
        opacity:1;
    }
    10% {
        opacity:0;
    }
    15% {
        opacity:1;
    }
    20% {
        opacity:0;
    }
    25% {
        opacity:1;
        color:#FF0000;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-o-keyframes attention {
    5% {
        opacity:1;
    }
    10% {
        opacity:0;
    }
    15% {
        opacity:1;
    }
    20% {
        opacity:0;
    }
    25% {
        opacity:1;
        color:#FF0000;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@keyframes attention {
    5% {
        opacity:1;
    }
    10% {
        opacity:0;
    }
    15% {
        opacity:1;
    }
    20% {
        opacity:0;
    }
    25% {
        opacity:1;
        color:#FF0000;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

.aniPulse {
    -webkit-animation:pulsate 3s infinite 0s; /* Safari 4+ */
    -moz-animation:pulsate 3s infinite 0s; /* Fx 5+ */
    -o-animation:pulsate 3s infinite 0s; /* Opera 12+ */
    animation:pulsate 3s infinite 0s; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes pulsate {
    0% {
        opacity:1;
    }
    50% {
        opacity:.5;
    }
    100% {
        opacity:1;
    }
}

@-moz-keyframes pulsate {
    0% {
        opacity:1;
    }
    50% {
        opacity:.5;
    }
    100% {
        opacity:1;
    }
}

@-o-keyframes pulsate {
    0% {
        opacity:1;
    }
    50% {
        opacity:.5;
    }
    100% {
        opacity:1;
    }
}

@keyframes pulsate {
    0% {
        opacity:1;
    }
    50% {
        opacity:.5;
    }
    100% {
        opacity:1;
    }
}

.aniAdd {
    -webkit-animation:pulse-add 1s 1 0s; /* Safari 4+ */
    -moz-animation:pulse-add 1s 1 0s; /* Fx 5+ */
    -o-animation:pulse-add 1s 1 0s; /* Opera 12+ */
    animation:pulse-add 1s 1 0s; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes pulse-add {
    0% {
        transform:scale(1);
    }
    50% {
        transform:scale(1.5);
    }
    100% {
        transform:scale(1);
    }
}

@-moz-keyframes pulse-add {
    0% {
        transform:scale(1);
    }
    50% {
        transform:scale(1.5);
    }
    100% {
        transform:scale(1);
    }
}

@-o-keyframes pulse-add {
    0% {
        transform:scale(1);
    }
    50% {
        transform:scale(1.5);
    }
    100% {
        transform:scale(1);
    }
}

@keyframes pulse-add {
    0% {
        transform:scale(1);
    }
    50% {
        transform:scale(1.5);
    }
    100% {
        transform:scale(1);
    }
}

*, 
*:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}



h1, h2, h3, h4, h5, b, strong {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    margin:0px;
}
body {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:400;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
body.desktop {
    font-size:14px;
}
body:not(.desktop) {
    font-size:15px;
}
.href > span[data-icon],
.href,
a,
a:link,
a:visited {
    cursor:pointer;
    color:#49BBFF;
}
.href:hover,
a:hover {
    color:#b4e3ff;
}
b * {
    font-size:inherit;
    font-weight:inherit;
    font-family:inherit;
    color:inherit;
}
b {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

}

body > .hint {

      overflow-wrap:break-word;
  word-wrap:break-word;
  -webkit-hyphens:auto;
  -moz-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto;

      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:300;

    position:absolute;
    z-index:10000;
    padding:20px 10px 10px;
    max-width:300px;
    min-width:175px;
    background:#151515;
    border:1px solid #444;
    color:#EEE;
    text-align:left;
      transition:all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

      border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;

      box-shadow:0px 4px 8px 0px rgba(0, 0, 0, .25);

}

body > .hint {
    opacity:0;
    transform:translateY(-5px);
}

body > .hint.show {
    opacity:1;
    transform:translateX(0px);
}

body > .hint.r {


}

body > .hint > a.href,
body > .hint {
    font-size:14px;
}

body > .hint > a.href,
body > .hint > a.close {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    text-decoration:none;
    color:#FFF;
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

body > .hint > a.close {
    position:absolute;
    top:0px;
    right:3px;
    color:#999;
}

body > .hint > a.href {
    display:block;
    text-align:center;
    padding:5px 15px;
    background:#49BBFF;
    color:#FFF;
      border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;

    margin-top:5px;

}

body > .hint > a:hover,
body > .hint > a.href:hover {
    color:#b4e3ff;
}

body > .hint > .icon {
    position:absolute;
}

body > .hint > .icon.bottom,
body > .hint > .icon.top {
    left:50%;
    margin-left:-8px;
}

body > .hint > .icon.top {
    bottom:-18px;
}

body > .hint > .icon.bottom {
    top:-18px;
}

body > .hint > .icon.left,
body > .hint > .icon.right {
    top:50%;
    margin-top:-8px;
}

body > .hint > .icon.left {
    right:-18px;
}

body > .hint > .icon.right {
    left:-18px;
}

body > .hint > .icon > span {
    font-size:16px;
}

body > .hint.show > .icon > span {
    color:#49BBFF;
}

.input {
        -webkit-touch-callout: text !important;
        -webkit-user-select: text !important;
        -khtml-user-select: text !important;;
        -moz-user-select: text !important;
        -ms-user-select: text !important;
        user-select: text !important;
}

body.busy {
    cursor:wait;
}
#el.busy .elt {
    color:#FFF;
    z-index:9999;
    text-align:center;
    position:fixed;
}
/*#sl {
    display:table;
    bottom:7px;
    left:50%;
    margin-left:-20px;
    width:40px;
    height:40px;
}
#sl > span[data-icon] {
    color:#FFF;
    padding-top:6px;
    padding-right:-1px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}*/
/* Large loader */
#el {
    z-index:99999;
    display:none;
    background:rgba(0,0,0,0);
}
#el .elt {
    display:none;
}
#el.busy .elt {
    width:300px;
    height:50px;
    top:50%;
    left:50%;
    margin-top:-35px;
    margin-left:-150px;
    display:block;
    opacity:1 !important;
}
#el.busy {
    display:block;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.75);
}
#el .elt > div {
    display:inline-block;
    vertical-align:middle;
    width: 90px;
    height: 90px;
    color:#000;
    -webkit-animation: rotateplane 1.75s infinite ease-in-out;
    animation: rotateplane 1.75s infinite ease-in-out;
}
#el .elt > div {

}

/* Loader animation */

@-webkit-keyframes rotateplane {
    0% { -webkit-transform: perspective(120px) rotateZ(0deg) }
    25% { -webkit-transform: perspective(120px) rotateY(45deg) rotateZ(-25deg) rotateX(-15deg) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateZ(-50deg) rotateX(-30deg) } /*rotateX(180deg)*/
    100% { -webkit-transform: perspective(120px) rotateY(0deg)  rotateZ(0deg) } /*rotateX(0deg) */
}

@keyframes rotateplane {
    0% { 
        transform: perspective(120px) rotateZ(0deg);
        -webkit-transform: perspective(120px) rotateZ(0deg) 
    } 25% { 
        transform: perspective(120px) rotateY(45deg) rotateZ(-25deg) rotateX(-15.1deg) ;
        -webkit-transform: perspective(120px) rotateY(45deg) rotateZ(-25deg) rotateX(-15deg);
    } 50% { 
        transform: perspective(120px) rotateY(179.9deg) rotateZ(-50deg)  rotateX(-30deg) ;
        -webkit-transform: perspective(120px) rotateY(180deg)  rotateZ(-50deg) rotateX(-30deg)
    } 100% { 
        transform: perspective(120px) rotateY(0deg) rotateZ(0deg);
        -webkit-transform: perspective(120px) rotateY(0deg)  rotateZ(0deg)
    }
}

.preloader {
        position:fixed;
        z-index:9999;
        top:0px;
        left:0px;
        background-color:#ffdd88;
        height:1px;
        margin-top:1px;
        width:100%;
}
.preloader.k {
        opacity:0;
}

body::-webkit-scrollbar,
.scroll::-webkit-scrollbar,
.content::-webkit-scrollbar,
.list::-webkit-scrollbar{
        width: 8px; height: 8px;
}
.content::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.scroll::-webkit-scrollbar-thumb,
.list::-webkit-scrollbar-thumb{
        background-color:rgb(196, 196, 196); border-radius: 0px;
}
.content::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
.scroll::-webkit-scrollbar-thumb:hover,
.list::-webkit-scrollbar-thumb:hover{
        background-color:rgb(200, 200, 200);
}
.content::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
.scroll::-webkit-scrollbar-track,
.list::-webkit-scrollbar-track{
        background-color:rgb(237, 237, 237);
}

body.block,
body.block * {
    cursor:default;
}
.right {
    text-align:right !important;
}
.center {
    text-align:center !important;
}
.fleft {
    float:left !important;
}
.fright {
    float:right !important;
}
.noselect,
.copyright {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:default;
}

app.content.observe {
    /*border-top:35px #243742 solid;*/
}

.main.observe > .article > .content {
    /*border-top-color:#243742;*/
}

catalog[data-align="rows,default"] > .content > .entry {
    display:block;
    width:100%;
}
catalog[data-align="rows,default"] > .content > .entry {
    display:block;
    width:100%;
}


catalog[data-align="rows,default"].compact > .content > .entry {
    padding-bottom:10px;
    margin-bottom:10px;
}


app {
    display:block;
    margin:0;
    padding:0;
    border:0;
}

author {
    display:block;
    margin:0;
    padding:0;
    border:0;
    padding:5px;
}
body.desktop author.native{
    -webkit-box-shadow: 15px 0px 17px -6px rgba(0,0,0,0.63);
    -moz-box-shadow: 15px 0px 17px -6px rgba(0,0,0,0.63);
    box-shadow: 15px 0px 17px -6px rgba(0,0,0,0.63);
}
body author.native {
    width:100%;
    height:100%;
    overflow:hidden;
    overflow-y:auto;
}

html, body {
    width:100%;
    min-height:100%;
    position:absolute;
    margin:0px;
    padding:0px;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:400;

    opacity:1;
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}
body {
    overflow-x:hidden;
}
body.mobile.nav-top-open {
    overflow:hidden;
}

catalog {
    display:block;
    margin:0;
    padding:0;
    border:0;
/*    -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);*/
}
catalog,
catalog > .content,
catalog > .content > .entry,
catalog > .content > .entry > .root {
    position:relative;
}

ui {
    display:block;
    padding:0;
    margin:0;    
}

.input[data-inputtype="confirm"] {
    
    background:none !important;
}
.input[data-inputtype="confirm"] > input {
    margin-bottom:5px;
}
.input[data-inputtype="confirm"] .check {
    color:#999;
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

    cursor:pointer;
}
.input[data-inputtype="confirm"] .check:active,
.input[data-inputtype="confirm"] .check:hover {
    var:color-highlight;
}

body main app > .apphead {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:300;

    text-transform:uppercase;
    padding-bottom:5px;
}

body.desktop main app > .apphead {
    font-size:40px;
}

body.tablet main app > .apphead {
    font-size:30px;
}

body.mobile main app > .apphead {
    font-size:20px;
}


app.content > .do {
    position:relative;
}
app.content > .do > .path span[data-icon]:before {
    margin-right:0px;
    color:#49BBFF;
}
app.content > .do > .path > a {
    display:inline-block;
}
body.mobile app.content > .do > .path > a {
    display:block;
}
app.content > .do > .path > a {
    text-decoration:none;
    color:#243742;
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}
app.content > .do > .path > a:last-child {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

}
app.content > .do > .path > a > b {
    background:#EEE;
    color:#49BBFF;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:500;

    padding:2px 4px;
}
app.content > .do > .path > a:hover {
    color:#49BBFF;
}
app.content > .do > .path {
    text-align:left;
    font-size:14px;
    border-bottom:1px #EEE solid;
    padding:25px;
}
app.content > .do > .body {
    position:relative;
}
app.content > .do > .body {
    min-height:350px;
}
app.content > .do > .path,
app.content > .do > .body > .panel:nth-child(even) {
    background:#F9F9F9;
}
app.content > .do > .body > .panel:not(:last-child) {
    border-bottom:1px #CCC solid;
}

body.desktop app.nav author .set .input,
body.desktop app.nav author .set .input > .label,
body.desktop app.nav author .set .label {
    font-size:14px;
}

body:not(.desktop) app.nav author .set .input,
body:not(.desktop) app.nav author .set .input > .label,
body:not(.desktop) app.nav author .set .label {
    font-size:15px;
}

app.nav catalog,
app.nav author {
    text-align:left;
}

app.nav {
    background:#F7F7F7;
}



catalog.compact.company.social.channel {
    text-align:center;
    margin:15px;
}
catalog.compact.company.social.channel > .content > .entry {
    display:inline-block;
    margin-bottom:0px;
    padding-bottom:0px;
    margin:5px;
}
catalog.compact.company.social.channel > .content > .entry {
    border-top:0px;
    width:50px;
}
body.mobile catalog.compact.company.social.channel > .content > .entry {
    width:50px;
}
catalog.compact.company.social.channel > .content > .entry > .root {
    margin:0px auto;
    background:#49BBFF;
    border-radius:100%;
    width:50px;
    height:50px;
    display:table;
    text-align:center;
    color:#FFF;
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}
catalog.compact.company.social.channel > .content > .entry > .root > a {
    display:table-cell;
    padding-top:2px;
    vertical-align:middle;
    font-size:20px;
    color:inherit;    
}
catalog.compact.company.social.channel > .content > .entry > .root > a > span:before {
    margin:0px !important;
}
catalog.compact.company.social.channel > .content > .entry > .root:active,
catalog.compact.company.social.channel > .content > .entry > .root:hover {
    color:#d0f3ff;
    background:#243742;
    transform:scale(1.1);
    
}

catalog.extended > .content > .entry {
    width:100%;
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}
catalog.extended > .content > .entry > .index {
    position:absolute;
    right:10px;
    top:10px;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    border-bottom:1px #EEE solid;
}
catalog.extended > .content > .entry  .group ,
catalog.extended > .content > .entry  .root  {
    display:block;
}
catalog.extended > .content > .entry  .root > b {
    font-size:18px;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:300;

}


catalog.extended > .content > .entry .index {
    font-size:12px;
    color:#CCC;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:300;

}
catalog.extended > .content > .entry .value div,
catalog.extended > .content > .entry .value {
    overflow:hidden;
    /*  font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:400;
*/
}
catalog.extended > .content > .entry .value a:not(.b) {
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

    text-decoration:none;
    color:#baddef;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    display:inline-block;
}
catalog.extended > .content > .entry  .value a:not(.b):hover {
    color:#49BBFF;
}
catalog.extended > .content > .entry .value:hover {
    overflow-x:auto;
}


catalog.extended > .content > .empty {
    font-size:18px;
}

catalog.extended .entry {
    width:100%;
    position:relative;
}
catalog.extended > .content > .entry > .ui.button {
    margin-top:45px;
}

catalog.extended > .content > .entry > .index {
    display:none;
}

catalog.extended > .content > article > .root {
    padding-bottom:50px;
}

catalog > .content > .entry .actions {
    margin-top:10px;
    padding:0px;
    text-align:center;
    display:table;
    width:100%;
    border-collapse:separate;
    border-spacing:5px 0px;
    table-layout:fixed;
}

catalog > .content > .entry .actions .action:last-child {
    margin-bottom:0px;
}

body.desktop catalog > .content > .entry .actions .action {
    /*font-size:13px;*/
}

body.tablet catalog > .content > .entry .actions .action,
body.mobile catalog > .content > .entry .actions .action {
    font-size:15px;
}

catalog > .content > .entry .actions .action {
    padding:2px;
    display:table-cell;
}

catalog > .content > .entry .actions span.info {
    font-weight:700;
    text-transform:uppercase;

}

catalog > .content > .entry .actions .action {
    /*background:#FFF;*/
    /*color:#49BBFF;*/
    text-decoration:none;
    border:2px #49BBFF solid;
}

catalog > .content > .entry .actions .action:active,
catalog > .content > .entry .actions .action:hover {
    border-width:2px;
}

catalog > .content > .entry .actions .action.active {
    opacity:.5;
}

catalog > .content > .entry .value[data-field="productcategory_id"] {
    /*text-align:center;*/
}

catalog > .content > .entry .value[data-field="newscategory_id"],
catalog > .content > .entry .value[data-field="productcategory_id"] {
    margin-bottom:5px;
}

catalog > .content > .entry .value[data-field="newscategory_id"] .item,
catalog > .content > .entry .value[data-field="productcategory_id"] .item {
    padding:2px 4px;
    background:#6d7375;
    color:#FFF;
    display:inline-block;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    border-radius:0.5em;
    text-transform:uppercase;
}

catalog.compact > .content > .entry .value[data-field="newscategory_id"] .item,
catalog.compact > .content > .entry .value[data-field="productcategory_id"] .item {
    font-size:8px;
}

catalog.extended > .content > .entry .value[data-field="newscategory_id"],
catalog.extended > .content > .entry .value[data-field="productcategory_id"] {
    margin-top:10px;
}

catalog.extended > .content > .entry .value[data-field="newscategory_id"] .item,
catalog.extended > .content > .entry .value[data-field="productcategory_id"] .item {
    font-size:10px;
}

/*.value[data-field="title"]::before {*/
/*    content:attr(data-title) " ";*/
/*    position:absolute;*/
/*    top:0px;*/
/*    left:0px;*/
/*    background:#FFF;*/
/*}*/

catalog > .content > .entry.product .many[data-field="content"] {
    margin-bottom:5px;
}

catalog.extended > .content > .entry.product .many[data-field="content"] > ul,
catalog.compact > .content > .entry.product .many[data-field="content"] > ul {
    padding:0px;
    margin:10px 0px;
    list-style:none;
}

catalog.compact > .content > .entry.product .many[data-field="content"] > ul {
    display:none;
}

catalog.extended > .content > .entry.product .many[data-field="content"] > ul > li:before,
catalog.compact > .content > .entry.product .many[data-field="content"] > ul > li:before {
    content:'';
    width:5px;
    height:5px;
    background:#49BBFF;
    position:absolute;
    left:0px;
    top:8px;
}

catalog.extended > .content > .entry.product .many[data-field="content"] > ul > li,
catalog.compact > .content > .entry.product .many[data-field="content"] > ul > li {
    margin-bottom:4px;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:300;

    padding-left:10px;
    position:relative;
    font-size:16px;
}

catalog.compact > .content > .entry.product .group[data-field="meta"].toggle-open .value[data-field='description'] {
    display:none;
}

catalog.compact > .content > .entry.product .many[data-field="content"] > ul.open {
    display:block;
}

catalog.compact > .content > .entry.product .many[data-field="content"] > .toggle > .label {
    text-align:right;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    font-size:12px;
}

catalog.compact > .content > .entry.product .many[data-field="content"] > .toggle {
    cursor:pointer;
    text-align:right;
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

catalog.compact > .content > .entry.product .many[data-field="content"] > .toggle:active,
catalog.compact > .content > .entry.product .many[data-field="content"] > .toggle:hover {
    color:#49BBFF;

}

catalog > .content > .entry.product .many[data-field="variation"] > select {
    width:100%;
    background-color:#FFF;
    /*-webkit-appearance:none;*/
    /*-moz-appearance:none;*/
    /*appearance:none;*/
    padding-left:10px;
    font-size:13px;
    height:24px;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:400;

    box-shadow:inset 0px 2px 8px -7px rgba(0, 0, 0, 0.9);
    border:1px #e3eff4 solid;
}

catalog.extended > .content > .entry.product .many[data-field="variation"],
catalog.compact > .content > .entry.product .many[data-field="variation"] {
    text-align:center;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    font-size:18px;
}

author.foreign {
    position:relative;
    z-index:99;
}
body.desktop author.foreign {
    max-width:800px;
    margin:0px auto;
}
body.tablet author.foreign,
body.mobile author.foreign {
    max-width:100%;
}
body > main author.foreign {
    border:2px #F3F3F3 solid;
    background:#FCFCFC;
}


author::-webkit-scrollbar {
    width:8px;
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

author::-webkit-scrollbar-track {
    background:#222;
}

author::-webkit-scrollbar-thumb {
    background-color:#555;
}

author::-webkit-scrollbar-thumb:hover {
    background-color:#49BBFF;
}

author li.group {
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

author li.group.inactive {
    /*transform:scale(0.95);*/
    /*opacity:.5;*/
    pointer-events:none !important;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:default;
}

author li.group.active {
    opacity:1;
    border-bottom:2px #f4f4f4 solid;
    border:1px #f4f4f4 solid;
    margin:10px;
}

author > .footer-opt {
    margin-top:2px;
    text-align:right;
}

author > .footer-opt > a {
    padding:10px;
    display:block;
    background:#333;
    text-decoration:none;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    color:#CCC;
}

author > .footer-opt:active > a,
author > .footer-opt:hover > a {
    color:#FFF;
    background:#444;
}

author ul.list {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

author ul.list {

}

author .group:not(.active) {
    overflow:hidden;
}


.inputstatus {
    display:none;
    position:absolute;
    top:100%;
    top:calc(100% - 8px);
    left:50%;
    z-index:9999;
/*      box-shadow:0px 4px 8px 0px rgba(0, 0, 0, .25);
*/
}
.inputstatus > div span[data-icon]:before {
    margin:0px !important;
}
.inputstatus.invalid {
    width:200px;
    margin-left:-100px;
    cursor:pointer;
}
.inputstatus.ok {
    width:50px;
    margin-left:-25px;
}
.inputstatus.ok *,
.inputstatus.ok {

    color:#FFF !important;
    font-size:15px;
}
.inputstatus > div {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:500;

    font-size:11px; 
    padding:5px;
    line-height:13px;

}
.inputstatus.invalid > div span[data-icon] {
    color:#db5d41;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 0px;
}
.inputstatus.invalid {
    color:#243742 !important;
}
.inputstatus > div:last-child {
    margin-bottom:0px;
}
.inputstatus.ok > div {
    border: 1px solid #66cc00;
    background: #66cc00;
}
.inputstatus.invalid > div {
    border: 1px solid #49BBFF;
    background: #FFF;
    color:#49BBFF;
}
.inputstatus > div {
    position: relative;
    text-align:center !important;
}
.inputstatus > div:after, 
.inputstatus > div:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.inputstatus.ok > div:before {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #66cc00;
}
.inputstatus.invalid > div:before {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #49BBFF;
}
/* Background */
.inputstatus.ok > div:after {
    border-color: rgba(102, 204, 0, 0);
    border-bottom-color: #66cc00;
}
.inputstatus.invalid > div:after {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #49BBFF;
}
.inputstatus > div:after {
    border-width: 6px;
    margin-left: -6px;
}
.inputstatus > div:before {
    border-width: 9px;
    margin-left: -9px;
}

body author.native {
    width:100%;
    height:100%;
    overflow:hidden;
    overflow-y:auto;
}
author.native.active {
    z-index:1005;
    display:block;
}

author.native {
    display:none;
    z-index:1000;
    position:absolute;
    padding:10px;
    background: #444444;
    background: -moz-linear-gradient(top,  #444444 0%, #222222 100%);
    background: -webkit-linear-gradient(top,  #444444 0%,#222222 100%);
    background: linear-gradient(to bottom,  #444444 0%,#222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

author li.action {
    bottom:0px;
    text-align:center;
}
author.native li.action {
    padding:10px;
}
author li.action button {

    margin-top:5px;
    width:100%;
    font-size:15px;
}
body author li.action .ui.button.standard:not(.small) {
    margin:0px 10px;
    margin-bottom:5px;
}
body.desktop author li.action .ui.button.standard:not(.small) {
    padding:5px;   
}
author li.action .warning {
    font-size:11px;
    text-align:center;
}
author li.action .warning > .num { 
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    font-size:inherit;
}


author.foreign.warned {
    padding-top:30px;
}
author.foreign li.action .warning {
    background-color:#49BBFF;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:500;

    color:#FFF;
    padding:4px 6px;
    text-align:center;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
}
author.native li.action .warning b {
    color:#FFF;
}

author li.set > .input {
    -webkit-user-select:text;
    user-select:text;
    text-align:left !important;
    overflow:hidden;
    overflow-y:auto;
    min-height:22px;
}

author li.set:not(.ok) > .label > .svg {
    -webkit-animation:attention 5s infinite 0s;
    -moz-animation:attention 5s infinite 0s;
    -o-animation:attention 5s infinite 0s;
    animation:attention 5s infinite 0s;
}

author li.set:not(.ok) > .label,
author li.set.invalid .label {
    color:#a56d6d;
}

author li.set.invalid > .input:not(.readonly) {
    border-top:1px #a56d6d solid;
}

author li.set.ok > .input:not(.readonly) {
    border-top:1px #C9EFC9 solid;
}

author li.control,
author li.set {
    list-style:none;
    padding:10px;
}

author.native li.set {
    border-bottom:1px #E2E2E2 solid;
}

author li.set {
    position:relative;
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

author .group.list.root > li.set:focus,
author .group.list.root > li.set:hover,
author .group.active > ul.list > li.set:focus,
author .group.active > ul.list > li.set:hover {
    /*background:#FAFAFA;*/
    z-index:999;
}

author .group {
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

author.native ul.group.list.root,
author.native li.group:not(.inactive) > ul.list {
    background:#EEE;
      transition:background-color 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:background-color 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:background-color 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:background-color 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:background-color 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

author.native li.group:not(.inactive) > ul.list:hover {
    background:#FFF;
}


author .group.list.root:hover > .list > .set,
author .group:not(.inactive):hover > .list > .set {
    /*background:#FAFAFA;*/
}

author .group.list.root > .set:not(.invalid):focus.label,
author .group.list.root > .set:not(.invalid):hover .label,
author .group:not(.inactive) > .list > .set:not(.invalid):focus.label > a,
author .group:not(.inactive) > .list > .set:not(.invalid):hover .label > a,
author .group:not(.inactive) > .list > .set:not(.invalid):focus.label,
author .group:not(.inactive) > .list > .set:not(.invalid):hover .label {
    color:#375d73;
}

author.native li.set .label {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:300;

    font-size:12px;
}

li.set .label {
    display:block;
    padding:0px;
}

author.native li.group.active,
author.native li.group.active .control,
author.native li.group.active li.group.active,
author.native li.group.active li.group {
    border-color:#E0E0E0 !important;
    border-left:6px #222 solid;

}

author li.group.inactive,
author li.group.inactive .control,
author li.group.inactive li.group.active,
author li.group.inactive li.group {
    /*border-color:#333 !important;*/
    height:0px;
}

author .group.inactive .control > .button {
    background:#333 !important;
    color:#555 !important;
    border:1px #555 solid !important;
    cursor:default !important;
}

.group li.meta > h2 *,
.group li.meta > h1 *,
.group li.meta > h2,
.group li.meta > h1 {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:300;

    text-align:left;
    line-height:1.25em;
}

.group li.meta > h1 {
    margin-left:-1px;
}

.group[data-type='many,duplicate'] li.meta > h2 *,
.group[data-type='many,duplicate'] li.meta > h2 {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:500;

}

.group.clone.skip {
    filter:brightness(.5);
    filter:saturation(.25);
    -webkit-filter:brightness(.5);
    -webkit-filter:saturation(.25);
}

.group[data-type='many'] li.meta > .remove {
    position:absolute;
    top:4px;
    right:7px;
    color:inherit;
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

    cursor:pointer !important;
}

.group.clone.skip li.meta > .remove {

}

.group li.meta,
.group li.meta > h2 {
    color:#a5afb3;
}

.group li.meta > h2 span[data-icon] {
    color:#FFF;
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

.group li.meta > h2 span[data-icon]:before {
    margin:0px;
}

.group li.meta .help {
    cursor:pointer;
    opacity:.4;
}

.group li.meta .help:active,
.group li.meta .help:hover,
.group.clone li.meta > .remove:active,
.group.clone li.meta > .remove:hover {
    opacity:1;
    color:#49BBFF;
}

author .group li.meta > .sub *,
author .group li.meta > .sub {
    font-size:14px;
    white-space:normal;
}

body.mobile author .group li.meta > .sub *,
body.mobile author .group li.meta > .sub {
    font-size:15px;

}

author .group li.meta > .sub {
      transition:all 750ms ease-out;
  -webkit-transition:all 750ms ease-out;
  -moz-transition:all 750ms ease-out;
  -o-transition:all 750ms ease-out;
  -ms-transition:all 750ms ease-out;


    overflow:hidden;
    max-height:0px;
}

author .list > li.meta.on > .sub {
    max-height:200px;
}

author.foreign .group li.meta.root,
author.foreign .group li.meta {
    padding:10px;
    position:relative;
}

author.foreign .group li.meta > h2 span[data-icon] {
    color:#CCC;
}

author.foreign .group li.meta > h1 *,
author.foreign .group li.meta > h1 {
    font-size:20px;
}

author.foreign .group li.meta > h2 *,
author.foreign .group li.meta > h2 {
    font-size:13px;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:300;

}

body.mobile author.foreign .group li.meta.root {
    padding:10px 15px;
}

body:not(.mobile) author.foreign .group li.meta.root {
    padding:15px;
}

author.foreign .group li.meta > h1 {
    color:#243742;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:500;

}

author.foreign .group li.meta > .sub *,
author.foreign .group li.meta > .sub {
    color:#243742;
    line-height:1.25em;
}

author.foreign .set > .label > a,
author.foreign .set > .label {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    color:#375d73;
}

author.foreign .set > .label > a {
    text-decoration:underline;
}

author.foreign li.meta.many.duplicate > h2 > span:not(.multiId) {
    display:none;
}

author.foreign li.meta h2 > span.multiId {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    font-size:11px;
    display:inline-block;
    margin-right:4px;
    color:#49BBFF;
    background:#243742;
    padding:4px;

}

author .set > .label > .lang,
author .set > .label > .qty {
    font-size:inherit;
    font-family:inherit;
    display:inline-block;
}

author .set > .label > .qty {
    margin-right:5px;
    color:#999;
}

author .set > .label > .lang {
    background:#999;
    color:#FFF;
    padding:0px 4px;
      border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;

}

author .set > .label > span[data-icon] {
    font-size:10px;
    vertical-align:middle;
    display:inline-block;
    color:#AAA;
}

author .set > .label {
    color:#151515;
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

    margin-bottom:5px;
}

author .set > .input:not(.readonly):focus,
author .set > .input:not(.readonly):hover {
    cursor:text;
}

author .set > .input.catalog-locked {
    font-size:14px;
}

author .set > .input > input,
author .set > .input {
    padding:5px 10px;
    display:block;
    width:100%;
    max-width:100%;
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

/*author .set > .input input:not(.readonly):not(.optional),
author .set > .input:not(.readonly):not(.optional) {*/
author .set > .input input,
author .set > .input {
    border:1px rgba(255, 255, 255, 0) solid;
}

author .set > .input > input:not(.readonly),
author .set > .input:not(.readonly) {
    background:#FFF;
}

author .set > label a:hover {
    color:#444;
}

author .set > label a {
    color:#333;
}

author .set > label {
    cursor:pointer;
    color:#555;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:300;

}

author .set > .input[placeholder]:empty:before,
author .set > .input[contenteditable] *,
author .set > .input > input,
author .set > .input {
    font-size:16px;
}

author .set > .input[contenteditable] *,
author .set > .input > input,
author .set > .input {
    color:#333 !important;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:400;

}

author .set > .input[placeholder]:empty:before {
    content:attr(placeholder);
    color:#DDD !important;
}

author .set > .input > input:not(.readonly):focus,
author .set > .input:not(.readonly):focus {
    border:1px #ECECEC solid;
    outline:none;
}

author .set > .input > input:focus,
author .set > .input:focus *,
author .set > .input:focus {
    color:#151515 !important;
}

author .set > .svg.busy {
    display:none;
}

author .set.processing > .label > .svg {
    display:none;
}

author .set.processing > .svg.busy {
    float:left;
    display:inline-block;
    vertical-align:middle;
    margin-right:4px;
    animation:processing .3s infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
}

/*author .set.processing > .label:after {*/
author .action > button.busy:after {

    content:'\e01a';
    font-family:'icomoon';
    speak:none;
    display:inline-block;
    float:right;
    color:inherit;
    animation:processing 1s infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
}

author .action > button.busy:after {
    margin-top:5px;
}

@keyframes processing {
    0% {
        transform:rotateZ(0deg);
    }
    100% {
        transform:rotateZ(360deg);
    }
}

@-webkit-keyframes processing {
    0% {
        -webkit-transform:rotateZ(0deg);
    }
    100% {
        -webkit-transform:rotateZ(360deg);
    }
}

@-moz-keyframes processing {
    0% {
        -moz-transform:rotateZ(0deg);
    }
    100% {
        -moz-transform:rotateZ(360deg);
    }
}

@-o-keyframes processing {
    0% {
        -o-transform:rotateZ(0deg);
    }
    100% {
        -o-transform:rotateZ(360deg);
    }
}

.input > .secret,
.input.secret {
    -webkit-text-security:circle;
}

author select {

    width:100%;
    height:30px;
    border:0px;
}

author select[multiple] {
    height:auto;
    min-height:60px;
    max-height:120px;
}

author select[multiple] option {
    cursor:pointer;
}

author .input > input.readonly,
author .input.readonly {
    background-color:transparent !important;
    color:#999 !important;
}

author .input[data-id='html'] {
    font-size:11px;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:400;

}

.input[data-inputType="confirm"] .check {
    font-size:11px;
}

.input[data-inputType="confirm"] .label {
    margin-bottom:6px;
}


nav .item.parent:not(.active) {
    /*border-bottom:1px rgba(222,222,222,.25) solid;*/
}
nav .item.parent.active {
    /*border-bottom:1px #49BBFF solid;*/
}
nav .item.parent > .txt {
    padding-right:0px;   
}
nav .item.current > .txt {
    text-decoration:underline;
}
nav > .item .item.current > .txt {
    background:#d0f3ff;
    color:#243742;
}
nav a {
    text-decoration:none;
}
nav.group.root > .item > .group {
    /*  transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
*/
}


body.tablet nav.group.root > .item .group > .item[data-style='wide'],
body.mobile nav.group.root > .item .group > .item[data-style='wide'] {
    width:100%;
}

body.desktop nav.group.root > .item .group > .item[data-style='wide'] {
    width:300px;   
}
body.tablet nav.group.root .item > .group,
body.desktop nav.group.root .item > .group {
    /*border:1px #49BBFF solid;*/
}

body.desktop nav.group.root > .item.active > .group {
      box-shadow:0px 4px 8px 0px rgba(0, 0, 0, .25);

}

body.desktop nav.group.root > .item.active > .group {
    position:absolute;
    max-height:600px;
    overflow:hidden;
}

body.desktop nav.group.root > .item.active > .group:not(.velocity-animating) {
    overflow-y:auto;
}

body.desktop nav.group.root .item {
    display:inline-block;
    line-height:1em;
}

body.tablet nav.group.root .item,
body.mobile nav.group.root .item {
    display:block;
}

body.tablet nav.group.root .group,
body.mobile nav.group.root .group {
    left:auto !important;
    top:auto !important;
    width:100%;
}

body.desktop nav.group.root > .item > .group {
      border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  -ms-border-radius:3px;
  border-top-right-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-top-right-radius:0px;
  -o-border-top-right-radius:0px;
  -ms-border-top-right-radius:0px;
  border-top-left-radius:0px;
  -webkit-border-top-left-radius:0px;
  -moz-border-top-left-radius:0px;
  -o-border-top-left-radius:0px;
  -ms-border-top-left-radius:0px;

}


nav a {
    white-space:nowrap;
}

nav.group.root .item > .toggle,
nav.group.root .item,
nav .item.label > .txt,
nav a {
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

nav .item.label > .txt {
    color:#AAA;
}

nav.group.root .item {
    position:relative;
}

nav.group.root > .item .group > .item {
    display:block;
    width:100%;
}

nav.group.root > .item .group > .item:not(:last-child) {
    border-bottom:1px #F3F3F3 solid;
}

nav.group.root > .item > .group > .item .item {
    padding-left:2px;
    border-left:2px #49BBFF solid;
}

body.desktop nav.group.root > .item.parent .item > .txt {
    padding:15px;
}

body.tablet nav.group.root > .item.parent .item > .txt,
body.mobile nav.group.root > .item.parent .item > .txt {
    padding:10px;
}

nav.group.root .item.is-cbp.active > .group {
    background:#e3eff5 !important;
}

nav.group.root .item.is-cbp > .group > .item {
    border-color:#d7dddf !important;
}

nav.group.root .item.is-cbp > .group > .item .txt {

}

nav.group.root > .item .group > .item .txt {
    width:100%;
    /*text-overflow:ellipsis;*/
    /*width:100%;*/
    /*overflow:hidden;*/
}

nav.group.root > .item .group > .item:last-child {
    border-bottom:0px !important;
}

/*nav.group.root > .item .group > .item {
    display:block;
}*/
nav.group.root .item > .toggle {
    display:inline-block;
    background:#49BBFF;
    color:#FFF;
}

nav.group.root .item > .toggle,
nav.group.root .item.parent .txt {
    cursor:pointer;
}

nav.group.root > .item.parent:not(.active) > .txt {

}

body.tablet nav.group.root > .item > .txt,
body.mobile nav.group.root > .item > .txt {
    padding:10px;
}

nav.group.root > .item.parent > .txt {
    padding-left:30px !important;
}

nav.group.root > .item.parent .item > .txt {
    padding-left:10px;
}

nav.group.root .item.active > .toggle {
    background:#375d73;
    transform:rotate(45deg);
    transform-origin:50% 50%;
    -webkit-transform:rotate(45deg);
    -webkit-transform-origin:50% 50%;
}

nav.group.root .item > .toggle {
    position:absolute;
}

nav.group.root .item .txt > .svg {
    margin-right:3px;
    transform:translateY(-1px);
}

nav.group.root .item .svg.toggle {
    padding:2px;
      border-radius:1.5em;

}

nav.group.root > .item > .capture,
nav.group.root > .item {
    position:relative;
    vertical-align:middle;
}

nav.group.root > .item > .capture {
    pointer-events:none;
    cursor:pointer;
    font-size:9px;
    text-align:center;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    height:16px;
    min-width:16px;
    padding:0px;
    margin-left:-15px;
      border-radius:1.5em;

    background:rgba(255, 255, 255, .25);
    color:#FFF;
    line-height:16px;
}

nav.group.root > .item > .txt {
    vertical-align:top;
}

nav.group.root .item > .capture,
nav.group.root .item > .txt {
    display:inline-block;
}

nav.group.root .item > .group {
    display:none;
}

nav.group.root > .item .item:not(.current).cmd:hover,
nav.group.root > .item .item:not(.current).page:hover {
    background-color:rgba(100, 100, 100, .05);
    background-color:var(color-highlight-alt-lighter);
}

nav.group.root .item.cmd:not(.current):hover > a,
nav.group.root .item.page:not(.current):hover > a {
    color:#49BBFF;
}

/* first pulldown */
nav.group.root > .item.active > .group {
    position:relative;
    top:0px;
    left:0px;
    z-index:1000;

    /*border:1px #EEE solid;*/
}

/* all groups */
nav.group.root .item.active > .group {
    overflow:hidden;
    background:#FFF;
    display:block;

}

/* all other groups secundary */
nav.group.root > .item.active > .group .item > .group {
    background:#FAFAFA;
}

body.desktop nav.footer.group.root > .item.active > .group {
    position:relative;   
}
/*body.mobile nav.footer.group.root .item,
body.desktop nav.footer.group.root .item,
body.tablet nav.footer.group.root .item {
    display:block;
}*/
body.mobile nav.footer.group.root .group,
body.desktop nav.footer.group.root .group,
body.tablet nav.footer.group.root .group {
    left:auto !important;
    top:auto !important;
    width:100%;
}
body > footer > .contain > nav.footer.group.root  {
    display:table !important;
    border-collapse: collapse;
    table-layout: fixed;
    width:100%;
}
body > footer > .contain > nav.footer.group.root > .item {
    vertical-align:top;
}
body.mobile > footer > .contain > nav.footer.group.root > .item > .toggle,
body.desktop > footer > .contain > nav.footer.group.root > .item > .toggle,
body.tablet > footer > .contain > nav.footer.group.root > .item > .toggle {
    display:none;
}
body.desktop > footer > .contain > nav.footer.group.root > .item {
    display:table-cell !important;    
}
body.tablet > footer > .contain > nav.footer.group.root > .item,
body.mobile > footer > .contain > nav.footer.group.root > .item {
    display:block;
    padding:30px;
}
body.desktop > footer > .contain > nav.footer.group.root > .item {
    padding:60px;
}
body.desktop > footer > .contain > nav.footer.group.root > .item:first-child {
    padding-right:0px;
}
body.desktop > footer > .contain > nav.footer.group.root > .item:last-child {
    padding-left:0px;
}
body.desktop > footer > .contain > nav.footer.group.root > .item:not(:first-child):not(:last-child) {
    padding-right:15px;
    padding-left:15px;
}
body.desktop > footer > .contain > nav.footer.group.root > .item:last-child {
    padding-left:0px;
}
/*body.tablet > footer > .contain > nav.footer.group.root > .item {
    padding:20px;
}
body.tablet > footer > .contain > nav.footer.group.root > .item:first-child {
    padding-right:0px;
}
body.tablet > footer > .contain > nav.footer.group.root > .item:last-child {
    padding-left:0px;
}
body.tablet > footer > .contain > nav.footer.group.root > .item:not(:first-child):not(:last-child) {
    padding-right:10px;
    padding-left:10px;
}
body.tablet > footer > .contain > nav.footer.group.root > .item:last-child {
    padding-left:0px;
}*/


body > footer > .contain > nav.footer.group.root > .item > .txt {
    font-size:15px;
    background:rgba(255,255,255,.2);
    margin-bottom:5px;
}
body > footer > .contain > nav.footer.group.root > .item.parent > .group {
    display:block;   
}
body > footer > .contain > nav.footer.group.root .item.app {
      border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;

    margin-top:5px;
}

body.desktop nav.footer.group.root > .item .group > .item[data-style='wide'] {
    width:100%;
}

nav.footer.group.root {
    position:relative;
    text-align:center;
    z-index:500;
    padding:0px;
}
nav.footer a,
nav.footer {
    color:#FAFAFA;
}
nav.footer.group.root .item {
    text-align:left;
}
nav.footer > .item,
nav.footer > .item > a {
    font-size:14px;
}
nav.footer > .item .item,
nav.footer > .item .item a {
    font-size:13px;
}
nav.footer  .item > .txt {
    padding:3px 5px;
}
nav.footer a {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:500;

}
nav.footer div > .ui.button {
    color:#d0f3ff;
    
}
nav.footer div > .group,
nav.footer div > .group a {
    color:#FAFAFA;
}
nav.footer.group.root > .item > .group {
    min-width:125px;
}

nav.footer .item.label > .txt {
    color:#FFF;
}
nav.group.root.footer .item a {
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}
nav.group.root.footer .item.cmd:hover > a,
nav.group.root.footer .item.page:hover > a {
    color:#d0f3ff;
}
nav.footer .item.app catalog.mini .empty,
nav.footer .item.app catalog.mini .entry .root {
    /*padding:0px;*/
}
nav.footer > .item .item.current > .txt {
    text-transform:uppercase;
}

body.mobile > header > nav.top {
      transition:background-color 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:background-color 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:background-color 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:background-color 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:background-color 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}
body.mobile.nav-top-open > header > nav.top {
    padding-top:100px;
}
body.mobile:not(.nav-top-open)  > header > nav.top.group.root{
    background-color:transparent;
}
body.tablet > header > nav.group.root.top > .item,
body.mobile > header > nav.group.root.top > .item {
    display:none;
}
body.tablet.nav-top-open > header > nav.group.root.top > .item,
body.mobile.nav-top-open > header > nav.group.root.top > .item {
    display:block;
}
body.mobile > header {
    width:100%;
    position:fixed;
}
body.mobile nav.top > .toggle {
    padding-top:2px;
}
body.tablet nav.top > .toggle span[data-icon],
body.mobile nav.top > .toggle span[data-icon] {
    font-size:20px;
}
body.mobile.snap:not(.nav-top-open) nav.top > .toggle span[data-icon] {
    color:#243742;
}
body.mobile:not(.snap):not(.nav-top-open) nav.top > .toggle span[data-icon] {
    color:#FFF;
      text-shadow:rgba(0, 0, 0, .5) 1px 1px 0px;

}
body.mobile nav.top > .toggle:hover span[data-icon] {
    color:#49BBFF;
}
body.tablet nav.top > .toggle,
body.mobile nav.top > .toggle {
    display:block;
    position:absolute;
    top:10px;
    right:10px;
    z-index:9999;
    cursor:pointer;
}
body.tablet nav.top > .toggle {
    right:13px;
}

body.desktop nav.top > .toggle {
    display:none;
}
body.mobile.nav-top-open > header,
body.tablet > header {
    position:fixed;
    top:0px;
    left:0px;
    height:100%;
}
body.tablet > header {
    width:250px;
}
body.mobile.form-idle.nav-top-open nav.top,
body.tablet.form-idle.nav-top-open nav.top {
    border-left:50px #000 solid;
}
body.tablet.form-idle.nav-top-open header {
    width:300px;
}
body.tablet:not(.nav-top-open) > header {
    left:-200px;   
}
body.tablet.nav-top-open > header {
    left:0px;   
}
body.mobile.nav-top-open > header > nav.top ,
body.tablet > header > nav.top {
    overflow-y:auto;
    height:100%;   
      box-shadow:0px 4px 8px 0px rgba(0, 0, 0, .25);

}
body.tablet > header > nav.top {
    padding-top:150px !important;
}
body.mobile:not(.nav-top-open) > header > nav.top {
    height:50px;
    width:50px;
    position:absolute;
    right:0px;
    top:0px;
}

body.desktop nav.top .item.page.my {
/*    position:absolute;
    right:10px;*/
}
body.mobile nav.top .item.page.my,
body.tablet nav.top .item.page.my {
/*    position:absolute;
    right:0px;
    bottom:0px;
    width:100%;
    text-align:right;*/
    background:#375d73;
}
body.tablet nav.top .item.page.my {
    
}
body.desktop nav.top .item.page.home {
    float:right;
    margin-top:-2px;
}
body.mobile nav.top .item.page.home,
body.tablet nav.top .item.page.home {
    position:absolute;
    left:4px;
    top:4px;
    text-align:left;
}

nav.top.group.root {
    position:relative;
    text-align:center;
    z-index:1000;
    padding:10px;

}

body.mobile nav.top.group.root {
    background-color:rgba(20, 20, 20, .95);
}

body.tablet nav.top.group.root {
    background-color:rgb(20, 20, 20);
}

body.desktop nav.top.group.root {
    background-color:rgba(20, 20, 20, .9);
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

body.tablet nav.top.group.root,
body.mobile nav.top.group.root,
body.snap header nav.top.group.root {

}

body.desktop nav.top.group.root > .item > .txt {
      text-shadow:rgba(0, 0, 0, .5) 1px 1px 0px;

}

nav.top .item.label {
    background-color:#FAFAFA;
}

nav.top.group.root > .item.label {
    background-color:transparent;
}

nav.top.group.root > .item.page {
    background-color:transparent;
}

nav.top a,
nav.top {
    color:#FFF;
}

nav.top.group.root .item {
    text-align:left;
}

body.desktop nav.top > .item.active > .group > .item:first-child {
    border-top:3px #375d73 solid !important;
}

body.desktop nav.top > .item.active > .group > .item:last-child {
    border-bottom:3px #375d73 solid !important;
}

nav.top > .item:first-child {
    /*border-left:0px;*/
}

nav.top > .item,
nav.top > .item > .txt {
    font-size:16px;
}

nav.top > .item > .txt {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    text-transform:uppercase;
}

body.mobile nav.top > .item,
body.mobile nav.top > .item > .txt {
    font-size:24px;
}

/*body.desktop header:not(.snap) nav.top {
    transform:scale(1.1);
}*/
nav.top > .item .item,
nav.top > .item .item .txt {
    font-size:14px;
}

body.tablet nav.top > .item .item,
body.tablet nav.top > .item .item .txt {
    font-size:15px;
}

body.mobile nav.top > .item .item,
body.mobile nav.top > .item .item .txt {
    font-size:18px;
}

nav.top .item > .txt:hover > span.s {
    color:#FFF;
}

nav.top .item > .txt > span.s {
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:300;

}

nav.top .item > .txt {
    padding:5px 10px;
}

nav.group.root.top > .item .group > .item {
    border-bottom:1px #F1F1F1 solid;
}

nav.top a {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    text-decoration:none;
}

nav.top .item[data-style="bar"] > .txt,
nav.top .item[data-style="alt"] > .txt {
    color:#EEE;
}

nav.top .item[data-style="alt"] a {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:400;

}

nav.top .item[data-style="bar"] .txt {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:300;

}

body.tablet nav.top .item[data-style="bar"] .txt,
body.mobile nav.top .item[data-style="bar"] .txt {
    display:none;
}

nav.top div > .group,
nav.top div > .group a {
    color:#243742;
}

nav.top.group.root > .item > .group {
    min-width:175px;
    /*  transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
*/
}

nav.top.group.root > .item > .txt {
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

nav.top.group.root > .item.active > .txt {
    color:#d0f3ff;
}

nav.top.group.root > .item.active .item:not(.label).active > .txt {
    color:#b4e3ff;
}


body.desktop nav.top.group.root > .item  > .toggle {
    left:10px;
    top:6px;
}

body.tablet nav.top.group.root >  .item  > .toggle {
    left:10px;    
    top:14px;
}

body.mobile nav.top.group.root > .item  > .toggle {
    left:10px;    
    top:18px;
}

body.desktop nav.top.group.root > .item > .group .item > .toggle {
    right:10px;
    top:15px;
}
body.mobile nav.top.group.root > .item > .group .item > .toggle  {
    right:10px;    
    top:14px;
}
body.tablet nav.top.group.root > .item > .group .item > .toggle {
    right:10px;    
    top:18px;
}


/*body {
    background:#F3F3F3;
}*/

body > main > article > .content .center {
    margin:10px;
    margin-bottom:0px;
}
body > main > article > .content .ui.button.text {
    display:inline-block;
    margin:0px 2px;
    background-color:#49BBFF;
    padding:6px 20px;
    color:#FFF;
}
body > main > article > .content .ui.button.text:hover {
    color:#243742;
    background-color:#d0f3ff;
}

body > main > article {
    color:#243742;
    position:relative;
}

body > main.novisual > article > .content {
    border-top-color:#243742;
}

body > main > article > .content {
    border-top:30px #375d73 solid;
}

body > main > article:first-child {
    padding-top:0px;
    margin-top:0px;
    border-top:0px;
}

body > main > article > .content > div {
    font-size:16px;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:300;

}

body > main > article:not(.child) > .content > div:first-of-type {
    font-size:20px;
    color:#243742;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:400;

}

body > main > article > .content > div:first-of-type {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:300;

}

body > main > article > .content ol.bb ol.bb {
    list-style-type:lower-roman;
}

body > main > article > .content ol.bb {
    list-style-type:lower-alpha;
}

body > main > article > .content ol.bb,
body > main > article > .content ul.bb {
    margin-top:15px;
    margin-bottom:1em;
    padding-left:20px;
    margin-left:15px;
    list-style-type:square;
}

body > main > article > .content ol.bb li,
body > main > article > .content ul.bb li {
    margin-bottom:4px;
    font-weight:300;
}

body > main > article > .content .block2 ol.bb,
body > main > article > .content .block2 ul.bb {
    margin-bottom:0px;
}

body > main > article > .content h2,
body > main > article > .content h1 {
    /*color:#49BBFF;*/
    color:#A5AFB3;
    font-size:1.25em;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:400;

}

body > main > article:first-of-type > .content h1 {
    text-transform:uppercase;
}

body > main > article:first-of-type > .content h2,
body > main > article:first-of-type > .content h1 {
    font-size:26px;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    margin-bottom:15px;
}

body > main > article > .content h3 {
    color:#b4e3ff;
}

body > main > article > .content > .ui.button.alt.toggle {
    margin-top:15px;
}

.th-new b.bb {
    display:inline;
}

.th-new blockquote.bb:before {
    content:unset;
}

.th-new blockquote.bb .quoClose {
    display:none;
}

.th-new blockquote.bb {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    float:none;
    background:none;
    padding:0;
    border:0;
    max-width:unset;
    line-height:1em;
    font-style:normal;
    font-size:28px;
    color:#49BBFF;
    text-align:center;
}

.th-new:not(.example) blockquote.bb {
    margin:0 0 -20px;
}

.th-new .bb.img-parent {
    background:none;
    width:30%;
    overflow:visible;
    background:#243742;
    padding:4px;
    box-shadow:2px 2px 4px 0px rgba(0, 0, 0, .1);
    font-size:0;
}

.th-new .bb.img-parent.img-left {
    margin:0px 20px 10px 0px;
    transform:scale(.96) rotate(-2deg) translateY(5px);
    float:left;
}

.th-new .bb.img-parent.img-right {
    margin:0px 0px 10px 20px;
    transform:scale(.96) rotate(2deg) translateY(5px);
    float:right;
}

.th-new img.bb {
    width:100%;
    padding:0px;
    margin:0px;
    box-shadow:none;
}

.th-new .img-grid br {
    display:none;
}

.th-new .img-grid {
    margin:20px 0px;
    display:grid;
    grid-gap:10px;
    grid-auto-flow:column;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow:row;
    align-items:center;
}

.th-new .img-grid > .img-parent {
    width:unset;
}

.th-new .img-grid > .img-parent > img.bb {
    background:#FAFAFA;
    width:100%;
    height:100%;
}


storywise .th-legacy img.bb,
body > main > article > .content .th-legacy img.bb {
    width:75%;
    height:auto;
    border:0px;
    padding:10px;
    margin:10px auto;
    background:#FFF;
    display:block;
      box-shadow:0px 1px 2px 0px rgba(0, 0, 0, .1);

}

storywise .th-legacy .bb.img-parent,
body > main > article > .content .th-legacy .bb.img-parent {
    background:#F0F0F0;
}

body > main > article > .content .block.bb .block2.bb {
    margin-top:1em;
}

/*body.mobile > main > article > .content .block2.bb .block.bb,*/
/*body.mobile > main > article > .content .block.bb .block.bb,*/
/*body.mobile > main > article > .content .block2.bb {*/
/*    padding:10px 20px;*/
/*}*/

body > main > article > .content .block2.bb .block.bb,
body > main > article > .content .block.bb .block.bb,
body > main > article > .content .block2.bb {
    background:#FAFAFA;
    padding:30px;
}

body > main > article > .content .block2.bb > .block2.bb {
    border-left-width:4px;
    background:#FEFEFE;
    font-size:16px;
    padding:30px;
}

body:not(.mobile) > main > article > .content .block2.bb > .block2.bb {
    -moz-column-count:2;
    column-count:2;
    -moz-column-gap:30px;
    column-gap:30px;

}

body > main > article > .content .block2.bb {
    margin-top:15px;
}

body > main > article > .content .block2.bb h3.bb {
    color:#375d73;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:500;

}

body > main > article > .content .block2.bb,
body > main > article > .content .block.bb {

}

body > main > article > .content .block.bb > h3.bb {
    color:#49BBFF;
}

body > main > article > .content .block.bb br {
    line-height:2.5em;
}

body > main > article > .content ol.bb br,
body > main > article > .content ul.bb br {
    display:none;
}

body > main > article > .content .th-legacy blockquote.bb:before {
    content:'';
    position:absolute;
    top:2px;
    color:#AAA;
    font-size:25px;
}

body > main > article > .content  .th-legacy blockquote.bb:before {
    display:block;
    left:5px;
    content:open-quote;
}

body > main > article > .content  .th-legacy blockquote.bb > .quoClose {
    font-style:normal;
    color:#AAA;
}

body > main > article > .content  .th-legacy blockquote.bb {
    background:#FAFAFA;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    font-size:larger;
    font-style:italic;
    position:relative;
    padding:5px 10px;
    padding-left:20px;
    border-left:5px #49BBFF solid;
}

body.desktop > main > article > .content > app,
body.desktop > main > article > .content > div,
body.desktop app.content > .do > .body > .panel {
    padding:100px 75px;
}

body.desktop app.content > .do > .body > .panel.d-short,
body.desktop > main > article > .content > app.d-short {
    padding:25px 75px;
}

@media screen and (min-width:1400px) {
    body.desktop > main > article > .content > app,
    body.desktop > main > article > .content > div,
    body.desktop app.content > .do > .body > .panel {
        padding:100px 10%;
    }

    body.desktop app.content > .do > .body > .panel.d-short,
    body.desktop > main > article > .content > app.d-short {
        padding:25px 10%;
    }
}

body.tablet > main > article > .content > app,
body.tablet > main > article > .content > div,
body.tablet app.content > .do > .body > .panel {
    padding:50px;
}

body.mobile app.content > .do > .body > .panel.d-short,
body.mobile > main > article > .content > app.d-short {
    padding:25px 30px;
}

body.mobile > main > article > .content > app,
body.mobile > main > article > .content > div,
body.mobile app.content > .do > .body > .panel {
    padding:60px 30px;
}

@media screen and (max-width:400px) {
    body.mobile > main > article > .content > app,
    body.mobile > main > article > .content > div,
    body.mobile app.content > .do > .body > .panel {
        padding:15px 10px;
    }

    body.mobile catalog[data-align="cols,default"] > .cols-next {
        right:-5px;
    }

    body.mobile catalog[data-align="cols,default"] > .cols-previous {
        left:-5px;
    }
}

body > main > article > .content:not(.noblocks) > *:nth-child(odd) {
    background:#f0f1f5;
}

body > main > article > .content:not(.noblocks) > *:nth-child(even) {
    background:#e3eff5;
}

body > main > article > .content.noblocks {
    padding:75px;
}

body.mobile > main > article > .content.noblocks {
    padding:45px;
}

body > main > article > .content.noblocks > app,
body > main > article > .content.noblocks > div {
    padding:0px;
    margin-top:15px;
}

body > main > article > .content.noblocks > app:first-child,
body > main > article > .content.noblocks > div:first-child {
    margin-top:0px;
}

html > body > main > article > .content > div.notify-temp {
    background:#FF0000 !important;
    color:#FFF !important;
    text-align:center;
}

html > body > main > article > .content > div.notify-temp > span {
    font-weight:700;
}


.aniReviewIn {
    -webkit-animation:review-in 1s 1 0s; /* Safari 4+ */
    -moz-animation:review-in 1s 1 0s; /* Fx 5+ */
    -o-animation:review-in 1s 1 0s; /* Opera 12+ */
    animation:review-in 1s 1 0s; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes review-in {
    0% {
        transform:translateY(200px);
    }
    100% {
        transform:translateY(0px);
    }
}

@-moz-keyframes review-in {
    0% {
        transform:translateY(200px);
    }
    100% {
        transform:translateY(0px);
    }
}

@-o-keyframes review-in {
    0% {
        transform:translateY(200px);
    }
    100% {
        transform:translateY(0px);
    }
}

@keyframes review-in {
    0% {
        transform:translateY(200px);
    }
    100% {
        transform:translateY(0px);
    }
}

body > footer,
body > footer > .contain {
    position:relative;
    z-index:2;
}

body > footer > .contain {
    background-color:#375d73;
    padding:15px;
}

body > footer > catalog.company.partner,
body > footer > .contain > nav.footer.group.root,
body > footer > .closing-notes {
    padding:15px;
}

body > footer .closing-notes {
    text-align:center;
    font-size:13px;
}

body > footer > .closing-notes {
    color:#EEE;
}

body > footer > .closing-notes > .svg {
    display:block;
    width:200px;
    height:auto;
    margin:0px auto;
}

body.desktop > footer .closing-notes > a.review:active,
body.desktop > footer .closing-notes > a.review:hover {
    background:#49BBFF;
}

body.desktop > footer .closing-notes > a.review {
    display:block;
    position:fixed;
    bottom:10px;
    right:10px;
    z-index:999999999999999;
    background:#243742;
    border:3px #FFF solid;
    color:#FFF;

    font-size:18px;
    text-align:center;
    padding:5px 20px;

    -webkit-animation:review-in 1s 1 0s; /* Safari 4+ */
    -moz-animation:review-in 1s 1 0s; /* Fx 5+ */
    -o-animation:review-in 1s 1 0s; /* Opera 12+ */
    animation:review-in 1s 1 0s; /* IE 10+, Fx 29+ */
}

body > footer > .contain > .closing-notes {
    color:#FFF;
    padding:0px 30px;
}

body > footer .closing-notes a {
    text-decoration:none;
}

body > footer > .contain > nav.generic.group.root .toggle {
    color:#FFF;
}

@-webkit-keyframes header-snap {
        0%   { top:-200px; }
        100% { top:0px; }
}
@-moz-keyframes header-snap {
        0%   { top:-200px; }
        100% { top:0px; }
}
@-o-keyframes header-snap {
        0%   { top:-200px; }
        100% { top:0px; }
}
@keyframes header-snap {
        0%   { top:-200px; }
        100% { top:0px; }
}
@-webkit-keyframes header-top {
        0%   { top:0px; }
        100% { top:-200px; }
}
@-moz-keyframes header-top {
        0%   { top:0px; }
        100% { top:-200px; }
}
@-o-keyframes header-top {
        0%   { top:0px; }
        100% { top:-200px; }
}
@keyframes header-top {
        0%   { top:0px; }
        100% { top:-200px; }
}


body > header > .ui.button.below {
    position:absolute;
    z-index:100;
}

body > header > .ui.button.below > .svg {
    margin-right:3px;
}

body.snap > header > .ui.button.below {
    display:none;
}

body > header > .ui.button.below {
    top:60px;
    left:50%;
    width:200px;
    margin-left:-100px;
    text-align:center;
    z-index:999;
}

body.desktop > header > .ui.button.below {
    display:none;
}

body.mobile > header > .ui.button.below {
    top:140px;
}

body.tablet > header > .ui.button.below {
    position:fixed;
    margin-left:-75px;
    top:20px;
}

body.tablet.nav-top-open > header > .ui.button.below {
    margin-left:25px;
}

header {
    z-index:9999;
    top:0px;
    left:0px;
    width:100%;
    max-width:1280px;
    margin:0px auto;
}

body.desktop.snap header {
    position:fixed !important;
    max-width:none;
    -webkit-animation:header-snap .5s 1 0s;
    -moz-animation:header-snap .5s 1 0s;
    -o-animation:header-snap .5s 1 0s;
    animation:header-snap .5s 1 0s;

    -o-animation-fill-mode:backwards;
    -moz-animation-fill-mode:backwards;
    -webkit-animation-fill-mode:backwards;
    animation-fill-mode:backwards;
}

body > header > .identity {
    background-image:url('/static/gif/logo-concept-3.gif');
    background-size:contain;
    cursor:pointer;
    opacity:1;
    position:absolute;
    z-index:9999;
    top:70px;
    right:20px;
    width:100px;
    height:100px;
    display:block;
}

body.off-top > header > .identity {
    top:2px;
    /*right:unset;*/
    /*left:20px;*/
    opacity:0;
}

body:not(.tablet) > header > .identity {
    /*  transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
*/
}

body > header > .identity:hover {
    transform:scale(1.03);
}

body > header > .identity:active {
    transform:scale(.95);
}

body.tablet.nav-top-open > header > .identity {
    left:70px;
    top:20px;
    width:100px;
    height:100px;
}

body.tablet.nav-top-open.form-idle > header > .identity {
    left:110px;
}

body.tablet:not(.nav-top-open) > header > .identity {
    left:60px;
    top:5px;
}

body.mobile > header > .identity {
    position:relative;
    width:120px;
    height:120px;
    top:0px;
    left:50%;
    margin-left:-60px;
}

body.desktop:not(.off-top):has(> .main.novisual) > header > .identity {
    width:50px;
    height:50px;
    top:97px;
}

body.mobile.snap > header > .identity {
    width:42px;
    height:48px;
    left:15px;
    top:10px;
    margin-left:0px;
}

body.mobile.nav-top-open > header > .identity {
    display:none;
}

header.top > .identity {
    opacity:1;
}

body.snap header > .identity {
    left:20px;
    right:unset;
    opacity:1;
    background-image:url("https://www.theathleteclub.nl/storywise/library/profile/athleteclub/stationary/brand/header-text-contrast.png");
}

body.snap:not(.nav-top-open) header > .identity {
    width:42px;
    height:48px;

}

body.desktop header {
    position:relative;
}

body > main > .breadcrumb {
    padding:10px;
    position:absolute;
    right:6px;
    z-index:1500;
    white-space:nowrap;
}

body > main > .breadcrumb > .you {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:300;

    color:#FFF;
}

body.mobile > main.novisual > .breadcrumb {
    padding:4px;
}

body > main.novisual > .breadcrumb {
    top:0px;
}

body > main:not(.novisual) > .breadcrumb {
    top:495px;
}

body.desktop > main > .breadcrumb {
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

body:not(.desktop) > main.novisual > .breadcrumb {
    /*display:none;*/
}

body.nav-top-open > main > .breadcrumb {
    z-index:100;
}

body > main > .breadcrumb > a span[data-icon] {
    color:#d0f3ff;
}

body > main > .breadcrumb > a {
    color:#b4e3ff;
    margin-left:5px;
    text-decoration:none;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:400;

      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

    font-size:14px;
}

body.mobile > main > .breadcrumb > .you,
body.mobile > main > .breadcrumb > a {
    display:inline-block;
    vertical-align:top;
}

body.mobile > main > .breadcrumb > a {
    max-width:100px;
    overflow:hidden;
    text-overflow:ellipsis;
}

body > main > .breadcrumb > a span[data-icon] {
    color:#49BBFF;
}

body.desktop.off-top > main > .breadcrumb {
    opacity:0;
}

body.desktop.snap > main > .breadcrumb {
    display:none;
}

body > main > .breadcrumb > a:active,
body > main > .breadcrumb > a:hover {
    color:#d0f3ff;
}

body {
    /*padding-top: 47px;*/
}

body > main {
    background:#FFF;
      box-shadow:0px 1px 2px 0px rgba(0, 0, 0, .1);

}

body.tablet > main.novisual,
body.mobile > main.novisual {
    border-top:120px #375d73 solid;
}

body.desktop.snap > main {
    margin-top:48px;
}

body.desktop > main.novisual > .article > .content {
    border-top-width:40px;
}

/*body.desktop > main:not(.novisual) {
    margin-top:500px;
}*/
body.desktop > footer,
body.desktop > main {
    max-width:1280px;
    margin:0px auto;
    z-index:1000;
}

body.desktop > footer {
    z-index:1001;
}

body.tablet > footer,
body.tablet.nav-top-open > main {
    /* Sync with nav.top width + above padding */
    padding-left:250px;
}

body.tablet.nav-top-open.form-idle > footer,
body.tablet.nav-top-open.form-idle > main {
    padding-left:300px;
}

body.mobile.form-idle > footer,
body.mobile.form-idle > main {
    /*border-left:50px #375d73 solid;*/
}

body.tablet:not(.nav-top-open) > footer,
body.tablet:not(.nav-top-open) > main {
    padding-left:50px;
}

body.mobile > main {
    /*padding-top:50px;*/
}

body.tablet > footer,
body.mobile > footer,
body.tablet > main,
body.mobile > main {
    margin-top:0px;
    width:100%;
}

body > main {
    position:relative;
    z-index:999;
    width:inherit;
    min-width:250px;
    /*line-height:1.4;*/
}

html:not(.wf-active) > body {
    display:none;
}

body > main > article > figure > .ui.deck > .content > .scroll > .file {
    opacity:.2;
    /*  transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
*/
}

body > main > article > figure.engaged {
    opacity:1 !important;
}

body > main > article > figure.engaged:not(.product) > .ui.deck > .content > .scroll > .file {
    opacity:.5;
}

body > main > article > figure.engaged.product > .ui.deck > .content > .scroll > .file {
    opacity:.9;
}

body.fullscreen-visual > main > article > figure.engaged > .ui.deck > .content > .scroll > .file {
    opacity:1;
    background-size:contain !important;
}


body > main > article > figure.engaged > .ui.button.fs  {
    position:absolute;
    z-index:100;
}
body:not(.mobile):not(.fullscreen-visual) > main > article > figure.engaged > .ui.button.fs  {
    bottom:10px;
    left:10px;
    background:#FFF;
    padding:2px 10px;
    color:#243742;
}
body.mobile:not(.fullscreen-visual) > main > article > figure.engaged > .ui.button.fs  {
    bottom:-30px;
    left:10px;
}
body.fullscreen-visual > main > article > figure.engaged > .ui.button.fs  {
    top:40px;
    right:40px;
    padding:8px 5px;
}
body.fullscreen-visual > main > article > figure.engaged > .ui.button.fs > .label,
body.fullscreen-visual > header {
    display:none;
}
body.fullscreen-visual  {
    overflow:hidden;
}
body.fullscreen-visual > main > article > figure.engaged > .ui.button.fs > .svg {
    width:30px;
    height:auto;
}

body.desktop .visual.root > #promo-xtra {
    right:25px;
    top:25px;
    font-size:16px;
    padding:10px 20px;
}

body.mobile .visual.root > #promo-xtra,
body.tablet .visual.root > #promo-xtra {
    left: 0px;
    bottom: 0px;
    font-size: 12px;
    padding: 5px 10px;
    min-height: 26px;
    width: 100%;
}

.visual.root > #promo-xtra {
    background:#ffdd88;
    color:#243742;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:500;

    position:absolute;
    z-index:99999;
    cursor:pointer;
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

.visual.root > #promo-xtra:active,
.visual.root > #promo-xtra:hover {
    background:#243742;
    color:#FFF;
}

body > main > article.root > figure:not(.noimg) {
    background-color:#49BBFF;
}

body > main > article.root > figure {
    color:#FFF;
}

body > main > article.root > figure.map {
    color:#243742;
}

body > main > article.root > figure.noimg {
    background-color:#b4e3ff;
}

body:not(.fullscreen-visual) > main > article.root > figure {
    height:500px;
}

body.desktop > main > article.root > figure {
    /*position:fixed;*/
    top:0px;
    left:0px;
    overflow:hidden;
    z-index:1;
}

body.fullscreen-visual > main > article.root > figure {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:999999;
    padding:30px;
}

/*body.desktop > main > article.root > figure > .value > span,
body.desktop > main > article.root > figure > h2 > span {
    vertical-align:middle;
    padding-top:220px;
}
body.tablet > main > article.root > figure > .value,
body.tablet  > main > article.root > figure > h2 {
    font-size:48px;   
}
body.mobile  > main > article.root > figure > .value,
body.mobile  > main > article.root > figure > h2 {
    font-size:32px;   
}*/

body > main > article > figure {
    width:100%;
    margin:0px;
    display:block;
    position:relative;
    text-align:center;
}

body > main > article > figure > .cta {
    position:absolute;
    z-index:500;
    top:0px;
    left:0px;
    padding:0px 25px;
    padding-top:50px;

    width:100%;
    height:100%;
    display:table;
    text-align:center;
}

body > main > article > figure > .cta > .promo {
    display:none;
}

body.tablet > main > article > figure > .cta > .promo,
body.desktop > main > article > figure > .cta > .promo {
    font-size:30px;
    /*line-height:33px;*/
}

body.mobile > main > article > figure > .cta > .promo.active {
    font-size:20px;
    line-height:22px;
}

body > main > article > figure > .cta > .promo.active {
    display:table-cell;
    color:#FFFDDC;
    width:100%;
    vertical-align:middle;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:400;

      text-shadow:rgba(0, 0, 0, .25) 1px 1px 0px;

}

main > article > figure > .cta > .promo.active > b {
    text-transform:uppercase;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:800;
  letter-spacing:-.025em;

}

main > article > figure:not(.noimg) > .cta > .promo.active > b {
    color:#FFF;
}

main > article > figure.noimg > .cta > .promo.active > b {
    color:#FFF;
}

body.tablet > main > article > figure > .cta > .promo.active > b,
body.desktop > main > article > figure > .cta > .promo.active > b {
    font-size:64px;
}

body.mobile > main > article > figure > .cta > .promo.active > b {
    font-size:30px;
    overflow:hidden;
}

body > main > article > figure > .cta > .promo.active > .ui.button {
    max-width:300px;
    margin:0px auto;
    margin-top:30px;
    background:#243742;
    color:#FFF;
    font-size:16px;
    padding:10px;

}

body > main > article > figure > .cta > .promo.active > .suggest {
    font-size:14px;
    color:#EEE;
}

notice {
    background-color:rgba(255,255,255,.5);
    display:block;
    overflow:hidden; 
    display:table;
    position:fixed;
    top:0px;
    left:0px;
    z-index:9999;
    width:100%;
    height:100%;
    padding:5px;
}
notice > .group { 
    text-align:center;
    display:table-cell;
    vertical-align:middle;
}
notice.empty {
    display:none;
}

.ui.button:focus {
    outline:none;
}

.ui.button,
.ui.button .svg {
      transition:all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

.ui.button .svg {
    /*margin-bottom:2px;*/
}

.ui.button .svg,
.ui.button span[data-icon] {
    opacity:.65;
}

.ui.button span[data-icon]:before {
    margin-right:0px;
}

.ui.button:not(.none):hover,
.ui.button:not(.none):active {
    transform:translateX(4px);
    z-index:99999;
}

.ui.button:hover > .label,
.ui.button:hover > .label {
    font-style:italic;
    opacity:1;
    display:inline-block;
}

.ui.button > .label {
    opacity:.85;
    font-style:normal;
}

.ui.button {
    cursor:pointer;
    display:block;
    text-decoration:none;
}

.ui.button:not(.disable):hover .svg,
.ui.button:not(.disable):hover {
    opacity:1;
}

.ui.button:not(.disable):hover {

}

.ui.button.disable {
    background:none;
    border:1px rgba(0, 0, 0, .05) solid;
    cursor:default;
}

.ui.button:not(.disable):active {
    transform:scale(.99);
}

.ui.button.standard.caution,
.ui.button.caution {
    color:#EEE;
    background:#BB5555;
}

.ui.button.standard.caution:hover,
.ui.button.caution:hover {
    color:#FFF;
    background:#CC4545;
}


.ui.button.standard:not(.disable):hover {
    /*box-shadow:-10px 0px 6px -1px rgba(0, 0, 0, .1);*/
    box-shadow:-15px 0px 6px -1px rgba(66, 174, 240, .2);
}

.ui.button.standard.small {
    padding:0px 5px;
    font-size:13px;
    line-height:21px;
}

.ui.button.standard:not(.small) {
    /*line-height:20px;*/
}

body.mobile .ui.button.standard:not(.small),
body.tablet .ui.button.standard:not(.small),
body.desktop .ui.button.standard:not(.small) {
    font-size:15px;
    padding:5px;
}

body.mobile .ui.button.standard:not(.disable),
body.tablet .ui.button.standard:not(.disable),
body.desktop .ui.button.standard:not(.disable) {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:800;
  letter-spacing:-.025em;

    text-transform: uppercase;
    text-shadow:rgba(0, 0, 0, .25) 1px 1px 0px;
}

body.mobile .ui.button.standard.autosize:not(.small),
body.tablet .ui.button.standard.autosize:not(.small),
body.desktop .ui.button.standard.autosize:not(.small) {
    display:inline-block;
    padding:5px 20px;
}

.ui.button.standard {
    text-align:center;
    color:#FFF;
    border:1px rgba(0, 0, 0, .1) solid;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

}

.ui.button.standard:not(.disable):hover {
    background:#41aeef;
}

.ui.button.standard {
    background:#49BBFF;
}

div .ui.button.standard:first-child {
    margin-top:0px;
}

.ui.button.standard.disable {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    background:rgba(0, 0, 0, .025);
    border:1px rgba(0, 0, 0, .05) solid;
    cursor:default;
    color:rgba(0, 0, 0, .25);
}

.ui.button.standard:not(.disable):hover {
    color:#FFF;
    text-shadow:rgba(0, 0, 0, .35) -1px 1px 0px;
    border:1px rgba(0, 0, 0, .25) solid;
}

.ui.button.text {
    text-align:inherit;
    font-size:inherit !important;
    color:inherit;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    display:inline-block;
}
.ui.button.text.disable {
    background:none;
    color:rgba(30,30,30,.25);
    border:1px rgba(0,0,0,.05) solid;
    cursor:default;
    color:rgba(0,0,0,.15);
}
.ui.button.text:not(.disable):hover {
    color:#49BBFF;
}

ui.deck {
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}
/*body.desktop.resizing ui.deck *,
body.desktop.resizing ui.deck {
    visibility:hidden !important;
}*/
ui.deck > .content > .scroll,
ui.deck > .content {
    width:100%;
    height:100%;
    position:relative;
}
ui.deck > .content {
    overflow:hidden;
}
ui.deck > .content > .svg {
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:999;
    border-radius:100%;
    background:#FFF;
    padding:8px;
}
body.desktop .visual.root ui.deck > .content > .svg {
    /*bottom:40px;*/   
}
body.tablet ui.deck > .content > .svg  {
    bottom:auto;
    top:10px;
}
body.mobile .visual.root ui.deck > .content > .svg {
    bottom:36px;   
}
ui.deck > .content > .scroll {
    overflow:hidden;
    /* We need x, so we auto y making the scrollbars disappear */
    /*    overflow-y:auto;*/
}
ui.deck > .content > .scroll > ui.file {
    overflow:hidden;
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
    width:100%;
    height:100%;
}
ui.deck > .content > .scroll > ui.file.show {
    visibility:visible;
}

ui.deck > .index.thumb {
    z-index:999;
    bottom:10px;
    right:10px;
    /*margin-left:-25%;*/
    width:50%;
    height:60px;
    overflow:hidden;
    overflow-x:auto;
    border-spacing:2px;
}

ui.deck > .index.thumb > .node {
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

    background:#FFF;
    border:1px #243742 solid;
}

ui.deck > .index.thumb > .node > .thumb {
    width:100%;
    height:100%;
      transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

    opacity:.2;
}

ui.deck > .index.thumb > .node.active {
    border:1px #49BBFF solid;
      box-shadow:0px 4px 8px 0px rgba(0, 0, 0, .25);

}

ui.deck > .index.thumb > .node.active > .thumb {
    opacity:1;
}

ui.deck > .index {
    position:absolute;
    z-index:199;
    display:table;
    border-spacing:2px;
}
ui.deck > .index > div {
    height:100%;
    display:table-cell;
}
ui.deck > .index.thumb > .node {
    cursor:pointer;
}

body main app > .apphead {
    text-align:center;
}

catalog.extended > .content > .entry .value[data-field='title'] {
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:700;

    color:#49BBFF;
    line-height:1.25em;
      overflow-wrap:break-word;
  word-wrap:break-word;
  -webkit-hyphens:auto;
  -moz-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto;

}

body.desktop catalog.extended > .content > .entry .value[data-field='title'] {
    font-size:48px;
}

body.tablet catalog.extended > .content > .entry .value[data-field='title'] {
    font-size:40px;
}

body.mobile catalog.extended > .content > .entry .value[data-field='title'] {
    font-size:32px;
}

catalog.extended > .content > .entry .value[data-field='description'] {
    font-size:22px;
    margin-bottom:15px;
}

catalog.extended > .content > .entry .value[data-field='body'] {
    font-size:18px;
      font-family:"futura-pt","helvetica neue", helvetica;
  font-weight:300;

    text-align:left;
}

catalog.extended > .content > .entry .group[data-field='meta'] > .group[data-field='content'] > ul {
    padding:0px 10px;
    margin:0px;
    margin-bottom:15px;
}

body:not(.desktop) catalog.extended.product > .content > .entry .group[data-field='header'] {
    text-align:center;
}

body.desktop catalog.extended.product > .content > .entry .group[data-field='header'] {
    text-align:left;
}

body.desktop catalog.extended > .content > .entry > .root {
    padding-right:400px;
    min-height:350px;
    text-align:left;
}

body.desktop catalog.extended > .content > .entry .group[data-field='meta'] {
    position:absolute;
    right:0px;
    top:0px;
    width:350px;

}

body:not(.desktop) catalog.extended > .content > .entry .group[data-field='meta'] {
    width:90%;
    margin:0px auto;
    margin-top:15px;
}

catalog.extended > .content > .entry .group[data-field='meta'] {
    padding:20px;
      border-radius:1.5em;

      box-shadow:0px 1px 2px 0px rgba(0, 0, 0, .1);

    background:#FAFAFA;
}

catalog.extended article > .ui.button  {
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    background:#49BBFF;
    color:#FFF;
    font-size:16px;
}
body.desktop catalog.extended article > .ui.button {
    width:300px;
    margin-left:-150px;
    left:50%;
}

body {
    background-color:#243742;
}

body > main > article > .content  h2,
body > main > article > .content  h1 {
    text-align:center;
}

body.desktop > footer > .contain {

}


body > header > .covid {
    background:#FF0000;
    color:#FFF;
    padding:5px;
    text-align:center;
}

.ui.button:not(.none) {
      border-radius:1.5em;

}