/*
 * Author: Navdeep Singh
 * Company: Falcon Agency
 * Version: 1.0
 *
*/
/*******************************************************************************************************************************/
/* Actual Styles
/*******************************************************************************************************************************/
@font-face {
  font-family: 'Arial Rounded';
  src: url("https://s3.us-west-2.amazonaws.com/my-002-schneider-electric-flagship-page/assets/fonts/arial-rounded-mt-light.ttf") format("truetype"); }

h1.flagship-h1 {
  color: #3DCD58;
  margin: 0;
  padding: 20px 0;
  font-size: 2.2em;
  font-weight: bold;
  font-family: 'Arial Rounded'; }

h2.flagship-h2 {
  color: #3DCD58;
  margin: 0;
  font-weight: bold; }

h3.flagship-h3 {
  margin: 0;
  padding: 0; }

.mb-1 {
  margin-bottom: 0.2em; }

.mb-2 {
  margin-bottom: 0.3em; }

.mb-3 {
  margin-bottom: 0.4em; }

.mb-4 {
  margin-bottom: 0.5em; }

.flagship-col-full {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  margin: 0 auto;
  padding: 0;
  font-family: 'Arial Rounded', Arial,'Lucida Grande',Lucida,'Lucida Sans Unicode',sans-serif;
  font-size: 16px;
  color: #626469;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center; }
  .flagship-col-full:after {
    content: " ";
    display: block;
    clear: both; }

a.flagship-more {
  float: right;
  color: #1db4e3;
  text-decoration: none;
  outline: none;
  font-weight: bold; }
  a.flagship-more:hover, a.flagship-more:focus {
    text-decoration: underline; }

.flagship-se-link {
  background-color: #1db4e3;
  padding: 10px;
  border: none;
  outline: none;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  color: white;
  -moz-transition: background-color 0.6s ease;
  -webkit-transition: background-color 0.6s ease;
  -ms-transition: background-color 0.6s ease;
  transition: background-color 0.6s ease; }
  .flagship-se-link:hover, .flagship-se-link:focus {
    background-color: #116d89;
    text-decoration: none;
    color: white; }

.flagship-se-inline-link {
  color: #1db4e3;
  text-decoration: none;
  text-transform: uppercase;
  -moz-transition: color 0.6s ease;
  -webkit-transition: color 0.6s ease;
  -ms-transition: color 0.6s ease;
  transition: color 0.6s ease; }
  .flagship-se-inline-link:hover {
    color: #116d89;
    text-decoration: none; }

section.flagship-section {
  padding-bottom: 1.8em; }

#flagship-top-banner {
  background-color: #3DCD58;
  height: 345px;
  position: relative;
  margin-bottom: 1.8em;
  overflow: hidden;
  border-bottom: 5px solid #009530; }
  #flagship-top-banner .flagship-inner-wrapper {
    height: 320px;
    margin-bottom: 0;
    overflow: hidden;
    width: 100%; }
    #flagship-top-banner .flagship-inner-wrapper .slick-arrow {
      background-image: url("assets/images/arrows.png");
      width: 20px;
      height: 36px;
      z-index: 9; }
    #flagship-top-banner .flagship-inner-wrapper .slick-next {
      background-position: left bottom;
      right: 15px; }
    #flagship-top-banner .flagship-inner-wrapper .slick-prev {
      background-position: left top;
      left: 15px; }
    #flagship-top-banner .flagship-inner-wrapper .slick-dots {
      bottom: 15px; }
      #flagship-top-banner .flagship-inner-wrapper .slick-dots li button {
        background-color: white;
        border-radius: 50%;
        width: 15px;
        height: 15px; }
        #flagship-top-banner .flagship-inner-wrapper .slick-dots li button:hover {
          opacity: 0.8; }
      #flagship-top-banner .flagship-inner-wrapper .slick-dots li.slick-active button {
        background-color: #3DCD58; }
    #flagship-top-banner .flagship-inner-wrapper .flagship-slide {
      float: left;
      height: 320px;
      width: auto;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      #flagship-top-banner .flagship-inner-wrapper .flagship-slide .flagship-slide-wrapper {
        width: inherit;
        height: inherit;
        position: relative; }
        #flagship-top-banner .flagship-inner-wrapper .flagship-slide .flagship-slide-wrapper .flagship-info {
          position: absolute;
          right: 100px;
          top: 80px;
          background: rgba(0, 0, 0, 0.5);
          width: 30%;
          float: right;
          margin-right: 0;
          color: white;
          padding: 20px 10px;
          font-size: 1.5em; }
          #flagship-top-banner .flagship-inner-wrapper .flagship-slide .flagship-slide-wrapper .flagship-info img {
            margin-bottom: 0.2em; }
          #flagship-top-banner .flagship-inner-wrapper .flagship-slide .flagship-slide-wrapper .flagship-info p {
            padding-bottom: 10px;
            margin: 0;
            line-height: 1.2em;
            font-size: 18px;
            font-weight: 550;
            display: block; }
          #flagship-top-banner .flagship-inner-wrapper .flagship-slide .flagship-slide-wrapper .flagship-info a.flagship-se-link {
            font-size: 0.6em;
            display: inline-block; }

