/* Minification failed. Returning unminified contents.
(2109,5): run-time error CSS1031: Expected selector, found ','
 */
html, body {
    margin: 0; 
    padding: 0;
}
@font-face {
  font-family: 'fontello';
  src: url(/Content/wiki/css/fontello/font/fontello.eot?83362629);
  src: url(/Content/wiki/css/fontello/font/fontello.eot?83362629#iefix) format('embedded-opentype'),
       url(/Content/wiki/css/fontello/font/fontello.woff2?83362629) format('woff2'),
       url(/Content/wiki/css/fontello/font/fontello.woff?83362629) format('woff'),
       url(/Content/wiki/css/fontello/font/fontello.ttf?83362629) format('truetype'),
       url(/Content/wiki/css/fontello/font/fontello.svg?83362629#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url(/Content/wiki/css/fontello/font/fontello.svg?83362629#fontello) format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-gplus:before { content: '\e800'; } /* '' */
.icon-spin4:before { content: '\e834'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-tumblr:before { content: '\f173'; } /* '' */
.icon-pinterest:before { content: '\f231'; } /* '' */
/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

[ng-cloak],
.ng-cloak {
    display: none !important;
}

img.lazy-load {
    background-color: #f3f5f7;
}

.image-rendering-fix {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast; 
    -ms-interpolation-mode: nearest-neighbor; 
}

.wiki-container {

}

.wiki-container > header {
    border-top: 3px solid #1a2127;
    border-bottom: 1px solid #e7ebef;
}

.wiki-container-responsive {
    max-width: 1240px;
    margin: 0 auto;
    overflow: hidden;
    min-height: calc(100vh - 400px);
}

.wiki-footer-wrapper-dark .wiki-container-responsive {
    min-height: auto;
}

.wiki-container.full-width-page .wiki-container-responsive {
    width: 100%;
    max-width: 1500px;
}
.wiki-container.full-width-page nav.wiki-top-menu {
    width: 100%;
    max-width: 1500px;
}


    .wiki-container-responsive.with-overflow {
        overflow: visible;
    }

.wiki-container-responsive > section {
    margin-top: 30px;
}

.wiki-container-responsive > section:first-of-type {
    margin-top: 0;
}

.wiki-footer-wrapper-dark {
    background: #1a2127;
    margin-top: 30px;
}

.wiki-container .title-amateur {
    font-family: 'Roboto';
    color: #a4a4a4;
    font-weight: 200;
}

/* top-menu */

.wiki-container nav.wiki-top-menu  {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    height: 68px;
    /*
    border-top: 3px solid #1a2127;
    border-bottom: 1px solid #e7ebef; */
    padding: 0 20px;
    margin: 0;
    margin: 0 auto;
}

.wiki-container nav.wiki-top-menu a {
    display: block;
    padding: 0 23px;
    list-style: none;
    border-left: 1px solid #e7ebef;
    line-height: 68px;
    text-decoration: none;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 15px;
    color: #000;
}

.wiki-container nav.wiki-top-menu a:last-child {
    border-right: 1px solid #e7ebef;
}

/* top-menu -> logo */
.wiki-container nav.wiki-top-menu .wiki-top-menu-logo-container {
    box-sizing: border-box;
    display: block;
    width: 300px;
    padding:0 20px;
    font-size: 0;
    border-left: 1px solid #e7ebef;
    position: relative;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-logo-container a.pixel-icon {
    box-sizing: border-box;
    border:none;
    width: 68px;
    height: 68px;
    display:inline-block;
    padding:0;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-logo-container a.wiki-top-menu-logo {
    box-sizing: border-box;
    display: inline-block;
    width: 172px;
    height: 68px;
    border: none;
    padding: 0;
    position: absolute;
    top: 0;
    right: 20px;
}


    .wiki-container nav.wiki-top-menu .wiki-top-menu-logo-container a.wiki-top-menu-logo.en {
        background: url(/Content/wiki/img/logo-en.svg) center no-repeat;
        background-size: 174px 46px;
    }

    .wiki-container nav.wiki-top-menu .wiki-top-menu-logo-container a.wiki-top-menu-logo.zh {
        background: url(/Content/wiki/img/logo-zh.svg) center no-repeat;
        background-size: 174px 46px;
    }

    .wiki-container nav.wiki-top-menu .wiki-top-menu-logo-container a.wiki-top-menu-logo.ru {
        background: url(/Content/wiki/img/logo-ru.svg) center no-repeat;
        background-size: 174px 55px;
    }

.wiki-container nav.wiki-top-menu .wiki-top-menu-logo-container a.wiki-top-menu-logo.uk {
    background: url(/Content/wiki/img/logo-uk.svg) center no-repeat;
    background-size: 174px 55px;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-logo-container a.wiki-top-menu-logo.fr {
    background: url(/Content/wiki/img/logo-fr.svg) center no-repeat;
    background-size: 174px 55px;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-logo-container a.wiki-top-menu-logo.de {
    background: url(/Content/wiki/img/logo-de.svg) center no-repeat;
    background-size: 174px 55px;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-logo-container a.wiki-top-menu-logo.es {
    background: url(/Content/wiki/img/logo-es.svg) center no-repeat;
    background-size: 174px 55px;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-logo-container a.wiki-top-menu-logo.pt {
    background: url(/Content/wiki/img/logo-pt.svg) center no-repeat;
    background-size: 174px 55px;
}



/* top-menu -> search input */
.wiki-container nav.wiki-top-menu a.wiki-top-menu-search-textbox {
    box-sizing: border-box;
    display:inline-block;
    margin: 0;
    padding: 0;
    height: 100%;
}

    .wiki-container nav.wiki-top-menu a.wiki-top-menu-search-logo {
        box-sizing: border-box;
        display: none;
        margin: 0;
        padding: 0;
        height: 100%;
        border: none;
        position:absolute;
        top: 0;
        left: 0;
    }

    .wiki-container nav.wiki-top-menu.search-input-active a.wiki-top-menu-search-logo {
        display: none !important;
    }

.wiki-container nav.wiki-top-menu.search-input-active .wiki-top-menu-search-wrapper {
    box-shadow: 0 10px 25px 0 rgba(71, 82, 93, 0.3);
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-search-wrapper:focus {
}

.wiki-container nav.wiki-top-menu.search-input-active .wiki-top-menu-search-wrapper .wiki-top-menu-search-textbox {
    padding: 18px 0 18px 20px;
    width: calc(100% - 84px);
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-search-wrapper .wiki-top-menu-search-textbox input[type='text'] {
    padding-left: 10px;
    display: none;
    font-family: 'Roboto';
    font-size: 15px;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-search-wrapper .wiki-top-menu-search-textbox input[type='text']::-ms-clear {
    display: none;
}

.wiki-container nav.wiki-top-menu.search-input-active .wiki-top-menu-search-wrapper .wiki-top-menu-search-textbox input[type='text'] {
    display: block;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #226daf;
    outline: none;
    border-radius: 0;
    padding: 0 2px 0 5px;
}

.wiki-container nav.wiki-top-menu.search-input-active .wiki-top-menu-search-wrapper .wiki-top-menu-search-textbox {
    background: none;
}

/* top-menu -> search */
.wiki-container nav.wiki-top-menu .wiki-top-menu-search-wrapper {
    flex-grow: 1;
    position: relative;
    height: 100%;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-search-wrapper .wiki-top-menu-search-result {
    display: none;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-search-wrapper .wiki-top-menu-search-result {
    box-sizing: border-box;
    position: absolute;
    left: 1px;
    top: 0;
    margin-top: 69px;
    padding: 0;
    width: calc(100% - 1px);
    box-shadow: 0px 10px 25px 0 rgba(71, 82, 93, 0.3);
    z-index: 999;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-search-wrapper .wiki-top-menu-search-result > li {
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0;
    height: 82px;
    background: #fff;
    border-bottom: 1px solid #e7ebef;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 91px;
    padding-right: 20px;
    position: relative;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-search-wrapper .wiki-top-menu-search-result > li .mini {
    width: 54px;
    height: 58px;
    background-color: #f3f5f7;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 13px;
    left: 20px;
    border: none;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-search-wrapper .wiki-top-menu-search-result > li.selected {
    background-color: #e7ebef !important;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-search-wrapper .wiki-top-menu-search-result > li.hint {
    height: 40px;
    padding: 10px 20px;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-search-wrapper .wiki-top-menu-search-result > li h5, 
.wiki-container nav.wiki-top-menu .wiki-top-menu-search-wrapper .wiki-top-menu-search-result > li h6 {
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0;
    font-weight: normal;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-search-wrapper .wiki-top-menu-search-result > li h6 .highlighted {
    color: #0057a3;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-search-wrapper .wiki-top-menu-search-result > li h5 {
    line-height: 16px;
    font-size: 14px;
    font-family: 'Roboto';
    color: #a4a4a4;
    font-weight: normal;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-search-wrapper .wiki-top-menu-search-result > li h6 {
    line-height: 20px;
    font-size: 15px;
    font-family: 'Roboto';
    font-weight: 700;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-search-wrapper .wiki-top-menu-search-result > li > a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
}

.wiki-container nav.wiki-top-menu a.wiki-top-menu-search {
    display: block;
    background: url(/Content/wiki/img/search.svg) center no-repeat;
    background-size: 24px 24px;
    width: 68px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-right: none;
    padding: 0;
    outline: none;
}

.wiki-container nav.wiki-top-menu.search-input-active .wiki-top-menu-search-wrapper .wiki-top-menu-search-icon {
    box-sizing: border-box;
    display: block;
    position: absolute;
    right: 63px;
    bottom: 18px;
    background: #eda000;
    height: 30px;
    width: 21px;
    background: url(/Content/wiki/img/search.svg) center no-repeat;
    border-bottom: 1px solid #226daf;
    cursor: pointer;
}

.wiki-container nav.wiki-top-menu.search-input-active .wiki-top-menu-search-wrapper .wiki-top-menu-search {
    border-left: none;
    background: url(/Content/wiki/img/close@2x.png) center no-repeat;
    background-size: 16px 15px;
    height: 100%;
}

.wiki-container nav.wiki-top-menu.search-input-active .wiki-top-menu-search-wrapper .wiki-top-menu-search-result {
    display: block;
}

.wiki-container nav.wiki-top-menu.search-input-active .wiki-top-menu-search-wrapper.active .wiki-top-menu-search-icon {
    display: block;
}

/* top-menu -> lang */
.wiki-container nav.wiki-top-menu a.wiki-top-menu-lang {
    display: block;
    /* 12x7 */ background: url(/Content/wiki/img/arrow_down@2x.png) 
        23px 
        center 
        no-repeat;
    background-size: 12px 7px;
}

    .wiki-container nav.wiki-top-menu.lang-input-active a.wiki-top-menu-lang {
        /* 12x7 */ background: url(/Content/wiki/img/arrow_up@2x.png) 23px center no-repeat;
        background-size: 12px 7px;
    }

.wiki-container .wiki-top-menu .wiki-top-menu-lang-wrapper .wiki-top-menu-lang-list,
.wiki-container .wiki-top-menu .wiki-top-menu-user-menu-wrapper .wiki-top-menu-user-menu-list {
    display: none;
}

.wiki-container .wiki-top-menu.lang-input-active .wiki-top-menu-lang-wrapper {
    box-shadow: 0 10px 25px 0 rgba(71, 82, 93, 0.3);
}

.wiki-container .wiki-top-menu .wiki-top-menu-lang-wrapper {
    /*transition: width 0.3s;*/
    width: 85px;
    position: relative;
}

/* top-menu -> actions */
.wiki-container nav.wiki-top-menu a.wiki-top-menu-actions {
    display: block;
    background: url(/Content/wiki/img/arrow_down@2x.png) 23px center no-repeat;
    background-size: 12px 7px;
}

    .wiki-container nav.wiki-top-menu a.wiki-top-menu-actions.opened {
        display: block;
        background: url(/Content/wiki/img/arrow_up@2x.png) 23px center no-repeat;
        background-size: 12px 7px;
    }

    .wiki-container nav.wiki-top-menu a.wiki-top-menu-actions b {
        text-transform: uppercase;
        padding-left: 20px; /* 12px icon + 8px between icon and text */
    }

    .wiki-container nav.wiki-top-menu a.wiki-top-menu-actions .actions-icon {
        display: none;
        background: url(/Content/wiki/img/actions-black-copy.svg) 24px center no-repeat;
        height: 100%;
    }


.wiki-container .wiki-top-menu .wiki-top-menu-user-menu-wrapper {
    cursor: pointer;
    border-right: 1px solid #e7ebef;
    width: 68px;
    height: 100%;
    position: relative;
}

.wiki-container .wiki-top-menu .wiki-top-menu-user-menu-wrapper a.wiki-top-menu-user-menu {
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: url(/Content/wiki/img/user-logged.svg) center no-repeat;
    background-size: 24px 24px;
    padding: 0;
}

.wiki-container .wiki-top-menu.user-menu-active .wiki-top-menu-user-menu-wrapper {
    box-shadow: 0 10px 25px 0 rgba(71, 82, 93, 0.3);
}

.wiki-container .wiki-top-menu.search-input-active .wiki-top-menu-lang-wrapper {
    /*width: 183px;*/
    /*box-shadow: 0 10px 25px 0 rgba(71, 82, 93, 0.3);*/
}

.wiki-container .wiki-top-menu.lang-input-active .wiki-top-menu-lang-wrapper .wiki-top-menu-lang-list {
    display: block;
    position: absolute;
    left: 1px;
    top: 0;
    padding: 16px 10px;
    margin: 69px 0 0 0;
    width: 150px;
    box-shadow: 0 10px 25px 0 rgba(71, 82, 93, 0.3);
    z-index: 999;
    background: #fff;
}

.wiki-container .wiki-top-menu.user-menu-active .wiki-top-menu-user-menu-wrapper .wiki-top-menu-user-menu-list {
    display: block;
    position: absolute;
    left: -132px;
    top: 0;
    width: 200px;
    box-shadow: 0 10px 25px 0 rgba(71, 82, 93, 0.3);
    z-index: 999;
    background: #fff;
    margin: 69px 0 0 0;
    padding: 10px 0;
}

.wiki-container .wiki-top-menu.lang-input-active .wiki-top-menu-lang-wrapper .wiki-top-menu-lang-list > li,
.wiki-container .wiki-top-menu.user-menu-active .wiki-top-menu-user-menu-wrapper .wiki-top-menu-user-menu-list > li {
    display: block;
    margin: 0;
    line-height: 31px;
}

.wiki-container .wiki-top-menu.lang-input-active .wiki-top-menu-lang-wrapper .wiki-top-menu-lang-list > li h6,
.wiki-container .wiki-top-menu.user-menu-active .wiki-top-menu-user-menu-wrapper .wiki-top-menu-user-menu-list > li h6 {
    display: block;
    height: 100%;
    line-height: 20px;
    margin: 0;
    padding: 5px 10px;
    font-family: 'Roboto';
    font-weight: normal;
    font-size: 14px;
    cursor: pointer;
}

.wiki-container .wiki-top-menu.user-menu-active .wiki-top-menu-user-menu-wrapper .wiki-top-menu-user-menu-list > li a {
    padding: 0 10px !important;
}

.wiki-container .wiki-top-menu.user-menu-active .wiki-top-menu-user-menu-wrapper .wiki-top-menu-user-menu-list > li:nth-child(2) {
    margin-top: 10px;
}

    .wiki-container .wiki-top-menu.lang-input-active .wiki-top-menu-lang-wrapper .wiki-top-menu-lang-list > li h6:hover,
    .wiki-container .wiki-top-menu.user-menu-active .wiki-top-menu-user-menu-wrapper .wiki-top-menu-user-menu-list > li .user-menu-link h6:hover {
        background: #0057a3;
        color: #fff;
    }

    .wiki-container .wiki-top-menu.lang-input-active .wiki-top-menu-lang-wrapper .wiki-top-menu-lang-list .language-link,
    .wiki-container .wiki-top-menu.user-menu-active .wiki-top-menu-user-menu-wrapper .wiki-top-menu-user-menu-list .user-menu-link {
        display: block;
        padding: 0;
        margin: 0;
        border: none;
        line-height: initial;
        height: 100%;
    }

    .wiki-container .wiki-top-menu.user-menu-active .wiki-top-menu-user-menu-wrapper .wiki-top-menu-user-menu-list .display-name {
        display: block;
        padding: 0;
        padding-bottom: 5px !important;
        margin: 0;
        border: none;
        border-bottom: 1px solid #e7ebef;
        line-height: initial;
        height: 100%;
        color: #a4a4a4;
        cursor: default;
    }

        .wiki-container .wiki-top-menu.user-menu-active .wiki-top-menu-user-menu-wrapper .wiki-top-menu-user-menu-list .display-name > h6 {
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: default;
        }

.wiki-container nav.wiki-top-menu a.wiki-top-menu-lang b {
    text-transform: uppercase;
    padding-left: 20px; /* 12px icon + 8px between icon and text */
}

/* top-menu -> auth */
@media (min-width: 999px) {
    .wiki-container nav.wiki-top-menu a.wiki-top-menu-auth {
        
        padding: 0 30px 0 55px !important;
    }      
}
.wiki-container nav.wiki-top-menu a.wiki-top-menu-auth {
    box-sizing: border-box;
    display: block;
    /* 16x21 */ background: url(/Content/wiki/img/auth-icon@2x.png) 
        23px 
        center 
        no-repeat;
    /*width: 165px; */
    background-size: 16px 21px;
    overflow:hidden;
    text-align:center;
    /*transition: width 0.3s;*/
}

.wiki-container nav.wiki-top-menu a.wiki-top-menu-auth.long-text-fix {
    padding-right: 18px;
    text-align: right;
}

.wiki-container nav.wiki-top-menu a.wiki-top-menu-auth:focus {
    outline:none !important;
}

.wiki-container nav.wiki-top-menu a.wiki-top-menu-auth b {
    text-transform: uppercase;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-logged-in {
    cursor: pointer;
    border-left: 1px solid #e7ebef;
    border-right: 1px solid #e7ebef;
    width:68px;
    height: 100%;
    background: url(/Content/wiki/img/user-logged.svg) center no-repeat;
    background-size: 24px 24px;
}

.wiki-container nav.wiki-top-menu .wiki-top-menu-logged-in:focus {
    outline: none !important;
}

.wiki-container nav.wiki-top-menu a.wiki-top-menu-auth.minimized {
    width: 67px;
}

.wiki-container nav.wiki-top-menu a.wiki-top-menu-auth.minimized b {
    display: none;
}

/* /top-menu */

/* actions-menu*/
.wiki-container-responsive .actions-menu {
    overflow: hidden;
    background-color: #96b4ce;
    margin: 0 21px;
    text-align: right;
    line-height: 30px;
    display: flex;
}
    .wiki-container-responsive .actions-menu .action-menu-navigation {
        display: inline-block;
        color: #fff;
        padding: 0 12px;
        margin: 3px 3px;
        text-decoration: none;
        font-family: 'Roboto';
    }
        .wiki-container-responsive .actions-menu .action-menu-navigation.animated > span {
            color: #96b4ce;
        }


        .wiki-container-responsive .actions-menu .action-menu-navigation:not(.current):not(.disabled):hover {
            color: #96b4ce;
            background-color: #fff;
        }

    

        .wiki-container-responsive .actions-menu .action-menu-navigation.disabled {
            pointer-events: none;
            cursor: default;
            color: lightblue;
        }

        .wiki-container-responsive .actions-menu .action-menu-navigation.current {
            font-weight: bold;
            color: #fff;
        }


        .wiki-container-responsive .actions-menu .actions-menu-left {
            flex:none;
        }

    .wiki-container-responsive .actions-menu .actions-menu-right {
        flex: 1;
    }
    /*actions-menu*/
    /* top-menu mobile */
    .wiki-container nav.wiki-top-menu a.wiki-top-menu-mobile-switch {
        padding: 0;
        display: none;
        width: 72px;
        height: 100%;
        background: url(/Content/wiki/img/menu-2.svg) center center no-repeat;
    }

.wiki-container nav.wiki-top-menu a.wiki-top-menu-mobile-switch .wiki-top-menu-mobile-switch-wrapper {
    height: 100%;
    position: relative;
}

.wiki-container nav.wiki-top-menu a.wiki-top-menu-mobile-switch .wiki-top-menu-mobile-switch-icon {
    box-sizing: border-box;
    position: absolute;
    height: 20px;
    width: 24px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.wiki-container nav.wiki-top-menu a.wiki-top-menu-mobile-switch .wiki-top-menu-mobile-switch-icon-close {
    display: none;
    box-sizing: border-box;
    position: absolute;
    height: 44px;
    width: 44px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.wiki-container nav.wiki-top-menu a.wiki-top-menu-mobile-switch .wiki-top-menu-mobile-switch-icon-close:after {
    content: '\00d7';
    display: block;
    position: relative;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 44px;
    font-size: 60px;
    font-weight: normal;
    font-family: '';
}

.wiki-container nav.wiki-top-menu a.wiki-top-menu-mobile-switch .wiki-top-menu-mobile-switch-icon:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 24px;
    height: 2px;
    background: #000;
}

.wiki-container nav.wiki-top-menu a.wiki-top-menu-mobile-switch .wiki-top-menu-mobile-switch-logo {
    position: absolute;
    background: url(/Content/wiki/img/logo_small.png) no-repeat;
    height: 44px;
    width: 44px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.wiki-container section.wiki-top-menu-mobile {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    /*width: 320px;*/
    width: 100%;
    height: 100vh;
    background: #1a2127;
}

.wiki-container section.wiki-top-menu-mobile ul {
    padding: 0 0 0 20px;
    margin: 0;
}

.wiki-container section.wiki-top-menu-mobile ul > li {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 25px;
    box-sizing: border-box;
}

.wiki-container section.wiki-top-menu-mobile ul > li.selected {
    border-left: 3px solid #fff;
}

.wiki-container section.wiki-top-menu-mobile ul > li.selected h5 {
    color: #fff;
}

.wiki-container section.wiki-top-menu-mobile ul > li > h5 {
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    height: 50px;
    line-height: 50px;
    color: #0057a3;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 27px;
    text-transform: uppercase;
}

.wiki-container section.wiki-top-menu-mobile ul > li > ul {
    padding: 0;
    margin: 0;
}

.wiki-container section.wiki-top-menu-mobile ul > li > ul > li {
    margin: 0;
    padding: 0;
}

.wiki-container section.wiki-top-menu-mobile ul > li > ul > li > ul {
    margin: 0;
    padding: 0;
}

.wiki-container section.wiki-top-menu-mobile ul > li > ul > li > h6 {
   display: block;
    padding: 0;
    margin: 0;
    border: 0;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-family: 'Roboto';
    font-size: 21px;
    font-weight: normal;
}

.wiki-container section.wiki-top-menu-mobile ul.group {
    display: block;
    max-height: none !important;
}

.wiki-container section.wiki-top-menu-mobile .close {
    display: block;
    box-sizing: border-box;
    position: fixed;
    height: 44px;
    width: 44px;
    top: 22px;
    right: 22px;
}

.wiki-container section.wiki-top-menu-mobile ul.lang-list {
    position: absolute;
    bottom: 80px;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #fff;
    z-index: 999;
    display: none;
    max-height: calc(100vh - 150px);
    overflow-y: scroll;
}

.wiki-container section.wiki-top-menu-mobile ul.lang-list.active {
    display: block;
}

.wiki-container section.wiki-top-menu-mobile .lang-list > li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wiki-container section.wiki-top-menu-mobile .lang-list > li a {
    display: block;
}

.wiki-container section.wiki-top-menu-mobile .lang-list > li a h6 {
    margin: 0;
    padding: 0;
    height: 75px;
    line-height: 75px;
    font-size: 28px;
    font-family: 'Roboto Condensed';
    border-bottom: 1px solid #e7ebef;
    font-weight: normal;
    margin: 0 30px;
    text-transform: uppercase;
}

.wiki-container section.wiki-top-menu-mobile .lang-list > li a.selected h6 {
    font-family: 'Roboto';
    font-weight: 700;
}

.wiki-container section.wiki-top-menu-mobile .languages {
    box-sizing: border-box;
    position: absolute;
    width: 50%;
    left: 0;
    bottom: 0;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #2e363b;
    z-index: 999;
    border: none;
    border-right: 1px solid #1a2127;
}

.wiki-container section.wiki-top-menu-mobile .languages > select {
    position: absolute;
    left: 0;
    width:100%;
    height: 80px;
    background: #2e363b;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    color: #2e363b;
    z-index: 999;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
    .wiki-container section.wiki-top-menu-mobile .languages > select option {
        color: #fff;
    }

.wiki-container section.wiki-top-menu-mobile .languages > span.selectedLanguage {
    position: absolute;
    left: 0;
    width: 100%;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    color: #fff;
    z-index: 1000;
    pointer-events: none;
}

.wiki-container section.wiki-top-menu-mobile .languages:focus,
.wiki-container section.wiki-top-menu-mobile .languages > select:focus,
.wiki-container section.wiki-top-menu-mobile .languages > select > option:focus {
    outline: none !important;
}


/*.wiki-container section.wiki-top-menu-mobile .languages > select::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-28px);
    background: url(/Content/wiki/img/arrow-up@2x.png) center center no-repeat;
    background-size: 12px 7px;
}

.wiki-container section.wiki-top-menu-mobile .languages.active::before {
    background: url(/Content/wiki/img/arrow-down@2x.png) center center no-repeat;
    background-size: 12px 7px;
    
}*/

.wiki-container section.wiki-top-menu-mobile .languages span {
    position: relative;
}

.wiki-container section.wiki-top-menu-mobile .languages span:before {
    content: '';
    display: none;
    position: absolute;
    left: -23px;
    top: 0;
    background: url(/Content/wiki/img/arrow_down.png) center center no-repeat;
    width: 23px;
    height: 23px;
}

.wiki-container section.wiki-top-menu-mobile .auth {
    box-sizing: border-box;
    position: absolute;
    width: 50%;
    left: 50%;
    bottom: 0;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #2e363b;
    font-family: 'Roboto';
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    z-index: 999;
}

.wiki-container section.wiki-top-menu-mobile .auth::before {

}

.wiki-container section.wiki-top-menu-mobile .close:after {
    content: '\00d7';
    display: block;
    position: relative;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 44px;
    font-size: 60px;
    font-weight: normal;
    font-family: '';
    color: #fff;
}

.wiki-container .wiki-top-menu-mobile .wiki-left-menu {
    overflow-y: scroll;
    /*max-height: 100vh;*/
    height: calc(100% - 80px);
}

.wiki-container .wiki-top-menu-mobile .wiki-left-menu > ul {
    padding-top: 30px;
}

.wiki-container .wiki-top-menu-mobile .wiki-left-menu ul li.selected > a > h4 {
    color: #fff;
}

.wiki-container section.wiki-top-menu-mobile ul > li.selected {
    border: none;
}

.wiki-container section.wiki-top-menu-mobile .wiki-left-menu ul {
    
}

.wiki-container section.wiki-top-menu-mobile .wiki-left-menu ul > li {
    padding: 0;
    box-sizing: border-box;
}

.wiki-container section.wiki-top-menu-mobile .wiki-left-menu ul > li.user-menu {
    display: block !important;
}

.wiki-container section.wiki-top-menu-mobile .wiki-left-menu ul > li h4 {
    height: 50px;
    line-height: 50px;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 28px;
    color: #007be7;
    padding-left: 30px;
    white-space:nowrap;
}

.wiki-container section.wiki-top-menu-mobile .wiki-left-menu ul > li.selected h4 {
    border-left: 3px solid #fff;
    padding-left: 27px;
}

.wiki-container section.wiki-top-menu-mobile .wiki-left-menu ul > li.selected h5 {
    color: #fff;
}

.wiki-container section.wiki-top-menu-mobile .wiki-left-menu ul > li h5 {
    height: 50px;
    line-height: 50px;
    font-family: 'Roboto Condensed';
    font-size: 22px;
    color: #fff;
    padding-left: 30px;
}

.wiki-container section.wiki-top-menu-mobile .wiki-left-menu ul > li h6 a {
    height: 50px;
    line-height: 50px;
    font-family: 'Roboto Condensed';
    font-size: 22px;
    color: #fff;
    padding-left: 30px;
}

.wiki-container section.wiki-top-menu-mobile .wiki-left-menu ul > li h6 sup {
    font-size: 10px;
    color: #575f66;
    padding-left: 5px;
}

.wiki-container section.wiki-top-menu-mobile ul.group {
    display: none;
}

.wiki-container section.wiki-top-menu-mobile .group-container:not(.empty) h6:before {
    display: none;
}

.wiki-container section.wiki-top-menu-mobile .group-container:not(.empty) .group-title {
    height: auto;
    min-height: 50px;
    line-height: 50px;
    font-family: 'Roboto Condensed';
    font-size: 22px;
    color: #fff;
    padding-left: 60px;
}

.wiki-container section.wiki-top-menu-mobile .group-container .group-title {
    height: auto;
    min-height: 50px;
}

.wiki-container section.wiki-top-menu-mobile .group-container .group-title a {
    height: auto;
    min-height: 50px;
}

.wiki-container  section.wiki-top-menu-mobile .wiki-left-menu > ul > li.selected > ul {
    max-height: none;
}

.wiki-container section.wiki-top-menu-mobile .wiki-left-menu li.selected > ul.child {
    max-height: none;
    overflow-y: auto;
}


.wiki-container section.wiki-top-menu-mobile .wiki-left-menu ul.child {
    display: none;
}

.wiki-container section.wiki-top-menu-mobile  .wiki-left-menu > ul {
    margin-bottom: 80px;
    overflow-y: scroll;
}

/* /top-menu mobile*/

/* section with left menu */
.wiki-container section.wiki-layout-left-menu {
    display: flex;
    padding: 0 20px;
    position: relative;
    min-height: 500px;
}

.wiki-container section.wiki-layout-left-menu > aside {
    box-sizing: border-box;
    overflow: hidden;
    /* max-height: 1300px; */
    padding-right: 20px;
    margin-top: 77px;
}

.wiki-container section.wiki-layout-left-menu > aside .user-menu {
    /*display: none;*/
}

    .wiki-container section.wiki-layout-left-menu > aside .selected.user-menu > ul {
        max-height: 1000px;
    }


.wiki-container section.wiki-layout-left-menu > main {
    /*flex-grow: 1; */
    width: 100%;
}

/* /section with left menu */

/* breadcrumbs */
.wiki-container .wiki-breadcrumbs {
    display: block;
    border-bottom: 1px solid #e7ebef;
    height: 80px;
    padding: 0 10px;
    line-height: 80px;
    position: relative;
}

/* breadcrumbs  -> prev, next btns */
.wiki-container .wiki-breadcrumbs-btns {
    position: absolute;
    right: 10px;
    top: 0;
    width: 88px;
    height: 80px;
}

.wiki-container .wiki-breadcrumbs-btns a {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    border: 1px solid #e7ebef;
    border-radius: 25px;
}

.wiki-container .wiki-breadcrumbs-btns a.wiki-breadcrumbs-btns-prev {
    left: 0;
    top: 20px;
}

.wiki-container .wiki-breadcrumbs-btns a.wiki-breadcrumbs-btns-next {
    right: 0;
    top: 20px;
}

.wiki-container a.wiki-breadcrumbs-btns-next .wiki-breadcrumbs-btns-icon {
    transform: rotate(180deg);
}
    

.wiki-container .wiki-breadcrumbs-btns-icon {
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: url(/Content/wiki/img/arrowleft.svg) center center no-repeat;
    background-size: 16px 16px;
}

.wiki-container .wiki-breadcrumbs-btns a:hover  {
    box-shadow: 0px 10px 25px 0 rgba(71, 82, 93, 0.3);
}

.wiki-container .wiki-breadcrumbs-btns a:hover .wiki-breadcrumbs-btns-icon {
    background: url(/Content/wiki/img/arrowleft-hover.svg) center center no-repeat #0057a3 !important;
    background-size: 16px 16px !important;
    border: none !important;
}


/* breadcrumbs  -> links */
.wiki-container .wiki-breadcrumbs-links {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wiki-container .wiki-breadcrumbs .wiki-breadcrumbs-links a {
    font-family: 'Roboto';
    font-size: 14px;
    text-decoration: none;
    color: #555555;
}

    .wiki-container .wiki-breadcrumbs .wiki-breadcrumbs-links a h1 {
        margin: 0;
        font-size: 1em;
        display: inline-block;
        font-weight: normal;
    }

.wiki-container .wiki-breadcrumbs .wiki-breadcrumbs-links s {
    font-family: 'Roboto';
    font-size: 14px;
    text-decoration: none;
    padding: 0 10px;
    color: #a4a4a4;
}

.wiki-container .wiki-breadcrumbs-artwork .wiki-breadcrumbs-links {
    width: calc(100% - 90px);
}

/* breadcrumbs */

/* artist info */
.wiki-container .wiki-layout-artist-info {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}

.wiki-container .wiki-layout-artist-info > header {
    display: none;
}

.wiki-container .wiki-layout-artist-info > aside {
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 25px;
    order: 1;
    flex: 1 auto;
    max-width: 50%;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-artist-image-wrapper {
    background-color: #f3f5f7;
}

.wiki-container .wiki-layout-artist-info > aside img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.wiki-container .wiki-layout-artist-info > aside img.placeholder {
    max-height: 400px;
}

.wiki-container .wiki-layout-artist-info > aside a {
    display: inline-block;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 14px;
    color: #a4a4a4;
    margin-top: 20px;
    text-decoration: none;
    cursor: text;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom {
    margin-top: 10px;
    position: relative;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .max-resolution-container {
    display: inline-block;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .file-source-link {
    color: #0057a3;
    cursor: pointer;
    margin-top: 0;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .file-source-link.hidden {
    display: none;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .fav-controls-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 80px;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .fav-controls-wrapper .fav-controls-folder {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
}

.wiki-container .wiki-layout-artist-info.masonry-detailed-artwork-item > aside .wiki-layout-painting-info-bottom .fav-controls-wrapper .fav-controls-folder {
    top: -10px;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .fav-controls-wrapper .fav-controls-heart {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
}

.wiki-container .wiki-layout-artist-info.masonry-detailed-artwork-item > aside .wiki-layout-painting-info-bottom .fav-controls-wrapper .fav-controls-heart {
    top: -10px;
}

.fav-controls-folder {
     display: block;
     background: url(/Content/wiki/img/briefcase.svg) center center no-repeat;
     background-size: 24px 20px;
     cursor: pointer;
}
.fav-controls-folder.checked {
    background: url(/Content/wiki/img/any-album-checked.svg) center center no-repeat;
    background-size: 40px 40px;
}

    .fav-controls-folder .fav-controls-folder-dropdown-wrapper {
        position: absolute;
        left: -175px;
        top: 12px;
        margin: 36px 0 0 0;
        width: 230px;
        border-top: solid 3px #0057a3;
        background: #fff;
        z-index: 999;
        box-shadow: 0 10px 25px 0 rgba(71, 82, 93, 0.3);
    }

        .fav-controls-folder .fav-controls-folder-dropdown-wrapper .header {
                line-height: 16px;
                font-size: 16px;
                padding: 15px 20px 15px 15px;
                margin: 0;
                font-family: 'Roboto Condensed';
                font-weight: 700;
                text-transform: uppercase;
                background-color: #F9F9F9;
                border-top: none;
                cursor: default;
    }

    .fav-controls-folder .fav-controls-folder-dropdown {
        display: block;
        /*position: absolute;
        left: -175px;
        top: 12px;*/
        padding:0;
        margin: 0;
        
        
        list-style-type: none;
        
    }

    .fav-controls-folder .fav-controls-folder-dropdown.with-scroll {
        max-height: 376px;
        overflow-y: scroll;
    }

    


    .fav-controls-folder .fav-controls-folder-dropdown-wrapper:before {
        top: -11px;
        right: 26px;
        z-index: 9999;
        border: solid 3px;
        content: ' ';
        height: 15px;
        width: 15px;
        position: absolute;
        pointer-events: none;
        border-top-color: #0057a3;
        border-right-color: #0057a3;
        border-bottom: none;
        border-left: none;
        transform: rotate(-45deg);
        background-color: #F9F9F9;
        border-top-left-radius: 1px;
    }

        .fav-controls-folder .fav-controls-folder-dropdown li {
            line-height: 16px;
            font-size: 14px;
            padding: 15px 25px 15px 10px;
            margin-left: 12px;
            font-family: 'Roboto';
            overflow: hidden;
            text-overflow: ellipsis;
            position: relative;
            white-space: nowrap;
        }

            .fav-controls-folder .fav-controls-folder-dropdown li .album-icon {
                display:none;
                position: absolute;
                right: 10px;
                top: 12px;
                background: url(/Content/wiki/img/album-checked.svg) center center no-repeat;
                background-size: 20px 20px;
                width: 20px;
                height: 20px;
            }
            .fav-controls-folder .fav-controls-folder-dropdown li.checked:not(.favourites-menu-loader-small) .album-icon {
                display: block;
            }

        .fav-controls-folder .fav-controls-folder-dropdown li > span {
            pointer-events: none;
        }

        .fav-controls-folder .fav-controls-folder-dropdown li:not(.first-child) {
            border-top: solid 1px #e7ebef;
        }

    .fav-controls-folder .fav-controls-folder-dropdown-wrapper .albums-footer {
        line-height: 44px;
        height: 44px;
        font-size: 16px;
        padding: 0 20px 0 15px;
        margin: 0;
        background-color: #F9F9F9;
        color: #0057a3;
        border-top: none;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        white-space: nowrap;
        font-family: 'Roboto';
    }   
            .fav-controls-folder .fav-controls-folder-dropdown-wrapper .albums-footer.expanded {
                padding: 5px 20px 9px 15px;
                cursor: default;
                overflow: auto;
                height: auto;
                line-height: 14px;
            }

            @media(hover: hover) {
                .fav-controls-folder .fav-controls-folder-dropdown-wrapper li.album-item:hover span {
                    font-weight: 700;
                }
            }
            

            

            .fav-controls-folder .fav-controls-folder-dropdown-wrapper .favourites-menu-loader-small::after {
                display: none;
            }

            .fav-controls-folder .fav-controls-folder-dropdown-wrapper .favourites-menu-loader-small span.icon-spin4 {
                display: inline-block !important;
                position: absolute;
                right: 8px;
                top: 15px;
                color: black;
            }

        .fav-controls-folder .fav-controls-folder-dropdown-wrapper .albums-footer .modal-input.favourites-menu-loader-small span.icon-spin4 {
            right: -20px;
            top: 10px;
        }


             .fav-controls-folder .fav-controls-folder-dropdown-wrapper .albums-footer .modal-input {
                 margin: 0;
                 width: 175px;
             }
                .fav-controls-folder .fav-controls-folder-dropdown-wrapper .albums-footer .modal-input .add-album-button {
                    line-height: 32px;
                    background: url(/Content/wiki/img/album-add.svg) center center no-repeat;
                    background-size: 10px 10px;
                    height: 10px;
                    width: 10px;
                    display: inline-block;
                    margin: 7px 0 0 0;
                    padding: 5px;
                    cursor: pointer;
                }

                .fav-controls-folder .fav-controls-folder-dropdown-wrapper .albums-footer .modal-input.favourites-menu-loader-small .add-album-button {
                    display:none;
                }

                .fav-controls-folder .fav-controls-folder-dropdown-wrapper .albums-footer .modal-input .messages {
                    position: initial;
                    top: initial;
                }

                    .fav-controls-folder .fav-controls-folder-dropdown-wrapper .albums-footer .modal-input .messages .validationError  {
                        word-wrap: break-word;
                        white-space: normal;
                    }


.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info {
    display: block;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 13px;
    color: #a4a4a4;
    line-height: 20px;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info.big {
    min-height: 138px;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info a.all-sizes {
    box-sizing: border-box;
    display: inline-block;
    height: 32px;
    margin: 20px 0;
    padding: 0 10px;
    border-radius: 5px;
    background-color: #f3f5f7;
    line-height: 32px;
    font-family: 'Roboto Condensed';
    font-size: 13px;
    font-weight: normal;
    color: #0057a3;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .image-variants-container {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    bottom: 0;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .image-variants-container > li {
    box-sizing: border-box;
    list-style: none;
    display: inline-block;
    width: 90px;
    height: 76px;
    margin-left: 8px;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .image-variants-container > li:first-child {
    margin-left: 0;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .image-variants-container > li.selected {
    background-color: #f3f5f7;
    border: solid 3px #0057a3;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .image-variants-container > li a {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f3f5f7;
    cursor: pointer;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info > span {
    display: inline-block;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info .copyright {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 300;
    color: #0057a3;
    margin-top: 0;
    margin-right: -2px;
    cursor: pointer;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info .copyright.copyright-author {
    color: #000;
    cursor: text;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info .copyright.copyright-clear {
    margin-right: 0 !important;
    margin-left: 5px;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info i[class^='copyright-icon'] {
    display: inline-block;
    width: 20px;
    height: 1em;
    vertical-align: middle;
    background-size: 18px 18px;
    background-position: left center;
    background-repeat: no-repeat;
    margin-top: -3px;
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info .copyright-icon-public-domain,
.copyright-icon-public-domain {
    background: url(/Content/wiki/img/public-domain.svg);
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info .copyright-icon-creative-commons,
.copyright-icon-creative-commons {
    background: url(/Content/wiki/img/creative-commons.svg);
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info .copyright-icon-creative-commons-non-commercial,
.copyright-icon-creative-commons-non-commercial {
    background: url(/Content/wiki/img/creative-commons-non-commercial.svg);
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info .copyright-icon-copyright,
.copyright-icon-copyright {
    background: url(/Content/wiki/img/copyright.svg);
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info .copyright-icon-fair-use,
.copyright-icon-fair-use {
    background: url(/Content/wiki/img/fair-use.svg);
}

.wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info .copyright-wrapper {
    width: calc(100% - 80px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fav-controls-heart {
    display: block;
    background: url(/Content/wiki/img/favorite.svg) center center no-repeat;
    background-size: 40px 40px;
    cursor: pointer;
}

    .fav-controls-heart.favoured {
        background: url(/Content/wiki/img/favorite-checked.svg) center center no-repeat;
        background-size: 40px 40px;
        background-color: #ffffff;
    }

    .fav-controls-heart.in-progress {
        background: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fav-controls-heart.in-progress .loader {
        display: block;
    }

    .fav-controls-heart .loader {
        display: none;
    }

.fav-controls-wrapper .favourites-menu-tooltip {
    width: 180px;
    position: relative;
    background: #0057a3;
    display: none;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    font-family: 'Roboto';
    text-align: center;
    border-radius: 5px;
    z-index: 9999;
}

.fav-controls-wrapper .favourites-menu-tooltip:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #0057a3;
    border-width: 10px;
    margin-left: -10px;
}


.fav-controls-wrapper .fav-controls-heart:hover > .favourites-menu-tooltip,
.fav-controls-wrapper .fav-controls-folder:not(.expanded):hover > .favourites-menu-tooltip {
    display: block;
    position: absolute;
    bottom: 45px;
}

@media (max-width: 759px ) {
    .favourites-menu-tooltip {
        display: none !important;
    }
}

@media (hover: none) {
    .favourites-menu-tooltip {
        display: none !important;
    }
}


.fav-controls-wrapper .fav-controls-heart:hover > .favourites-menu-tooltip.favourites-menu-tooltip-like {
    left: calc(50% - 90px);
}

    .fav-controls-wrapper .fav-controls-folder:hover > .favourites-menu-tooltip.favourites-menu-tooltip-album {
        left: calc(50% - 90px);
    }



.wiki-container .wiki-layout-artist-info > article {
    box-sizing: border-box;
    width: 50%;
    max-width: 50%;
    padding-left: 20px;
    padding-top: 25px;
    order: 2;
    flex: 1 0;
    overflow: hidden;
}

    .wiki-container .wiki-layout-artist-info > article h3, .wiki-container .masonry-detailed-artwork-item > header h3,
    .wiki-container .short-of-the-month-section .main-info > article h3 {
        display: block;
        line-height: 26px;
        padding: 0;
        margin: 0;
        font-family: 'Roboto Condensed';
        font-weight: 700;
        font-size: 24px;
        margin-bottom: 14px;
        word-break: break-word;
    }

.wiki-container .wiki-layout-artist-info > article h4 {
    display: block;
    line-height: 18px;
    padding: 0;
    margin: 0;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: normal;
    color: #a4a4a4;
    margin-bottom: 20px;
}

    .wiki-container .wiki-layout-artist-info > article ul,
    .wiki-container .movie-section > article ul {
        padding: 0;
        margin: 0;
    }

.wiki-container .wiki-layout-artist-info > article ul > li.order-reproduction {
    display: inline-block;
     margin-top: 10px;
     width: 100%;
}

    .wiki-container .wiki-layout-artist-info > article ul > li.order-reproduction > a {
        box-sizing: border-box;
        border-radius: 5px;
        height: 60px;
        background-color: #ffffff;
        /* box-shadow: inset -0px -2px 0 0 rgba(0, 0, 0, 0.5); */
        border: solid 1px #e2e5e8;
        /*background: url(/Content/wiki/img/order@2x.png) 21px 10px no-repeat;*/
        display: flex;
        vertical-align: middle;
        text-align: left;
        width: 100%;
        max-width: 240px;
        cursor: pointer;
    }
    .wiki-container .wiki-layout-artist-info > article ul > li.order-reproduction > a > .order-reproduction-img-wrapper {
        width: 79px;
        display: flex;
        justify-content: center;
    }

    .wiki-container .wiki-layout-artist-info > article ul > li.order-reproduction > a > .order-reproduction-img-wrapper > img {
        width: 37px;
        height: 35px;
        align-self: center;
    }


    .wiki-container .wiki-layout-artist-info > article ul > li.order-reproduction > a > img {
        width: 37px;
        height: 35px;
        align-self: center;
    }

.wiki-container .wiki-layout-artist-info > article ul > li.order-reproduction > a > h6 {
    margin: 0;
    padding: 0;
    width:100%;
    align-self: center;
    font-family: 'Roboto Condensed';
    font-size: 15px;
    line-height: 15px;
    color: #000000;
    text-transform: uppercase;
}

.wiki-container .wiki-layout-artist-info > article ul > li.dictionary-values {
    /*max-height: 40px;*/
}


.wiki-container .wiki-layout-artist-info > article ul > li.dictionary-values-gallery {
    width: calc(100% - 30px);
}

        .wiki-container .wiki-layout-artist-info > article ul > li,
        .wiki-container .movie-section > article ul > li {
            font-family: 'Roboto';
            font-weight: 300;
            font-size: 14px;
            list-style: none;
            padding: 0;
            margin: 0;
            margin-bottom: 10px;
            line-height: 20px;
            position: relative;
            overflow: hidden;
        }

            .wiki-container .wiki-layout-artist-info > article ul > li.truncated-link s,
            .wiki-container .wiki-layout-artist-info > article ul > li.truncated-link a,
            .wiki-container .movie-section > article ul > li.truncated-link s,
            .wiki-container .movie-section > article ul > li.truncated-link a {
                display: inline;
            }

                .wiki-container .wiki-layout-artist-info > article ul > li.truncated-link a span,
                .wiki-container .movie-section > article ul > li.truncated-link a span {
                    max-width: 230px;
                    display: inline-block;
                    word-break: normal;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    vertical-align: middle;
                }

        .wiki-container .wiki-layout-artist-info.wiki-layout-artwork-info > article ul > li.truncated-link a span {
            max-width: 180px;
        }


.wiki-container .wiki-layout-artist-info > article ul > li.expanded {
    max-height: none;
    overflow: auto;
}

.wiki-container .wiki-layout-artist-info > article ul > li s,
.wiki-container .movie-section > article ul > li s {
    display: inline-block;
    color: #a4a4a4;
    text-decoration: none;
}


.wiki-container .wiki-layout-artist-info > article ul > li a,
.wiki-container .movie-section > article ul > li a {
    /*display: inline-block;*/
    color: #0057a3;
    text-decoration: none;
    /* white-space: nowrap; */
    line-height: 20px;
}

    .wiki-container .wiki-layout-artist-info > article ul > li a.hidden,
    .wiki-container .movie-section > article ul > li a.hidden {
        background: #5007ab;
        color: #fff;
    }

    .wiki-container .wiki-layout-artist-info > article ul > li a.active,
    .wiki-container .movie-section > article ul > li a.active {
        /*background: #bcaff0;*/
        position: relative;
    }

    .wiki-container .wiki-layout-artist-info > article ul > li a.invisible,
    .wiki-container .movie-section > article ul > li a.invisible {
        color: #fff;
    }

    .wiki-container .wiki-layout-artist-info > article ul > li a.active + a,
    ,
    .wiki-container .movie-section > article ul > li a.active + a {
        color: #fff;
    }

    .wiki-container .wiki-layout-artist-info > article ul > li a.expand:after,
    .wiki-container .movie-section > article ul > li a.expand:after {
        content: '';
        background: url(/Content/wiki/img/more.svg) center no-repeat;
    }

    .wiki-container .wiki-layout-artist-info > article ul > li a.collapse:after,
    .wiki-container .movie-section > article ul > li a.collapse:after {
        content: '';
        background: url(/Content/wiki/img/more.svg) center no-repeat;
        transform: rotate(180deg);
    }

    .wiki-container .wiki-layout-artist-info > article ul > li a.collapse:after,
    .wiki-container .movie-section > article ul > li a.collapse:after {
        display: inline !important;
        right: auto !important;
        top: auto !important;
    }

    .wiki-container .wiki-layout-artist-info > article ul > li a.active:after,
    .wiki-container .movie-section > article ul > li a.active:after {
        display: block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        position: absolute;
        right: -20px;
        top: 0;
        display: inline !important;
        right: auto !important;
        top: auto !important;
        padding-right: 5px;
    }

    .wiki-container .wiki-layout-artist-info > article ul > li a.active.limit:after,
    .wiki-container .movie-section > article ul > li a.active.limit:after {
        right: 0;
    }

    .wiki-container .wiki-layout-artist-info > article ul > li a.active.limit,
    .wiki-container .movie-section > article ul > li a.active.limit {
        text-overflow: ellipsis;
        overflow: hidden;
        vertical-align: middle;
    }

        .wiki-container .wiki-layout-artist-info > article ul > li a.active + span,
        .wiki-container .movie-section > article ul > li a.active + span {
            color: #fff;
        }

.wiki-container .wiki-layout-artist-info > article ul > li.share {
}

    .wiki-container .wiki-layout-artist-info > article ul > li.share a,
    .wiki-container .movie-section > article ul > li.share a {
        display: inline-block;
        width: 30px;
        height: 30px;
        font-size: 17px;
        border: 1px solid;
        border-radius: 15px;
        text-align: center;
        line-height: 30px;
        margin-right: 10px;
        margin-top: 10px;
    }

        .wiki-container .wiki-layout-artist-info > article ul > li.share a:last-child,
        .wiki-container .movie-section > article ul > li.share a:last-child {
            margin-right: 0;
        }

    .wiki-container .wiki-layout-artist-info > article ul > li.share s,
    .wiki-container .movie-section > article ul > li.share s {
        display: block;
    }


    .wiki-container .wiki-layout-artist-info > article ul > li.share a.share-icon-fb,
    .album-container .artist-menu .artist-menu-left .album-sharing-dropdown .share-icon-fb,
    .wiki-container .movie-section > article ul > li.share a.share-icon-fb {
        color: #295396;
    }

    .wiki-container .wiki-layout-artist-info > article ul > li.share a.share-icon-twitter,
    .album-container .artist-menu .artist-menu-left .album-sharing-dropdown .share-icon-twitter,
    .wiki-container .movie-section > article ul > li.share a.share-icon-twitter {
        color: #5ea9dd;
    }

    .wiki-container .wiki-layout-artist-info > article ul > li.share a.share-icon-pinterest,
    .album-container .artist-menu .artist-menu-left .album-sharing-dropdown .share-icon-pinterest,
    .wiki-container .movie-section > article ul > li.share a.share-icon-pinterest {
        color: #ca2127;
    }

    .wiki-container .wiki-layout-artist-info > article ul > li.share a.share-icon-gplus,
    .album-container .artist-menu .artist-menu-left .album-sharing-dropdown .share-icon-gplus,
    .wiki-container .movie-section > article ul > li.share a.share-icon-gplus {
        color: #e1440b;
    }

    .wiki-container .wiki-layout-artist-info > article ul > li.share a.share-icon-tumblr,
    .album-container .artist-menu .artist-menu-left .album-sharing-dropdown .share-icon-tumblr,
    .wiki-container .movie-section > article ul > li.share a.share-icon-tumblr {
        color: #36465d;
    }

.wiki-container .wiki-layout-artist-info-tab p {
    max-height: 216px;
}

.wiki-container .wiki-layout-artist-info-tab.expanded p {
    max-height: none;
}

.wiki-container .wiki-layout-artist-info-tab  p.wikipedia-licence {
    margin: 10px 0 0 0;
    font-size: 12px;
    display: none;
}

.wiki-container .wiki-layout-artist-info-tab.expanded p.wikipedia-licence {
    display: block;
}

.wiki-container .wiki-layout-artist-info-tab.expanded a.wiki-link {
    margin-top: 5px !important;
}

.wiki-container .wiki-layout-artist-info p,
.wiki-container .movie-section__article p {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    background: #f3f3e8;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

    .wiki-container .wiki-layout-artist-info p > a,
    .wiki-container .movie-section__article p > a {
        text-decoration: none;
        color: #0057a3;
        font-family: 'Roboto';
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
    }

.wiki-container .wiki-layout-artist-info-wrapper .wiki-link-wrapper {
}

.wiki-container .wiki-layout-artist-info-wrapper .wiki-link-wrapper a.wiki-link {
    text-decoration: none;
    color: #0057a3;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.wiki-container .wiki-layout-artist-info .info-icon-circle {
    display: block;
    position: absolute;
    top: -5px;
    right: 0;
    background: url(/Content/wiki/img/info.svg) no-repeat center / 18px 18px;
    width: 25px;
    height: 25px;
    outline: 0;
    vertical-align: top;
}

.wiki-container .wiki-layout-artist-info .info-icon-circle-wrapper {
    position: relative;
    padding-right: 25px;
}

.wiki-container .wiki-layout-artist-info-wrapper {
    order: 3;
    flex: 1 100%;
    padding: 82px 30px 30px 30px;
    background: #f3f3e8;
    margin: 20px 0;
    position: relative;
    max-width: calc(100% - 60px);
}

.wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    height: 54px;
    top: 0;
    left: 0;
    background: #fff;
    font-size: 0;
}

.wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches a.wiki-layout-artist-info-tab-switch {
    position: relative;
    box-sizing: border-box;
    font-family: 'Roboto';
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    line-height: 54px;
    padding: 0 30px;
    cursor: pointer;
    border: 1px solid #e7ebef;
    border-bottom-width: 0;
    height: 100%;
}

.wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches a.wiki-layout-artist-info-tab-switch.selected {
    /*border-top: 4px solid black; */
    border: 1px solid #f3f3e8;
    background: #f3f3e8;
    /*line-height: 50px; */
}

.wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches a.wiki-layout-artist-info-tab-switch.selected::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #000;
}

.wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches a.wiki-layout-artist-info-tab-switch {
    margin-left: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches a.wiki-layout-artist-info-tab-switch span {
    display: inline-block;
    pointer-events: none;
    vertical-align: bottom;
}

.wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches a.wiki-layout-artist-info-tab-switch:first-child {
    margin-left: 0;
}

.wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches.limited a.wiki-layout-artist-info-tab-switch {
    
}

.wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches.show-limiter a.wiki-layout-artist-info-tab-switch.limiter {
    display: none;
    width: 50px;
    padding: 0;
    text-align: center;
    position: relative;
    overflow: initial;
}

.wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches.show-limiter a.wiki-layout-artist-info-tab-switch.limiter .toogle-panel {
    width: 210px;
    position: absolute;
    right: 0;
    top: 100%;
    padding: 20px;
    box-shadow: 0 10px 25px 0 rgba(71, 82, 93, 0.3);
    background-color: #ffffff;
    border: solid 1px #e7ebef;
    display: none;
    z-index: 999;
}

    .wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches.show-limiter a.wiki-layout-artist-info-tab-switch.limiter .toogle-panel > .link {
        font-family: 'Roboto';
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.43;
        letter-spacing: normal;
        text-align: left;
        color: #555555;
        white-space: normal;
        padding: 5px 0;
    }

.wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches.show-limiter a.wiki-layout-artist-info-tab-switch.limiter .toogle-panel > .link.selected {
    font-weight: bold;
}

.wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches.show-limiter a.wiki-layout-artist-info-tab-switch.limiter .toogle-panel > .selected {
    font-weight: bold;
}

.wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches.show-limiter a.wiki-layout-artist-info-tab-switch.limiter .toogle-panel.visible {
    display: block;
}

.wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches.show-limiter a.wiki-layout-artist-info-tab-switch.hidden {
    display: none;
}

.wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches a.wiki-layout-artist-info-tab-switch.limiter {
    display: none;
}

.wiki-container .wiki-layout-artist-info-wrapper .info-tab-links-external {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 14px;
    padding: 0;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    line-height: 20px;
}

.wiki-container .wiki-layout-artist-info-wrapper .info-tab-links-external s {
    color: #000;
    text-decoration: none;
}

.wiki-container .wiki-layout-artist-info-wrapper .info-tab-links-external a {
    text-decoration: none;
    color: #0057a3;
}

.wiki-container .wiki-layout-artist-info-tab {
    display: none;
}

.wiki-container .wiki-layout-artist-info-tab.selected {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.wiki-container .wiki-layout-restricted-msg-wrapper {
    box-sizing: border-box;
    order: 4;
    line-height: 30px;
    border: solid 2px #ca2127;
    font-family: 'Roboto';
    font-weight: 700;
    max-width: 100%;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.wiki-container .wiki-layout-restricted-msg-wrapper .restricted-msg {
    padding: 15px 20px;
}

.wiki-container .wiki-layout-artist-info-wrapper a.wiki-layout-artist-info-expand {
    display: inline-block;
    margin-top: 24px;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #2667aa;
    display: none;
    text-decoration: none;
}
/* /artist info */

/* artwork info */
.wiki-container .wiki-layout-artwork-info article h3 {
    margin-bottom: 8px;
}

.wiki-container .wiki-layout-artwork-info > aside {
    box-sizing: border-box;
}

.wiki-container .wiki-layout-artwork-info .wiki-layout-artist-image-wrapper {
    display: flex;
    align-items: center;
}

.wiki-container .wiki-layout-artwork-info .wiki-layout-artist-image-wrapper img {
    max-height: 100%;
    cursor: zoom-in;

    /* IE fix */
    flex: none;
}

.wiki-container .wiki-layout-artwork-info article h5 {
    padding: 0;
    margin: 0;
    display: inline-block;
    margin-bottom: 15px;
    word-break: break-word;
}

.wiki-container .wiki-layout-artwork-info article h5 a {
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 16px;
    color: #0057a3;
    font-weight: 400;
}

.wiki-container .wiki-layout-artist-info header article h5 a {
    font-family: 'Roboto';
    font-size: 16px;
}
/* /artwork info */

/* left menu */
    /* 1st level menu */
.wiki-container .wiki-left-menu ul {
    margin: 0;
    padding: 0;
}

    .wiki-container .wiki-left-menu ul > li h4 {
        height: 40px;
        line-height: 40px;
        text-transform: uppercase;
        padding-left: 13px;
        margin: 0;
        font-family: 'Roboto Condensed';
        font-weight: normal;
        font-size: 20px;
        color: #0057a3;
        white-space: nowrap;
    }

    .wiki-container .wiki-left-menu ul > li .new-tip {
        color: #AF3951;
        display:inline-block;
        border: 1px solid;
        border-radius: 10px;
        font-size: 8px;
        margin: 8px 0 0 0;
        padding: 0 5px;
        height: 12px;
        line-height: 12px;
        vertical-align: top;
        text-transform: uppercase;
    }

.wiki-container .wiki-left-menu ul li.selected > a > h4,
.wiki-container .wiki-left-menu ul li.selected > a > h5 {
    font-family: 'Roboto Condensed';
    font-weight: 700;
    color: #333333;
}

.wiki-container .wiki-left-menu ul li.selected h4 {
    border-left: 3px solid black;
    padding-left: 10px;
}

    /* 2nd level menu */
.wiki-container .wiki-left-menu ul > li > ul {
    margin: 0;
    padding: 0;
}

.wiki-container .wiki-left-menu ul > li > ul > li h5 {
    height: 36px;
    line-height: 36px;
    padding-left: 13px;
    margin: 0;
    font-family: 'Roboto Condensed';
    font-size: 18px;
    color: #555555;
    font-weight: normal;
    cursor: pointer;
}

    /* 3rd level menu */
.wiki-container .wiki-left-menu ul > li > ul > li > ul > li {
    margin: 0;
    /*padding: 5px 0; */
    cursor: pointer;
}

.wiki-container .wiki-left-menu ul > li > ul > li > ul > li > h6 {
    display: block;
    padding-left: 30px;
    margin: 0;
    font-family: 'Roboto';
    font-size: 14px;
    color: #555555;
    font-weight: normal;
    cursor: pointer;
    font-stretch: condensed;
}

.wiki-container .wiki-left-menu ul > li > ul > li > ul > li > h6 a {
    display: block;
    font-family: 'Roboto';
    font-size: 14px;
    color: #555555;
    font-weight: normal;
    font-stretch: condensed;
}

.wiki-container .wiki-left-menu ul > li > ul > li > ul > li sup {
    font-family: 'Roboto';
    font-size: 9px;
    padding-left: 3px;
    color: #a4a4a4;
    cursor: pointer;
}

.wiki-container h6.group-title {
    padding: 5px 0;
    position: relative;
}

.wiki-container h6.group-title > a {
    display: inline-block;
    font-family: 'Roboto';
    font-size: 14px;
    color: #555555;
    font-weight: normal;
    font-stretch: condensed;
}

.wiki-container h6.group-title::before {
    position: absolute;
    width: 17px;
    height: 17px;
    content: '';
    background: url(/Content/wiki/img/plus.png) center no-repeat;
    line-height: 17px;
    font-size: 16px;
    color: #bbbbbb;
    text-align: center;
    left: 8px;
    top: 5px;
    display: block;
    font-weight: normal;
}

.wiki-container .group-container.empty h6.group-title::before {
    display: none;
}

.wiki-container .group-container.selected h6.group-title::before {
    background: url(/Content/wiki/img/minus.png) center no-repeat;
}

.wiki-container .group-container.selected h6.group-title {
    font-family: 'Roboto';
    font-weight: 700;
}

/* menu display/hide */

.wiki-container .wiki-left-menu > ul a {
    display: block;
    text-decoration: none;
}

/*
.wiki-container .wiki-left-menu > ul > li.selected > ul {
    max-height: 450px;
    overflow-y: scroll;
} */

.wiki-container .wiki-left-menu li.selected > ul.child {
    max-height: 392px;
    overflow-y: scroll;
}

.wiki-container .wiki-left-menu li.selected > ul.child::-webkit-scrollbar {
    width: 6px;
}

.wiki-container .wiki-left-menu li.selected > ul.child::-webkit-scrollbar-track {
    background-color: #fff;
}

.wiki-container .wiki-left-menu li.selected > ul.child::-webkit-scrollbar-thumb {
    background-color: #a4a4a4;
}

.wiki-container .wiki-left-menu li.selected > ul.child::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

.wiki-container .wiki-left-menu li > ul {
    transition: max-height 0.7s;
}

.wiki-container .wiki-left-menu li > ul {
    max-height: 0;
    overflow: hidden;
}

.wiki-container .wiki-left-menu > ul > li.selected > ul {
    max-height: 660px;
}

.wiki-container .wiki-left-menu ul.group,
.wiki-container .wiki-left-menu ul.group > li {
    margin: 0;
    padding: 0;
}

.wiki-container .wiki-left-menu ul.group {
}

.wiki-container .wiki-left-menu ul.group > li {
    display: inline-block;
    margin: 0;
    padding: 5px 0;
    cursor: pointer;
    width: 100%;
}

.wiki-container .wiki-left-menu ul.group > li > h6 {
    display: block;
    padding-left: 30px;
    margin: 0;
    font-family: 'Roboto';
    font-size: 14px;
    color: #555555;
    font-weight: normal;
    cursor: pointer;
    font-stretch: condensed;
}

.wiki-container .wiki-left-menu ul.group > li:hover sup {
    color: #fff;
}

.wiki-container .wiki-left-menu ul.group > li:hover,
.wiki-container .wiki-left-menu .group-container.empty:hover {
    background: #0057a3;
    color: #fff;
}

.wiki-container .wiki-left-menu ul.group > li.selected h6 a {
    color: #000;
    font-family: 'Roboto';
    font-weight: 700;
}

.wiki-container .wiki-left-menu ul.group > li:hover > h6,
.wiki-container .wiki-left-menu .group-container.empty:hover > h6 {
    color: #fff;
    
}

.wiki-container .wiki-left-menu ul.group > li:hover > h6 a,
.wiki-container .wiki-left-menu .group-container.empty:hover > h6 a {
    color: #fff;
    font-family: 'Roboto';
    font-weight: 700;
  
}

.wiki-container .wiki-left-menu ul.group {
    max-height: 0;
}

.wiki-container .group-container {
    /*transition: max-height 0.5s ease-in-out;*/
    transition: max-height 700ms cubic-bezier(0.19, 1, 0.22, 1);
}

.wiki-container .group-container.selected > h6 a {
   color: #000;
    font-family: 'Roboto';
    font-weight: 700;
}
/* /left menu */

/* footer */
.wiki-container .wiki-footer {
    box-sizing: border-box;
    display: flex;
    padding: 50px 20px 40px 20px;
    width: 100%;
    background: #1a2127;
}

.wiki-container .wiki-footer > ul {
    box-sizing: border-box;
    width: 25%;
    margin-top: 0;
}

.wiki-container .wiki-footer ul.wiki-footer-column-logo a.pixel-icon {
    width: 50px;
    height: 50px;
    display:block;
    margin: 0 auto;
}

    .wiki-container .wiki-footer ul.wiki-footer-column-logo {
        padding: 0;
        margin-right: 20px;
    }

    .wiki-container .wiki-footer ul.wiki-footer-column-logo .logo-wrapper {
        width: 200px;
        margin: 0 auto;
    }

.wiki-container .wiki-footer ul.wiki-footer-column-logo .logo-wrapper a.logo {
    display: block;
    height: 55px;
    margin-top: 10px;
}

    .wiki-container .wiki-footer ul.wiki-footer-column-logo .logo-wrapper a.logo.en {
        background: url(/Content/wiki/img/logo-en.svg) center no-repeat;
    }
    .wiki-container .wiki-footer ul.wiki-footer-column-logo .logo-wrapper a.logo.zh {
        background: url(/Content/wiki/img/logo-zh.svg) center no-repeat;
    }

.wiki-container .wiki-footer ul.wiki-footer-column-logo .logo-wrapper a.logo.ru {
    background: url(/Content/wiki/img/logo-ru.svg) center no-repeat;
}

.wiki-container .wiki-footer ul.wiki-footer-column-logo .logo-wrapper a.logo.uk {
    background: url(/Content/wiki/img/logo-uk.svg) center no-repeat;
}

.wiki-container .wiki-footer ul.wiki-footer-column-logo .logo-wrapper a.logo.fr {
    background: url(/Content/wiki/img/logo-fr.svg) center no-repeat;
}

.wiki-container .wiki-footer ul.wiki-footer-column-logo .logo-wrapper a.logo.de {
    background: url(/Content/wiki/img/logo-de.svg) center no-repeat;
}

.wiki-container .wiki-footer ul.wiki-footer-column-logo .logo-wrapper a.logo.es {
    background: url(/Content/wiki/img/logo-es.svg) center no-repeat;
}

.wiki-container .wiki-footer ul.wiki-footer-column-logo .logo-wrapper a.logo.pt {
    background: url(/Content/wiki/img/logo-pt.svg) center no-repeat;
}

.wiki-container .wiki-footer ul.wiki-footer-column-logo a[class^="social"] {
    display: inline-block;
    margin: 40px 6px 0 0px;
    height: 50px;
    width: 50px;
}

.wiki-container .wiki-footer ul.wiki-footer-column-logo a.social-fb {
    background: url(/Content/wiki/img/fb.png) center no-repeat;
}

.wiki-container .wiki-footer ul.wiki-footer-column-logo a.social-twitter {
    background: url(/Content/wiki/img/twitter.png) center no-repeat;
}

.wiki-container .wiki-footer ul.wiki-footer-column-links {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    position: relative;
    margin: 0 20px 0 10px;
    padding: 54px 0 0 0;
}

.wiki-container .wiki-footer .wiki-footer-column-links.artworks {
    flex: 0 auto;
    width: 50%;
}

.wiki-container .wiki-footer .wiki-footer-column-links.about .donate {
    color: #f5a623;
}

    .wiki-container .wiki-footer .wiki-footer-column-links .order {
        color: #f5a623;
    }

.wiki-container .wiki-footer .wiki-footer-column-links.about .application {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    color: #9b9b9b;
}

.wiki-container .wiki-footer .wiki-footer-column-links.about .application span {
    display: inline-block;
}

.wiki-container .wiki-footer .wiki-footer-column-links.about .application .application-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #eda000;
    margin-left: 7px;
    background-size: 18px 18px;
    vertical-align: middle;
}

.wiki-container .wiki-footer .wiki-footer-column-links.about .application .application-icon.ios {
    background: url(/Content/wiki/img/apple.svg) center no-repeat;
    margin-top: -2px;
}

.wiki-container .wiki-footer .wiki-footer-column-links.about .application .application-icon.android {
    background: url(/Content/wiki/img/play-market.svg) center no-repeat;
}



.wiki-container .wiki-footer .wiki-footer-responsive-wrapper {
    width: 75%;
    display: flex;
    flex-flow: row nowrap;
}
    .wiki-container .wiki-footer .wiki-footer-responsive-wrapper ul.wiki-footer-column-links.artists {
        max-height: 243px;
        width: 45%;
    }

    .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper {
        width: 66%;
        display: flex;
        flex-flow: row nowrap;
    }
        .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper {
            flex: 0 auto;
            width: 50%;
        }
            .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper ul.wiki-footer-column-links {
                margin-right: 0;
            }

            .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper ul.wiki-footer-column-links.court-metrage,
            .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper ul.wiki-footer-column-links.shop {
                margin-bottom: 10px;
            }

            .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper ul.wiki-footer-column-links li a {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                padding-right: 20px;
            }
            .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper ul.wiki-footer-column-links li a .link-arrow {
                width: 10px;
                height: 10px;
                transform: rotate(45deg);
                border-right: solid 2px white;
                border-top: solid 2px white;
                border-radius: 2px;
                position: absolute;
                right: 10px;
                top: 6px;
            }


                .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper .wiki-footer-column-links.about .social {
                    display: none;
                }

    .wiki-container .wiki-footer ul.wiki-footer-column-links h5,
    .wiki-container .wiki-footer ul.wiki-footer-column-links.court-metrage li a,
    .wiki-container .wiki-footer ul.wiki-footer-column-links.shop li a {
        box-sizing: border-box;
        margin: 0 0 12px 0;
        padding: 0 0 0 10px;
        display: block;
        position: absolute;
        height: 36px;
        width: 100%;
        left: 0;
        top: 0;
        border-bottom: 1px solid #4e5964;
        width: 100%;
        font-family: 'Roboto Condensed';
        font-weight: 700;
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
    }

.wiki-container .wiki-footer ul.wiki-footer-column-links > li {
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0 0 0 10px;
    line-height: 26px;
    list-style: none;
}

.wiki-container .wiki-footer ul.wiki-footer-column-links > li a {
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    color: #599bd9;
}

.wiki-container .wiki-footer ul.wiki-footer-column-links > li.donate {
    margin-top: 25px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
}

.wiki-container .wiki-footer ul.wiki-footer-column-links > li.donate a {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    border: 1px solid #b76533;
    color: #b76533;
    border-radius: 8px;
    padding: 0 22px;
    font-family: 'Roboto Condensed';
    font-weight: normal;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wiki-container .wiki-footer ul.wiki-footer-column-links > li.android {
    margin-top: 28px;
}

.wiki-container .wiki-footer ul.wiki-footer-column-links > li.android a {
    display: block;
    /* 95x31 */ background: url(/Content/wiki/img/android.png);
    width: 95px;
    height: 31px;
}

/* footer */

/* featured artworks */
.wiki-container .wiki-layout-artworks-featured {
    padding: 0 20px;
    margin-bottom: 10px;
}

.wiki-container .wiki-layout-artworks-featured .wiki-section-header-wrapper { 
    margin-bottom: 15px;
}

.wiki-container .wiki-layout-artworks-featured header {
    box-sizing: border-box;
    border-bottom: 1px solid #e7ebef;
    font-size: 0;
    height: 70px;
    line-height: 70px;
}

.wiki-container .wiki-layout-artworks-featured header h3, 
.wiki-container .wiki-layout-artworks-featured header h4 {
    display: inline-block;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 31px;
    text-transform: uppercase;
    border-bottom: 4px solid #000;
    padding-right: 15px;
} 

.wiki-container .wiki-layout-artworks-featured header h3 {
    color: #000;
}

.wiki-container .wiki-layout-artworks-featured header h4 {
    color: #555555;
}

.wiki-container .wiki-layout-artworks-featured ul {
    padding: 15px 0 0 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.wiki-container .wiki-layout-artworks-featured ul.limit {
    max-height: 552px;
    overflow: hidden;
    padding: 0;
}

.wiki-container .wiki-layout-artworks-featured ul > li {
    margin: 10px 10px;
    list-style: none;
    /*max-width: 280px;
    width: 280px; */
    flex: 0 auto;
}

.wiki-container .wiki-layout-artworks-featured ul > li > a {
    display: block;
    width: 100%;
    height: 195px;
    background: #f3f5f7;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.wiki-container .wiki-layout-artworks-featured ul > li a img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.wiki-container .wiki-layout-artworks-featured ul > li .artork-featured-title {
    padding: 15px 0 0 0;
}

.wiki-container .wiki-layout-artworks-featured ul > li .artork-featured-title h5, 
.wiki-container .wiki-layout-artworks-featured ul > li .artork-featured-title h6
{
    display: block;
    padding: 0;
    margin: 0;    

}

.wiki-container .wiki-layout-artworks-featured ul > li .artork-featured-title h5,
.wiki-container .wiki-layout-artworks-featured ul > li .artork-featured-title h5 a {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
    text-decoration: none;
    word-break: break-word;
}

.wiki-container .wiki-layout-artworks-featured ul > li .artork-featured-title h6 {
    font-family: 'Roboto';
    font-weight: 300;
    font-weight: normal;
    font-size: 14px;
    color: #a4a4a4;
}

.wiki-container .wiki-layout-artworks-featured .btn-view-all {
    box-sizing: border-box;
    height: 70px;
    line-height: 70px;
    display: block;
    margin: 15px auto 0 auto;
    max-width: 600px;
    text-align: center;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #e2e5e8;
}

@media (max-width: 480px) {
    .wiki-container .wiki-layout-artworks-featured .btn-view-all {
        font-size: 14px;
    }
}


/* /featured atrworks */

/* famous artworks */
.wiki-container .wiki-layout-artworks-famous {
    padding: 0 20px;
    margin-bottom: 10px;
}

.wiki-container .wiki-layout-artworks-famous header {
    box-sizing: border-box;
    border-bottom: 1px solid #e7ebef;
    font-size: 0;
    height: 70px;
    line-height: 70px;
}

.wiki-container .wiki-layout-artworks-famous header h3, 
.wiki-container .wiki-layout-artworks-famous header h4 {
    display: inline-block;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 31px;
    text-transform: uppercase;
    border-bottom: 4px solid #000;
    padding-right: 15px;
} 

.wiki-container .wiki-layout-artworks-famous header h3 {
    color: #000;
}

.wiki-container .wiki-layout-artworks-famous header h4 {
    color: #555555;
}

.wiki-container .wiki-layout-artworks-famous main {
    padding-top: 24px;
}

.wiki-container .wiki-layout-artworks-famous .btn-view-all {
    box-sizing: border-box;
    height: 70px;
    line-height: 70px;
    display: block;
    margin: 15px auto 30px auto;
    max-width: 600px;
    text-align: center;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #e2e5e8;
}

@media (max-width: 480px) {
    .wiki-container .wiki-layout-artworks-famous .btn-view-all {
        font-size: 14px;
    }
}

/* /famous artworks */

/* restricted artworks */
.wiki-container .wiki-layout-artworks-restricted-text {
    padding: 0 20px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.wiki-container .wiki-layout-artworks-restricted-text header {
    box-sizing: border-box;
    border-bottom: 1px solid #e7ebef;
    font-size: 0;
    height: 70px;
    line-height: 70px;
}

.wiki-container .wiki-layout-artworks-restricted-text header h3, 
.wiki-container .wiki-layout-artworks-restricted-text header h4 {
    display: inline-block;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 31px;
    text-transform: uppercase;
    border-bottom: 4px solid #000;
    padding-right: 15px;
    cursor: pointer;    
} 

.wiki-container .wiki-layout-artworks-restricted-text header h3 {
    color: #000;
}

.wiki-container .wiki-layout-artworks-restricted-text header h4 {
    color: #555555;
}

.wiki-container .wiki-layout-artworks-restricted-text main ul {
    margin: 0;
    padding: 30px 10px 0 10px;
    -webkit-column-count: 3; 
    -moz-column-count: 3;
    column-count: 3;
}

.wiki-container .wiki-layout-artworks-restricted-text main ul > li {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
}

.wiki-container .wiki-layout-artworks-restricted-text main ul > li {
    font-family: 'Roboto';
    font-weight: 200;
    font-size: 16px;
    line-height: 30px;
}

.wiki-container .wiki-layout-artworks-restricted-text main ul > li  a {
    font-family: 'Roboto';
    font-weight: 200;
    text-decoration: none;
    color: #0057a3;
}
/* restricted artworks */

/* related artists */
.wiki-container .wiki-layout-artists-related {
    padding: 0 20px;
}

.wiki-container .wiki-layout-artists-related header {
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #e7ebef;
    margin-bottom: 20px;
    padding-right: 80px;
    font-size: 0;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
}

.wiki-container .wiki-layout-artists-related header h3, 
.wiki-container .wiki-layout-artists-related header h4 {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 31px;
    text-transform: uppercase;
    border-bottom: 4px solid #000;
    padding-right: 15px;
} 

.wiki-container .wiki-layout-artists-related header h3 {
    color: #000;
}

.wiki-container .wiki-layout-artists-related .wiki-section-header-wrapper {
    position: relative;
    padding-right: 85px;
}

.wiki-container .wiki-layout-artists-related .wiki-section-header-wrapper a {
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    background-color: #ffffff;
    border: solid 1px #e2e5e8;
}

.wiki-container .wiki-layout-artists-related .wiki-section-header-wrapper a .wiki-breadcrumbs-btns-icon {
    background: url(/Content/wiki/img/arrowleft.svg) center center no-repeat;
    background-size: 16px 16px;
}

.wiki-container .wiki-layout-artists-related .wiki-section-header-wrapper a.next .wiki-breadcrumbs-btns-icon {
    transform: rotate(180deg);    
}

.wiki-container .wiki-layout-artists-related .wiki-section-header-wrapper a.prev {
    right: 45px;
    top: calc(50% - 20px); 
    /*bottom: 13px; */
    display: none;
}

.wiki-container .wiki-layout-artists-related .wiki-section-header-wrapper a.next {
    right: 0;
    bottom: 10px;
    top: calc(50% - 20px);
    /*bottom: 13px; */
    display: none;
}

.wiki-container .wiki-layout-artists-related .wiki-section-header-wrapper a:hover {
    box-shadow: 0px 10px 25px 0 rgba(71, 82, 93, 0.3);
}

.wiki-container .wiki-layout-artists-related .wiki-section-header-wrapper a:hover .wiki-breadcrumbs-btns-icon {
    background: url(/Content/wiki/img/arrowleft-hover.svg) center center no-repeat #0057a3;
    background-size: 16px 16px;
}

.wiki-container .wiki-layout-artists-related .wiki-section-header {
    position: relative;
}

.wiki-container .wiki-section-header-static {
    padding: 0;
    box-sizing: border-box;
    height: 80px;
    font-size: 28px;
    line-height: 80px;
    border-bottom: none;
}

.wiki-container .wiki-section-header-static a {
    height: calc(100% - 5px);
    display: inline-block;
    text-decoration: none;
    color: #0057a3;
    font-weight: normal;
    padding: 0 10px 5px 10px;
}

.wiki-container .wiki-section-header-static a.active {
    height: calc(100% - 5px);
    border-bottom: 3px solid #000; 
    color: #000;
    font-weight: 700;
    padding: 0 10px 2px 10px;
}

    .wiki-container .wiki-section-header-static a h1{
        margin: 0;
        font-size: 1em;
    }

.wiki-container .wiki-layout-artists-related main {
    display: block;
    overflow: hidden;
    margin-top: 25px;
}

.wiki-container .wiki-layout-artists-related ul {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    /*
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; */
    overflow: hidden;
    /*width: 9999px; */
    height: 281px;
    width: 150%;
}

.wiki-container .wiki-layout-artists-related ul > li {
    display: block;
    margin: 0 10px;
    padding: 0;
    float: left;
    list-style: none;
    width: 158px;
}

.wiki-container .wiki-layout-artists-related ul > li > a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 195px;
    background-color: #f3f5f7;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.wiki-container .wiki-layout-artists-related ul > li a img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}


.wiki-container .wiki-layout-artists-related ul > li .artist-related-title {
    padding: 15px 0 15px 0;
}

    .wiki-container .wiki-layout-artists-related ul > li .artist-related-title h5,
    .wiki-container .wiki-layout-artists-related ul > li .artist-related-title h6 {
        display: block;
        padding: 0;
        margin: 0 0 10px 0;
        max-height: 40px;
        overflow: hidden;
        word-break: break-word;
    }

    .wiki-container .wiki-layout-artists-related ul > li .artist-related-title h5,
    .wiki-container .wiki-layout-artists-related ul > li .artist-related-title h5 a {
        font-family: 'Roboto';
        font-weight: 700;
        font-size: 16px;
        color: #000;
        text-decoration: none;
        
    }

.wiki-container .wiki-layout-artists-related ul > li .artist-related-title h6 {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 14px;
    color: #a4a4a4;
}

.wiki-container .btn-overlay-wrapper {
    position: relative;
}

.wiki-container .btn-overlay-wrapper .btn-overlay-container {
    display: block;
    position: absolute;
    width: 45px;
    height: 90px;
    z-index: 999;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wiki-container .btn-overlay-wrapper .btn-overlay-container.btn-overlay-container-prev {
    top: calc(50% - 35px - 45px);
    left: -20px;
    background: url(/Content/wiki/img/next-big-3_2.svg) no-repeat center;
}

.wiki-container .btn-overlay-wrapper .btn-overlay-container.btn-overlay-container-next {
    top: calc(50% - 35px - 45px);
    right: -20px;
    background: url(/Content/wiki/img/next-big-3.svg) no-repeat center;
}

.wiki-container .btn-overlay-wrapper-artwork {
    position: relative;
}

body.supersized-active .wiki-container .btn-overlay-wrapper-artwork .btn-overlay-container-artwork {
    display: none;
}

.wiki-container .btn-overlay-wrapper-artwork .btn-overlay-container-artwork {
    display: block;
    position: absolute;
    width: 45px;
    height: 126px;
    z-index: 999;
    transition: .5s;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wiki-container .btn-overlay-wrapper-artwork .btn-overlay-container-artwork.btn-overlay-container-artwork-hidden {
    transition: 0;
    display: none;
}

.wiki-container .btn-overlay-wrapper-artwork .btn-overlay-container-artwork.visible {
    border: 1px solid red;
}

.wiki-container .btn-overlay-wrapper-artwork .btn-overlay-container-artwork .viewport-watcher {
    display: block;
    position: absolute;
    top: 10px;
    height: 96px;
    width: 45px;
    /*
    background: #eda000;
    opacity: .3; */
}

.wiki-container .btn-overlay-wrapper-artwork .btn-overlay-container-artwork.btn-overlay-container-artwork-next {
    top: calc(50% - 63px);
    left: -30px;
    background: url(/Content/wiki/img/next-big-right-white.svg) no-repeat center;
    margin-top: 0;
    transform: translateX(-40px);
}

.wiki-container .btn-overlay-wrapper-artwork .btn-overlay-container-artwork.btn-overlay-container-artwork-prev {
    top: calc(50% - 63px);
    right: -30px;
    background: url(/Content/wiki/img/next-big-left-white.svg) no-repeat center;
    margin-top: 0;
    transform: translateX(40px);
}

.wiki-container .btn-overlay-wrapper-artwork .btn-overlay-container-artwork.btn-overlay-container-artwork-prev.in-viewport {
    transform: translateX(0);
}

.wiki-container .btn-overlay-wrapper-artwork .btn-overlay-container-artwork.btn-overlay-container-artwork-prev.not-in-viewport {
   
}

.wiki-container .btn-overlay-wrapper-artwork .btn-overlay-container-artwork.btn-overlay-container-artwork-next.in-viewport {
    transform: translateX(0);
}

.wiki-container .btn-overlay-wrapper-artwork .btn-overlay-container-artwork.btn-overlay-container-artwork-next.not-in-viewport {
    
}

.wiki-container .wiki-layout-artists-related.wiki-artwork-famous-carousel ul {
    height: auto;
    max-height: 265px;
}

.wiki-container .wiki-layout-artists-related.wiki-artwork-famous-carousel ul > li a img {
    height: 100%;
    width: auto;
    margin: 0;
}

.wiki-container .wiki-layout-artists-related.wiki-artwork-famous-carousel ul > li.all-works-square {
    border-radius: 6px;
    background-color: #ffffff;
    border: solid 1px #e2e5e8;
    box-sizing: border-box;
    position: relative;
    height: 195px;
    background: url(/Content/wiki/img/painting-black.svg) no-repeat center 40px;
    cursor: pointer;
}

.wiki-container .wiki-layout-artists-related.wiki-artwork-famous-carousel ul > li.all-works-square .all-works-square-text {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 80%;
    left: 10%;
    top: 108px;
    text-align: center;
    font-family: 'Roboto Condensed';
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}

.wiki-container .wiki-layout-artists-related.wiki-artwork-famous-carousel ul > li.all-works-square a {
    background: none;
}

.wiki-container .wiki-layout-artists-related.wiki-artwork-famous-carousel ul > li {
    width: auto;
}

.wiki-container .wiki-layout-artists-related.wiki-artwork-famous-carousel ul > li .artist-related-title h5 {
    margin: 0;
    font-size: 0;
    text-decoration: none;
    font-family: 'Roboto';
    color: #000;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    max-height: 40px;
    overflow: hidden;
    word-break: break-word;
}

.wiki-container .wiki-layout-artists-related.wiki-artwork-famous-carousel ul > li .artist-related-title h5 a {
    text-decoration: none;
    font-family: 'Roboto';
    color: #000;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
}

.wiki-container .wiki-layout-artists-related.wiki-artwork-famous-carousel ul > li .artist-related-title .separator {
    font-size: 14px;
    color: #a4a4a4;
}

.wiki-container .wiki-layout-artists-related.wiki-artwork-famous-carousel ul > li .artist-related-title .artwork-year {
     font-size: 14px;
     color: #a4a4a4;
}

.wiki-container .wiki-layout-artists-related.wiki-artwork-famous-carousel header h4 {
    color: #555555;
}

/* animation */ 
@keyframes wiki-animation-overscroll-left {
    0% {
        transform: translate3d(0, 0, 0);
    }
    30% {
        transform: translate3d(30px, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wiki-animation-overscroll-right {
    0% {
        transform: translate3d(0, 0, 0);
    }
    30% {
        transform: translate3d(-30px, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

/* /related artists */

/* artist list placeholder */
.artist-list-placeholder {
    margin: 77px 0 0 0;
    padding: 0 50px 50px 50px;
}

.artist-list-placeholder h1 {
    display: inline-block;
    font-family: 'Roboto';
    font-size: 48px;
    padding: 0;
    margin: 0;
}

.artist-list-placeholder h1 strong {
    
}

.artist-list-placeholder h2 {
    display: block;
    font-family: 'Roboto';
    font-size: 20px;
    padding: 0;
    margin: 0 0 30px 0;
}

/* masonry */
.wiki-masonry-container {
    padding: 0;
    margin: 0;
    position: relative;
}

.wiki-masonry-container > li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wiki-masonry-container > li > img {
    display: block;
}

.wiki-masonry-container > li > div {
    padding-top: 10px;
}

.wiki-masonry-container > li .favourites {
    display: none;
    height: 40px;
    position: relative;
}

.wiki-masonry-container > li:overlay {
   
}

.wiki-masonry-container > li > img.blur {
    filter: blur(5px);
}

.wiki-masonry-container > li .supersized-hover-container {
    display: none;
}

.wiki-masonry-container > li .title-block .like-overlay {
    display: none;
}    

@media (min-width: 1000px) {

    .wiki-masonry-container > li:hover .supersized-hover-container {
        display: block;
        /* border: 10px solid #fff; */
        /* margin: 3px !important; */
        box-shadow: 0 5px 15px 0 rgba(71, 82, 93, 0.3);
        box-sizing: content-box;
        position: absolute;
        left: -15px;
        top: -15px;
        height: calc(100% + 30px);
        width: calc(100% + 30px);
        background: #fff;
        z-index: 50;
    }

    .wiki-masonry-container > li.deleted {
        opacity: 0.5;
    }

    .wiki-masonry-container > li:hover > img {
        z-index: 100;
        position: relative;
    }

    .wiki-masonry-container > li:hover .title-block {
        position: relative;
        z-index: 100;
    }

    .wiki-masonry-container > li:hover .title-block .like-overlay > a {
        background: url(/Content/wiki/img/favorite.svg) center center no-repeat;
        display: block;
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 40px;
    }

    .wiki-masonry-container > li:hover .title-block .like-overlay > a.favoured {
        background: url(/Content/wiki/img/favorite-checked.svg) center center no-repeat;    
    }

    .wiki-masonry-container > li:hover .title-block .like-overlay > a.delete {
        background: url(/Content/wiki/img/trash.svg) center center no-repeat;    
        background-size: 20px 20px;
    }

    .wiki-masonry-container > li:hover .title-block .like-overlay > a.deleted {
        background: url(/Content/wiki/img/trash.svg) center center no-repeat;    
        background-size: 20px 20px;
    }

    .wiki-masonry-container > li:hover .title-block .like-overlay > a > i {
        display: none;
    }

    .wiki-masonry-container > li:hover .title-block .like-overlay > a.in-progress,
    .wiki-masonry-container > li:hover .title-block .like-overlay > a.favourites-menu-loader-small {
        background: none;
    }

    .wiki-masonry-container > li:hover .title-block .like-overlay > a.in-progress > i,
    .wiki-masonry-container > li:hover .title-block .like-overlay > a.favourites-menu-loader-small > i {
        display: block;
    }

    .wiki-masonry-container > li:hover .title-block .like-overlay {
        display: block;
        position: absolute;
        top: -50px;
        left: calc(50% - 20px);
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 6px;
        opacity: 0.5;
    }

    .wiki-masonry-container > li:hover .title-block .like-overlay.like-overlay-left {
        left: calc(50% - 20px - 20px - 4px);
    }

    .wiki-masonry-container > li:hover .title-block .like-overlay.like-overlay-right {
        left: calc(50% + 4px);
    }

    .wiki-masonry-container > li:hover .title-block .like-overlay:hover {
        opacity: 1;
        cursor: pointer;
    }

    .wiki-masonry-container > li:hover .title-block .like-overlay.like-overlay-zoom > a {
        background: url(/Content/wiki/img/icon-holder.svg) center center no-repeat;
    }
}

    .wiki-masonry-container > li a.artwork-name {
        text-decoration: none;
        display: block;
        font-family: 'Roboto';
        color: #000;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 4px;
        word-break: break-word;
    }

.wiki-masonry-container > li a.artist-name {
    text-decoration: none;
    display: block;
    font-family: 'Roboto';
    font-weight: 300;
    color: #0057a3;
    font-size: 14px;
    line-height: 20px;
} 

.wiki-masonry-container > li .artwork-year {
    color: #a4a4a4;
}
/* /masonry */

/* artist-gallery */
.wiki-artistgallery-container {
    padding: 0;
    margin: 10px 0 0 0;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-transition: 1500ms cubic-bezier(.82,.18,.28,.9);
    -moz-transition: 1500ms cubic-bezier(.82,.18,.28,.9);
    -o-transition: 1500ms cubic-bezier(.82,.18,.28,.9);
    height:700px;
    
}
    .wiki-masonry-container li {
        opacity: 1;
    }

        


    .wiki-artistgallery-container > li {
        opacity: 1;
        margin-right: 20px;
        padding: 15px 0;
        list-style: none;
    }

        .wiki-artistgallery-container > li.ng-enter {
            -webkit-transition: opacity 1s;
            -moz-transition: opacity 1s;
            -o-transition: opacity 1s;
            transition: opacity 1s;
            opacity: 0;
        }

        .wiki-artistgallery-container > li.ng-enter-active {
            opacity: 1;
        }
        .wiki-artistgallery-container > li .title-block {
            margin-top: 15px;
            position: relative;
        }

            .wiki-artistgallery-container > li .title-block .artist-name {
                width: calc(100% - 25px);
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                height: 20px;
            }

        .wiki-artistgallery-container > li .title-block .artist-name a {
            text-decoration: none;
            display: inline-block;
            font-family: 'Roboto';
            font-weight: 700;
            color: #000000;
            font-size: 16px;
            line-height: 20px;
            
        }

        .wiki-artistgallery-container > li .title-block .icon {
            text-decoration: none;
            position: absolute;
            width: 23px;
            height: 28px;
            top: -8px;
            right: 0;
            float: right;
            background: url(/Content/wiki/img/all-works@2x.png) center no-repeat;
            background-size: 23px 28px;
        }

                .wiki-artistgallery-container > li .title-block .artist-short-info {
                    margin-top:5px;
                    position:relative;
                    color: #a4a4a4;
                    font-family: 'Roboto';
                    font-size: 14px;
                    height:17px;
                }
                    .wiki-artistgallery-container > li .title-block .artist-short-info span {
                        font-family: 'Roboto';
                        font-size: 14px;
                    }

            .wiki-artistgallery-container > li .title-block .artist-works-count {
                margin-top: 5px;
                position: relative;
                color: #a4a4a4;
                font-family: 'Roboto';
                font-size: 14px;
                height: 17px;
            }

                /*.wiki-artistgallery-container > li .title-block .additional-info .works-count {
                    position: absolute;
                    top: 0;
                    right: 0;
                    white-space: nowrap;
                    overflow: hidden;
                    max-width:50%;
                }*/

        .wiki-artistgallery-container > li .artwork-year {
            color: #a4a4a4;
        }

        .wiki-artistgallery-container > li .image-wrapper {
            background-color: #f3f5f7;
            display: flex;
            align-items: center;
        }

            .wiki-artistgallery-container > li .image-wrapper img {
                max-height: 100%;
                display: block;
                margin: 0 auto;
                max-width: 100%;
                flex:none;
            } 
/* artist-gallery */

/* utility */
.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.auto-fit-font-size {
    overflow: hidden;
    position: relative;
}

.dictionary-values .dictionary-values-expander {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background: url(/Content/wiki/img/more.svg) center no-repeat;
    background-size: 18px 18px;
}

.dictionary-values.opened .dictionary-values-expander {
    transform: rotate(180deg);
}

.dictionary-values.overflow .dictionary-values-expander {
    display: block;
}

.dictionary-values.opened {
    max-height: none !important;
}

.dictionary-values {
    padding-right: 30px !important;
}

a[target="_blank"]:not(.hidden-blank), 
a.external {
    display: inline-block;
    position: relative;
}

    a[target="_blank"]:not(.hidden-blank):after,
    a.external:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-left: 5px;
        background-image: url(/Content/wiki/img/external_link_blue.svg);
    }


.dictionary-illustration-container a[target="_blank"]:not(.external):after,
.wiki-container .wiki-layout-artist-info-tab p a[target="_blank"]:not(.external):after {
    display: none;
}

/* /utility */
/* login popup */
.modal-backdrop {
    background-color: #1a2127 !important;
}

.modal-backdrop.in {
    opacity: 1 !important;
}

.modal {
    overflow-y: auto !important;
}

.modal-open:not(.supersized-prevent-scroll) {
    overflow: auto !important;
}

.login-popup-container.modal {
    text-align: center;
    padding: 0 !important;
}

.login-popup-container.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    
}

.login-popup-container .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.login-popup-container .modal-dialog .modal-content {
}

.geo-notes-container {
    min-height: 300px !important;
}

.geo-notes-container .modal-dialog {
    min-height: 300px !important;
}

.geo-notes-container .modal-dialog .modal-content {
    min-height: 300px !important;
}

.geo-notes-container .loginFormContainer {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.geo-notes-container .modal-body {
    padding: 0 !important;
    margin: 0;
    flex-grow: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.custom-copyright-modal .copyright-notes-popup {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.custom-copyright-modal .modal-body {
    padding: 0 20px;
    margin: 0;
    flex-grow: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .geo-notes-container .modal-body, 
    .custom-copyright-modal .modal-body {
        transform: translateY(50%);
    }
 }

.modal.copyright-notes-container .modal-dialog {
    min-height: auto !important;
}

.modal.copyright-notes-container .modal-dialog .modal-content {
    min-height: auto !important;
}

.modal.copyright-notes-container .modal-dialog .modal-content a {
    text-decoration: none;
    color: #0057a3;
}

.modal.copyright-notes-container .modal-dialog .modal-content b {
    font-family: 'Roboto';
    font-weight: 600;
}

.modal.copyright-notes-container .modal-dialog .modal-content p {
    line-height: 22px;
}

.modal.copyright-notes-container .copyright-notes-popup {
    position: static !important;
}

.modal.copyright-notes-container::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}


/*.login-popup-container .modal-dialog,
.login-popup-container .modal-content {
    min-width: 500px;
    border-radius: 0px;
    max-height: 75%;
}*/

.login-popup-container .modal-header {
    padding: 3px !important;
    line-height: 33px !important;
    border-bottom: 1px solid #e7ebef;
    border-top: 3px solid #0057a3;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.login-popup-container .modal-header .modal-header-title {
    padding: 25px 0 17px 25px;
    display: block;
    width: calc(100% - 36px);
    line-height: 22px !important;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 22px;
    font-weight: 800;
    position: relative;
    margin: 0;
}

.login-popup-container .modal-header-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 24px 24px 15px 24px;
    line-height: 36px !important;
    text-align: center;
    font-size: 36px;
    cursor: pointer;
    color: rgb(168, 168, 168);
}

.login-popup-container .modal-body {
    font-family: 'Roboto';
    padding:15px;
}

.login-popup-container .modal-body .textField {
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid black;
    padding: 5px;
    box-sizing: border-box;
    font-size: 14px;
}


.login-popup-container .modal-body .email, .login-popup-container .modal-body .password, .login-popup-container .modal-body .displayName {
    display: block;
    max-width: 366px;
    width: 90%;
}

.login-popup-container .loginFormContainer .modal-body .forgotPassword {
    display: block;
    max-width: 366px;
    width: 90%;
    text-align: right;
    margin: 20px auto 17px auto;
    height: 18px;
}
.login-popup-container .loginFormContainer .modal-body .forgotPassword a {
     text-decoration: none;
     float: right;
     font-size: 14px;
     color: #2667aa;
     cursor: pointer;
}


.button-light {
    border-radius: 5px;
    background-color: white;
    border: solid 1px #e7ebef;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.button-light:hover {
    background-color: #0057a3;
    color: white;
}

.button-light:focus {
    outline:none!important;
}

.login-popup-container .modal-body .button-light {
    font-family: 'Roboto Condensed';
    font-weight: 700;
}

.login-popup-container .modal-body .validationSummary {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 366px;
    width: 90%;
    text-align: center;
    background-color: #F4D3D4;
    padding: 10px;
    color: #ca2127;
    margin-bottom: 5px;
    font-size: 12px;
}

.login-popup-container .loginFormContainer .modal-body .loginButton,
.login-popup-container .registerFormContainer .modal-body .signUpButton,
.login-popup-container .restorePasswordFormContainer .modal-body .restorePasswordButton,
.login-popup-container .createPasswordFormContainer .modal-body .createPasswordButton,
.login-popup-container .displayNameFormContainer .modal-body .saveDisplayNameButton {
    display: block;
    margin: 0 auto;
    max-width: 366px;
    width: 90%;
    font-size: 20px;
    height: 45px;
    cursor: pointer;
}

.login-popup-container .restorePasswordFormContainer .modal-body .restorePasswordButton,
.login-popup-container .restorePasswordFormContainer .modal-body .createPasswordButton {
    margin-top: 55px;
}

.login-popup-container .restorePasswordFormContainer .modal-body .restoreEmail {
}

.login-popup-container .modal-body .terms-of-use {
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
}

.login-popup-container .modal-body .terms-of-use span {
    color: #a4a4a4;
}

.login-popup-container .modal-body .terms-of-use a {
    text-decoration: none;
    color: #2667aa;
    cursor: pointer; 
}

.login-popup-container .modal-body .separator {
    margin: 20px 0 20px 0;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}

.login-popup-container .modal-body .separator .line {
    display: inline-block;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e7ebef;
    line-height: 0.1em;
    margin: 10px 0 20px;
}

.login-popup-container .modal-body .separator .line .text {
    background: #ffffff;
    font-weight: normal;
    font-size: 14px;
    padding: 0 10px;
    color: black;
}

.login-popup-container .modal-body .socialButtonsContainer {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 366px;
    width: 90%;
    height: 70px;
}

.login-popup-container .modal-body .socialButtonsContainer .fbButton {
    height: 100%;
    width: 45%;
    float: left;
    cursor: pointer;
    background: url(/Content/wiki/img/fb-icon-login.svg) center no-repeat;
    background-size: 30px 30px;
}
.login-popup-container .modal-body .socialButtonsContainer .gmailButton {
    height: 100%;
    width: 45%;
    float:right;
    cursor: pointer;
    background: url(/Content/wiki/img/google-icon-login.svg) center no-repeat;
    background-size: 30px 30px;
}

.login-popup-container .loginFormContainer .modal-body .registerLink,
.login-popup-container .registerFormContainer .modal-body .loginLink {
    display: block;
    max-width: 366px;
    width: 90%;
    text-align: right;
    margin: 30px auto;
    font-size: 14px;
    text-align: center;
}

.login-popup-container .loginFormContainer,
.login-popup-container .registerFormContainer,
.login-popup-container .restorePasswordFormContainer,
.login-popup-container .messageContainer,
.login-popup-container .createPasswordFormContainer,
.login-popup-container .displayNameFormContainer {
    transition: all linear 0.5s;
    min-height: 300px;
    width: 100%;
}

@media (max-width: 999px) {
    .albums-modal-container .modal-dialog { 
        width: 85% !important;
        max-width: 85% !important;
    }
}

@media (min-width: 1000px) {
    .albums-modal-container .modal-input {
        max-width: none;
    }

    .albums-modal-container .modal-input input[type="text"] {
        width: calc(100% - 40px);
    }
}

.albums-modal-container .loginFormContainer  {
    min-height: auto !important;
}

.albums-modal-container .modal-header {
    position: relative;
}

.albums-modal-container .modal-header .modal-header-close {
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
    right: 10px;
    padding: 0 !important;
}

.albums-modal-container .modal-dialog .modal-btn-close {
    height: 70px;
    line-height: 70px;
    text-align: center;
    background-color: #e7ebef;
    font-family: 'Roboto Condensed';
    font-size: 24px;
    color: rgb(30, 82, 161);
    padding: 0 20px;
    cursor: pointer;
    clear: both;
}

.albums-modal-container .modal-dialog .modal-btn-add {
    height: 60px;
    line-height: 60px;
    text-align: left;
    background-color: #e7ebef;
    font-family: 'Roboto Condensed';
    font-size: 20px;
    color: rgb(30, 82, 161);
    background: rgb(249, 249, 249);
    padding: 0 20px;
    cursor: pointer;
    overflow: hidden;
}

.albums-modal-container .modal-dialog .modal-btn-add.expanded {
    cursor: default;
}

.albums-modal-container .modal-input {
    box-sizing: border-box;
    width: auto !important;
    padding: 10px 0 0 0;
    margin: 0 !important;
    line-height: normal;
    height: 100%;
    width: 100%;
    max-width: none !important;
} 

.albums-modal-container .modal-input input[type="text"] {
    width: calc(100% - 40px);
    max-width: none !important;
}

.albums-modal-container .modal-input .add-album-button {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(/Content/wiki/img/album-add.svg) center center no-repeat;
    background-size: 10px 10px;
    position: absolute;
    top: 15px;
    right: 0;
    cursor: pointer;
}

.albums-modal-container .modal-input.favourites-menu-loader-small .animate-spin {
    margin: 10px 0 0 10px;
    display: inline-block !important;
    font-size: 16px;
    color: #000;
}

.albums-modal-container .modal-input.favourites-menu-loader-small .add-album-button {
    display: none !important;
}

.albums-modal-container .modal-input .messages {
    top: 43px !important;
}

.albums-modal-container .modal-header {
    padding: 0 !important;
}

.albums-modal-container .modal-body {
    padding: 0 !important;
}

.albums-modal-container .modal-body ul {
    padding: 0;
    margin: 0;
    display: block;
    overflow-y: scroll;
    max-height: 250px; 
}

.albums-modal-container .modal-body ul > li {
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0;
    height: 60px;
    padding: 0 20px;
    line-height: 60px;
    font-family: 'Roboto Condensed';
    font-size: 24px;
    color: rgb(86, 86, 86);
    border-bottom: 1px solid rgb(230, 234, 238);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    cursor: pointer;
}

.albums-modal-container .modal-body ul > li.checked .album-icon {
    display: block;
}

.albums-modal-container .modal-body ul > li .album-icon {
    display: none;
    position: absolute;
    right: 15px;
    top: calc(50% - 10px);
    background: url(/Content/wiki/img/album-checked.svg) center center no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}

.albums-modal-container .modal-body ul > li.favourites-menu-loader-small .album-icon {
    display: none !important;
}

.albums-modal-container .modal-body ul > li.favourites-menu-loader-small .animate-spin {
    display: block !important;
    display: none;
    position: absolute;
    right: 15px;
    top: calc(50% - 10px);
    background-size: 20px 20px;
    line-height: normal;
    font-size: 16px;
}

.albums-modal-container .modal-header .modal-header-title {
    padding: 0 20px;
    height: 60px;
    line-height: 60px !important;
    font-family: 'Roboto Condensed';
    font-weight: bold;
    font-size: 24px;
    background-color: rgba(204, 204, 204, 0.1);
}

.animated.ng-leave {
    opacity: 1;
    display:none;
}

.animated.ng-leave-active {
    opacity: 0;
    display: none;
}

.animated.ng-enter {
    opacity: 0;
}

.animated.ng-enter-active {
    opacity: 1;
}






.login-popup-container .loginFormContainer .modal-body .registerLink a,
.login-popup-container .registerFormContainer .modal-body .loginLink a {
    text-decoration:none;
    color: #2667aa;
    cursor: pointer;
}

.login-popup-container .registerFormContainer .modal-body .passwordContainer,
.login-popup-container .createPasswordFormContainer .modal-body .passwordContainer {
    display: block;
    max-width: 366px;
    width: 90%;
    height: 30px;
    margin: 25px auto 0 auto;
}

.login-popup-container .registerFormContainer .modal-body .signUpButton {
    margin-top: 55px;
}

.login-popup-container .registerFormContainer .modal-body .passwordContainer .password,
.login-popup-container .createPasswordFormContainer .modal-body .passwordContainer .password {
    width: 45%;
    float: left;
}

.login-popup-container .registerFormContainer .modal-body .passwordContainer .confirmPassword,
.login-popup-container .createPasswordFormContainer .modal-body .passwordContainer .confirmPassword {
    width: 45%;
    float: right;
}

.login-popup-container .messageContainer .modal-body {
    text-align: center;
    font-family: 'Roboto';
    font-size: 14px;
}
.login-popup-container .messageContainer .modal-body .message {
    font-family: 'Roboto Condensed';
    font-size: 24px;
    display:block;
    margin:40px 0;
}

.login-popup-container .messageContainer .modal-body .hint {
    display:block;
    margin:20px 0;
}

.login-popup-container .messageContainer a {
    text-decoration: none;
    color: #2667aa;
    cursor: pointer;
}

.login-popup-container .displayNameFormContainer .modal-body .small-header {
    margin: 0 auto 30px auto;
    font-size: 18px;
    display: block;
    max-width: 366px;
    width: 90%;
    text-align: left;
}

.login-popup-container .displayNameFormContainer .modal-body .displayName {
    margin: 30px auto 30px auto;
}

.login-popup-container .displayNameFormContainer .modal-body .saveDisplayNameButton {
    margin: 45px auto 0 auto;
}

.login-popup-container .displayNameFormContainer .modal-body .hint {
    display: block;
    margin: 10px auto;
    max-width: 366px;
    width: 90%;
    text-align: center;
    font-size: 12px;
}

.login-popup-container .createPasswordFormContainer .modal-body .passwordContainer {
    margin: 25px auto 50px auto;
}

    .login-popup-container .registerFormContainer .modal-body .passwordContainer .modal-input,
    .login-popup-container .createPasswordFormContainer .modal-body .passwordContainer .modal-input {
        margin: 0 auto !important;
    }




@media (max-width: 767px) {
    .login-popup-container .modal-dialog {
        width: 460px;
        margin: 0;
        padding: 0;
    }
    .login-popup-container .modal-content {
        box-sizing: border-box;
        border-radius: 0;
    }

    .login-popup-container .loginFormContainer .modal-body .registerLink,
    .login-popup-container .registerFormContainer .modal-body .loginLink {
        margin-top: 25px;
        margin-bottom: 0;
    }
    .login-popup-container .loginFormContainer .modal-body .separator,
    .login-popup-container .registerFormContainer .modal-body .separator {
        margin: 10px 0;
    }
}

@media (max-width: 459px) {
    .login-popup-container .modal-dialog {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

@media (max-width: 459px) and (min-height: 568px) {
    .login-popup-container .loginFormContainer,
    .login-popup-container .registerFormContainer
     {
        min-height: 566px;
    }

    .login-popup-container.view-thumnails-sizes-popup-container .modal-dialog,
    .login-popup-container.view-thumnails-sizes-popup-container .modal-dialog .modal-content {
        min-height: 566px;
    }

    .login-popup-container .copyright-notes-popup {
        min-height: auto;
    }




}

@media (max-width: 320px) {
    .login-popup-container .loginFormContainer div.modal-input,
    .login-popup-container .registerFormContainer div.modal-input {
        margin: 15px auto 0 auto;
    }

    .login-popup-container .loginFormContainer .modal-body .registerLink,
    .login-popup-container .registerFormContainer .modal-body .loginLink {
        margin-top: 5px;
        margin-bottom: 0;
    }

    .login-popup-container .loginFormContainer .modal-body,
    .login-popup-container .registerFormContainer .modal-body {
        padding: 7px 15px 15px 15px;
    }

        .login-popup-container .loginFormContainer .modal-body .separator, .login-popup-container .registerFormContainer .modal-body .separator {
            margin: 6px 0;
        }

        .login-popup-container .registerFormContainer .modal-body .passwordContainer {
            margin: 15px auto 0 auto;
        }

}


/*.login-popup-container .modal-content, .login-popup-container .modal-dialog {
    min-width: initial !important;
    
    max-width: 546px;
}*/



/* end login popup */

/* start message page layout*/
.message-form-container {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    font-family: 'Roboto';
    font-size: 16px;
    min-height: 500px;
}

.message-form-container .form-content-container {
    padding-top: 55px;
}

.message-form-container .text-small  {
    margin-bottom: 50px
}

.message-form-container .text-small span {
    line-height: 22px;
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 12px;
    display: inline-block;
}   

.message-form-container .button-back {
    padding: 20px 30px;
    
    font-size: 20px;
}   
/*end message page layout*/

/*start material input*/
md-input-container {
    display: inline-block;
    position: relative;
    padding: 2px;
    margin: 18px 0;
    vertical-align: middle;
    /*
   * The .md-input class is added to the input/textarea
   */
}

div.modal-input {
    position:relative;
    display: block;
    max-width: 366px;
    width: 90%;
    margin: 25px auto 0 auto;
}

div.modal-input:after {
    content: '';
    display: table;
    clear: both;
}

    div.modal-input .title {
        font-size: 16px;
        font-family: Roboto;
        font-weight: bold;
        margin-bottom: 5px;
    }

div.modal-input input {
    font-size: 14px;
}

div.modal-input input::placeholder {
    color: #a4a4a4;
    font-size: 14px;
}

div.modal-input textarea,
div.modal-input input[type="text"],
div.modal-input input[type="password"],
div.modal-input input[type="datetime"],
div.modal-input input[type="datetime-local"],
div.modal-input input[type="date"],
div.modal-input input[type="month"],
div.modal-input input[type="time"],
div.modal-input input[type="week"],
div.modal-input input[type="number"],
div.modal-input input[type="email"],
div.modal-input input[type="url"],
div.modal-input input[type="search"],
div.modal-input input[type="tel"],
div.modal-input input[type="color"] {
    /* remove default appearance from all input/textarea */
    -moz-appearance: none;
    -webkit-appearance: none;
}

div.modal-input input {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
    display: block;
    margin-top: 0;
    background: none;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border-width: 0 0 1px 0;
    line-height: 26px;
    height: 30px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0;
    border-style: solid;
    width: 100%;
    box-sizing: border-box;
    float: left;
    border-color: black;
    font-family: 'Roboto';
}

div.modal-input input {
    outline: none !important;
}
div.modal-input .messages {
    position: absolute;
    top: 33px;
}

div.modal-input .messages .validationError {
    color: #ca2127 !important;
    font-size: 12px;
    line-height: 14px;
}

.validationAnimation.ng-enter, .validationAnimation.ng-leave, .validationAnimation.ng-hide-add, .validationAnimation.ng-hide-remove {
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
}

    .validationAnimation.ng-enter,
    .validationAnimation.ng-leave.ng-leave-active,
    .validationAnimation.ng-hide {
        opacity: 0;
    }

        .validationAnimation.ng-leave,
        .validationAnimation.ng-enter.ng-enter-active,
        .validationAnimation.ng-show {
            opacity: 1;
        }



div.modal-input input.validationError {
    border-color: #ca2127 !important;
}

/*div.modal-input input.validationError::placeholder {
    color: #ca2127 !important;
}*/
/*end material input*/

.dropdown-menu-is-opened {
    box-shadow: 0 10px 25px 0 rgba(71, 82, 93, 0.3);
}

/*view all artists works start*/

.view-all-works-container {
    min-height: 700px;
}

    .view-all-works-container .view-all-works   {
        padding-top: 25px;
    }

        .view-all-works-container .view-all-works > .title{
            font-family: 'Roboto Condensed';
            font-weight: 700;
            font-size: 24px;
            margin: 0;
        }

            .view-all-works-container .view-all-works > .title .artist-href {
                text-decoration: none;
                color: #0057a3;
            }

            .view-all-works-container .view-all-works > .title .subtitle {
                font-family: 'Roboto Condensed';
                font-weight: 700;
                font-size: 24px;
                color: #555555;
            }
/*view all artists works end*/
/*masonry artist menu start*/

.artist-menu {
    margin-top: 40px;
    display:inline-block;
    width:100%;
}

.artist-gallery-outter-container  .artist-menu {
    margin-top:0;
    margin-bottom: 10px;
}
.artist-menu-left {
    width: calc(100% - 62px);
    display: inline-block;
}
.artist-menu-right {
    float:right;
    display:inline-block;
    width: 62px;
}

.artist-menu-block-wrapper {
    cursor: pointer;
    height: 30px;
    position: relative;
    display:inline-block;
    border: solid 1px #e7ebef;
    padding:3px 10px;
    min-width: 75px;
    margin-right: 10px;
    font-family:'Roboto';
    margin-bottom: 10px;
}
    .artist-menu-block-wrapper-expand {
        display: none;
        min-width: initial;
    } 
    .artist-menu-block-wrapper .header {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 30px;
        /*font-weight: 700;
        color: #555555;*/
        position: relative;
    }

.artist-menu-block-wrapper .header.selected {
    font-weight: 700;
}

.artist-menu-block-wrapper .header .close-btn-circle {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background: url(/Content/wiki/img/close-2.svg) center no-repeat #555555;
    background-size: 8px 8px;
    position: absolute;
    right: -18px;
    top: -12px;
}

.artist-menu-block-wrapper .artist-menu-block-dropdown {
    display: block;
    position: absolute;
    left: -1px;
    top: 0;
    padding: 16px 10px 6px 10px;
    margin: 36px 0 0 0;
    box-shadow: 0 10px 25px 0 rgba(71, 82, 93, 0.3);
    border: solid 1px #e7ebef;
    z-index: 999;
    background: #fff;
    list-style-type: none;
}

.artist-menu-block-wrapper .artist-menu-block-dropdown li {
    line-height: 16px;
    font-size: 14px;
    padding: 5px 10px 5px 10px;
    font-family: 'Roboto';
    white-space: nowrap;
}

    .artist-menu-block-wrapper .artist-menu-block-dropdown.limited li {
        white-space: normal;
    }


.artist-menu-block-wrapper .artist-menu-block-dropdown li:hover {
    background-color: #0057a3 !important;
    color:white;
}

.artist-menu-block-wrapper .artist-menu-block-dropdown li > span {
   
}

.artist-menu-block-wrapper .artist-menu-block-dropdown li > span.selected {
    font-weight: 700;
}
/*masonry artist menu end*/


/*masonry result type (masonry,detailed,text) select start*/
.result-type-select-wrapper {
    cursor: pointer;
    width: 60px;
    height: 36px;
    position: relative;
    border: solid 1px #e7ebef;
}


.result-type-select-wrapper .header {
    width: 100%;
    height: 100%;
}
.result-type-select-wrapper .header .arrow {
    cursor: pointer;
    height:100%;
    width:50%;
    display: inline-block;
}

.result-type-select-wrapper .header .arrow.up {
    background: url(/Content/wiki/img/arrow_down@2x.png) center no-repeat;
    transform: rotate(180deg);
    background-size: 12px 7px;
}
.result-type-select-wrapper .header .arrow.down {
    background: url(/Content/wiki/img/arrow_down@2x.png) center no-repeat;
    background-size: 12px 7px;
}

.result-type-select-wrapper .header .current-result {
    cursor: pointer;
    height:100%;
    width:50%;
    display:inline-block;
}

.result-type-select-wrapper .header .current-result svg {
    float:right;
    padding: 7px 7px 7px 0;
}

.result-type-select-wrapper .result-type-select-menu {
    display: block;
    position: absolute;
    left: -1px;
    top: 0;
    padding: 0;
    margin: 36px 0 0 0;
    width: 60px;
    box-shadow: 0 10px 25px 0 rgba(71, 82, 93, 0.3);
    border: solid 1px #e7ebef;
    z-index: 999;
    background: #fff;
    list-style-type: none;
}
.result-type-select-wrapper .result-type-select-menu li {
    height: 36px;
    line-height: 36px;
}
.result-type-select-wrapper .result-type-select-menu li:hover {
    background-color: #0057a3 !important;
}
.result-type-select-wrapper .result-type-select-menu li:hover svg {
    fill: #fff;
}

.result-type-select-wrapper .result-type-select-menu li svg {
    float:right;
    padding: 7px 7px 7px 0;
}
/*masonry result type (masonry,detailed,text) select end*/

/*masonry text view start*/

.masonry-text-view.masonry-text-view-all {
    margin-top: 25px;
}

.masonry-text-view ul {
    margin: 0;
    padding: 0 10px;
}

    .masonry-text-view ul > li {
        margin: 0;
        padding: 0;
        display: block;
        list-style: none;
    }

    .masonry-text-view ul > li {
        font-family: 'Roboto';
        font-weight: 200;
        font-size: 0;
        line-height: 30px;
    }

        .masonry-text-view ul > li a {
            font-family: 'Roboto';
            font-weight: 200;
            text-decoration: none;
            color: #0057a3;
            font-size: 16px;
        }
        .masonry-text-view ul > li span {
            font-size: 16px;
        }

/*masonry text view end*/

/*masonry detailed view start*/
.masonry-detailed-artwork-item {
    margin-bottom: 30px;
}

.masonry-detailed-artwork-item header {
    display: none;
    padding: 0 10px;
}

.wiki-container .wiki-layout-artwork-info article h3 a.masonry-detailed-artwork-title, .wiki-container .wiki-layout-artwork-info > header h3 a.masonry-detailed-artwork-title {
    text-decoration: none;
    color: black;
    cursor: pointer;
}


/*masonry detailed view end*/

/* supersized */
#supersized-container {
    height: 100%;
    width: 100%;
    position: fixed; 
    z-index: 999; 
    left: 0;
    top: 0;
    overflow: hidden; 
    display: none;
    /* touch-action: none; */
    /* user-select: none; */
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: #000;
}

#supersized-container .sueprsized-navigation-fullscreen-top,
#supersized-container .sueprsized-navigation-fullscreen-bottom {
    display: none;
    height: 96px;
    position: fixed;
    width: 100%;
    background: #1a2127;
    z-index: 500;
    left: 0;
}

#supersized-container .sueprsized-navigation-fullscreen-prev,
#supersized-container .sueprsized-navigation-fullscreen-next {
    display: none;
}

#supersized-container ul.supersized-variants-container.open .supersized-navigation-variants {
    opacity: 0;
}

#supersized-container ul.supersized-variants-container.open .supersized-navigation-variants-arrow {
    transform: rotate(180deg) translateY(4px) translateX(-60px);
}

#supersized-container .supersized-navigation-variants-arrow {
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 21px);
    width: 28px;
    height: 42px;
    background: url(/Content/wiki/img/supersized/arrow-2-gray-2.svg) no-repeat center center;
    cursor: pointer;
    filter: drop-shadow( 0px 0px 3px #000);
}

#supersized-container .supersized-navigation-variants {
    display: block;
    position: absolute;
    left: 28px;
    top: calc(50% - 20px);    
    width: 40px;
    height: 40px;
    background: url(/Content/wiki/img/supersized/paintings-more-gray.svg) no-repeat;
    background-position: 2px -2px;
    cursor: pointer;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    filter: drop-shadow( 0px 0px 3px #000);
}

#supersized-container .copyright-message {
    position: absolute;
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto';
    width: 320px;
    left: calc(50% - 160px);
    top: calc(50% - 45px);
    text-align: center;
    line-height: 30px;
    height: 90px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

@media (max-width: 500px) {
    #supersized-container .copyright-message {
        width: 180px;
        left: calc(50% - 90px);
    }
}

#supersized-container .supersized-navigation-variants.open {
    display: none;
}

#supersized-container.fullscreen .sueprsized-navigation-fullscreen-prev,
#supersized-container.fullscreen .sueprsized-navigation-fullscreen-next {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    background: url(/Content/wiki/img/supersized/next-big.svg) center center;
    cursor: pointer;
    filter: drop-shadow( 0px 0px 3px #000);
}

#supersized-container.fullscreen .sueprsized-overlay-artwork-info {
    bottom: 0 !important;
}

#supersized-container.fullscreen .sueprsized-navigation-fullscreen-prev {
    left: 22px;
    transform: rotate(180deg);
}

#supersized-container.fullscreen .sueprsized-navigation-fullscreen-next {
    right: 12px;
}

#supersized-container .sueprsized-navigation-fullscreen-top {
    top: 0;
}

#supersized-container .sueprsized-navigation-fullscreen-bottom {
    bottom: 0;
}


#supersized-container.fullscreen .sueprsized-navigation-fullscreen-top,
#supersized-container.fullscreen .sueprsized-navigation-fullscreen-bottom {
    
}

#supersized-container ul.supersized-variants-container li.controls {
    display: inline-block;
    margin: 0;
    width: 90px;
    background-color: transparent;
    transition: 0.1s;
}

#supersized-container ul.supersized-variants-container.open li.controls {
    display: inline-block;
    margin: 0;
    transition: 0.1s;
    /* width: 28px; */
}

#supersized-container ul.supersized-variants-container.animate {
    transition: 0.6s;
}

#supersized-container ul.supersized-variants-container {
    transform: translateX(100%) translateX(-90px);
}

#supersized-container.fullscreen ul.supersized-variants-container {
    bottom: 10px;
}

#supersized-container ul.supersized-variants-container.open {
    transform: translateX(0);
}

#supersized-container.fullscreen .supersized-content {
    padding: 5px;
    height: calc(100% - 10px);
    width: calc(100% - 10px);
}

#supersized-container.fullscreen .sueprsized-navigation-bottom {
    display: none;
}

#supersized-container.fullscreen .supersized-navigation-zoom-slider-bar,
#supersized-container.fullscreen .supersized-navigation-zoom-slider-position {
    background: #fff !important;
    filter: drop-shadow( 0px 0px 3px #000);
}

#supersized-container.fullscreen .sueprsized-navigation-right .supersized-navigation-zoom-out {
    background: url(/Content/wiki/img/supersized/zoom-out-white.svg) no-repeat center;
    filter: drop-shadow( 0px 0px 3px #000);
}

#supersized-container.fullscreen .sueprsized-navigation-right .supersized-navigation-zoom-in {
    background: url(/Content/wiki/img/supersized/zoom-in-white.svg) no-repeat center;
    filter: drop-shadow( 0px 0px 3px #000);
}

#supersized-container.fullscreen .sueprsized-navigation-right .sueprsized-navigation-close {
    background: url(/Content/wiki/img/supersized/close_white.svg) no-repeat center;
    filter: drop-shadow( 0px 0px 3px #000);
}

#supersized-container.fullscreen .supersized-navigation-fullscreen {
    background: url(/Content/wiki/img/supersized/resize-out.svg) no-repeat center !important;
    filter: drop-shadow( 0px 0px 3px #000);
}

#supersized-container .supersized-navigation-fullscreen.disabled {
    display: none;
}

#supersized-container.fullscreen .sueprsized-navigation-left {
    height: 100%;
    background: none;
}

#supersized-container.fullscreen .sueprsized-navigation-right {
    height: 100%;
    background: none;
}

@-ms-viewport {
    width: auto !important;
}

/*
.supersized-active #supersized-container {
    display: block;
} */

#supersized-container .supersized-content {
    position: relative;
    top: 0;
    left: 0;
    padding: 5px 85px;
    height: calc(100% - 110px);
    width: calc(100% - 170px);
    background: #1a2127;
    user-select: none;
}

#supersized-container .supersized-content .size-debugger {
    position: absolute;
    left: 5px;
    top: 5px;
    color: #fff;
    background: #000;
    z-index: 999;
    font-family: 'Roboto';
    text-align: center;
    line-height: 40px;
}

#supersized-container .supersized-content .size-debugger a{
    border: 1px solid #fff;
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: 5px;
    cursor: pointer;
}

#supersized-container .supersized-content .size-debugger > table {
    border-collapse: collapse;
}

#supersized-container .supersized-content .size-debugger > table thead tr td {
    font-weight: bold;
}

#supersized-container .supersized-content .size-debugger > table, 
#supersized-container .supersized-content .size-debugger > table th, 
#supersized-container .supersized-content .size-debugger > table td {
    border: 1px solid #fff;
    padding: 0 5px;
}

#supersized-container .supersized-content .size-debugger .debugger-flags {
    
}

#supersized-container .supersized-content .size-debugger .debugger-flag {
    font-size: 80%;
    line-height: 100%;
    color: #aaa;
    text-align: left;
}

#supersized-container .supersized-content .size-debugger .debugger-flag.active {
    font-weight: bold;
    color: #fff;
}

#supersized-container .supersized-content img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    max-width: 100%;
    max-height: 100%;
    touch-action: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -moz-user-drag: none;    
    pointer-events: none;
}

#supersized-container .supersized-content .supersized-slide-wrapper.grab {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

#supersized-container .supersized-content .supersized-slide-wrapper.zoom {
    cursor: zoom-in;
}

    #supersized-container .supersized-content .supersized-slide-wrapper.pointer {
        cursor: pointer;
    }

/*
#supersized-container .supersized-content img.grab.grabbing {
    cursor: grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: -webkit-grabbing !important;
} */

#supersized-container .supersized-slide-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
}

#supersized-container .supersized-content img.loading + .loader,
#supersized-container .supersized-content img + .loader.visible
 {
    display: block;
    position: absolute;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    transform: translateY(-50%) translateX(-50%);
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    background: url(/Content/wiki/img/loadmore-icon-white.svg) center no-repeat;
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
}

#supersized-container .supersized-content img.loading {
    display: none !important;
    /* transform: translateX(-200%) translateY(-50%) !important; */
}


#supersized-container .sueprsized-overlay-artwork-info {
    position: fixed;
    color: #fff;
    bottom: 7vh;
    left: 0;
    width: 100%;
    height: calc(50%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.31) 41%, rgba(0, 0, 0, 0.75));
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 25px;
    transition: opacity 0.3s, visibility 0.3s;
    touch-action: none;
    user-select: none;
    z-index: 999;
}

#supersized-container .sueprsized-overlay-artwork-info.hidden {
    opacity: 0;
    visibility: hidden;
}

#supersized-container .sueprsized-overlay-artwork-info .sueprsized-overlay-artwork-variants {
    box-sizing: border-box;
    width: 100%;
    height: 70px;
}

#supersized-container .sueprsized-overlay-artwork-info .sueprsized-overlay-artwork-variants .sueprsized-overlay-artwork-variants-item {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    display: inline-block;
    margin: 10px;
}

#supersized-container .sueprsized-overlay-artwork-info .sueprsized-overlay-artwork-variants .sueprsized-overlay-artwork-variants-item.selected {
    border: 2px solid #0057a3;
}

#supersized-container .sueprsized-overlay-artwork-info .artist-title {
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    bottom: 20px;
}

#supersized-container .sueprsized-overlay-artwork-info .artist-title h3 {
    font-family: 'Roboto';
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    color: rgb(191, 191, 191);
    display: inline-block;
}

#supersized-container .sueprsized-overlay-artwork-info .artist-title em {
    display: inline-block;
    font-family: 'Roboto';
    font-size: 18px;
    text-align: left;
    padding: 0 6px;
    font-style: normal;
    font-weight: normal;
    color: rgb(212, 214, 216);
    font-weight: 100;
}

#supersized-container .sueprsized-overlay-artwork-info .artwork-title {
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    bottom: 20px;
}

#supersized-container .sueprsized-overlay-artwork-info .artwork-title h2 {
    display: block;
    font-family: 'Roboto';
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    text-align: left;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    padding: 0;
    margin: 0;
    overflow: hidden;
    max-height: 60px;
}

#supersized-container .sueprsized-navigation-bottom {
    position: absolute;
    bottom: 0;
    height: 100px;
    width: 100%;
    background: #000;
}

#supersized-container .sueprsized-navigation-bottom .supersized-btn-panel-control {
    display: flex;
    align-content: center;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 118px);
}

#supersized-container .sueprsized-navigation-bottom .supersized-btn-panel-info {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    color: #fff;
    width: calc(50% - 120px)
}

#supersized-container .sueprsized-navigation-bottom .supersized-btn-panel-social {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(50% - 120px);
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row-reverse;
    padding-right: 25px;
}

#supersized-container .sueprsized-navigation-bottom .supersized-social-cart {
    display: block;
    height: 40px;
    width: 40px;
    background: url(/Content/wiki/img/basket.svg) center center no-repeat;
    margin: 0 10px;
    cursor: pointer;
}

#supersized-container .sueprsized-navigation-bottom .supersized-social-folder {
    display: block;
    height: 40px;
    width: 40px;
    background: url(/Content/wiki/img/briefcase-big.svg) center center no-repeat;
    margin: 0 10px;
    cursor: pointer;
}


#supersized-container .sueprsized-navigation-bottom .supersized-social-folder.active {
    background: url(/Content/wiki/img/supersized/briefcase-big-check.svg) center center no-repeat;
}

#supersized-container .sueprsized-navigation-bottom .supersized-social-like {
    display: block;
    height: 40px;
    width: 40px;
    background: url(/Content/wiki/img/favorite-big.svg) center center no-repeat;
    margin: 0 10px;
    cursor: pointer;
}


#supersized-container .sueprsized-navigation-bottom .supersized-social-like.active {
    background: url(/Content/wiki/img/supersized/favorite-big-check.svg) center center no-repeat;
}

#supersized-container .sueprsized-navigation-bottom .supersized-social-like.in-progress {
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

#supersized-container .sueprsized-navigation-bottom .supersized-social-like.in-progress .loader {
    display: block;
    color: #fff;
    font-size: 20px;
}
     
#supersized-container .sueprsized-navigation-bottom .supersized-social-like .loader {
    display: none;
}

