@import url("reset.css");
@import url("unsemantic-grid-responsive-tablet-no-ie7.css");
@import url("replica.css");
/* @import url("slicknav.min.css");
@import url("plyr/plyrStories.css?v=5"); */
/* @import url("plyr363.css?v=8"); */
@import url("//cdn.plyr.io/3.6.8/plyr.css");
@import url("//unpkg.com/flickity@2.0/dist/flickity.css");

/*
	Background #ffffff
	10% black #e6e6e6
	15% black #d9d9d9
	50% black #808080
	85% black #262626

*/

/* @group Basics */

/** {
	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}*/

:root {
  --plyr-color-main: #666;
}

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

* {
  box-sizing: border-box;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none !important;
  border-radius: 0 !important;
}

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: none;
}

body {
  width: 100%;
  height: 100%;
  font-family: "Replica-Regular", san-serif;
  font-size: 1em;
  color: #808080;
  overflow-x: hidden !important;
}

::selection {
  background-color: #808080;
  color: #ffffff;
}

::-moz-selection {
  background-color: #808080;
  color: #ffffff;
}

*:focus {
  outline: none;
}

.hidden {
  display: none;
}

a:active {
  background-color: transparent;
}

/* Sector jumptargets */

a.jumptarget,
div.jumptarget {
  display: block;
  position: relative;
  top: -72px;
  width: 10px;
  height: 0;
  background: #f1f1f1;
  /*visibility: hidden;*/
}

/* @end */

/* @group Fonts */

h2,
h4 {
  color: #262626;
  margin-bottom: 0;
}

h2 {
  font-size: 1.5em;
  line-height: 1.4em;
  color: #262626;
  float: left;
  clear: both;
}

h3 {
  margin-top: 24px;
  font-size: 1.3em;
  line-height: 1.4em;
  color: #262626;
}

#regHeading {
  font-family: "Replica-Light", san-serif;
}

.large-textblock p,
.medium-textblock p {
  font-family: "Replica-Light", san-serif;
  font-family: "Replica-Regular", san-serif;
  margin-bottom: 0;
  font-size: 1.8em;
  line-height: 1.4em;
  color: #262626;
  float: left;
  clear: both;
}

.medium-textblock p {
  font-size: 1.4em;
}

h1 > a,
h2 > a,
h3 > a,
.large-textblock p a,
.medium-textblock p a {
  color: #808080;
  text-decoration: none;
}

h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
.large-textblock p a:hover,
.medium-textblock p a:hover {
  color: #000;
  text-decoration: none;
}

#titlblok h2 a:hover {
  color: #fff;
}

h2.linkedh2 a {
  color: #d9d9d9;
}

h2.linkedh2 > a:hover {
  color: #ffffff;
  text-decoration: none;
}

h4 {
  font-size: 1.25em;
  line-height: 1.15em;
}

h4 {
  padding-bottom: 12px;
}

h4,
h4 a {
  color: #000;
  text-decoration: none;
}

h4 a:hover {
  color: #808080;
  text-decoration: none;
  transition: all 0.5s;
}

p {
  font-size: 1.1em;
  line-height: 1.65em;
  margin-bottom: 18px;
  margin-right: 10%;
}

p.newstitle {
  margin-top: 8px;
  color: #262626;
  font-size: 1.2em;
}

a {
  text-decoration: none;
}

p a {
  color: #262626;
  text-decoration: none;
  transition: all 0.5s;
}

p a:hover {
  color: #808080;
  text-decoration: none;
}

/* Quotes */

p.quoted,
p.stats {
  margin-bottom: 0;
  color: #808080;
}

p.stats {
  margin-right: 0;
}

p.quoted {
  font-family: "Replica-Regular", san-serif;
  font-size: 1.1em;
  /*padding-left: 45px;*/
  color: #262626;
  margin-top: 6px;
}

p.stats a {
  color: #000;
}

p.stats a:hover {
  color: #808080;
}

.enhance {
  color: #000;
}

/* Bold is now just black */

strong,
b {
  color: #000;
}

.element-item-cover b {
  color: #ffffff;
}

.partnerbox {
  position: relative;
  margin-bottom: 16px;
  overflow: hidden !important;
}

.partnerbox-cover {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 8px;
  right: 8px;
  bottom: 3px;
  background: rgba(27, 27, 27, 0.9);
  overflow: hidden !important;
}

@-moz-document url-prefix() {
  .partnerbox-cover {
    bottom: 3px;
  }
}

.partnerbox-cover p {
  margin: 16px 32px 0 16px;
  color: #ffffff;
  line-height: 1.2em;
}

p.mobileName {
  display: none;
}

blockquote {
  display: block;
  padding: 0 20px 0 0;
  position: relative;
  font-family: "Replica-Light", san-serif;
  font-family: "Replica-Regular", san-serif;
  font-size: 1.7em;
  line-height: 1.4em;
  color: #808080;
}

/*blockquote::before{
  content: "\201C";
  font-size: 2.4em;
  color: #808080;
  position: absolute;
  left: 0px;
  top:5px;
}*/

/*blockquote::after{
  content: "\201D";
  font-family: "Replica-Bold", san-serif;
  font-size: 2em;
  color: #808080;
  position: absolute;
  right: 20px;
  bottom:5px;
}*/

.basicnav {
  margin-top: 56px;
}

/* Suggestive arrow */

.sharethispage {
  font-family: "Replica-Regular", san-serif;
  float: right;
  color: #ffffff;
  position: relative;
  /*margin-right: 19px;*/
  /*padding-top: 2px;*/
  transition: all 0.5s;
  background-color: transparent;
  width: 112px;
  height: 56px;
  line-height: 56px;

  padding-top: 18px;
  /*margin-top: 0;
	margin-right: 0;*/
}

p.share {
  text-align: right;
  width: 100%;
  color: #fff !important;
  cursor: pointer;
}

.sharelinks {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  display: none;
  opacity: 0;
}

.sharelinks li {
  display: inline;
  margin-left: 12px;
}
.sharelinks li a i,
.sharelinks li a {
  color: #fff !important;
}

.moreinfo {
  float: right;
  color: #ffffff;
  font-size: 1.35em;
  transition: all 0.5s;
  background-color: transparent;
  width: 56px;
  height: 57px;
  line-height: 57px;
  text-align: center;
}

.moreinfo:hover {
  background-color: #ffffff;
  color: #262626;
  cursor: pointer;
}

.moreinfo_share {
  position: relative;
  color: #ffffff;
  font-size: 1.1em;
  float: right;
  width: auto;
  height: 57px;
  text-align: center;
  overflow: hidden;
}

.main-button {
  margin-left: 6px;
  transition: all 0.325s;
  padding-top: 11px;
  width: 56px;
  height: 57px;
  float: right;
}

.main-button:hover {
  background-color: #fff;
  color: #2b2b2b;
  cursor: pointer;
}

.main-button i {
  transition: transform 0.325s;
}