#flagship-who-we-are {
  padding: 20px 100px; }
  #flagship-who-we-are .flagship-video-wrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 50.25%;
    padding-top: 25px;
    height: 0; }
  #flagship-who-we-are .flagship-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #flagship-who-we-are h1 {
    padding: 0.2em 0 0.7em; }
  #flagship-who-we-are p {
    margin-top: 1.5em; }
  #flagship-who-we-are a {
    display: inline-block;
    margin: 10px 0; }

#flagship-product-categories ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  #flagship-product-categories ul li {
    padding: 10px; }
    #flagship-product-categories ul li .flagship-category-wrapper {
      padding: 10px;
      background-color: white;
      color: #3DCD58;
      border: 1px solid #3DCD58;
      height: 100%; }
    #flagship-product-categories ul li a {
      text-decoration: none;
      outline: none;
      color: white; }
      #flagship-product-categories ul li a:focus h1 {
        text-decoration: underline; }
    #flagship-product-categories ul li img {
      margin: 10px 0;
      width: 50%; }
    #flagship-product-categories ul li h1 {
      color: #3DCD58;
      margin: 0;
      font-size: 1.0em;
      padding: 0; }
    #flagship-product-categories ul li p {
      margin: 0;
      padding-top: 3px; }
    #flagship-product-categories ul li .more-links {
      font-size: 0.8em;
      margin-top: 20px;
      margin-left: auto;
      margin-right: auto; }
      #flagship-product-categories ul li .more-links a {
        display: inline-block;
        width: auto; }

ul.flagship-slick {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 50px; }
  ul.flagship-slick:before, ul.flagship-slick:after {
    content: "";
    display: table; }
  ul.flagship-slick:after {
    clear: both; }
  ul.flagship-slick .slick-next {
    right: 15px; }
  ul.flagship-slick .slick-prev {
    left: 15px; }
  ul.flagship-slick li {
    width: 28%;
    float: left;
    margin-right: 5.26316%;
    height: auto;
    margin: 0 20px;
    outline: none;
    text-decoration: none; }
    ul.flagship-slick li img {
      width: 100%; }
    ul.flagship-slick li .flagship-product-info, ul.flagship-slick li .flagship-prog-info {
      text-align: left;
      font-size: 0.9em;
      margin-top: -4px;
      line-height: 1.3em; }
      ul.flagship-slick li .flagship-product-info h2, ul.flagship-slick li .flagship-prog-info h2 {
        margin-bottom: 0.2em;
        font-size: 1.4em;
        line-height: 0.9em; }
      ul.flagship-slick li .flagship-product-info p, ul.flagship-slick li .flagship-prog-info p {
        margin-top: 0.5em;
        margin-bottom: 1em;
        line-height: 1.3em; }
      ul.flagship-slick li .flagship-product-info a, ul.flagship-slick li .flagship-prog-info a {
        display: inline-block;
        line-height: 1em; }

