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;
}

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

#wrapper *,
#wrapper *:before,
#wrapper *:after {
  box-sizing: border-box;
}

/* WordPress Presentational Classes*/
.aligncenter {
  display: block;
  margin: 0 auto
}

.alignleft {
  float: left
}

.alignright {
  float: right
}

.wp-caption {
  border: 1px solid #666;
  text-align: center;
  background: #ccc;
  padding: 10px;
  margin: 10px
}

body {
  background: #000;
  color: #e6e6e6;
  font-family: 'ITC Avant Garde Gothic W01 Bk', Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 1.2;
}

a,
a:visited {
  color: #cecece;
  text-decoration: none;
  outline: medium none;
}

a:hover {
  color: #fff;
}

textarea:focus,
input:focus,
select:focus,
option:focus {
  outline: 0;
}

p {
  line-height: 1.3;
  margin-bottom: 30px;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

sup {
  vertical-align: super;
  font-size: 12px;
}

blockquote {
  font-family: 'ITC Avant GardeGothicW01XLtObl', Arial, Helvetica, sans-serif;
  width: 80%;
  margin: 20px auto 20px auto;
  text-align: center;
  font-size: 30px;
}

h1 {
  font-family: 'ITC Avant Garde Gothic W01 Bk', Arial, Helvetica, sans-serif;
  font-size: 30px;
  line-height: 1.2;
}

h2 {
  font-family: 'ITC Avant Garde Gothic W01 Bk', Arial, Helvetica, sans-serif;
  font-size: 26px;
  letter-spacing: 4px;
  line-height: 1.2;
  text-transform: uppercase;
}

.row {
  display: block;
  width: 100%;
  clear: both;
  position: relative;
  float: left;
}

#page {
  margin: 0 auto;
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
}

#wrapper {
  max-width: 1177px;
  margin: 0 auto;
  position: relative;
  padding: 0 3%;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
  max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
  max-width: 100% !important;
  height: auto !important; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img {
  max-width: 100% !important;
  height: auto !important; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

#wrapper a img {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: scale(1);
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

#wrapper a:hover img {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

#static-bg {
  background-position: center top !important;
  padding-top: 350px;
}

#page-bg {
  webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
}

.about-sep {
  width: 260px !important;
  opacity: 0.7;
  margin-bottom: 20px;
}

.bigbold {
  font-family: 'ITC Avant Garde Gothic W01 Bd', Verdana, Geneva, sans-serif;
  font-size: 52px;
  color: #999696;
  letter-spacing: 3px;
}

.bigthin {
  font-family: 'ITC Avant Garde Gothic W01 XLt', Verdana, Geneva, sans-serif;
  font-size: 22px;
  color: #999696;
  letter-spacing: 3px;
}

#narrow {
  max-width: 950px;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
  max-width: 100%;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 15px;
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*#header*/

#branding {
  position: relative;
  z-index: 99;
}

.fixed-header {
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  z-index: 9999999;
  height: auto;
  overflow: visible;
  opacity: 1;
  height: 165px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.fixed-header-inner {
  max-width: 1340px;
  margin: 0 auto;
}

/*.fixed-header.fixed-header-shrink{
	height: 70px;
	padding: 20px 0px;
	background-color: rgba(0,0,0,0.8);
}
*/

.page-title {
  display: none;
}

#brand {
  z-index: 999999;
  position: relative;
  margin: 0px auto;
  text-align: center;
  width: 250px;
  height: auto;
  padding: 30px 0 0 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

#brand img {
  width: 100%;
  height: auto;
}

.fixed-header.fixed-header-shrink #brand {
  /*width: 150px;*/
}

.results {
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  margin: 5px 50px 95px 50px;
}

/*#main-nav*/

#navigation {
  top: -100px;
  position: relative;
  width: 100%;
  margin: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.fixed-header.fixed-header-shrink #navigation {
  /*    top: -55px;
      position: relative;
      width: 100%;
      margin: 0;*/
}

#access #main-nav-left {
  width: 36%;
  display: block;
  margin: 0 auto;
  float: left;
  text-align: left;
}

#access #main-nav-right {
  width: 38%;
  display: block;
  margin: 0 auto;
  float: right;
  text-align: right;
}

.menu-main-nav-left-simple-container ul,
.menu-main-nav-left-container ul,
.menu-main-nav-right-container ul {
  margin: 0;
  padding: 0;
}

.menu-main-nav-left-simple-container li,
.menu-main-nav-left-container li,
.menu-main-nav-right-container li {
  margin: 0;
  padding: 0;
}

.menu-main-nav-left-simple-container a,
.menu-main-nav-left-container a,
.menu-main-nav-right-container a {
  margin: 0;
  padding: 0;
}