#supersized-container .sueprsized-navigation-bottom .supersized-slide-details-link {
    box-sizing: border-box;
    display: block;
    height: 38px;
    width: 41px;
    background: url(/Content/wiki/img/info-square.svg) center center no-repeat;
    background-size: 41px 38px;
    margin: 0 32px;
}

#supersized-container .sueprsized-navigation-bottom .supersized-slide-header-wrapper {
    box-sizing: border-box;
    height: 40px;
    overflow: hidden;
    flex-grow: 0;
    max-width: calc(100% - 105px);
}

#supersized-container .sueprsized-navigation-bottom .supersized-slide-header {
    display: inline-block;
    position: relative;
    height: 50%;
    line-height: 20px;
    color: #0057a3;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
    margin-right: 5px;
    text-decoration: none;
}

#supersized-container .sueprsized-navigation-bottom .supersized-slide-text {
    display: inline-block;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    color: #a4a4a4;
}

#supersized-container .sueprsized-navigation-bottom .supersized-slide-name {
    display: block;
    height: 50%;
    line-height: 20px;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}

#supersized-container .sueprsized-navigation-bottom .supersized-slide-name .year {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

#supersized-container .sueprsized-navigation-bottom .supersized-btn-play {
    box-sizing: border-box;
    display: block;
    height: 76px;
    width: 76px;
    border-radius: 76px;
    border: solid 1px #555555;
    margin: 0 10px;
    cursor: pointer;
}

