/* @override http://www.juanmontoyadesign.com/css/all.css */

/* ---------------------------------------------------------
   1. General reset
   ---------------------------------------------------------*/
html { box-sizing: border-box; }
*,
*:before,
*:after { box-sizing: inherit; }
* { max-height: 10000px; }
/*
 * set default text color
 * set default font size, line height and font family
 * set default background
 */
body {
	margin: 0;
	color: #000;
	font: 14px/24px Helvetica, Arial, sans-serif;
	background: #222;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	position: relative;
}
html,
body {
	display: table;
	height: 100%;
	width: 100%;
}
body {
	display: table-cell;
	vertical-align: middle; /* or vertical-align:bottom; */
}
img {
	border-style: none;
	vertical-align: top;
	height: auto;
}
/* set styles for default page links */
a {
	text-decoration: none;
	color: #ff9500;
}
a:hover { text-decoration: underline; }
a:active { background-color: transparent; }
/* set default styles in all browsers */
input,
textarea,
select {
	font: 100% Helvetica, Arial, sans-serif;
	vertical-align: middle;
	color: #000;
}
form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
input[type="image"] {
	padding: 0;
	border: none;
}
input [type="email"],
input [type="tel"],
input[type="search"],
input[type="text"],
input[type="password"],
input[type="file"],
input[type="submit"],
textarea {
	-webkit-appearance: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
 display: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main { display: block; }
/* page styles */
.w1,
.w2 {
	display: table;
	height: 100%;
	width: 100%;
}
.w2 {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}
.page {
	overflow: hidden;
	position: relative;
	max-width: 955px;
	margin: 0 auto;
	z-index: 10000;
}
div.slideshow {
	position: relative;
	z-index: 1;
	background: #000;
}
.slide-wrap .slide,
div.slideshow div.slide {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
}
.slide-wrap .slide img,
div.slideshow div.slide img {
	display: block;
	max-width:100%;
	max-height: 600px;
	margin: 0 auto;
}
.slide-wrap .slide.no-resize img,
div.slideshow div.slide.no-resize img {
	width: auto;
	max-height: 600px;
	margin: 0 auto;
}
.slide-wrap .slide.active,
div.slideshow div.slide.active { z-index: 1; }
div.slideshow.not-enough-slides a.btn-prev,
div.slideshow.not-enough-slides a.btn-next { visibility: hidden; }
#wrapper {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
}
#header {
	position: relative;
	width: 100%;
	z-index: 2;
}
.header-main {
	float: right;
	margin-left: 5px;
	width: 240px;
}
/* logo styles */
.logo {
	position: relative;
	margin: 0 0 4px;
	display: block;
}
.logo img {
	vertical-align: top;
	max-width: 100%;
}
.logo a {
	display: block;
	height: 100%;
}
/* nav styles */
#nav {
	position: relative;
	font: 12px/14px Helvetica, Arial, sans-serif;
	color: #b2b2b2;
	z-index: 9999;
}
#nav:after {
	clear: both;
	content: "";
	display: block;
}
.text {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
#nav ul {
	list-style: none;
	margin: 0;
}
.desk-opener {
	height: 15px;
	display: block;
	width: 100%;
	background: #3e3e3e;
	z-index: 10;
	overflow: hidden;
}
.opener { display: none; }
.desk-opener:hover {
	background: #333;
	text-decoration: none;
}
.desk-opener:after {
	background: url(../images/arrow-open.png) no-repeat 33px 3px;
	position: absolute;
	top: 0;
	left: 40%;
	width: 100%;
	content: "Menu";
	font: 12px/14px Helvetica, Arial, sans-serif;

	color: #b2b2b2;
}
.active .desk-opener:after {
	background: url(../images/arrow-close.png) no-repeat 33px 3px;
	content: "Back";
}
#nav .main-nav {
	position: absolute;
	top: 100%;
	left: 0;
	width: 240px;
	padding: 4px 5px 0 10px;
	color: #b2b2b2;
	background: rgba(62,62,62,.9);
	z-index: 9999;
	display: none;
}
#nav .main-nav ul {
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
}
#nav .main-nav li { visibility: hidden; }
#nav.active .main-nav li { visibility: visible; }
#nav .main-nav .slide-menu {
	overflow: auto;
}
#nav .main-nav .slide-menu>ul>li .drop {
	padding: 5px 0 0;
	margin: 0 0 10px;
}
#nav .main-nav .slide-menu>ul>li>a { color: #b2b2b2; }
#nav .main-nav .slide-menu>ul>li>a.active { color: #ff9500; }
#nav ul .drop ul { padding: 0 0 0 7px; }
#nav ul .drop ul li .drop {
	margin: 0 0 14px;
	padding: 0;
}
#nav ul .drop ul li .drop li a { color: #fff; }
#nav ul .drop ul li .drop li a.active { color: #ff9500; }
#nav ul .drop ul li .drop li.active a,
#nav li.active a { color: #ff9500; }
.main-nav a:hover {
	text-decoration: none;
	color: #ff9500 !important;
}
.main-nav.js-slide-hidden { position: absolute !important; }
.main-nav .js-slide-hidden { position: static !important; }
.not-link { display: inline-block; }
.not-link a {
	cursor: default;
	pointer-events: none;
	color: #8c8c8c !important;
}
/* promo styles */
.promo-holder {
	font-size: 0;
	overflow: hidden;
}
.promo-holder .promo {
	display: inline-block;
	margin: 0 3px 10px 0;
	width: 139px;
	vertical-align: top;
}
.promo-holder .promo .caption {
	font: bold 12px/14px Helvetica, Arial, sans-serif;
	color: #ff9500;
	display: block;
	padding: 8px 10px 8px 20px;
	text-align: center;
	background: #4f5150;
	margin: 0 0 4px;
}
.promo-holder .promo .caption a { color: #ff9500; }
.promo-holder .promo .caption a:hover {
	text-decoration: none;
	color: #fff;
}
.promo-holder .promo .image-box {
	background: rgba(62,62,62,.9);
	padding: 7px;
	text-align: center;
}
.promo-holder .promo .image-box img {
	vertical-align: top;
	max-width: 100%;
}
.image-wrap { text-align: center; }
/* footer styles */
#footer {
	display: none;
	max-width: 955px;
	padding: 51px 16px 15px;
	background: #141414;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	color: #fff;
	font: 15px/18px Helvetica, Arial, sans-serif;
}
#footer .title { font: bold 15px/18px Helvetica, Arial, sans-serif; }
#footer a { color: #fff; }
#footer address { font-style: normal; }
#footer address span { display: block; }
#footer dl {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#footer dl dt { display: inline; }
#footer dl dd {
	overflow: hidden;
	margin: 0;
	display: inline;
}
#footer:after {
	background: #fff;
	top: 37px;
	left: 0;
	height: 1px;
	width: 100%;
	content: "";
	position: absolute;
}
.control-holder {
	font: 14px/18px Helvetica, Arial, sans-serif;
	position: relative;
	overflow: hidden;
	min-height: 49px;
	background: rgba(62,62,62,.9);
}
/* slideshow fade effect styles */
.slide-wrap .btn-prev,
.slideshow .btn-prev {
	position: absolute;
	top: 13px;
	right: 344px;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	z-index: 9999;
}
.slide-wrap .btn-prev:after,
.slideshow .btn-prev:after {
	content: "";
	position: absolute;
	top: 7px;
	right: 44px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 10px solid #ff9500;
	border-bottom: 5px solid transparent;
	z-index: 9999;
}
.slide-wrap .btn-next,
.slideshow .btn-next {
	position: absolute;
	top: 13px;
	right: 289px;
	text-transform: uppercase;
	color: #fff;
	z-index: 9999;
}
.slideshow .slide { width: 100%; }
.slide-wrap .btn-next:hover,
.slide-wrap .btn-prev:hover,
.slideshow .btn-next:hover,
 .slideshow .btn-prev:hover {
	color: #ff9500;
	text-decoration: none;
}
.slide-wrap .btn-next:after,
.slideshow .btn-next:after {
	content: "";
	position: absolute;
	top: 7px;
	right: -18px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 10px solid #ff9500;
	border-bottom: 5px solid transparent;
	z-index: 9999;
}
.control-holder .upper-part {
	color: #fff;
	padding: 7px 160px 1px 10px;
}
.control-holder h1 {
	margin: 0;
	font: 30px/35px Helvetica, Arial, sans-serif;
	color: #b2b2b2;
}
.text-holder .pic-description {
	display: inline-block;
	padding: 12px 16px 11px 10px;
	font: 13px/15px Helvetica, Arial, sans-serif;
	color: #b2b2b2;
	background: rgba(62,62,62,.9);
}
.text-holder {
	position: absolute;
	top: 53px;
	left: 0;
	z-index: 99999;
}
#project .page { height: 600px; }
/* about and publication styles */
#about .page,
#publication .page {
	position: relative;
	overflow: hidden;
	min-height: 600px;
	padding: 0 0 20px;
}
#publication .page { padding: 0; }
#about .page .bg-stretch,
#publication .page .bg-stretch {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
}
#about #wrapper,
#publication #wrapper {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}
#about #header:after {
	clear: both;
	content: "";
	display: block;
}
#about .header,
#publication .header {
	overflow: hidden;
	background: rgba(62,62,62,.9);
	min-height: 50px;
	padding: 6px 10px 7px 25px;
}
#about .header h1,
#publication .header h1 {
	font: 30px/35px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	letter-spacing: 1px;
	color: #b2b2b2;
	margin: 0;
}
#about .container {
	overflow: hidden;
	color: #fff;
	font: 14px/17px Helvetica, Arial, sans-serif;
	margin: 0 0 13px;
	padding: 45px 10px 0 24px;
}
#about .container .image-holder {
	float: left;
	width: 31%;
	margin: 3px 2.4% 10px 0;
}
#about .container .image-holder img { max-width: 100%; }
#about .container .text-wrapper {
	overflow: hidden;
	padding: 0;
}
#about .container .text-wrapper p { margin: 0 0 10px; }
#about .container .text-wrapper .col {
	float: left;
	width: 48%;
	margin: 0 0 10px 2.9%;
}
#about .container .text-wrapper .col:first-child { margin: 0 0 10px; }
.container-holder blockquote {
	margin: 0;
	font: 30px/35px Helvetica, Arial, sans-serif;
	color: #fff;
	quotes: none;
	padding: 8px;
	text-align: center;
	background: rgba(255,144,0,.7);
}
.container-holder blockquote q {
	quotes: none;
	margin: 0;
	display: block;
}
#publication .container-holder {
	font: 14px/17px Helvetica, Arial, sans-serif;
	color: #fff;
	overflow: hidden;
	padding: 12px 0 0;
	position: relative;
}
#publication .container-holder:after {
	-webkit-box-shadow: inset 1px -20px 20px 1px rgba(0,0,0,.6);
	box-shadow: inset 1px -20px 20px 1px rgba(0,0,0,.6);
	height: 40px;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
	position: absolute;
}
#publication .container-holder h2 {
	margin: 0 0 18px;
	font: bold 14px/17px Helvetica, Arial, sans-serif;
}
#publication .book-holder {
	float: left;
	width: 55%;
	margin: 0 2% 0 0;
}
#publication .book-holder .article-wrap {
	overflow: hidden;
	padding: 0 20px 0 27px;
	margin: 0 0 34px;
}
#publication .book-holder h2 { text-align: center; }
#publication .book-holder .image-block {
	float: left;
	width: 36.1%;
	margin: 4px 4% 0 0;
}
#publication .book-holder .image-block img { max-width: 100%; }
#publication .text-wrap {
	overflow: hidden;
	font-size: 14px;
	line-height: 16px;
}
#publication .text-wrap p { margin: 0 0 30px; }
#publication .text-wrap .purchase {
	display: block;
	margin: 0 0 10px;
}
#publication .magazines-holder {
	overflow: hidden;
	padding: 0 7px 0 0;
}
#publication .magazines-holder .wrap { padding: 0; }
#publication .magazines-holder .posts {
	list-style: none;
	margin: 0;
	padding: 0 15px 0 0;
	min-height: 550px;
}
#publication .magazines-holder .posts li { margin: 0 0 15px; }
#publication .magazines-holder .posts .list {
	list-style: none;
	margin: 0;
	padding: 0;
}
#publication .magazines-holder .posts .list li {
	overflow: hidden;
	margin: 5px 0 0 0;
	list-style: none;
	padding: 0;
}
#publication .magazines-holder h4 {
	margin: 0 0 1px;
	font: bold 14px/17px Helvetica, Arial, sans-serif;
	color: #fff;
}
#publication .magazines-holder h3 {
	margin: 0 0 15px;
	font: 14px/17px Helvetica, Arial, sans-serif;
	color: #fff;
}
#publication .magazines-holder .posts .list time {
	float: left;
	width: 65px;
	margin: 0 5px 0 0;
}
#publication .magazines-holder .posts .list .desc { overflow: hidden; }
/* ---------------------------------------------------------
   4. Сustom form styles
   ---------------------------------------------------------*/