.menu-main-nav-left-simple-container ul,
.menu-main-nav-left-container ul,
.menu-main-nav-right-container ul {
  list-style: none;
}

.menu-main-nav-left-simple-container a,
.menu-main-nav-left-container a,
.menu-main-nav-right-container a {
  text-decoration: none;
}

.menu-main-nav-left-simple-container,
.menu-main-nav-left-container,
.menu-main-nav-right-container {
  height: 70px; /* This is for the main menu bit at the top */
  width: 100%; /* This means on every screen no matter the size, the width will cover the top  */
  line-height: normal;
  text-align: center;
  background-color: transparent;
  vertical-align: middle;
}

.menu-main-nav-left-simple-container > ul > li,
.menu-main-nav-left-container > ul > li {
  display: inline-block;
  position: relative;
  float: left;
  width: 50%;
}

.menu-main-nav-right-container > ul > li {
  display: inline-block;
  position: relative;
  float: left;
  width: 50%;
}

.menu-main-nav-left-simple-container > ul > li > a,
.menu-main-nav-left-container > ul > li > a,
.menu-main-nav-right-container > ul > li > a {
  color: rgb(221, 221, 221);
  font-family: 'ITC Avant Garde Gothic W01 Bd', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 70px; /* This bit chances the size of the text on the main heading */
  padding: 15px 24px 15px 30px; /* This is the padding between the different titles */
  z-index: 9999999;
  position: relative;
  -webkit-transition: color .15s;
  -moz-transition: color .15s;
  -o-transition: color .15s;
  transition: color .15s;
  letter-spacing: 3px;
}

.menu-main-nav-left-simple-container > ul > li > a:hover,
.menu-main-nav-left-container > ul > li > a:hover,
.menu-main-nav-right-container > ul > li > a:hover,
li.current-menu-item > a,
li.current-menu-item > a {
  color: rgb(250, 250, 250) !important;
}

.menu-main-nav-left-simple-container > ul > li > ul,
.menu-main-nav-left-container > ul > li > ul,
.menu-main-nav-right-container > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  padding: 75px 0 20px 0;
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  position: absolute;
  top: -35px; /* This is for the drop down annimation */
  left: 50%;
  margin-left: -90px;
  width: 180px;
  -webkit-transition: all .3s .1s;
  -moz-transition: all .3s .1s;
  -o-transition: all .3s .1s;
  transition: all .3s .1s;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, .4);
  z-index: 99;
  border: 2px solid #fff;
}

.menu-main-nav-left-simple-container > ul > li:hover > ul,
.menu-main-nav-left-container > ul > li:hover > ul,
.menu-main-nav-right-container > ul > li:hover > ul {
  opacity: 1;
  top: -15px; /* This is how far from the top the drop down annimation will go  */
  visibility: visible;
}

.menu-main-nav-left-simple-container > ul > li > ul:before,
.menu-main-nav-left-container > ul > li > ul:before,
.menu-main-nav-right-container > ul > li > ul:before {
  display: block;
  border-color: transparent transparent rgb(250, 250, 250) transparent;
  border-style: solid;
  border-width: 10px; /* The border on the drop down box  */
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -10px;
}

.menu-main-nav-left-simple-container > ul ul > li,
.menu-main-nav-left-container > ul ul > li,
.menu-main-nav-right-container > ul ul > li {
  position: relative;
}

.menu-main-nav-left-simple-container ul ul a,
.menu-main-nav-left-container ul ul a,
.menu-main-nav-right-container ul ul a {
  /* This is the drop down menu, change font or size when its drops down */
  color: rgb(229, 229, 229);
  font-family: 'ITC Avant Garde Gothic W01 Dm', Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: transparent;
  padding: 8px 0 10px 5px;
  display: block;
  -webkit-transition: background-color .1s;
  -moz-transition: background-color .1s;
  -o-transition: background-color .1s;
  transition: background-color .1s;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.menu-main-nav-left-simple-container ul ul a:hover,
.menu-main-nav-left-container ul ul a:hover,
.menu-main-nav-right-container ul ul a:hover {
  background-color: transparent;
  color: rgb(255, 255, 255);
}

.dropdownline a {
  display: block;
  height: 0;
  width: 60%;
  text-indent: -99999px;
  border-bottom: 1px #d3d1cf solid;
  margin: 10px auto 20px auto;
}

.menu-item-type-custom a {
  letter-spacing: 1px !important;
  text-transform: capitalize !important;
}

li.italic > a {
  font-family: 'ITC Avant Garde GothicW01DmObl', Arial, Helvetica, sans-serif !important;
}

#mobile-nav {
  display: none;
}

/*library*/

