@font-face {
    font-family: 'type';
    src: url('/exhibits/polievktov/font/vtremingtonportable-webfont.eot');
    src: url('/exhibits/polievktov/font/vtremingtonportable-webfont.eot?#iefix') format('embedded-opentype'),
         url('/exhibits/polievktov/font/vtremingtonportable-webfont.woff') format('woff'),
         url('/exhibits/polievktov/font/vtremingtonportable-webfont.ttf') format('truetype'),
         url('/exhibits/polievktov/font/vtremingtonportable-webfont.svg#vtportableremingtonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AquilineRegular';
    src: url('/exhibits/polievktov/font/Aquiline-webfont.eot');
    src: url('/exhibits/polievktov/font/Aquiline-webfont.eot?#iefix') format('embedded-opentype'),
         url('/exhibits/polievktov/font/Aquiline-webfont.woff') format('woff'),
         url('/exhibits/polievktov/font/Aquiline-webfont.ttf') format('truetype'),
         url('/exhibits/polievktov/font/Aquiline-webfont.svg#AquilineRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AquilineTwoRegular';
    src: url('/exhibits/polievktov/font/AquilineTwo-webfont.eot');
    src: url('/exhibits/polievktov/font/AquilineTwo-webfont.eot?#iefix') format('embedded-opentype'),
         url('/exhibits/polievktov/font/AquilineTwo-webfont.woff') format('woff'),
         url('/exhibits/polievktov/font/AquilineTwo-webfont.ttf') format('truetype'),
         url('/exhibits/polievktov/font/AquilineTwo-webfont.svg#AquilineTwoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face{ font-family: 'icons'; 
    src: url('/exhibits/polievktov/font/websymbols-regular-webfont.eot'); 
    src: url('/exhibits/polievktov/font/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), 
        url('/exhibits/polievktov/font/websymbols-regular-webfont.woff') format('woff'), 
        url('/exhibits/polievktov/font/websymbols-regular-webfont.ttf') format('truetype'), 
        url('/exhibits/polievktov/font/websymbols-regular-webfont.svg#webfont') format('svg'); }

p {
    margin-bottom: 1.12em;
}

p.small {
    font-size:11px;
}

a {
    color:#A93232;
}

a:visited {
    color:#A93232;
}

a:hover {
    color:#445E8C;
    text-decoration: underline;
}



p.translation {
    color:#A93232;
    font-family: "type", Arial;
}

.row {
	width:auto;
}

.reveal-modal {
	width:auto;
}

.info {
	margin-bottom: 0;
}

.image .row .columns {
    padding:0 5px;
}

#header {
    z-index: 50;
}

#header h1 {
    font-family: "type", Arial;
    font-size:32px;
    font-weight: normal;
    background:url(../images/title.png) no-repeat top right;
    margin:0;
    width:525px;
    height:148px;
    position: absolute;
    padding:15px 0 0 30px;
    z-index: 20;
    color:#353E27;
}

#header h1 span {
    display:block;
    padding-left:200px;
}

#header h1 span.sub {
    color:#422020;
    font-size:17px;
    padding-left:250px;
    margin-top:-0;
}

#banner {
    height:190px;
    background:url(../images/banner.3.png) no-repeat;
    margin:0 0 -0 0;
    z-index: 5;
    position:absolute;
    top: 96px;
    width: 100%
}

.copy h2 {
    color: #422020;
    font-family: "AquilineTwoRegular",Arial;
    font-size: 23px;
    font-weight: normal;
    margin-bottom: 1.5em;
}

#header h2 {
	font-family: "AquilineTwoRegular", Arial;
	font-weight: normal;
    z-index: 6;
    background:url(../images/subhead.png) no-repeat;
    font-size:23px;
    position: absolute;
    left:550px;
    top:-26px;
    width:421px;
    height:175px;
    line-height: 34px;
    margin:0;
    padding:17px 47px 0 39px;
    color:#422020;
    text-align: right;
}

#header h3 {
    font-family: "type", Arial;
    font-weight: normal;
    font-size:12px;
    position: absolute;
    left:30px;
    top:80px;
    margin:0;
    z-index: 400;
    text-indent: -20px;
}

#header h2 span {
    display: inline-block;
}

body {
	background:url(../images/bg.jpg);
    
}

#content {
    background:url(../images/paperw.jpg);
    margin:212px 25px 25px 25px;
    z-index: 2;
    padding-bottom: 1em;
    max-width:940px;
    -webkit-box-shadow:2px 2px 4px 0px rgba(33, 33, 33, .6);
    box-shadow:2px 2px 4px 0px rgba(33, 33, 33, .6); 
}