#supersized-container .sueprsized-navigation-bottom .supersized-btn-play i {
    display: block;
    height: 76px;
    width: 76px;
    border-radius: 76px;
    background: url(/Content/wiki/img/play-transparent.svg) center center no-repeat;
}

@media (hover: hover) {
    #supersized-container .sueprsized-navigation-bottom .supersized-btn-play:hover {
        background-color: #0357a0;
        border: 1px solid #0357a0;
        box-shadow: 0px 10px 25px 0 rgba(71, 82, 93, 0.3);
    }
}

#supersized-container .sueprsized-navigation-bottom .supersized-btn-play:active {
    background-color: #0357a0;
    border: 1px solid #0357a0;
    box-shadow: 0px 10px 25px 0 rgba(71, 82, 93, 0.3);
}

#supersized-container .sueprsized-navigation-bottom .supersized-btn-pause {
    box-sizing: border-box;
    display: block;
    height: 76px;
    width: 76px;
    border-radius: 76px;
    border: solid 1px #555555;
    margin: 0 10px;
    cursor: pointer;
}

#supersized-container .sueprsized-navigation-bottom .supersized-btn-pause i {
    display: block;
    height: 76px;
    width: 76px;
    border-radius: 76px;
    background: url(/Content/wiki/img/pause-transparent.svg) center center no-repeat;
}