/* hide original element */
.jcf-hidden {
	display: block !important;
	position: absolute !important;
	left: -9999px !important;
}
/* custom scrollbars styles */
.scrollable-area-wrapper {
	position: relative;
	overflow: hidden;
	width: 100% !important;
	height: 503px !important;
}
.scrollable-area { width: 100% !important; }
.scrollable-area-wrapper .hscrollbar,
.scrollable-area-wrapper .vscrollbar {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 485px !important;
}
.scrollable-area-wrapper .hscroll-left,
.scrollable-area-wrapper .vscroll-up,
.scrollable-area-wrapper .hscroll-right,
.scrollable-area-wrapper .vscroll-down {
	background: none;
	width: 2px;
	height: 2px;
	float: left;
}
.scrollable-area-wrapper .hscroll-line,
.scrollable-area-wrapper .vscroll-line {
	background: #363636;
	width: 10px;
	float: left;
	border-radius: 5px;
}
.scrollable-area-wrapper .hscroll-slider,
.scrollable-area-wrapper .vscroll-slider {
	background: #555;
	width: 10px;
	height: 10px;
	border-radius: 5px;
}
.scrollable-area-wrapper .hscrollbar {
	position: static;
	height: 20px;
	top: auto;
}
.scrollable-area-wrapper .hscroll-line {
	height: 20px;
	width: auto;
}
/* ---------------------------------------------------------
   5. Styles for Responsive web design
   ---------------------------------------------------------*/