#nav {
    background: url(../images/nav.png) no-repeat right bottom;
    padding:70px 45px 60px 20px;
    margin-left: -25px;
    /*width:22%;*/
}

#nav ul, #nav li {
    list-style: none;
}

#nav li {
    font-family: "type", Arial;
    margin-bottom: 1.12em;
    text-indent: -1em;
    margin-left: 1em;
}

#nav li.active {
    font-size:16px;
    font-weight: bold;
}

#cabinet {
    padding-top:55px;
    /*width:78%;*/
}

#cabinet h1 {
    font-family: "AquilineTwoRegular", Arial;
    color:#445E8C;
    font-weight: normal;
    line-height: 1em;
    margin-top:.5em;
    margin-bottom: 1.42em;
}

#cabinet .item:first-child {
    padding-top:20px;
}

#cabinet .copy {
    background:url(../images/paperg.jpg) ;
    padding-top:15px;
    -webkit-box-shadow:2px 2px 4px 0px rgba(33, 33, 33, .6);
    box-shadow:2px 2px 4px 0px rgba(33, 33, 33, .6); 
    
}

#cabinet .copy.nine {
    width:72%;  
}

#cabinet hr {
    border:none;
    background:url(../images/hr.2.png) no-repeat center top;
    height:6px;
    height:28px;
    width:100%;
    margin:2.8em 0;
}

#cabinet .image {

}

#cabinet .image.three {
    
    width:28%;
}

.image img {
    -webkit-box-shadow:2px 2px 4px 0px rgba(33, 33, 33, .8);
    box-shadow:2px 2px 4px 0px rgba(33, 33, 33, .8); 
    padding:3px;
    background: url(../images/flowers.jpg);
    width:100%;
    margin-bottom: .5em;
}

.image p, .image li {
    font-family: "type";
    text-align: center;
}

.reveal-modal {
    background: url(../images/flowers.jpg);
    padding-bottom: 20px;
}

.reveal-modal h2, .reveal-modal h3 {
    font-family: "AquilineTwoRegular", Arial;
    color:#353E27;
    font-weight: normal;
    line-height: 1em;
    margin-top:.5em;
    margin-bottom: 1.42em;
    font-size:26px;
}

.reveal-modal h3 {
    font-size: 20px;
}

.reveal-modal.copy {
     background:url(../images/paperg.jpg) ;
}

.reveal-modal.copy .matte {
    background:url(../images/paperg.l.jpg) ;
    padding:10px 10px ;
}

.reveal-modal.translation {
    background:url(../images/papery.jpg);
}

.reveal-modal.translation .matte {
    background:url(../images/papery.l.png);
    padding:10px 10px ;
}

.reveal-modal img {
    margin-bottom:10px;
    -webkit-box-shadow:2px 2px 4px 0px rgba(33, 33, 33, .8);
    box-shadow:2px 2px 4px 0px rgba(33, 33, 33, .8); 
    -moz-transform:rotate(-.3deg);
    -webkit-transform:rotate(-.3deg);
    transform:rotate(-.3deg);
    -webkit-backface-visibility:hidden;
}

.reveal-modal .close-reveal-modal {
    color:#A93232;
}

.captions {
    background:url(../images/papery.jpg);
    padding:10px;
    -webkit-box-shadow:2px 2px 4px 0px rgba(33, 33, 33, .8);
    box-shadow:2px 2px 4px 0px rgba(33, 33, 33, .8); 
    /*-moz-transform:rotate(.8deg);
    -webkit-transform:rotate(.8deg);
    transform:rotate(.8deg);
    -webkit-backface-visibility:hidden;*/
    max-width: 500px;
}

.ten .captions, .eleven .captions, .twelve .captions {
    margin:0 auto;
}

#cabinet .captions {
    /*-moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);*/
}

.captions p {
    font-family: "type", Arial;

}

.captions p:last-child {
    margin-bottom:0;
}

.nav {
    display: none;
}

.clearing-assembled {
  margin-bottom: 1.12em;
}

.exhibit {
    width:95%;
    padding:8px 0 0 8px;
    background:url(../images/flowers.jpg);
    -webkit-box-shadow:2px 2px 4px 0px rgba(33, 33, 33, .8);
    box-shadow:2px 2px 4px 0px rgba(33, 33, 33, .8); 
    margin-bottom: 1.12em;
}

.clearing-blackout .exhibit {
    padding:0;
    -webkit-box-shadow:none;
    box-shadow:none; 
    background: none;
    width:;
}