.rotated {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.circ {
  transform: scale(0);
  position: absolute;
  right: 21px;
  top: 17px;
  background: #fff;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: 0.325s;
}

.main-button:hover .circ {
  background-color: #2b2b2b;
}

.circb {
  top: 32px;
}

@-moz-document url-prefix() {
  .circ {
    top: 17px;
  }
  .circb {
    top: 32px;
  }
}

.circvis {
  transform: scale(1);
}

.shareoptions {
  display: none;
  opacity: 0;
  float: right;
}

.mainshare {
  float: left;
  width: 32px;
  height: 56px;
  background: transparent;
  display: inline;
  text-align: center;
  margin: 0;
  cursor: pointer;
}

.mainshare i {
  line-height: 56px;
  opacity: 0.8;
  color: #ffffff;
  font-size: 1em;
}

.mainshare:hover i {
  opacity: 1;
}

/* @end */

/* @group Structure */

#titlblok {
  width: 100%;
  margin: 0 auto 0 auto;
  background: rgba(38, 38, 38, 0.8);
  transition: all 0.5s ease;
  min-height: 56px;
  height: auto;
}

#titlblok h2 {
  color: #ffffff;
  margin: 12px 0 12px 0;
  max-width: 82.5%;
  /*line-height: 1.5em;*/
}

.landing-outer-inner {
  background: white;
  background: #fcfcfc;
  padding-top: 42px;
  display: none;
}

.landing-outer {
  opacity: 0;
  margin-top: 56px;
}

/*.landingMovie {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}*/

/* Footer */

.footer {
  display: none;
  background: #262626;
  overflow: hidden !important;
  border-top: 1px solid #808080;
  height: 57px;
}

.footer_info {
  display: inline;
  float: left;
}

.footer_social {
  float: right;
}

.footer i {
  color: #808080;
  margin: 0 10px 0 0;
}

.footer i:hover {
  color: white;
  cursor: pointer;
  transition: all 1s;
}

.footer p {
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}

.footer p a {
  color: #808080;
}

.footer p a:hover {
  color: #ffffff;
}

/*#legal:hover::after {
	content: " \2192";
}*/

/* @end */

/* @group Navigation */

.headerBump {
  height: 120px;
}

header {
  height: 56px;
  display: none;
  background: #262626;
  overflow: hidden;
  z-index: 4;
}

header.headroom {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  right: 0;
  will-change: transform;
  transition: transform 0.285s linear;
}

header.headroom--unpinned {
  transform: translateY(-100%);
}

header.headroom--pinned {
  transform: translateY(0%);
}

.sharetrigger {
  cursor: pointer;
}

.sharechunk {
  /*display: none;*/
  height: 168px;
  width: 56px;
  position: absolute;
  z-index: 250000;
  top: 56px;
  right: 64px;
}

.sharebutt {
  opacity: 0;
  width: 56px;
  height: 56px;
  float: left;
  background: #262626;
  text-align: center;
  transition: all 0.5s;
  cursor: pointer;
}

.showit {
  opacity: 1;
}

.sharebutt:hover {
  background: #fff;
  color: #262626;
}

.sharebutt:hover i {
  color: #262626;
}

.sharebutt i {
  margin-top: 19px;
  color: white;
}

.logo {
  position: relative;
  padding: 19px 0 0 0;
  transition: all 0.5s;
}

.logo img {
  width: 132px;
  height: 17px;
}

.logo:hover {
  opacity: 0.8;
}

.gbar {
  float: left;
  /*background: pink;*/
  height: auto;
}

ul.gbar li {
  text-align: center;
  float: left;
}

ul.gbar li a {
  /*font-family: "Replica-Light", san-serif;*/
  height: 37px;
  color: #808080;
  font-size: 1.25em;
  text-decoration: none;
  display: block;
  padding: 19px 32px 0 0;
  transition: all 0.5s;
  -webkit-transition-property: color; /* Safari */
  transition-property: color;
}

ul.gbar li a:hover,
ul.gbar li.select > a {
  color: #ffffff;
}

.navmobile {
  display: none;
  float: right;
  margin-right: 40px;
}

/* @end */

/* @group Projects Submenu */

.headerNav {
  height: auto;
  background: #262626;
  overflow: hidden;
  z-index: 200;
  width: 100%;
  margin-top: 56px;
  border-top: 1px solid #808080;
}

.headerNav.headroom {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: all 0.5s;
}

.headerNav.headroom--unpinned {
  top: -300px;
}

.headerNav.headroom--pinned {
  top: 0;
}

/* @end */

/* @group Small Map */

#map,
#mapb {
  height: 320px;
  width: 100%;
  border: 1px solid white;
}

.linkclickmobile {
  display: none;
}

/* @end */

/* @group Images */

.fimg {
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.fw {
  width: 100%;
}

.largefimg {
  padding-top: 0;
  padding-bottom: 48px !important;
}

/* @end */

/* @group Subscribe */

label {
  margin: 12px 0 24px 0;
}

.grid-collapse input[type="email"],
.grid-collapse input[type="text"] {
  -webkit-appearance: none;
  border-radius: 0;
  display: block;
  margin: 0;
  width: 100%;
  /*margin-right: 16px;*/
  font-family: "Replica-Regular", san-serif;
  font-size: 1.1em;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  height: 56px;
  line-height: 56px;
  background-color: #ffffff;
  color: #808080;
  transition: all 0.5s;
  padding-left: 16px;
  overflow: hidden;
  margin-bottom: 14px;
}

.grid-collapse input[type="email"]:focus {
  background-color: #e2e2e2;
  color: #262626;
}

.Light input[type="email"]:focus {
  color: #e2e2e2;
  background-color: #262626;
}

.appButton,
.grid-collapse .generic-button,
.generic-button {
  -webkit-appearance: none;
  border-radius: 0;
  background-color: #808080;
  color: #ffffff;
  font-family: "Replica-Light", san-serif;
  font-size: 1.45em;
  line-height: 32px;
  border: 0;
  width: 100%;
  height: 56px;
  cursor: pointer;
  transition: all 0.5s;
}

.appButton:hover,
.grid-collapse .generic-button:hover {
  background-color: #262626;
  color: #e2e2e2;
}

.Light .generic-button:hover {
  background-color: #262626;
  color: #e2e2e2;
}

#thankyounotification {
  margin: 44px 10px 8px 10px;
  width: 100%;
  height: auto;
  float: left;
  display: none;
}

#thankyounotification h2 {
  /*margin: 24px;*/

  color: #262626;
}

/* @end */

/* @group Video */

.grid-film h2,
.grid-film p {
  color: white;
}

.grid-film h2 a:hover,
.grid-film p a:hover {
  color: white;
}

.grid-film h2 a {
  color: #808080;
}

.grid-film > h2 a:hover {
  color: #ffffff;
}

/*Other color scheme for film block */

.grid-film.grid-color-light {
  padding-top: 48px;
  background: #fcfcfc;
}

.grid-film.grid-color-light h2 {
  font-family: "Replica-Regular", san-serif;
  color: #262626;
}

