/* ================
Theme Name:  Custom Theme Elements for POH Architects
Theme URI:   https://poharchitects.com
Description: POH Architects
Author:      Appeal Design
Author URI:  https://theappealdesign.com
===================================== */
@font-face {
  font-family: 'Century Gothic';
  src: url("/css/fonts/GOTHIC_0.TTF") format("truetype"), url("/css/fonts/GOTHIC_0.TTF") format("truetype");
  font-weight: normal;
  font-style: normal; }
body, html {
  font-family: 'Century Gothic', sans-serif;
  font-size: 15px;
  color: #2b2b2b; }

a {
  color: #2b2b2b;
  text-decoration: none; }

a:focus, a:hover {
  color: #2b2b2b;
  text-decoration: none; }

.cg {
  font-family: 'Century Gothic', sans-serif; }

.white {
  color: #fff !important; }

h1, h2, h3, h4, h5, h6 {
  color: #2b2b2b; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #2b2b2b; }

h1 {
  font-size: 20px; }

h2 {
  font-size: 19px;
  font-weight: 600; }

h3 {
  font-size: 18px;
  font-weight: 600; }

h5 {
  font-size: 16px;
  font-weight: 600; }

.mobileNavWrapper, .mobileBttn, .mobileMainLogo {
  display: none; }

/* Header and Nav Elements  */
.bkgdSlideshow {
  width: 100%;
  height: 100vh;
  background: url(/images/home_slide_bkgd.jpg) no-repeat center top;
  background-size: cover;
  display: block;
  position: relative;
  z-index: 1; }

.pageContent {
  margin-top: 42px;
  padding-top: 52px;
  margin-left: 12%;
  padding-left: 2%;
  position: relative;
  min-height: 100vh; }
  .pageContent h1, .pageContent h2, .pageContent h3, .pageContent h4, .pageContent h5, .pageContent h6, .pageContent p, .pageContent li, .pageContent a, .pageContent .locationRight, .pageContent .card-body {
    color: #fff; }

.pageContent {
  background: url(/images/projects_bkgd.jpg) no-repeat center center fixed;
  background-size: cover;
  height: 100%; }

.articles .pageContent {
  background: url(/images/projects_bkgd.jpg) no-repeat center center fixed #000; }

.leaders .pageContent {
  background: #fff; 
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-position: center !important;
  -moz-background-position: center !important;
  -o-background-position: center !important;
  background-position: center !important;
}
  .leaders .pageContent p, .leaders .pageContent h1, .leaders .pageContent h2, .leaders .pageContent h3, .leaders .pageContent h4, .leaders .pageContent h5, .leaders .pageContent li {
    color: #000; }

.projects .pageContent {
  margin-top: 0;
  padding-top: 94px; }

.projects .page_content p {
  color: #585858; }

.leftBar {
  padding-top: 20px;
  position: fixed;
  left: 0;
  top: 0;
  width: 13%;
  max-width: 241px;
  bottom: 0;
  /*background: url(/images/leftBkgd.jpg) repeat-y right;*/
  background-color:#fff;
  z-index: 5;
  text-align: center; 
  overflow-y:auto;}

div.leftNav ul{list-style-type: none;}
div.leftNav ul li{text-align:right;margin-right:15px;margin-left:15px;}
div.leftNav ul li ul li{text-align:right;margin-right:0px;}

.logo {
  margin-bottom: 20px; }
  .logo img {
    padding-left:20px;
	padding-right:20px; }

.leftBar a {
  color: #231F20; }

.leftBar .parent {
  font-size: 20px; }

a.top-active label{color:#196BB4;font-size:20px;}

.top-li{margin-bottom:20px;}
.blue-border{border:2px solid #186CB4;}}

.subNav {
  display: none; }

.subNav a {
  font-size: 16px; }

.topBar {
  position: fixed;
  z-index: 4;
  color: #1c6497;
  right: 36px;
  top: 8px; }

.home .topBar a, .project-detail .topBar a {
  color: #fff;
  text-shadow: #000 0 0 4px; }

.topBar a:hover {
  color: #1c6497;
  text-shadow: none; }

.topBar a {
  color: #fff; }

.topBar ul li.parent {
  float: left;
  position: relative;
  display: block;
  font-size: 18px;
  text-transform: uppercase; }

.topBar ul li.parent:hover .subNav {
  display: block; }

.topBar ul li.parent:after {
  /*content:"  +  ";*/ }

.topBar ul li.parent:last-child:after {
  /*content:"";*/ }

.topBar ul.subNav {
  width: 250px;
  /*background: #444;*/
  margin: 4px 0 0;
  /*margin-left: -128px;*/
  padding: 0px 0;
  list-style: none;
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 9999;
  left: 50%;
  margin-left: -125px;
  text-align: center; }

.topBar ul.subNav li {
  display: inline; }

.topBar .plus {
  margin: 0 10px; }

.topBar .subNav li a {
  display: block; }

.cd-accordion-menu label, .cd-accordion-menu a {
  font-size: 16px; }

.cd-accordion-menu ul label, .cd-accordion-menu ul a {
  font-size: 13px; }

.cd-accordion-menu ul .subsub a {
  font-size: 13px;
  font-weight: normal;
  color: #2ca0ff; }

.subsub a:active {
  color: #002f68;
  font-weight: 600; }

.has-children .has-children ul {
  margin-bottom: 10px; }

.guts {
  position: relative;
  margin-top: 42px;
  margin-left: 245px; }
  .guts ul {
    margin-left: 25px; }

.p404 .guts {
  margin-top: 30vh;
  text-align: center;
  min-height: 65vh; }

.p404 h1 {
  font-size: 100px;
  color: #c5c5c5; }

/* Guts */
.guts img[align=left], .guts img[align=left], .guts img[style='float:left;'] {
  margin: 5px 10px 5px 0; }

.guts img[align=right], .guts img[align=right], .guts img[style='float:right;'] {
  margin: 5px 0px 5px 10px; }

.images-slideshow{position:relative;}

.flexslider {
  border: none;
  margin: 0 0 0;
  width: 88%;
  left: 12%;
  height: 100vh; }

.flex-viewport {
  height: 100vh; }


.flex-direction-nav {
  display: none; }

.flex-control-nav {
  bottom: 20px;
  text-align: right;
  z-index: 20;
  right: 24px; }

.flex-control-paging li a.flex-active {
  background: #000;
  background: #5692c4;
  cursor: default; }

.flex-control-paging li a {
  background: #656565;
  text-indent: 9999px; }

.flex-control-paging li a:hover {
  background: #333;
  background: #cccccc; }

.portfolioFilter {
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 750px;
  background: #ff4c4c;
  z-index: 1000;
  padding: 10px;
  font-weight: 600; }

.isotope-item {
  z-index: 2; }

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1; }

.proj_bottom-bar {
  background: #000;
  padding: 10px 40px 10px 255px;
  position: absolute;
  width: 100%;
  bottom: 0px;
  height: 67px;
  z-index: 1; }

.h1Top .proj_bottom-bar {
  top: 0;
  bottom: auto;
  position: fixed; }

.proj_bottom-bar h1 {
  color: #fff; }

.profiles {
  width: 100%;
  margin: 0 auto; }

.profileItem {
  margin: 0 0 20px; }

.scrollToTop {
  position: fixed;
  width: 50px;
  height: 50px;
  background: #62A0D1;
  border-radius: 4px;
  text-align: center;
  bottom: 50px;
  cursor: pointer;
  display: none;
  right: 2%;
  -webkit-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  z-index: 999; }

.scrollToTop i {
  font-size: 3em;
  color: #fff; }

.scrolled .scrollToTop {
  display: block; }

.home .socialBar {
  position: fixed;
  z-index: 5;
  bottom: 20px;
  right: 20px; }

.socialBar {
  position: relative;
  z-index: 110;
  bottom: -7px;
  right: 117px;
  float: right; }

.socialBar img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  width: 34px; }

.socialBar img:hover {
  -webkit-filter: grayscale(0%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0%); }

.footer {
  background: #000;
  width: 100%;
  color: #fff;
  position: relative;
  z-index: 100;
  height: 60px;
  padding: 20px 10px;
  text-align: left; }

.footer a {
  color: #fff; }

.portfolio-item {
  margin-left: 0;
  margin-right: 3%;
  width: 30%;
  margin-bottom: 50px;
  display: inline-block;
  float: left;
  position: relative; }

.video-container-width{width:66%;float:left;margin-right:3%;}
.image-container-width{width:82%;float:left;margin-right:3%;}
.right-image-container-width{width:15%;float:left;}
.image-video-container{width:30%;float:left;}
.project-title {
  color: #fff;
  font-size: 12px;
  letter-spacing: 3px;
  text-align: center;
  position: absolute;
  letter-spacing: 1px;
  line-height: 50px;
  height: 50px;
  bottom: 6px;
  left: 0;
  padding: 0 0;
  background: rgba(0, 0, 0, 0.8);
  right: 0;
  text-transform: uppercase;
  cursor: pointer; }

.leaders .twelveHundred .portfolio-item {
  width: 13.42%;
  margin-right: 1%; }
  .leaders .twelveHundred .portfolio-item img {
    height: 112px; }
  .leaders .twelveHundred .portfolio-item:last-child {
    margin-right: 0; }
.leaders .twelveHundred .project-title {
  line-height: 14px;
  height: 75px;
  padding-top: 4px;
  bottom: -20px; }
  .leaders .twelveHundred .project-title .title {
    font-size: 8px;
    text-transform: none; }

.leaders2 .project-title {
  line-height: 25px;
  height: 75px;
  bottom: 6px; }
  .leaders2 .project-title .title {
    font-size: 10px; }

.articles .project-title {
  line-height: 25px;
  height: 75px;
  bottom: 6px; }
  .articles .project-title .title {
    font-size: 10px; }

.leadershipContainer .project-title,
.portfolioContainer .project-title,
.articles .project-title {
  display: none;
  width: 100%;
  height: 50px;
  overflow: hidden; }

.spacerPort {
  width: 100%;
  height: 350px; }

.twelveHundred {
  width: 1200px;
  margin: 0 auto; }

.twelveHundred .portfolio-item .spacerPort {
  height: 230px; }

.thirty {
  float: left;
  width: 32.5%;
  margin-right: .5%; }
  .thirty .portfolio-item {
    width: 47%;
    margin-right: 2.95%;
    margin-bottom: 15px; }
    .thirty .portfolio-item .spacerPort {
      height: 125px; }

.sixty {
  float: left;
  width: 63%;
  margin-right: 3%; }

.fifty {
  float: left;
  width: 49%;
  margin-right: .99%; }

.profile_img {
  width: 100%; }

.leadershipContainer {
  color: #fff; }
  .leadershipContainer h1, .leadershipContainer h2, .leadershipContainer h3, .leadershipContainer h4, .leadershipContainer p, .leadershipContainer li {
    color: #fff; }

.articles .twelveHundred .portfolio-item {
  width: 24%;
  margin-right: .95%; }
  .articles .twelveHundred .portfolio-item .articlePort {
    height: 350px; }

.awards .awardsContainer {
  margin-bottom: 15px; }
  .awards .awardsContainer .awardImg {
    float: left;
    width: 30%;
    margin-right: 2.5%; }
  .awards .awardsContainer .awardDesc {
    float: left;
    width: 63%;
    margin-right: 2.5%; }

.sustainability .sustainabilityContainer {
  margin-bottom: 20px; }
  .sustainability .sustainabilityContainer .sustainImg {
    float: left;
    width: 30%;
    margin-right: 1%; }
    .sustainability .sustainabilityContainer .sustainImg img {
      width: 100%; }
  .sustainability .sustainabilityContainer .sustainIntestitial {
    float: left;
    width: 75px;
    margin-right: 1%; }
    .sustainability .sustainabilityContainer .sustainIntestitial .sustainLogos img {
      width: 75px;
      position: relative;
      display: block; }
  .sustainability .sustainabilityContainer .sustainInfo {
    float: left;
    width: 53%;
    margin-right: 2.5%; }

.locations .locationItem {
  text-transform: uppercase;
  float: left;
  width: 49%;
  /*margin-right: .95%; */
}
  .locations .locationItem .locationRight, .locations .locationItem .locationLeft {
    width: 39%;
    float: left;
    display: block;
    margin-right: .95%;
  }
  .locations .locationItem .locationLeft {
    width: 59%; 
  }
  .locations .locationItem .locationRight {
    width: 39%; 
    padding-left: 10px;
  }

/*-- Locations Page - Team Section --*/
.locations .pageContent {
  height: auto;
  overflow: auto;
}
.team-member {
  width: 48%;
  display: table;
  float: left;
  padding: 30px 0;
  margin: 0 12px;
}

.team-member .feat-image-container {
  width: 34%;
  display: table-cell;
}

.team-member .feat-image {
  width: 100%;
  margin: 0 auto;
}
.team-member .team-details {
  width: 66%;
  display: table-cell;
  vertical-align: middle;
  background-color: #2D2D2D;
  padding-left: 30px;
}
.team-member:nth-child(2) .team-details, .team-member:nth-child(3) .team-details{
  background-color: #666;
    
}
.team-member .team-details h4 {
	font-size: 18px;
	font-weight: 600;
	line-height: 18px;
 	margin-bottom: 0;
}
.team-member .team-details h5 {
	font-weight: 400;
}
.team-member .team-details h4 {
	font-size: 17px;
	font-weight: 600;
	line-height: 18px;
 	margin-bottom: 0;
}
.team-member .team-details p a{
    font-size: 15px;
}
.team-member .team-details p {
    margin: 0;
}
.team-member a:hover {
  text-decoration: underline;
}

.top-presentation{width:96%;margin-right:4%;max-height:460px;margin-bottom:50px;overflow:hidden; position:relative;}
.video-display,.slideshow-display{display:none;}

@media all and (max-width: 992px) {
  .team-member {
    width: 100%;
  }
}
@media all and (max-width: 480px) {
  .team-member p {
    font-size: 3vw;
  }
}

.careers {
  text-align: center; }
  .careers h3 {
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase; }
  .careers .proj_bottom-bar {
    text-align: left; }
  .careers .centeredTitle {
    text-transform: uppercase;
    font-size: 36px; }

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width; }

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity; }

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s; }

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none; }

.cover {
  object-fit: cover; }

.project-detail .projectStats ul {
  list-style: none;
  list-style-type: none; }

.matrix p, .matrix li {
  color: #efefef; }

.arrow-wrap {
  position: absolute;
  z-index: 99999;
  left: 53%;
  top: -1em;
  margin-left: -5em;
  background: none;
  width: 10em;
  height: 10em;
  padding: 4em 2em;
  border-radius: 50%;
  font-size: 0.5em;
  display: block; }

.arrow {
  float: left;
  position: relative;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 3em 3em 0 3em;
  border-color: #ccc transparent transparent transparent;
  -webkit-transform: rotate(360deg); }

.arrow:after {
  content: '';
  position: absolute;
  top: -3.2em;
  left: -2.9em;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 3em 3em 0 3em;
  border-color: #000 transparent transparent transparent;
  -webkit-transform: rotate(360deg); }

.hint {
  position: absolute;
  top: 0.6em;
  width: 100%;
  left: 0;
  font-size: 2em;
  font-style: italic;
  text-align: center;
  color: #fff;
  opacity: 0; }

.arrow-wrap:hover .hint {
  opacity: 1; }

@-webkit-keyframes arrows {
  0% {
    top: 0; }
  10% {
    top: 12%; }
  20% {
    top: 0; }
  30% {
    top: 12%; }
  40% {
    top: -12%; }
  50% {
    top: 12%; }
  60% {
    top: 0; }
  70% {
    top: 12%; }
  80% {
    top: -12%; }
  90% {
    top: 12%; }
  100% {
    top: 0; } }
.arrow-wrap .arrow {
  -webkit-animation: arrows 2.8s 0.4s;
  -webkit-animation-delay: 3s; }

.bottom-cities{letter-spacing:1px;font-size:13.6px;}

@media (min-width: 1600px) {
  .container {
    width: 1400px; } }
@media (max-width: 1300px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    font-size: 15px; }

  .has-children .has-children ul {
    margin-bottom: 5px; }

  .cd-accordion-menu ul label, .cd-accordion-menu ul a {
    font-size: 13px; }

  li.has-children {
    line-height: 18px; }

  .twelveHundred {
    max-width: 100%; } }
@media (max-width: 1024px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    font-size: 14px; }

  .cd-accordion-menu ul label, .cd-accordion-menu ul a {
    font-size: 12px; }

  .cd-accordion-menu ul .subsub a {
    font-size: 12px; }

  .proj_bottom-bar {
    padding: 10px 40px 10px 141px; }

  .flexslider .slides img {
    width: auto;
    max-width: 1000%;
    height: 768px; }

  .guts {
    margin-left: 144px; }

  .footer {
    font-size: 12px; }

  .arrow-wrap {
    left: 65%;
    z-index: 3; }

  .flex-control-nav {
    max-width: 264px; }

  .container {
    max-width: 100%; } }
@media (max-width: 1023px) {
  .mobileBttn {
    top: 10px;
    position: fixed;
    right: 10px;
    width: 36px;
    height: 31px;
    z-index: 100;
    display: block; }

  .mobileMainLogo {
    display: block;
    width: 100%;
    top: 0;
    position: fixed;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.9);
    padding-bottom: 5px; }
    .mobileMainLogo img {
      text-align: center;
      margin: 0 auto;
      max-width: 100px; }

  body.home {
    background: #000; }

  body {
    margin-top: 180px; }

  .h1Top .proj_bottom-bar {
    top: 180px;
    position: fixed; }

  .scrolled .proj_bottom-bar {
    position: fixed;
    top: 180px; }

  .proj_bottom-bar {
    bottom: auto;
    position: relative; }

  .menu-trigger {
    display: block;
    margin: 10px auto;
    text-align: center; }

  .mobileNavWrapper {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100vh; }
    .mobileNavWrapper .social-menu {
      margin-top: 10px; }
      .mobileNavWrapper .social-menu i {
        color: #fff; }

  .mobileNavWrapper ul li {
    display: block; }

  .mobileNavWrapper .container {
    background-color: rgba(53, 53, 53, 0.9);
    width: 100%;
    height: 100vh; }

  .mobileNavWrapper ul.list-inline li {
    display: inline; }

  .menu-trigger.close-menu span {
    background: none;
    color: #ffffff;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s; }

  .bttmSticker {
    position: fixed;
    bottom: 50px;
    text-align: center;
    margin: 0 auto;
    width: 34px;
    display: block;
    left: 47%;
    color: #fff; }

  #mobile-menu {
    width: 75%;
    display: block;
    margin: 0 auto; }
    #mobile-menu a {
      color: #fff;
      font-size: 18px;
      border-bottom: 1px #fff solid;
      margin-bottom: 5px;
      line-height: 18px;
      display: block; }
    #mobile-menu li ul {
      display: none;
      border-bottom: 1px #fff solid; }
      #mobile-menu li ul li a {
        font-size: 16px;
        margin-bottom: 3px;
        line-height: 18px;
        border-bottom: none;
        color: #fff; }
    #mobile-menu li ul li ul li:first-child {
      border-top: 1px #585858 solid; }
    #mobile-menu li ul li ul li:last-child {
      border-bottom: 1px #585858 solid; }
    #mobile-menu li ul li ul li a {
      color: #5792c5; }

  .nav > li > a:focus, .nav > li > a:hover {
    background-color: #1f3b74; }

  .mobileLogo {
    max-width: 150px; }

  .twelveHundred {
    max-width: 98%;
    margin: 0 auto; }

  .leftBar, .topBar {
    display: none; }

  .arrow-wrap {
    display: none; }

  .flexslider .slides img {
    width: 100%;
    max-width: 100%;
    height: auto; }

  .flexslider {
    height: auto;
    width: 100%;
    left: 0%; }
    .flexslider .flex-viewport {
      height: auto; }

  .flex-control-nav {
    bottom: -48px; }

  .guts {
    margin-left: 0; }

  .proj_bottom-bar {
    padding: 10px 40px 10px 20px; }

  .socialBar {
    position: relative;
    z-index: 110;
    bottom: auto;
    right: auto;
    float: none;
    margin: 0px auto;
    padding: 10px 0;
    text-align: center;
    background: #000; }

  .footer {
    background: #000;
    text-align: center; }

  .pageContent {
    margin-left: 0;
    padding-left: 0;
    position: relative; }

  .home .socialBar {
    position: fixed;
    z-index: 5;
    bottom: 20px;
    right: 20px;
    background: none; }

  .leaders .twelveHundred .portfolio-item {
    width: 32%;
    margin-right: 1%;
    margin-bottom: 10px; }
  .leaders .fifty {
    width: 98%;
    margin: 0 auto;
    float: none; }

  .sustainability .sustainabilityContainer {
    margin-bottom: 20px; }
    .sustainability .sustainabilityContainer .sustainImg {
      float: left;
      width: 98%;
      margin: 0 auto; }
    .sustainability .sustainabilityContainer .sustainIntestitial {
      float: left;
      width: 10%;
      padding-top: 5px;
      margin-right: 1%; }
      .sustainability .sustainabilityContainer .sustainIntestitial .sustainLogos img {
        width: 100%;
        position: relative;
        display: block; }
    .sustainability .sustainabilityContainer .sustainInfo {
      float: left;
      width: 88%;
      margin-right: 0; }

  .articles .twelveHundred .portfolio-item {
    width: 49%;
    margin-right: .95%; }

  .awards .awardsContainer {
    margin-bottom: 15px; }
    .awards .awardsContainer .awardImg {
      float: left;
      width: 100%;
      margin: 0; }
      .awards .awardsContainer .awardImg img {
        width: 100%; }
    .awards .awardsContainer .awardDesc {
      float: left;
      width: 100%;
      margin: 0; }

  .locations .locationItem {
    text-transform: uppercase;
    float: left;
    width: 49%;
    margin-right: .95%; 
  }
    .locations .locationItem .locationRight, .locations .locationItem .locationLeft {
      float: left;
      display: block;
      margin-right: .95%; }
    .locations .locationItem .locationLeft {
      width: 100%; }
    .locations .locationItem .locationRight {
      width: 100%; }

  .flex-control-nav {
    max-width: 1000px; }

  .mobileTopArea {
    height: 255px;
    display: block; } }
@media only screen and (max-width: 767px) {
  #mobile-menu {
    width: 75%;
    display: block;
    margin: 0 auto; }
   
    #mobile-menu a {
      color: #fff;
      font-size: 16px;
      border-bottom: 1px #fff solid;
      margin-bottom: 0;
      line-height: 16px;
      display: block; }

  .portfolio-item {
    margin-right: .95%;
    width: 98%; }
  .right-image-container-width,.image-video-container{display:none;float:none;}
  .image-container-width,.video-container-width{width:100%;float:none;}
  .nav > li > a {
    padding: 5px 15px; }

  .mobileLogo {
    max-width: 100px; }

  .bttmSticker {
    bottom: 3px; }

  .leaders .twelveHundred .portfolio-item {
    width: 49%;
    margin-right: 1%;
    margin-bottom: 5px; }

  .articles .twelveHundred .portfolio-item {
    width: 99%;
    margin: 0 auto;
    margin-bottom: 10px;
    float: none; }
  
  .top-presentation{width:98%;margin-right:2%;}
  
  h1 {
    font-size: 18px; } }

.video-container {
	/*width: 1440px;*/
	height: 640px;
	background: #000;
	position: relative;
	overflow: hidden;
}
.video-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
}

.video-iframe {
	position: absolute;
	width: calc(100% + 170px);
	height: calc(100% + 170px);
	left: -60px;
	top: -60px;
	border: none;
	pointer-events: none;
}

/*.loading-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/images/POH_white-blue_Logo.png') center/contain no-repeat #000;
	z-index: 2;
	transition: opacity 0.5s;
}

.loading-image.hidden {
	opacity: 0;
	pointer-events: none;
}*/

/* Block any remaining UI elements */
.video-wrapper::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: black;
	opacity: 0;
	pointer-events: none;
}

/*# sourceMappingURL=appeal.css.map */