#library {
  position: relative;
  margin-top: -400px;
  z-index: 3 !important;
}

.tp-static-layers {
  height: 100%;
  width: 100%;
  left: 0 !important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+82,0.65+95,1+100 */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(82%, rgba(0, 0, 0, 0)), color-stop(95%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); /* IE6-8 */
}

.home .tp-static-layers {
  height: 100%;
  width: 100%;
  left: 0 !important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+87,0.09+100 */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wOSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 87%, rgba(0, 0, 0, 0.09) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(87%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.09))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 87%, rgba(0, 0, 0, 0.09) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 87%, rgba(0, 0, 0, 0.09) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 87%, rgba(0, 0, 0, 0.09) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 87%, rgba(0, 0, 0, 0.09) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#17000000', GradientType=0); /* IE6-8 */
}

#property-background {
  z-index: 1 !important;
  position: relative;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: inherit;
}

#property-background img {
  z-index: 1 !important;
  position: relative;
  background-color: transparent;
  width: auto;
  height: auto;
}

.property-background-velum {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+82,0.65+95,1+100 */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(82%, rgba(0, 0, 0, 0)), color-stop(95%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0.65) 95%, rgba(0, 0, 0, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); /* IE6-8 */
}

#slider-library,
#property-background {
  z-index: 1 !important;
}

#library-nav {
  display: block;
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 45px;
}

#page-nav {
  display: block;
  margin: 0 40px 40px 0;
  float: left;
  font-size: 60px;
}

#page-nav li {
  display: inline-block;
  float: left;
}

#page-nav a,
#page-nav a:visited {
  display: inline-block;
  color: #a7a4a4;
  text-decoration: none;
  letter-spacing: 10px;
  font-family: 'ITC Avant Garde Gothic W01 XLt', Arial, Helvetica, sans-serif;
  font-weight: normal;
}

#page-nav a:hover {
  color: #fff;
}

#page-nav .current_page_item a,
#page-nav .current-page-ancestor a {
  display: inline-block;
  color: #e6e6e6;
  font-family: 'ITC Avant Garde Gothic W01 Bk', Arial, Helvetica, sans-serif;
}

#page-nav .slash a {
  display: inline-block;
  font-family: 'ITC Avant Garde Gothic W01 XLt', Arial, Helvetica, sans-serif;
  color: #838080;
  padding: 0 8px;
}

.search input {
  color: #E9E9E9;
  font-size: 15px;
  line-height: 1.333em;
  background: transparent none repeat scroll 0% 0%;
  border-width: medium medium 1px;
  border-style: none none solid;
  border-color: -moz-use-text-color -moz-use-text-color #CCC;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  padding: 0;
  margin: 0;
  width: 200px;
  position: absolute;
  left: 100px;
  top: 16px;
  font-family: 'ITC Avant Garde Gothic W01 Bk', Arial, Helvetica, sans-serif;
  letter-spacing: 3px;
}

.input {
  font-size: 15px;
  padding: 0.5em 0.75em;
  width: 100%;
  height: 2.5em;
  border: 1px solid #CCC;
}

.search {
  width: 300px;
  float: left;
  display: block;
  position: relative;
}

.search-label {
  padding: 0;
  width: 90px;
  height: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
  position: absolute;
  left: 0;
  color: #FFF;
  font-family: 'ITC Avant Garde Gothic W01 XLt', Arial, Helvetica, sans-serif;
  top: 40px;
  font-size: 15px;
}

#library-genres {
  width: 80%;
  position: relative;
  float: left;
  text-transform: uppercase;
  font-size: 15px;
}

#library-genres ul {
  display: block;
  float: left;
  width: 100%;
}

#library-genres li {
  display: inline-block;
  float: left;
  padding: 0 2.3% 0 0;
  letter-spacing: 2px;
  line-height: 2;
}

#library-genres li.current a {
  text-decoration: underline;
}

#dropdown {
  width: 185px;
  display: block;
  position: absolute;
  right: 0;
  top: -2px;
}

select {
  border: none;
  background-color: rgba(255, 255, 255, .3);
  padding: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  color: #d1d1d1;
  text-transform: uppercase;
  letter-spacing: 3px;
  background-image: url(../img/arrow-select.png);
  background-position: 90% center;
  background-repeat: no-repeat;
  font-size: 15px;
}

select option {
  background-color: #666;
}

#library-content {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 50px;
}

#library-content ul {
  display: block;
  float: left;
  width: 100%;
}

#library-content li {
  display: block;
  float: left;
  width: 20%;
  height: auto;
  margin: 0 6.6% 30px 0;
  min-height: 370px
}

#library-content li:nth-child(4n+0) {
  margin-right: 0;
}

#library-content li img {
  max-height: 370px;
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
  border: #d6d6d6 solid 1px;
}

#library-content li h3 {
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  color: #e6e6e6;
  font-size: 18px;
  height: 50px;
}

#library-content li h4 {
  display: block;
  float: left;
  width: 100%;
  font-size: 12px;
  text-align: center;
  color: #C5C5C5;
  font-style: italic;
}

.col-3 ul {
  width: 100% !important;
  margin: 0 auto;
  float: none !important;
  display: block;
  text-align: center;
  height: auto !important
}

.col-3 li {
  display: inline-block !important;
  float: none !important;
  width: 20%;
  height: auto;
  margin: 0px 6.6% 30px 0px;
}

.col-3 li:nth-child(3n+0) {
  margin-right: 0 !important;
}

.col-2 ul {
  width: 100% !important;
  margin: 0 auto;
  float: none !important;
  display: block;
  text-align: center;
  height: auto !important
}

.col-2 li {
  display: inline-block !important;
  float: none !important;
  width: 20%;
  height: auto;
  margin: 0px 6.6% 30px 0px;
}

.col-2 li:nth-child(2n+0) {
  margin-right: 0 !important;
}

.col-1 ul {
  width: 100% !important;
  margin: 0 auto;
  float: none !important;
  display: block;
  text-align: center;
  height: auto !important
}

.col-1 li {
  display: inline-block !important;
  float: none !important;
  width: 20%;
  height: auto;
  margin: 0px 6.6% 30px 0px;
}

.col-1 li:nth-child(1n+0) {
  margin-right: 0 !important;
}

#pagination {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 30px;
  height: 70px;
}

#pagination ul {
  display: block;
  float: none;
  margin: 0 auto;
  text-align: center;
}

#pagination li {
  display: inline-block;
  background-color: #FFF;
  margin: 0 3px;
}

#pagination li a {
  font-size: 14px;
  padding: 6px 8px;
  background-color: #FFF;
  color: #000;
}

#pagination li:hover,
#pagination li a:hover,
#pagination li.current,
#pagination li.current a {
  background-color: #828282;
  color: #dadada;
}

#pagination li.all a,
#pagination li.all {
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 3px;
}

#pagination li.all a:hover {
  color: #dadada;
}

/* property */

#property-content {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 50px;
}

#primary {
  width: 70%;
  float: left;
  display: block;
  margin-right: 40px;
}

#primary h1 {
  font-size: 42px;
  line-height: 1.2;
  display: block;
  letter-spacing: 4px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.property-meta {
  display: block;
  margin-bottom: 30px;
  width: 100%;
  position: relative;
  float: left;
}

.property-meta ul {
  display: block;
  width: 100%;
  float: left;
}

.property-meta li {
  display: inline-block;
  float: left;
  margin: 0 20px 0 0;
}

.licensing {
  display: block;
  position: absolute;
  right: 0px;
  top: -10px;
  border: 1px solid #e7e7e5;
  padding: 8px 20px;
  font-size: 20px;
  letter-spacing: 5px;
  text-transform: uppercase;
}

#sidebar {
  width: 21.6%;
  float: right;
  display: block;
}

#sidebar h3 {
  text-transform: uppercase;
  display: block;
}

#sidebar img {
  width: 100%;
  height: auto;
  border: #d2d2d2 solid 1px;
}

#sidebar a {
  text-decoration: underline;
}

.poster {
  display: block;
  margin-bottom: 30px;
}

#sidebar ul {
  display: block;
  margin-bottom: 30px;
  float: left;
  width: 100%;
}

#sidebar ul li {
  display: block;
  margin: 0;
  float: left;
  width: 100%;
}

.property-cats ul {
  display: block;
  margin-bottom: 30px;
  float: left;
  width: 100%;
}

.property-cats ul li {
  display: inline-block;
  margin: 0 20px 20px 0;
  border: 1px solid #e7e7e5;
  padding: 8px 20px;
  font-size: 20px;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.separator {
  display: table;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0px;
  margin-bottom: 35px;
}

.separator .sep_holder {
  display: table-cell;
  height: 1px !important;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.separator .sep_holder .sep_line {
  height: 1px;
  border-top: 1px solid #e7e7e5;
  display: block;
  position: relative;
  top: 1px;
  width: 100%;
}

.separator h2 {
  padding: 0px 0.8em;
  line-height: 1em;
  font-size: 32px;
  display: table-cell;
  white-space: pre;
  font-weight: 400;
  font-style: normal;
  color: #e7e7e5;
  text-transform: uppercase;
  text-align: center;
}

#videos ul {
  margin-bottom: 30px;
  width: 100%;
  text-align: center;
}

#videos ul li {
  display: inline-block;
  margin: 0 5% 30px;
  width: 40%;
  text-align: center;
  vertical-align: top;
}

/*#videos ul li:nth-child(3n+0) {*/
  /*margin-right: 0;*/
/*}*/

#videos ul li img {
  width: 100%;
  height: auto;
}

#related ul {
  display: block;
  margin-bottom: 30px;
  float: left;
  width: 100%;
}

#related ul li {
  display: block;
  margin: 0 6.6% 30px 0;
  float: left;
  width: 20%;
  text-align: center;
}

#related ul li:nth-child(4n+0) {
  margin-right: 0;
}

#related ul li img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 15px 0;
  border: 1px solid #fff;
}

#related h3 {
  font-size: 15px;
  display: block;
}

#stories ul {
  margin-bottom: 30px;
  width: 100%;
  text-align: center;
}

#stories ul li {
  display: inline-block;
  margin: 0 3% 30px;
  width: 19%;
  text-align: center;
  vertical-align: top;
}

#stories ul li:nth-child(4n+0) {
  margin-right: 0;
}

#stories ul li img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 15px 0;
  border: 1px solid #fff;
}

#stories h3 {
  font-size: 15px;
  display: block;
}

#quotes ul {
  margin-bottom: 30px;
  width: 100%;
  text-align: center;
}

#quotes ul li {
  display: inline-block;
  margin: 0 3% 30px;
  width: 19%;
  text-align: center;
  vertical-align: top;
}

#quotes ul li:nth-child(4n+0) {
  margin-right: 0;
}

#quotes ul li img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 15px 0;
  border: 1px solid #fff;
}

#quotes ul li .quote_body {
  font-style: italic;
}

#quotes h3 {
  font-size: 15px;
  display: block;
}

/*footer*/

#colophon {
  width: 100%;
  border-top: #343332 solid 1px;
  float: left;
  clear: both;
  font-size: 15px;
}

#footer-inner {
  max-width: 1200px;
  clear: both;
  margin: 0 auto;
  height: 100px;
  padding: 36px 3%;
}

.footer-left {
  width: 40%;
  float: left;
}

.footer-right {
  width: 40%;
  float: right;
  text-align: right;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wpb_revslider_element.wpb_content_element {
  margin-bottom: 0 !important;
}

/*pressroom*/

#pressroom {
  position: relative;
  margin: -400px auto 50px auto;
  z-index: 3 !important;
  text-align: center;
}

#press-nav {
  position: relative;
  max-width: 1000px;
  display: block;
  margin: 0px auto 100px auto;
}

#press-nav ul {
  position: relative;
  width: 100%;
  display: block;
}

#press-nav li {
  position: relative;
  display: inline-block;
  text-align: center;
  margin: 0px 2% 0px 0px;
  width: 23%;
}

#press-nav li a {
  position: relative;
  display: block;
  text-align: center;
  border: 1px solid #fff;
  margin: 0 auto;
  padding: 5px 10px;
  font-size: 16px;
  letter-spacing: 2px;
  white-space: nowrap;
  font-family: 'ITC Avant Garde Gothic W01 Bk', Arial, Helvetica, sans-serif;
}

#press-nav li.current-menu-item a:after {
  content: ' ';
  background-image: url(../img/arrow-down.png);
  background-repeat: no-repeat;
  background-position: center top;
  height: 25px;
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
}

#press-nav li.current-menu-item a {
  border-bottom: none;
}

#press-nav li:last-child {
  margin: 0;
}

ul.post-meta {
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 0 25px 0;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 14px;
  color: #b9b9b9;
}

.post-meta li {
  position: relative;
  display: inline-block;
  text-align: center;
  margin: 0px 1% 0px 0px;

}

.post-meta li:last-child {
  margin: 0;
}

h1.press-title {
  position: relative;
  display: block;
  margin: 0 auto;
  font-size: 32px;
  letter-spacing: 1px;
  font-family: 'ITC Avant Garde Gothic W01 Md', Arial, Helvetica, sans-serif;
  color: #b9b9b9;
  margin: 0 0 25px 0;
}

.post-content {
  text-align: justify;
}

a.more-link {
  font-size: 14px;
  text-decoration: underline;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.post {
  position: relative;
  margin: 0 0 40px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #343332;
}

.post:last-child {
  border-bottom: none;
}

/*timeline*/

.arrow-down-1 {
  width: 600px;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  bottom: 2%;
  left: 0;
  right: 0;
}

.anchor,
.anchor p,
.anchor a {
  height: 0 !important;
  line-height: 0 !important;
}

@-moz-document url-prefix() {
  .anchor {
    top: 20px;
    position: absolute;
  }
}

#timeline-nav {
  width: 600px;
  margin: -148px auto 129px auto;
  position: relative;
  display: table;
  table-layout: fixed;
}

#line {
  width: 94% !important;
  margin: 0px auto !important;
  position: absolute !important;
  border-top: 2px solid #202020 !important;
  top: 7px !important;
  right: 0 !important;
  left: 0 !important;
}

#timeline-nav ul {
  text-align: center;
  width: 100%;
  list-style-type: none;
  display: table-row;
  margin: 0;
  padding: 0;
}

#timeline-nav li {
  text-align: center;
  list-style-type: none;
  display: table-cell;
}

#timeline-nav li a {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #303030;
  text-align: center;
  transition: opacity .55s ease-in-out;
  -moz-transition: opacity .55s ease-in-out;
  -webkit-transition: opacity .55s ease-in-out;
  opacity: 1;
  position: relative;
  text-decoration: none;
  display: block;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 13px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 13px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 13px -5px rgba(0, 0, 0, 0.75);
}

#timeline-nav li a span {
  opacity: 0;
  transition: opacity .35s ease-in;
  -moz-transition: opacity .35s ease-in;
  -webkit-transition: opacity .35s ease-in;
  transition: opacity .95s ease-out;
  -moz-transition: opacity .95s ease-out;
  -webkit-transition: opacity .95s ease-out;
  color: #D8D8D8;
  position: relative;
  top: -40px;
  margin: 0 auto;
  font-size: 18px;
  right: 70%;
  font-style: italic;
}

#timeline-nav li:hover a {
  cursor: pointer;
  background-color: #D8D8D8;
}

#timeline-nav li:hover a > span {
  opacity: 1;
}

.arrow-up {
  height: 70px;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0px;
  right: 0px;
  margin: 0px auto !important;
  z-index: 9999999999;
  display: block;
}

.arrow-down {
  height: 70px;
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0px;
  right: 0px;
  margin: 0px auto !important;
  z-index: 9999999999;
  display: block;
}

.timeline-box {
  padding: 150px 0 150px 0;
  margin: 0 auto;
}

.herotext {
  font-family: 'ITC Avant Garde Gothic W01 XLt', Arial, Helvetica, sans-serif;
  font-size: 50px;
  margin: 0 auto;
  max-width: 560px;
}

.herotext p {

  line-height: 1;
}

.timeline-date {
  font-family: 'ITC Avant Garde Gothic W01 Bd', Arial, Helvetica, sans-serif;
  color: #c8c8c8;
  font-size: 40px;
  letter-spacing: 2px;
  max-width: 360px;
  margin: 0 auto 15px auto !important;
  border-bottom: 1px solid #c8c8c8;
  height: 60px;
}

.timeline-title {
  font-family: 'ITC Avant Garde Gothic W01 XLt', Arial, Helvetica, sans-serif;
  color: #c8c8c8;
  font-size: 40px;
  letter-spacing: 3px;
  margin: 0 auto 15px auto !important;
}

.timeline-subtitle {
  font-family: 'ITC Avant Garde Gothic W01 Bk', Arial, Helvetica, sans-serif;
  color: #c8c8c8;
  font-size: 20px;
  letter-spacing: 2px;
  margin: 0 auto 15px auto !important;
}

.timeline-readmore {
  border-bottom: 1px solid #c3c3c3;
  display: table;
  font-size: 14px;
  margin: 60px auto 0;
  text-align: center;
  text-transform: uppercase;
}

.page-id-462 .wpb_column {
  margin: 0 auto !important;
}

/* moblie nav */

.taptap-logo a {
  font-family: 'ITC Avant Garde Gothic W01 Bd', Arial, Helvetica, sans-serif !important;
  font-size: 15px;
  text-decoration: none;
  color: #FFFFFF;
  margin: 0px;
  padding: 5px;
  transition: all 0.25s ease 0s;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.taptap-image {
  text-align: center;
  margin: -77px 0px 23px !important;
}

.taptap-left {
  left: 17px;
  right: 70px;
  text-align: center;
  width: 91%;
  z-index: 99999;
}

.taptap-logo-wrapper {
  position: fixed;
  z-index: 99999 !important;
  top: 0px;
  right: 17px;
  height: 67px;
  display: table;
}

.taptap-image img {
  max-width: 230px !important;
  height: auto !important;
}

.home .tap-tap-header {
  opacity: 0 !important;
}

.home .taptap-logo-image img {
  display: none;
}

#moblielogo {
  display: none;
}

.home #colophon {
  display: none;
}

.page-id-46 .tp-caption {
  white-space: nowrap !important;
}