.grid-film.grid-color-light h2 a {
  color: #808080;
}

.grid-film.grid-color-light > h2 a:hover {
  color: #262626;
}

.grid-film.grid-color-light > .grid-container.grid-parent {
  padding: 0 10px 0px 10px;
}

.plyr__controls {
  padding: 10px 10px 10px 10px !important;
}

/* end other color

.videoWrapper {
	position: relative;
	padding-bottom: 57.1%;
	height: 0;
	margin: 36px 0 18px 0;

}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	float: left;
}

.introductionVideoWrapper {
	margin: 8px 0;
	width: 90%;
}

*/

/* @end */

/* @group Isotope */

.isotope {
  margin-top: 8px;
  opacity: 0;
}

.isotope .element-item {
  background: #e6e6e6;
}

/* Projects grid */

.element-item * {
  text-decoration: none;
}

.element-item {
  background: #e6e6e6;
  background: #ffffff;
  margin: 8px;
  width: 264px;
  height: 176px;
  line-height: 0;
  overflow: hidden !important;
}

.element-item.w544.h368 {
  width: 544px;
  height: 368px;
}

.element-item.w544.h176 {
  width: 544px;
  height: 176px;
}
.element-item.w360.h502,
.element-item.w264.h368 {
  width: 264px;
  height: 368px;
}

.element-item.not-isotope {
  width: 100%;
  position: relative;
  margin: 0;
  height: 100%;
  margin-bottom: 16px;
}

.element-item-cover,
.element-item-cover-smaller {
  position: absolute;
  z-index: 2;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*width: 264px;
	height: 176px;*/
  background: rgba(27, 27, 27, 0.9);
  overflow: hidden !important;
}

.clear-cover,
.clear-cover-only-icon {
  position: absolute;
  display: none;
  right: 16px;
  top: 16px;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background: rgba(27, 27, 27, 0.5);
  overflow: hidden !important;
  color: #ffffff;
  transition: all 0.5s;
}

.clear-cover:hover,
.clear-cover-only-icon:hover {
  cursor: pointer;
  background: rgba(27, 27, 27, 1);
}

.clear-cover p,
.clear-cover-only-icon p {
  width: 100%;
  text-align: center;
  line-height: 36px;
  font-size: 1.3em;
  font-family: "Replica-Light", san-serif;
}

.element-item.not-isotope > .element-item-cover {
  width: 100%;
  height: 100%;
}

/*.element-item-cover h4,
.element-item-cover p {

}*/

.element-item-cover h4 a,
.element-item-cover p a {
  color: #d9d9d9;
}

.element-item-cover h4,
.element-item-cover p,
.element-item-cover-smaller h4,
.element-item-cover-smaller p {
  color: #ffffff;
  width: 90%;
  padding: 15px 0 0 15px;
  margin-bottom: 0;
  line-height: 1.2em;
}

.element-item-cover h4 a:hover,
.element-item-cover p a:hover,
.element-item-cover-smaller h4 a:hover,
.element-item-cover-smaller p a:hover {
  color: #808080;
}

.element-item-cover h1,
.element-item-cover h1 a {
  padding: 13px 0 0 15px;
  padding-top: 24px;
  font-family: "Replica-Light", san-serif;
  font-size: 2.2em;
  color: #d9d9d9;
  line-height: 1.2em;
}

.element-item.not-isotope .textonly {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  z-index: 3;
}

.element-item.not-isotope .textonly h1,
.element-item.not-isotope .textonly h1 a {
  padding: 70px 0 36px 0;
  font-family: "Replica-Light", san-serif;
  font-size: 6em;
  color: #262626;
}

.element-item.not-isotope .textonly p {
  padding: 15px 0 0 16px;
  color: #808080;
  line-height: 1.2em;
  margin-bottom: 0;
}

.element-item.not-isotope .textonly p a {
  color: #262626;
}

.element-item.not-isotope .textonly p a:hover {
  color: #808080;
}

p.subpara {
  color: #d9d9d9;
}

.nudge-top-isotope {
  padding-top: 16px;
}

/* isotope filters */

.bysort,
.bysortaway a,
.bysortreset,
.bysort a {
  line-height: 1.4em;
  font-size: 0.95em;
  color: #808080;
  cursor: pointer;
  transition: all 0.5s;
  text-decoration: none;
}

.bysort a:hover,
.bysortaway a:hover,
.bysortreset a:hover {
  color: #d9d9d9;
}

.bysort a:hover::after,
.bysortaway a:hover::after,
.bysortreset a:hover::after {
  content: " \2192";
}

.bysor {
  cursor: pointer;
}

.bysor a:hover {
  color: #d9d9d9;
}

.bysor a:hover::after {
  content: " \2192";
}

li.select a {
  color: #fff !important;
}

.bysort.select {
  color: #ffffff;
}

.bysort.forceselect a {
  color: #ffffff !important;
}

.bysort.forceselect a:hover::after {
  content: " ";
}

/* @end */

/* @group Modal */

ul.gbar_rite {
  float: right;
  width: 56px;
  height: 56px !important;
}

ul.gbar_rite li a {
  color: #ffffff;
  padding: 20px 19px 18px 19px;
  display: block;
  text-decoration: none;
  text-align: center;
  height: 57px;
}

ul.gbar_rite li:hover a {
  background: #ffffff;
  transition: all 0.5s;
  color: #262626;
}

.langs {
  display: block;
  float: right;
  width: 34px;
  height: 57px;
  text-align: center;
  transition-duration: 0.5s;
  color: #fff;
}

.langs:hover {
  background-color: #fff;
  color: #1b1b1b;
}

p.enLink,
p.zhLink,
p.frLink {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 0.8em;
  float: right;
  line-height: 57px;
}

#animatedModal,
#animatedModalMobile {
  opacity: 0;
}

.modal {
  margin-top: 8%;
  font-size: 1.1em;
  /*padding-left: 32px;
	padding-right: 32px;*/
}

.modal_submenu {
  margin-bottom: 16px;
}

.modal h4 {
  color: white;
  margin: 24px 0;
}

.modal ul li {
  line-height: 1.5em;
}

.modal ul li a {
  transition: 0.5s;
  color: #808080;
  text-decoration: none;
}

.modal ul li a:hover {
  color: #ffffff;
}

.modal ul li a:hover::after {
  content: " \2192";
}

li.modal_headline a {
  /*font-size: 1.25em;*/
  color: #fff !important;
}

.close-animatedModal.cross {
  float: right;
  width: 56px;
  height: 56px;
  margin-bottom: 56px;
  cursor: pointer;
  transition: all 0.5s;
  margin-left: 8px;
  /*opacity: 1;*/
}

.close-animatedModal.cross img {
  transition: all 0.5s;
  margin: 14px;
}

.close-animatedModal.cross:hover {
  background: #ffffff;
}

.close-animatedModal.cross:hover img {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  /*opacity: 1;*/
}