/* styles for screens 1025px wide and larger */
@media only screen and (min-width:1025px) {
.tel-link {
	cursor: default;
	pointer-events: none;
}
}

/* styles for screens 767px wide and narrower */
@media only screen and (max-width: 767px) {
.slide-wrap .slide img,
 div.slideshow div.slide img {
	z-index: -1;
	position: relative;
	margin:0 auto;
}

body { vertical-align: top; /* or vertical-align:bottom; */ }
#wrapper { padding: 0; }
#publication .container-holder:after { display: none; }
.slide-wrap .slide,
 div.slideshow div.slide {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 60px;
}
#project .slide-wrap .slide,
 #project div.slideshow div.slide {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 85px;
}
#project #footer { margin-top: 85px; }
.promo-holder { display: none; }
#header { background: #141414; }
.logo {
	width: 250px;
	position: relative;
	margin: 0 18px 5px 0;
	float: right;
	z-index: 10000;
	height: 12px;
}
.logo img {
	vertical-align: top;
	max-width: 100%;
}
.logo a {
	display: block;
	height: 100%;
}
.header-main {
	float: none;
	width: 100%;
	padding: 10px 0;
	position: relative;
	margin: 0;
}
.header-main:before {
	height: 1px;
	background: #404040;
	width: 100%;
	left: 0;
	position: absolute;
	bottom: 32px;
	content: "";
}
.header-main:after {
	clear: both;
	content: "";
	display: block;
}
.desk-opener { display: none; }
.opener {
	display: block;
	width: 40px;
	height: 50px;
	position: relative;
	border-radius: 3px;
	top: -17px;
	left: 5px;
}
.active .opener { left: 1px; }
.opener:hover { background: none; }
.opener:before,
 .opener:after,
 .opener span {
	background: #e5e3e5;
	border-radius: 0;
	position: absolute;
	top: 50%;
	left: 0%;
	right: 0%;
	height: 6px;
	margin-top: -2px; /* height/2 */
	transition: all 0.2s linear;
}
.opener:before,
 .opener:after {
	content: '';
	top: 30%;
}
.opener:after { top: 70%; }
.active .opener span { opacity: 0; }
.opener:hover { opacity: .9; }
.active .opener:after,
 .active .opener:before {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 0%;
	right: 0%;
}
.active .opener:after {
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.not-link a {
	cursor: pointer;
	pointer-events: auto;
	color: #fff !important;
}
.drop li.active .not-link a { color: #b7b7b7 !important; }
.color { color: #b7b7b7 !important; }
.main-nav .js-slide-hidden {
	left: -9999px !important;
	position: absolute !important;
	top: -9999px !important;
}
.main-nav .slide1.js-slide-hidden {
	left: -9999px !important;
	position: static !important;
	top: -9999px !important;
}
/* nav styles */
#nav .main-nav {
	top: 55%;
	width: 100%;
	padding: 15px 10px 20px;
	color: #b2b2b2;
	background: rgba(0,0,0,.6);
	z-index: 9999;
}
.main-nav a:hover {
	text-decoration: none;
	color: #b7b7b7 !important;
}
#nav>.main-nav>.slide-menu>ul { font: 20px/22px Helvetica, Arial, sans-serif; }
#nav>.main-nav>.slide-menu>ul>li { margin: 0 0 3px; }
#nav>ul>li .drop {
	padding: 3px 0 0;
	margin: 0;
}
#nav>.main-nav>.slide-menu>ul>li>a { color: #fff; }
#nav ul .drop ul { padding: 0 0 20px 10px; }
#nav ul .drop ul li .drop {
	margin: 0 0 5px;
	padding: 0;
}
#nav ul .drop ul li .drop ul { padding: 0 0 15px 5px; }
#nav ul .drop ul li .drop a {
	margin: 0 0 10px;
	padding: 0;
	font: 16px/18px Helvetica, Arial, sans-serif;
	color: #fff;
}
#nav .main-nav a.opener1 { color: #b2b2b2; }
#nav ul .drop ul li .drop li a { color: #fff; }
#nav ul .drop ul li .drop li a:hover { color: #ff9500 !important; }
#nav ul .drop ul li .drop li.active a,
 #nav li.active a { color: #ff9500; }
