@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);



@font-face {

	font-family: 'arrows';

	src:url('../fonts/arrows/arrows.eot');

	src:url('../fonts/arrows/arrowsd41d.eot?#iefix') format('embedded-opentype'),

		url('../fonts/arrows/arrows.woff') format('woff'),

		url('../fonts/arrows/arrows.ttf') format('truetype'),

		url('../fonts/arrows/arrows.svg#arrows') format('svg');

	font-weight: normal;

	font-style: normal;

}



#page1bulb {

	position: absolute;

	top: 600px;

    left: 350px;

    z-index: 3000;

}



    #page1bulb .popup-content {

        top: -200px;

		left: 200px;

    }



#page2bulb {

	position: absolute;

	top: 100px;

    left: 620px;

    z-index: 3000;

}



    #page2bulb .popup-content {

        top: -75px;

		left: 125px;

    }



#page3bulb {

	position: absolute;

	top: 100px;

    left: 620px;

    z-index: 3000;

}



    #page3bulb .popup-content {

        top: -75px;

		left: 125px;

    }

	

#page4bulb {

	position: absolute;

	top: 550px;

    left: 620px;

    z-index: 3000;

}



    #page4bulb .popup-content {

        top: -100px;

		left: 180px;

    }



#page5bulb {

	position: absolute;

	top: 141px;

    left: 618px;

    z-index: 3000;

}



    #page5bulb .popup-content {

        top: 10px;

    }



#page6bulb {

	position: absolute;

	top: 650px;

    left: 630px;

    z-index: 3000;

}



    #page6bulb .popup-content {

        top: -200px;

        left: -200px;

    }



.bb-custom-wrapper {

	width: 1780px;

	position: relative;

	margin: 0 auto 0px;

	text-align: center;

}



.bb-custom-wrapper > nav a {

	display: inline-block;

	width: 40px;

	height: 40px;

	text-align: center;

	border-radius: 2px;

	background: #a61f38;

	color: #a71e38;

	font-size: 12;

	margin: 20px;

}



.bb-custom-wrapper > nav a:hover {

	opacity: 0.6;

}



.bb-custom-wrapper .bb-bookblock {

	box-shadow: 0 12px 20px -10px rgba(81,64,49,0.6);

	width: 1780px;

	height: 1160px;



}



.bb-custom-wrapper nav {

    display: inline-block;

	margin: 1em auto 0;

	position: absolute;

	bottom: 540px;

	text-align: center;

    left: 0;

    margin-left: -100px;

    z-index: 1000;

    width: 1980px;

}



.bb-custom-wrapper nav a {

	display: inline-block;

	width: 60px;

	height: 60px;

	text-align: center;

	border-radius: 2px;

	color: #fff;

	font-size: 0;

	margin: 0;

}



@media (max-width: 768px) {

    .bb-custom-wrapper nav a {

        width: 80px !important;

        height: 80px !important

    }

}



.bb-custom-wrapper nav a img {

    width: 100%;

    height: auto;

}



#bb-nav-prev {

    float: left;

}



#bb-nav-next {

    float: right;

}



.bb-custom-wrapper nav a:hover {

	opacity: 0.6;

}



.bb-custom-icon:before {

	font-family: 'arrows';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	font-size: 30px;

	line-height: 40px;

	display: block;

	-webkit-font-smoothing: antialiased;

}



.bb-custom-icon-first:before,

.bb-custom-icon-last:before {

	/*content: "\e002";*/

}



.bb-custom-icon-arrow-left:before,

.bb-custom-icon-arrow-right:before {

	/*content: "\e003";*/

}



.bb-custom-icon-arrow-left:before,

.bb-custom-icon-first:before {

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	transform: rotate(180deg);

}



/* No JS */

.no-js .bb-custom-wrapper {

	height: auto;

}



.no-js .bb-custom-content {

	height: 470px;

}



nav {

	position: relative;

}



.bb-bookblock {

	width:1780px;

	height:894px;

	background: transparent;

	color: transparent;

	text-align: center;

}



.bb-item {

	background: transparent;

}





.bulb-container {

    position:relative;

    width: 99px;

    height: 116px;

}



.bulb-container a {

    float: left;

    display: block;

}



.bulb {

    opacity: .8;

    transform: scale(0.85, 0.85);

    -webkit-transform: scale(0.85, 0.85);

    -moz-transform: scale(0.85, 0.85);

}

.popup-content {

    display: none;

    background: #fff7db;

    padding: 1%;

    width: 300px;

    position: absolute;

    left: 100%;

    margin: 0;

    cursor: default;

    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);

    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);

    box-shadow: 2px 2px 4px rgba(0,0,0,0.4);



    padding: 10px;

    border-radius: 10px;

    transform: scale(0, 0);

    -webkit-transform: scale(0, 0);

    -moz-transform: scale(0, 0);

    text-align: left;

}



    .popup-content h4 {

        font-family: 'Lato', sans-serif;

        font-weight: 700;

        color: #a61f38;

        font-size: 18px;

        margin-top: 0;

        margin-bottom: 0;



    }



    .popup-content small {

        font-size: 10px;

        font-style: italic;

        color: transparent;

    }



    .popup-content p {

        font-family: 'Lato', sans-serif;

        font-size: 14px;

        margin-top: 10px;

        color: #000;

        margin-bottom: 0;





    }



a.close-btn {

    cursor: pointer;

    outline: 0;

    background: #a51f38;

    color: #fff;

    padding: 5px 8px;

    position: absolute;

    top: -29px;

    right: 15px;

    text-decoration: none;

}

.close-btn:hover {

    background: #05abe0;

}



div.main {

    transform-origin: 0 0;

}



.demo-1 body {

    overflow-y: hidden;

}