.flagship-product-info {
  padding: 10px; }
  .flagship-product-info .more-links {
    margin-top: 20px;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .flagship-product-info .more-links a:first-child {
      margin-right: 0.5em; }

.flagship-prog-info {
  background-color: #EAEAEA;
  padding: 10px; }
  .flagship-prog-info .more-links {
    margin-top: 20px;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .flagship-prog-info .more-links a:first-child {
      margin-right: 0.5em; }

#flagship-event-form h1 {
  padding: 20px 200px 0; }

#flagship-event-form h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 0.2em; }

#flagship-event-form .flagship-wrapper {
  background-color: #EAEAEA;
  width: 80%;
  margin: 0 auto;
  padding: 25px; }
  #flagship-event-form .flagship-wrapper:before, #flagship-event-form .flagship-wrapper:after {
    content: "";
    display: table; }
  #flagship-event-form .flagship-wrapper:after {
    clear: both; }
  #flagship-event-form .flagship-wrapper p {
    width: 43%;
    float: left;
    margin-right: 5.26316%;
    margin: 0 3%; }
  #flagship-event-form .flagship-wrapper input[type="text"], #flagship-event-form .flagship-wrapper input[type="email"] {
    padding: 10px;
    border: none;
    width: 100%; }
  #flagship-event-form .flagship-wrapper .flagship-se-link {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 25px; }

#flagship-newsletter {
  background-color: #EAEAEA;
  text-align: left;
  margin: 0px 20px;
  padding: 25px; }
  #flagship-newsletter:before, #flagship-newsletter:after {
    content: "";
    display: table; }
  #flagship-newsletter:after {
    clear: both; }
  #flagship-newsletter .flagship-label-side {
    width: 28%;
    float: left;
    margin-right: 5.26316%;
    margin-right: 10px; }
    #flagship-newsletter .flagship-label-side h3 {
      text-transform: uppercase;
      font-size: 1.2em;
      font-weight: bold; }
  #flagship-newsletter .flagship-form-side {
    width: 70%;
    float: left;
    margin-right: 5.26316%;
    margin-right: 0;
    margin-top: 25px; }
    #flagship-newsletter .flagship-form-side input[type="text"], #flagship-newsletter .flagship-form-side input[type="email"] {
      padding: 0 5px;
      border: none;
      width: 60%;
      float: left;
      margin-right: 5.26316%;
      margin-right: 0;
      height: 35px; }
    #flagship-newsletter .flagship-form-side input.flagship-se-link {
      text-align: center;
      height: 35px;
      padding: 0;
      font-size: 0.9em;
      width: 20%;
      float: left;
      margin-right: 5.26316%;
      margin-right: 0;
      border-radius: 0; }

#flagship-events-listing {
  margin: 0 50px; }
  #flagship-events-listing ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #flagship-events-listing ul:before, #flagship-events-listing ul:after {
      content: "";
      display: table; }
    #flagship-events-listing ul:after {
      clear: both; }
    #flagship-events-listing ul li {
      height: 120px;
      margin-bottom: 25px;
      text-align: left;
      background: #EAEAEA; }
      #flagship-events-listing ul li:before, #flagship-events-listing ul li:after {
        content: "";
        display: table; }
      #flagship-events-listing ul li:after {
        clear: both; }
      #flagship-events-listing ul li .flagship-event-date {
        width: 13%;
        float: left;
        margin-right: 5.26316%;
        font-size: 3.2em;
        height: 100%;
        line-height: 0.8em;
        margin-right: 0;
        padding: 0;
        text-align: center;
        width: 13%;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        #flagship-events-listing ul li .flagship-event-date.date__year {
          font-size: 2.2em; }
        #flagship-events-listing ul li .flagship-event-date span {
          font-size: 0.6em;
          display: block; }
      #flagship-events-listing ul li .flagship-event-wrapper {
        width: 87%;
        float: left;
        margin-right: 5.26316%;
        height: 100%;
        margin-right: 0;
        padding: 30px;
        box-sizing: border-box;
        display: flex;
        align-items: center; }
        #flagship-events-listing ul li .flagship-event-wrapper:before, #flagship-events-listing ul li .flagship-event-wrapper:after {
          content: "";
          display: table; }
        #flagship-events-listing ul li .flagship-event-wrapper:after {
          clear: both; }
        #flagship-events-listing ul li .flagship-event-wrapper.no-date {
          width: 100%;
          float: left;
          margin-right: 5.26316%; }
          #flagship-events-listing ul li .flagship-event-wrapper.no-date .flagship-event-info {
            width: 66%;
            float: left;
            margin-right: 5.26316%; }
        #flagship-events-listing ul li .flagship-event-wrapper .flagship-event-info {
          width: 60%;
          float: left;
          margin-right: 5.26316%;
          margin-right: 0;
          padding-right: 15%;
          flex: auto; }
          #flagship-events-listing ul li .flagship-event-wrapper .flagship-event-info h2 {
            color: #626469;
            font-size: 1em;
            padding-bottom: 0.2em;
            font-weight: bold; }
          #flagship-events-listing ul li .flagship-event-wrapper .flagship-event-info p {
            margin: 0;
            font-size: 0.9em;
            line-height: 1.18em; }
        #flagship-events-listing ul li .flagship-event-wrapper .flagship-event-link {
          width: 21%;
          float: right;
          margin-right: 0;
          margin-right: 0;
          text-align: right;
          flex: auto; }
      #flagship-events-listing ul li:nth-child(odd) .flagship-event-date {
        background-color: #3DCD58; }
      #flagship-events-listing ul li:nth-child(even) .flagship-event-date {
        background-color: #175a24; }