@media(hover: hover) {
    #supersized-container .sueprsized-navigation-bottom .supersized-btn-pause:hover {
        background-color: #0357a0;
        border: 1px solid #0357a0;
        box-shadow: 0px 10px 25px 0 rgba(71, 82, 93, 0.3);
    }
}

#supersized-container .sueprsized-navigation-bottom .supersized-btn-pause:active {
    background-color: #0357a0;
    border: 1px solid #0357a0;
    box-shadow: 0px 10px 25px 0 rgba(71, 82, 93, 0.3);
}

#supersized-container .sueprsized-navigation-bottom .supersized-btn-prev,
#supersized-container .sueprsized-navigation-bottom .supersized-btn-next {
    box-sizing: border-box;
    display: block;
    border: solid 1px #555555;
    border-radius: 50px;
    margin: 0 10px;
    cursor: pointer;
}

#supersized-container .sueprsized-navigation-bottom .supersized-btn-prev i {
    display: block;
    height: 50px;
    width: 50px;
    background: url(/Content/wiki/img/previous-transparent.svg) center center no-repeat;
}

#supersized-container .sueprsized-navigation-bottom .supersized-btn-next i {
    display: block;
    height: 50px;
    width: 50px;
    background: url(/Content/wiki/img/previous-transparent.svg) center center no-repeat;
    transform: rotate(180deg);
}