.modal input[type="text"] {
  font-family: "Replica-Regular", san-serif;
  width: 100%;
  padding: 10px 0;
  border: none;
  border-bottom: solid 2px #808080;
  transition: border 0.5s;
  background-color: transparent;
  color: #ffffff;
  font-size: 1.25em;
  margin-bottom: 18px;
}

.modal input[type="text"]:focus,
.modal input[type="text"].focus {
  border-bottom: solid 2px #ffffff;
}

mark.highlight {
  background: transparent !important;
  color: white;
}

span.subject {
  color: #ffffff;
}

li.previous,
li#clearlist {
  font-size: 1.25em;
  color: #808080;
  cursor: pointer;
  transition: all 0.5s;
}

li.previous:hover,
li#clearlist:hover {
  color: #ffffff;
}

li.no-results {
  color: white !important;
}

.counter {
  text-align: center;
}

.counter h1 {
  color: #262626 !important;
}

.counter p {
  /*font-size: 1.1em;*/
  margin-right: 3%;
  padding: 15px 0 0 3% !important;
}

#empty {
  font-family: "Replica-Light", san-serif;
  width: 56px;
  height: 56px;
  color: #808080;
  cursor: pointer;
  font-size: 1.8em;
  transition: 0.5s;
  float: right;
  text-align: center;
}

#empty:hover {
  color: #e2e2e2;
}

.sharetrigger {
  cursor: pointer;
}

/* @end */

/* @group Search  */

span.hide {
  display: none;
}

.searcher_mobile {
  margin: 0 12px 0 12px !important;
}

ul.navigation_list {
  padding-bottom: 48px;
}

ul.navigation_list li {
  display: none;
  transition: 0.5s;
}

ul.navigation_list_mobile li {
  display: none;
}

ul.navigation_list li a:hover::after {
  content: " \2192";
}

ul.navigation_list_mobile {
  padding: 0 24px 0 0;
}

ul.navigation_list_mobile li a {
  margin-left: 0;
  line-height: 1.4em;
}

ul.navigation_list_mobile li.origin {
  font-family: "Replica-Regular", san-serif;
  margin: 12px 0 12px 0;
  color: #fff;
}

/* @end */

/* @group Flickity */

.gallery-cell {
  margin-left: 17px;
  line-height: 0;
  height: auto;
}

.gallery-cell p.lowtext {
  line-height: 1.2em;
  color: #808080;
  margin: 13px 0 0 0;
}

.gallery-cell p.lowtext_related {
  line-height: 1.3em;
  color: #ffffff;
  margin: 13px 0 1px 0;
  display: block;
}

.gallery-cell:hover p.lowtext_related {
  color: #808080;
  transition: 0.5s;
}

.gallery-cell:hover p.lowtext_related::after {
  content: " \2192";
}

.gallery-cell .textonly {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e6e6e6 !important;
}

.gallery-cell .textonly h1,
.gallery-cell .textonly h1 a {
  padding-top: 12px;
  font-family: "Replica-Light", san-serif;
  font-size: 6em;
  color: #808080;
}

.gallery-cell .textonly p,
.slideonly p {
  padding: 12px 4px 0 12px;
  color: #808080;
  line-height: 1.2em;
  font-size: 1em !important;
}

.gallery-cell p.lowtext a,
.gallery-cell .textonly p a,
.slideonly p a {
  color: #262626;
}

.gallery-cell p.lowtext a:hover,
.gallery-cell .textonly p a:hover,
.slideonly p a:hover {
  color: #808080;
}

/* Twitter / Facebook Gallery FLICKITY cells */

.gallery-cell-socialblock {
  position: relative;
  background: #262626;
  height: 100%;
  transition: 0.5s;
}

.gallery-cell-socialblock:hover {
  background: #e2e2e2;
}

.gallery-cell-socialblock p {
  /*font-size: 1em;*/
  padding: 16px;
  color: #808080;
  line-height: 1.2em;
  overflow-wrap: break-word;
  word-wrap: break-word;

  word-break: break-word;
}

/* Autonews FLICKITY cells */

.gallery-cell-autonews {
  transition: 0.5s;
  background: #e6e6e6;
}

.gallery-cell-autonews:hover {
  background: #262626 !important;
}

.flickity-icon {
  position: absolute;
  bottom: 8px;
  left: 16px;
  color: #ffffff;
  height: 24px;
}

.flickity-icon .fa-lg {
  position: absolute;
  top: 0;
  left: 0;
}

/* Twitter / Facebook GRID blocks */

.socialblock {
  background: #262626;
  transition: 0.5s;
  /*cursor: pointer;
	*/
}

.socialblock .textonly p {
  text-align: center;
  font-size: 1em;
  color: #d9d9d9;
}

/*.twitterblock .textonly p a,
.faceblock .textonly p a {
	color: #ffffff !important;
}*/

.socialblock:hover {
  background: #e2e2e2;
}

/*.socialblock:hover .tlogo {
	color: #262626;
}*/

.tlogo {
  position: absolute;
  z-index: 4;

  bottom: 16px;
  left: 46.5%;
  color: #ffffff;
}

.insta {
  color: #fff;
  opacity: 0.6;
  transition: 0.5s;
}

.socialblock:hover .insta {
  opacity: 1;
  color: #fff !important;
}

.flickity-page-dots {
  bottom: -40px;
}

.flickity-page-dots .dot {
  width: 12px;
  height: 12px;
  background: #808080;
  opacity: 1;
}

.flickity-page-dots .dot.is-selected {
  background: #262626;
  opacity: 1;
}

.grid-related .flickity-page-dots .dot.is-selected {
  background: #ffffff;
  opacity: 1;
}

.carousel-cell-image {
  transition: opacity 0.5s;
  opacity: 0;
}

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

.lowtext .related-lowtext a {
  color: #fff !important;
  text-decoration: none !important;
}

.lowtext .related-lowtext a:hover {
  color: #808080;
}

.flickity-prev-next-button {
  display: none;
  background: hsla(0, 0%, 100%, 0.4);
  width: 56px;
  height: 56px;
  /*border: 3px solid white;*/
}

.flickity-prev-next-button:hover {
  background: hsla(0, 0%, 100%, 0.65);
}

.flickity-prev-next-button:focus {
  box-shadow: none;
}

.flickity-prev-next-button .arrow {
  fill: #fff;
}

@media (max-width: 480px) {
  .flickity-page-dots {
    display: none;
  }
  .flickity-prev-next-button {
    display: inline;
  }
}

/* @end */

/* @group Collapsible */

.outer-accordion {
  min-height: 48px;
}

.accordion {
  margin: 0;
  padding: 16px 0 0 16px;
  background: #ffffff;
  text-decoration: none;
  color: #262626;
  font-size: 1.1em;
  height: 56px;
  margin-top: 16px;
  cursor: pointer;
}

.acctext {
  width: 85%;
  margin-right: 0;
  padding-right: 0;
  float: left;
}

.accordion {
  margin: 0;
  padding: 16px 0 0 16px;
  background: #ffffff;
  text-decoration: none;
  color: #262626;
  font-size: 1.1em;
  height: 48px;
  margin-top: 16px;
  cursor: pointer;
}