.clearing-blackout .block-grid.five-up > li:nth-child(5n+1) {
    clear:none;
}

.clearing-assembled .clearing-container ul[data-clearing] li.visible {
    border-color:#A93232;
    border-bottom: 4px solid #A93232;
}

.block-grid.five-up {
    margin:0;
}

.block-grid.five-up > li {
    padding-left: 0;
    
}

.block-grid.five-up img {
    -webkit-box-shadow:2px 2px 2px 0px rgba(33, 33, 33, .8);
    box-shadow:2px 2px 2px 0px rgba(33, 33, 33, .8); 
    background: #333;
}

#footer {
    background:url(../images/paperg.jpg);
    max-width: 940px;
    margin:20px 25px;
    padding:10px;
    -webkit-box-shadow:2px 2px 4px 0px rgba(33, 33, 33, .6);
        box-shadow:2px 2px 4px 0px rgba(33, 33, 33, .6); 
}

#footer p {
    font-size:11px;
    margin-bottom: 0;
}

.row .twelve.copy {
    margin-right: 15px;
    width:auto;
}

.more {
    display:none;
}

@media only screen and (max-width: 1025px) {
    #content {
        margin-top:125px;
    }

    #nav li, #nav li.active {
        font-size: 12px;
    }

    #nav {
        padding-top:50px;
    }

    #header h1 {
        font-size:26px;
        padding:15px 0 0 20px;
        width:460px;
        height:105px;
        background-position: bottom right;
    }

    #header h2 {
        background:url(../images/flowers.jpg);
        left:20px;
        top:83px;
        padding:10px;
        text-align: left;
        font-size: 23px;
        width:85%;
        height: auto;
        -webkit-box-shadow:2px 2px 4px 0px rgba(33, 33, 33, .6);
        box-shadow:2px 2px 4px 0px rgba(33, 33, 33, .6); 
    }

    #header h2 em {
        background:#E3E5E2;
        display: inline-block;
        padding:0 15px 20px;
    }

    #header h2 span {
        display: inline;
    }
    #nav ul {
        display:none;
    }
    #banner {
        top:-34px;
    }

    #nav {
        position: absolute;
        z-index: 5;
        width:30%;
        left:50px;
        padding-bottom:40px;
    }
    #cabinet {
        width:100%;
        padding-left: 30px;
        padding-top:65px;
    }

    .nav {
        
        
        display: block;
    }
    .nav span {
        font-family: "icons";
        font-size:18px;
    }
}

@media only screen and (max-width: 930px) {
    #content {margin-top:159px;}
    #nav {padding-top:45px;padding-bottom:50px;    }
}

@media only screen and (max-width: 767px) {
    #content {
        background:url(../images/paperw.jpg);
        margin:80px 5px 25px 5px;
    }   
    #nav {
         background: url(../images/m.nav.png) no-repeat left bottom;
         margin:0;
         padding-bottom: 0;
         left:0;
    }
    #header h1 {
        width:100%;
        left:0;
        padding:5% 0 0 3%;
        font-size: 22px;
        height:104px;
        background-position: bottom center;
    }
    #header h1 span {
        padding-left:150px ;
    }
     #header h1 span.sub {
        padding-left: 130px;
     }
    #header h3 {
        display: none;
    }
    #nav {
        padding:25px 20px 20px 20px;
        position: relative;
        width:100%;
    }

    #nav ul {
        display:none;
    }
    #cabinet {
        padding-top:0;
        padding-left:15px;
    }
    #cabinet h1 {
        font-size:24px;
    }
    .nav {
        
        
        float: right;
    }
    .nav span {
        font-size:18px;
        font-family: "icons";
    }

    #cabinet  hr {
        width:100%;
    }

     #cabinet .item hr {
        margin: 2.8em 15px;
        width:90%;
    }

    .exhibit {
        width:100%;
        -webkit-box-shadow:none;
        box-shadow:none; 
    }
    .reveal-modal.copy, #cabinet .copy {
     background:url(../images/paperg.m.png) ;
    }
    #content {
    background:url(../images/paperw.m.png);
    }  

}

@media only screen and (max-width: 325px) {
    #header h1 span {
        padding-left:0 ;
    }
}

.orbit {
    overflow: visible;
}

.orbit-wrapper {
  .slider-nav span { @include opacity(0); @include single-transition(opacity, 400ms); }
  &:hover .slider-nav span { @include opacity(1); }
}

/* CSS */
.orbit-wrapper .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; }
.orbit-wrapper:hover .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }