/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

strong {
    font-weight: bold;
}

.whimsy-italic {
    font-family: Georgia, serif;
    font-style: italic;
}

a, .pseudolink {
    color: rgb(13, 151, 237);
    border-bottom-width: 1px;
    border-bottom-color: rgb(158,212,247);
    border-bottom-style: solid;
    text-decoration: none;
    cursor: pointer;
    padding-top: 0.4em; /* for proper hover on multiline anchors */
}

a.image-anchor {
    border-bottom: none;
    line-height: inherit;
    padding-top: 0;
}

.pseudolink {
    border-bottom-style: dashed;
}

a:hover, pseudolink:hover, .link-hover {
    color: red !important;
    border-bottom-color: rgba(255,0,0,0.3) !important;
}

a:active, pseudolink:active, .link-active {
    color: darkred !important;
    border-bottom-color: rgba(100,0,0,0.3) !important;
}


.centered {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.thin-space {
    display: inline-block;
    margin-left: 0.2em;
    width: 0px;
    overflow: hidden;
}

.likes {
    position: absolute;
    right: -42px;
}

    .likes__container {
        display: inline-block;
        margin-left: 40px;
    }

body {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

    .header--wrapper {
        height: 74px;
        background-color: rgb(242, 250, 253);
    }

        .header {
            position: relative;
        }

            .header__logo {
                position: absolute;
                top: 15px;
                left: 0;
            }

            .header__likes {
                top: 26px;
            }

    .main--wrapper {
        position: relative;
        overflow: hidden;
        background: url('img/background.png') repeat;
    }

        .main--wrapper__gradient {
            position: absolute;
            z-index: 10;
            top: 0;
            bottom: 0;
            right: 50%;
            text-align: center; /* center the image even if it's larger than container */
			height: 100%
        }

            .main--wrapper__gradient__image {
                display: inline-block;
                margin-right: -100%;
				height:100%;
            }

            .main--wrapper__gradient__image img {
                width: 1600px;
                height: 100%;
            }

        .main {
            position: relative;
            z-index: 50;
            padding-top: 50px;
        }

            .main__intro {

            }

                .main__intro__header{
                    position: relative;
                }

                    .main__intro__header__primary {
                        width: 74.44%;
                        position: relative;
                    }

                        .main__intro__header__primary:after {
                            /* dotted border hack. Behold! */
                            content: "•••••••••••••••••••••••••••••••••••••••";
                            display: block;
                            position: absolute;
                            top: 14px;
                            bottom: 0px;
                            width: 4px;
                            right: -42px;
                            font-size: 8px;
                            line-height: 10px;
                            overflow: hidden;
                            color: rgb(246, 97, 105);
                            word-wrap: break-word;
                        }

                        .main__intro__header__primary h1 {
                            font-family: Georgia, serif;
                            font-size: 50px;
                            line-height: 76px;

                        }

                        .main__intro__header__primary__lead {
                            margin-top: 20px;
                            margin-bottom: 10px;
                            text-indent: -0.6em;
                        }

                        .main__intro__header__primary__source {
                            font-style: italic;
                            font-size: 13px;
                        }


                    .main__intro__header__lady {
                        position: absolute;
                        top: 14px;
                        right: 0;
                        width: 160px;
                    }

                        .main__intro__header__lady__logo {
                            padding-top: 15px;
                        }

                        .main__intro__header__lady__descr {
                            margin-top: 18px;
                            line-height: 23px;
                            font-size: 15px;
                            text-align: center;
                        }

                .main__intro__gift {
                    padding-top: 63px;
                    text-align: center;
                }

                .main__intro__gift__book {
                    display: inline-block;
                    margin-bottom: 0px;
                }

                .main__intro__gift__descr {
                    margin-bottom: 5px;
                }

                .main__intro__gift__goto a {
                    position: relative;
                }

                    .main__intro__gift__goto a:after {
                        content: "↓";
                        position: absolute;
                        bottom: 0px;
                        right: -10px;
                    }

        .main__books {
            padding-top: 84px;
            padding-bottom: 60px;
            padding-left: 37px;
        }

            .main__books__book + .main__books__book {
                margin-top: 90px;
            }

            .main__books__book {
                position: relative;
                padding-top: 7px;
            }

                .main__books__book h2 {
                    position: relative;
                    font-family: Georgia, serif;
                    font-size: 40px;
                    line-height: 40px;
                    margin-bottom: 7px;
                    width: 600px;
                }

                    .main__books__book__header__number {
                        position: absolute;
                        top: 1px;
                        right: 600px;
                        padding-right: 8px;
                        font-family: Times New Roman, serif;
                    }

                    .main__books__book__header__number:after {
                        content: ".";
                    }


                .main__books__book__authors {
                    font-style: italic;
                    width: 600px;
                }

                .main__books__book__descr {
                    padding-top: 20px;
                    font-size: 15px;
                    width: 600px;
                }

                .main__books__book__wow--wrapper {
                    display: table; /* hack for vertical align of content of this wrapper */
                    position: absolute;
                    right: 1px;
                    top: -3px;
                    width: 136px;
                    height: 136px;
                    background-image: url('img/wow/1.png');
                    background-repeat: no-repeat;
                }

                /* such variety */
                .main__books__book:nth-child(3n+1) .main__books__book__wow--wrapper {
                    background-image: url('img/wow/1.png');
                }

                /* many blurbs */
                .main__books__book:nth-child(3n+2) .main__books__book__wow--wrapper {
                    background-image: url('img/wow/2.png');
                }

                /* very three */
                .main__books__book:nth-child(3n+3) .main__books__book__wow--wrapper {
                    background-image: url('img/wow/3.png');
                }

                    .main__books__book__wow {
                        position: relative;
                        /* top: -4px; Not really working with multiple wows */
                        padding: 0px 12px 0px 12px;
                        display: table-cell;
                        vertical-align: middle;
                        text-align: center;
                        font-family: Georgia, serif;
                    }

                .main__books__book__close-up {
                    padding-top: 55px;
                }

                    .close-up-fotorama .fotorama__nav {
                        text-align: left;
                    }

                        .close-up-fotorama .fotorama__thumb-border {
                            background: none !important;
                        }

                            .close-up-fotorama .fotorama__thumb-border:before,
                            .close-up-fotorama .fotorama__thumb-border:after {
                                content:"";
                                position: absolute;
                                width: 6px;
                                top: -5px;
                                bottom: -5px;
                                border: 2px black solid;
                                }

                            .close-up-fotorama .fotorama__thumb-border:before {
                                left: 0;
                                border-right-width: 0px;
                                }

                            .close-up-fotorama .fotorama__thumb-border:after {
                                right: 0;
                                border-left-width: 0px;
                                }

                    .close-up__intro {
                        position: relative;
                    }

                        .close-up__intro__image {
                            position: relative;
                            display: inline-block;
                            height: 470px;
                        }

                            .close-up__intro__image img{
                                max-height:100%;
                                top: 3px;
                                left: 3px;
                            }

                        .close-up__intro__quote {
                            position: absolute;
                            top: 27px;
                            left: 420px;
                        }

                        .close-up-quote {
                            width: 372px;
                            text-shadow: 0px 1px 0px white;
                        }

                            .close-up-quote img {
                                vertical-align: bottom; /* IE8 */
                            }

                            .close-up-quote__middle {
                                background: url('img/close-up-quote-middle.png') repeat-y;
                            }

                                .close-up-quote__middle__text, .close-up-quote__middle__source {
                                    width: 292px;
                                    margin-left: auto;
                                    margin-right: auto;
                                }

                                .close-up-quote__middle__text {
                                    position: relative;
                                    font-family: Georgia sans-serif;
                                    font-size: 16px;
                                    line-height: 22px;
                                }

                                    .close-up-quote__middle__text:before, .close-up-quote__middle__text:after {
                                        font-size: 30px;
                                    }

                                    .close-up-quote__middle__text:before {
                                        content: "«";
                                        position: absolute;
                                        left: -22px;
                                        top: -3px;
                                    }

                                    .close-up-quote__middle__text:after {
                                        content: "»";
                                        position: absolute;
                                        right: -22px;
                                        bottom: 3px;
                                    }

                                .close-up-quote__middle__source {
                                    margin-top: 11px;
                                    font-style: italic;
                                    text-align: right;
                                    font-size: 13px;
                                    line-height: 19px;
                                }

                .main__books__book__finale {
                    position: relative;
                    padding-top: 30px;
                    display: table;
                }

                    .main__books__book__finale__quote,
                    .main__books__book__finale__pdf,
                    .main__books__book__finale__buy {
                        vertical-align: top;
                        display: table-cell;
                    }

                    .main__books__book__finale__quote {
                        position: relative;
                        width: 586px;
                        font-style: italic;
                    }

                        .main__books__book__finale__quote__text {
                            position: relative;
                            text-indent: -0.5em;
                        }

                            .main__books__book__finale__quote__text:after {
                                /* left border */
                                display: block;
                                content: "";
                                position: absolute;
                                left: -16px;
                                top: 5px;
                                bottom: 2px;
                                width: 1px;
                                border-left: 1px solid rgb(129,129,129);
                            }

                        .main__books__book__finale__quote__source {
                            padding-top: 11px;
                            font-size: 13px;
                            font-style: italic;
                            color: rgb(133,133,133);
                        }

                    .main__books__book__finale__pdf {
                        width: 164px;
                        padding-left: 20px;
                    }

                        .main__books__book__finale__pdf a {
                            color: black;
                            border-bottom-color: rgb(173,173,173);
                        }

                    .main__books__book__finale__buy {
                        width: 235px;
                        padding-left: 37px;
                        position: relative;
                        left: 10px;
                    }

                        .main__books__book__finale__buy__ozon {
                            margin-bottom: 6px;
                            position: relative;
                            left: -7px;
                        }

                        .main__books__book__finale__buy__price__header {
                            font-size: 13px;
                            margin-bottom: 7px;
                        }

                        .main__books__book__finale__buy__price__figure {
                            font-size: 20px;
                        }

            .main__gift {
                padding-top: 63px;
                padding-bottom: 300px;
            }

            .main__gift:after {
                content: "";
                display: block;
                clear: both;
            }

                .main__gift__header {
                    position: relative;
                    font-size: 20px;
                    margin-bottom: 56px;
                }

                    .main__gift__header:before {
                        /* another glorious dotted border hack */
                        content: "••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••";
                        z-index: 0;
                        position: absolute;
                        top: 9px;
                        font-size: 10px;
                        line-height: 1;
                        letter-spacing: 5px;
                        overflow: hidden;
                        color: rgb(246, 97, 105);
                        margin-bottom: 10px;
                        width: 100%;
                    }

                    .main__gift__header h2 {
                        display: block;
                        position: relative;
                        width: 450px;
                        z-index: 10;
                        font-size: 30px;
                        text-align: center;
                        background-color: white;
                        margin: auto;
                        padding-bottom: 20px;
                    }

                .main__gift__image {
                    float: left;
                    position: relative;
                    left: 14.6%;
                    top: 5px;
                    width: 213px;
                }

                .main__gift__details {
                    float: right;
                    position: relative;
                    right: 12.1%;
                    width: 415px;
                    margin-top: 50px;
                }

                    .main__gift__details__type {
                        margin-bottom: 6px;
                    }

                    .main__gift__details__title {
                        font-family: Georgia, serif;
                        font-size: 25px;
                        margin-bottom: 9px;
                    }

                    .main__gift__details__author {
                        font-style: italic;
                        margin-bottom: 15px;
                    }

                    .main__gift__details__descr {
                        margin-bottom: 24px;
                    }

                    .main__gift__details__form {
                        position: relative;
                        left: -10px;
                        width: 331px;
                        padding: 6px 0px 11px 7px;
                        background-color: rgb(244, 237, 213);
                    }

                    .main__gift__details__form label.error {
                        display: block;
                        margin-bottom: 7px;
                        color: rgb(255, 0, 0);
                        margin-top: -7px;
                    }

                        .main__gift__details__form__email {
                            display: block;
                            box-sizing: border-box;
                            padding: 6px 8px;
                            width: 324px;
                            margin-bottom: 10px;
                            -webkit-box-shadow: inset 0px 1px 2px rgb(204, 204, 204);
                            -moz-box-shadow: inset 0px 1px 2px #cccccc;
                            box-shadow: inset 0px 1px 2px rgb(204, 204, 204);
                            border: 1px solid rgb(201, 201, 201);
                            font-size: 19px;
                            -moz-box-sizing: border-box;
                        }

                        .main__gift__details__form__email.error {
                            background-color: rgb(255,240,240)
                        }

                        .main__gift__details__form__submit--wrapper {
                            position: relative;
                            display: inline-block;
                        }

                            .main__gift__details__form__submit {
                                position: relative;
                                display: block;
                                width: 242px;
                                height: 37px;
                                font-size: 17px;
                                line-height: 1;
                                font-weight: bold;
                                background-image: url('img/gift-submit.png');
                                background-repeat: no-repeat;
                                border: none !important;
                                outline: 0 !important;
                                text-shadow: 0px 1px 0px white;
                                cursor: pointer;
								text-align: center;
								padding: 0;
                                z-index: 20;
                            }

                            .main__gift__details__form__submit:hover {
                                background-image: url('img/gift-submit-hover.png');
                            }

                            .main__gift__details__form__submit--wrapper:after {
                                /* button shadow */
                                content: "";
                                display: block;
                                width: 254px;
                                height: 49px;
                                position: absolute;
                                top: -3px;
                                left: -6px;
                                background: url('img/gift-submit-shadow.png') no-repeat;
                            }

                            #main__gift__details__form__spinner {
                                position: absolute;
                                right: -20px;
                                top: 18px;
                                opacity: 0.5;
                            }

                        .main__gift__details__form__message {
                            display: none;
                            position: absolute;
                            z-index: 100;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            padding: 30px;
                            margin: auto;
                            text-align: center;
                            font-style: italic;
                            background-color: rgb(244, 237, 213);
                        }

    .footer--wrapper {
        padding-top: 25px;
        padding-bottom: 50px;
        border-top: 1px rgb(175,175,175) solid;
    }

        .footer {
            position: relative;
        }

            .footer__likes {
                bottom: 2px;
            }

    .preload {
        position: absolute;
        left: -9999px;
    }

        .preload__submit__hover {
            background-image: url('img/gift-submit-hover.png');
        }



/* INDIVIDUAL BOOKS */
#book-1 .close-up-quote {
    left: 480px;
}