.accordion-open {
  background: #262626;
  color: #ffffff;
}

.accordion-open span {
  display: block;
  float: right;
  padding: 8px 32px 8px 16px;
}

.accordion-open span {
  background: url(../img/minus2.png) center center no-repeat;
}

.accordion-close span {
  padding: 8px 32px 8px 16px;
  display: block;
  float: right;
  background: url(../img/plus.png) center center no-repeat;
}

div.accordion-container {
  margin: 16px;
}

div.accordion-content ul,
div.accordion-content p {
  padding: 3px;
}

div.accordion-content ul li {
  list-style-position: inside;
  line-height: 25px;
}

div.accordion-content ul li a {
  color: #555555;
}

div.accordion-content p {
  margin-right: 0 !important;
}

/* @end */

/* @group bLazy */

.b-lazy,
.b-lazy-grid {
  -webkit-transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  -o-transition: opacity 250ms linear;
  transition: opacity 250ms linear;
  max-width: 100%;
  opacity: 0;
}

.b-lazy.b-loaded,
.b-lazy-grid.b-loaded {
  opacity: 1;
}

/* @end */

/* @group Mobile Nav */

.c-hamburger {
  display: none;
  position: fixed;
  overflow: hidden;
  float: right;
  margin: 12px 0 0 12px;
  padding: 0;
  width: 32px;
  height: 32px;
  right: 8px;
  top: 1px;
  z-index: 9999999;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  background: transparent;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 14px;
  left: 4px;
  right: 4px;
  height: 2px;
  background: white;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  content: "";
}

.c-hamburger span::before {
  top: -8px;
}

.c-hamburger span::after {
  bottom: -8px;
}
/*.c-hamburger--htx {
  background-color: #808080;
}*/

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
/*.c-hamburger--htx.is-active {
  background-color: #cb0032;
}*/

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}

/*#animatedModalMobile {
		display:none;
}*/

#animatedModalMobile {
  display: none;
  font-family: "Replica-Regular", san-serif;
  color: #e2e2e2;
  margin: 0;
  padding-top: 32px;
  list-style: none;
  overflow: hidden;
  color: #e2e2e2;

  /*font-size: 1em;*/
}

#animatedModalMobile input {
  width: 92%;
  margin: 36px 0 0 20px !important;
  padding: 0 0 10px 0;
  border: none;
  border-bottom: solid 2px #808080;
  transition: border 0.5s;
  background-color: transparent;
  color: #e2e2e2;
  font-size: 1.2em;
  margin-bottom: 18px;
  border-bottom: solid 2px #808080;
  font-family: "Replica-Regular", san-serif;
}

#animatedModalMobile ul {
  list-style: none;
  overflow: hidden;
  margin: 12px 0 0 0;
  line-height: 1.3em;
}

#animatedModalMobile ul li {
  font-size: 1em;
  padding: 4px 0 0 0;
  margin: 0 0 0 4px;
  text-decoration: none;
}

#animatedModalMobile ul li a {
  color: #ddd;
}

#animatedModalMobile li.txtnode {
  padding: 12px 0 4px 0;
  color: #fff !important;
  font-size: 1.3em !important;
}

.close-animatedModalMobile {
  position: fixed;
  z-index: 50000000;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  background: transparent;
  display: none;
}

.txtnode a {
  color: #fff;
}

.mobnavpara {
  margin: 32px 0 0 4px;
}

/* @end */

/* @group Hide Share */

/*
  HIDESHARE CSS
*/
.hideshare-wrap {
  margin: 0;
  text-align: left;
  position: relative;
  width: 100%;
}

.hideshare-wrap .hideshare-list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 180px !important;
  list-style: none;
}

.hideshare-wrap li {
  display: inline !important;
  zoom: 1;
  *display: inline;
  margin: 0 0 0 4px;
  /*width: 100px;*/
  width: auto;
}

/*.hideshare-wrap span {
  display: none;
}*/

.share {
  display: block;
  width: 95px;
  float: left;
  margin: 0;
  color: #262626;
  text-align: left;
}

.share:hover {
  color: #808080;
}

/*.share:hover::after {
	content: " \2192";
}*/

.hideshare-list a {
  color: #808080;
}

.hideshare-list a:hover {
  color: #262626;
}

.origin {
  color: #e2e2e2;
}

/* @end */

/* @group Image Slider */

/**
 *
 * slippry v1.3.1 - Responsive content slider for jQuery
 * http://slippry.com
 *
 * Authors: Lukas Jakob Hafner - @saftsaak
 *          Thomas Hurd - @SeenNotHurd
 *
 * Copyright 2015, booncon oy - http://booncon.com
 *
 *
 * Released under the MIT license - http://opensource.org/licenses/MIT
 */

/* added to the original element calling slippry */

.glide {
  /*margin-top: 14px !important;*/
}

.sy-box.sy-loading .sy-slides-wrap,
.sy-box.sy-loading .sy-pager {
  visibility: hidden;
}

/* element that wraps the slides */
.sy-slides-wrap {
  position: relative;
  height: 100%;
  width: 100%;
}

.sy-slides-wrap:hover .sy-controls {
  display: block;
}

/* element that crops the visible area to the slides */

.sy-slides-crop {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

/* list containing the slides */

.sy-list {
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
}

.sy-list.horizontal {
  -moz-transition: left ease;
  -o-transition: left ease;
  -webkit-transition: left ease;
  transition: left ease;
}

.sy-list.vertical {
  -moz-transition: top ease;
  -o-transition: top ease;
  -webkit-transition: top ease;
  transition: top ease;
}

/* single slide */
.sy-slide {
  position: absolute;
  /*width: 100%;*/
  z-index: 2;
  padding-right: 16px !important;
}

.sy-slide.kenburns {
  width: 140%;
  left: -20%;
}

.sy-slide.sy-active {
  z-index: 3;
}

.sy-slide > img {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: 0;
}

.sy-slide > a {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
}

.sy-slide > a > img {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: 0;
}

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
  display: none;
  list-style: none;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0;
}
.sy-controls li {
  position: absolute;
  width: 10%;
  min-width: 4.2em;
  height: 100%;
  z-index: 33;
}
.sy-controls li.sy-prev {
  left: 0;
  top: 0;
}
.sy-controls li.sy-prev a:after {
  background-position: -5% 0;
}
.sy-controls li.sy-next {
  right: 0;
  top: 0;
}
.sy-controls li.sy-next a:after {
  background-position: 105% 0;
}
.sy-controls li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}
.sy-controls li a:link,
.sy-controls li a:visited {
  opacity: 0.4;
}
.sy-controls li a:hover,
.sy-controls li a:focus {
  opacity: 0.8;
  outline: none;
}
.sy-controls li a:after {
  content: "";

  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
  text-indent: 0;
  line-height: 2.8em;
  color: #111;
  font-weight: 800;
  position: absolute;
  background-color: #fff;
  width: 2.8em;
  height: 2.8em;
  left: 50%;
  top: 50%;
  margin-top: -1.4em;
  margin-left: -1.4em;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

@media only screen and (max-device-width: 600px) {
  .sy-controls {
    display: block;
  }
  .sy-controls li {
    min-width: 2.1em;
  }
  .sy-controls li a:after {
    width: 1.4em;
    height: 1.4em;
    margin-top: -0.7em;
    margin-left: -0.7em;
  }
}

/* pager bubbles */

.sy-pager {
  overflow: hidden;
  *zoom: 1;
  display: block;
  width: 100%;
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.sy-pager li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 9px 1em 0 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.sy-pager li.sy-active a {
  background-color: #262626;
}

.sy-pager li a {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #808080;
  text-indent: -9999px;
  -moz-background-size: 12px;
  -o-background-size: 12px;
  -webkit-background-size: 12px;
  background-size: 12px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/*.sy-pager li a:link, .sy-pager li a:visited {
        opacity: 1.0; }

      .sy-pager li a:hover, .sy-pager li a:focus {
        opacity: 0.6; }*/

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
  width: 100%;
}

.sy-filler.ready {
  -moz-transition: padding 600ms ease;
  -o-transition: padding 600ms ease;
  -webkit-transition: padding 600ms ease;
  transition: padding 600ms ease;
}

/* @end */

/* @group Mailchimp */

.grid-subscribe {
  margin-bottom: 56px;
}

.field-shift {
  left: -9999px;
  position: absolute;
}

.mc-field-group label {
  color: #1b1b1b;
  padding-bottom: 12px;
  font-family: "Replica-Regular", san-serif;
  font-size: 1.1em;
}

/* .generic-button {
    margin-top: 34px;
} */

.response {
  padding-top: 18px;
  font-size: 1.1em;
  line-height: 1.2em;
  color: #1b1b1b;
  margin-right: 24%;
}

#mc_embed_signup div.mce_inline_error {
  background-color: #ff0000 !important;
}

/* @end */

.intro p a {
  color: #fff;
}

.intro p a:hover {
  color: #808080;
}

.overlaytxt {
  position: absolute;
  z-index: 3;
  top: 32px;
  right: 16px;
  width: 47.5%;
}

.overlaytxt p {
  font-family: "Replica-Light", san-serif;
  font-size: 1.8em;
  line-height: 1.4em;
  color: #fff;
  margin: 0;
}

/*.ptitle {
	padding: 24px 0;
}

.pname {
	height: 48px;
	line-height: 1.2em;
	color: #808080;
}*/

/*.media-social-outer {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

.media-social {
	position: absolute;
	bottom: 12px;
	right: 12px;
}

.ftg-social {
	margin-top: 4px;
}

.ftg-social i,
.media-social i {
	margin-right: 8px;
	color: #808080;
	transition-duration:0.5s;
}

.ftg-social i:hover,
.media-social i:hover {
	color: #ffffff;
}*/

.leaflet-bottom,
.leaflet-top,
.leaflet-control {
  z-index: 1 !important;
}

.newsChunk p {
  color: #262626;
  margin-right: 12%;
  margin-top: 6px;
  transition: all 0.5s;
}

.newsChunk:hover p {
  color: #808080;
}

.newsChunk:hover p::after {
  content: " \2192";
}

/* Link boxes for partners etc from Practice */

.linkbox {
  width: 264px;
  height: 176px !important;
  background: #262626;
  transition: all 0.5s;
}

.linkbox p {
  text-align: center;
  line-height: 176px;
  color: #e6e6e6;
  margin-right: 0;
  width: 100%;
}

.linkbox:hover {
  background: #e6e6e6;
}

.linkbox:hover p {
  color: #262626;
}

/*.linkbox:hover p::after {
	content: " \2192";
}*/

.contactChunk {
  margin-bottom: 16px;
}

.linkclick:hover::after {
  content: " \2192";
}

.titl {
  color: #808080;
}

.apply:hover {
  cursor: pointer;
}

.dropzone {
  width: 100%;
  height: 56px;
  margin-bottom: 16px;
  display: block;
  color: #e2e2e2;
  line-height: 56px;
  padding-left: 12px;
  transition: 0.5s;
  font-size: 1.1em;
  background: #808080 url(../img/uarr.png) no-repeat right center;
}

.dropzone:hover {
  cursor: pointer;
  color: #e2e2e2;
  background-color: #262626;
}

#eligtext {
  margin-right: 0;
  padding-bottom: 3px;
}

.mobile-image-link {
  display: none;
}

.peepPic {
  margin-top: 16px;
}

.mobile-plus {
  display: none;
}