/* =Media queries
-------------------------------------------------------------- */

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/* max width of 1024 pixels. */
@media screen and (max-width: 1024px) {

  #pressroom {
    position: relative;
    margin-top: -200px;
    z-index: 3 !important;
    text-align: center;
  }

  #static-bg {

    padding-top: 300px;
  }

  #press-nav li {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0px 2% 0px 0px;
    width: 21%;
  }

  #press-nav li a {
    font-size: 14px
  }

  #moblielogo {
    display: block;
  }

  #property-background img {
    width: 100%;
    height: auto;
  }

  .property-meta {
    display: block;
    margin-bottom: 30px;
    width: 100%;
    position: relative;
    clear: both;
    float: left;
  }

  .licensing {
    display: block;
    position: relative;
    right: auto;
    top: auto;
    border: 1px solid #E7E7E5;
    padding: 8px 20px;
    font-size: 20px;
    letter-spacing: 5px;
    text-transform: uppercase;
    float: left;
    margin: 30px 0 0 0;
  }

  #navigation {
    display: none;
  }

  #menufication-add-padding,
  #menufication-non-css3-add-padding {
    padding-top: 0 !important;
  }

  #menufication-outer-wrap.light #menufication-scroll-container {
    background: none repeat scroll 0% 0% #fff !important;
  }

  #menufication-outer-wrap.right-direction #menufication-scroll-container {
    box-shadow: 1.2em 0px 1.4em 0.10em rgba(0, 0, 0, 0.5) inset !important;
    z-index: 99999999;
  }

  #menufication-scroll-container {
    background-color: #2A2A2A !important
  }

  #menufication-nav li,
  #menufication-non-css3-nav li {
    border-top: none !important;
  }

  #menufication-nav li#menufication-has-child-menu:before,
  #menufication-non-css3-nav li#menufication-non-css3-has-child-menu:before {
    color: #fff !important;
  }

  #menufication-nav li#menufication-child-menu-open:before,
  #menufication-non-css3-nav li#menufication-non-css3-child-menu-open:before {
    border-bottom: 2px solid #fff !important;
  }

  #menufication-nav li,
  #menufication-non-css3-nav li {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  #menufication-nav li#menufication-active-class > a,
  #menufication-non-css3-nav li#menufication-active-class > a {
    color: #999 !important;
  }

  #menufication-top #menufication-header-logo,
  #menufication-non-css3-top #menufication-non-css3-header-logo {
    height: auto !important;
    margin-top: 5px !important;
    max-width: 80% !important;
  }

  #menufication-top #menufication-header-logo img,
  #menufication-non-css3-top #menufication-non-css3-header-logo img {
    height: auto !important;
    width: 100% !important;
  }

  #menufication-top #menufication-header-logo,
  #menufication-non-css3-top #menufication-non-css3-header-logo {
    margin-top: 7px !important;
    max-height: 72px !important;
  }

  .home #menufication-top #menufication-header-logo,
  .home #menufication-non-css3-top #menufication-non-css3-header-logo {
    margin-top: 17px !important;
    max-height: 110px !important;
  }

  #menufication-outer-wrap#menufication-transition-in #menufication-scroll-container {
    z-index: 999999999 !important;
  }

  #menufication-outer-wrap {
    height: 100% !important;
  }

  #library {
    position: relative;
    margin-top: -300px;
    z-index: 3 !important;
  }

  #branding {
    display: none;
  }

  .home #branding {
    display: block;
  }

  /*#page {
    padding-top: 70px;
  }*/
  .home #page {
    padding-top: 0;
  }
}

/* max width of 800 pixels. */
@media screen and (max-width: 800px) {

  p img {
    width: 100% !important;
    height: auto !important;
  }

  p img.uparrow {
    width: auto !important;
    height: auto !important;
  }

  #static-bg {
    background-position: center top !important;
    padding-top: 150px;
  }

  #pressroom {
    position: relative;
    margin-top: -100px;
    z-index: 3 !important;
    text-align: center;
  }

  #press-nav li,
  #press-nav li:last-child {
    margin: 0px auto 32px auto;
    width: 60%;
  }

  #press-nav li.current-menu-item a:after {
    content: ' ';
    background-image: url(../img/arrow-down-sm.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 25px;
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
  }

  #press-nav li a {
    font-size: 12px;
  }

  #press-nav {
    margin: 0px auto 40px;
  }

  body {
    font-size: 18px;
    line-height: 1.2;
  }

  #timeline-nav {
    width: 95%;
    display: none;
  }

  .arrow-down-1 {
    width: 95%
  }

  .fixed-header {
    height: 135px;
  }

  #primary h1 {
    font-size: 34px;
    line-height: 1.2;
    display: block;
    letter-spacing: 3px;
    margin-bottom: 30px;
  }

  #brand {
    width: 180px;
  }

  #primary {
    width: 100%;
    float: left;
    display: block;
    margin-right: 0;
  }

  #sidebar {
    width: 100%;
    float: left;
    display: block;
  }

  #sidebar img {
    max-width: 300px;
    height: auto;
    display: block;
  }

  #library-content li img {
    max-height: 470px;
    display: block;
    float: none;
    width: 100%;
    margin: 0px auto 15px auto;
  }

  #dropdown {
    width: 185px;
    display: block;
    position: relative;
    right: 0px;
    top: 0;
    float: left;

  }

  #dropdown select {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
  }

  #page-nav {
    display: block;
    margin: 0px 40px 40px 0px;
    float: left;
    font-size: 40px;
    width: 100%;
  }

  .search {
    width: 100%;
    float: left;
    display: block;
    position: absolute;
    top: 30px;
  }

  #library-genres {
    width: 100%;
    position: relative;
    float: left;
    text-transform: uppercase;
    margin: 20px 0;
  }

  #library {
    position: relative;
    margin-top: -200px;
    z-index: 3 !important;
  }

  .footer-left,
  .footer-right {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 25px;
  }

  .separator h2 {
    font-size: 26px;
  }

  .home #colophon {
    display: block;
  }

}

