/*navigation*/
/*.nav_arrow {
    background: white;
}

.nav_arrow:hover {
    background:black;
background:#c0c0c0;
}*/

/*.nav_arrow.next {
    right:-36px;
}

.nav_arrow.next:hover:before,
.nav_arrow.prev:hover:before {
    color:white;    
}*/

/*.nav_arrow.next:before,
.nav_arrow.prev:before {
    position: absolute;
    content: "\2192";
    color: black;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -12px;
}

.nav_arrow.prev {
    left:-36px;
}

.nav_arrow.prev:before {
    content:"\2190"
}*/

/*footer*/
a.book-ui-link {
    color: #1F6885;
}
footer#footer {
    background-color:transparent;
    text-align:center;
}

nav#center {
    display: inline-block;
    background: #bbb;
    padding: 8px;
}

/*tooltip*/
.tooltip {
    background: black;
}

.tooltip b {
    display:none;
}

/*icons*/
nav li a:hover {
    background-position: 0 0 !important;
}

nav li:first-child a {
    width:30px;
    height:28px;
    background:url("../img/user-download.png") 0 0 no-repeat;
}

nav li:first-child + li a {
    width:32px;
    height:32px;
    background:url("../img/zoom_in.png") 0 0 no-repeat;
}

nav li:first-child + li + li a {
    width:32px;
    height:32px;
    background:url("../img/zoom_out.png") 0 0 no-repeat;
}

nav li:first-child + li + li + li a {
    width:32px;
    height:32px;
    background:url("../img/zoom_default.png") 0 0 no-repeat;
}

nav li:first-child + li + li + li + li a {
    width:32px;
    height:32px;
    background:url("../img/back.png") 0 0 no-repeat;
}

nav#center {
    display: block;
/*    overflow: hidden;*/
    width: auto;
}

/*media*/
@media screen and (max-width: 1024px) { 

    body {
        background-size: 200% 200%;
    }
}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

    body {
        background-size: 200% 200%;
    }
    
}

@media screen and (max-width: 768px) { 


}

@media only screen and (max-device-width: 960px) {

}

/*book environment*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/*.book-ui-wrap {
    display:inline-block;
}*/

/*.book-ui-wrap:before {
    content:"";
    
}*/

.ui-link {
    font-size: 11px;
    font-family: 'helioscondcbold';
    color: #000;
    text-transform: uppercase;
}

/*.book-ui {
    overflow: hidden;
}*/

.book-ui-wrap {
    position: relative;
    text-align:right;
}

/*  .book-ui-wrap:before {
content:"";
    position:absolute;
    z-index:1;
    left: 0;
    right: 20px;
    background: url(../img/down-shadow.png);
}*/

/*.book-ui {
    width: 100%;    
}*/

.book-ui-col {
    display: inline-block;
    vertical-align: bottom;
    margin-right: -4px;
    width: 50%;
}

/*.book-ui-col:first-child {
    float:left;
}

.book-ui-col:last-child {
    float:right;
}*/

/*.book-ui-col:first-child {
    left:0;
    top:0;
}

.book-ui-col:last-child {
    right:0;
    top:0;
}*/

.book-ui-ref {
    position: relative;
    display: inline-block;
    margin: 0 4px;
    text-align: center;
    font-size: 15px;
    font-family: 'helioscondcbold';
    color: #000;
    padding: 3px 8px;
}

.book-ui-ref + .book-ui-ref {
    margin-left:4px;
}

.book-ui-ref + .book-ui-ref:before {
    content: " ";
    color: black;
    font-size: 17px;
    position: absolute;
    left: -7px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: black;
}

.book-ui-ref:last-child {
    margin-right:0;
}

/*.book-ui-ref:before, .book-ui-ref:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    width: 50%;
}*/

/*.book-ui-ref:before {
    left: 0;
    background: url(../img/left-cor.png) no-repeat;
}

.book-ui-ref:after {
    right: 0;
    background: url(../img/right-cor.png) right 0 no-repeat;
    z-index: 2;
}*/

/*.book-ui-ref.__active:before {
    left: 0;
    background: url(../img/left-cor-active.png) no-repeat;
    width: 80%;
}

.book-ui-ref.__active:after {
    right: 0;
    background: url(../img/right-cor-active.png) right 0 no-repeat;
}*/

/*.book-ui-ref + .book-ui-ref {
    left:-20px;
}*/