BuilderPreviewHTMLCSS #custom-bootstrap-menu.navbar-default .navbar-brand {
  color: rgba(119, 119, 119, 1);
}
#custom-bootstrap-menu.navbar-default {
  font-size: 14px;
  background-color: rgba(51, 51, 51, 1);
  border-bottom-width: 1px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav > li > a {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav > li > a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav > li > a:focus {
  color: rgba(204, 204, 204, 1);
  background-color: rgba(102, 102, 102, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav > .active > a,
#custom-bootstrap-menu.navbar-default .navbar-nav > .active > a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav > .active > a:focus {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(102, 102, 102, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
  border-color: #666666;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
  background-color: #666666;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
  background-color: #666666;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #333333;
}

.vtour-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.vtour-container-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.vtour-container-4x3 {
  padding-bottom: 75%;
}

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

p.pdf {
  margin-top: 56px;
  margin-bottom: 36px;
}

p.pdf a {
  padding: 14px 15px;
  background: #adadad;
  color: #fff;
  transition-duration: 0.5s;
}

p.pdf a:hover {
  background: #1b1b1b;
  color: #fff !important;
}

p.pdf a::after,
p.pdf a:hover::after {
  content: "" !important;
}

.largenewtext .large-textblock p {
  font-family: "Replica-Regular", san-serif;
  font-size: 1.5em;
}

.qrcode {
  padding-top: 18px;
  background: #084024;
  padding-bottom: 0;
}

.qrcode p a {
  font-size: 1.4em;
  line-height: 1.1em;
  color: #fff;
}

.qrcode p a:hover {
  color: #ccc;
}

/* IE9 and IE10 rule set */

@media screen and (min-width: 0\0) {
  .vimHolder,
  .vimHolder-small,
  .plyr {
    /*display: none;
		min-height: 165px;*/
    /*  !important;
		float: left;
		display: block; */
    /*.landing-outer {
			padding-top:-165px;
		}*/
  }
}

/*ALL screens 1024px and smaller*/

@media screen and (max-width: 1024px) {
  .titlediv {
    height: auto !important;
    float: left;
  }
}
/* ALL screens between 768px and 1024px */

@media (min-width: 768px) and (max-width: 1024px) {
  /*.element-item.not-isotope .textonly p {
		font-size: 0.875em;
	}*/

  /*.counterimage {
	height: 176px !important;
	overflow: hidden;
	background: pink;
}*/

  .logo {
    width: 110px;
  }
  .logo img {
    margin-top: 3px;
    width: 110px;
  }
  ul.gbar li a {
    font-size: 1.15em;
    padding: 22px 20px 0 0;
  }

  .footer p {
    font-size: 0.9em;
  }
}

/* ALL screens 767px and smaller */

@media screen and (max-width: 767px) {
  .c-hamburger {
    display: block;
  }
  #animatedModalMobile {
    display: block;
  }

  .landing-outer {
    margin-top: 55px;
  }

  .moreinfo,
  .moreinfo_share {
    display: none;
  }

  .logo {
    position: absolute;
    top: 0;
    left: 12px;
  }

  .slicknav_menu {
    display: block;
  }

  header {
    height: 56px;
  }

  .gbar,
  .gbar_rite {
    display: none;
  }

  h4.heading {
    padding-top: 12px;
  }

  ul.gbar {
    display: none;
  }

  .grid-50 h2 {
    padding-top: 24px;
  }

  .large-textblock p {
    font-size: 1.3em;
  }

  p {
    margin-right: 0;
  }

  .textonly p {
    margin-right: 5%;
  }

  .grid-collapse input[type="email"] {
    width: 100%;
    padding-left: 12px;
    z-index: 1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .footer {
    height: auto;
    padding-bottom: 12px;
  }

  .element-item.not-isotope .textonly h1 {
    padding: 96px 0 36px 0;
  }

  .dropzone {
    font-size: 1em;
  }
  .langs {
    display: none;
  }
}

/* ALL screens 480px and smaller */

@media screen and (max-width: 480px) {
  .largenewtext {
    margin-top: 18px;
  }

  .grid-flickity {
    margin-bottom: 0;
  }

  p.stats {
    padding-top: 0;
  }

  .grid-four-small,
  .grid-twocolumns-image img {
    padding-bottom: 16px !important;
  }

  .grid-regular-grid {
    padding-bottom: 24px;
  }

  .gallery-cell-related img {
    height: 200px !important;
    width: auto;
  }

  /* this is a bit hokey */

  .text-not-isotope {
    height: 200px !important;
    overflow: hidden !important;
    background-color: #e6e6e6;
  }
}

/* iPad specific below */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /*.grid-footer {
	padding-top: 12px;
	}*/

  .footer p {
    font-size: 1.05em;
  }

  .element-item {
    width: 245px;
    height: 163px;
  }

  .element-item.w544.h368 {
    width: 505px;
    height: 342px;
  }

  .element-item.w544.h176 {
    width: 505px;
    height: 164px;
  }

  .element-item.w360.h502,
  .element-item.w264.h368 {
    width: 245px;
    height: 342px;
  }
  p.pdf a::after,
  p.pdf a:hover::after,
  .bysort a:hover::after,
  .bysortaway a:hover::after,
  .bysortreset a:hover::after {
    content: "";
  }

  #eligtext {
    font-size: 1em;
    margin-bottom: 19px;
  }

  .dropzone {
    height: 58px;
  }

  #titlblok {
    height: auto;
  }

  #titlblok h2 {
    margin-top: 7px;
    /*padding-bottom: 12px;*/
    margin-left: 2px;
  }

  .isotope {
    margin-top: 16px;
  }

  .grid-news-intro .element-item-cover,
  .isotope .element-item-cover {
    position: absolute;
    z-index: 2;
    opacity: 1 !important;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    /*width: 264px;
		height: 176px;*/
    background: rgba(27, 27, 27, 0.7);
    overflow: hidden !important;
  }

  .grid-news-intro .element-item-cover p,
  .isotope .element-item-cover p {
    padding-bottom: 15px;
  }

  .isotope .element-item-cover p.subpara {
    display: none;
  }

  .element-item-cover-smaller {
    opacity: 1 !important;
    background: rgba(27, 27, 27, 0.6);
  }

  .bysor.select {
    font-size: 1.1em;
    margin-bottom: 6px;
  }

  .bysortaway,
  .bysort {
    font-size: 1.1em;
  }

  h2 {
    font-size: 1.8em;
  }

  .large-textblock p {
    font-size: 2.1em;
  }

  p {
    font-size: 1.4em;
  }

  .element-item.not-isotope .textonly p {
    padding: 10px 0 0 16px;
  }

  .element-item.not-isotope .textonly p,
  .element-item-cover h4,
  .element-item-cover p,
  .element-item-cover-smaller p,
  .gallery-cell p.lowtext_related,
  .gallery-cell p.lowtext,
  p.quoted {
    font-size: 1.1em;
  }

  .slideonly p,
  .gallery-cell-socialblock p {
    font-size: 1.1em;
  }

  .textonly p {
    font-size: 1.1em !important;
  }

  .flickity-prev-next-button {
    display: inline;
  }
}

/* iPhones specfic below */

@media screen and (max-device-width: 480px) {
  .flickity-prev-next-button {
    width: 36px;
    height: 36px;
  }

  .linkclick {
    display: none;
  }
  .linkclickmobile {
    display: inline;
  }

  .landing-outer {
    margin-top: 0;
  }

  #animatedModal {
    display: none;
  }

  .logo {
    left: 8px;
  }

  .grid-mobile-link {
    margin: 0 0 -1px 0;
    padding: 4px 0 4px 0;
    background: rgba(38, 38, 38, 0.8);
    /*border-top: 1px solid #505050;*/
  }

  .grid-mobile-link p {
    margin-bottom: 2px;
    width: 100%;
    float: right;
  }

  .grid-mobile-link p a {
    color: #e6e6e6;
    width: 100%;
    padding: 8px 0 0 2px;
    /*font-size: 1em;*/
    margin: 0;
  }

  .mobile-image-link {
    display: block;
  }

  .clear-cover {
    display: none;
    opacity: 0;
  }

  .awardstats {
    margin-top: 24px;
  }

  .landing-outer-inner {
    padding-top: 24px;
    margin-top: -1px !important;
  }

  .grid-textblock,
  .grid-twocolumns {
    padding-bottom: 24px;
  }

  .grid-regular-grid {
    padding-bottom: 6px;
  }

  .grid-film-spacer {
    height: 24px;
  }

  #regHeading {
    display: none;
  }

  .grid-flickity {
    padding-bottom: 24px;
  }

  .gallery-cell .textonly p {
    margin-right: 8% !important;
  }

  .grid-twocolumns-image {
    padding-bottom: 12px;
  }

  .grid-large-image {
    padding-bottom: 24px;
  }

  .accordion {
    /*font-size: 0.95em;*/
  }

  #titlblok h2 {
    margin: 12px 36px 12px 0;
    line-height: 1.65em;
    max-width: 100%;
    /*background: pink;*/
    font-size: 1.35em;
  }

  p.quoted {
    font-size: 1.05em;
  }

  blockquote {
    font-size: 1.35em;
    padding: 0;
  }

  .acctext {
    width: 85%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .vimHolder,
  .vimHolder-small {
    margin-bottom: 12px;
  }

  .grid-top-film {
    padding: 0 0 12px 0;
  }

  .footer {
    height: auto !important;
  }

  .grid-footer_info {
    margin-bottom: 8px;
  }

  .grid-doublefilm,
  .grid-film {
    padding-bottom: 0;
  }

  /* force the height of the slider at bottom of page */
  .grid-related {
    /*height: 360px;*/
    padding-bottom: 36px;
  }

  .headerNav {
    margin-top: 0;
  }

  .page-wrap {
    width: 100%;
  }

  th.mhide,
  td.mhide {
    display: none;
  }

  li.select a {
    color: #808080 !important;
  }

  .bysortgrid {
    display: none;
  }

  .isotope {
    margin-top: 8px;
    /* width: 360px; */
    /*background: pink;*/
  }

  .element-item {
    width: 344px;
  }

  .element-item img {
    width: 344px;
  }

  .grid-news-intro .element-item-cover,
  .isotope .element-item-cover {
    position: absolute;
    z-index: 2;
    opacity: 1 !important;
    top: auto;
    bottom: 0;
    left: 0;
    width: 344px;
    height: auto;
    background: rgba(27, 27, 27, 0.7);
    overflow: hidden !important;
  }

  .grid-news-intro .element-item-cover p,
  .isotope .element-item-cover p {
    padding-bottom: 15px;
  }

  .isotope .element-item-cover p.subpara {
    display: none;
  }

  .element-item-cover-smaller {
    opacity: 1 !important;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: rgba(27, 27, 27, 0.6);
  }

  .element-item-cover-smaller p {
    padding-bottom: 12px;
  }

  p.mobileName {
    display: block;
    margin-bottom: 0;
    margin-top: 8px;
    line-height: 1.1em;
    height: auto;
    min-height: 48px;
  }

  .partnerbox {
    margin-bottom: 0;
  }

  .element-item.w360.h240,
  .element-item.w360.h240 img,
  .element-item.w264.h176,
  .element-item.w264.h176 img,
  .element-item.w544.h368,
  .element-item.w544.h368 img {
    width: 344px !important;
    height: 230px !important;
  }

  .element-item.w544.h176,
  .element-item.w544.h176 img {
    width: 344px !important;
    height: 135px !important;
  }

  .element-item.w264.h368,
  .element-item.w264.h368 img {
    width: 344px !important;
    height: 383px !important;
  }

  .element-item.w360.h502,
  .element-item.w360.h502 img {
    width: 344px !important;
    height: 494px !important;
  }

  .partnerbox-cover {
    display: none;
  }

  p.quals {
    margin: 12px 0 0 0;
  }

  .peepPic {
    margin-top: 0;
    width: 50%;
  }

  p.lowtext,
  p.lowtext_related,
  .textonly p {
    /*font-size: 0.85em;*/
  }

  .gallery-cell .textonly p {
    font-size: 0.95em !important;
  }

  .gallery-cell p.lowtext_related {
    display: none;
  }

  .gallery-cell:hover p.lowtext_related::after {
    content: "";
  }

  .basicnav {
    display: none;
  }

  .linkclick,
  .grid-animap {
    display: none;
  }

  .grid-addresses {
    padding-bottom: 0;
  }

  .grid-glide {
    margin-left: 0px !important;
  }

  .sy-slide {
    padding-right: 0 !important;
  }

  .sy-pager {
    display: none;
  }

  .mobile-plus {
    font-family: "Replica-Light", san-serif;
    display: block;
    position: absolute;
    z-index: 3;
    text-align: center;
    /*line-height: 24px;*/
    font-size: 2em;
    right: 16px;
    bottom: 16px;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background: rgba(27, 27, 27, 0.5);
    overflow: hidden !important;
    color: #ffffff;
  }

  .mobile-plus p {
    margin: 0;
    padding: 0;
    line-height: 26px;
  }

  p.special,
  .counter p {
    /*font-size: 1.5em !important;*/
  }
}

/* NEW 2021 */

.grid-vegas-home {
  margin-bottom: 40px;
}

.grid-vegas-home-inner {
  position: absolute;
  width: 100%;
  z-index: 50;
}

.hInfo {
  padding-top: 96px;
}

.hInfo h1,
.hInfo p.hQuote,
.hInfo p.hQuoted {
  color: #fff !important;
  text-shadow: 2px 2px 8px #4f4f4f;
  transition-duration: 1s;
}

.hInfo h1 {
  font-family: "Replica-Light";
  font-size: 1.8em;
  margin-top: 36px;
  margin-bottom: 36px;
}

.hInfo p.hQuote {
  font-family: "Replica-Regular";
  font-size: 1.45em;
  line-height: 1.4em;
  width: 50%;
}

.hInfo p.hQuoted {
  font-family: "Replica-Light";
  font-size: 1.45em;
  line-height: 1.4em;
}

.vegas-animation-kenburns {
  animation: kenburns ease-out;
}

.grid-vegas-home:hover .hInfo h1,
.grid-vegas-home:hover .hInfo p.hQuote,
.grid-vegas-home:hover .hInfo p.hQuoted {
}

@keyframes kenburns {
  0% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1);
  }
}

@media only screen and (max-width: 768px) {
  .hInfo h1 {
    font-size: 1.3em !important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  .hInfo p.hQuote {
    font-size: 1.05em !important;
    line-height: 1.2em !important;
    width: 75% !important;
  }

  .hInfo p.hQuoted {
    font-size: 1.05em !important;
    line-height: 1.2em !important;
  }
}

@media only screen and (max-width: 480px) {
  .hInfo p.hQuoted {
    display: none !important;
  }
}

/*******************************************/

.cover-social {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50%;
}

.cover-social p {
  font-size: 1.2em !important;
  color: #fff !important;
  width: 100%;
  position: absolute;
  left: 10px;
  top: 16px;
  line-height: 1.2em;
  margin-right: 0;
  margin-bottom: 0;
  text-shadow: 1px 1px 2px #1b1b1b;
}

.cover-2020 {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.cover-2020-inner {
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
}

.cover-2020-inner p {
  font-size: 1.4em !important;
  text-transform: uppercase;
  color: #fff !important;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 0;
  margin-bottom: 0;
  letter-spacing: 4px;
}

.coverbl-2020 {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.coverbl-2020-inner {
  position: relative;
  text-align: left;
  width: 100%;
  height: 100%;
  background: rgb(128, 128, 128);
  background: linear-gradient(
    0deg,
    rgba(64, 64, 64, 1) 0%,
    rgba(64, 64, 64, 0) 40%
  );
}

.coverbl-2020-inner-journal {
  background: rgb(26, 34, 193);
  background: linear-gradient(
    0deg,
    rgba(26, 34, 193, 1) 0%,
    rgba(26, 34, 193, 0) 30%
  );
}

.coverbl-2020-inner p {
  font-size: 1.05em !important;
  color: #fff !important;
  width: 75%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 1.3em;
  margin: 0;
  padding: 0 0 12px 12px;
}