#nav li.active a,
 #nav li.active .drop .active a { color: #b7b7b7; }
#nav li.active .drop a { color: #fff; }
#nav li.active .drop .active .drop a { color: #fff; }
.not-mobile { display: none; }
#footer {
	display: block;
	margin-top: 60px;
}
#about #footer,
#publication #footer { margin-top: 0; }
.control-holder {
	overflow: hidden;
	background: none;
	margin: -24px 0 0;
	min-height: 42px;
}
/* slideshow styles */
.slide-wrap .btn-prev,
 .slideshow .btn-prev {
	top: auto;
	right: auto;
	font-size: 15px;
	bottom: -116px;
	left: 28px;
	z-index: 1;
}
.slide-wrap .btn-prev:after,
 .slideshow .btn-prev:after {
	top: 6px;
	right: 47px;
	border-top: 6px solid transparent;
	border-right: 12px solid #ff9500;
	border-bottom: 6px solid transparent;
}
.slide-wrap .btn-next,
 .slideshow .btn-next {
	top: auto;
	right: 35px;
	bottom: -116px;
	font-size: 15px;
	z-index: 1;
}
.slide-wrap .btn-prev:hover,
 .slide-wrap .btn-next:hover,
 .slideshow .btn-next:hover,
 .slideshow .btn-prev:hover {
	color: #ff9500;
	text-decoration: none;
}
.slide-wrap .btn-next:after,
 .slideshow .btn-next:after {
	top: 6px;
	right: -25px;
	border-top: 6px solid transparent;
	border-left: 12px solid #ff9500;
	border-bottom: 6px solid transparent;
}
.control-holder .upper-part {
	min-height: 1px;
	margin: 0;
	padding: 5px 0 5px;
	text-align: center;
}
.control-holder h1 { font: 20px/25px Helvetica, Arial, sans-serif; }
.text-holder .pic-description {
	display: block;
	padding: 5px 10px 8px;
	text-align: center;
}
.text-holder {
	position: absolute;
	top: 7px;
	left: -1px;
	z-index: 9999;
	right: 0;
}
#project .page { height: auto; background:#000; }
/* about and publication styles for mobile devices */
#about .page { padding: 0; }
#about .header,
 #publication .header {
	min-height: 10px;
	padding: 0 10px 4px 10px;
	background: none;
	margin: -18px 0 0;
	text-align: center;
}
#about .header h1,
 #publication .header h1 { 
 font: 20px/22px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
 letter-spacing: 1px;}

