/*
Theme Name: 535 Classon Ave Brooklyn
Theme URI: http://www.andigo.com
Description: Custom theme developed for 535 Classon Ave Brooklyn
Author: Andigo New Media
Author URI: http://www.andigo.com
Version: 1.0.0
*/
@charset "UTF-8";

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block
}

audio,canvas,progress,video {
	display:inline-block;
	vertical-align:baseline
}

audio:not([controls]) {
	display:none;
	height:0
}

[hidden],template {
	display:none
}

a {
	background-color:transparent
}

a:active,a:hover {
	outline:0
}

abbr[title] {
	border-bottom:1px dotted
}

b,strong {
	font-weight:700
}

dfn {
	font-style:italic
}

mark {
	background:#ff0;
	color:#000
}

small {
	font-size:80%
}

sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}

sup {
	top:-.5em
}

sub {
	bottom:-.25em
}

img {
	border:0
}

svg:not(:root) {
	overflow:hidden
}

hr {
	box-sizing:content-box
}

pre {
	overflow:auto
}

code,kbd,pre,samp {
	font-family:monospace,monospace;
	font-size:1em
}

button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0
}

button {
	overflow:visible
}

button,select {
	text-transform:none
}

button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer
}

button[disabled],html input[disabled] {
	cursor:default
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}

input {
	line-height:normal
}

input[type=checkbox],input[type=radio] {
	box-sizing:border-box;
	padding:0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height:auto
}

input[type=search] {
	-webkit-appearance:textfield;
	box-sizing:content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}

fieldset {
	border:1px solid silver
}

legend {
	border:0
}

textarea {
	overflow:auto
}

optgroup {
	font-weight:700
}

table {
	border-collapse:collapse;
	border-spacing:0
}

blockquote,body,caption,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul {
	margin:0;
	padding:0
}

abbr[title],dfn[title] {
	cursor:help
}

ins,u {
	text-decoration:none
}

ins {
	border-bottom:1px solid
}

html {
	box-sizing:border-box
}

*,:after,:before {
	box-sizing:inherit
}

address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul {
	margin-bottom:1rem
}

dd,ol,ul {
	margin-left:2rem
}

button,label {
	cursor:pointer
}

textarea {
	resize:vertical
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #d3ccbc;
	padding:0
}

html {
	font-size:.9375em;
	line-height:1.6;
	background-color:#000;
	color:#d3ccbc;
	font-family:Oswald,sans-serif;
	font-weight:300;
	overflow-y:scroll;
	min-height:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased
}

a {
	color:#a1d0ca;
	text-decoration:none
}

img {
	max-width:100%;
	font-style:italic;
	vertical-align:middle
}

.gm-style img {
	max-width:none
}

h1,h2,h3,h4,h5,h6 {
	color:#d3ccbc;
	font-weight:400;
	font-family:Oswald,sans-serif
}

.alpha,h1 {
	font-size:36px;
	font-size:2.4rem;
	line-height:1.33333
}

.beta,h2 {
	font-size:30px;
	font-size:2rem
}

.gamma,h3 {
	font-size:24px;
	font-size:1.6rem
}

.delta,h4 {
	font-size:20px;
	font-size:1.33333rem
}

.epsilon,h5 {
	font-size:16px;
	font-size:1.06667rem
}

.zeta,h6 {
	font-size:14px;
	font-size:.93333rem
}

.list-inline {
	margin:0;
	padding:0;
	list-style:none
}

.list-inline>li {
	display:inline-block
}

.icon {
	background-image:url(img/sprite.png)
}

.container {
	width:1210px;
	margin:0 auto
}

.site-header {
	position:fixed;
	top:35px;
	left:0;
	right:0;
	z-index:130
}

.site-logo {
	float:left;
	margin-right:30px
}

.main-menu-container {
	float:left;
	margin-top:94px
}

.main-menu {
	font-size:19px;
	text-transform:uppercase
}

.main-menu>li {
	margin-right:15px
}

.main-menu a {
	color:#a2d0ca;
	-webkit-transition:color .5s linear;
	transition:color .5s linear
}

.main-menu a:before {
	content:'';
	display:inline-block;
	width:15px;
	height:15px;
	margin-right:5px;
	background:0 0;
	pointer-events:none;
	-webkit-transition:background-color .5s linear;
	transition:background-color .5s linear
}

.main-menu a.active {
	color:#d3ccbc
}

.main-menu a.active:before {
	pointer-events:auto;
	background:#d3ccbc
}

.page-section {
	position:relative;
	min-height:100vh
}

.page-section__content {
	position:relative;
	padding-top:200px;
	margin:0 200px 0 185px;
	z-index:120
}

.page-section__content--top {
	padding-top:230px
}

.page-section__text {
	width:500px;
	height:0;
	padding:32px 42px 17px 54px;
	background:rgba(74,79,85,.6);
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	opacity:0;
	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0;
	transform-origin:0 0;
	-webkit-transition:.3s;
	transition:.3s
}

.active > .page-section__text {
	height:auto;
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}

.page-section__area {
	position:relative
}

.page-section__area--top {
	margin:30px 0
}

.page-section__area__title {
	position:absolute;
	left:50px;
	top:0;
	opacity:1;
	line-height:1;
	font-weight:300;
	text-transform:uppercase;
	-webkit-transition:opacity .3s ease .15s;
	transition:opacity .3s ease .15s
}

.active > .page-section__area__title {
	opacity:0;
	-webkit-transition-delay:0;
	transition-delay:0
}

.page-section__text--large {
	width:825px
}

.page-section__wrapper {
	width:404px
}

.page-section__title {
	line-height:1.3;
	text-transform:uppercase;
	font-size:48px;
	font-size:3.2rem
}

.page-section__toggle {
	position:absolute;
	top:200px;
	left:0;
	padding:0;
	border:0;
	z-index:120;
	background-position:-4px -102px;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
	width:40px;
	height:40px
}

.active > .page-section__toggle {
	background-position:-96px -4px;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
	width:40px;
	height:40px
}

.page-section__toggle--top {
	top:0
}

.page-section__info {
	padding:16px 16px 6px;
	color:#4b4f54;
	background:#fff
}

.page-section__button {
	width:40px;
	height:40px;
	padding:0;
	border:0;
	font-size:0;
	line-height:0;
	vertical-align:top;
	opacity:1;
	visibility:visible;
	background:url(img/icon_open.svg) center top no-repeat;
	-webkit-transition:.3s linear;
	transition:.3s linear
}

.is-visible .page-section__button {
	opacity:0;
	visibility:hidden
}

.page-section__table {
	width:100%;
	text-align:center
}

.page-section__table td,.page-section__table th {
	width:20%;
	padding:5px;
	border:1px solid #e6f1f0
}

.page-section__table th {
	color:#a1d0ca;
	font-weight:400;
	background:#4b4f54
}

/* .page-section__table tr:nth-child(even) td{background:#dadadb} */

.page-section__table tr:nth-child(4n+3) td,
.page-section__table tr:nth-child(4n+4) td
{
	background:#dadadb
}

.page-section__table a {
	color:#6d6e71;
	text-decoration:underline
}

.cycle-slideshow {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0
}

.cycle-slideshow__pane {
	width:100%;
	height:100%;
	background-position:center center;
	background-size:cover
}

.cycle-next,.cycle-prev {
	position:absolute;
	top:50%;
	padding:0;
	margin-top:-45px;
	border:0;
	background-color:transparent;
	z-index:120
}

.cycle-prev {
	left:35px;
	background-position:-4px -4px;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
	width:38px;
	height:90px
}

.cycle-next {
	right:35px;
	background-position:-50px -4px;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
	width:38px;
	height:90px
}

.cycle-pager {
	position:absolute;
	bottom:30px;
	left:0;
	width:100%;
	text-align:center;
	z-index:120
}

.cycle-pager>span {
	display:inline-block;
	margin:0 10px;
	width:12px;
	height:12px;
	font-size:0;
	line-height:0;
	border:1px solid #d3ccbc;
	border-radius:50%;
	background:0 0;
	cursor:pointer
}

.cycle-pager>span.cycle-pager-active {
	background:#d3ccbc
}

.alignnone {
	margin:0
}

.aligncenter {
	display:block;
	margin:0 auto
}

.alignright {
	float:right;
	margin:0 0 15px 15px
}

.alignleft {
	float:left;
	margin:0 15px 15px 0
}

.wp-caption {
	background:#fff;
	border:1px solid #f0f0f0;
	max-width:96%;
	padding:4px;
	text-align:center
}

.wp-caption.aligncenter,.wp-caption.alignnone {
	margin-bottom:15px
}

.wp-caption img {
	border:0;
	height:auto;
	margin:0;
	padding:0;
	width:auto
}

.wp-caption .wp-caption-text {
	margin:0;
	font-size:80%;
	font-style:italic;
	padding:4px 4px 0
}

.screen-reader-text {
	clip:rect(1px,1px,1px,1px);
	position:absolute!important;
	height:1px;
	width:1px;
	overflow:hidden
}

.screen-reader-text:active,.screen-reader-text:focus,.screen-reader-text:hover {
	background-color:#f1f1f1;
	border-radius:3px;
	box-shadow:0 0 2px 2px rgba(0,0,0,.6);
	clip:auto!important;
	color:#21759b;
	display:block;
	font-size:14px;
	font-size:.875rem;
	font-weight:700;
	height:auto;
	left:5px;
	line-height:normal;
	padding:15px 23px 14px;
	text-decoration:none;
	top:5px;
	width:auto;
	z-index:100000
}

.clearfix:after {
	content:"";
	display:table;
	clear:both
}

td {font-weight:400;}
td:first-child, td:nth-child(4) {font-weight:600;}
.notes td:first-child {font-weight:300;}

.notes td {
	text-align:left;
}

html {
	margin:0!important;
}


.cycle-slide-active {
	background-attachment:fixed;
}

.page-section {
	overflow: hidden;

}
.page-section__table{
color:#333333;
}

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

	.site-header {
		left:35px;
	}

	.main-menu {
		font-size:24px;
		
	}

	.main-menu-container {
		margin-top: 10px;
	}

	.page-section__wrapper {
		font-size: 24px;
	}


}

@media screen and (max-device-width: 736px) and (orientation : portrait) { 

	.main-menu-container {

		margin-top: 10px;

	}

	.site-header {
		left:25px;
	}

	.main-menu {
		font-size:32px;
		
	}

	.page-section {
		position:relative;
		min-height: 100vh;

	}
	.cycle-slideshow__pane {

		background-size: 2371px 100vh;
		background-position:center top;
		background-attachment: fixed;
	}

	.page-section__wrapper {
		font-size: 32px;
	}
}


@media only screen and  (max-device-width: 736px) and (orientation : landscape) {

	.main-menu {
		font-size:26px;
		
	}

	.main-menu-container {

		margin-top: 10px;

	}

	.page-section {
		position:relative;
		min-height: 100vh;

	}

	.cycle-slideshow__pane {
		
		background-size: 980px 100vh;
		background-position:top center;
	}

	.page-section__wrapper {
		font-size: 18px;	
	}


}