/* HOVER & FOCUS colors */
 footer .subscribe input[type="email"]:focus,footer .subscribe input[type="text"]:focus {
     -webkit-box-shadow: 0 0 25px var(--empires);
             box-shadow: 0 0 25px var(--empires);
}
 footer a:hover, .btn:hover, footer .subscribe input[type="submit"]:hover, footer .subscribe input[type="submit"], .modal-close:hover,.menu a:hover > span, .burger label.burger-toggle:hover, .btn.cta, input[type="submit"] {
     background: var(--empires);
     color:white;
     border-color: transparent;
}
 .fullscreen {
     background: var(--empires);
}
 h1 strong {
     color: var(--empires);
}
 input[type="text"],input[type="email"], input[type="tel"] {
     border-left: 0rem solid var(--empires);
     transition: all 0.2s ease;
}
 input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus {
     border-left: 1rem solid var(--empires);
     transition: all 0.2s ease;
}
 input[type="submit"]:focus, input[type="submit"] {
     border:0;
}
 textarea:focus {
     border-right: 1rem solid var(--empires);
}
 .burger label.burger-toggle:hover > span {
     background: white;
}
 body:not(.menu-on) .sticky .burger label.burger-toggle:hover .burger-line {
     background: white;
}
 body:not(.menu-on) .search input[type="Text"]:focus + input[type="submit"], body:not(.menu-on) .search input[type="Text"]:hover + input[type="submit"] {
     background-image: url(../img/search-white.png);
     background-color: var(--empires);
}
 body:not(.menu-on) .search input[type="Text"]:focus + input[type="submit"] {
     border-radius: 0;
}
 body:not(.menu-on) .sticky .menu a:hover {
     background: var(--empires);
     color: var(--cta-white);
}
 input, textarea {
     outline-color: var(--empires);
}
 body .main-bg {
     background-image: url(../img/empires-bg.jpg);
     background-color: #20140e;
     opacity: 1;
     background-size: 1100px;
}
 body {
     background: #20140e url(../img/empires-bottom-bg.jpg) center bottom / contain no-repeat;
}
 .exhibit {
     color: var(--empires);
}
 .modal-window .exhibit-number {
     color: var(--empires);
}
 blockqoute {
     color: var(--empires);
}
 blockqoute::before {
     color: var(--empires);
}
 body:not(.menu-on) .sticky .logo {
     background: var(--empires) url(../img/logo2-white.svg);
}
 body:not(.menu-on) .sticky ul {
     box-shadow: 0px 0px 85px var(--empires);
}
 .accordion label {
     color: var(--empires);
}
 ::-webkit-scrollbar-thumb {
     background: var(--empires);
}
 @media screen and (max-width:450px) {
     div:not(.more-modal) .exhibit {
         top:37rem;
    }
     .half.right div.main .exhibit, .half div.sub-right .exhibit {
         top: -11rem;
         right: 0.5rem;
    }
}
 @media screen and (min-width:451px) and (max-width:750px) {
     .half.right div.main .exhibit, .half div.sub-right .exhibit {
         top: -8rem;
         right: 0.5rem;
    }
}
  body .main-bg {
     background-size: 1400px;
     background-position: center top;
}
 .half h2 {
     font-size: 1.8rem;
     margin-top: 1rem;
     hyphens: auto;
     max-width: 90vw;
}
 .half h1 strong {
     font-size: 5rem;
     word-break: keep-all;
}
 @media screen and (min-width:451px) and (max-width:560px) {
     .half h2 {
         margin-top: 1rem;
         hyphens: auto;
         max-width: 90vw;
    }
     .half h1 strong {
         font-size: 5rem;
         word-break: keep-all;
    }
     .half.right > div {
         background: transparent;
    }
}
 @media screen and (min-width: 561px) {
     .half h2 {
         font-size: 1.8rem;
         margin-top: 1rem;
         hyphens: auto;
         max-width: 90vw;
    }
     .half h1 strong {
         font-size: 5rem;
         word-break: keep-all;
    }
}
 @media screen and (min-width: 561px) and (max-width:1000px) {
     .half h2 {
         font-size: 1.8rem;
         margin-top: 1rem;
         hyphens: auto;
         max-width: 90vw;
    }
     .half h1 strong {
         font-size: 5rem;
         word-break: keep-all;
    }
}
 .half:nth-of-type(1)::before {
     background: url(../img/empires-bg1.jpg) center left / 100% no-repeat;
     position: absolute;
     width: 50rem;
     height: 70rem;
     content:"";
     z-index: -3;
     opacity: 0.5;
     margin-top: 4rem;
     margin-left: -18rem;
}
 .half:nth-of-type(2)::before {
     background: url(../img/spanish-bg.jpg) center left / 100% no-repeat;
     position: absolute;
     width: 40rem;
     height: 70rem;
     content:"";
     z-index: -3;
     opacity: 0.5;
     margin-top: 5rem;
     width: 100rem;
     margin-left: -70vw;
}
 @media screen and (max-width:450px) {
     .half:nth-of-type(1)::before {
         margin-top: 35rem;
         margin-left: -35vw;
    }
     .half:nth-of-type(2)::before {
         margin-top: 35rem;
         width: 100rem;
         margin-left: -90vw;
    }
     .half h2 {
         margin-left: -2rem;
    }
}
 @media screen and (min-width:451px) and (max-width:560px) {
     .half:nth-of-type(1)::before {
         margin-top: 25rem;
         margin-left: -55vw;
    }
     .half:nth-of-type(2)::before {
         margin-top: 23rem;
         width: 100rem;
         margin-left: -90vw;
    }
}
 @media screen and (min-width:561px) and (max-width:750px) {
     .half:nth-of-type(1)::before {
         margin-top: 40rem;
         margin-left: -15rem;
    }
     .half:nth-of-type(2)::before {
         margin-top: 35rem;
         width: 100rem;
         margin-left: -70vw;
    }
}
 @media screen and (min-width:900px) {
     .half:nth-of-type(2)::before {
         margin-top: 5rem;
         width: 100rem;
         margin-left: -70vw;
    } body .main-bg {
         background-size: 1400px;
    }
}
 @media screen and (min-width:1200px) {
     .half:nth-of-type(1)::before {
         margin-top: 5rem;
         width: 70rem;
         margin-left: -25rem;
    }
     .half:nth-of-type(2)::before {
         margin-top: 5rem;
         width: 100rem;
         margin-left: -40rem;
    } body .main-bg {
         background-size: 1700px;
    }
     .half h2 {
         margin-left: 0;
    }
}

 

.russian figure {
    margin-top: -5rem;
}
@media screen and (max-width: 450px) {
    .mongol .exhibit {
        transform: translateY(11rem);
    }
    .russian .exhibit {
        transform: translateY(5rem);
    }
    .spanish .exhibit {
        transform: translateY(9rem);
    }
    .half.right div.main.british .half-img img {
        top: -60rem;
    }
    .half.right div.main.russian .half-img img {
        top: -60rem;
    }
    .half.right div.main.qing .half-img img {
        top: -60rem;
    }
}

main .opens-modal {
    border: 0.1rem solid var(--empires);
}