footer.flagship-footer {
  text-align: left;
  padding: 25px; }
  footer.flagship-footer:before, footer.flagship-footer:after {
    content: "";
    display: table; }
  footer.flagship-footer:after {
    clear: both; }
  footer.flagship-footer p {
    float: left;
    margin-right: 15px;
    margin-top: 6px; }
  footer.flagship-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left; }
    footer.flagship-footer ul > li {
      display: inline-block;
      margin: 0 7px; }

.layout-app .main.container {
  padding: 0; }

#pp_full_res {
  box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.5); }

div.pp_pic_holder {
  max-width: 100%; }

.flagship-inline-dialog-box {
  background: #fff;
  height: 100%;
  min-height: 150px;
  width: 100%;
  line-height: 1.2em !important;
  padding: 20px;
  font-family: 'Arial','Lucida Grande',Lucida,'Lucida Sans Unicode',sans-serif;
  box-sizing: border-box; }

.flagship-col-2-wrapper {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(2, minmax(70%, 1fr)); }
  .flagship-col-2-wrapper > *:nth-child(even) {
    grid-column: 30%; }

@media (min-width: 320px) and (max-width: 480px) {
  .flagship-col-2-wrapper {
    font-size: 80%;
    grid-gap: 20px;
    grid-template-columns: repeat(2, minmax(55%, 1fr)); }
    .flagship-col-2-wrapper > *:nth-child(even) {
      grid-column: 45%;
      overflow: auto; }
    .flagship-col-2-wrapper .flagship-se-link {
      display: inline-block; }
  .flagship-col-full {
    width: 93vw;
    margin: 0;
    padding: 0; }
    .flagship-col-full #flagship-who-we-are {
      padding: 20px 20px; }
      .flagship-col-full #flagship-who-we-are p {
        padding-top: 0;
        margin-top: 0; }
    .flagship-col-full ul.flagship-slick li {
      width: 100%; }
      .flagship-col-full ul.flagship-slick li .flagship-product-info {
        height: auto;
        font-size: 0.8em; }
        .flagship-col-full ul.flagship-slick li .flagship-product-info .more-links {
          width: auto;
          text-align: center; }
          .flagship-col-full ul.flagship-slick li .flagship-product-info .more-links a {
            width: 100%; }
            .flagship-col-full ul.flagship-slick li .flagship-product-info .more-links a:first-child {
              margin-bottom: 10px;
              margin-right: 0; }
      .flagship-col-full ul.flagship-slick li .flagship-prog-info {
        font-size: 0.8em; }
        .flagship-col-full ul.flagship-slick li .flagship-prog-info a {
          display: block;
          margin: 0 auto;
          width: 116px; }
    .flagship-col-full #flagship-product-categories {
      padding-top: 0; }
      .flagship-col-full #flagship-product-categories ul li {
        height: 300px; }
        .flagship-col-full #flagship-product-categories ul li .more-links {
          flex-direction: column;
          width: auto; }
          .flagship-col-full #flagship-product-categories ul li .more-links a {
            width: 100%; }
            .flagship-col-full #flagship-product-categories ul li .more-links a:first-child {
              margin-bottom: 10px;
              margin-right: 0; }
      .flagship-col-full #flagship-product-categories a.flagship-more {
        padding-right: 25px; }
    .flagship-col-full #flagship-top-banner {
      width: 100%;
      height: 116px; }
      .flagship-col-full #flagship-top-banner .flagship-inner-wrapper {
        height: 135px;
        width: 100%; }
        .flagship-col-full #flagship-top-banner .flagship-inner-wrapper .flagship-slide {
          height: auto; }
        .flagship-col-full #flagship-top-banner .flagship-inner-wrapper .flagship-slide-wrapper img {
          width: 100%; }
        .flagship-col-full #flagship-top-banner .flagship-inner-wrapper .flagship-slide-wrapper .flagship-info {
          font-size: 0.5em;
          right: 48px;
          top: 0 !important;
          height: 100%;
          padding: 10px; }
          .flagship-col-full #flagship-top-banner .flagship-inner-wrapper .flagship-slide-wrapper .flagship-info p {
            font-size: 0.95em; }
          .flagship-col-full #flagship-top-banner .flagship-inner-wrapper .flagship-slide-wrapper .flagship-info a.flagship-se-link {
            padding: 5px; }
        .flagship-col-full #flagship-top-banner .flagship-inner-wrapper .slick-dots {
          bottom: 21px; }
          .flagship-col-full #flagship-top-banner .flagship-inner-wrapper .slick-dots li button {
            width: 10px;
            height: 10px; }
    .flagship-col-full #flagship-event-form h1 {
      padding: 0; }
    .flagship-col-full #flagship-events-listing {
      margin: 0px; }
      .flagship-col-full #flagship-events-listing ul li {
        height: 196px; }
        .flagship-col-full #flagship-events-listing ul li .flagship-event-date {
          width: 28%;
          height: 100%;
          width: 28%;
          float: left;
          margin-right: 5.26316%;
          margin-right: 0%; }
        .flagship-col-full #flagship-events-listing ul li .flagship-event-wrapper {
          width: 72%;
          float: left;
          margin-right: 5.26316%;
          margin-right: 0%;
          padding: 20px;
          line-height: 1.2em;
          flex-direction: column; }
          .flagship-col-full #flagship-events-listing ul li .flagship-event-wrapper.no-date {
            width: 100%;
            float: left;
            margin-right: 5.26316%;
            margin-right: 0%; }
          .flagship-col-full #flagship-events-listing ul li .flagship-event-wrapper .flagship-event-info {
            width: 100%;
            margin: 0;
            padding: 0; }
          .flagship-col-full #flagship-events-listing ul li .flagship-event-wrapper .flagship-event-link {
            width: 100%;
            text-align: right;
            margin: 15px 0; }
    .flagship-col-full #flagship-newsletter .flagship-label-side {
      width: 100%; }
      .flagship-col-full #flagship-newsletter .flagship-label-side p {
        margin-top: 0.3em; }
    .flagship-col-full #flagship-newsletter .flagship-form-side {
      margin-top: 0;
      width: 100%; }
      .flagship-col-full #flagship-newsletter .flagship-form-side input[type="text"], .flagship-col-full #flagship-newsletter .flagship-form-side input[type="email"] {
        width: 90%; }
      .flagship-col-full #flagship-newsletter .flagship-form-side .flagship-se-link {
        width: 45%;
        margin: 10px 0 0 68px; } }