@media(hover: hover) {
    #supersized-container .sueprsized-navigation-bottom .supersized-btn-prev:hover,
    #supersized-container .sueprsized-navigation-bottom .supersized-btn-next:hover {
        background-color: #0357a0;
        border: 1px solid #0357a0;
        box-shadow: 0px 10px 25px 0 rgba(71, 82, 93, 0.3);
    }
}

#supersized-container .sueprsized-navigation-bottom .supersized-btn-prev:active,
#supersized-container .sueprsized-navigation-bottom .supersized-btn-next:active {
    background-color: #0357a0;
    border: 1px solid #0357a0;
    box-shadow: 0px 10px 25px 0 rgba(71, 82, 93, 0.3);
}


#supersized-container .sueprsized-navigation-bottom {
    display: flex;
    flex-direction: row;
}

#supersized-container .sueprsized-navigation-panel-left {
    order: 1;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    width: calc(50% - 120px);
    max-width: calc(50% - 120px);
}

#supersized-container .sueprsized-navigation-panel-center {
    order: 2;
    display: flex;
    align-content: center;
    align-items: center;
}

#supersized-container .sueprsized-navigation-panel-center .disabled {
    opacity: 0.5;
}

#supersized-container .sueprsized-navigation-panel-right {
    order: 3;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row-reverse;
    padding-right: 25px;
    width: calc(50% - 120px - 25px);
    max-width: calc(50% - 120px - 25px);
}

#supersized-container .sueprsized-navigation-right,
#supersized-container .sueprsized-navigation-left {
    position: absolute;
    width: 80px;
    height: calc(100% - 200px);
}

#supersized-container .sueprsized-navigation-right {
    right: 0;
    top: 0;
}

#supersized-container .sueprsized-navigation-left {
    left: 0;
    top: 0;
}

#supersized-container .sueprsized-navigation-right .sueprsized-navigation-close {
    position: absolute;
    right: calc(50% - 20px);
    top: 20px;
    width: 40px;
    height: 40px;
    background: url(/Content/wiki/img/close.svg) no-repeat center;
    cursor: pointer;
}

#supersized-container .sueprsized-navigation-right .supersized-navigation-fullscreen {
    position: absolute;
    right: calc(50% - 20px);
    top: 77px;
    width: 40px;
    height: 40px;
    background: url(/Content/wiki/img/resize.svg) no-repeat center;
    cursor: pointer;
}

#supersized-container .sueprsized-navigation-right .supersized-navigation-zoom-in {
    position: absolute;
    right: calc(50% - 20px);
    top: 134px;
    width: 40px;
    height: 40px;
    background: url(/Content/wiki/img/zoom-in.svg) no-repeat center;
    cursor: pointer;
}

#supersized-container .sueprsized-navigation-right .supersized-navigation-zoom-in.disabled {
    opacity: 0.5;
}

#supersized-container .sueprsized-navigation-right .supersized-navigation-zoom-slider-bar {
    position: absolute;
    left: 39px;
    top: 174px;
    width: 2px;
    height: 120px;
    background: #555;
    cursor: pointer;
}

#supersized-container .sueprsized-navigation-right .supersized-navigation-zoom-slider-position {
    position: absolute;
    transform: translateZ(0);
    left: 31px;
    top: 174px;
    width: 18px;
    height: 4px;
    background: #555;
    cursor: pointer;
}

#supersized-container .sueprsized-navigation-right .supersized-navigation-zoom-out {
    position: absolute;
    right: calc(50% - 20px);
    top: 292px;
    width: 40px;
    height: 40px;
    background: url(/Content/wiki/img/zoom-out.svg) no-repeat center;
    cursor: pointer;
}

#supersized-container .sueprsized-navigation-right .supersized-navigation-zoom-out.disabled {
    opacity: 0.5;
}

#supersized-container .sueprsized-navigation-right .supersized-navigation-zoom-text {
    position: absolute;
    right: calc(50% - 20px);
    top: 342px;
    width: 40px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    color: #555;
    font-family: Roboto;
    font-size: 16px;
    text-shadow: 0 2px 4px #000000;
}

#supersized-container ul.supersized-variants-container {
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    bottom: 120px;
    list-style: none;
    height: 76px;
    z-index: 1000;
}

#supersized-container ul.supersized-variants-container > li {
    box-sizing: border-box;
    display: inline-block;
    width: 90px;
    height: 76px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 8px;
    background-color: #000;
    cursor: pointer;
}

#supersized-container ul.supersized-variants-container > li.selected {
    border: solid 3px #0057a3;
}

#supersized-container .sueprsized-navigation-panel-small {
    display: none;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 0 6px;
    width: 100%;
}

#supersized-container .supersized-small-more {
    width: 7vh;
    height: 7vh;
}

#supersized-container .supersized-small-zoom {
    width: 7vh;
    height: 7vh;
}

#supersized-container .supersized-small-close {
    width: 7vh;
    height: 7vh;
}

#supersized-container .supersized-small-more i {
    display: block;
    width: 7vh;
    height: 7vh;
    background: url(/Content/wiki/img/more-dots.svg) no-repeat center;
}

#supersized-container .supersized-small-zoom i {
    display: block;
    width: 7vh;
    height: 7vh;
}

#supersized-container .supersized-small-zoom.zoom-in i { 
    background: url(/Content/wiki/img/zoom-in.svg) no-repeat center;
}

#supersized-container .supersized-small-zoom.zoom-out i {
    background: url(/Content/wiki/img/zoom-out.svg) no-repeat center;
}

#supersized-container .supersized-small-close i {
    display: block;
    width: 7vh;
    height: 7vh;
    background: url(/Content/wiki/img/close.svg) no-repeat center;
}

/*
#supersized-container .supersized-small-more:hover {
    background: #0357a0;
    border-radius: 20px;
} */

#supersized-container .sueprsized-navigation-panel-small-active .supersized-small-more {
    border-radius: 6vh;
    background: #0357a0;
}

#supersized-container .sueprsized-navigation-panel-small-active .supersized-small-more i {
    background: url(/Content/wiki/img/more-dots-white.svg) no-repeat center;
}

#supersized-container .sueprsized-navigation-panel-details {
    position: absolute;
    width: 100%;
    bottom: 7vh;
    left: 0;
    background: #fff;
}

    #supersized-container .sueprsized-navigation-panel-details a {
        display: block;
        height: 9vh;
        line-height: 9vh;
        border-bottom: 1px solid #e7ebef;
        padding: 0 10px 0 60px;
        font-family: 'Roboto Condensed';
        font-size: 18px;
        text-align: left;
        color: #333333;
        text-transform: uppercase;
        text-decoration: none;
        background-repeat: no-repeat;
        background-position: 10px center;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

#supersized-container .sueprsized-navigation-panel-details a.sueprsized-navigation-panel-details-album {
    background-image: url(/Content/wiki/img/supersized/briefcase.svg);
    padding: 0 9vh 0 60px;
}

#supersized-container .sueprsized-navigation-panel-details a.sueprsized-navigation-panel-details-album.active {
    background-image: url(/Content/wiki/img/any-album-checked.svg);
}


#supersized-container .sueprsized-navigation-panel-details a.sueprsized-navigation-panel-details-like {
    background-image: url(/Content/wiki/img/supersized/favorite.svg);
}

#supersized-container .sueprsized-navigation-panel-details a.sueprsized-navigation-panel-details-like.active {
    background-image: url(/Content/wiki/img/favorite-checked.svg);
}

#supersized-container .sueprsized-navigation-panel-details a.sueprsized-navigation-panel-details-like.in-progress {
    background-image: none;
}

#supersized-container .sueprsized-navigation-panel-details a.sueprsized-navigation-panel-details-like .icon-spin4 {
    position: absolute;
    left: 16px;
    top: 0;
    transform: translateY(-50%);
    display: none;
}

#supersized-container .sueprsized-navigation-panel-details a.sueprsized-navigation-panel-details-like.in-progress .icon-spin4 {
    display: block;
}

#supersized-container .sueprsized-navigation-panel-details a.sueprsized-navigation-panel-details-order {
    background-image: url(/Content/wiki/img/supersized/basket.svg);
}

#supersized-container .sueprsized-navigation-panel-details a.sueprsized-navigation-panel-details-info {
    background-image: url(/Content/wiki/img/supersized/info-gray.svg);
}

#supersized-container .sueprsized-navigation-panel-details i.sueprsized-navigation-panel-details-arrow {
    height: 9vh;
    width: 9vh;
    background: url(/Content/wiki/img/supersized/arrow-left-gray.svg) no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(180deg);
}

#supersized-container .overlay-panel {
    position: fixed;
    bottom: 9vh;
    left: 50%;
    transform: translateX(-50%);
    height: 24px;
    z-index: 999;
    overflow: hidden;
    font-family: 'Roboto';
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #c7c7c7;
    border-radius: 3px;
    background-color: rgba(108, 108, 108, 0.5);
    padding: 0 10px;
}

#supersized-container .supersized-debugger {
    font-size: 12px;
    background: #fff;
    width: 80%;
    height: 30%;
    position: fixed;
    top: 0;
    left: 10%;
    z-index: 999;
    overflow: hidden;
}

#supersized-container .supersized-debugger em {
    padding: 3px;
    color: #fff;
}

#supersized-container .supersized-debugger em.pan {
    background: #6A041D; 
}

#supersized-container .supersized-debugger em.pinch {
    background: #1E2EDE;
}

#supersized-container.fade-controls {
    cursor: none;
}

#supersized-container.fade-controls .sueprsized-navigation-close,
#supersized-container.fade-controls .supersized-navigation-fullscreen,
#supersized-container.fade-controls .supersized-navigation-zoom-in,
#supersized-container.fade-controls .supersized-navigation-zoom-out,
#supersized-container.fade-controls .supersized-navigation-zoom-slider-bar,
#supersized-container.fade-controls .supersized-navigation-zoom-slider-position,
#supersized-container.fade-controls .sueprsized-navigation-fullscreen-prev,
#supersized-container.fade-controls .sueprsized-navigation-fullscreen-next,
#supersized-container.fade-controls .supersized-variants-container {
    transition: 0.5s;
    opacity: 0 !important;
    cursor: none !important;
}

#supersized-container.fade-controls .supersized-content img {
    cursor: none !important;
}

@media (min-windth: 100px) {
    .albums-modal-container .modal-dialog {
        width: 50% !important;
    }
}

@media (max-width: 1024px) {
    #supersized-container .sueprsized-navigation-bottom .supersized-btn-panel-info {
        display: none;
    }
}

@media (max-width: 759px) {

}

@media (min-width: 760px) {

}

@media (max-width: 759px) {
    #supersized-container .sueprsized-navigation-bottom {
        height: 7vh;
    }

    #supersized-container .supersized-content {
        height: calc(100% - 7vh - 10px);
        padding: 5px;
        width: calc(100% - 10px);
    }

    #supersized-container .supersized-content img {
        max-width: calc(100%);
    }

    #supersized-container .sueprsized-navigation-right {
        display: none;
    }

    #supersized-container ul.supersized-variants-container {
        display: none;
    }

    #supersized-container .sueprsized-navigation-panel-left {
        display: none;
    }

    #supersized-container .sueprsized-navigation-panel-right {
        display: none;
    }

    #supersized-container .sueprsized-navigation-panel-center {
        display: none;
    }

    #supersized-container .sueprsized-navigation-panel-small {
        display: flex;
    }
}

@media (max-width: 1024px) {
    #supersized-container .supersized-variants-container {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    #supersized-container .sueprsized-navigation-left {
        height: calc(100% - 100px);
        background: #1a2127;
        z-index: 500;
    }

    #supersized-container .sueprsized-navigation-right {
        background: #1a2127;
        z-index: 500;
        height: calc(100% - 100px);
    }
}

@media (max-width: 1024px) and (min-width: 760px) {
    #supersized-container .sueprsized-overlay-artwork-info {
        bottom: 70px;
    }
}

@media (min-width: 760px) and (max-width: 1024px) {
    #supersized-container .supersized-content img {
        max-width: 100%;
    }

    #supersized-container .sueprsized-navigation-bottom {
        height: 70px;
    }

    #supersized-container .supersized-content {
        height: calc(100% - 80px);
        padding: 5px 80px;
        width: calc(100% - 160px);
    }

    #supersized-container .sueprsized-navigation-right,
    #supersized-container .sueprsized-navigation-left {
        height: calc(100% - 70px);
        background: #1a2127;
        z-index: 500;
    }

    #supersized-container .sueprsized-navigation-right {
        right: 0;
        top: 0;
    }

    #supersized-container .sueprsized-navigation-left {
        left: 0;
        top: 0;
    }

    #supersized-container .supersized-slide-header-wrapper {
        display: none;
    }

    #supersized-container .sueprsized-navigation-bottom .supersized-btn-next,
    #supersized-container .sueprsized-navigation-bottom .supersized-btn-prev {
        border-radius: 34px;
    }

    #supersized-container .sueprsized-navigation-bottom .supersized-btn-next i,
    #supersized-container .sueprsized-navigation-bottom .supersized-btn-prev i {
        width: 34px;
        height: 34px;
    }

    #supersized-container .sueprsized-navigation-bottom .supersized-btn-play,
    #supersized-container .sueprsized-navigation-bottom .supersized-btn-pause {
        width: 50px;
        height: 50px;
        border-radius: 50px;
    }

    #supersized-container .sueprsized-navigation-bottom .supersized-btn-play i,
    #supersized-container .sueprsized-navigation-bottom .supersized-btn-pause i {
        width: 50px;
        height: 50px;
    }

    #supersized-container .sueprsized-navigation-panel-right {
        padding-right: 0;
    }

    #supersized-container .sueprsized-navigation-panel-left {
        width: calc(50% - 91px);
        max-width: calc(50% - 91px);
    }

    #supersized-container .sueprsized-navigation-panel-right {
        width: calc(50% - 91px);
        max-width: calc(50% - 91px);
    }

    #supersized-container .sueprsized-navigation-bottom .supersized-slide-details-link {
        margin: 0 12px
    }
}

.supersized-active {
    overflow: hidden;
}

/* /supersized */

/* masonry load-more-button*/

.masonry-load-more-button-wrapper {
    max-width: 70%;
    margin: 30px auto;
    text-align: center;
}

    .masonry-load-more-button-wrapper .masonry-load-more-button {
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        text-decoration: none;
        text-align: center;
        align-items: center;
        line-height: 70px;
        border-radius: 5px;
        width: 100%;
        height: 70px;
        color: black;
        background-color: white;
        border: solid 1px #e7ebef;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        font-family: 'Roboto Condensed';
        font-weight: 700;
        font-size: 17px;
        position: relative;
    }


    .masonry-load-more-button-wrapper .go-to-artist {
        box-sizing: border-box;
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        padding: 12px 20px;
        margin-top: 30px;
        border-radius: 5px;
        background-color: #f3f5f7;
        color: #0057a3;
        border: solid 1px #e7ebef;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        font-family: 'Roboto Condensed';
        font-weight: 700;
        font-size: 14px;
        position: relative;
    }
