@charset "UTF-8";

@font-face {
    font-family: 'dinbekregular';
    src: url('../fonts/dinbek-regular-webfont.eot');
    src: url('../fonts/dinbek-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinbek-regular-webfont.woff') format('woff'),
         url('../fonts/dinbek-regular-webfont.ttf') format('truetype'),
         url('../fonts/dinbek-regular-webfont.svg#dinbekregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinbek_boldregular';
    src: url('../fonts/dinbek_bold-webfont.eot');
    src: url('../fonts/dinbek_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinbek_bold-webfont.woff') format('woff'),
         url('../fonts/dinbek_bold-webfont.ttf') format('truetype'),
         url('../fonts/dinbek_bold-webfont.svg#dinbek_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	height: 100%;
}

body {
	height: 100%;
}

img, iframe {
	display: block;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, button, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: none;
}

li {
	list-style: none;
}

a {
	color: inherit;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

button {
	background: none;
	border: none;
	cursor: pointer;
}

.container {
	position: absolute;
	width: 100%;
	height: 100%
}


/*************************************
	Nav
 *************************************/


header {
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 1000;
}

nav {
	position: absolute;
	/*width: 100%;*/
	left: 220px;
	top: 0px;
}

nav li {
	display: table-cell;
	width: 200px;
	height: 50px;
	font-family: 'dinbek_boldregular';
	font-size: 18px;
	text-align: left;
	text-transform: uppercase;
	color: #FFFFFF;
	vertical-align: bottom;
	cursor: pointer;
}

nav > ul > li > ul {
	display: none;
	position: absolute;
	width: 200px;
	top: 75px;
	background: #EE3124;
	padding: 12px 0 0 0;
}

nav li li {
	display: block;
	height: 25px;
	font-family: 'dinbekregular';
	line-height: 25px;
	color: #231F20;
	text-transform: none;
	vertical-align: middle;
}

nav > ul > li > ul > li:last-child {
	padding: 0 0 13px 0;
}

nav > ul > li > ul > li > ul {
	display: none;
	background: #BCBEC0 url(../images/img_arr_down.svg) 20px top no-repeat;
	margin: 13px 0 0 0;
	padding: 25px 0 13px 0;
}

nav li li li {
	font-size: 16px;
	padding: 0;
}

nav a {
	display: table-cell;
	position: relative;
	width: inherit;
	height: inherit;
	vertical-align: bottom;
	padding: 0 0 0 15px;
}

nav li li:hover {
	color: #FFFFFF;
}

.nav_active_main_block {
	position: absolute;
	width: 200px;
	height: 50px;
	top: 0px;
	background: #EE3124;
}

.nav_active_main_arrow {
	position: absolute;
	width: 200px;
	height: 75px;
	top: 0px;
	background: url(../images/img_arr_down.svg) 20px bottom no-repeat;
}

.logo {
	position: absolute;
	width: 200px;
	height: 150px;
	left: 0px;
	top: 75px;
	background: url(../images/logo_ron_levine_photography.svg) left top no-repeat;
}

.bt_buy_the_book {
	position: absolute;
	width: 94px;
	height: 94px;
	right: 0px;
	top: -8px;
	background: url(../images/bt_buy_the_book.svg) center center no-repeat;
	margin: 0 -100px 0 0;
}

.indiegogo {
	position: absolute;
	width: 90px;
	height: 71px;
	right: 0px;
	top: 0px;
	background: url(../images/logo_indiegogo.png) center center no-repeat;
	margin: 0 -230px 0 0;
}

.bt-home-visit {
	display: none;
	position: absolute;
	left: 20px;
	top: 245px;
}

.bt-home-visit.show {
	display: block;
}

.bt-home-visit img {
	width: 160px;
	height: 160px;
}


/*************************************
	Slider
 *************************************/


.slider {
	position: relative;
	width: 100%;
	height: 100%;
	background: #1A1A1A url(../images/img_loading.gif) center center no-repeat;
	/*overflow: scroll;*/
	overflow: hidden;
	margin: 0 auto 0 auto;
	box-shadow: 0px 1px 0px #99EEFF;
}

.slider ul {
	width: 10000px;
	list-style: none;
}

.slider li {
	position: absolute;
	float: none;
	display: none;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.slider .ctrl_dir {
	position: absolute;
	width: 100%;
	height: 40px;
	left: 0px;
	top: 50%;
	margin: -56px 0 0 0;
}

.slider .ctrl_dir button {
	float: left;
	width: 40px;
	height: 40px;
	background: url(../images/img_arr_prev.svg) center center no-repeat;
	margin: 36px;
}

.slider .ctrl_dir button.bt_next {
	float: right;
	background-image: url(../images/img_arr_next.svg);
}


/*************************************
	Page
 *************************************/


.cont_text {
	position: fixed;
	max-width: 500px;
	width: auto;
	height: auto;
	left: 0px;
	top: 100px;
}

.cont_text p {
	font-family: 'dinbekregular';
	font-size: 18px;
	line-height: 28px;
	color: #231F20;
	margin: 0 0 28px 0;
}

.cont_text h1 {
	font-family: 'dinbek_boldregular';
	font-size: 18px;
	line-height: 28px;
	text-transform: uppercase;
	color: #231F20;
}

.cont_text strong {
	font-family: 'dinbek_boldregular';
}

.cont_text a:hover {
	color: #EE3124;
}