/* max width of 620 pixels. */
@media screen and (max-width: 620px) {

  #static-bg {
    background-position: center top !important;
    padding-top: 100px;
  }

  #pressroom {
    position: relative;
    margin-top: -50px;
    z-index: 3 !important;
    text-align: center;
  }

  body {
    font-size: 16px;
    line-height: 1.2;
  }

  .licensing {
    font-size: 18px;
    letter-spacing: 5px;
  }

  .property-cats ul li {
    font-size: 18px;
    letter-spacing: 5px;
  }

  .separator h2 {
    padding: 0px 0.8em;
    line-height: 1em;
    font-size: 26px;
    display: table-cell;
    white-space: inherit;
    font-weight: 400;
    font-style: normal;
    color: #E7E7E5;
    text-transform: uppercase;
    text-align: center;
  }
  #videos ul li,
  #quotes ul li,
  #stories ul li {
    display: block;
    margin: 0 0 30px 0;
    float: left;
    width: 100%;
    height: auto;
  }

  #quotes ul li {
    margin: 10px 0 50px;
  }

  #related ul li {
    display: block;
    margin: 0px 0 30px 0px;
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
  }

  #library {
    position: relative;
    margin-top: -100px;
    z-index: 3 !important;
  }

  #library-content li {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 0 auto 30px auto;
  }

  #library-content li:nth-child(4n+0) {
    margin: 0 auto 30px auto;
  }

  #library-content li img {
    max-height: none !important;
    width: 100% !important;
    height: auto !important;
  }

  #pagination li.all a,
  #pagination li.all {
    display: block;
    float: left;
    margin: 15px 0;
    width: 100%;
    text-align: center;
  }

  .page-id-46 .arrow-down-1 {
    display: none;
  }

  .page-id-46 .wpb_revslider_element {
    padding-top: 30px;
  }

  blockquote {
    font-family: 'ITC Avant GardeGothicW01XLtObl', Arial, Helvetica, sans-serif;
    width: 80%;
    margin: 20px auto 20px auto;
    text-align: center;
    font-size: 24px;
  }

  .herotext {
    font-family: 'ITC Avant Garde Gothic W01 XLt', Arial, Helvetica, sans-serif;
    font-size: 40px;
    margin: 0 auto;
    max-width: 560px;
  }

  .herotext p {
    line-height: 1;
  }

  .timeline-date {
    font-family: 'ITC Avant Garde Gothic W01 Bd', Arial, Helvetica, sans-serif;
    color: #c8c8c8;
    font-size: 30px;
    letter-spacing: 2px;
    max-width: 360px;
    margin: 0 auto 15px auto !important;
    border-bottom: 1px solid #c8c8c8;
    height: 60px;
  }

  .timeline-title {
    font-family: 'ITC Avant Garde Gothic W01 XLt', Arial, Helvetica, sans-serif;
    color: #c8c8c8;
    font-size: 30px;
    letter-spacing: 3px;
    margin: 0 auto 15px auto !important;
  }

  .timeline-subtitle {
    font-family: 'ITC Avant Garde Gothic W01 Bk', Arial, Helvetica, sans-serif;
    color: #c8c8c8;
    font-size: 16px;
    letter-spacing: 2px;
    margin: 0 auto 15px auto !important;
  }

  .timeline-box {
    padding: 100px 0 100px 0;
    margin: 0 auto;
  }

  .arrow-up {
    display: none;
  }

  .arrow-down {
    display: none;
  }

}