@media (max-width: 759px) {

    .masonry-load-more-button-wrapper .masonry-load-more-button {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .masonry-load-more-button-wrapper {
        max-width: 100%;
    }
    .masonry-load-more-button-wrapper .masonry-load-more-button {
        font-size: 14px;
        height: 50px;
        line-height: 50px;

    }
    .masonry-load-more-button-wrapper .go-to-artist {
        font-size: 11px;
    }
}

.masonry-load-more-button-wrapper .masonry-load-more-button .count {
    color: #a4a4a4;
    display: inline-block;
}

.masonry-load-more-button-wrapper .masonry-load-more-button:focus {
    outline: none !important;
}

.masonry-load-more-button-wrapper .masonry-load-more-button .loadmore-icon {
    width: 24px;
    height: 24px;
    background: url(/Content/wiki/img/loadmore-icon.svg) center no-repeat;
    background-size: 24px 24px;
    display: inline-block;
    margin-left: 5px;
}

.masonry-load-more-button-wrapper .masonry-load-more-button .load-more-phrase {
    display: inline-block;
    margin-left: 5px;
}


/*masonry load-more-button end*/
.wiki-masonry-container {
    -webkit-transition: 1500ms cubic-bezier(.65,.18,.28,.9);
    -moz-transition: 1500ms cubic-bezier(.65,.18,.28,.9);
    -o-transition: 1500ms cubic-bezier(.65,.18,.28,.9);
    height: 700px;
}

.wiki-masonry-container li {
    opacity: 1;
}

    .wiki-masonry-container li.ng-enter {
        -webkit-transition: opacity 1s;
        -moz-transition: opacity 1s;
        -o-transition: opacity 1s;
        transition: opacity 1s;
        opacity: 0;
    }

    .wiki-masonry-container li.ng-enter-active {
        opacity: 1;
    }

.wiki-detailed-container {
    min-height: 500px;
}

    .wiki-detailed-container .wiki-detailed-item-container {
        opacity: 1;
    }

        .wiki-detailed-container .wiki-detailed-item-container.ng-enter {
            -webkit-transition: opacity 3s;
            transition: opacity 3s;
            opacity: 0;
        }

        .wiki-detailed-container .wiki-detailed-item-container.ng-enter-active {
            opacity: 1;
        }

    /*ajax spinner*/
.masonry-load-more-button .loadmore-icon.rotation {
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    display: inline-block;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
/*ajax spinner end*/

/*view all artists works start*/

.artworks-by-dictionary-and-artist-container .go-to-artist {
    margin-top: 0;
}

.artworks-by-dictionary-and-artist-container {
    margin-top: 35px;
    margin-bottom: 15px;
}

.artworks-by-dictionary-and-artist-container .artist-menu-left {
    display: none;
}

.artworks-by-dictionary-and-artist-container .artist-menu-right {
    float: none;
}

.artworks-by-dictionary-container, .artists-by-dictionary-container {
    min-height: 700px;
}
    .artworks-by-dictionary-container main > header,
    .artists-by-dictionary-container main > header {
        margin: 25px 0 0 10px;
    }

    .artworks-by-dictionary-container main > header > h1,
    .artists-by-dictionary-container main > header > h1 {
        font-family: 'Roboto Condensed';
        font-weight: 700;
        font-size: 24px;
        margin : 0;
    }

        .artists-by-dictionary-container main > header > h1 em {
            color: rgba(85, 85, 85, 1);
            font-style: normal;
        }

        .artworks-by-dictionary-container main > header > h2,
        .artists-by-dictionary-container main > header > h2 {
            margin: 10px 0 0 0;
            font-family: 'Roboto';
            font-weight: 400;
            font-size: 16px;
            color: #a4a4a4;
        }

    .artworks-by-dictionary-container .artworks-by-dictionary {
        padding-top: 15px;
    }

        
/*view all artists works end*/

/* dictionary-illustration-container*/
.dictionary-illustration-container {
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    position: relative;
    max-height: 450px;
}
    .dictionary-illustration-container a {
        text-decoration: none;
    }

.text-shadow-show-more-btn {
    color: #2667aa;
    padding-left: 10px;
    text-align: left;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 10px;
    font-family: 'Roboto';
    display:none;
}


.dictionary-illustration-container {
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 25px;
}

.dictionary-illustration-container .image-block-wrapper {
    float: left;
    margin: 0 40px 0 0;
    padding-top: 25px;
}

    .dictionary-illustration-container .image-block-wrapper .image-wrapper {
        background-color: #f3f5f7;
        display: flex;
        align-items: center;
    }

        .dictionary-illustration-container .image-block-wrapper .image-wrapper img {
            max-height: 100%;
            max-width: 100%;
            min-width: 1%;
            min-height: 1%;
            display: block;
            margin: 0 auto;
        }

    .dictionary-illustration-container .image-block-wrapper .comment {
        margin-top: 5px;
        margin-bottom: 5px;
    }

        .dictionary-illustration-container .image-block-wrapper .comment a {
            color: #2667aa;
            font-family: Verdana, sans-serif;
            font-size: 12px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

.dictionary-illustration-container .dictionary-description-text {
    
    
    color: #333333;
    margin: 0;
    
}

    .dictionary-illustration-container .dictionary-description-text .wikipedia-reference-container {
        display: block;
    }
        .dictionary-illustration-container .dictionary-description-text .wikipedia-reference-container .wikipedia-reference {
            word-break: break-word; 
        }

    .dictionary-illustration-container a {
        color: #2667aa;
    }

    .dictionary-illustration-container .wikipedia-licence {
        margin: 10px 0;
        font-size: 12px;
        font-family: 'Roboto';
    }

    .dictionary-illustration-container > header {
        padding-top: 25px;
        margin: 0 0 25px 0;
    }

    .dictionary-illustration-container > header > h1 {
        font-family: 'Roboto Condensed';
        font-weight: 700;
        font-size: 24px;
        line-height: 20px;
        margin: 0;
    }

    .dictionary-illustration-container > header > h2 {
        margin: 10px 0 0 0;
        font-family: 'Roboto';
        font-weight: 400;
        font-size: 16px;
        color: #a4a4a4;
        line-height: 20px;
    }

.artworks-by-dictionary-container .artworks-by-dictionary-menu, .wiki-layout-main-page .artworks-by-dictionary-menu,
.previously-added-section .artworks-by-dictionary-menu {
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
    color: #0057a3;
    font-size: 28px;
    padding: 0;
    border-bottom: 1px solid #e7ebef;
}

    .artworks-by-dictionary-container .artworks-by-dictionary-menu div, .wiki-layout-main-page .artworks-by-dictionary-menu div,
    .previously-added-section .artworks-by-dictionary-menu div {
        display: inline-block;
        cursor: pointer;
        padding: 30px 10px 15px 10px;
    }

        .artworks-by-dictionary-container .artworks-by-dictionary-menu div.selected,
        .wiki-layout-main-page .artworks-by-dictionary-menu div.selected,
        .previously-added-section .artworks-by-dictionary-menu div.selected {
            font-weight: 700;
            border-bottom: 3px solid black;
            color: black;
        }
        .wiki-layout-main-page .featured-works {
            margin-top: 15px
        }


.dictionary-illustration-container.expanded {
    max-height: none;
}

.artists-group-list {
    height: auto;
    box-sizing: border-box;
    -webkit-column-width: 200px;
    -webkit-column-count: 6;
    margin-bottom: 10px;
    padding: 0 0 0 10px;
}

.artists-group-list > li {
    display: block;
    line-height: 26px;
}

    .artists-group-list > li a {
        display: inline-block;
        line-height: 26px;
        cursor: pointer;
        text-decoration: none;
        color: #0057a3;
        font-family: 'Roboto';
    }


@media (max-width: 759px) {

    .dictionary-illustration-container {
        max-height: 580px;
    }

    .dictionary-illustration-container .image-wrapper {
        float: none;
        margin: 0 0 15px 0;
    }

    .dictionary-illustration-container > header {
        display: inline-block;
        padding-top: 40px;

    }
}

/* /dictionary-illustration-container*/
/* section header */
.wiki-section-header-wrapper {
    border-bottom: 1px solid #e7ebef;
}

.wiki-section-header-wrapper-related {

}

.wiki-section-header .info-circle-related {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    right: -34px;
    top: calc(50% - 25px);
    background: url(/Content/wiki/img/info.svg) no-repeat center / 18px 18px;
    cursor: pointer;
}

.wiki-section-header-wrapper-related {
}

.wiki-section-header {
    display: inline-block;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 3px solid #000;
    /*padding: 10px 10px;*/
    /* min-height: 37px; */
    /*line-height: 100%; */
    padding: 10px 0 10px 10px;
    line-height: normal;
    position: relative;
}

.wiki-section-header .gray {
    color: #555555;
}
/* /section header */

/* static pages */

.wiki-container .wiki-layout-static {
    margin-bottom: 100px;
}

.wiki-container .wiki-layout-static ul.help-navigation {
    padding: 0;
}

.wiki-container .wiki-layout-static ul.help > li.screenshot img {
    max-width: 100%;
}

.wiki-container .wiki-layout-static ul.help > li.dash::before {
    content: "-";
    padding: 0 4px;
}

.wiki-container .wiki-layout-static p {
    display: block;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    margin: 25px 0 0 0;
    padding: 0;
} 

.wiki-container .wiki-layout-static .bold {
    font-weight: 700;
}

.wiki-container .wiki-layout-static .emph {
    font-style: italic;
    font-weight: 400;
}

.wiki-container .wiki-layout-static ul {
    list-style: none;
    padding: 0 20px;
}

.wiki-container .wiki-layout-static ul > li,
.wiki-container .wiki-layout-static ol > li  {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    padding: 10px 0;
}

.wiki-container .wiki-layout-static a {
    color: #0057a3;
    text-decoration: none;
}

.wiki-container .form-donate {
    display: block;
    margin: 40px 0 30px 0;
}

/* dictionaries page */

.view-dictionaries-container  {
    min-height: 700px;
}

.view-dictionaries-container .title-block {
    border-bottom: 1px solid #e7ebef;
}


.view-dictionaries-container .title-block .title {
    display: inline-block;
    padding: 30px 10px 15px 10px;
    font-weight: 700;
    border-bottom: 3px solid black;
    color: black;
    font-family: 'Roboto Condensed';
    font-size: 31px;
    text-transform: uppercase;
}

    .view-dictionaries-container .menu-container {
        margin: 30px 0;
    }

        .view-dictionaries-container .menu-container .menu-item {
            font-family: Roboto;
            padding: 10px 14px;
            border: solid 1px #e7ebef;
            display: inline-block;
            text-decoration: none;
            color: #555555;
            margin-right: 10px;
            cursor: pointer;
        }

        .view-dictionaries-container .menu-container .menu-item:last-child {
            margin-right: 0;
        }

        .view-dictionaries-container .menu-container .menu-item.selected {
            font-weight: bold;
        }

            .view-dictionaries-container .menu-container .menu-item:hover {
                background-color: #0057a3;
                color: white;
            }

.view-dictionaries-container .dictionaries-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    width: 100%;
    padding: 0 10px;
}   
    
/*
    .view-dictionaries-container .dictionaries-list > li:not(.header):first-child {
       margin: 0 !important;
    } */

    .view-dictionaries-container .dictionaries-list > li {
        display: block;
        line-height: 15px;
        margin: 12px 0;
        
    }

        .view-dictionaries-container .dictionaries-list > li.header {
            margin-top: 25px;
            margin-bottom: 10px;
            font: 125% 'Roboto Condensed';
            font-weight: bold;
        }

        .view-dictionaries-container .dictionaries-list > li a {
            font-family: 'Roboto';
            font-size: 16px;
            text-decoration: none;
            color: #0057a3;
        }

            .view-dictionaries-container .dictionaries-list > li a sup {
                font-family: 'Roboto';
                font-size: 9px;
                padding-left: 3px;
                color: #a4a4a4;
                cursor: pointer;
            }

        .view-dictionaries-container .dictionaries-list > li.more a {
            font-weight: bold;
        }

    .view-dictionaries-container .dictionaries-list .header:first-child {
        margin-top: 0;
    }

/* end of dictionaries page */

.no-user-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none;
    user-select: none; 
}



/*artwork of the day start*/
.wiki-layout-left-menu .wiki-layout-main-page .wiki-breadcrumbs {
    padding: 0;
}
.wiki-layout-left-menu .wiki-layout-main-page {
    min-height: 1000px;
}


.wiki-layout-left-menu .wiki-layout-main-page .wiki-breadcrumbs .wiki-breadcrumbs-links .header {
    font-family: 'Roboto Condensed';
    font-size: 31px;
    font-weight: bold;
    height: 77px;
    border-bottom: 3px solid #000;
    display: inline-block;
    padding: 0 10px;
    text-transform: uppercase;
}

    .wiki-layout-left-menu .wiki-layout-main-page .wiki-breadcrumbs .wiki-breadcrumbs-links h1.header {
        margin: 0;
    }

.wiki-layout-main-page .artwork-of-the-day .wiki-layout-painting-info-bottom {
    height: 40px;
}

.swap-animation.ng-enter, .swap-animation.ng-leave {
    transition: 1s linear all;
}

.swap-animation.ng-enter {
    opacity: 0;
}

.swap-animation.ng-enter-active {
    opacity: 1;
}

.swap-animation.ng-leave {
    display:none;
}

.swap-animation.ng-leave-active {
    display: none;
}


.wiki-layout-left-menu.wiki-layout-error-page > aside {
    display: none;
}



.wiki-layout-main-page .wiki-layout-artwork-info.artwork-of-the-day article h5 .year {
    color: #a4a4a4;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 300;
}



.wiki-layout-main-page .artwork-of-the-day article .artwork-description {
    font-size: 16px;
    font-family: 'Roboto';
    overflow: hidden;
    line-height: 25px;
    max-height: 225px;
    position: relative;
}

    .wiki-layout-main-page .artwork-of-the-day article .artwork-description .text-shadow-container,
    .wiki-container .short-of-the-month-section .main-info > article .overflowing-container .text-shadow-container {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50px;
        background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
        text-align: center;
        vertical-align: bottom;
    }
.wiki-layout-main-page .artwork-of-the-day article .go-to-artwork,
.wiki-container .short-of-the-month-section .main-info > article .go-to-movie {
    box-sizing: border-box;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    height: 45px;
    line-height: 45px;
    margin: 15px 0 0 0;
    border-radius: 5px;
    background-color: #f3f5f7;
    color: #0057a3;
    border: solid 1px #e7ebef;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 14px;
    position: relative;
}
    .wiki-layout-main-page .artwork-of-the-day article .go-to-artwork a,
    .wiki-container .short-of-the-month-section .main-info > article .go-to-movie a {
        display: inline-block;
        padding: 0 10px;
        line-height: 45px;
    }

.wiki-layout-main-page .calendar .calendar-artists-title {
    font: 24px 'Roboto Condensed';
    margin: 30px 0 0 0;
    font-weight: bold;
}


.wiki-layout-main-page .calendar  {
    margin-bottom: 30px;
}

.wiki-layout-main-page .calendar .wiki-artistgallery-container {
    height: auto;
    margin: 0 0 0 0;
}

    .wiki-layout-main-page .calendar .wiki-artistgallery-container li {
        transition: opacity 1s;
        opacity: 0;
        padding: 15px 0 0 0;
    }


.wiki-container .wiki-layout-main-page .wiki-layout-artist-info.artwork-of-the-day > aside {
    border-right: none;
}

.wiki-container .wiki-layout-main-page .wiki-layout-artist-info.wiki-layout-artwork-info.artwork-of-the-day > aside {
    max-width: 450px;
}
.wiki-container .wiki-layout-main-page .wiki-layout-artist-info.wiki-layout-artwork-info.artwork-of-the-day .wiki-layout-artist-image-wrapper {
    height: 420px;
}

.wiki-container .wiki-layout-main-page .wiki-layout-artist-info.artwork-of-the-day > article ul > li.order-reproduction {
    display: block;
    margin-top: 15px;
}

@media (max-width: 1024px) {
    .wiki-container .wiki-layout-main-page .wiki-layout-artist-info.artwork-of-the-day .artwork-of-the-day-zoom-overlay {
        display: none;
    }    
}

.wiki-container .wiki-layout-main-page .wiki-layout-artist-info.artwork-of-the-day .btn-overlay-wrapper-artwork:hover .artwork-of-the-day-zoom-overlay {
    display: block;
}

.wiki-container .wiki-layout-main-page .wiki-layout-artist-info.artwork-of-the-day .artwork-of-the-day-zoom-overlay {
    display: none;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    position: absolute;
    bottom: 10px;
    left: calc(50% - 20px);
    cursor: pointer;
    background: #fff;
    opacity: 0.5;
    border-radius: 6px;
}

.wiki-container .wiki-layout-main-page .wiki-layout-artist-info.artwork-of-the-day .artwork-of-the-day-zoom-overlay-icon {
    display: block;
    width: 40px;
    height: 40px;
    background: url(/Content/wiki/img/icon-holder.svg) center center no-repeat;
}

.wiki-container .wiki-layout-main-page .wiki-layout-artist-info.artwork-of-the-day .artwork-of-the-day-zoom-overlay:hover {
    opacity: 1;
}


.wiki-container .wiki-layout-main-page .wiki-layout-artist-info > article h3 a,
.wiki-container .short-of-the-month-section .main-info > article h3 a {
    cursor: pointer;
    color: black;
    text-decoration: none;
}

.wiki-container .wiki-layout-main-page .wiki-breadcrumbs-links {
    overflow:initial;
    text-overflow:initial;
}

.wiki-container .wiki-layout-main-page .popular-dictionaries.view-dictionaries-container .dictionaries-list,
.wiki-container .wiki-layout-main-page .popular-artists.view-dictionaries-container .dictionaries-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    width: 100%;
    padding: 25px 10px 0 10px;
    margin: 0;
}

    .wiki-container .wiki-layout-main-page .popular-dictionaries.view-dictionaries-container .dictionaries-list .dottedItem,
    .wiki-container .wiki-layout-main-page .popular-artists.view-dictionaries-container .dictionaries-list .dottedItem {
        /*margin: 0;
    word-wrap:break-word;
    line-height: 18px;*/
        margin: 0 0 12px 0;
        display: inline-block;
        width: 100%;
        word-break: break-word;
    }

    .wiki-container .wiki-layout-main-page .popular-dictionaries.view-dictionaries-container .dictionaries-list .dottedItem > *,
    .wiki-container .wiki-layout-main-page .popular-artists.view-dictionaries-container .dictionaries-list .dottedItem > * {
       
    }

    .wiki-container .wiki-layout-main-page .popular-dictionaries.view-dictionaries-container .dictionaries-list .dottedItem a,
    .wiki-container .wiki-layout-main-page .popular-artists.view-dictionaries-container .dictionaries-list .dottedItem a {
        line-height: normal;
    }

.wiki-container .wiki-layout-main-page .popular-dictionaries.view-dictionaries-container .artworks-by-dictionary-menu div,
.wiki-container .wiki-layout-main-page .popular-artists.view-dictionaries-container .artworks-by-dictionary-menu div,
.previously-added-section .artworks-by-dictionary-menu div {
    cursor: initial;
}

.wiki-container .wiki-layout-main-page .popular-dictionaries.view-dictionaries-container,
.wiki-container .wiki-layout-main-page .popular-artists.view-dictionaries-container {
    min-height: auto;
}

/*artwork of the day end*/

/* alphabet */

@media (max-width: 759px) {
    .wiki-container .alphabet-container {
        height: 46px;
        overflow: hidden;
    }

    .wiki-container .alphabet-container.expanded {
        height: auto;
        overflow: auto;
    }
}

.wiki-container .alphabet-container {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 10px;
    margin-top: 30px;
}

.wiki-container .alphabet-container a {
    box-sizing: border-box;
    display: block;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 36px;
    font-family: 'Roboto';
    font-size: 16px;
    text-decoration: none;
    color: #555555;
    border: solid 1px #e7ebef;
    margin: 5px;
}

.wiki-container .alphabet-container a.current {
   color: #000;
   font-weight: 600;
}

.wiki-container .alphabet-container a.disabled {
    color: #e7ebef;
}

.wiki-container ul.alphabet-container-text {
    padding: 30px 0 0 0;
    margin: 0;
    list-style: none;
}

.wiki-container ul.alphabet-container-text > li {
    margin: 0;
    padding: 0;
    display: block;
    margin: 0 0 12px 0;
    width: 100%;
}

.wiki-container ul.alphabet-container-text > li.header {
    margin-top: 40px;
}

.wiki-container ul.alphabet-container-text > li.header:first-child {
    margin-top: 0;
}

.wiki-container ul.alphabet-container-text > li > a {
    font-family: 'Roboto';
    font-size: 16px;
    text-decoration: none;
    color: #0057a3;
}

.wiki-container ul.alphabet-container-text > li.header > a {
    font-weight: 600;
}

.wiki-container ul.alphabet-container-text > li.more > a {
    font-weight: 600;
}

