@import "common.css";
@import "tables.css";

/* Design */
#supersized { position: fixed; left: 0; top: 0; overflow: hidden; z-index:-999; height: 100%; width: 100%; }
#supersized img{ height: auto; width: auto; position: relative; outline: none; border: none; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }

.main-wrap { background: url(/images/head-bg.gif) repeat-x left top; min-height: 100%; overflow: hidden; position: relative; }/**/

/*background: url(/images/body.jpg) no-repeat center top; background-size: cover; background-attachment: fixed;*/


.center-wrap { width: 980px; margin: 0 auto 0 auto; }

.main-col-wrap { width: 980px; height: 790px; overflow: hidden; position: relative; }

.main-col1 { width: 490px; position: absolute; left: 0; }
.main-col1 .top { background: url(/images/bg1.png) repeat-x left top; padding-top: 40px; }
.main-col1 .middle { background: url(/images/bg3.png); height: 655px; padding: 10px 20px 10px 30px; }
.main-col1 .bottom { background: url(/images/bg2.png) repeat-x left bottom; padding-bottom: 40px; }
.main-col1 .middle img { margin-right: 15px; }

.main-col2 { width: 502px; height: 790px; position: absolute; right: 0; background: url(/images/main-paper-bg.png) no-repeat; }
.main-col2 .middle { padding: 110px 0 0 80px; }
.main-col2-title { width: 330px; margin-bottom: 20px; text-align: center; }
.main-col2 h1 { font-size: 16px; left: 21px; color: #000; text-transform: uppercase; padding: 0; margin: 0; }
.main-scroll-area { width: 370px; height: 520px; overflow: auto; font-size: 14px; line-height: 19px; }

.default-col { width: 980px; margin: 0 auto 0 auto; position: relative; }
.default-col .top { background: url(/images/default-paper-top.png) no-repeat center top; width: 100%; height: 228px; position: absolute; left: 7px; top: -35px; }
.default-col .middle { background: url(/images/default-paper-bg.jpg) repeat-y center top; padding: 150px 0 130px 0; }
.default-col .bottom { background: url(/images/default-paper-bottom.png) no-repeat 5px top; width: 100%; height: 175px; position: absolute; bottom: -25px; }

.col1 { width: 550px; float: left; }
.col2 { width: 230px; float: right; }

/* Header */
.header { height: 130px; position: relative; }
.header-face { position: absolute; top: 22px; left: -95px; }
.header-text { position: absolute; top: 15px; left: 0; }
.block-right { position: absolute; top: 15px; right: 0; }
.header-split { display: none; }

.lang {
    width: 100%;
    margin-bottom: 5px;
    text-align: right;
}

.lang a{
    margin-left: 10px;
    font-size: 14px;
    color: #E3D7C7;
    display: inline-block;
    text-decoration: none;
}

.lang a:hover,
.lang a.selected{
    color: #A39077;
}

.lang a:first-child{
    margin: 0;
}

/* Footer */
.footer { position: absolute; bottom: 0; width: 100%; height: 44px; background: url(/images/footer-bg.gif) repeat-x left top; }
.footer-split { height: 130px; clear: both; }
.footer-center { width: 980px; height: 100%; margin: 0 auto 0 auto; }
.footer * { color: #e8d7bb; font-size: 12px; line-height: 17px; }
.footer a:hover { color: #c6b79c; }

.copyright, .pantera, .date-update, .feedback { margin-top: 15px; text-shadow: 0px -1px 0px #2f2b29; }
.copyright { float: left; margin-right: 20px; }
.pantera {  float: left; }
.feedback { float: left; margin-right: 110px; }
.date-update { float: right; }

/* Header Search */
.header-search-label { font-size: 12px; line-height: 17px; color: #e8d7bb; margin-bottom: 5px; text-shadow: 0px -1px 0px #2f2b29; }
.header-search-input { width: 280px; height: 33px; background: url(/images/input-search.png) no-repeat; float: left; margin-right: 5px; }
.header-search-input input { width: 160px; font-size: 12px; padding: 0; color: #000; border: 0; background-color: transparent; margin: 10px 0 0 5px; float: left; outline: none; }
.header-search-select { width: 105px; float: right; padding: 0 0 0 5px; margin: 6px 8px 0 0; background: url(/images/selectbox-split.gif) no-repeat left center; }
.header-search-select select { width: inherit; border: 0; }
.header-search-button { width: 95px; height: 33px; background: url(/images/buttons-search.png) no-repeat left top; border: 0; padding: 0; color: #000; font-size: 12px; float: left; text-transform: capitalize; cursor: pointer; }

/* Menu Top */
.menu-top { height: 50px; margin-bottom: 80px; }
.menu-top a { padding: 5px 10px; font-size: 12px; line-height: 50px; text-decoration: none; text-transform: uppercase; color: #272322; margin-right: 20px; }
.menu-top a:hover, .menu-top a.selected { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.menu-top a:hover {  background: #e9d7ba; }
.menu-top a.selected { background: #fff5e4; }

.menu-top .feedback{
    padding: 0;
    margin: 0;
    display: inline-block;
    float: none;
}

.menu-top .feedback img{
    display: inline-block;
    vertical-align: middle;
}

.menu-top .feedback:hover{
    background: transparent;
}
/* Menu Right */
.menu-right { float: right; width: 130px; border: 1px solid #ae956d; padding: 15px 30px 15px 40px; position: relative; }
.menu-right a { text-decoration: none; }
.menu-right a:hover { text-decoration: underline; color: #5b544c; }
.menu-right a.selected { font-weight: bold; text-decoration: none; color: #5b544c; }

.menu-right .item { margin: 15px 0 15px 0; }
.menu-right .item, .menu-right .item a { font-size: 16px; line-height: 19px; color: #272322; text-transform: uppercase; }
.menu-right .subitem { margin: 0 0 5px 15px; }
.menu-right .subitem a { font-size: 14px; line-height: 19px; }
.menu-right .subitem a.selected { margin-left: -10px; background: #ae956d; padding: 5px 10px; color: #e8d7bb; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }

.menu-right span.tl, .menu-right span.tr, .menu-right span.bl, .menu-right span.br { position: absolute; width: 35px; height: 38px; background: url(/images/ornament.png) no-repeat; }
.menu-right span.tl { left: -18px; top: -19px; }
.menu-right span.tr { right: -18px; top: -19px; }
.menu-right span.bl { left: -18px; bottom: -19px; }
.menu-right span.br { right: -18px; bottom: -19px; }

/* Content */
.default-content { padding: 5px 90px 60px 90px; color: #272322; }

.default-content ul, .default-content ol { padding: 0; margin: 20px 0 20px 30px; }
.default-content li { color: inherit; }

.content-list-item { margin-bottom: 15px; clear: both; padding-bottom: 15px; border-bottom: 1px solid #ae956d; }
.content-list-item .date { color: #272322; font-size: 14px; line-height: 14px; margin-bottom: 10px; }
.content-list-item .title { margin-bottom: 10px; }
.content-list-item .title a { font-size: 16px; line-height: 21px; color: #5d503a; text-transform: uppercase; }
.content-list-item .title a:hover { color: #272322 !important; }
.content-list-item .description { font-size: 14px; line-height: 19px; color: #272322; }

.content-title { font-size: 16px; line-height: 21px; color: #272322; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; }
.content-date { color: #272322; font-size: 14px; line-height: 14px; margin-bottom: 5px; }

.content-share { margin-bottom: 10px; }

.article-body ul, .article-body ol { padding: 0; margin: 25px 0 25px 30px; }
.article-body li { padding: 0; margin: 0 0 8px 0; }

.line1 { height: 1px; font-size: 0; line-height: 0; padding: 0; clear: both; margin: 15px 0 15px 0; background: #ae956d; }

/* Borders */
.border-2px { -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
.border-3px { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.border-4px { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.border-6px { -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; }
.border-8px { -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; }

/* Publications */
.book-list-item { width: 240px; height: 90px; float: left; margin: 0 15px 30px 0; padding: 5px; }
.book-list-item:hover { background: url(/images/white-bg.png); }
.book-list-item a { color: #6b5c43; text-decoration: none; }
.book-list-item a:hover { color: #272322; }
.book-list-item .icon { width: 60px; margin-right: 10px; float: left; }
.book-list-item .description { width: 170px; height: 90px; font-size: 14px; display: table-cell; vertical-align: middle; }
.book-list-item .description div { text-decoration: underline; color: #6b5c43; line-height: 17px; margin-bottom: 3px; }
.book-list-item .description span { color: #272322; }

.publication-related-books { margin-top: 30px; } 

.book-info { margin: 20px 0 35px 0; }
.book-info .icon { float: left; width: 230px; }
.book-info .description { float: left; padding-top: 15px; }
.book-info .description div { margin-bottom: 15px; font-size: 14px; line-height: 19px; }

.chapter-section { margin-bottom: 30px; }
.chapter-title { font-size: 14px; line-height: 15px; color: #000; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; }
.chapter-description { font-size: 14px; line-height: 19px; font-style: italic; padding-top: 5px; text-transform: none; }

.book-publications-title { margin-bottom: 30px; }

.publications-list { width: 520px; }

.publication-item { clear: both; margin-bottom: 5px; overflow: auto; }
.publication-item div.date { width: 10%; float: left; font-size: 14px; line-height: 19px; }
.publication-item div.title { width: 90%; float: left; background: url(/images/ln1.gif) repeat-x left bottom; padding-bottom: 5px; }
.publication-item a { text-decoration: none; color: #272322; display: block; background: url(/images/blank-icon.gif) no-repeat right center; padding-right: 15px; }
.publication-item a:hover { text-decoration: underline; color: #5b544c; }

.publications-section { margin-bottom: 35px; }
.publications-section .more { margin-top: 15px; }
.publications-section .more a { color: #6b5c43; }
.publications-section .more a:hover { color: #272322; }
.publications-section .more span { text-transform: lowercase; }

.publications-filter { margin-bottom: 20px; }
.publications-filter a { font-size: 18px; line-height: 23px; color: #6b5c43; margin-right: 10px; display: inline-block; }
.publications-filter a:hover { color: #272322; }
.publications-filter a.selected { background: #ae956d; padding: 3px 5px; color: #e8d7bb; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-decoration: none; }

.publication-year { font-size: 16px; line-height: 16px; color: #272322; }
.publication-year-in { font-size: 14px; line-height: 14px; color: #272322; margin-bottom: 15px; }
/*.publication-share { width: 215px; overflow: hidden; margin: 25px 0 5px 0; padding: 7px; background: #ae956d; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }*/

.publication-share { clear: both; margin-top: 30px; }

.publication-embed { width: 100%; height: 700px; border: 2px solid #ae956d; }

a.button-file { background: #ae956d; color: #fff; text-decoration: none; line-height: 20px; padding: 5px 15px 5px 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
a.button-file:hover { background: #c8ab7d; }

.selectbox { width: 120px; }

/* Books List */
.block-books { padding-top: 20px; }
.block-books .split { clear: both; float: none; height: 15px; }
.block-books .book-list-item { float: left; width: 50%; height: auto; margin: 0; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.block-books .book-list-item .icon { width: 100%; margin: 0 0 10px 0; float: none; text-align: center; }
.block-books .book-list-item img { margin: 0; }
.block-books .book-list-item .description { width: 100%; height: auto; display: inline-block; text-align: center; }

.block-books-link { text-align: center; border-top: 1px solid #ae956d; margin-top: 15px; padding-top: 15px; }
.block-books-link a { font-size: 14px; line-height: 14px; color: #272322; text-transform: uppercase; }

.line-dotted { height: 1px; font-size: 0; margin: 15px 0; clear: both; background: url(/images/ln2.gif) repeat-x 0 0; }

.book-publication-left { width: 70%; float: left; }
.book-publication-right { width: 30%; float: right; }

.publication-navigate { background: url(/images/ln2.gif) repeat-x 0 0; padding-top: 15px; }
.publication-navigate a { display: inline-block; font-size: 14px; line-height: 19px; color: #000; text-transform: uppercase; }
.publication-navigate div { float: left; font-size: 14px; }
.publication-navigate .prev { text-align: left; }
.publication-navigate .next { text-align: right; }
.publication-navigate .page { width: 40%; text-align: center; font-weight: bold; }

.publication-navigate.two-columns div { width: 50%; }
.publication-navigate.three-columns .prev, .publication-navigate.three-columns .next { width: 30%; }

.book-navigate { padding-top: 30px; }
.book-navigate .current { float: left; padding-left: 30px; border-left: 1px solid #ae956d; height: 90px; }
.book-navigate .current a { display: inline-block; font-weight: bold; text-transform: uppercase; margin-top: 32px; }

.news-menu .left { float: left; }
.news-menu .right { float: right; }

/* Mobile elements */
.header-logo, .menu-toggle { display: none; }

/*photos*/
.block-photos{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.block-photos .photo-list-item{
    width: 32%;
    margin: 0 2% 2% 0;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.block-photos .photo-list-item:nth-child(3n+3){
    margin: 0 0 2% 0;
}

.block-photos .photo-list-item img{
    max-width: 100%;
}

/* feedback */
.form-feedback{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
}

.form-feedback .form-bg{
    width: 100%;
    height: 100%;
    background: #3E3630;
    opacity: 0.3;
}

#frmFeedback{
    width: 400px;
    height: 510px;
    padding: 50px;
    margin: auto;
    background: #EFDEC0;
    box-shadow: 5px 10px 20px rgba(54, 30, 13, 0.55);
    border-radius: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    box-sizing: border-box;
}

#frmFeedback .close{
    width: 20px;
    height: 20px;
    background: url("/images/ico-close.svg") no-repeat top left;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    cursor: pointer;
}

#frmFeedback .form-title{
    margin-bottom: 5px;
    font-size: 24px;
    text-align: center;
}

#frmFeedback .form-description{
    margin-bottom: 15px;
    font-size: 16px;
    text-align: center;
    color: #9B8E84;
}

#frmFeedback .form-field{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    position: relative;
}

#frmFeedback .form-field label{
    width: 100%;
    height: 50px;
    padding: 0 15px;
    line-height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    box-sizing: border-box;
    transform: translateX(0);
    transition: all 0.3s;
}

#frmFeedback .form-field .textbox,
#frmFeedback .form-field .textarea{
    width: 100%;
    height: 50px;
    border: 1px solid #C9C5C0;
    border-radius: 3px;
    padding: 15px 15px 0 15px;
    box-sizing: border-box;
    outline: 0 none;
    font-size: 16px;
}

#frmFeedback .form-field .textarea{
    height: 100px;
    resize: none;
    padding: 20px 15px;
}

#frmFeedback .form-field.styled label{
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    transform: translateY(5px);
}

#frmFeedback .form-footer{
    margin: 20px 0 0 0;
    text-align: center;
}

#frmFeedback .btn{
    width: auto;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border: 0 none;
    background: #3E3630;
    border-radius: 3px;
    outline: 0 none;
    font-size: 16px;
    color: #ffffff;
    transition: background-color 0.3s;
    cursor: pointer;
}

#frmFeedback .btn:hover{
    background: rgba(62, 54, 48, 0.8);
}

.feedback-form-visible .form-feedback{ display: block; }

/*audio*/
.article-body audio{
    height: 40px;
    background: #EFDEBF;
    margin-bottom: 20px;
    border-radius: 20px;
}

.article-body audio::-webkit-media-controls-panel{
    background: #EFDEBF;
}