/*.book-ui-ref + .book-ui-ref {
    left: -24px;
}*/

.book-ui-ref.__active {
    background: #000;
    color:white;
}

/*.book-ui-ref-in {
    position: relative;
    z-index: 3;
    top: 11px;
    font-size: 15px;
    font-family: 'helioscondcbold';
    color: #000;
}*/

.book-title {
    text-transform:uppercase;
    font-family: 'helioscondcregular';
    color: black;
    font-size: 20px;
    top: 50%;
    margin-top: 0 !important;
}

@media screen and (max-width: 950px) {
/*  .book-ui-wrap {
        white-space:normal;
    }*/
    .book-ui-ref {
        text-align:left;
    }
    .book-ui-ref:before,
    .book-ui-ref:after {
        content:none;
    }
    .book-ui-ref + .book-ui-ref {
        left:0;
    }
}

.book-title-logo {
    margin-top: 10px;
}

.bk,
.turn-page-wrapper {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.bk {
    border: 1px solid #c1c1c1;
    border-bottom:0;
}

.bk:before,
.bk:after {
    content:"";
    position:absolute;
}

.bk:before {
    top:100%;
    left:0;
    right:0;
    background:#c1c1c1;
    height:1px;
    z-index: 999;
}

.bk:after {
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #c1c1c1;
    z-index: 999;
    margin-left: -1px;
    opacity:0;
    -webkit-transition:0.3s opacity;
    -moz-transition:0.3s opacity;
    transition:0.3s opacity;
}

.bk.__between:after {

    opacity:1;
}

nav#center ul {
    display: inline-block;
}



/*.turn-page-wrapper:first-of-type {
      border: 1px solid #c1c1c1;  
}

.turn-page-wrapper:not(:first-of-type):nth-of-type(even) {
      border: 1px solid #c1c1c1;
      border-right:0;  
}*/

/*.turn-page-wrapper:not(:first-child):nth-child(odd) {

}*/

.book-back.ui-link {
    background: url(/bitrix/templates/.default/components/bitrix/news.list/flipbook/img/flip-back.png) 4px 9px no-repeat;
    padding: 4px 8px 4px 18px;
    font-size: 15px;
    display: inline-block;
    margin-bottom: 6px;
}

.book-back.ui-link:hover {
    background-color: black;
    color: white;
    background-position: 4px -45px;
}

.book-out {
/*    position:relative;
    padding-top:30px;*/
}

.book-ui {
/*    position:absolute;
    left:0;
    top:0;*/
}

/*ui links correction*/
@media screen and (max-height: 534px) {

    .book-ui-ref {
        font-size:10px;
    }
    
}

/*new book pagination*/
.book-ui-link {
    display: inline-block;
    vertical-align:top;
    position: relative;
    min-height: 35px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding: 11px 35px 3px 3px;
    border-top: 1px solid #efefef;
    background:white;
    margin-bottom: -1px;
}

.book-ui-link:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -29px;
    width: 29px;
    height: 35px;
    background: url(/bitrix/templates/.default/components/bitrix/news.list/flipbook/img/shadow-corner.png);
}

.book-ui-link:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: -17px;
    right: 0px;
    height: 1px;
    background: #ebebeb;
    z-index: 2;
}

.book-ui-link:hover,
.book-ui-link.__active {
    background:#e8e8e8;
}

.book-ui-link:hover:after,
.book-ui-link.__active:after {
    background-position:0 -87px;
}

.book-ui-link + .book-ui-link {
    margin-left: -4px;
}

.book-ui-wrap {
    border-right:1px solid #efefef;
    overflow: hidden;
}

.book-ui-wrap-in {
    position: relative;
    right: -22px;
}

/*side arrows*/
.nav_arrow.next {
    right:-36px;
}

.nav_arrow.prev {
    left:-36px;
}

.nav_arrow.prev:before,
.nav_arrow.next:before {
    content:"";
    position:absolute;
    width:15px;
    height:27px;
    top:50%;
    left:50%;
    margin-top:-13px;
    margin-left:-7px;
}

.nav_arrow.prev:before {
    background:url(/bitrix/templates/.default/components/bitrix/news.list/flipbook/img/pages-left.png);
}

.nav_arrow.next:before {
    background:url(/bitrix/templates/.default/components/bitrix/news.list/flipbook/img/pages-right.png);
}

.nav_arrow.prev:hover:before,
.nav_arrow.next:hover:before  {
    background-position: 0 -30px;
}