@media (min-width: 760px) {
    .wiki-container ul.alphabet-container-text {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (min-width: 460px) and (max-width: 759px) {
    .wiki-container ul.alphabet-container-text {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 459px) {
    .wiki-container ul.alphabet-container-text {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

/* alphabet end */

/*albums list view start*/
.albums-list-container .wiki-section-header {
    padding: 29px 10px 29px 10px;
}


.albums-list-container .album-thumbnail-add-new {
    width: 280px;
    height: 195px;
    margin: 10px 10px 0 10px;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 1px solid #f3f5f7;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    list-style: none;
    background-image: url(/Content/wiki/img/album-add-new.svg);
    background-repeat: no-repeat;
    background-position: calc(50%) calc(50% - 20px);
    background-size: 90px;
}

.albums-list-container .album-thumbnail-title-add-new {
    margin: 125px auto 0 auto;
    text-transform: uppercase;
    text-align: center;
    color: #0057a3;
    font-family: 'Roboto Condensed';
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: bold;
}

.albums-list-container .album-thumbnail-list {
    padding: 0;
    margin: 10px 0 20px 0;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
    .albums-list-container .album-thumbnail-list .album-thumbnail-container {
        width: 280px;
        box-sizing:border-box;
        margin: 10px 10px 0 10px;
        list-style: none;
        position:relative;
    }


        .albums-list-container .album-thumbnail-list .album-thumbnail-container:hover .album-thumbnail-hover-container,
        .albums-list-container .album-thumbnail-list .album-thumbnail-add-new:hover .album-thumbnail-hover-container {
            display: none;
            pointer-events: none;
            box-shadow: 0 5px 15px 0 rgba(71, 82, 93, 0.3);
            width: calc(100% + 20px);
            height: calc(100% + 20px);
            position: absolute;
            top: -10px;
            left: -10px;
            z-index: 10;
        }

    .albums-list-container .album-thumbnail-list .album-thumbnail-add-new:hover .album-thumbnail-hover-container {
        height: calc(100% + 80px);
    }


        .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-image-block {
            width: 280px;
            height: 195px;
            box-sizing: border-box;
            background-color: #f3f5f7;
            display: flex;
            align-items: center;
            position:relative;
        }

            .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-image-block.no-thumbnail {
                background-image: url(/Content/wiki/img/album-no-thumbnail.svg);
                background-repeat: no-repeat;
                background-position: center;
                background-size: 90px;
            }

            .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-image-block > img {
                max-height: 100%;
                display: block;
                margin: 0 auto;
                max-width: 100%;
            }

            .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-image-block > .album-thumbnail-edit-icon {
                width: 40px;
                height: 40px;
                background-image: url(/Content/wiki/img/album-edit.svg);
                background-repeat: no-repeat;
                background-position: center;
                background-size: 24px;
                display: none;
                position: absolute;
                right: 5px;
                bottom: 5px;
                background-color: #ffffff;
                border-radius:6px;
                opacity: 0.5;
            }

        
        .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-image-block > .album-thumbnail-edit-icon .album-edit-tooltip {
            display: none;
            position: absolute;
            bottom: 50px;
            width: 180px;
            background: #0057a3;
            color: #fff;
            font-size: 14px;
            line-height: 30px;
            font-family: 'Roboto';
            text-align: center;
            border-radius: 5px;
            z-index: 9999;
            left: calc(50% - 90px);
        }

            .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-image-block > .album-thumbnail-edit-icon .album-edit-tooltip:after {
                top: 100%;
                left: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-top-color: #0057a3;
                border-width: 10px;
                margin-left: -10px;
            }
        .albums-list-container .album-thumbnail-list .album-thumbnail-container:hover {
        }
        .albums-list-container .album-thumbnail-list .album-thumbnail-container:hover .album-thumbnail-image-block > .album-thumbnail-edit-icon:hover {
            opacity: 1;
        } 
        
        .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-title-block {
            height: 60px;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: space-between;
            cursor: pointer;
            text-decoration: none;
        }
            .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-title-block:focus{
                outline:none !important;
            } 
            
            .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-title-block .album-thumbnail-type-icon {
                width: 40px;
                height: 40px;
                display: block;
                min-width: 40px;
                position: relative;
            }

            .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-title-block.locked .album-thumbnail-type-icon:after {
                content: '';
                display: block;
                position: absolute;
                right: 2px;
                bottom: 2px;
                width: 16px;
                height: 16px;
                background-image: url(/Content/wiki/img/album-lock.svg);
                background-repeat: no-repeat;
                background-size: 16px;
            }
                .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-title-block .album-thumbnail-type-icon.album-thumbnail-type-icon-favourites {
                    background-image: url(/Content/wiki/img/album-favourites-type.svg);
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: 40px 40px;
                }
                .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-title-block .album-thumbnail-type-icon.album-thumbnail-type-icon-custom {
                    background-image: url(/Content/wiki/img/album-custom-type.svg);
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: 40px;
                }
                .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-title-block .album-thumbnail-type-icon.album-thumbnail-type-icon-mystuff {
                    background-image: url(/Content/wiki/img/album-my-stuff-type.svg);
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: 40px;
                }



            .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-title-block .album-thumbnail-title {
                margin : 10px 0 0 10px;
                width: calc(100% - 35px - 42px);
                font-family: Roboto;
                font-size: 18px;
                font-weight: bold;
                font-stretch: condensed;
                text-align: left;
                display: inline-block;
                word-break: break-all;
                text-decoration: none;
                cursor: pointer;
                color: black;
            }

            .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-title-block .album-thumbnail-title-sub {
                font-family: Roboto;
                font-size: 14px;
                display: block;
                margin: 13px 5px 0 5px;
                width: 32px;
                text-align: right;
                color: #a4a4a4;
                word-break: break-all;
            }
            
/*albums list view end*/
/*album view start*/
.svg-icon-big-lock {
    width: 36px;
    height: 36px;
    border: solid 1px #e7ebef;
    position: relative;
    background-image: url(/Content/wiki/img/album-lock-big.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    cursor: default;
    display: inline-block;
}



.svg-icon-album-edit {
    height: 36px;
    width: 36px;
    background-image: url(/Content/wiki/img/album-edit.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    
}
.album-container .artist-menu {
    margin-top: 20px;
    margin-bottom: 10px;
}

.album-container .wiki-section-header {
    padding: 29px 10px 29px 10px;
}


.album-container .artist-menu .artist-menu-left .album-edit {
    display: inline-block;
    border: solid 1px #e7ebef;
    margin-right: 10px;
    cursor: pointer;
}

.album-container .artist-menu .artist-menu-left .album-sharing-dropdown {
    width: 36px;
    height: 36px;
    border: solid 1px #e7ebef;
    position:relative;
    background-image: url(/Content/wiki/img/share-black.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    cursor: pointer;
    display:inline-block;
}
    .album-container .artist-menu .artist-menu-left .album-sharing-dropdown.expanded {
        box-shadow: 0 10px 25px 0 rgba(71, 82, 93, 0.3);
    }


    .album-container .artist-menu .artist-menu-left .album-sharing-dropdown .album-sharing-dropdown-social-container {
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        padding: 0;
        margin: 37px 0 0 0;
        box-shadow: 0 10px 25px 0 rgba(71, 82, 93, 0.3);
        z-index: 999;
        background: #fff;
        list-style-type: none;
        width: 245px;
        height: 100px;
    }

        .album-container .artist-menu .artist-menu-left .album-sharing-dropdown .album-sharing-dropdown-social-container .sharing-title {
            font-family: 'Roboto';
            color: #a4a4a4;
            margin: 20px 20px 10px 20px;
        }

        .album-container .artist-menu .artist-menu-left .album-sharing-dropdown .album-sharing-dropdown-social-container .album-sharing-dropdown-social-list {
            padding: 0 20px;
            margin: 0;
        }
            .album-container .artist-menu .artist-menu-left .album-sharing-dropdown .album-sharing-dropdown-social-container .album-sharing-dropdown-social-list > li {
                list-style:none;
                display: inline-block;
            }

            .album-container .artist-menu .artist-menu-left .album-sharing-dropdown .album-sharing-dropdown-social-container .album-sharing-dropdown-social-list > li a {
                display: inline-block;
                width: 30px;
                height: 30px;
                font-size: 17px;
                border: 1px solid;
                border-radius: 15px;
                text-align: center;
                line-height: 30px;
                margin-right: 5px;
            }

.album-edit-container  .album-edit-popup {
    min-height: 350px;
}


.album-edit-container div.modal-input {
    margin: 10px 10px 0 10px;
    width: initial;
}
.album-edit-container div.modal-input .messages {
    top: 60px;
}


.album-edit-container .modal-dialog {
    max-width : 400px;
}

.album-edit-container .public-album-container {
    margin: 30px 10px 0 10px;
    position: relative;
}

    .album-edit-container .public-album-container .checkbox {
        border: 1px solid #e7ebef;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 0;
        left: 0;
        cursor:pointer;
    }

    .album-edit-container .public-album-container .checkbox.checked {
        border: none;
        width: 18px;
        height: 18px;
        background-image: url(/Content/wiki/img/checkbox-check.svg);
        background-size: 18px;
        position: absolute;
        top: 0;
        left: 0;
    }

.album-edit-container .modal-footer {
    height: 85px;
    width: 100%;
    padding: 0 25px;
    border: none;
    background-color: #e7ebef;
    position: absolute;
    bottom: 0;
    text-align: left;
    font-family: 'Roboto';
    box-sizing: border-box;

}

    .album-edit-container .modal-footer .buttons-block {
        height: 46px;
        width: calc(100% - 50px);
        margin: 0 auto;
        position: absolute;
        top: 50%;
        margin-top: -23px;
    }

        .album-edit-container .modal-footer .buttons-block .delete-album-button {
            display: inline-block;
            height: 46px;
            border-radius: 6px;
            border: solid 1px #ca2127;
            text-align: center;
            line-height: 45px;
            cursor: pointer;
            padding: 0 5px;
            background-color: #e7ebef;
            color: #ca2127;
            text-transform: uppercase;
            box-sizing: border-box;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            min-width: 90px;
        }

        .album-edit-container .modal-footer .buttons-block .delete-album-button .desktop-text {
            display: inline;
            height: 46px;
        }

            .album-edit-container .modal-footer .buttons-block .delete-album-button .mobile-text {
                display: none;
                height: 46px;
            }


        .album-edit-container .modal-footer .buttons-block .save-album-button {
            display: inline-block;
            height: 46px;
            border-radius: 6px;
            background-color: #ffffff;
            border: solid 1px #e2e5e8;
            text-align: center;
            line-height: 45px;
            padding: 0 5px;
            font-weight: bold;
            font-size: 20px;
            cursor: pointer;
            float:right;
            box-sizing: border-box;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            min-width: 75px;
        }
        .album-edit-container .modal-footer .buttons-block .cancel-button {
            display: inline-block;
            height: 46px;
            background-color: #e7ebef;
            text-align: center;
            line-height: 45px;
            margin-left: 15px;
            cursor: pointer;
            float:right;
            color: #0057a3;
            box-sizing: border-box;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.dropdown-menu::-webkit-scrollbar-track,
.editing-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.dropdown-menu::-webkit-scrollbar,
.editing-scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.dropdown-menu::-webkit-scrollbar-thumb,
.editing-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(100,100,100,0.3);
    min-height: 50px;
}

/* profile */
.wiki-breadcrumbs-profile {
    padding: 0 !important;
}

.wiki-breadcrumbs-profile .header {
    font-family: 'Roboto Condensed';
    font-size: 31px;
    font-weight: bold;
    height: 77px;
    border-bottom: 3px solid #000;
    display: inline-block;
    padding: 0 10px;
    text-transform: uppercase;
}

.wiki-layout-profile .wiki-profile-block {
    padding-top: 35px;
    padding-left: 10px;
}

.wiki-layout-profile .profile-summary-details {
    margin-bottom: 40px;
}

.wiki-layout-profile .profile-summary-line-display-name {
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  text-align: left;
}

.wiki-layout-profile .profile-summary-line-email {
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  text-align: left;
  margin: 20px 0;
  color: rgb(66, 66, 66);
}

.wiki-layout-profile .profile-summary-line-details {
  padding: 3px 0;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  text-align: left;
    color: rgb(180, 180, 180);
}

.wiki-layout-profile .profile-summary-line-change-password {
    padding: 3px 0;
}

.wiki-layout-profile .profile-summary-line-change-password a {
    text-transform: capitalize;
    color: #0057a3;
    font-family: 'Roboto';
    font-size: 14px;
    text-decoration: none;
}

.wiki-layout-profile .profile-stats {
    background: rgb(243, 243, 232);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 20px;
    margin-bottom: 35px;
}

.wiki-layout-profile .profile-stats .profile-stats-line {
    width: 50%;
    height: 40px;
    line-height: 40px;
    font-family: Roboto;
    font-size: 16px;
}

.wiki-layout-profile .profile-stats .profile-stats-line > a {
    display: inline-block;
}

.wiki-layout-profile .profile-stats a.profile-stats-line-mark {
    display: inline-block;
    font-weight: 600;
    width: 70px;
    text-align: right;
    padding-right: 10px;
    text-decoration: none;
    color: #0057a3;
}

.wiki-layout-profile .profile-stats span.profile-stats-line-mark {
    display: inline-block;
    font-weight: 600;
    width: 70px;
    text-align: right;
    padding-right: 10px;
    text-decoration: none;
    color: #000;
}

.wiki-layout-profile .wiki-layout-profile-form-container {
    
}

.wiki-layout-profile .wiki-layout-profile-form-container .profile-summary-field {
    display: block;
}

.wiki-layout-profile .wiki-layout-profile-form-container .profile-summary-field label {
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  display: block;
}

.wiki-layout-profile .wiki-layout-profile-form-container .profile-summary-field input[type="text"],
.wiki-layout-profile .wiki-layout-profile-form-container .profile-summary-field input[type="password"] {
    width: 50%;
    margin-bottom: 20px;
    height: 25px;
    border: 0;
    border-bottom: 1px solid black;
    outline: none;
}


.wiki-layout-profile .wiki-layout-profile-form-container .profile-summary-buttons {
    height: 45px;
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.wiki-layout-profile .wiki-layout-profile-form-container .profile-summary-buttons .profile-save-btn {
  display: block;    
  width: 158px;
  height: 45px;
  border-radius: 6px;
  background-color: #ffffff;
  border: solid 1px #e2e5e8;
   font-family: Roboto;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}

.wiki-layout-profile .wiki-layout-profile-form-container .profile-summary-buttons .profile-delete-btn {
  display: block;    
  width: 158px;
  height: 45px;
  border-radius: 6px;
  background-color: #ffffff;
  border: solid 1px #ca2127;
  font-family: Roboto;
  font-size: 14px;
  color: #ca2127;
  text-transform: uppercase;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 0;
}

.wiki-layout-profile .validation-summary-errors ul {
    box-sizing: border-box;
    max-width: 366px;
    background-color: #F4D3D4;
    padding: 10px;
    color: #ca2127;
    margin: 0 20px 20px 0;
    font-size: 14px;
    font-family: Roboto;
    list-style-type: disc;
    list-style-position: inside;
}

.wiki-layout-profile .validation-summary-errors ul > li {
    font-family: Roboto;
    font-size: 14px;
    color: #ca2127;
    padding: 0;
}

.wiki-layout-profile .top-message {
    margin: 0 0 20px 0;
    font-family: Roboto;
    font-size: 14px;
    background: #0057a3;
    color: #fff;
    padding: 5px;
}

@media (max-width: 760px) {
    .wiki-layout-profile .profile-stats .profile-stats-line {
        width: 100%;
    }
    .wiki-layout-profile .profile-stats .profile-stats-line-mark {
        width: auto !important;
    }
    .wiki-layout-profile .wiki-layout-profile-form-container .profile-summary-field input[type="text"] {
        width: calc(100% - 30px);
    }
}



/*view thumnails sizes start*/
.view-thumnails-sizes-container {
    max-height: 350px;
    min-height: 300px;
    overflow-y: auto;
}

    .view-thumnails-sizes-container .view-thumnails-sizes-item {
        display: flex;
        border-bottom: 1px solid #e7ebef;
        padding: 10px 0;
    }

    .view-thumnails-sizes-container .view-thumnails-sizes-item:last-of-type {
        border-bottom: none;
    }
        .view-thumnails-sizes-container .view-thumnails-sizes-item:first-of-type {
            padding-top: 0;
        }

        .view-thumnails-sizes-container .view-thumnails-sizes-item .image-container {
            width: 200px;
            height: 200px;
            display: flex;
            align-items: center;
            background-color: #E7EBEF;
            flex:none;
        }

        .view-thumnails-sizes-container .view-thumnails-sizes-item .image-container img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            margin: 0 auto;
        }


    .view-thumnails-sizes-container .view-thumnails-sizes-item .thumbnails-container {
        margin-left: 15px;
        overflow: hidden;
    }

        .view-thumnails-sizes-container .view-thumnails-sizes-item .thumbnails-container .thumbnail-item {
            margin-bottom: 10px;
            overflow: hidden;
            white-space: nowrap;
            font-size: 14px;
        }

            .view-thumnails-sizes-container .view-thumnails-sizes-item .thumbnails-container .thumbnail-item a {
                color: #0057a3;
                cursor: pointer;
                text-decoration: none;
                font-family: Roboto;
            }


/*view thumnails sizes end*/

/* search results */
.search-result-header {
    margin: 20px 0;
}

.search-result-header h4 {
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 24px;
    color: #000;
    display: block;
    padding: 0 5px;
    margin: 0 0 10px 0;
}

.search-result-header h5 {
    font-family: 'Roboto Condensed';
    font-weight: 400;
    font-size: 18px;
    color: #4a4a4a;
    display: block;
    padding: 0 5px;
    margin: 0;
    text-transform: lowercase;
}

.search-result-delimiter {
    background: #e7ebef;
    height: 1px;
    margin: 20px 0;
}

.advanced-search-button-wrapper {
    margin: 30px auto;
    text-align: center;
}

.advanced-search-button-wrapper a {
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-radius: 1.5px;
    background-color: #f3f5f7;
    text-align: center;
    color: #0057a3;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

/* search results end */

/*error 404 start*/
.error-page {
    width: 100%;
}

    .error-page .error-image-wrapper {
        position: relative;
        display: block;
        width: 320px;
        height: 288px;
        margin: 35px auto 0 auto;
        text-align: center;
    }

        .error-page .error-image-wrapper .error-image {
            width: 320px;
            height: 288px;
            background-image: url(/Content/wiki/img/image-404-compressed@2x.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            position: absolute;
            top: 0;
        }

.error-image-wrapper .error-code {
    font-family: Roboto Condensed;
    font-size: 100px;
    font-weight: bold;
    position: relative;
    display: inline;
    color: #555555;
    z-index: 10;
   
    top: 70px;
}

.error-page .error-title {
    text-align: center;
    font-size: 24px;
    font-family: Roboto;
    font-weight: bold;
}

.error-page .error404-hint {
    background-color: #f3f3e8;
    padding: 20px 30px;
    max-width:550px;
    margin: 40px auto 0 auto;

}
    .error-page .error404-hint .error404-hint-title {
        font-family: Roboto;
        font-size: 16px;
    }

    .error-page .error404-hint .error404-hint-list {
        margin-left: 0;
        padding: 0;
        list-style: none;
        /*list-style-image: url(/Content/wiki/img/bullet.svg);
        list-style-position: inside;*/
        font-family: Roboto;
        font-size: 16px;
    }

        .error-page .error404-hint .error404-hint-list li {
            display: flex;
            margin-top: 10px;
        }
        
        .error-page .error404-hint .error404-hint-list li .bullet {
            display: inline-block;
            width: 18px;
            height: 18px;
            background: url(/Content/wiki/img/bullet.svg) center no-repeat;
            background-size: 18px 18px;
            margin-right: 4px;
        }

        .error-page .error404-hint .error404-hint-list li a {
            font-size: 16px;
            font-family: Roboto;
            text-decoration: none;
            color: #0057a3;
            cursor: pointer;
            flex: 1;
        }

    .error-page .error404-hint .error404-hint-footer {
        font-family: Roboto;
        font-size: 16px;
    }

    @media (max-width: 359px) {
        .error-page .error-image-wrapper {
            width: 280px;
        }

            .error-page .error-image-wrapper .error-image {
                width: 280px;
            }
    }

.error-page .error500-hint {
    font-family: Roboto;
    font-size: 24px;
    margin: 30px auto 0 auto;
    text-align: center;
}

.error-page .error-show-details  {
    text-align:center;
    margin-top: 30px;
}

.error-page .error-show-details.expanded {
    text-align: left;
}


.error-page .error-show-details .error-show-details-button {
    box-sizing: border-box;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    padding: 12px 20px;
    border-radius: 5px;
    background-color: #f3f5f7;
    color: #0057a3;
    border: solid 1px #e7ebef;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 14px;
    position: relative;
}

/*error 404 end*/

/* text lists */
.text-list-link {
    text-align: center;
}

.text-list-link .description {
    font-family: 'Roboto';
    color: #a4a4a4;
    font-size: 14px;
}

.text-list-link a {
    font-family: 'Roboto';
    color: #0057a3;
    font-size: 14px;
    text-decoration: none;
}

.text-list-link.text-list-link-all-works {
    margin-top: 30px;
}

.wiki-container .wiki-layout-artworks-restricted-text.text-list main ul {
    -webkit-column-count: 1; 
    -moz-column-count: 1;
    column-count: 1;
}

/* text lists end */

/* adv */
.beta-adv-wrapper, .beta-adv-banner {
    height: 90px;
    width: 900px;
}

.adv-wrapper {
    position: relative;
    text-align: center;
}

.adv-wrapper .banner {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    min-height: 60px;
}

.adv-wrapper.portrait {
    margin-top: 30px;
}

.wikiart_responsive_1 {
     width: 300px; 
     height: 250px;
     margin: 0 auto;
}

@media(min-width: 760px) {
    .wikiart_responsive_1 {
         width: 728px; 
         height: 90px;
        margin-left: -4px;
    }
}
@media(min-width: 1000px) {
    .wikiart_responsive_1 {
         width: 728px; 
         height: 90px;
        margin: 0 auto;
    }
}
@media(min-width: 1240px) {
    .wikiart_responsive_1 {
         width: 970px; 
         height: 90px;
    }
}

.adv-wrapper .text {
    margin: 0 auto;
    font-family: 'Roboto';
    color: #a4a4a4;
    font-size: 12px;
}

@media (min-width: 360px) and (max-width: 450px) {
    .adv-wrapper.masonry .banner {
        background: none !important;
    }
    .adv-wrapper.masonry .banner:before {
        display: none;
    }
    .adv-wrapper.masonry .wikiart_responsive_1 {
        background: none;
    }
}

@media(max-width: 999px) {
    
    .adv-main-menu-static {
        display: none;
    }
    .adv-main-menu-static .wikiart_responsive_2 {
        display: none;
    }

    .adv-wrapper.portrait {
        display: none;
    }

    .adv-wrapper.portrait .wikiart_responsive_2 {
        display: none;
    }
}

@media(max-width: 360px) {
    .adv-wrapper.masonry .wikiart_responsive_1 {
        width: 200px;
        height: 200px;
    }
}


@media (min-width: 1240px) {
    .wikiart_responsive_2 {
        width: 250px;
        height: 250px;
    }
}

@media (max-width: 1240px) {
    .wikiart_responsive_2 {
        width: 200px;
        height: 200px;
    }
}

.wikiart_responsive_2 {
    position: relative;
    margin: 0 auto;
}

.banner-bg-container {
    min-width: 200px;
    min-height: 200px;
}

.banner-bg-container {
    border: 10px solid #f3f5f7;
    background: #f3f5f7;
}

.wikiart_responsive_1 {
    position: relative;
    margin: 0 auto;
    
    background: #f3f5f7;
}

.adv-wrapper.masonry {
    margin-top: 40px;
}

.adv-wrapper.masonry .banner {
    background: #f3f5f7;
}

.adv-wrapper.masonry .banner:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border: 10px solid #f3f5f7
}

.adv-wrapper .text {
    padding-top: 15px;
    display: inline-block;
}

.adv-wrapper.portrait .text {
    padding-top: 5px;
}

/*
.adv-wrapper.detailed .wikiart_responsive_1 {
    width: 90%;
    height: 90px;
} */

/* end adv */

/* hover panel */
.wiki-hover-panel-parent:hover .wiki-hover-panel {
    /* display: block; */
}

.wiki-hover-panel {
    position: fixed;
    box-sizing: border-box;
    border: 1px solid #e7ebef;
    box-shadow: 0 10px 25px 0 rgba(71, 82, 93, 0.3);
    width: 300px;
    z-index: 999;
    background: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 25px;
    color: #000;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s;
    font-family: 'Roboto';
    font-weight: normal;
    text-transform: none;
}

.wiki-hover-panel:after {
    content: '';
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: -10px;
    right: 10px;
    transform: rotate(45deg);
    border-left: 1px solid #e7ebef;
    border-top: 1px solid #e7ebef;
    border-radius: 2px;
}

.wiki-hover-panel.opened {
    visibility: visible;
    opacity: 1;
}

.wiki-hover-panel.not-scrolled:hover {
    visibility: visible;
    opacity: 1;
}

#wiki-hover-panel-image .wiki-hover-panel-image-wrapper {
    flex: 0;
    align-content: center;
    justify-content: center;
}

#wiki-hover-panel-image .wiki-hover-panel-image-wrapper img {
    width: 110px;
}

#wiki-hover-panel-image {
    width: 430px;
    display: flex;
}

#wiki-hover-panel-image span {
    padding-left: 20px;
    flex: 1 0;
}

/* end hover panel */


/* wikimedia-download-errors */
.wikimedia-download-errors {
    font-family: 'Roboto';
    font-size: 14px;
    color: #ca2127;    
}
/* end wikimedia-download-errors */

/* top-message */
.beta-top-message-wrapper {
    margin: 0 21px;
    background: #0057a3;
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 20px 40px;
    display: none;
}

.beta-top-message-wrapper.active {
    display: flex;
}

.beta-top-message-wrapper.top-message-error {
    background: #F27474;
}

.beta-top-message-wrapper .beta-top-message-close {
    content: '�';
    position: absolute;
    right: 10px;
    top: calc(50% - 15px);
    height: 30px;
    width: 30px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
}

.beta-top-message-wrapper .beta-top-message {
    color: #fff;
    font-family: 'Roboto';
    font-size: 16px;
}
/* end top-message  */

/* go to top btn */

.supersized-active .beta-go-to-top {
    display: none !important;
}

body.modal-open .beta-go-to-top {
    display: none !important;
}

.beta-go-to-top {
    width: 50px;
    height: 50px;
    background-image: url(/Content/wiki/img/next-big-2.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    position: fixed;
    right: 30px;
    bottom: 40px;
    cursor: pointer;
    border: 1px solid #E2E5E8; 
    border-radius: 6px;
    box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.25);
    z-index: 9999;
}

@media (max-width: 350px) {
    .beta-go-to-top.anonymous {
        right: 15px;
        bottom: 25px;
    }
}

.beta-go-to-top.hidden {
    display: none;
}
/* end go-to-top btn */

/* input type=number hide arrows */
input[type="number"].date::-webkit-inner-spin-button,
input[type="number"].date::-webkit-outer-spin-button,
input[type="number"].year::-webkit-inner-spin-button,
input[type="number"].year::-webkit-outer-spin-button {
    -webkit-appearance: none; 
    margin: 0; 
}

input[type="number"].date, 
input[type="number"] {
    -moz-appearance:textfield;
}
/* end of input type=number hide arrows */

/* Subscription form */
.form-subscribe {
    box-sizing: border-box;
    margin-top: 60px;
    width: 100%;
    font-family: 'Roboto';
    background-color: rgba(78, 89, 100, .25);
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.form-subscribe .validationError {
    color: #ca2127;
}

.form-subscribe .header {
    color: rgb(164, 164, 164);
    font-family: 'Roboto';
    font-size: 12px;
    height: 14px;
    line-height: 14px;
}

.form-subscribe .header .error {
    display: none;
}

.form-subscribe .footer {
    padding: 13px 0 0 0;
    height: 18px;
    display: flex;
    flex-direction: row;
}

.form-subscribe .footer .checkbox-label {
    padding: 0 0 5px 7px;
    font-family: 'Roboto';
    font-size: 12px;
    font-style: normal;
    color: rgb(127, 127, 127);
}

.form-subscribe .footer .checkbox-label a.terms-link {
   font-family: 'Roboto';
   font-size: 12px;
   font-style: normal;
   color: rgb(127, 127, 127);
   text-decoration: underline;
}

.form-subscribe .footer .checkbox-label a.terms-link:after {
    display: none;
}

.form-subscribe .footer .checkbox {
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    font-style: normal;
    text-decoration: underline;
    border: 1px solid rgb(127, 127, 127);
    border-radius: 2px;
}

.form-subscribe .footer .checkbox.checked {
    background-image: url(/Content/wiki/img/checkbox-check.svg);
    background-size: 18px;
    border: none;
}

.form-subscribe .submit {
    padding: 8px 0 0 0;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.form-subscribe .submit input[type="text"] {
    display: block;
    width: calc(100% - 71px);
    height: 100%;
    font-family: 'Roboto';
    font-size: 15px;
    color: rgb(127, 127, 127);
    margin: 0;
    padding: 0 0 0 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #555555;
    background-color: transparent;
    caret-color: rgb(164, 164, 164);
    outline: none;
}

.form-subscribe .submit input[type="text"].ng-not-empty {
    color: #fff;
    font-weight: 300;
    border-color: #236cae;
}

.form-subscribe .submit input[type="text"].invalid {
    border-color: #ca2127 !important;
}

.form-subscribe .submit input[type="text"]:-webkit-autofill {
    background-color: transparent !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: none;
}

.form-subscribe .submit input[type="submit"] {
    box-sizing: border-box;
    display: block;
    width: 60px;
    height: 100%;
    padding: 0;
    margin: 0 0 0 0;
    font-family: 'Roboto';
    font-size: 13px;
    text-transform: uppercase;
    color: rgb(164, 164, 164);
    background-color: rgb(29, 66, 110);
    border: 1px solid rgb(29, 66, 110);
    border-radius: 3px;
    outline: none;
}

.form-subscribe .submit input[type="submit"].active {
    color: #fff;
    font-weight: 300;
    background-color: #0057a3;
    border-color: #0057a3;
    cursor: pointer;
}

.form-subscribe .submit input[type="submit"].active:hover {
    background: #0666b9;
}

.form-subscribe .submit input[type="text"]:focus,
.form-subscribe .submit input[type="text"]:active,
.form-subscribe .submit input[type="submit"]:focus,
.form-subscribe .submit input[type="submit"]:active {
    outline: none;
}

.form-subscribe .submit input[type="text"]:focus,
.form-subscribe .submit input[type="text"]:active {
    border-color: #236cae;    
}

/* hack to style webkit input autocomplete */

@-webkit-keyframes webkit-autofill-fix {
    to {
        color: white !important;
        background: transparent;
    }
}
    
input:-webkit-autofill {
    -webkit-animation-name: webkit-autofill-fix;
    -webkit-animation-fill-mode: both;
}


/* end of Subscription form  */


/*Movie view page*/

.wiki-container .movie-section {
    
}

    .wiki-container .movie-section > header,
    .wiki-container .short-of-the-month-section > header {
        border-bottom: 1px solid #e7ebef;
        position: relative;
    }
        .wiki-container .movie-section > header > h1,
        .wiki-container .short-of-the-month-section > header > h1 {
            display: inline-block;
            padding: 30px 10px 15px 10px;
            font-weight: 700;
            border-bottom: 3px solid black;
            color: black;
            font-family: 'Roboto Condensed';
            font-size: 31px;
            text-transform: uppercase;
            margin: 0;
        }

        .wiki-container .short-of-the-month-section > header > .header-tip {
            position: absolute;
            left: 0;
            bottom: 0;
            padding: 0 0 5px 12px;
            font-size: 14px;
            font-family: 'Roboto';
            color: #555555;
        }

        .wiki-container .short-of-the-month-section .movie-section .video-block__thumbnail-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            cursor: pointer;
        }
        
            .wiki-container .short-of-the-month-section .movie-section .video-block__thumbnail-wrapper .video-block__thumbnail {
                width: 100%;
                height: 100%;
            }

    .wiki-container .movie-section .movie-section__video-block {
        margin: 25px 0 0 0;
        padding: 0 10px;
        box-sizing: border-box;
    }
        .wiki-container .movie-section .movie-section__video-block .movie-section__video-block__wrapper {
            position: relative;
            padding: 56.25% 0 0 0;
        }

        .wiki-container .movie-section .movie-section__video-block .movie-section__video-block__description,
        .wiki-container .short-of-the-month-section .main-info > aside .video-block__description {
            display: inline-block;
            font-family: 'Roboto';
            font-weight: 300;
            font-size: 14px;
            color: #a4a4a4;
            line-height: 20px;
            margin: 20px 0 0 0;
        }

    .wiki-container .movie-section .movie-section__article {
        padding: 0 10px;
        box-sizing: border-box;
    }

        .wiki-container .movie-section .movie-section__article .movie-section__article__main-info {
            width: 100%;
            display: flex;
            flex-flow: row wrap;
            margin-top: 20px 0;
        }

            .wiki-container .movie-section .movie-section__article .movie-section__article__main-info > ul.share-mobile {
                display: none;
            }

            .wiki-container .movie-section .movie-section__article .movie-section__article__main-info .movie-section__article__main-info__general {
                width: 280px;
                margin: 44px 20px 0 0;
            }
                
            .wiki-container .movie-section .movie-section__article .movie-section__article__main-info .movie-section__article__main-info__synopsys {
                flex: 1 0;
            }

                .wiki-container .movie-section .movie-section__article .movie-section__article__main-info .movie-section__article__main-info__synopsys .header {
                    display: block;
                    line-height: 26px;
                    padding: 0;
                    margin: 0;
                    font-family: 'Roboto Condensed';
                    font-weight: 700;
                    font-size: 24px;
                    margin-bottom: 14px;
                    word-break: break-word;
                }
                .wiki-container .movie-section .movie-section__article .movie-section__article__main-info .movie-section__article__main-info__synopsys .text {
                    font-size: 16px;
                    font-family: 'Roboto';
                    line-height: 25px;
                    font-weight: 300;
                    word-break: break-word;
                }
                .wiki-container .movie-section .movie-section__article .movie-section__article__main-info .movie-section__article__main-info__synopsys .text a {
                    color: #0057a3;
                    text-decoration: none;
                    line-height: 20px;
                }
        .tag-cheaps-section  {
            display: flex;
            font-family: 'Roboto';
            font-weight: 300;
            font-size: 16px;
            line-height: 24px;
            justify-content: center;
        }
            .tag-cheaps-section .tags-title {
                margin-right: 15px;
                color: #333333;
            }
            .tag-cheaps-section .tags-cheaps {
            }
                .tag-cheaps-section .tags-cheaps .tags-cheaps__item {
                    display: inline-block;
                    word-break: break-word;
                    margin: 0 5px 5px 5px;
                    box-sizing: border-box;
                    font-weight: normal;
                    font-size: 16px;
                    border-radius: 12px;
                    padding: 0 10px;
                    background-color: #f3f5f7;
                    color: #0057a3;
                    font-family: 'Roboto';
                }
/*end of Movie view page*/

/*Best of the month*/



.wiki-container .short-of-the-month-section {
}

    .wiki-container .short-of-the-month-section.view-painting-section {
        padding: 0 20px;
    }

    .wiki-container .short-of-the-month-section .main-info {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
    }

        .wiki-container .short-of-the-month-section .main-info > aside {
            max-width: 600px;
            box-sizing: border-box;
            padding: 20px 20px 20px 10px;
        }

            .wiki-container .short-of-the-month-section .main-info > aside .video-block__wrapper {
                position: relative;
                width: 570px;
            }
        .wiki-container .short-of-the-month-section .main-info > article {
            box-sizing: border-box;
            padding-left: 20px;
            padding-top: 20px;
            order: 2;
            flex: 1 0;
            overflow: hidden;
        }
            .wiki-container .short-of-the-month-section .main-info > article .overflowing-container {
                position: relative;
                max-height: 320px;
                overflow: hidden;
                transition: max-height 700ms cubic-bezier(0.19, 1, 0.22, 1);
            }
                .wiki-container .short-of-the-month-section .main-info > article .overflowing-container .synopsis-text {
                    font-size: 16px;
                    font-family: 'Roboto';
                    line-height: 25px;
                    font-weight: 300;
                }

            .wiki-container .short-of-the-month-section .main-info > article a {
                color: #0057a3;
                text-decoration: none;
                line-height: 20px;
            }

            .wiki-container .short-of-the-month-section .main-info > article .go-to-movie {
                min-width: 180px;
            }

            .wiki-container .previously-added-section {
            }

                .wiki-container .previously-added-section .wiki-artistgallery-container.wiki-movie-gallery-container {
                    height: auto;
                    min-height: 300px;
                }

                .wiki-artistgallery-container.wiki-artistgallery-container.wiki-movie-gallery-container > li,
                .wiki-artistgallery-container.wiki-artistgallery-container.wiki-movie-gallery-container > li a {
                    height:auto;
                }

                .wiki-artistgallery-container.wiki-movie-gallery-container > li .title-block .artist-name {
                    width: 100%;
                }

                    .wiki-artistgallery-container.wiki-movie-gallery-container > li .title-block .artist-name a {
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display:block;
                    }
                    .wiki-artistgallery-container.wiki-movie-gallery-container > li .title-block .director-block,
                    .wiki-artistgallery-container.wiki-movie-gallery-container > li .title-block .adding-time-block {
                        margin-top: 5px;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        white-space: nowrap;
                    }
                     
/*end of Best of the month*/


/*Cloud vision tags*/

.cloud-vision-container {
    margin-top: 25px;
}

.cloud-vision-container .cloud-vision-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .cloud-vision-container .cloud-vision-row .image-wrapper {
        background-color: #f3f5f7;
        display: flex;
        align-items: center;
        height: 195px;
        width: 20%;
        margin-right: 15px;
    }

        .cloud-vision-container .cloud-vision-row .image-wrapper img {
            max-height: 100%;
            display: block;
            margin: 0 auto;
            max-width: 100%;
        }


    .cloud-vision-container .cloud-vision-row .cloud-vision-labels-container {
        width: 25%;
        font-family: 'Roboto Condensed';
    }

        .cloud-vision-container .cloud-vision-row .cloud-vision-labels-container .header {
            margin: 0 0 10px 0;
            font-weight: 700;
        }

        .cloud-vision-container .cloud-vision-row .cloud-vision-labels-container .cloud-vision-label {
            margin: 5px 0;
        }
/*end of cloud vision tags*/


/* artwork view, tags*/
.wiki-layout-artwork-info .tag-cheaps-section {
    margin-top: 15px;
    order: 4;
    width: 100%;
    justify-content: flex-start;
}
    .wiki-layout-artwork-info .tag-cheaps-section .tags-cheaps .tags-cheaps__item {
        height: 24px;
        line-height: 24px;
    }
        .wiki-layout-artwork-info .tag-cheaps-section .tags-cheaps .tags-cheaps__item .tags-cheaps__item__ref {
            text-decoration: none;
            color: #0057a3;
        }
        .wiki-layout-artwork-info .tag-cheaps-section .tags-cheaps .tags-cheaps__item .tags-cheaps__item__icon {
            height: 16px;
            width: 16px;
            vertical-align: middle;
            margin-bottom: 2px;
            display: inline-block;
            position: relative;
            cursor: pointer;
        }
        .wiki-layout-artwork-info .tag-cheaps-section .tags-cheaps .tags-cheaps__item .tags-cheaps__item__icon.ajax-loading span {
            opacity: 0.5;
        }

            .wiki-layout-artwork-info .tag-cheaps-section .tags-cheaps .tags-cheaps__item .tags-cheaps__item__icon.tags-cheaps__item__dropdown-menu-button {
                background: url(/Content/wiki/img/more-gray-small.svg) center center no-repeat;
                background-size: 16px 16px;
                
            }

            .wiki-layout-artwork-info .tag-cheaps-section .tags-cheaps .tags-cheaps__item .tags-cheaps__item__icon.tags-cheaps__item__approved {
                background: url(/Content/wiki/img/like-green.svg) center center no-repeat;
                background-size: 16px 16px;
            }

            .wiki-layout-artwork-info .tag-cheaps-section .tags-cheaps .tags-cheaps__item .tags-cheaps__item__icon.tags-cheaps__item__rejected {
                background: url(/Content/wiki/img/like-red.svg) center center no-repeat;
                background-size: 16px 16px;
            }


.tags-cheaps-menu-dropdown-wrapper {
    display:none;
    position: absolute;
    left: -125px;
    top: 12px;
    margin: 10px 0 0 0;
    min-width: 125px;
    background: #fff;
    z-index: 999;
    box-shadow: 0 10px 25px 0 rgba(71, 82, 93, 0.3);
}

.tags-cheaps-menu-dropdown {
    display: block;
    padding: 16px 10px;
    margin: 0;
    list-style-type: none;

}

    .tags-cheaps-menu-dropdown li {
        line-height: 31px;
        font-size: 16px;
        padding: 0 25px 0 10px;
        font-family: 'Roboto';
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        white-space: nowrap;
        cursor: pointer;
    }

    .ajax-loading .tags-cheaps-menu-dropdown li {
        cursor: default;
    }

    .tags-cheaps-menu-dropdown li > span {
        pointer-events: none;
    }

    .wiki-container .wiki-layout-artist-info > aside a.paintings-imagelink-automargin {
        margin: auto;
        display: contents
    }

@media(hover: hover) {
    .tags-cheaps__item__icon:not(.ajax-loading) .tags-cheaps-menu-dropdown-wrapper li:hover {
        background: #0057a3;
    }
        .tags-cheaps__item__icon:not(.ajax-loading) .tags-cheaps-menu-dropdown-wrapper li:hover span {
            color: #fff;
        }
}

/* end of artwork view, tags*/
@media (max-width: 999px) {

    /* mobile menu icon visibility */
    .wiki-container nav.wiki-top-menu .wiki-top-menu-logo-container {
        display: none;
    }

    /* hide left menu on mobile */
    .wiki-container .wiki-layout-left-menu .wiki-left-menu {
        display: none;
    }

    /* mobile menu open/close animation */
    .wiki-container {
        transition: transform 300ms ease; 
    }

    .wiki-container.top-menu-mobile-visible {
        transform: translate3d(100%, 0, 0);
    }

    .wiki-container.top-menu-mobile-visible section.wiki-top-menu-mobile {
        display: block;
        transform: translate3d(-100%, 0, 0);
    }

     .wiki-top-menu .wiki-top-menu-mobile-switch {
         display: none;   
     }

     .wiki-container .wiki-layout-artworks-restricted-text main ul {
        margin: 0;
        padding: 30px 10px 0 10px;
        -webkit-column-count: 2; 
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 999px) {
    .wiki-container .wiki-layout-artist-info > article ul > li.dictionary-values {
        max-height: 40px;
    }

    .wiki-container .wiki-layout-artist-info > article ul > li.dictionary-values.dictionary-values-tag {
        max-height: 20px;
    }
}

@media (min-width: 1000px) {
    .wiki-top-menu .wiki-top-menu-mobile-switch {
        display: none;
    }
}

@media (max-width: 1000px) {
    .wiki-container .wiki-layout-artist-info .info-icon-circle {
        /*width: 40px;
        height: 40px; */
        vertical-align: middle;
    }
}

/* left menu width */
@media (min-width: 1240px) {
    .wiki-container section.wiki-layout-left-menu > aside {
        min-width: 293px; /* 245 */
        max-width: 293px;
    }
}

@media (min-width: 1000px) and (max-width: 1239px) {
    .wiki-container section.wiki-layout-left-menu > aside {
        min-width: 243px; /* 180 */
        max-width: 243px;
    }
}

@media (max-width: 1239px) {
    .wiki-container nav.wiki-top-menu a.wiki-top-menu-actions,
    .wiki-container nav.wiki-top-menu a.wiki-top-menu-actions.opened {
        width: 68px;
        background: none;
        padding: 0;
    }

    .wiki-container nav.wiki-top-menu a.wiki-top-menu-actions b {
        display: none;
    }
    .wiki-container nav.wiki-top-menu a.wiki-top-menu-actions .actions-icon {
        display: block;
    }
}

@media (min-width: 760px) and (max-width: 999px) {
    .wiki-container:not(.edit-layout) nav.wiki-top-menu a.wiki-top-menu-mobile-switch {
        display: block;
    }
}

@media (max-width: 759px) {

    .wiki-container:not(.edit-layout) nav.wiki-top-menu a.wiki-top-menu-mobile-switch {
        display: block;
    }

    .wiki-container nav.wiki-top-menu a.wiki-top-menu-actions, .wiki-container-responsive .actions-menu {
        display: none !important;
    }
    
    .wiki-container nav.wiki-top-menu.search-input-active a.wiki-top-menu-mobile-switch {
        display: none;
    }

    .wiki-container.top-menu-mobile-visible nav.wiki-top-menu a.wiki-top-menu-mobile-switch .wiki-top-menu-mobile-switch-icon {
        display: none;
    }

    .wiki-container.top-menu-mobile-visible nav.wiki-top-menu a.wiki-top-menu-mobile-switch .wiki-top-menu-mobile-switch-icon-close {
        display: block;
    }

    .wiki-container section.wiki-top-menu-mobile .wiki-left-menu ul > li.sign-out {
        display: none;
    }


    .wiki-container .wiki-layout-artist-info {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    
    .wiki-container .wiki-layout-artist-info > aside {
        width: 100%;
        max-width: 100%;
        border-right: none;
        padding: 0 10px;
        margin: 30px 0 0 0;
    }

    .wiki-container .wiki-layout-artist-info > article {
        width: 100%;
        max-width: 100%;
        padding: 0 10px;
        margin: 30px 0 0 0;
    }

    .wiki-container .wiki-layout-artworks-featured header h4 {
    }

    .wiki-container nav.wiki-top-menu a.wiki-top-menu-auth {
        width: 24px;
        background-position: center center;
    }

    .wiki-container nav.wiki-top-menu a.wiki-top-menu-auth b {
        display: none;

    }

    .wiki-container .wiki-footer {
        flex-wrap: wrap;
        min-height: 570px;
        padding-bottom: 0 !important;
        margin-bottom: 70px;
    }

    .wiki-container .wiki-layout-artworks-restricted-text main ul {
        margin: 0;
        padding: 30px 10px 0 10px;
        -webkit-column-count: 1; 
        -moz-column-count: 1;
        column-count: 1;
    }
}

@media (min-width: 1000px) and (max-width: 1239px) {
    .wiki-container .wiki-footer > ul.wiki-footer-column-links.artists {
        max-height: none;
    }
}

@media (min-width: 1240px) {
    .wiki-container .wiki-layout-artist-info > aside {
        max-width: 500px;
    }

    .wiki-container .wiki-layout-artist-info.wiki-layout-artwork-info > aside {
        width: 601px;
        max-width: 601px;
    }

    .wiki-container .wiki-layout-artist-info.wiki-layout-artwork-info .wiki-layout-artist-image-wrapper {
        height: 450px;
    }
}

@media (min-width: 759px) and (max-width) {
    .wiki-container .wiki-layout-artist-info > aside {
        max-width: 100%;
    }
}

@media (min-width: 1000px) and (max-width: 1239px) {
    .wiki-container .wiki-layout-artist-info.wiki-layout-artwork-info > aside {
        max-width: 500px;
    }
}

@media (min-width: 760px) and (max-width: 999px) {
    .wiki-container .wiki-layout-artist-info.wiki-layout-artwork-info > aside {
        width: 70%;
        max-width: 70%;
    }
    .wiki-container .wiki-layout-artist-info > aside {
        width: 50%;
        max-width: 50%;
    }
}

@media(max-width: 1239px) {
    
    .wiki-container .wiki-layout-artist-info.wiki-layout-artwork-info .wiki-layout-artist-image-wrapper {
        height: 355px;
    }

    .wiki-container .wiki-layout-main-page .wiki-layout-artist-info.wiki-layout-artwork-info.artwork-of-the-day > aside {
        max-width: 330px;
    }

    .wiki-container .wiki-layout-main-page .wiki-layout-artist-info.wiki-layout-artwork-info.artwork-of-the-day .wiki-layout-artist-image-wrapper {
        height: 330px;
    }

    .wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info.big {
        min-height: 160px;
    }
    .wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .image-variants-container > li:nth-child(3){
        display: none;
    }
}

@media(max-width: 759px) {
    .wiki-container .wiki-layout-artwork-info > aside {
        max-width: 100% !important;
    }
    .wiki-container .wiki-layout-artwork-info article h3,
    .wiki-container .wiki-layout-artwork-info article h5  {
        display: none;
    }

    .wiki-container .wiki-layout-artwork-info header {
        position: relative;
        padding-right: 90px;
    }

    .wiki-container .wiki-layout-artwork-info header h2 a {
        text-decoration: none;
        font-family: 'Roboto';
        font-size: 16px;
        color: #0057a3;
        font-weight: 400;
    }

    .wiki-container .wiki-layout-artwork-info a.wiki-breadcrumbs-btns-prev,
    .wiki-container .wiki-layout-artwork-info a.wiki-breadcrumbs-btns-next {
        box-sizing: border-box;
        display: block;
        position: absolute;
        top: 0;
        width: 40px;
        height: 40px;
        border-radius: 40px;
        line-height: 40px;
        border: solid 1px #e2e5e8;
    }

    .wiki-container .wiki-layout-artwork-info a.wiki-breadcrumbs-btns-next {
        right: 0;
    }

    .wiki-container .wiki-layout-artwork-info a.wiki-breadcrumbs-btns-prev {
        right: 50px;
    }

    /*
    .wiki-container .wiki-layout-artwork-info > article h3, 
    .wiki-container .wiki-layout-artist-info > article h4 {
    }
    .wiki-container .wiki-breadcrumbs-artwork .wiki-breadcrumbs-links > a,
    .wiki-container .wiki-breadcrumbs-artwork .wiki-breadcrumbs-links > s {
        display: none;
    }
    .wiki-container .wiki-breadcrumbs-artwork .wiki-breadcrumbs-links > a:nth-child(1),
    .wiki-container .wiki-breadcrumbs-artwork .wiki-breadcrumbs-links > a:last-child {
        display: inline-block !important;
    }
    .wiki-container .wiki-breadcrumbs-artwork .wiki-breadcrumbs-links > s:nth-child(2),
    .wiki-container .wiki-breadcrumbs-artwork .wiki-breadcrumbs-links > s:nth-last-child(2) {
        display: inline-block !important;
    }
    .wiki-container .wiki-breadcrumbs-artwork .wiki-breadcrumbs-links > .placeholder {
        display: inline-block !important;
    }
    .wiki-container .wiki-breadcrumbs-artwork .wiki-breadcrumbs-links {
        width: calc(100% - 120px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    } */
    
    .wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info > span {
        /* max-width: calc(100% - 100px); */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .image-variants-container {
        display: block;
        position: relative;
    }

    .wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .file-source-link {
    }

    .wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .max-resolution-container {
        margin-bottom: 10px;
    }

    .wiki-container .masonry-detailed-artwork-item > article h3 {
        display: none !important;
    }


    .wiki-container .masonry-detailed-artwork-item > header {
        display: block !important;
    }

    .wiki-container .masonry-detailed-artwork-item > header h3 {
        display: block !important;
    }

    .wiki-container .wiki-detailed-item-container {
        border-bottom: 1px solid #e7ebef;
        margin-bottom: 30px;
    }

    .wiki-container .wiki-detailed-item-container:last-of-type {
        border-bottom: none;
    }
}

/* hide breadcrumbs on mobile devices */ 
@media (max-width: 759px) {
    .wiki-container .wiki-breadcrumbs {
        display: none;
    }

    .wiki-container .wiki-layout-main-page .wiki-breadcrumbs.wiki-breadcrumbs-artwork,
    .wiki-container .wiki-layout-main-page .wiki-breadcrumbs.wiki-breadcrumbs-album {
        display: block;
    }
        .wiki-container .wiki-layout-main-page .wiki-breadcrumbs.wiki-breadcrumbs-artwork .wiki-breadcrumbs-links,
        .wiki-container .wiki-layout-main-page .wiki-breadcrumbs.wiki-breadcrumbs-album .wiki-breadcrumbs-links {
            width: 100%;
        }

        .wiki-container .wiki-layout-main-page .wiki-breadcrumbs.wiki-breadcrumbs-album .wiki-breadcrumbs-links {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        } 
            .wiki-container .wiki-layout-main-page .wiki-breadcrumbs.wiki-breadcrumbs-artwork .wiki-breadcrumbs-btns,
            .wiki-container .wiki-layout-main-page .wiki-breadcrumbs.wiki-breadcrumbs-album .wiki-breadcrumbs-btns {
                display: none;
            }

    .wiki-container .wiki-section-header-static {
        height: 60px;
        line-height: 60px !important;
    }
}

/* featured */
@media (max-width: 759px) {
    .wiki-container .wiki-layout-artworks-featured ul > li {
        width: calc(50% - 20px);
    }
}

@media (min-width: 759px) and (max-width: 1239px) {
    .wiki-container .wiki-layout-artworks-featured ul > li {
        width: calc(33.3% - 20px);
    }
}

@media (min-width: 1240px) {
    .wiki-container .wiki-layout-artworks-featured ul > li {
        width: calc(25% - 20px);
    }
}

/* artist name */
@media (max-width: 759px) {
    .wiki-container .wiki-layout-artist-info {
        display: block;
    }
    
    .wiki-container .wiki-layout-artist-info > header {
        display: block;
        margin-top: 20px;
    }

    .wiki-container .wiki-layout-artist-info > aside {
        display: block;
        margin-top: 20px;
    }

    .wiki-container .wiki-layout-artist-info > article {
        display: block;
        margin-top: 10px;
    }

    .wiki-container .wiki-layout-artist-info > header h1 {
        display: block;
        line-height: 26px;
        padding: 0;
        margin: 0;
        font-family: 'Roboto Condensed';
        font-weight: 700;
        font-size: 24px;
    }

    .wiki-container .wiki-breadcrumbs-btns {
        right: 0;
    }

    .wiki-container .wiki-section-header .whitespace {
        display: inline !important;
    }

    .wiki-container .wiki-section-header .info-circle-related.desktop {
        display: none;
    }

    .wiki-container .wiki-section-header .info-circle-related.mobile {
        display: inline;
        top: -3px;
        right: -30px;
    }

    .wiki-container .wiki-layout-artist-info > header h2 {
        display: block;
        line-height: 18px;
        padding: 0;
        margin: 0;
        font-family: 'Roboto';
        font-weight: 300;
        font-size: 16px;
        color: #a4a4a4;
        margin-top: 15px;
    }

    .wiki-container .wiki-layout-artist-info > article h3, 
    .wiki-container .wiki-layout-artist-info > article h4 {
        display: none;
    }

    .wiki-container .wiki-layout-main-page .wiki-layout-artist-info > article h3,
    .wiki-container .wiki-layout-main-page .wiki-layout-artist-info > article h5 {
        display: block;
    }
        
        .wiki-container .wiki-layout-artist-info > aside {
            margin-top: 20px;
        }

   
}



@media (min-width: 1240px) {
    .wiki-container-responsive {
        width: 1240px;
    }
    .wiki-container nav.wiki-top-menu {
        width: 1240px;
    }
}

@media (min-width: 1000px) and (max-width: 1239px) {
    .wiki-container-responsive {
        width: 1000px;
    }
    .wiki-container nav.wiki-top-menu {
        width: 1000px;
    }
    .wiki-container .wiki-footer ul.wiki-footer-column-logo .logo-wrapper {
        width: 174px;
    }
}

@media (max-width: 999px) {

    .wiki-top-menu-user-menu, .md-open-menu-container {
        display: none;
    }

    .wiki-container nav.wiki-top-menu a.wiki-top-menu-search-logo {
        display: inline-block;
    }
    .wiki-top-menu-search-logo.en {
        background: url(/Content/wiki/img/logo-en.svg) center no-repeat;
        background-size: 174px 46px;
    }
    .wiki-top-menu-search-logo.zh {
        background: url(/Content/wiki/img/logo-zh.svg) center no-repeat;
        background-size: 174px 46px;
    }

    .wiki-top-menu-search-logo.ru {
        background: url(/Content/wiki/img/logo-ru.svg) center no-repeat;
        background-size: 174px 46px;
    }

    .wiki-top-menu-search-logo.uk {
        background: url(/Content/wiki/img/logo-uk.svg) center no-repeat;
        background-size: 174px 46px;
    }

    .wiki-top-menu-search-logo.fr {
        background: url(/Content/wiki/img/logo-fr.svg) center no-repeat;
        background-size: 174px 46px;
    }

    .wiki-top-menu-search-logo.de {
        background: url(/Content/wiki/img/logo-de.svg) center no-repeat;
        background-size: 174px 46px;
    }

    .wiki-top-menu-search-logo.es {
        background: url(/Content/wiki/img/logo-es.svg) center no-repeat;
        background-size: 174px 46px;
    }

    .wiki-top-menu-search-logo.pt {
        background: url(/Content/wiki/img/logo-pt.svg) center no-repeat;
        background-size: 174px 46px;
    }

    .wiki-container .wiki-footer ul.wiki-footer-column-logo .logo-wrapper { 
        width: 174px;
    }
}

@media (min-width: 759px) and (max-width: 999px) {
    .wiki-container-responsive {
        width: 760px;
    }
    .wiki-container nav.wiki-top-menu {
        width: 760px;
    }
    .wiki-top-menu-search-textbox {
        width: calc(100% - 68px);
    }

    .wiki-container nav.wiki-top-menu a.wiki-top-menu-search-logo {
        width: calc(100% - 68px);
    }
}

@media (min-width: 759px) and (max-width: 1239px) {
    .wiki-container .wiki-layout-artist-info > article ul > li.share a {
        margin-right: 5px;
    }
}

@media (min-width: 759px) and (max-width: 999px) {
    .wiki-container nav.wiki-top-menu a.wiki-top-menu-auth {
        width: 68px;
    }
        .wiki-container nav.wiki-top-menu a.wiki-top-menu-auth b {
            display: none;
        }
    
}

@media (min-width: 480px) and (max-width: 759px) {
    .wiki-container-responsive {
        width: 480px;
    }
    .wiki-container nav.wiki-top-menu {
        width: 480px;
    }
    .wiki-top-menu-lang-wrapper {
        display: none;
    }

    .wiki-top-menu-user-menu-wrapper {
        display: none;
    }

    .wiki-top-menu-auth {
        display: none !important;
    }
    .wiki-top-menu-search {
        border-right: 1px solid #e7ebef !important;
    }
    .wiki-top-menu-search-textbox {
        width: calc(100% - 68px);
    }

    .wiki-container nav.wiki-top-menu a.wiki-top-menu-search-logo {
        width: calc(100% - 68px);
    }
}

@media (max-width: 480px) {

    .wiki-top-menu-lang-wrapper {
        display: none;
    }

    .wiki-top-menu-user-menu-wrapper {
        display: none;
    }

    .wiki-top-menu-auth {
        display: none !important;
    }

    .wiki-top-menu-search {
        border-right: 1px solid #e7ebef !important;
    }

    .wiki-top-menu-search-textbox {
        width: calc(100% - 68px);
    }

    .wiki-container nav.wiki-top-menu a.wiki-top-menu-search-logo {
        width: calc(100% - 68px);
    }

    .wiki-container .wiki-layout-artist-info > article ul > li.truncated-link a span {
        max-width: 175px;
    }
}

@media (max-width: 360px) {

    .wiki-top-menu-search-logo.en {
        background: url(/Content/wiki/img/logo-en.svg) center no-repeat;
        background-size: 116px 30.5px;
    }

    .wiki-top-menu-search-logo.zh {
        background: url(/Content/wiki/img/logo-zh.svg) center no-repeat;
        background-size: 116px 30.5px;
    }

    .wiki-top-menu-search-logo.ru {
        background: url(/Content/wiki/img/logo-ru.svg) center no-repeat;
        background-size: 116px 36.5px;
    }

    .wiki-top-menu-search-logo.uk {
        background: url(/Content/wiki/img/logo-uk.svg) center no-repeat;
        background-size: 116px 36.5px;
    }

    .wiki-top-menu-search-logo.fr {
        background: url(/Content/wiki/img/logo-fr.svg) center no-repeat;
        background-size: 116px 36.5px;
    }

    .wiki-top-menu-search-logo.de {
        background: url(/Content/wiki/img/logo-de.svg) center no-repeat;
        background-size: 116px 36.5px;
    }

    .wiki-top-menu-search-logo.es {
        background: url(/Content/wiki/img/logo-es.svg) center no-repeat;
        background-size: 116px 36.5px;
    }

    .wiki-top-menu-search-logo.pt {
        background: url(/Content/wiki/img/logo-pt.svg) center no-repeat;
        background-size: 116px 36.5px;
    }
}

@media (max-width: 400px) {
    .wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches a.wiki-layout-artist-info-tab-switch {
        padding: 0 10px;
    }
}

.wiki-container.tablet-menu-visible .wiki-left-menu {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 15px;
    display: block;
    /*border: 1px solid #eee;*/
    width: 270px;
    position: absolute;
    left: 20px;
    top: 0;
    background: #fff;
    margin-top: 0;
    z-index: 999;
    box-shadow: 0px 10px 25px 0 rgba(71, 82, 93, 0.3);
    min-height: 550px;
}

.wiki-container.tablet-menu-visible .wiki-left-menu li {
    list-style: none;
}


@media (min-width: 1240px) {
        .wiki-artistgallery-container > li {
            width: 280px;
        }

        .wiki-artistgallery-container > li:nth-child(3n+3) {
           margin-right: 0;
        }
        
        .wiki-artistgallery-container > li .image-wrapper {
            height: 195px;
        }
}
@media (min-width: 960px) and (max-width: 1239px) {
        .wiki-artistgallery-container > li {
            width: 220px;
        }
            .wiki-artistgallery-container > li:nth-child(3n+3) {
                margin-right: 0;
            }
            .wiki-artistgallery-container > li .image-wrapper {
                height: 175px;
            }
}
@media (min-width: 760px) and (max-width: 959px) { 
        .wiki-artistgallery-container > li {
            width: 220px;
        }
            .wiki-artistgallery-container > li .image-wrapper {
                height: 175px;
            }
}
@media (min-width: 460px) and (max-width: 759px) {
        .wiki-artistgallery-container > li {
            width: 200px;
        }
            .wiki-artistgallery-container > li:nth-child(2n+2) {
                margin-right: 0;
            }
            .wiki-artistgallery-container > li .image-wrapper {
                height: 165px;
            }
}

@media (max-width: 459px) {
        .wiki-artistgallery-container > li {
            width: 100%;
            margin-right:0;
        }
            .wiki-artistgallery-container > li .image-wrapper {
                height: 200px;
            }
}

@media (min-width: 1200px) {
    .dictionary-illustration-container .image-block-wrapper .image-wrapper {
        width: 420px;
        height: 320px;
    }
    .dictionary-illustration-container .image-block-wrapper .comment,
    .dictionary-illustration-container .image-block-wrapper .comment a {
        width: 420px;
    }
} 

@media (min-width: 960px) and (max-width: 1239px) {
        .dictionary-illustration-container .image-block-wrapper .image-wrapper {
            width: 330px;
            height: 330px;
        }
    .dictionary-illustration-container .image-block-wrapper .comment,
    .dictionary-illustration-container .image-block-wrapper .comment a {
        width: 330px;
    }
    }

@media (min-width: 760px) and (max-width: 959px) {
    .dictionary-illustration-container .image-block-wrapper .image-wrapper {
        width: 330px;
        height: 330px;
    }
    .dictionary-illustration-container .image-block-wrapper .comment,
    .dictionary-illustration-container .image-block-wrapper .comment a {
        width: 330px;
    }
}

@media (min-width: 460px) and (max-width: 759px) {
    .dictionary-illustration-container .image-block-wrapper {
    }
    .dictionary-illustration-container .image-block-wrapper .image-wrapper {
        width: 420px;
        height: 320px;
    }
        .dictionary-illustration-container .image-block-wrapper .comment,
        .dictionary-illustration-container .image-block-wrapper .comment a {
            width: 420px;
        }
}

@media (max-width: 459px) {
    .dictionary-illustration-container .image-block-wrapper {
        width: 100%;
    }

    .dictionary-illustration-container .image-block-wrapper .image-wrapper {
        width: 100%;
        height: 320px;
    }
        .dictionary-illustration-container .image-block-wrapper .comment,
        .dictionary-illustration-container .image-block-wrapper .comment a {
            width: 100%;
        }
}


@media (min-width: 1200px) {
    .dictionary-illustration-container .image-block-wrapper .image-wrapper {
        width: 420px;
        height: 320px;
    }
    .dictionary-illustration-container .image-block-wrapper .comment,
    .dictionary-illustration-container .image-block-wrapper .comment a {
        width: 420px;
    }
}

@media (min-width: 960px) and (max-width: 1239px) {
    .dictionary-illustration-container .image-block-wrapper .image-wrapper {
        width: 330px;
        height: 330px;
    }
    .dictionary-illustration-container .image-block-wrapper .comment,
    .dictionary-illustration-container .image-block-wrapper .comment a {
        width: 330px;
    }
}

@media (min-width: 760px)  {
    .view-dictionaries-container .dictionaries-list {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (min-width: 460px) and (max-width: 759px) {
    .view-dictionaries-container .dictionaries-list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .wiki-container .wiki-layout-main-page .popular-dictionaries.view-dictionaries-container .dictionaries-list,
    .wiki-container .wiki-layout-main-page .popular-artists.view-dictionaries-container .dictionaries-list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 459px) {
    .view-dictionaries-container .dictionaries-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .wiki-container .wiki-layout-main-page .popular-dictionaries.view-dictionaries-container .dictionaries-list,
    .wiki-container .wiki-layout-main-page .popular-artists.view-dictionaries-container .dictionaries-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

@media (max-width: 759px) {
    .artworks-by-dictionary-container .artworks-by-dictionary-menu div,
    .wiki-layout-main-page .artworks-by-dictionary-menu div,
    .previously-added-section .artworks-by-dictionary-menu div {
        padding: 30px 3px 8px 3px;
    }
}

@media (max-width: 759px) {
    .artist-menu-block-wrapper-expand {
        display: inline-block;
    } 
}

@media (min-width: 760px) {
    .wiki-container .btn-overlay-wrapper .btn-overlay-container.btn-overlay-container-prev,
    .wiki-container .btn-overlay-wrapper .btn-overlay-container.btn-overlay-container-next {
        display: none;
    }

    .wiki-container .btn-overlay-wrapper-artwork .btn-overlay-container-artwork.btn-overlay-container-artwork-prev,
    .wiki-container .btn-overlay-wrapper-artwork .btn-overlay-container-artwork.btn-overlay-container-artwork-next {
        display: none;
    }
}

@media (max-width: 759px) {
    .wiki-artwork-famous-carousel .prev,
    .wiki-artwork-famous-carousel .next,
    .wiki-layout-artists-related .prev,
    .wiki-layout-artists-related .next {
        display: none !important;
    }

    .wiki-container .wiki-layout-artists-related .wiki-section-header-wrapper {
        padding-right: 0;
    }

    .wiki-container .wiki-layout-artwork-info header {
        padding-right: 0;
    }

    .wiki-layout-artwork-info .wiki-breadcrumbs-btns {
        display: none;
    }
}

@media (min-width: 460px) {
    /*
    .wiki-container .btn-overlay-wrapper-artwork .btn-overlay-container-artwork.btn-overlay-container-artwork-next {
        left: -30px;
    }

    .wiki-container .btn-overlay-wrapper-artwork .btn-overlay-container-artwork.btn-overlay-container-artwork-prev {
        right: -30px;
    } */
}

@media (min-width: 1000px) and (max-width: 1239px) {
    .wiki-container section.wiki-layout-left-menu > main {
        max-width: calc(100% - 243px);
    }
}

@media (min-width: 1240px) {
    .wiki-container section.wiki-layout-left-menu > main {
        max-width: calc(100% - 293px);
    }
}

/*
@media (min-width: 759px) and (max-width: 999px) {
    .wiki-container .wiki-layout-artist-info > aside {
        max-width: 50%;
    }
} */

@media (max-width: 459px) {

    .album-edit-container .modal-dialog {
        width: 100%;
        max-width: initial;
    }

    .album-edit-container .modal-footer {
        height: 75px;
    }

    .album-edit-container .modal-footer .buttons-block {
        height: 30px;
        
        margin-top: -15px;
    }

        .album-edit-container .modal-footer .buttons-block .delete-album-button {
            height: 30px;
            line-height: 30px;
            font-size: 15px;
        }

        .album-edit-container .modal-footer .buttons-block .save-album-button {
            height: 30px;
            line-height: 30px;
            font-size: 15px;
            min-width: 50px;
        }

        .album-edit-container .modal-footer .buttons-block .cancel-button {
            height: 30px;
            line-height: 30px;
            font-size: 15px;
        }
    
    
            .album-edit-container .modal-footer .buttons-block .delete-album-button .desktop-text {
                display: none;
            }

            .album-edit-container .modal-footer .buttons-block .delete-album-button .mobile-text {
                display: inline;
                height: 30px;
            }

    .album-container .artist-menu .artist-menu-left .album-sharing-dropdown .album-sharing-dropdown-social-container {
        width: 230px;
    }

        .album-container .artist-menu .artist-menu-left .album-sharing-dropdown .album-sharing-dropdown-social-container .sharing-title {
            margin: 20px 10px 10px 15px;
        }

        .album-container .artist-menu .artist-menu-left .album-sharing-dropdown .album-sharing-dropdown-social-container .album-sharing-dropdown-social-list {
            padding: 0 10px 0 15px;
            margin: 0;
        }



}

@media (max-width: 1239px) {
    .albums-list-container .album-thumbnail-list .album-thumbnail-container {
        width: 220px;
        margin: 9px 9px 0 9px;
    }

        .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-image-block {
            width: 220px;
        }
    .albums-list-container .album-thumbnail-add-new {
        width: 220px;
        margin: 9px 9px 0 9px;
    }
}

@media (max-width: 999px) {
    .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-title-block .album-thumbnail-title {
        margin: 12px 0 0 10px;
        font-size: 16px;
    }
}

@media (min-width: 1000px) {

    .albums-list-container .album-thumbnail-list .album-thumbnail-container:hover .album-thumbnail-hover-container {
        display: block;
    }

    .albums-list-container .album-thumbnail-list .album-thumbnail-add-new:hover .album-thumbnail-hover-container {
        display: block;
    }

    .albums-list-container .album-thumbnail-list .album-thumbnail-container:hover .album-thumbnail-image-block > .album-thumbnail-edit-icon {
        display: block;
    }
            .albums-list-container .album-thumbnail-list .album-thumbnail-container:hover .album-thumbnail-image-block > .album-thumbnail-edit-icon:hover .album-edit-tooltip {
                display: block;
            }
}

@media (max-width: 759px) {
    .albums-list-container .album-thumbnail-list .album-thumbnail-container {
        width: 200px;
    }

        .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-image-block {
            width: 200px;
        }
    .albums-list-container .album-thumbnail-add-new {
        width: 200px;
    }

    .wiki-container .wiki-layout-artist-info > aside .wiki-layout-painting-info-bottom .text-info a.all-sizes {
        display: none;
    }
}


@media (max-width: 767px) {

    .view-thumnails-sizes-container .view-thumnails-sizes-item {
        display: block;
    }

        .view-thumnails-sizes-container .view-thumnails-sizes-item .image-container {
            width: auto;
        }

        .view-thumnails-sizes-container .view-thumnails-sizes-item .thumbnails-container {
            margin: 10px 0 0 0;
        }
}

@media (max-width: 479px) {
    .albums-list-container .album-thumbnail-list .album-thumbnail-container {
        width: 220px;
        margin: 10px auto;
    }

        .albums-list-container .album-thumbnail-list .album-thumbnail-container .album-thumbnail-image-block {
            width: 220px;
        }
    .albums-list-container .album-thumbnail-add-new {
        width: 220px;
        margin: 10px auto;
    }
}

/* text tabs Description, Wikipedia article, References, Provenance.... */
/* tuned to work for max 4 tabs */
@media(max-width: 759px) {
    .wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches a.wiki-layout-artist-info-tab-switch:nth-child(4) {
        display: none;
    }
    .wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches a.wiki-layout-artist-info-tab-switch:nth-child(3) {
        display: none;
    }
    /* show ... btn */
    .wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches.show-limiter a.wiki-layout-artist-info-tab-switch.limiter {
        display: block;
    }
}

@media(max-width: 420px) {
    .wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches a.wiki-layout-artist-info-tab-switch {
        font-size: 14px;
    }
    .wiki-container .wiki-layout-artist-info-wrapper .wiki-layout-artist-info-tab-switches.show-limiter a.wiki-layout-artist-info-tab-switch.limiter .toogle-panel {
        width: 150px;
    }
}
/* end text tabs */

/*Movie view page*/

@media(max-width: 759px) {
    .wiki-container .movie-section .movie-section__video-block {
        padding: 0;
    }

    .wiki-container .movie-section .movie-section__article .movie-section__article__main-info {
        flex-flow: column wrap;
    }
        .wiki-container .movie-section .movie-section__article .movie-section__article__main-info .movie-section__article__main-info__general {
            margin: 20px 0 0 0;
        }

        .wiki-container .movie-section .movie-section__article .movie-section__article__main-info .movie-section__article__main-info__general
         > ul > li.share {
            display: none;
        }

            .wiki-container .movie-section .movie-section__article .movie-section__article__main-info > ul.share-mobile {
                display: block;
                margin-top: 20px;
            }

        .wiki-container .movie-section .movie-section__article .movie-section__article__main-info .movie-section__article__main-info__synopsys {
            margin-top: 30px;
        }
}

@media(max-width: 359px) {
    .wiki-container .movie-section .movie-section__article {
        padding: 0;
    }
}

/*end of Movie view page*/

/*Best of the month*/

@media (min-width: 1240px) {
    .wiki-container .short-of-the-month-section.view-painting-section .main-info > aside {
        max-width: 730px;
    }

        .wiki-container .short-of-the-month-section.view-painting-section .main-info > aside .video-block__wrapper {
            width: 700px;
        }
}

@media (max-width: 1239px) {
    .wiki-container .short-of-the-month-section .main-info > aside {
        max-width: 460px;
    }

        .wiki-container .short-of-the-month-section .main-info > aside .video-block__wrapper {
            width: 430px;
        }

        .wiki-container .short-of-the-month-section .main-info > article .overflowing-container {
            max-height: 320px;
        }
}

@media(max-width: 999px) {
    
}

@media(max-width: 759px) {
    .wiki-container .short-of-the-month-section .main-info {
        flex-flow: column wrap;
    }

    .wiki-container .short-of-the-month-section .main-info > aside {
        max-width: 100%;
        padding: 20px 0 0 0;
    }

        .wiki-container .short-of-the-month-section .main-info > aside .video-block__wrapper {
            width: 440px;
        }
    .wiki-container .short-of-the-month-section .main-info > article {
        padding-left: 0;
    }

    .wiki-container .short-of-the-month-section .main-info > article .overflowing-container {
        max-height: 250px;
    }

}

@media(max-width: 479px) {
    .wiki-container .short-of-the-month-section .main-info > aside {
        max-width: 100%;
        width: 100%;
        padding: 20px 0 0 0;
    }

        .wiki-container .short-of-the-month-section .main-info > aside .video-block__wrapper {
            width: 100%;
        }

    .wiki-container .short-of-the-month-section .main-info > article .overflowing-container {
        max-height: 250px;
    }
}


@media (min-width: 1240px) {
    .wiki-artistgallery-container.wiki-movie-gallery-container > li {
        width: 280px;
    }
}

@media (min-width: 760px) and (max-width: 1239px) {
    .wiki-artistgallery-container.wiki-movie-gallery-container > li {
        width: 220px;
    }
}


@media (min-width: 480px) and (max-width: 759px) {
    .wiki-artistgallery-container.wiki-movie-gallery-container > li {
        width: 210px;
    }
}

@media (max-width: 479px) {
    .wiki-artistgallery-container.wiki-movie-gallery-container > li {
        width: 100%;
        margin-right: 0;
    }

        .wiki-artistgallery-container.wiki-movie-gallery-container > li .image-wrapper {
            height: 180px;
        }
}

/*end of Best of the month*/




















/*new footer*/




@media (min-width: 1240px) {
   
}

@media (min-width: 1000px) and (max-width: 1239px) {
    .wiki-container .wiki-footer .wiki-footer-responsive-wrapper ul.wiki-footer-column-links.artists {
        max-height: none;
    }
}

@media (min-width: 760px) and (max-width: 999px) {
    .wiki-container .wiki-footer .wiki-footer-responsive-wrapper {
        width: 66%;
    }
    .wiki-container .wiki-footer ul.wiki-footer-column-logo {
        width: 34%;
    }


    .wiki-container .wiki-footer .wiki-footer-responsive-wrapper ul.wiki-footer-column-links.artists {
        width: 50%;
        max-height: none;
    }

        .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper {
            width: 50%;
            flex-flow: column;
        }
            .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper {
                margin-top: 40px;
            }
            .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper ul.wiki-footer-column-links.artworks,
            .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper {
                width: 100%;
            }
}

@media (max-width: 759px) {
    .wiki-container .wiki-footer {
        display: flex;
        flex-flow: column;
        padding: 50px 12px 40px 12px;
        position: relative;
    }
        .wiki-container .wiki-footer ul.wiki-footer-column-logo {
            width: 100%;
            margin-right: 0;
        }
        .wiki-container .wiki-footer ul.wiki-footer-column-logo .form-subscribe {
            margin-top: 0;
        }
        .wiki-container .wiki-footer ul.wiki-footer-column-logo .logo-wrapper {
            display: none;
        }

        .wiki-container .wiki-footer .wiki-footer-responsive-wrapper {
            width: 100%;
        }
            .wiki-container .wiki-footer .wiki-footer-responsive-wrapper ul.wiki-footer-column-links.artists {
                width: 50%;
                max-height:none;
            }
            .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper {
                width: 50%;
                flex-flow: column;
            }
                .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper ul.wiki-footer-column-links.artworks {
                    width: 100%;
                }
                .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper {
                    width: 100%;
                    margin-top: 40px;
                }
               

        .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper .wiki-footer-column-links.about .social {
            display: block;
            margin-top:30px;
            padding-left: 0;
        }

            .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper .wiki-footer-column-links.about .social .share-icon-fb,
            .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper .wiki-footer-column-links.about .social .share-icon-twitter {
                display: inline-block;
                width: 50px;
                height: 50px;
                border-radius: 40px;
                
                text-align: center;
                line-height: 50px;
                padding: 0;
            }
            .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper .wiki-footer-column-links.about .social .share-icon-fb {
                background: rgb(41, 83, 150);
            }
            .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper .wiki-footer-column-links.about .social .share-icon-twitter {
                margin-left: 10px;
                background: rgb(94, 169, 221);
            }

                .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper .wiki-footer-column-links.about .social .share-icon-fb i,
                .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper .wiki-footer-responsive-about-wrapper .wiki-footer-column-links.about .social .share-icon-twitter i {
                    color: #fff;
                    font-size: 20px;
                }
}

@media (max-width: 459px) {
    .wiki-container .wiki-footer ul.wiki-footer-column-logo {
        margin-bottom: 0;
    }

    .wiki-container .wiki-footer .wiki-footer-responsive-wrapper {
        flex-flow: column;
    }
        .wiki-container .wiki-footer .wiki-footer-responsive-wrapper ul.wiki-footer-column-links.artists {
            width: 100%;
        }

    .wiki-container .wiki-footer.anonymous .wiki-footer-responsive-wrapper ul.wiki-footer-column-links.artists {
        margin-top: 50px;
    }

        .wiki-container .wiki-footer .wiki-footer-responsive-wrapper .wiki-footer-responsive-artworks-about-wrapper {
            width: 100%;
            margin-top: 40px;
        }
}

/* highlight top menu links */

.wiki-container nav.wiki-top-menu a:hover {
    /*background-color: #eee !important; */
} 

.btn,[role=button]{cursor:pointer}.btn,.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-success,.open>.dropdown-toggle.btn-warning{background-image:none}.btn,.btn-link{font-weight:400}.modal,.modal-backdrop{top:0;right:0;bottom:0;left:0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.btn-block,input[type=button].btn-block,input[type=submit].btn-block,input[type=reset].btn-block{width:100%}.collapsing,.modal,.modal-open{overflow:hidden}.btn{display:inline-block;margin-bottom:0;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success.active,.btn-success:active,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info.active,.btn-info:active,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-sm,.btn-xs{font-size:12px;line-height:1.5;border-radius:3px}.btn-sm{padding:5px 10px}.btn-xs{padding:1px 5px}.btn-block{display:block}.btn-block+.btn-block{margin-top:5px}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal{display:none;position:fixed;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.clearfix:after,.clearfix:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before{content:" ";display:table}.clearfix:after,.modal-footer:after,.modal-header:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.affix{position:fixed}