#about .container {
	overflow: hidden;
	color: #fff;
	font: 14px/20px Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 10px 0 0;
}
.container-holder { background: #141414; }
#about .container .image-holder {
	float: none;
	width: 100%;
	text-align: center;
	margin: 0;
}
#about .container .text-wrapper {
	overflow: hidden;
	background: #141414;
	padding: 9px 12px 0;
	font-size: 14px;
	line-height: 18px;
	margin: 0;
}
#about .container .text-wrapper p { margin: 0 0 17px; }
#about .container .text-wrapper .col {
	float: none;
	width: 100%;
	margin: 0 0 10px;
}
#about .container .text-wrapper .col:first-child { margin: 0 0 10px; }

.container-holder blockquote {
	font: 20px/25px Helvetica, Arial, sans-serif;
	quotes: none;
	padding: 9px 10px 7px;
	border-bottom: 1px solid #fff;
}
.container-holder blockquote q {
	quotes: none;
	margin: 0;
	display: block;
}
#about #footer { padding-top: 12px; }
#about #footer:after { display: none; }
#publication .container-holder {
	font: 14px/17px Helvetica, Arial, sans-serif;
	color: #fff;
	overflow: hidden;
	padding: 12px 0 0;
}
#publication .container-holder h2 {
	font: bold 21px/22px Helvetica, Arial, sans-serif;
	margin: 0 0 12px;
	text-align: center;
}
#publication .book-holder {
	float: none;
	width: 100%;
	margin: 0;
}
#publication .book-holder .article-wrap { padding: 0; }
#publication .book-holder .image-block {
	float: none;
	width: 100%;
	margin: 0 0 10px;
	text-align: center;
}
#publication .book-holder .image-block img { max-width: 100%; }
#publication .text-wrap {
	overflow: hidden;
	font-size: 14px;
	line-height: 16px;
	padding: 0 10px;
}

	#publication .text-wrap p { margin: 0 0 20px; }
	#publication .text-wrap .purchase { margin: 0 0 5px; }
	#publication .magazines-holder {
		padding: 0 10px;
		margin:  -4px 0 0 0;
	}
	#publication .magazines-holder h3{margin-bottom: 19px;}
	#publication .magazines-holder .posts li{margin-bottom: 18px;}
	#publication .magazines-holder .posts .list li{padding-bottom: 2px;}
	#publication .magazines-holder .posts .list time{margin: 0 5px 0 0;}
	#publication .magazines-holder .posts{min-height: 0;}
	.scrollable-area-wrapper {
		position: relative;
		overflow: hidden;
		width: 100% !important;
		height: auto !important;
	}