/* Slick Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: auto;
  min-height: 1px;
  display: none; }
  .slick-slide img {
    max-width: 100%; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 38px;
  width: 23px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent url("assets/images/dark-arrows.png") no-repeat;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    color: transparent; }

.slick-prev {
  background-position: bottom left;
  left: -5px; }

.slick-next {
  background-position: top left;
  right: 25px; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }

/* ------------------------------------------------------------------------
  DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus {
  outline: none; }

div.pp_overlay {
  background: #000;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9500; }

div.pp_pic_holder {
  display: none;
  position: absolute;
  width: 100px;
  z-index: 10000; }

.pp_top {
  height: 20px;
  position: relative; }

* html .pp_top {
  padding: 0 20px; }

.pp_top .pp_left {
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px; }

.pp_top .pp_middle {
  height: 20px;
  left: 20px;
  position: absolute;
  right: 20px; }

* html .pp_top .pp_middle {
  left: 0;
  position: static; }

.pp_top .pp_right {
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px; }

.pp_content {
  height: 40px;
  min-width: 40px; }

* html .pp_content {
  width: 40px; }

.pp_fade {
  display: none; }

.pp_content_container {
  position: relative;
  text-align: left;
  width: 100%; }

.pp_content_container .pp_left {
  padding-left: 20px; }

.pp_content_container .pp_right {
  padding-right: 20px; }

.pp_content_container .pp_details {
  float: left;
  margin: 10px 0 2px 0; }

.pp_description {
  display: none;
  margin: 0; }

.pp_social {
  float: left;
  margin: 0; }

.pp_social .facebook {
  float: left;
  margin-left: 5px;
  width: 55px;
  overflow: hidden; }

.pp_social .twitter {
  float: left; }

.pp_nav {
  clear: right;
  float: left;
  margin: 3px 10px 0 0; }

.pp_nav p {
  float: left;
  margin: 2px 4px;
  white-space: nowrap; }

.pp_nav .pp_play,
.pp_nav .pp_pause {
  float: left;
  margin-right: 4px;
  text-indent: -10000px; }

a.pp_arrow_previous,
a.pp_arrow_next {
  display: block;
  float: left;
  height: 15px;
  margin-top: 3px;
  overflow: hidden;
  text-indent: -10000px;
  width: 14px; }

.pp_hoverContainer {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2000; }

.pp_gallery {
  display: none;
  left: 50%;
  margin-top: -50px;
  position: absolute;
  z-index: 10000; }

.pp_gallery div {
  float: left;
  overflow: hidden;
  position: relative; }

.pp_gallery ul {
  float: left;
  height: 35px;
  margin: 0 0 0 5px;
  padding: 0;
  position: relative;
  white-space: nowrap; }

.pp_gallery ul a {
  border: 1px #000 solid;
  border: 1px rgba(0, 0, 0, 0.5) solid;
  display: block;
  float: left;
  height: 33px;
  overflow: hidden; }

.pp_gallery ul a:hover,
.pp_gallery li.selected a {
  border-color: #fff; }

.pp_gallery ul a img {
  border: 0; }

.pp_gallery li {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  padding: 0; }

.pp_gallery li.default a {
  background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
  display: block;
  height: 33px;
  width: 50px; }

.pp_gallery li.default a img {
  display: none; }

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
  margin-top: 7px !important; }

a.pp_next {
  background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  float: right;
  height: 100%;
  text-indent: -10000px;
  width: 49%; }

a.pp_previous {
  background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  float: left;
  height: 100%;
  text-indent: -10000px;
  width: 49%; }

a.pp_expand,
a.pp_contract {
  cursor: pointer;
  display: none;
  height: 20px;
  position: absolute;
  right: 30px;
  text-indent: -10000px;
  top: 10px;
  width: 20px;
  z-index: 20000; }

a.pp_close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  line-height: 22px;
  text-indent: -10000px; }

.pp_bottom {
  height: 20px;
  position: relative; }

* html .pp_bottom {
  padding: 0 20px; }

.pp_bottom .pp_left {
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px; }

.pp_bottom .pp_middle {
  height: 20px;
  left: 20px;
  position: absolute;
  right: 20px; }

* html .pp_bottom .pp_middle {
  left: 0;
  position: static; }

.pp_bottom .pp_right {
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px; }

.pp_loaderIcon {
  display: block;
  height: 24px;
  left: 50%;
  margin: -12px 0 0 -12px;
  position: absolute;
  top: 50%;
  width: 24px; }

#pp_full_res {
  line-height: 1 !important; }

#pp_full_res .pp_inline {
  text-align: left; }

#pp_full_res .pp_inline p {
  margin: 0 0 15px 0; }

div.ppt {
  color: #fff;
  display: none;
  font-size: 17px;
  margin: 0 0 5px 15px;
  z-index: 9999; }