.scrollable-area {
	height: auto !important;
	z-index: 1;
}
.page { overflow: visible }
}
/* js style */
.slide-wrap .btn-prev.disabled,
.slide-wrap .btn-next.disabled,
.slideshow .btn-prev.disabled,
.slideshow .btn-next.disabled { opacity: 0.5 }

/* styles for screens 768px wide and wider */
@media only screen and (min-width: 768px) {
	.page {
		padding-top: 49px !important;
		background: 1A1A1A; 
	}

	#project .page,
	#about .page, 
	#publication .page {
		height: 649px;
	}

	#about .page .bg-stretch,
	#publication .page .bg-stretch,
	.page .bg-stretch {
		top: 49px !important;
	}

	#about .page .bg-stretch img,
	#publication .page .bg-stretch img,
	.page .bg-stretch img{
		margin-top: 0 !important;
	}

	#header {
		margin-top: -49px;
	}

	.slide-wrap .btn-prev,
	.slideshow .btn-prev,
	.slide-wrap .btn-next,
	.slideshow .btn-next {
		top: -36px;
	}

	#about .header,
	#publication .header {
		min-height: 49px;
	}

	.scrollable-area-wrapper {
		height: 552px !important;
	}

	#about .container {
		padding: 57px 10px 0 24px;
	}

	.scrollable-area-wrapper .vscrollbar {
		height: 534px !important;
	}
}








@media only screen and (min-width: 767px) {
  	.page {
  		max-width: 100%;
  		height: 100vh !important;
  	}
  	.page.home-page {
  		max-width: 100%;
  		/*height: calc(100vh - 49px) !important;*/
  	}
  .slideshow {
  		/*overflow: scroll;*/
  	}
  	.slideset {
  		height: 100vh !important;
  		overflow: visible !important;
  	}
  	.home-page .slideset {
  		height: calc(100vh - 49px) !important;

  	}
  	div.slideshow div.slide img,
  	.slide-wrap .slide img {
  		max-height: 100% !important;
  		height: calc(100vh - 49px) !important;
  		object-fit: contain;
  	}
  	.home-page div.slideshow div.slide img,
  	.home-page .slide-wrap .slide img {
  		height: calc(100vh - 49px) !important;
  	}
  	/*for about and contact page, make container smaller*/
  	.tapered-container article > .container {
  		padding:57px 12vw 0 !important;
  	}
  	/*video alignment center*/
  	.video article {
  		background-color: #222;
  		height: calc(100vh - 49px) !important;
  	}
  	.video article .container {
  		display: flex;
  		justify-content: center;
  	}
  	.video article .container .image-holder {
  		width: unset !important;
  	}
}