@charset "UTF-8";
/**
 * style.css
 *
 * Theme Name:  Nuage Networks
 * Theme URI:   http://www.machine-agency.com
 * Author:      Machine Agency
 * Author URI:  http://www.machine-agency.com
 * Description: Custom Theme for Nuage Networks
 * Version:     1.1
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags:        light
 * Text Domain: sbmedia
 */

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

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

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

a.anchor {
  display: block;
  position: relative;
  top: -130px;
  visibility: hidden;
}

.section--logo--container {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.linked_in_wrapper {
  display: block;
  margin: 0 auto;
  width: 300px;
}

.media-container.linked {
  padding: 1rem;
  overflow: hidden;
}


/* ==========================================================================
   Homepage Owl Carousel
   ========================================================================== */
    .home {
      opacity: 0;
    }

    .home-carousel-container {
      position: relative;
      width: 100%;
    }

    .home-carousel-container .down-to-next-section {
      display: block;
      bottom: 1rem;
    }

   .home-carousel .owl-wrapper-outer {
    max-height: 48rem;
   }

   .home-carousel.owl-carousel .owl-item > div {
    position: relative;
    padding-bottom: 120%;
   }

   .home-carousel.owl-carousel .owl-item .slide--image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
   }

   .home-carousel.owl-carousel:hover {
    cursor: ew-resize;
   }

   .home-carousel.owl-carousel .owl-item .slider__heading {
    color: #FFF;
    font-weight: 300;
   }

   .slide__body {
    max-width: 42rem;
    width: 100%;
    position: absolute;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    padding: 2rem;
   }

   .slide__content {
    margin-top: .75rem;
    color: #FFF;
   }

   .home-carousel .slider__heading {
    font-size: 1.45rem;
   }

   .home-carousel .btn {
    font-size: .7125rem;
   }

   .home-carousel .btn:link,
   .home-carousel .btn:visited {
    border: solid 1px #FFF;
    background: transparent;
    color: #FFF;
    margin-top: 1.25rem;
    margin-right: .25rem;
    padding: 0.6rem 1.5rem 0.35rem 1.5rem;
   }

   .home-carousel .btn:focus,
   .home-carousel .btn:hover,
   .home-carousel .btn:active {
    background: #FFF;
    color: #222;
   }

  .home-carousel-container .down-to-next-section {
    position: absolute;
    z-index: 4;
    color: #FFF;
    bottom: 2rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    width: 20px;
    cursor: pointer;
    z-index: 10;
    display: none;
  }

  .home-carousel-container .down-to-next-section.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
    position: absolute;
    left: calc(50% - 10px);
  }

  .home-carousel-container .animated{-webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-fill-mode:both;
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -ms-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s;
  }

  @-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-7px);}
    60% {-webkit-transform: translateY(-3px);}
  }

  @-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-30px);}
    60% {-moz-transform: translateY(-15px);}
  }

  @-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-30px);}
    60% {-o-transform: translateY(-15px);}
  }
  @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-7px);}
    60% {transform: translateY(-3px);}
  }

   @media screen and (min-width: 40em) {
     .slide__body {
      max-width: 42rem;
      text-align: left;
     }

     .slide__content {
      margin-top: .5rem;
     }

     .home-carousel .btn:link,
     .home-carousel .btn:visited {
      margin-top: 1.5rem;
     }

    .home-carousel-container .down-to-next-section {
      display: block;
    }

    .home-carousel.owl-carousel .owl-item > div {
      padding-bottom: 60%;
     }
   }
   @media screen and (min-width: 80em) {
    .slide__body {
      top: 50%;
    }
   }

   @media screen and (min-width: 90em) {
    .slide__body {
      top: 42%;
    }
   }

    @media screen and (min-width: 100em) {
    .slide__body {
      top: 32%;
    }
   }

  .owl-slide.overlay:before {
    content: "";
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    background-color: rgba(0,0,0,0.05);
    z-index: 1;
  }

  .owl-slide.overlay-0:before { background-color: rgba(0,0,0,0.0); }
  .owl-slide.overlay-5:before { background-color: rgba(0,0,0,0.05); }
  .owl-slide.overlay-10:before { background-color: rgba(0,0,0,0.1); }
  .owl-slide.overlay-15:before { background-color: rgba(0,0,0,0.15); }
  .owl-slide.overlay-20:before { background-color: rgba(0,0,0,0.20); }
  .owl-slide.overlay-25:before { background-color: rgba(0,0,0,0.25); }
  .owl-slide.overlay-30:before { background-color: rgba(0,0,0,0.30); }
  .owl-slide.overlay-35:before { background-color: rgba(0,0,0,0.35); }
  .owl-slide.overlay-40:before { background-color: rgba(0,0,0,0.40); }
  .owl-slide.overlay-45:before { background-color: rgba(0,0,0,0.45); }
  .owl-slide.overlay-50:before { background-color: rgba(0,0,0,0.50); }
  .owl-slide.overlay-55:before { background-color: rgba(0,0,0,0.55); }
  .owl-slide.overlay-60:before { background-color: rgba(0,0,0,0.60); }
  .owl-slide.overlay-65:before { background-color: rgba(0,0,0,0.65); }
  .owl-slide.overlay-70:before { background-color: rgba(0,0,0,0.70); }
  .owl-slide.overlay-75:before { background-color: rgba(0,0,0,0.75); }
  .owl-slide.overlay-80:before { background-color: rgba(0,0,0,0.80); }
  .owl-slide.overlay-85:before { background-color: rgba(0,0,0,0.85); }
  .owl-slide.overlay-90:before { background-color: rgba(0,0,0,0.90); }
  .owl-slide.overlay-95:before { background-color: rgba(0,0,0,0.95); }


  /* Slider overlay for mobile only */
  @media only screen and (max-width: 40em){
    .owl-slide.overlay-mobile-5:before { background-color: rgba(0,0,0,0.05); }
    .owl-slide.overlay-mobile-10:before { background-color: rgba(0,0,0,0.1); }
    .owl-slide.overlay-mobile-15:before { background-color: rgba(0,0,0,0.15); }
    .owl-slide.overlay-mobile-20:before { background-color: rgba(0,0,0,0.20); }
    .owl-slide.overlay-mobile-25:before { background-color: rgba(0,0,0,0.25); }
    .owl-slide.overlay-mobile-30:before { background-color: rgba(0,0,0,0.30); }
    .owl-slide.overlay-mobile-35:before { background-color: rgba(0,0,0,0.35); }
    .owl-slide.overlay-mobile-40:before { background-color: rgba(0,0,0,0.40); }
    .owl-slide.overlay-mobile-45:before { background-color: rgba(0,0,0,0.45); }
    .owl-slide.overlay-mobile-50:before { background-color: rgba(0,0,0,0.50); }
    .owl-slide.overlay-mobile-55:before { background-color: rgba(0,0,0,0.55); }
    .owl-slide.overlay-mobile-60:before { background-color: rgba(0,0,0,0.60); }
    .owl-slide.overlay-mobile-65:before { background-color: rgba(0,0,0,0.65); }
    .owl-slide.overlay-mobile-70:before { background-color: rgba(0,0,0,0.70); }
    .owl-slide.overlay-mobile-75:before { background-color: rgba(0,0,0,0.75); }
    .owl-slide.overlay-mobile-80:before { background-color: rgba(0,0,0,0.80); }
    .owl-slide.overlay-mobile-85:before { background-color: rgba(0,0,0,0.85); }
    .owl-slide.overlay-mobile-90:before { background-color: rgba(0,0,0,0.90); }
    .owl-slide.overlay-mobile-95:before { background-color: rgba(0,0,0,0.95); }
  }

  /* Mobile slide position in homepage slider */
  .mobile-position-0 {background-position: 0 center;}
  .mobile-position-10 {background-position: 10% center;}
  .mobile-position-20 {background-position: 20% center;}
  .mobile-position-30 {background-position: 30% center;}
  .mobile-position-40 {background-position: 40% center;}
  .mobile-position-50 {background-position: 50% center;}
  .mobile-position-60 {background-position: 60% center;}
  .mobile-position-70 {background-position: 70% center;}
  .mobile-position-80 {background-position: 80% center;}
  .mobile-position-90 {background-position: 90% center;}
  .mobile-position-100 {background-position: 100% center;}
  @media only screen and (min-width: 40em){
    .desktop-position-0 {background-position: 0 center;}
    .desktop-position-10 {background-position: 10% center;}
    .desktop-position-20 {background-position: 20% center;}
    .desktop-position-30 {background-position: 30% center;}
    .desktop-position-40 {background-position: 40% center;}
    .desktop-position-50 {background-position: 50% center;}
    .desktop-position-60 {background-position: 60% center;}
    .desktop-position-70 {background-position: 70% center;}
    .desktop-position-80 {background-position: 80% center;}
    .desktop-position-90 {background-position: 90% top;}
    .desktop-position-100 {background-position: 100% center;}
  }

/* ==========================================================================
   Testimonials
   ========================================================================== */
   .tax-resource_categories article.testimonial {
    text-align: left;
   }
/* ==========================================================================
   FAQ page additions
   ========================================================================== */
   .accordion__container_inner {
    margin: 0 2em;
   }

   .accordion__container_inner .accordion__heading:link {
    font-size: .75em;
   }

    .accordion__container_inner .accordion__item {
      padding: 0 .5em;
    }

   .accordion__container_inner .accordion__item:nth-child(odd) {
     background: #eee;
   }

    .accordion__container_inner .accordion__item:nth-child(even) {
     background: #ddd;
   }

   .section--accordion .accordion__container_inner .accordion__collapse {
    background: #FFF;
    padding: .25em;
   }



/* ==========================================================================
   Endorsements
   ========================================================================== */
   .t-endorsements {
    display: none;
   }

   .mason-grid {
    text-align: center;
   }

   .grid-item {
    max-width: 300px;
    width: 100%;
    padding-left: 1em;
   }

  .video-background {
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
  }
  .endorse-view-all {
    display: block;
    margin-top: .5em;
  }

  .endorsements h2 {
    margin: 1em 0;
    text-transform: uppercase;
  }

  .endorsements h5 {
    color: #2e2e2e;
    text-transform: uppercase;
    font-weight: 700;
    margin: .5em 0;
    font-size: .8em;
  }

  .endorse-container {
    padding: 1em;
    background: #FFF;
    margin-bottom: 1rem;
  }

  .endorse-container.testimonial a.testimonial {
    margin-top: .5em;
  }

  .endorse-container.testimonial .endorsement-text {

  }



  .endorsements .section__nav {
    background: #2e2e2e;
  }

  .endorsements .endorsements-menu {
    text-align: center;
    margin: 0 auto;
  }

  .endorsements .endorsements-menu li {
    display: inline-block;
  }

  .endorsements .endorsements-menu li a {
    padding: 1em 1em;
    color: #FFF;
    -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
  }

  .endorsements .endorsements-menu li.is-active a,
  .endorsements .endorsements-menu li a:hover {
    background: #FCB32C;
  }

  .endorsements .section__heading {
    text-transform: uppercase;
    text-shadow: 2px 2px 3px #000;
    top: 2rem;
    position: relative;
  }

  .endorsements .section__heading .subtitle {
    color: rgb(255, 162, 52);
    display: block;
    font-size: .75em;
    text-shadow: 2px 2px 3px #212121;
    text-transform: none;
  }

  .endorsement-image {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 10em;
    width: 100%;
    margin-bottom: 1em;
  }

  .endorsements .row {
    padding: 2em 0;
  }

  .endorsement-block {
    visibility: hidden;
    height: 0;
    overflow: hidden;
  }

  .endorsement-block.active {
    visibility: visible;
    height: auto;
    overflow: visible;
  }

  .endorsement-testimonial-nav a h3 {
    width: 120px;
  }

  .endorsement-testimonial-nav a:hover,
  .endorsement-testimonial-nav a:focus {
    text-decoration: none;
  }

  .endorsement-testimonial-nav a.active h3,
  .endorsement-testimonial-nav a:hover h3  {
    color: #222;
  }

  .wrapper-narrow {
    max-width: 30em;
  }

  .endorsement-text {
    padding: .5em 0;
  }

  .section.endorsements {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .section.endorsements {
    background: #2e2e2e;
  }

  .t-endorsements .section--title {
    padding: 4.4rem 0;
  }

  .section--logo--bio {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }

/*  .section.section--logo--bio {
    background: #f6f6f6;
  }*/



/*  .section.section--logo--bio,
  .section.section--logos {
    background: #2e2e2e;
  }*/

  .cust-quote {
    font-size: 1.25rem;
  }

  .cust-title p {
    font-size: 1rem;
  }


  .endorsements .btn.customer {
    margin-top: .5rem;
  }

  @media screen and (min-width: 40em) {
    .endorsements .cell {
      margin-bottom: 0;
    }
    .grid-item {
      max-width: 330px;
     }
  }

.tap .mktoForm .mktoAsterix {
  color: #fcb32c;
}

.tap figure {
  margin: 1em 0 0;
}

.tap-landing-top h2,
.tap-landing-top h4,
.tap-landing-top p {
  color: #fff;
  text-shadow: 0px 4px 9px rgba(0, 0, 0, 1);
}

.tap-landing-top h2 {
  color: #fcb32c;
}

.tap-thankyou.section--reference_callouts .callout__image {
  height: 300px;
}

.tap:first-child {
  padding-top: 7em;
}
.tap #mktoForm_280.mktoForm .mktoAsterix {
  color: #fcb32c;
}

.tap.section--content_columns .figure img {
  width: auto;
}

.single-certification h1,
.single-certification h2,
.single-certification h3,
.single-certification h4,
.single-certification h5 {
  color: #2e2e2e;
  font-weight: 700;
}

.single-course h1,
.single-course h2,
.single-course h3,
.single-course h4,
.single-course h5 {
  color: #2e2e2e;
  font-weight: 700;
}

.single-exam h1,
.single-exam h2,
.single-exam h3,
.single-exam h4,
.single-exam h5 {
  color: #2e2e2e;
  font-weight: 700;
}

 .video-background {
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
 }

.home .vid-background {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
}

.home .video-background {
  display: none;
}

@media screen and (min-width: 40em) {
  .home .video-background {
    display: block;
  }

  .tap figure {
    margin: 0;
  }
}
/* ==========================================================================
   Tap Landing
   ========================================================================== */
   .pantone-content.tap-landing a:link,
   .pantone-content.tap-landing a:visited {
      color: #fcb32c;
      word-wrap: break-word;
   }

   .pantone-content.tap-landing p {
    word-wrap: break-word;
   }
/* ==========================================================================
   Burgandy Section
   ========================================================================== */
  .section--secondary.burgandy-content {
    background: #9D1B32;
    color: #FFF;
  }

  .section--secondary.burgandy-content .section__heading,
  .section--secondary.burgandy-content h2 {
    color: #FFF;
  }

  .section--secondary.burgandy-content h2 {
    font-weight:400;
  }
  /* ==========================================================================
   VCP Automated Course
   ========================================================================== */
.single-certification .main div:nth-child(3) {
  padding-bottom: 0;
}

.single-certification .main div:nth-child(4) {
  padding-top: 2em;
}

.course-table-list .recommended--for p,
.course-table-list .objective p {
  margin-top: 0;
}

.page-template-template-vcp .certs.section {
  padding: 0;
}

.page-template-template-vcp .certs article {
  padding: 2em 0;
}

.page-template-template-vcp .certs .partner__heading {
  margin-top: 1em;
}

.page-template-template-vcp .certs .partner__heading_link {
  color: #222;
}

.page-template-template-vcp .certs article:nth-child(odd) {
  background-color: #eee;
}


.page-template-template-vcp-register .cell.phone,
.page-template-template-vcp-register .cell.city,
.page-template-template-vcp-register .cell.state {
  padding-left: 0;
}

.page-template-template-vcp-register .gform_wrapper
.ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name
span.name_first {
  margin-right: 0;
}

.page-template-template-vcp-register .gform_wrapper .ginput_complex input[type=text],
.page-template-template-vcp-register .gform_wrapper .top_label input.large {
  width: 100%;
}

.page-template-template-vcp-register form .cell {
  padding-left: .25em;
}

.page-template-template-vcp-register .gform_wrapper ul li.gfield {
  max-width: 20em;
}

.page-template-template-vcp-register .gform_wrapper .top_label .gfield_label {
  margin-bottom: 0;
}

body.page-template-template-vcp-register .gform_wrapper label.gfield_label+div.ginput_container {
  margin-top: 0;
}

.page-template-template-vcp-register .gform_wrapper .gsection {
  margin: .5em 0;
}

.course--information {
  margin-bottom: 2em;
}

.course--information label {
  font-weight: 700;
}

.course--information__cell {
  padding: .5em 0;
  border-bottom: 1px solid #ccc;
  vertical-align: bottom;
}

.page-template-template-vcp-register input[type="submit"] {
  color: #2e2e2e;
  background-color: #fcb32c;
  padding: .5em 2em;
  border: none;
  font-weight: 700;
  text-transform: uppercase;
}

.exam-summary .cell {
  font-size: 1rem;
}

.exam-summary .cell:nth-child(even) {
  margin-bottom: 1rem;
}

.wide-wrapper {
  max-width: 80rem;
}

@media screen and (min-width: 60em) {
  .exam-summary .cell:nth-child(even) {
    margin-bottom: 0;
  }
}
/* ==========================================================================
   Accordion
   ========================================================================== */

.section.section--accordion {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.section.section--accordion ul {
  color: #6a6a6a;
  margin-top: 0;
  padding-left: 3.35em;
}
  .section--accordion ul li {
    margin: 1em 0;
  }

.accordion__item {
  border-bottom: 1px solid #2e2e2e;
}
.section--accordion .accordion__collapse {
  display: none;
  padding: 0 0 1em 0;
  position: relative;
  overflow: hidden;
  width: 100%;
}
​
.accordion__heading,
.accordion__heading:link,
.accordion__heading:visited {
  color: #2e2e2e;
  font-size: .50em;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  display: block;
  width: 100%;
  text-transform: uppercase;
  padding: 1em 1em 1em 0;
}

.accordion__heading:hover {
  cursor: pointer;
}

.accordion__item p:last-child {
  margin-bottom: 0;
  padding-bottom: 1.5em;
}

.accordion__text p:first-child {
  margin-top: 0;
}

.accordion__heading i {
  float: right;
  margin-right: 1em;
}

.accordion__text {
  color: #6a6a6a;
}

.accordion__text p:nth-child(1) {
  margin-top: 0;
}

@media only screen and (min-width: 40em) {
  .accordion__heading,
  .accordion__heading:link,
  .accordion__heading:visited {
    font-size: 1em;
  }

  .accordion__collapse .grid .cell.lap-1-2:first-child {
    padding-left: 2.5rem;
  }
}

@media only screen and (min-width: 60em) {
  .accordion__heading,
  .accordion__heading:link,
  .accordion__heading:visited {
    font-size: 1em;
  }
  .accordion__collapse .grid .cell.lap-1-2:first-child {
    padding-left: 3.25rem;
  }

}

/* ==========================================================================
   Video Carousel
   ========================================================================== */
.video--carousel__title {
  margin: .2em 0 0;
  color: #222;
  font-size: .5rem;
}

.wrapper-max {
  max-width: 80rem;
}

.section--video_carousel .logo--carousel {
  height: 12em;
}

.section--video_carousel .logo--carousel.is-active {
  background: none;
}

.section--video_carousel a.youtube:link,
.section--video_carousel a.youtube:visited,
.section--video_carousel a.youtube:hover,
.section--video_carousel a.youtube:focus {
  color: #222;
}

.section--video_carousel .logo--carousel__image {
  height: 70%;
}

.logo--carousel__image .icon {
    position: absolute;
    top: 23%;
    left: 42%;
    transform: translate(-42%, -23%);
    font-size: 5em;
    text-shadow: 0px 4px 9px rgba(0, 0, 0, 1);
    color: #FFF;
}

#mktoForm_280 input[type="text"],
#mktoForm_280 input[type="phone"],
#mktoForm_280 input[type="tel"] {
  color: #222;
}

#mktoForm_280 .mktoButton {
  background: #fcb32c !important;
  color: #222;
  font-weight: 600;
}

#mktoForm_280 .mktoButton .icon {
  fill: #222;
}

#mktoForm_280.mktoForm .mktoAsterix {
  color: #FFF;
}

#mktoForm_280 select {
  height: 21px;
}

#mktoForm_280 ::-webkit-input-placeholder { /* Safari, Chrome and Opera */
  color: #222;
}

#mktoForm_280 :-moz-placeholder { /* Firefox 18- */
  color: #222;
}

#mktoForm_280 ::-moz-placeholder { /* Firefox 19+ */
  color: #222;
}

#mktoForm_280 :-ms-input-placeholder { /* IE 10+ */
  color: #222;
}

#mktoForm_280 ::-ms-input-placeholder { /* Edge */
  color: #222;
}

#mktoForm_280 :placeholder-shown { /* Standard one last! */
  color: #222;
}

#forrester-landing .lead {
  max-width: 46rem;
}

.pantone-content .section__heading {
  font-size: 2rem;
}

.pantone-content h2 {
  font-weight: 700;
}

.pantone-content .icon {
  font-weight: 700;
}

.pantone-content .section__heading,
.pantone-content .icon,
.pantone-content h2 {
  color: #A32638;
  fill : #A32638;
}


.pantone-content a:link,
.pantone-content a:visited {
  color: #A32638;
  font-weight: 700;
}

.pantone-content a.btn:link,
.pantone-content a.btn:visited {
  background: #A32638;
  color: #FFF;
  border: solid 1px #FFF;
  font-weight: 400;
}

.pantone-background.section--secondary,
.pantone-background {
  background: #A32638;
  color: #FFF;
}

.page-id-6696 .section--title {
  text-shadow: 2px 2px 3px #212121;
}

.pantone-background.section--secondary .section__heading,
.pantone-background h2 {
  color: #FFF;
}

.pantone-background .icon {
  fill: #A32638;
}

.nuage-pantone {
  color: #CE1126;
}

.pantone-background a:link,
.pantone-background a:visited {
  color: #FFF;
  font-weight: 700;
}

.pantone-background a.btn:link,
.pantone-background a.btn:visited {
  background: #FFF;
  color: #222222;
  border: solid 1px #FFF;
  font-weight: 400;
}

.section--alt.pantone-alt .section__heading {
  color: #CE1126;
}

.section--alt.pantone-alt hr {
  border-top: solid 1px #CE1126 !important;
}

.section--alt.pantone-alt a:link,
.section--alt.pantone-alt a:visited {
  color: #CE1126;
}

hr.nuage-pantone {
  border-top: solid 1px #CE1126 !important;
}

/* Banner Bar */
.banner--notification {
  position: absolute;
  top: 72px;
  z-index: 999;
  background: #ffe78b;
  width: 100%;
  padding: .25em 0;
}
.main {
    padding-top: 36px;
}
/* Can't offset main on this page */
.page-template-template-sdwan .main {
  padding-top: 0;
}

.banner--notification a:link,
.banner--notification a:visited,
.banner--notification a:hover,
.banner--notification a:focus {
  color: #2e2e2e;
  text-decoration: underline;
}

.banner--notification a:hover {
  text-decoration: none;
}

@media screen and (min-width: 40em) {
  .banner--notification {
    top: 140px;
  }
  .main {
    padding-top: 70px;
  }
  .video--carousel__title {
    font-size: .7rem;
  }

  .section--video_carousel .logo--carousel {
    height: 8em;
  }

}

@media screen and (min-width: 60em) {
  .banner--notification {
    top: 90px;
  }
  .main {
    padding-top: 45px;
  }
  .video--carousel__title {
    font-size: .9rem;
  }

  .section--video_carousel .logo--carousel {
    height: 18em;
  }

}



.abslink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ==========================================================================
   Community Page Updates
   ========================================================================== */
.page-template-template-community .section--title .section__heading {
  color: #fcb32c;
  text-shadow: rgb(0, 0, 0) 2px 2px 3px;
  margin-bottom: 0;
}

.page-template-template-community .section--title .hashtag {
  margin: 0;
  text-shadow: rgb(0, 0, 0) 2px 2px 3px;
}

.section--community {
  background: #fcb32c;
}

.section--community #twitter-widget-0 {
  display: block !important;
  height: 500px !important;
}

.section--community .community--title-block {
  text-align: left;
}

.section--community .community--title {
  color: #222;
  text-transform: uppercase;
  margin-bottom: 1em;
  display: inline-block;
  font-size: 1.2em;
  float: left;
}

.section--community .community--link {
  display: inline-block;
  float: right;
}

.section--community .cell {
  padding-left: .5rem;
}

.media-container {
  background: #FFF;
  padding: 2em;
  margin-bottom: .5rem;
  min-height: 620px;
}

.section--community .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    max-width: 100% !important;
}

.section--community .blog-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.section--community .attachment-post-thumbnail {
  float: left;
  height: 100px;
  width: 100px;
  margin: 0 1em 1em 0;
}

.section--community .blog-list li {
  position: relative;
}

.section--community .blog-list li h3 {
  margin-top: 1em;
}

.section--community .blog-list li:first-child h3 {
  margin-top: 0;
}

.media-container ul#linkedin-con {
  background: #FFF;
}

.media-container ul#linkedin-con #linkedin-item h3 {
  display: block;
}

.media-container .li-updates-card a,
.media-container ul#linkedin-con #linkedin-item i,
.media-container ul#linkedin-con #linkedin-item h3 + p {
  font-size: 12px;
}
/* ==========================================================================
   End Community Page Updates
   ========================================================================== */

.section--video_carousel .lead {
  margin: 0 auto;
}

.section--wine {
  background-color: #df3c4c;
  color: #FFF;
}

.section--wine h1, .section--wine .alpha,
.section--wine h2, .section--wine .beta,
.section--wine h3, .section--wine .gamma,
.section--wine h4, .section--wine .delta,
.section--wine h5, .section--wine .epsilon,
.section--wine h6, .section--wine .zeta {
  color: #222;
}

.section--wine a:link,
.section--wine a:visited {
  color: #FFF;
}

.section--wine .btn:link,
.section--wine .btn:visited {
  background: #2e2e2e;
  border: solid 1px #2e2e2e;
}

.section--wine .btn:hover,
.section--wine .btn:focus,
.section--wine .btn:active {
  border: 1px solid #FFF;
}

.section--alt hr.nuage-wine {
  border-color: #df3c4c;
}

.nuage-wine {
  color: #df3c4c;
}

.wine-content .btn:link,
.wine-content .btn:visited {
  background: #2e2e2e;
  border: solid 1px #2e2e2e;
  color: #FFF;
}

.wine-content .btn:hover,
.wine-content .btn:focus,
.wine-content .btn:active {
  border: 1px solid #FFF;
}

.wine-content .btn .icon {
  fill: #FFF;
}

.wine-content .section__heading,
.wine-content a:link,
.wine-content a:visited {
  color: #df3c4c;
}




.addthis_toolbox {
  height: 1px;
  overflow: visible;
}

.single .at-icon-wrapper {
  display: none;
}


.single-post .article__share__icon .addthis_counter.addthis_bubble_style,
.single-post .article__share__icon .addthis_counter.addthis_bubble_style a.addthis_button_expanded {
  width: auto !important;
}

.single-post .article__share__icon a.addthis_counter {
  border-radius: 50px !important;
  border: 1px solid #fcb32c !important;
  background-color: #fcb32c !important;
  height: 17px;
  padding: 0 3px !important;
  position: absolute;
  left: 20px;
  top: 0;
}
.single-post .article__share__icon .addthis_counter.addthis_bubble_style {
  min-width: 11px !important;
}
.single-post .article__share__icon a.addthis_button_expanded {
  border: none !important;
  color: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 17px !important;
  line-height: 17px !important;
}
/*.single-post .article__share__icon .addthis_counter.addthis_bubble_style.addthis_native_counter {
  float: right !important;
}*/

.single-post .article__share li {
  text-align: left !important;
  width: 55px;
  position: relative;
}
  .single-post .article__share li:first-child {
    width: auto;
  }
.single-post .article--single .article__share {
  border-right: none !important;
}

.single-post .article__share .addthis_native_counter_sibling {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}


@media screen and (max-width: 40em) {
  .single-post .article__share li {
    width: 40px;
  }
}




.at4-icon {
  display: none !important;
}
.addthis_bubble_style {
  background: none !important;
}

.section.section--demonstration {
  padding: 24.5em 0 11em;
}

.section--callout_gallery .callout__body.content__body {
  min-height: 225px;
}

/*.section--callout_gallery {
  display: none;
}
*/
@media only screen and (min-width: 1000px) {

  .section--callout_gallery .is-center .logo--carousel {
    transform: scale(1.1);
  }

  .section--callout_gallery .logo--carousel {
    transform: scale(0.7);

    -webkit-transition: -moz-transform .3s ease-out;
       -moz-transition: -webkit-transform .3s ease-out;
            transition: transform .3s ease-out;
  }
}



.gallery-logos .cell {
  vertical-align: middle;
}

















.section--callout_gallery .callout__body.content__body {
  min-height: 550px;
}

@media only screen and (min-width: 1000px) {

  .section--callout_gallery .is-center .logo--carousel {
    transform: scale(1.1);
  }

  .section--callout_gallery .logo--carousel {
    transform: scale(0.7);

    -webkit-transition: -moz-transform .3s ease-out;
       -moz-transition: -webkit-transform .3s ease-out;
            transition: transform .3s ease-out;
  }
}

.section--callout_gallery .owl-carousel .owl-wrapper-outer {
  min-height: 720px;
}

/*.section--callout_gallery .callout_carousel_img {
  margin-bottom: 2em;
}*/


.page-template-template-partners .callout__heading.beta {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}


.section.contentplum-widget {
  padding: 1rem 0 0 0;
}
.section.contentplum-widget .wrapper {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.contentplum {
  border: none;
  height:500px;
  width: 100%;
  overflow: hidden;
}

@media only screen and (min-width: 60em) {
  .section.nofigurepadding {
    padding: 3rem 0;
  }
  .nofigurepadding figure.figure {
    margin-bottom: 0;
  }
}

.section__heading.semibold {
  font-weight: 600;
}

.section.notoppadding {
  padding-top: 0;
}
.section.nobottompadding {
  padding-bottom: 0;
}
.section.lesspadding {
  padding: 2.5em 0;
}
.section.lessbottompadding {
  padding-bottom: 2.5em;
}
.section.lestoppadding {
  padding-top: 2.5em;
}
.page-template-template-vcp .section--logos {
  padding: 2.5em 0;
}
ul.nomargin li {
  margin-bottom: 0;
}
ul.no-first-level-bullet > li:first-child {
  list-style-type: none;
}

.section--logos .logos__logo__cell img {
  width: 90%;
}

.section--feature.valign .section__image,
.section--feature.valign .section__body {
  vertical-align: middle;
}

.section--feature.valign {
  padding-bottom: 1.5rem;
}
.section--feature.valign + .section--feature.valign {
  padding: 1.5rem;
}

.section--feature.valign .section__image {
  padding-right: 2rem;
  padding-left: 2rem;
}

.section--content_columns .figure img {
  width: 100%;
}

.section--callouts.valign .callout {
  margin: 0.75rem 0;
}
.section--callouts.valign .callout__body {
  padding: 2rem;
  display: table;
  width: 100%;
  height: 100%;
}
.section--callouts.valign .callout__heading {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.section--callouts.valign.section--highlight .callout__body .callout__heading {
  color: #222 !important;
}

.section--image_carousel_with_content .logos__logo__cell img {
  width: 100%;
}
.section--image_carousel_with_content .logos_logo {
  width: 15%;
}

.with-titles .logo--carousel {
  height: auto;
  min-height: 13.5rem;
}
.with-titles .logo--carousel__image {
  width: 100%;
  height: 7rem;
}

.section--callouts.highlighted .callout {
  background-color: #df3c4c;
  color: #fff;
}
.section--callouts.highlighted .callout .callout__heading {
  color: #fff;
}

@media screen and (min-width: 58em) {
  .page-id-5100 .carousel__arrow {
    display: none;
  }
}


.section--video_bar {
  height: 400px;
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
  .section--video_bar .wrapper {
    display: table;
    width: 100%;
    height: 100%;
  }
  .section--video_bar .video_bar_content {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 10;
  }
    .section--video_bar .video_bar_content .content {
      color: #fff;
    }

  .section--video_bar .video-background {
    position: absolute;
    z-index: 1;
    min-width: 100%;
    min-height: 400px;
    left: 50%;
    top: 0;
         transform: translateX(-50%);
    -moz-transform: translateX(-50%);
  }
  .section--video_bar .video-background-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(0,0,0,0.3);
  }

  .page-id-2273 .section--video_bar .video-background {
    top: -50%;
  }

  .page-id-2273 .section--video_bar .video-background-overlay {
    background: rgba(0,0,0,0.3);
  }


/**
 * TABLE OF CONTENTS
 *
 * --- FONTS ---
 * DIN
 * Equip
 *
 * --- OBJECTS ---
 * Buttons
 * Icons
 * Sliders
 * Callouts
 * Carousels
 * Testimonials
 * Logos
 * Areas
 * Anchors
 * Lists
 * Figures
 * Google Map
 * Member
 * Biography
 * Modal
 * Partner
 * Dropdown
 * Comment
 * Events
 * Tweets
 *
 * --- DEFAULTS ---
 * Forms
 * Tables
 *
 * -- SECTIONS ---
 * Sections
 * Alternative
 * Highlighted
 * Title
 * Intro
 * Callouts
 * Content Columns
 * Logos
 * Feature
 * Map
 * Next Step
 * Anchors
 * Authors
 * Lists
 *
 * Comments (can't define it as a section)
 *
 * --- ARTICLES ---
 * Blog
 *
 * --- GLOBALS ---
 * Site-header
 * Site-footer
 *
 * --- TEMPLATES ---
 * Enterprise
 */



/**
 * STATES
 *
 * States are usually dynamically added to objects by plugins and scripts, but
 * can also be used in mark-up if needed. They should also be used for things
 * like navigational helpers on tablets, where there's no native hover state.
 *
 * Add additional states to the list when needed.
 *
 * .is-hovered       -> The item is hovered by a pointing device
 * .is-focused       -> The item is focused (e.g. after a click)
 * .is-active        -> The item is active
 * .is-inactive      -> The item is inactive
 *
 * .is-open          -> The item is open (e.g. a menu)
 * .is-closed        -> The item is closed
 *
 * .is-animating-in  -> The item is animating in (e.g. a slide)
 * .is-animating-out -> The item is animating out
 */





/* ==========================================================================
   FONTS
   ========================================================================== */

/**
 * DIN
 */
@font-face {
  font-family: 'DIN';
  src: url('webfonts/din-webfont.eot');
  src: url('webfonts/din-webfont.eot?#iefix') format('embedded-opentype'),
       url('webfonts/din-webfont.woff2') format('woff2'),
       url('webfonts/din-webfont.woff') format('woff'),
       url('webfonts/din-webfont.ttf') format('truetype'),
       url('webfonts/din-webfont.svg#dinregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DIN';
  src: url('webfonts/din_medium-webfont.eot');
  src: url('webfonts/din_medium-webfont.eot?#iefix') format('embedded-opentype'),
       url('webfonts/din_medium-webfont.woff2') format('woff2'),
       url('webfonts/din_medium-webfont.woff') format('woff'),
       url('webfonts/din_medium-webfont.ttf') format('truetype'),
       url('webfonts/din_medium-webfont.svg#din_mediumregular') format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'DIN';
  src: url('webfonts/din_light-webfont.eot');
  src: url('webfonts/din_light-webfont.eot?#iefix') format('embedded-opentype'),
       url('webfonts/din_light-webfont.woff2') format('woff2'),
       url('webfonts/din_light-webfont.woff') format('woff'),
       url('webfonts/din_light-webfont.ttf') format('truetype'),
       url('webfonts/din_light-webfont.svg#din_lightregular') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'DIN';
  src: url('webfonts/din_bold-webfont.eot');
  src: url('webfonts/din_bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('webfonts/din_bold-webfont.woff2') format('woff2'),
       url('webfonts/din_bold-webfont.woff') format('woff'),
       url('webfonts/din_bold-webfont.ttf') format('truetype'),
       url('webfonts/din_bold-webfont.svg#dinbold') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'DIN';
  src: url('webfonts/din_black-webfont.eot');
  src: url('webfonts/din_black-webfont.eot?#iefix') format('embedded-opentype'),
       url('webfonts/din_black-webfont.woff2') format('woff2'),
       url('webfonts/din_black-webfont.woff') format('woff'),
       url('webfonts/din_black-webfont.ttf') format('truetype'),
       url('webfonts/din_black-webfont.svg#din_blackregular') format('svg');
  font-weight: 900;
  font-style: normal;
}



/**
 * Equip
 */
@font-face {
  font-family: 'Equip';
  src: url('webfonts/equiplig-webfont.eot');
  src: url('webfonts/equiplig-webfont.eot?#iefix') format('embedded-opentype'),
       url('webfonts/equiplig-webfont.woff2') format('woff2'),
       url('webfonts/equiplig-webfont.woff') format('woff'),
       url('webfonts/equiplig-webfont.ttf') format('truetype'),
       url('webfonts/equiplig-webfont.svg#equiplight') format('svg');
  font-weight: 300;
  font-style: normal;
}


@font-face {
  font-family: 'nuage-social';
  src:url('webfonts/nuage-social.eot?zgr6hy');
  src:url('webfonts/nuage-social.eot?#iefixzgr6hy') format('embedded-opentype'),
    url('webfonts/nuage-social.woff?zgr6hy') format('woff'),
    url('webfonts/nuage-social.ttf?zgr6hy') format('truetype'),
    url('webfonts/nuage-social.svg?zgr6hy#nuage-social') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-social-"], [class*=" icon-social-"] {
  font-family: 'nuage-social';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-social-mail:before {
  content: "\ea86";
}

.icon-social-google-plus:before {
  content: "\ea8a";
}

.icon-social-facebook:before {
  content: "\ea8e";
}

.icon-social-twitter:before {
  content: "\ea93";
}

.icon-social-linkedin:before {
  content: "\eac9";
  color: white;
  background-color: #aaa;
  border-radius: 99px;
  padding: 0.1em;
  font-size: 0.9em;
}

.icon-social-google-plus:before,
.icon-social-mail:before {
  color: #aaa;
}


.show-ie8 {
  display: none;
}
/* ==========================================================================
   Webfont loading (beat the FOUT)
   ========================================================================== */

/**
 * Since we use an asynchronous font loader, we hide the entire document until
 * the fonts have been loaded (or have failed to load).
 */
/*body {
  opacity: 0;

  -webkit-transition: all 1s cubic-bezier(.25,1,.25,1);
          transition: all 1s cubic-bezier(.25,1,.25,1);

  -webkit-transition-property: opacity;
          transition-property: opacity;
}

.wf-active body,
.wf-inactive body { opacity: 1; }*/



/* ==========================================================================
   Typography
   ========================================================================== */
html {
  color: #2e2e2e;
  font-family: 'Equip', 'Open Sans', 'Arial', sans-serif;
  font-weight: 300;
}


/* Headings */
h1, .alpha   { margin: 2rem 0 0; color: #fcb32c; font-family: 'DIN', 'Open Sans', 'Arial', sans-serif; font-weight: 600; font-size: 2.5rem; line-height: 1.2; }
h2, .beta    { margin: 2rem 0 0; color: #fcb32c; font-family: 'DIN', 'Open Sans', 'Arial', sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 1.2; }
h3, .gamma   { margin: 2rem 0 0; color: #fcb32c; font-family: 'DIN', 'Open Sans', 'Arial', sans-serif; font-weight: 400; font-size: 1.375rem; line-height: 1.2; }
h4, .delta   { margin: 2rem 0 0; color: #fcb32c; font-family: 'DIN', 'Open Sans', 'Arial', sans-serif; font-weight: 400; font-size: 1.2rem; line-height: 1.2; }
h5, .epsilon { margin: 2rem 0 0; color: #fcb32c; font-family: 'DIN', 'Open Sans', 'Arial', sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.2; }
h6, .zeta    { margin: 2rem 0 0; color: #fcb32c; font-family: 'DIN', 'Open Sans', 'Arial', sans-serif; font-weight: 400; font-size: 0.9rem; line-height: 1.2; }

@media only screen and (min-width: 80em){
  p{
    font-size: 1.3rem;
  }

  .isotope-grid-customers p,
  .isotope-grid-partners p,
  p.career-grid-description{
    font-size: 1rem;
  }

  .wrapper{
    max-width: 75rem;
  }
}


.section--alt h1, .section--alt .alpha,
.section--alt h2, .section--alt .beta,
.section--alt h3, .section--alt .gamma,
.section--alt h4, .section--alt .delta,
.section--alt h5, .section--alt .epsilon,
.section--alt h6, .section--alt .zeta {
  color: #fff;
}

.section--highlight h1, .section--highlight .alpha,
.section--highlight h2, .section--highlight .beta,
.section--highlight h3, .section--highlight .gamma,
.section--highlight h4, .section--highlight .delta,
.section--highlight h5, .section--highlight .epsilon,
.section--highlight h6, .section--highlight .zeta {
  color: #222;
}

@media only screen and (min-width: 40em) {

  h1, .alpha   { margin: 2rem 0 0; font-size: 2.5rem; }
  h2, .beta    { margin: 2rem 0 0; font-size: 1.5rem; }
  h3, .gamma   { margin: 2rem 0 0; font-size: 1.375rem; }
  h4, .delta   { margin: 2rem 0 0; font-size: 1.2rem; }
  h5, .epsilon { margin: 2rem 0 0; font-size: 1rem; }
  h6, .zeta    { margin: 2rem 0 0; font-size: 0.9rem; }

}

@media only screen and (min-width: 40em) {

  h1, .alpha   { margin: 2.5rem 0 0; font-size: 2.5rem; }
  h2, .beta    { margin: 2.5rem 0 0; font-size: 1.5rem; }
  h3, .gamma   { margin: 2.5rem 0 0; font-size: 1.375rem; }
  h4, .delta   { margin: 2.5rem 0 0; font-size: 1.2rem; }
  h5, .epsilon { margin: 2.5rem 0 0; font-size: 1rem; }
  h6, .zeta    { margin: 2.5rem 0 0; font-size: 0.9rem; }

}

/* Paragraphs & related elements */
/*p, ul, ol {
  margin: 1.5rem 0 0;
}*/

/* test */
p, ul, ol, article {
  margin: 1.5rem 0 0;
}

*:first-child {
  margin-top: 0;
}

.lead {
  max-width: 44rem;

  margin: 2rem auto 0;

  font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
  font-size: 1.4rem;
}

.lead:first-child {
  margin-top: 0;
}

hr {
  width: 100px;

  margin: 2rem auto;

  border-color: #2e2e2e;
}

.section--alt hr {
  border-color: #fcb32c;
}

.section--highlight hr {
  border-color: #222;
}

.section--content_columns li {
  margin-bottom:15px;
}

hr:last-child {
  margin-bottom: 0;
}

div.time, time {
  display: inline-block;
  vertical-align: middle;

  padding: 0.5em 1em;

  font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
  color: #fcb32c;
  text-transform: uppercase;

  background-color: #2e2e2e;
}


/* Links */
a {
  -webkit-transition: all 0.2s cubic-bezier(.2,.9,.6,1);
          transition: all 0.2s cubic-bezier(.2,.9,.6,1);

  -webkit-transition-property: color, background-color, opacity, border, -webkit-transform;
          transition-property: color, background-color, opacity, border,         transform;
}

a:link,
a:visited {
  color: #fcb32c;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #fcb32c;
  text-decoration: underline;
}

a:active {
  color: #fcb32c;
}


/**
 * Alternative variation
 */
.section--alt a:link,
.section--alt a:visited,
.section--alt a:hover,
.section--alt a:focus,
.section--alt a:active {
  color: #fcb32c;
}


/**
 * Highlight variation
 */
.section--highlight a:link,
.section--highlight a:visited,
.section--highlight a:hover,
.section--highlight a:focus,
.section--highlight a:active {
  color: #222;
}





/* ==========================================================================
   Buttons
   ========================================================================== */

/**
 * Displays an element as if it was a button.
 *
 * Can be used on virtually any element, but recommended only for links, buttons
 * and input elements, or elements that have JavaScript interactions with
 * button-like behaviour.
 */
.btn {
  display: inline-block;
  padding: 0.35rem 1.5rem;
  border: 1px solid #151515;
  color: inherit;
  font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  /*line-height: 1;*/
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: transparent;
  -webkit-transition: all 0.2s cubic-bezier(.2,.9,.6,1);
          transition: all 0.2s cubic-bezier(.2,.9,.6,1);
  -webkit-transition-property: color, background-color, opacity, border, -webkit-transform;
          transition-property: color, background-color, opacity, border,         transform;
}

/* States */
.btn:link,
.btn:visited {
  color: #151515;
  border-color: #fcb32c;
  text-decoration: none;
  background-color: #fcb32c;
  text-decoration: none;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.is-active {
  border: 1px solid #151515;
}


/* States */
.btn.is-loading {
  -webkit-animation: loading 2s cubic-bezier(.75,.15,.15,.75) 0 infinite;
          animation: loading 2s cubic-bezier(.75,.15,.15,.75) 0 infinite;
}

@-webkit-keyframes loading {
  0%, 100% {
    background-color: #fff;
  }
  50% {
    background-color: #fcb32c;
  }
}

@keyframes loading {
  0%, 100% {
    background-color: #fff;
  }
  50% {
    background-color: #fcb32c;
  }
}

.btn.is-loading {
  background-color: #fff;
  cursor: default;
}



/* Round buttons
   ========================================================================== */
.btn--round {
  -webkit-border-radius: 99999px;
          border-radius: 99999px;
}



/* Rounded buttons
   ========================================================================== */
.btn--rounded {
  -webkit-border-radius: 3px;
          border-radius: 3px;
}



/* Full width buttons
   ========================================================================== */
.btn--full {
  width: 100%;

  text-align: center;
}



/* Alternative buttons
   ========================================================================== */
.btn--alt,
.section--alt .btn {
  color: #fff;
  border-color: #fff;
}

.next_step_button {
  display:inline-block;
}

.next_button_right {
  margin-left:.7em;
}


/* Primary buttons
   ========================================================================== */
.btn--primary,
.btn--primary:link,
.btn--primary:visited {
  border-color: #fcb32c;
  color: #fff;
  background-color: #fcb32c;
}

.btn--primary:hover,
.btn--primary:focus,
.btn--primary:active {
  border-color: #fff;
  color: #222;
  background-color: #fff;
}



/* Section buttons
   ========================================================================== */
.section .btn--primary,
.section .btn--primary:link,
.section .btn--primary:visited,
.btn--primary.btn--solid:link,
.btn--primary.btn--solid:hover,
.btn--primary.btn--solid:active,
.btn--primary.btn--solid:focus {
  border-color: #fcb32c;
  color: #fff;
  background-color: #fcb32c;
}

.section .btn--primary:hover,
.section .btn--primary:focus,
.section .btn--primary:active {
  border-color: #2e2e2e;
  color: #fff;
  background-color: #2e2e2e;
}


/* Alternative section buttons
   ========================================================================== */
.section--alt .btn,
.section--alt .btn:link,
.section--alt .btn:visited {
  border-color: transparent;
  color: #2e2e2e;
  background-color: #fcb32c;
}

.section--alt .btn:hover,
.section--alt .btn:focus,
.section--alt .btn:active {
  border-color: transparent;
  color: #2e2e2e;
  background-color: #fff;
}

.section--alt .btn--primary,
.section--alt .btn--primary:link,
.section--alt .btn--primary:visited {
  border-color: #fcb32c;
  color: #222;
  background-color: #fcb32c;
}

.section--alt .btn--primary:hover,
.section--alt .btn--primary:focus,
.section--alt .btn--primary:active {
  border-color: #fff;
}




/* Highlight section buttons
   ========================================================================== */
.section--highlight .btn,
.section--highlight .btn:link,
.section--highlight .btn:visited {
  border-color: #fff;
  color: #2e2e2e;
  background-color: #fff;
}

.section--highlight .btn:hover,
.section--highlight .btn:focus,
.section--highlight .btn:active {
  border-color: #2e2e2e;
  color: #2e2e2e;
  background-color: #fff;
}

.section--highlight .btn--primary,
.section--highlight .btn--primary:link,
.section--highlight .btn--primary:visited {
  border-color: #2e2e2e;
  color: #222;
  background-color: #fff;
}

.section--highlight .btn--primary:hover,
.section--highlight .btn--primary:focus,
.section--highlight .btn--primary:active {
  border-color: #fff;
  color: #222;
  background-color: #fff;
}

.section--contact-form .btn.wpcf7-submit,
.section--contact-form .btn.wpcf7-submit:link,
.section--contact-form .btn.wpcf7-submit:visited {
  border: none;
  padding: 1em 2.5em;
  margin-top: 2em;
  color: #222;
  background-color: #fcb32c;
}

.section--contact-form .btn.wpcf7-submit:hover,
.section--contact-form .btn.wpcf7-submit:active,
.section--contact-form .btn.wpcf7-submit:focus {
  border-color: #fcb32c;
  color: #fff;
  background-color: #fcb32c;
  outline: none;
}




.btn--white,
.btn--white:link,
.btn--white:visited {
  border-color: #2e2e2e;
  color: #2e2e2e;
  background-color: #fff;
}

.btn--white:hover,
.btn--white:focus,
.btn--white:active {
  background-color: #fcb32c;
}



/* Menu button
   ========================================================================== */

/**
 * The menu button is exclusively used for toggling the navigation menu on
 * mobile devices, but could be used elsewhere when needed.
 */
.btn--menu {
  position: absolute;
  top: 19px;
  right: 16px;

  display: inline-block;

  padding: 8px 10px;

  color: #222;
  text-transform: uppercase;

  background-color: transparent;

  -webkit-transition: all 0.2s cubic-bezier(.6,.2,.6,.9);
          transition: all 0.2s cubic-bezier(.6,.2,.6,.9);
}

  .btn--menu .icon {
    margin-left: 8px;
  }

.btn--menu:hover,
.btn--menu:focus,
.btn--menu:active,
.btn--menu.is-active {
  outline: none;

  border-color: #fcb32c;

  color: #222;

  background-color: #fcb32c;
}

@media only screen and (min-width: 40em) {

  .btn--menu {
    display: none;
  }

}





/* ==========================================================================
   Icons
   ========================================================================== */

/**
 * Used to display (SVG) icons.
 */
.icon {
  display: inline-block;
  vertical-align: middle;

  width: 16px;
  height: 16px;

  fill: #fcb32c;
}

.icon--2x {
  width: 32px;
  height: 32px;
}

.icon--4x {
  width: 64px;
  height: 64px;
}

.icon--vsg {
  width: 200px;
  height: 40px;
}

.section--alt .icon {
  fill: #fcb32c;
}

.section--highlight .icon {
  fill: #fff;
}

.btn .icon {
  margin-left: 10px;
  fill: #222;
}

.btn--primary .icon {
  fill: #fff;
}

.section--alt .btn .icon {
  fill: #222;
}

.section--alt .btn--primary .icon {
  fill: #222;
}

.section--alt .btn--primary:hover .icon,
.section--alt .btn--primary:focus .icon,
.section--alt .btn--primary:active .icon {
  fill: #222;
}

.section--highlight .btn .icon {
  fill: #222;
}

.section--highlight .btn--primary .icon {
  fill: #222;
}






.slider {
  position: relative;
  overflow-x: hidden;
  height: 100%;
}

  .slider__images {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;
  }

    .slide__image {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;

      width: 100%;
      height: 100%;
    }

    .slide__image:first-child {
      display: block;
    }

  .slider__slides {
    position: relative;
    overflow: hidden;
    height: 100%;
  }

    .slider__slide {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      visibility: hidden;

      width: 100%;
    }

    .slider__slide:first-child {
      display: block;
    }


      .no-csstransitions .slide__body {
        background-color: white;
      }

      .slider__slide--logo .slide__body {
        max-width: 100%;
      }

      .slider__logo-image {
        display: none;
      }

        .slide__heading {
          color: #f52d40;
          font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
          font-size: 180%;
        }

        .slide__content {
          font-size: 120%;
        }

/* States */
.slide__image.is-animating-in,
.slide__image.is-animating-out {
  -webkit-transition: all 1s cubic-bezier(.75,.15,.15,.75);
          transition: all 1s cubic-bezier(.75,.15,.15,.75);

  -webkit-transition-property: opacity, visibility, -webkit-transform;
          transition-property: opacity, visibility,         transform;
}

.slide__image.is-active,
.slide__image.is-animating-in {
  opacity: 1;
  visibility: visible;
}

.slide__image.is-animating-out,
.slide__image.is-inactive {
  opacity: 0;
  visibility: hidden;
}


/*Removed scaling 09/30/2015 BS */
/*.slide__image.is-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.slide__image.is-inactive {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}

.slide__image.is-animating-out {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.slide__image.is-animating-in {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}*/
.dots {
  position: relative;
  z-index: 2;

  list-style-type: none;
  margin: 1rem 0;
  padding: 0;

  text-align: center;
}

  .dots__dot {
    display: inline-block;
    vertical-align: middle;

    width: 8px;
    height: 8px;

    margin: 0 4px;


    border-radius: 100px;

    background-color: #fcb32c;
    cursor: pointer;
    opacity: 0.8;
  }

  .dots__dot:hover,
  .dots__dot.is-active {
    background-color: #fcb32c;
    border: 2px solid #fcb32c;
    box-shadow: 0 0 0 2px #fcb32c;
    opacity: 1;
  }



.ticker {
  position: relative;
  z-index: 8;
  overflow: hidden;

  margin: 2rem 0;

  height: 160px;

  text-align: center;

  background: rgba(211,211,211,0.9);
}

  .ticker__item {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;

    width: 100%;
    height: 100%;

    padding: 1.5rem;
  }

    .ticker__date {
      display: inline-block;
      vertical-align: top;

      color: #F52D43;
      font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
      font-size: 110%;
      text-transform: uppercase;
    }

    .ticker__content {
      display: block;

      margin-top: 1rem;

      color: #222;
    }

@media only screen and (min-width: 60em) {

  .ticker {
    height: 100px;
  }

    .ticker__date {
      margin-right: 10px;
    }

    .ticker__content {
      display: inline-block;
      vertical-align: top;

      max-width: 50em;

      margin-top: 0;
    }

}

/* States */
.ticker__item {
  -webkit-transition: all 0.5s cubic-bezier(.75,.15,.15,.75);
          transition: all 0.5s cubic-bezier(.75,.15,.15,.75);

  -webkit-transition-property: opacity, -webkit-transform;
          transition-property: opacity,         transform;

  opacity: 0;
}

.ticker__item.is-active {
  opacity: 1;
}

.ticker__item.is-inactive {
  opacity: 0;
}






/* ==========================================================================
   Callouts
   ========================================================================== */
.callout {
  position: relative;
  margin: 1.5rem 0 0;

  text-align: center;

  background-color: #fff;
  z-index: 4;
}

  .callout__image {
    padding-top: 2rem;
  }

    .callout__image .icon {
      width: 52px;
      height: 52px;
    }

  .callout__body {
    padding: 2rem;
  }

    .callout .callout__heading {
      /*margin-top: 0;*/

      color: #2e2e2e;
    }

    .callout__content {
      color: #2e2e2e;
      line-height: 1.6;
    }



    @media only screen and (min-width: 40em) {

      .callout__body {
        padding: 2rem 2rem 5rem;
      }

      .callout__content__btn {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 1.5em 0;
      }

    }
/* ==========================================================================
   Carousels
   ========================================================================== */

.carousel.carousel--logos {
  min-height: 8em;
}

.carousel__thumbnail  .logos__logo {
  width: auto;
  height: 7em;
  width: 7em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90% auto;
}


.carousel__thumbnail:last-child {
  margin-right: 0;
}

.carousel__thumb-list-wrap {
  display: inline-block;
  overflow: hidden;
  max-width: 7.5em;
}

.carousel__thumb-list {
  width: 82903em;
  list-style-type: none;
  padding: 0;

  text-align: left;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;

  -webkit-transition-property: opacity, -webkit-transform;
          transition-property: opacity, transform;

}

.carousel__thumbnail {
  display: none;
  margin-right: 1.5em;
  border: none;
  padding: 0.5em;
}


.btn--carousel {
  display: inline-block;
  width: 4em;
  padding: 0;
  border: none;
  background-color: transparent !important;
  outline: none;
  -webkit-transform: translate( -0.5em, -4em);
          transform: translate( -0.5em, -4em);
}

.carousel__arrow--left {
  text-align: left;
}

.carousel__arrow--right {
  text-align: right;
}

.btn--carousel:hover,
.btn--carousel:active,
.btn--carousel:focus {
  border: none;
  outline: none;
}

.btn--carousel .icon,
.btn--carousel use {
  fill: #fcb32c;
}

.carousel__thumbnail.is-active {
  background-color: rgba(255,255,255,0.1);
  display: inline-block;
}

.carousel__logo:hover {
  cursor: pointer;
}

.carousel__arrow .icon {
  width: 1em;
  height: 2em;
}
@media only screen and (min-width: 40em) {

  .carousel__thumbnail {
    display: inline-block;
  }

  .carousel__thumb-list,
  .carousel__thumb-list-wrap {
    display: block;
  }

  .carousel__thumb-list-wrap {
    max-width: none;
    width: 86%;
    float: left;
  }

  .btn--carousel {
    font-size: 1.5em;
    padding: 0.5em 0;
    width: 5%;
    margin-top: 0.8em;
    text-align: center;
    background-color: transparent;
    float: left;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }

  .carousel__arrow--left {
    margin-right: 2%;
    text-align: center;
  }

  .carousel__arrow--right {
    margin-left: 2%;
    text-align: center;
  }
}

/* New Carousel */
.logo--carousel {
  position: relative;
  height: 8em;
  width: 98%;
  padding: 1em;
}



.logo--carousel img {
  max-height: 7em;
  width: 90%;
  padding: 0 0.5em;
}

.owl-item {
  text-align: center;
}

.logo--carousel__image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 100%;
  filter: brightness(1);
  -ms-behavior: url('http://www.nuagenetworks.net/wp-content/themes/nuage/backgroundsize.min.htc');
}
.logo--carousel.is-active .logo--carousel__image {
  filter: none;
  -webkit-filter: none;
}

.owl-carousel__arrow {
  font-size: 1.5em;
  padding: 0.75em 0;
  margin-top: 0.8em;
  display: block;
  text-align: center;
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
  cursor: pointer;
}


@media only screen and (min-width: 40em) {
  .owl-carousel__arrow:hover,
  .owl-carousel__arrow:active,
  .owl-carousel__arrow:focus,
  .logo--carousel:hover,
  .logo--carousel:active,
  .logo--carousel:focus {
    cursor: pointer;
    background-color: rgba(255,255,255,0.1);
    border-color: #444;
  }

  .logo--carousel.is-active {
    background-color: rgba(255,255,255,0.1);
    border-color: #444;
  }
}

/* ==========================================================================
   Testimonials
   ========================================================================== */
.testimonial {
  position: relative;

  margin-bottom: 1rem;
  /*padding-bottom: 2rem;*/

  font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
  text-align: center;
}

  .testimonial__image {}

    .testimonial__image .icon {
      width: 52px;
      height: 52px;
    }

  .testimonial__body {
    max-width: 50em;

    margin: 1.5rem auto 0;
  }

    .testimonial__content {
      line-height: 1.6;
    }

    .testimonial__content:first-of-type::before {
      content: '\201C';
    }

    .testimonial__content:last-of-type::after {
      content: '\201D';
    }

    .testimonial__attribution {
      margin-top: 1rem;
    }

      .testimonial__author {
        color: #fcb32c;
        font-weight: normal;
      }

        .testimonial__author__position {
          display: block;
          color: #2e2e2e;
          font-weight: 300;
          font-style: italic;
        }



/* Alternative variation
   ========================================================================== */
.section--alt .testimonial__image .icon {
  fill: #fff;
}

  .section--alt .testimonial__author__position {
    color: #fff;
  }



/* Highlight variation
   ========================================================================== */
.section--highlight .testimonial__image .icon {
  fill: #2e2e2e;
}

  .section--highlight .testimonial__author {
    color: #fff;
  }

    .section--highlight .testimonial__author__position {
      color: #2e2e2e;
    }





/* ==========================================================================
   Logos
   ========================================================================== */
.logos {
  text-align: center;
}

  .logos .section__heading {
    margin-bottom: 1.5rem;
  }

  .logos__logo {
    display: inline-block;
    vertical-align: middle;

    width: 20%;

    padding: 0.5rem;
    -webkit-transition: all 0.3s cubic-bezier(.75,.15,.15,.75);
            transition: all 0.3s cubic-bezier(.75,.15,.15,.75);

    -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity,         transform;
  }

  .logos__logo:hover,
  .logos__logo:focus,
  .logos__logo:active,
  .logos__logo.is-active,
  .carousel__thumbnail.is-active .logos__logo {
    opacity: 1;
    cursor: pointer;
    background-color: rgba(255,255,255,0.1);
    border-color: #444;
  }

    .logos--no-carousel {
      border-collapse: separate;
      border-spacing: 3px;
    }

    .logos--no-carousel .logos__logo {
      min-height: 8em;
      /*margin: 0 1px;*/
    }

    .logos--no-carousel.logos--no-bios .logos__logo {
      display: inline-block;
      margin: 0;
    }

    .logos--no-carousel.logos--no-bios .logos__logo:hover,
    .logos--no-carousel.logos--no-bios .logos__logo:active,
    .logos--no-carousel.logos--no-bios .logos__logo:focus {
      background-color: transparent;
      border: none;
      cursor: default;
    }

    .logos__logo__table {
      display: table;
      height: 8em;
      text-align: center;
      vertical-align: middle;
      width: 100%;
    }

    .logos--no-carousel .logos__logo__table {
      height: 8em;
    }

    .logos__logo__cell {
      display: table-cell;
      vertical-align: middle;
    }

/* Boxed variation
   ========================================================================== */
.logos--boxed {
  padding: 0 0 2rem 0;

  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}

  .logos--boxed .section__heading,
  .section--alt .logos--boxed .section__heading {
    position: relative;
    top: -10px;

    color: #fff;
  }

  .logos--boxed .section__heading::before,
  .logos--boxed .section__heading::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;

    width: 25%;
    height: 1px;

    background-color: #fff;
  }

  .logos--boxed .section__heading::after {
    left: auto;
    right: 0;
  }

@media only screen and (min-width: 40em) {

  .logos--boxed .section__heading::before,
  .logos--boxed .section__heading::after {
    width: 35%;
  }

}

@media only screen and (min-width: 60em) {

  .logos--boxed .section__heading::before,
  .logos--boxed .section__heading::after {
    width: 40%;
  }

}


.wp-caption {
  padding: 1rem;
  max-width: 735px;
  width: 100% !important;
  height: auto;
}

.wp-caption.aligncenter {
  margin: 1em auto 0 auto;
}
.wp-caption.alignright {
  float: right;
}
.wp-caption.alignleft {
  float: left;
}

.aligncenter {
  text-align: center;
}


/* ==========================================================================
   Areas
   ========================================================================== */
.areas {
  position: relative;
  z-index: 10;

  padding: 0 1rem;

  text-align: center;

  background-color: #fcb32c;
}

  .area {
    display: block;
    padding: 2rem 1rem;

    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }

    .area__heading {
      /*margin-top: 0;*/

      color: #222;
    }

  .area:link,
  .area:visited {
    color: #2e2e2e;
  }

  .area:hover,
  .area:focus {
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none;
  }

  .areas__row:first-child .area:first-child {
    border-top-width: 0;
  }

@media only screen and (min-width: 40em) {

  .areas {
    display: table;

    width: 100%;

    padding: 1rem 2rem;
  }

    .areas__row {
      display: table-row;
    }

      .area {
        display: table-cell;
        vertical-align: middle;

        width: 50%;

        padding: 2rem;
      }

      .areas__row:first-child .area:nth-child(1),
      .areas__row:first-child .area:nth-child(2) {
        border-top-width: 0;
      }

      .area:nth-child(2n) {
        border-left: 1px solid rgba(0, 0, 0, 0.2);
      }

}

@media only screen and (min-width: 60em) {

  .areas {
    padding: 2rem 3rem;
  }

}





/* ==========================================================================
   Anchors
   ========================================================================== */
.nav--anchors {
  padding: 1rem;
  text-align: center;
}

  .nav--anchors .nav__item {
    display: block;
  }

    .nav--anchors a {
      margin: 0.5rem;
      padding: 0.8rem 1.5rem;

      font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
      font-size: 90%;
      text-transform: uppercase;
    }

    .nav--anchors a:link,
    .nav--anchors a:visited {
      color: #fff;
      background-color: #ea8a19;
    }

    .nav--anchors a:hover,
    .nav--anchors a:focus,
    .nav--anchors a:active {
      color: #ea8a19;
      background-color: #fff;
    }

@media only screen and (min-width: 40em) {

  .nav--anchors .nav__item {
    display: inline-block;
    vertical-align: middle;
  }

    .nav--anchors a {
      margin: 0 0.5rem;
    }

}



/* ==========================================================================
   User-visible sitemap
   ========================================================================== */

.nav--sitemap {

}
.nav--sitemap li {
  margin: 0.1rem 0;
  list-style: disc;
}

.nav--sitemap > li {
  margin-bottom: 1rem;
  list-style: none;
}
/*.nav--sitemap > li > ul {
  margin: 0;
  padding: 0;
}*/
.nav--sitemap > li > ul > li {
  margin: 0;
  padding: 0;
}
.nav--sitemap > li > a {
  font-weight: bold;
  color: #222;
}
  .nav--sitemap ul {
    margin-top: 0;
    color: #fcb32c;
  }

.nav--sitemap > li {
  -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
                 break-inside: avoid;
}

.nav--sitemap > li a {
  color: #222;
}

.page-id-8360 .section--title .section__heading {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

@media screen and (min-width: 40em) {
  .nav--sitemap {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
  }
}
@media screen and (min-width: 60em) {
  .nav--sitemap {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;

  }
}


/* ==========================================================================
   Authors
   ========================================================================== */

@media only screen and (min-width: 40em) {

  .author-meta__label {
    width: 5em;
    display: inline-block;
  }

}

.section--author-posts__heading {
  margin-bottom: 1.5em;
}

/* ==========================================================================
   Lists
   ========================================================================== */



/* Fancy lists
   ========================================================================== */
.list--fancy {
  list-style-type: none;
  padding: 0;
}

  .list--fancy li,
  .list--fancy .list__item {
    position: relative;
    display: inline-block;
    vertical-align: top;

    margin: 1.5rem 0 0;
    padding: 0 2rem;
  }

  .list--fancy li:nth-child(1),
  .list--fancy .list__item:nth-child(1) {
    margin-top: 0;
  }

  .list--fancy li:before,
  .list--fancy .list__item:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 15px;

    width: 4px;
    height: 4px;

    border-radius: 10px;

    background-color: #fcb32c;
  }

@media only screen and (min-width: 40em) {

  .list--fancy li,
  .list--fancy .list__item {
    width: 50%;
  }

  .list--fancy li:nth-child(2),
  .list--fancy .list__item:nth-child(2) {
    margin-top: 0;
  }

}

.section--highlight .list--fancy li:before,
.section--highlight .list--fancy .list__item:before {
  background-color: #fff;
}



/* Plain lists
   ========================================================================== */
.list--plain {
  list-style-type: none;
  padding: 0;
}

  .list--plain a:link,
  .list--plain a:visited {
    color: #222;
  }

  .section--alt .list--plain a:link,
  .section--alt .list--plain a:visited {
    color: #fff;
  }

.list--spaced li,
.list--spaced .list__item {
  margin: 1rem 0;
}


/* Award lists
   ========================================================================== */
.list--awards {
  list-style-type: none;
  padding: 0;
}

.list__item--horizontal {
  padding-bottom: 2em;
}

.list__read-article,
.list__time {
  display: block;
  padding-top: 0.2em;
}

  .list__item--horizontal .list__read-article {
    padding-top: 1em;
  }

.list--awards__image__wrap {
  min-height: 11em;
}

.list--awards__image {
  max-height: 14em;
  max-width: 9em;
  padding-bottom: 2em;
}


.list--awards .list__item {
  padding: 2.5em 0;
  border-bottom: 1px solid #e6e6e6;
}

  .list--awards .list__item--horizontal {
    border-bottom: none;
  }

.list--awards .list__item:last-child {
  border-bottom: none;
}

@media only screen and (min-width: 40em) {

  .list--awards .grid {
    display: table;
    width: 100%;
  }

  .list--awards .cell {
    display: table-cell;
    vertical-align: middle;
  }
  .list--awards .cell.list__item--horizontal {
    display: inline-block;
    vertical-align: top;
  }

  .list--awards__image {
    max-height: 12em;
    padding-bottom: 0;
  }

  .list__item--horizontal .list--awards__image { max-height: 9em;}

  .list--awards .list__item {
    padding: 3.5em 0;
  }

}

/* Icon lists
   ========================================================================== */

.list--icons {
  list-style-type: none;
  padding: 0;
}

.list--icons li,
.list--icons .list__item {
  display: inline-block;
  vertical-align: top;

  width: 100%;

  margin: 1.5rem 0 0;
}

  .list--icons .list__icon {
    margin-bottom: 0.5rem;
  }

@media only screen and (min-width: 40em) {

  .list--icons li,
  .list--icons .list__item {
    width: 50%;
  }

    .list--icons .list__icon {
      float: left;

      margin-right: 1rem;
    }

    .list--icons .list__body {
      overflow: hidden;

      padding-right: 2rem;
    }

      .list--icons .list__content {
        margin-top: 0;
      }

}

@media only screen and (min-width: 40em) {

  .list--icons .list__icon {
    margin-right: 1.5rem;
  }

}



.section--related_item_list li:before,
.section--related_item_list .list__item:before,
.section--list_items li:before,
.section--list_items .list__item:before {
  height: 0;
  width: 0;
  display: none;
}




/* ==========================================================================
   Figures
   ========================================================================== */
.figure {
  text-align: center;
}

  .figure__caption {
    margin-top: 1rem;
  }





/* ==========================================================================
   Google Maps
   ========================================================================== */
.google-map {
  height: 20rem;

  background-color: #eee;
}

@media only screen and (min-width: 40em) {

  .google-map {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: #eee;
  }

}





/* ==========================================================================
   Member
   ========================================================================== */
.members {
  position: relative;
  /*text-align: center;*/
}

.member {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  cursor: pointer;

  width: 50%;

  margin: 0;
  padding-top: 50%;
}

  .member__image {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
  }

  .member__info {
    position: absolute;
    top: 0;
    left: 0;

    opacity: 0;

    width: 100%;
    height: 100%;

    text-align: center;

    background-color: rgba(255, 162, 52, 0.8);

    -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;

    -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity,         transform;

    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

    .member__wrapper {
      padding: 10px;
    }

      .member__name {
        font-size: 100%;
        font-weight: 300;
      }

      .member__position {
        margin-top: 0;

        color: #222;
        font-size: 90%;
      }

      .member hr {
        margin: 1rem auto;
        width: 30px;

        border-color: #222 !important;
      }

      .member__link {
        font-size: 80%;
        text-transform: uppercase;
      }

      .member__link a {
        display: inline-block;

        padding: 0 0.5rem;

        -webkit-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
      }

      .member__link a:link,
      .member__link a:visited {
        color: #222;
      }

      .member__link a:hover,
      .member__link a:focus {
        text-decoration: none;

        color: #fcb32c;
        background-color: #222;
      }

      .member .icon {
        fill: #222;
      }

.f-table {
  display: table;

  width: 100%;
  height: 100%;
}

  .f-cell {
    display: table-cell;
    vertical-align: middle;
  }

/* States */
.member:hover .member__info {
  opacity: 1;

  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

@media only screen and (min-width: 40em) {

  .member {
    width: 33.33333%;

    padding-top: 33.33333%;

    font-size: 120%;
  }

}

@media only screen and (min-width: 60em) {

  .member {
    font-size: 140%;
  }

}





/* ==========================================================================
   Biography
   ========================================================================== */
.bio {
  display: none;
  opacity: 0;
  visibility: hidden;

  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;

  -webkit-transition-property: opacity, visibility, -webkit-transform;
          transition-property: opacity, visibility,         transform;
}

  .bio a:link,
  .bio a:visited {
    color: #222;
    text-decoration: underline;
  }

  .bio a:hover,
  .bio a:focus,
  .bio a:active {
    color: #222;
    text-decoration: none;
  }

  .bio .icon {
    fill: #222;
  }

  .bio__avatar {
    width: 120px;
    height: 120px;

    border-radius: 500px;
  }

  .bio__position,
  .bio__content {
    color: #222;
  }

/* States */
.bio.is-active {
  opacity: 1;
  visibility: visible;
}

.bio.is-inactive {
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 40em) {

  .bio__avatar {
    width: 140px;
    height: 140px;
  }

  .bio__content {
    text-align: left;
  }

}

@media only screen and (min-width: 60em) {

  .bio__avatar {
    width: 160px;
    height: 160px;
  }

}





/* ==========================================================================
   Modal
   ========================================================================== */
.modal {
  position: absolute;
  top: 0;
  left: 0;

  opacity: 0;
  visibility: hidden;

  width: 100%;
  height: 100%;

  padding: 1rem;

  text-align: center;

  background-color: rgba(255, 162, 52, 0.9);

  overflow: scroll;

  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;

  -webkit-transition-property: opacity, visibility, -webkit-transform;
          transition-property: opacity, visibility,         transform;

  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}



  .modal__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    z-index: 3;
    width: 1.5rem;
    height: 1.5rem;

    color: #222;
    font-size: 150%;
    line-height: 1;
  }

  .modal__wrapper {
    min-height: 100%;

    padding: 1rem;

    border: 1px solid #000;

  }

  .modal__wrapper__inner {
    position: relative;
  }

/* Modifiers */
  .modal--light {
    position: fixed;
    background-color: rgba(38,38,38,0.6);
    padding: 0;

  }

  .modal__table {
    height: 100%;
    margin: 0 auto;
    width: 100%;
    max-width: 60em;
    display: table;
  }

  .modal--events .modal__close {
    top: 0;
    right: 0;
  }

  .modal--events .btn,
  .btn--solid {
    margin: 0.5rem 0;
    width: 100%;
    text-align: center;
  }

  .modal--events h1 {
    margin-bottom: 1.5rem
  }

  @media only screen and (min-width: 40em) {

  .modal--events .article__heading {
    padding-right: 3rem;
  }

  }
  .modal--light .modal__close {
    z-index: 3;
    width: auto;
    height: auto;
    padding: 0.25em 0.5em;
  }

  .modal--light .modal__wrapper {
    min-height: none;
    height: auto;
    border: none;
    padding: 0;
    max-width: 60em;
    width: 100%;
    vertical-align: middle;
    display: table-cell;
  }

  .modal--light .modal__content {
    background-color: white;
    padding: 2em;
    text-align: left;
  }

/* States */
.modal.is-open {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.modal.is-closed {
  opacity: 0;
  visibility: hidden;

  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

@media only screen and (min-width: 40em) {

  .modal,
  .modal__wrapper {
    padding: 1.5rem;
  }

    .modal__close {
      top: 1.5rem;
      right: 1.5rem;

      width: 2rem;
      height: 2rem;

      font-size: 200%;
    }

}

@media only screen and (min-width: 60em) {

  .modal,
  .modal__wrapper {
    padding: 2rem;
  }

    .modal__close {
      top: 2rem;
      right: 2rem;

      width: 3rem;
      height: 3rem;

      font-size: 300%;
    }

}





/* ==========================================================================
   Partner
   ========================================================================== */
.partner {
  display: none;
  margin: 0;
}

.partner:first-child {
  display: block;
}

  .partner__heading {
    color: #222;
  }

  .partner__link {
    margin-top: 0.5rem;
  }

  .partner__body {
    margin-top: 1rem;
  }


    /*.partner__content {}*/





/* ==========================================================================
   Menu
   ========================================================================== */
.menu {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;

  z-index: 10;
}
.menu.categories {
  z-index: 12;
}

.menu.authors {
  z-index: 11;
}
  /*.menu__item {}*/

    .menu__item a {
      display: block;

      padding: 1.5rem 1rem;

      text-transform: uppercase;
    }

    .menu__item a:link,
    .menu__item a:visited {
      color: #222;
    }

    .menu__item a:hover,
    .menu__item a:focus,
    .menu__item a:active {
      text-decoration: none;

      background-color: rgba(0, 0, 0, 0.1);
    }

@media only screen and (min-width: 40em) {

  .menu__item {
    display: inline-block;
  }

}


/**
 * Sub items.
 */

  .dropdownsub .menu__item a {
    padding: 1rem;

    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid #000;

    text-transform: none;

    /*roman*/
    white-space: nowrap;
  }

  .dropdownsub .menu__item a:link,
  .dropdownsub .menu__item a:visited {
    color: #fff;
  }
  /*roman*/
  .section--dropdown .menu {
    width: 100%;
  }

@media only screen and (min-width: 40em) {

  .dropdownsub .menu__item a {
    border-width: 0;
  }

/*roman*/

 .menu.categories .dropdownsub,
  .menu.authors .dropdownsub {
    width: auto;
  }

 .section--dropdown .menu {
    width: auto;
  }

  .menu.categories .dropdownsub li {
    min-width: 11rem;
  }



}





/* ==========================================================================
   Comments
   ========================================================================== */
.comment {
  margin: 2rem 0 0;
}

  .comment__avatar {
    display: none;
  }

  /*.comment__body {}*/

    .comment__author {
      text-transform: uppercase;
    }

    .comment__meta {
      font-size: 80%;
      font-style: italic;
    }

    .comment__quote {
      margin: 1rem 0;
    }

@media only screen and (min-width: 40em) {

  .comment {
    margin: 3rem 0 0;
  }

    .comment__avatar {
      display: inline-block;
      vertical-align: top;

      width: 15%;

      padding-right: 1rem;
    }

    .comment__body {
      display: inline-block;
      vertical-align: top;

      width: 100%;
    }

    .comment__avatar + .comment__body {
      width: 80%;
    }

}

@media only screen and (min-width: 60em) {

  .comment {
    margin: 4rem 0 0;
  }

    .comment__avatar {
      width: 10%;
    }

    .comment__avatar + .comment__body {
      width: 90%;
    }

}





/* ==========================================================================
   Events
   ========================================================================== */

.section.section--events {
  background-color: #f6f6f6;
  padding-top: 0;
}

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

  .events__month {
    padding: 15px 0 5px 0;

    border-bottom: 1px solid #888;

    cursor: pointer;
  }

  .events__month::after {
    content: '+';
    margin-left: 10px;
  }

  .events .event {
    display: none;
  }

  .event-listings {
    position: relative;
    max-width: 100%;
    width: 100%;

  }

  .event-listings .event {
    padding: 1em;
    display: block;
    background-color: #ffffff;
    border-bottom: 4px solid #333333;
    margin-bottom: 1.5rem;
  }

  .event-listings .event__name {
    padding-bottom: 1em;
    color: ##fcb32c;
  }

  .event__name a {
    line-height: 1.5;
  }


  .event__heading {
    padding-bottom: 1rem;
  }

  .event__image {
    padding-top: 1rem;
  }



  /* Events Filter Bar & Buttons */

  .events__filter-bar {
    background-color: #fcb32c;
    padding: 0.75rem 0;
  }

  .events__filter-bar.upcoming {
    margin-bottom: 2em;
  }

  .page-template-template-events .tax-archive {
    margin-bottom: 2em;
  }

  .events__filter-bar .btn,
  .events__filter-bar .btn:link,
  .events__filter-bar .btn:active {
    color: #ad6e23;
    background-color: #e99430;
    margin-bottom: 0.25em;
  }

  .events__filter-bar .btn.is-active,
  .events__filter-bar .btn.is-active:link,
  .events__filter-bar .btn.is-active:hover,
  .events__filter-bar .btn.is-active:active,
  .events__filter-bar .btn:hover {
    background-color: #e98a19;
    color: #333333;
    border: 1px solid transparent;
  }

  @media only screen and (min-width: 40em) {
    .events__filter-bar .btn {
      margin-bottom: 0;
    }
    .events__filter-bar .btn:first-child {
      margin-right: 0.7em;
    }
  }

/* Masonry-style grid */

  .grid[data-columns]::before {
    content: '1 .cell.hand-1-1';
    visibility: hidden;
  }

@media only screen and (min-width: 40em) {
  .grid[data-columns]::before {
    content: '3 .cell.lap-1-3';
    visibility: hidden;
  }
}


.grid[data-columns] .cell.lap-1-3 {
  padding-left: 1.5rem;
}


/* States */
.is-open .events__month::after {
  content: '-';
}

.is-open .event {
  display: block;
}





/* ==========================================================================
   Tweets
   ========================================================================== */
.fru-tweets {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

  .fru-tweet__date {
    font-size: 90%;
    font-style: italic;
  }




/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Default form styling in order to make sure some elements look proper when
 * there's no way to class individual elements.
 *
 * Labels, when hovered, will change the border color of the associated input
 * element if it directly follows the label.
 *
 * [1] Input elements that are nested within labels (usually checkboxes or
 *     radio-buttons), display as inline-blocks.
 */
.form__field {
  position: relative;
}

label {
  display: block;

  font-weight: 600;

  cursor: pointer;
}

  label > input {
    display: inline-block; /* [1] */
    width: auto;

    margin-right: 0.5rem;
  }

input[type=color],
input[type=date],
input[type=datetime],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
  display: block;

  width: 100%;

  padding: 12px 16px;

  border: 1px solid #2e2e2e;

  color: #2e2e2e;
  font-weight: 300;

  background-color: transparent;
}

.textarea--short {
  height: 6.5rem;
}

.section--alt input[type=color],
.section--alt input[type=date],
.section--alt input[type=datetime],
.section--alt input[type=email],
.section--alt input[type=file],
.section--alt input[type=month],
.section--alt input[type=number],
.section--alt input[type=password],
.section--alt input[type=range],
.section--alt input[type=search],
.section--alt input[type=tel],
.section--alt input[type=text],
.section--alt input[type=time],
.section--alt input[type=url],
.section--alt input[type=week],
.section--alt select,
.section--alt textarea {
  border-color: #8c8c8c;

  color: #eee;
}

input[type=color]:hover,
input[type=date]:hover,
input[type=datetime]:hover,
input[type=email]:hover,
input[type=file]:hover,
input[type=month]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=range]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=time]:hover,
input[type=url]:hover,
input[type=week]:hover,
select:hover,
textarea:hover,
label:hover + input[type=color]:hover,
label:hover + input[type=date]:hover,
label:hover + input[type=datetime]:hover,
label:hover + input[type=email]:hover,
label:hover + input[type=file]:hover,
label:hover + input[type=month]:hover,
label:hover + input[type=number]:hover,
label:hover + input[type=password]:hover,
label:hover + input[type=range]:hover,
label:hover + input[type=search]:hover,
label:hover + input[type=tel]:hover,
label:hover + input[type=text]:hover,
label:hover + input[type=time]:hover,
label:hover + input[type=url]:hover,
label:hover + input[type=week]:hover,
label:hover + select,
label:hover + textarea {
  border-color: #aaa;
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus,
label:hover + input[type=color]:focus,
label:hover + input[type=date]:focus,
label:hover + input[type=datetime]:focus,
label:hover + input[type=email]:focus,
label:hover + input[type=file]:focus,
label:hover + input[type=month]:focus,
label:hover + input[type=number]:focus,
label:hover + input[type=password]:focus,
label:hover + input[type=range]:focus,
label:hover + input[type=search]:focus,
label:hover + input[type=tel]:focus,
label:hover + input[type=text]:focus,
label:hover + input[type=time]:focus,
label:hover + input[type=url]:focus,
label:hover + input[type=week]:focus,
label:hover + select:focus,
label:hover + textarea:focus {
  outline: none;
  border-color: #83add3;

  -webkit-box-shadow: 0 0 3px 0 rgba(131, 173, 211, 0.6);
          box-shadow: 0 0 3px 0 rgba(131, 173, 211, 0.6);
}


/* Datepicker
   ========================================================================== */

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
  background-color: rgba(0,0,0,0.95);
  color: #fcb32c;
}

.ui-datepicker a {
  color: #fcb32c;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 8px;
  width: 1.8em;
  height: 1.8em;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
  left: 8px;
}

.ui-datepicker .ui-datepicker-next {
  right: 19px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  color: white;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
  border-color: #222;
}

.ui-datepicker table tr {
  border-color: #222;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
  color: white;
  border-bottom: 1px solid white;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
  text-align: center;
  background-color: transparent;
  -webkit-transition: background-color 0.3s ease-out;
          transition: background-color 0.3s ease-out;
}

.ui-datepicker td:hover {
  background-color: #222;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: inline-block;
  padding: .2em;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Search form
   ========================================================================== */
.form--search .form__label {
  width: 100%;
}

.form--search input {
  height: 50px;
}

.form--search button[type=submit] {
  width: 100%;
  height: 50px;

  padding: 12px 16px;

  text-align: center;
}

@media only screen and (min-width: 40em) {

  .form--search .form__label {
    width: 80%;
  }

  .form--search button[type=submit] {
    position: absolute;
    top: 0;
    right: 0;

    width: 20%;
    height: 50px;

    padding: 12px 16px;

    text-align: center;
  }

}



/* Validation
   ========================================================================== */
.required {
  color: #fcb32c;
}



/* Contact Form 7 styles
   ========================================================================== */
.screen-reader-response,
.wpcf7-display-none {
  display: none;
}

.ajax-loader {
  position: absolute;
  top: 50%;
  right: 0;

  margin-top: -8px;

  background-color: #fff;
}

.wpcf7-not-valid-tip {
  display: block;

  padding: 0.5rem;

  color: #fff;
  font-size: 80%;

  background-color: #2e2e2e;
}

.wpcf7-response-output {
  margin: 1rem 0;
  padding: 0.5rem;

  color: #fff;
  font-size: 80%;
  text-align: center;

  background-color: #2e2e2e;
}

.section--contact-form .do-you-other,
.section--contact-form .how-did-you-hear-other {
  display: none;
}

/**
 * Alternative variation.
 */
.section--alt .wpcf7-not-valid-tip,
.section--alt .wpcf7-response-output {
  color: #222;

  background-color: #fcb32c;
}

/**
 * Highlight variation
 */
.section--highlight .wpcf7-not-valid-tip,
.section--highlight .wpcf7-response-output {
  color: #fff;

  background-color: #2e2e2e;
}



/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Default table styling in order to make sure some elements look proper when
 * there's no way to class individual elements.
 */
table {
  width: 100%;

  text-align: left;
}

  thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eee;
  }

  tbody tr {
    border-top: 1px solid #eee;
  }

  th,
  td {
    padding: 0.25rem;

    text-align: left;
  }





/* ==========================================================================
   Sections
   ========================================================================== */
.section {
  padding: 2rem 0;
}

  .section__heading {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }

  .section__date {
    margin-top: 0.5rem;

    font-size: 80%;
  }

  .section__icon {
    margin-bottom: 1rem;
  }

@media only screen and (min-width: 40em) {

  .section {
    padding: 3rem 0;
  }

}

@media only screen and (min-width: 60em) {

  .section {
    padding: 4rem 0;
  }

}



/* Secondary sections
   ========================================================================== */
.section--secondary {
  background-color: #f6f6f6;
}



/* Alternative sections
   ========================================================================== */
.section--alt {
  color: #fff;

  background-color: #2e2e2e;
}

  .section--alt .section__heading {
    color: #fcb32c;
  }



/* Highlight section
   ========================================================================== */
.section--highlight {
  background-color: #fcb32c;
}



/* Title section
   ========================================================================== */
.section--title {
  padding: 3rem 0 2rem;
  text-align: center;
  background-color: #2e2e2e;
  height: 14.5rem;
  display: table;
  width: 100%;
}

.section--title .wrapper {
  display: table-cell;
  vertical-align: middle;
}

.section--title .wrapper .section__heading {
  margin-bottom: 0;
}

  .section--title .section__heading {
    /*margin-top: 0;*/

    color: #fff;
    font-weight: 400;
  }

@media only screen and (min-width: 40em) {

   .section--title {
    padding: 4rem 0 3rem;
    height: 17.5rem;
    display: table;
    width: 100%;
  }

  .section--title .wrapper {
    display: table-cell;
    vertical-align: middle;
  }


}



/* Intro section
   ========================================================================== */
.section--intro {
  position: relative;

  font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
  /*font-size: 90%;*/
  line-height: 1.6;
  text-align: center;
}




/* Callouts section
   ========================================================================== */
.section--callouts {
  text-align: center;
}

  .section--callouts .btn,
  .section--callouts .btn:link,
  .section--callouts .btn:visited {
    border-color: #fcb32c;
    color: #2e2e2e;
    background-color: #fcb32c;
  }

  .section--callouts .btn:hover,
  .section--callouts .btn:focus,
  .section--callouts .btn:active {
    border-color: #2e2e2e;

  }

  .section--callouts .btn .icon {
    fill: #222;
  }



/* Logos section
   ========================================================================== */
.section--logos {
  padding: 3rem 0;
}

@media only screen and (min-width: 40em) {

  .section--logos {
    padding: 4rem 0;
  }

}

@media only screen and (min-width: 60em) {

  .section--logos {
    padding: 5rem 0;
  }

}



/* Featured section
   ========================================================================== */
.section--feature {}

  .section--feature .section__image {
    display: none;
  }

  .section--feature .section__heading {
    /*margin-top: 0;*/
  }

    .section--feature .btn {
      padding-left: 3rem;
      padding-right: 3rem;
    }

@media only screen and (min-width: 40em) {

  .section--feature .section__image {
    display: inline-block;
    vertical-align: top;

    width: 20%;

    padding: 0 2rem 0 0;
  }

  .section--feature .section__body {
    display: inline-block;
    vertical-align: top;

    width: 100%;
  }

  .section--feature .section__image + .section__body {
    width: 80%;
  }

}

@media only screen and (min-width: 60em) {

  .section--feature .section__image {
    width: 30%;
  }

  .section--feature .section__image + .section__body {
    width: 70%;
  }

}



/* Areas section
   ========================================================================== */
.section--areas {
  position: relative;

  background-color: #2e2e2e;
}

.section--areas::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  width: 100%;
  height: 50%;

  background-color: #fff;
}

@media only screen and (min-width: 40em) {

  .section--areas {
    margin-top: -3rem;
  }

}

@media only screen and (min-width: 60em) {

  .section--areas {
    margin-top: -4rem;
  }

}



/* Contact Us blocks
   ========================================================================== */

.section--contact-us {
  position: relative;
  padding: 0;

  background-color: #2e2e2e;
}

  .section--contact-us hr {
    width: 100%;

    border-color: #4e4e4e;
  }

  .section--contact-us p,
  .section--contact-us a:link,
  .section--contact-form a:link,
  .section--contact-form p {
    color: white;
  }

  .contact__intro {
    background-color: #363636;
    padding: 3em 0;
  }

  .contact__details,
  .section__contact-details {
    padding: 3em 0;
  }

  .section--map {
    position: relative;
    padding: 0;
  }

  .section--contact-form {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .section--contact-form .wpcf7-form p {
      margin: 0;
  }

  .section--contact-form .clearfix {
    clear: both;
    width: 100%;
  }

  .section--contact-form input,
  .section--contact-form textarea,
  .section--contact-form select {
    border: 1px solid #989898;
    color: #555;
    margin-top: 0.5em;
  }

  .section--contact-form textarea.event__form__message {
    height: 9.85em;
  }

  .section--contact-form select {
    height: 2.9em;
    -webkit-border-radius: 0px;
  }

  .section--contact-form p {
    padding: 1em 0;
  }

  .section--contact-form input,
  .section--contact-form select,
  .section--contact-form textarea {
    background-color: #fff;
    color: #555;
  }

  .section--contact-form input:active,
  .section--contact-form input:focus {
    border-color: #ddd;
    color: #555;
  }

  .section--contact-form input.hand-hide {
    display: none;
  }

  .section--contact-form .wpcf7-list-item {
    width: 100%;
    display: inline-block;
  }

  .section--contact-form .wpcf7-list-item label {
    font-weight: normal;
    display: table-row;
  }

  .section--contact-form input[type="checkbox"],
  .section--contact-form .wpcf7-list-item-label {
    display: table-cell;
    border: none;
  }

  .section--contact-form .wpcf7-list-item-label {
    padding-left: 0.5em;

  }

   .section--contact-form .wpcf7-not-valid {
    border-color: #c52a39;
    background-color: rgba(255,0,0,0.3);
  }

  .section--contact-form input.wpcf7-not-valid {
    color: #FFF;
  }

  .section--contact-form .wpcf7-form-control-wrap {
    display: block;
    margin-top: 0.5em;
  }

  .wpcf7-not-valid-tip {
    display: none;
  }

  .section--contact-form .wpcf7 {
    padding: 2.5em;
    background-color: rgba(28,28,28,0.75);
  }


  .section__contact-details .contact__information h2 {
    color: white;
  }

  .section__contact-details .contact__information p,
  .section__contact-details .contact__information a:link {
    color: #363636;
  }

  .section__contact-details .contact__information p,
  .section__contact-details .contact__information ul {
    margin-bottom: 2em;
    margin-top: 0;
  }

  .section__contact-details .contact__information svg {
    fill: #363636;
  }

  .how-did-you-hear-other__wrapper {
    display: none;
  }

  @media only screen and (min-width: 40em) {

    .contact__details .section__heading {
      padding-top: 0;
    }

    .section--map {
      padding: 12em 0;
    }

    .how-did-you-hear-other__wrapper input {
      width: 46.4%;
    }
    /**
     * Fixes added spaces caused by Contact form 7 :'(
     **/

    .section--contact-form .cell.lap-1-3 {
      width: 32.9%;
    }
    .section--contact-form .cell.lap-1-2 {
      width: 49.5%;
    }

    .section--contact-form .cell.desk-1-4 {
      width: 24.6%;
    }
  }

@media only screen and (min-width: 60em) {
  .section--contact-form  .cell.desk-1-2 {
    width: 49%;
  }
}

/* Next Step section
   ========================================================================== */
.section--areas + .section--next_step {
  padding-top: 0;
}



/* Anchors section
   ========================================================================== */
.section--anchors {
  padding: 0;

  background-color: #fcb32c;
}



/* Lists section
   ========================================================================== */
.section--lists {
  padding: 1rem 0;
}

  .section--lists .cell {
    margin: 1.5rem 0;
  }

@media only screen and (min-width: 40em) {

  .section--lists {
    padding: 2rem 0;
  }

}

@media only screen and (min-width: 60em) {

  .section--lists {
    padding: 3rem 0;
  }

}



/* Dropdown section
   ========================================================================== */
.section--dropdown,
.section--dropdown .wrapper {
  padding: 0;
}
/*roman*/
.section--dropdown .menu {
  display: inline-block;
}

@media only screen and (min-width: 40em) {

  .section--dropdown .wrapper {
    padding: 0 1rem;
  }

}

.dropdown {
  position: relative;
  z-index: 9;
  background-color: #fcb32c;
}

.dropdownsub {
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
  opacity: 0;

  width: 100%;

  background-color: #2e2e2e;

  -webkit-transition: all 0.3s cubic-bezier(.75,.15,.15,.75);
          transition: all 0.3s cubic-bezier(.75,.15,.15,.75);

  -webkit-transition-property: opacity, visibility, -webkit-transform;
          transition-property: opacity, visibility,         transform;

  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
/*roman*/
.menu.authors .dropdownsub,
.menu.categories .dropdownsub {
  background-color: #f9f9f9;
  max-height: 400px;
  overflow: scroll;
  z-index: 100;
}

.menu.authors .dropdownsub li,
.menu.categories .dropdownsub li {
  display: block;
}


.menu.authors .dropdownsub a:link,
.menu.authors .dropdownsub a:visited,
.menu.categories .dropdownsub a:link,
.menu.categories .dropdownsub a:visited {
  color: #333;
}

/* States */
.dropdownsub.is-active {
  visibility: visible;
  opacity: 1;

  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.dropdownsub.is-inactive {
  visibility: hidden;
  opacity: 0;

  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}



/* Dropdownsub section
   ========================================================================== */
.section--dropdownsub {
  position: relative;
  top: -100%;
  z-index: 1;

  -webkit-transition: all 0.3s cubic-bezier(.75,.15,.15,.75);
          transition: all 0.3s cubic-bezier(.75,.15,.15,.75);

  -webkit-transition-property: opacity, -webkit-transform;
          transition-property: opacity,         transform;
}

.section--dropdownsub,
.section--dropdownsub .wrapper {
  padding: 0;
}

/* States */
.section--dropdownsub.is-active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.section--dropdownsub.is-inactive {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

@media only screen and (min-width: 40em) {

  .section--dropdownsub .wrapper {
    padding: 0 1rem;
  }

}





/* Comments section
   ========================================================================== */
.comment-respond {
  margin-top: 2rem;
}

.comments {
  margin: 2rem 0 0;
  padding: 2rem 0;

  border-top: 1px solid #e1e1e1;
}

  .comments__count {
    text-align: center;
    text-transform: uppercase;
  }

.reply__heading {
  margin-bottom: 1rem;
}





/* 404 Section
   ========================================================================== */
.section--404 {
  text-align: center;
}

.error {
  font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
  font-size: 500%;
  font-weight: 600;
}





/* Events section
   ========================================================================== */
/*.section--events {}*/

  .section--events .section__heading {
    padding: 15px;

    text-align: center;

    background-color: #2e2e2e;
  }





/* ==========================================================================
   Blog articles
   Taxonomy articles
   News articles
   ========================================================================== */
.article {
  margin-top: 3rem;

  overflow: auto;
}

.article:first-of-type {
  margin-top: 0;
}

  .article .article__image {
    display: none;
  }

  /*.article .article__body {}*/

  .article .article__footer {
    margin-top: 1rem;
    padding: 1rem;

    color: #747474;
    font-size: 80%;

    background-color: #333;
  }

    .article .article__footer a:link,
    .article .article__footer a:visited {
      color: #fff;
    }

    .article .article__footer a:hover,
    .article .article__footer a:focus {
      color: #fff;
      text-decoration: underline;
    }

    .article .article__footer a:active {
      color: #fcb32c;
    }

@media only screen and (min-width: 40em) {

  .article .article__image {
    display: inline-block;
    vertical-align: top;

    width: 20%;

    padding: 0 2rem 0 0;
  }

  .article .article__body {
    display: inline-block;
    vertical-align: top;

    width: 100%;
  }

  .article .article__image + .article__body {
    width: 80%;
  }

  .article .article__footer {
    display: table;

    width: 100%;
  }

    .article .article__edit,
    .article .article__author,
    .article .article__categories,
    .article .article__comments {
      display: table-cell;
      vertical-align: middle;

      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;

      padding: 0 0.5rem;
    }

    .article .article__categories,
    .article .article__comments {
      text-align: right;
    }

}

@media only screen and (min-width: 60em) {

  .article .article__image {
    width: 30%;
  }

  .article .article__image + .article__body {
    width: 70%;
  }

}



/* Single blog article
   ========================================================================== */
.article--single .article__meta {
  margin: 0.5rem 0;

  font-size: 80%;
}

  .article--single .article__edit,
  .article--single .article__author,
  .article--single .article__categories,
  .article--single .article__comments {
    padding: 0;
    font-style: italic;
  }

.article--single .article__image {
  float: left;
  display: block;

  padding-bottom: 2rem;
}

.article--single .article__body {
  display: block;
  width: auto;
}

.article__share {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  position: absolute;
  top: 0;
}

.article__share li {
  display: inline-block;
}

.article__share li:first-child {
  margin-right: 0.5em;
}

.article__share__icon {
  font-size: 1.4em;
  padding: 0.1em;
}

.article__share__icon:hover,
.article__share__icon:active,
.article__share__icon:focus {
  text-decoration: none;
}

.single-post .article__heading {
  margin-top: 2em;
}

.article__share li:first-child {
  display: none;
}

@media only screen and (min-width: 40em) {

  .article__share {
    position: absolute;
    top: -2.3em;
  }

  .article--single.article--post {
    overflow: visible;
  }

  .article--single .article__image + .article__body {
    width: 100%;
  }

  .article__share__sticky {
    position: absolute;
  }

  .single-post .article__heading {
    margin-top: 0;
  }

  .article__share li:first-child {
    display: inline-block;
  }


}

@media only screen and (min-width: 60em) {

  .article--single .article__image + .article__body {
    width: 100%;
  }


}

@media only screen and (min-width: 70em) {

  .article__meta {
    padding-bottom: 1.5rem;
  }

  .article--single .article__share {
    margin-left: -5em;
    width: 4em;
    top: 0;
    border-right: 1px solid #f4f4f4;
    text-align: center;
  }

  .article__share__icon,
  .article__share li {
    display: block;
  }

  .article__share li:first-child { display: none; }


}

/* Post article
   ========================================================================== */
.article--post {
  position: relative;
}



/* Events article
   ========================================================================== */
.event {
  margin-bottom: 1em;
}

  .event__location,
  .event__date {
    margin-top: 0;
  }

  .modal .event__location,
  .modal .event__date,
  .single-event .event__location,
  .single-event .event__date {
    padding: 0.5rem 0;
  }








/* ==========================================================================
   Site-header
   ========================================================================== */

/**
 * The global header
 *
 * This element usually hosts a logo, the main navigation and other elements
 * that should show up throughout the entire website.
 */
.site-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;

  width: 100%;
  height: 10.3125rem;

  margin-bottom: 0;

   background-color: rgb(249,249,249);
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
}

.site-header.scrolled {
  background-color: rgb(51, 51, 51);
}

.social_flyout {
    margin: 2em 0;
  }

  .site-header .wrapper {
    width: 100%;
    height: 100%;
  }

/*@media only screen and (max-height: 47em) {
  .top-flyout .menu-flyout.is-active {
    overflow-y: auto;
  }
}
*/
@media only screen and (min-width: 40em) {

  .site-header {
    height: auto;
  }

}

@media only screen and (min-width: 60em) {

  .site-header {
    position: fixed;
    height: 90px;
   -webkit-transition: height .25s;
    transition: height .25s;
  }

  .site-header.is-shrunk {
    height: 45px;
  }

  .site-header.is-shrunk .nav--main .nav__item a {
    height: 45px;
    padding: 19px 16px;
  }

}


/* Sticky site header
   ========================================================================== */
.site-header--sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}





/* ==========================================================================
   Logo
   ========================================================================== */

/**
 * The website's main logo, usually displayed in the site's global header.
 *
 * [1] Remove the max-width to prevent a bug in IE.
 * [2] We scale the image's height instead of width for the logo.
 */
.logo {
  position: absolute;
  top: 50%;
  left: 24px;

  margin-top: -20px;

  display: block;
}

  .logo__img {
    width: auto;
    max-width: none; /* [1] */
    height: 55px;    /* [2] */
  }

@media only screen and (min-width: 40em) {

  .logo {
    display: inline-block;
    position: relative;
    top: 16px;
    left: auto;
    margin: 0 0 16px 0;
  }
    .logo__img {
      height: 50px;
    }

}

@media only screen and (min-width: 60em) {

  .logo {
    position: absolute;
    top: 13px;
    margin: 0;
  }

}





/* ==========================================================================
   Main navigation
   ========================================================================== */

/**
 * The website's main navigation, usually located in the header.
 */
.nav--main {
  position: absolute;
  top: 90%;
  left: 0;
  z-index: -1;

  visibility: hidden;
  opacity: 0;

  width: 100%;
}

  .nav--main .nav__item {
    width: 100%;
  }

    .nav--main .nav__item a {
      padding: 1rem;

      border-bottom: 1px solid #111;

      font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
      font-size: 0.8rem;
      font-weight: normal;
      text-align: center;
      text-transform: uppercase;

      background-color: #2e2e2e;
    }
    .nav--main .nav__item a:link,
    .nav--main .nav__item a:visited {
      color: #fff;
    }
    .nav--main .nav__item a:hover,
    .nav--main .nav__item a:focus {
      border-color: #ee8f1e;

      color: #222;
      text-decoration: none;

      background-color: #fcb32c;
    }
    .nav--main .nav__item a:active {
      border-color: #de8721;

      color: #222;
      text-shadow: 0 1px 0 #fcb32c;

      background-color: #e88f26;
    }

    .nav--main .nav__item .icon,
    .nav--main .nav__item a:hover .icon,
    .nav--main .nav__item a:focus .icon,
    .nav--main .nav__item a:active .icon {
      fill: #fff;
    }

    /* Enterprise menu */
    .nav--main .nav__item--enterprise > a:hover,
    .nav--main .nav__item--enterprise > a:focus,
    .nav--main .nav__item--enterprise:hover > a {
      border-color: #c52a39;
      color: #fff;
      background-color: #df3c4c;
    }
    .nav--main .nav__item--enterprise > a:active {
      border-color: #c52a39;
      color: #fff;
      text-shadow: none;
      background-color: #c52a39;
    }

    /* CSP menu */
    .nav--main .nav__item--service-provider > a:hover,
    .nav--main .nav__item--service-provider > a:focus,
    .nav--main .nav__item--service-provider:hover > a {
      border-color: #b6772a;
      color: #fff;
      background-color: #b6772a;
    }
    .nav--main .nav__item--service-provider > a:active {
      border-color: #b6772a;
      color: #fff;
      text-shadow: none;
      background-color: #b6772a;
    }


/* States */
.nav--main.is-open,
.nav--main.is-closed {
  -webkit-transition: all 0.2s cubic-bezier(.7,.2,.3,.8);
          transition: all 0.2s cubic-bezier(.7,.2,.3,.8);
}

.nav--main.is-open {
  visibility: visible;
  opacity: 1;
  top: 100%;
}

@media only screen and (min-width: 52em) {

  .nav--main {
    display: table;

    position: relative;
    top: auto;
    right: auto;
    left: auto;

    width: 100%;

    margin: 1rem 0;

    visibility: visible;
    opacity: 1;

    -webkit-transition: none;
            transition: none;
    z-index: 9999999;
  }

    .nav--main .nav__item {
      position: relative;
      display: table-cell;
      vertical-align: middle;

      width: auto;
    }

      .nav--main .nav__item a {
        padding: 12px 8px;

        border: 0;

        background-color: transparent;
      }
      .nav--main .nav__item a:link,
      .nav--main .nav__item a:visited {
        color: #FFF;
        background-color: transparent;
      }
      .nav--main .nav__item a:hover,
      .nav--main .nav__item a:focus,
      .nav--main .nav__item:hover a {
        color: #fff;
        text-decoration: none;

        background-color: #2e2e2e;
      }
      .nav--main .nav__item a:active {
        color: #fcb32c;
        text-shadow: none;
        background-color: #2e2e2e;
      }



      .nav--main .nav__item--search a {
        padding: 10px 8px;
      }

        .nav--main .nav__item--search .icon {
          fill: #222;
        }

      /* Enterprise menu */
      .nav--main .nav__item--enterprise > a:hover,
      .nav--main .nav__item--enterprise > a:focus,
      .nav--main .nav__item--enterprise:hover > a {
        border-color: #c52a39;
        color: #fff;
        background-color: #df3c4c;
      }
      .nav--main .nav__item--enterprise > a:active {
        border-color: #c52a39;
        color: #fff;
        text-shadow: none;
        background-color: #c52a39;
      }

      /* CSP menu */
      .nav--main .nav__item--service-provider > a:hover,
      .nav--main .nav__item--service-provider > a:focus,
      .nav--main .nav__item--service-provider:hover > a {
        border-color: #b6772a;
        color: #fff;
        background-color: #b6772a;
      }
      .nav--main .nav__item--service-provider > a:active {
        border-color: #b6772a;
        color: #fff;
        text-shadow: none;
        background-color: #b6772a;
      }

}

@media only screen and (min-width: 60em) {

  .nav--main {
    position: absolute;
    top: 0;
    right: 16px;

    width: auto;

    margin: 0;
  }

    .nav--main .nav__item a {
      height: 90px;

      padding: 38px 16px;
      -webkit-transition: padding .25s;
      transition: padding .25s;
    }

}





/* ==========================================================================
   Sub navigation
   ========================================================================== */

/**
 * Navigation that is used for drop-down menus. Usually in the main navigation
 * menu.
 */
.nav--sub {
  position: relative;
  top: 100%;
  display: none;

  width: 100%;
}

  .nav--sub .nav__item a {
    font-size: 70%;
    padding: 0.75rem 1rem;
    background-color: #111;
  }

  .nav--sub .nav__item:first-child a {
    border-top-width: 0;
  }

  /* Enterprise menu */
  .nav__item--enterprise .nav--sub a:hover,
  .nav__item--enterprise .nav--sub a:focus {
    border-color: #c52a39;
    color: #fff;
    background-color: #df3c4c;
  }
  .nav__item--enterprise .nav--sub a:active {
    border-color: #c52a39;
    color: #fff;
    text-shadow: none;
    background-color: #c52a39;
  }

  /* CSP menu */
  .nav__item--service-provider .nav--sub a:hover,
  .nav__item--service-provider .nav--sub a:focus {
    border-color: #b6772a;
    color: #fff;
    background-color: #b6772a;
  }
  .nav__item--service-provider .nav--sub a:active {
    border-color: #9d6521;
    color: #fff;
    text-shadow: none;
    background-color: #9d6521;
  }

/* States */
.nav--sub.is-open,
.nav--sub.is-closed {
  -webkit-transition: all 0.2s cubic-bezier(.2,.9,.6,1);
          transition: all 0.2s cubic-bezier(.2,.9,.6,1);
}

.nav--sub.is-open {
  display: block;
}

@media only screen and (min-width: 52em) {

  .nav--main .nav__item:hover .nav--sub,
  .nav--sub .nav__item:hover .nav--sub {
    visibility: visible;
    opacity: 1;
  }

  .nav--sub {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;

    visibility: hidden;
    opacity: 0;

    width: auto;
    min-width: 100%;
    padding-top: 1rem;
  }

  .nav--sub .nav--sub {
    position: relative;
    padding-top: 0;
  }

  .nav--sub .nav--sub .nav__item {
    font-size: .85em;
  }

  .nav--sub .nav--sub .nav__item a {
    text-align: left;
    text-indent: 2em;
  }

    .nav--sub .nav__item {
      display: block;
    }

/*    .nav--main .nav--sub .nav__item {
      border-bottom: solid 1px #FFF;
    }*/

      .nav--sub .nav__item a {
        padding: 16px 10px;

        border: 0;
        border-top: 1px solid #000;

        text-align: left;
      }
      .nav--sub .nav__item a:link,
      .nav--sub .nav__item a:visited {
        color: #fff;
        background-color: #2e2e2e;
      }
      .nav--sub .nav__item a:hover,
      .nav--sub .nav__item a:focus {
        color: #222;
        background-color: #fcb32c;
      }
      .nav--sub .nav__item a:active {
        color: #222;
        background-color: #e78c21;
      }

      .nav--sub .nav__item:first-child a {
        border-top-width: 0;
      }

      /* Enterprise menu */
      .nav__item--enterprise .nav--sub a:hover,
      .nav__item--enterprise .nav--sub a:focus {
        border-color: #c52a39;
        color: #fff;
        background-color: #df3c4c;
      }
      .nav__item--enterprise .nav--sub a:active {
        border-color: #c52a39;
        color: #fff;
        text-shadow: none;
        background-color: #c52a39;
      }

      /* CSP menu */
      .nav__item--service-provider .nav--sub a:hover,
      .nav__item--service-provider .nav--sub a:focus {
        border-color: #b6772a;
        color: #fff;
        background-color: #b6772a;
      }
      .nav__item--service-provider .nav--sub a:active {
        border-color: #9d6521;
        color: #fff;
        text-shadow: none;
        background-color: #9d6521;
      }

}

@media only screen and (min-width: 40em) {

  .nav--sub {
    left: auto;
    right: 0;
  }

    .nav--sub .nav__item a {
      padding: 18px 14px;
      font-size: 80%;
    }

}

@media only screen and (min-width: 60em) {

  .nav--sub .nav__item a {
    height: auto;
  }

}

@media only screen and (min-width: 70em) {

  .nav--sub {
    right: auto;
    left: 0;
  }

}

/* States */
.nav--sub.is-open {
  visibility: visible;
  opacity: 1;
}



/* Footer Navigation
   ========================================================================== */
.nav--footer {
  margin-top: 1.5rem;

  font-size: 80%;

  margin-bottom: 1rem;
}

  .nav--footer .nav__item a {
    padding: 0.25rem 0;
  }

  .nav--footer .nav__item a:link,
  .nav--footer .nav__item a:visited {
    color: #fff;
  }

  .nav--footer .nav__item a:hover,
  .nav--footer .nav__item a:focus,
  .nav--footer .nav__item a:active {
    color: #fcb32c;
  }

   .nav--footer .nav__item {
      display: inline-block;
      vertical-align: middle;
    }

     .nav--footer .nav__item a {
        padding: 0 0.5rem;
      }

@media only screen and (min-width: 60em) {

  .nav--footer {
    position: absolute;
    top: auto;
    right: 0;

    margin-top: 0;
    margin-bottom: 0;
  }



      .nav--footer .nav__item a {
        padding: 0 0.5rem;
      }

}



/* Social navigation
   ========================================================================== */
.nav--social li,
.nav--social .list__item {
  display: inline-block;
  vertical-align: middle;
}
  .nav--social li .social-label {
    display: none;
  }
  .nav--social .icon {
    width: 24px;
    height: 24px;

    -webkit-transition: all 0.2s cubic-bezier(.75,.15,.15,.75);
            transition: all 0.2s cubic-bezier(.75,.15,.15,.75);
  }
  .contact__information .nav--social .icon {
    width: 34px;
    height: 34px;
  }

  .nav--social a:hover .icon,
  .nav--social a:focus .icon,
  .nav--social a:active .icon {
    fill: #fff;
  }





/* ==========================================================================
   Site footer
   ========================================================================== */

/**
 * The global footer.
 *
 * This element usually hosts navigation and additional information about the
 * website that shows up on every page.
 */
.site-footer {
  padding: 2rem 0;

  color: #f6f6f6;

  background: #2e2e2e url(img/_bg-footer.jpg) center center no-repeat;
  background-size: cover;
}

  .site-footer div.time {
    float: left;

    margin-right: 1rem;
  }

  .site-footer__block {
    margin-bottom: 2rem;
    padding: 1.5rem 0;

    border-top: 1px solid #fcb32c;
  }

    .site-footer__heading {
      font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
      font-size: 110%;
      font-weight: normal;
      color: #fcb32c;
      text-transform: uppercase;
    }

    .site-footer__heading,
    .site-footer__heading:first-child {
      margin: 0.5rem 0;
    }

  .site-footer__block--social {
    font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
    font-size: 150%;
    font-weight: 300;
  }

    .site-footer__block--social .site-footer__heading {
      text-transform: none;
    }

    .site-footer__block--social p {
      margin-top: 0;
    }

  .site-footer__sub {
    margin-top: 2rem;
    padding-top: 2rem;

    border-top: 1px solid rgba(255, 255, 255, 0.6);

    text-align: center;
  }

@media only screen and (min-width: 60em) {

  .site-footer__sub {
    position: relative;
    text-align: left;
  }

}





/* ==========================================================================
   Homepage template
   ========================================================================== */
/**
 * Callouts
 */
.t-homepage .callout__image {
  padding: 2rem;
  background-color: #fcb32c;
}

  .t-homepage .callout__image .icon {
    fill: #222;
  }

.page-template-template-homepage-php .slider__slide .btn {
  font-size: 0.6125rem;
  margin-bottom: 1rem;
}

.page-template-template-homepage-php .slider__slide .btn:link,
.page-template-template-homepage-php .slider__slide .btn:visited {
  border: solid 1px #FFF;
  background: transparent;
}

.page-template-template-homepage-php .slider__slide .btn:focus,
.page-template-template-homepage-php .slider__slide .btn:hover,
.page-template-template-homepage-php .slider__slide .btn:active {
  border: solid 1px #FFF;
  background: rgba(255,255,255,.8);
  color: #2e2e2e;
}

.page-template-template-homepage-php .slide__heading {
  font-size: 150%;
}

.page-template-template-homepage-php .slide__content {
  font-size: 90%;
}

@media screen and (min-width: 60em) {
  .page-template-template-homepage-php .slide__heading {
    font-size: 180%;
    text-align: left;
  }

  .page-template-template-homepage-php .slide__content {
    font-size: 120%;
  }

  .page-template-template-homepage-php .slider__slide .btn {
    font-size: 0.8125rem;
    margin-bottom: 0;
  }
}

/* ==========================================================================
   Enterprise template
   ========================================================================== */
/**
 * General styles
 */
.t-enterprise h1, .t-enterprise .alpha,
.t-enterprise h2, .t-enterprise .beta,
.t-enterprise h3, .t-enterprise .gamma,
.t-enterprise h4, .t-enterprise .delta,
.t-enterprise h5, .t-enterprise .epsilon,
.t-enterprise h6, .t-enterprise .zeta,
.t-enterprise .section--callouts.section--highlight h1.callout_heading {
  color: #df3c4c;
}

.t-enterprise .section--highlight h1,
.t-enterprise .section--highlight .alpha,
.t-enterprise .section--highlight h2,
.t-enterprise .section--highlight .beta,
.t-enterprise .section--highlight h3,
.t-enterprise .section--highlight .gamma,
.t-enterprise .section--highlight h4,
.t-enterprise .section--highlight .delta,
.t-enterprise .section--highlight h5,
.t-enterprise .section--highlight .epsilon,
.t-enterprise .section--highlight h6,
.t-enterprise .section--highlight .zeta {
    color: #fff;
}

.t-enterprise .section--callouts.section--highlight h1.callout_heading {
  color: #df3c4c;
}

.t-enterprise .icon {
  fill: #df3c4c;
}
.t-enterprise .btn .icon {
  fill: #222;
}

.t-enterprise hr {
  border-top-color: #df3c4c;
}

.t-enterprise .section--highlight hr {
  border-top-color: #fff;
}

.t-enterprise a:link,
.t-enterprise a:visited {
  color: #df3c4c;
}
.t-enterprise a.btn:link,
.t-enterprise a.btn:visited {
  color: #222;
}

.t-enterprise .section--highlight a:link,
.t-enterprise .section--highlight a:visited {
  color: #fff;
}

.t-enterprise time,
.t-enterprise div.time {
  color: #df3c4c;
}


.t-enterprise .btn--primary,
.t-enterprise .btn--primary:link,
.t-enterprise .btn--primary:visited {
  border-color: #df3c4c;
  color: #fff;
  background-color: #df3c4c;
}

.t-enterprise .btn--primary:hover,
.t-enterprise .btn--primary:focus,
.t-enterprise .btn--primary:active {
  border-color: #fff;
  color: #222;
  background-color: #fff;
}


.t-enterprise .section .btn--primary,
.t-enterprise .section .btn--primary:link,
.t-enterprise .section .btn--primary:visited {
  border-color: #df3c4c;
  color: #fff;
  background-color: #df3c4c;
}

.t-enterprise .section .btn--primary:hover,
.t-enterprise .section .btn--primary:focus,
.t-enterprise .section .btn--primary:active {
  border-color: #2e2e2e;
  color: #fff;
  background-color: #2e2e2e;
}

.t-enterprise .section--alt .btn--primary:hover,
.t-enterprise .section--alt .btn--primary:focus,
.t-enterprise .section--alt .btn--primary:active {
  border-color: #fff;
  color: #222;
  background-color: #fff;
}


/**
 * Sections
 */
.t-enterprise .section--highlight {
  color: #fff;
  background-color: #df3c4c;
}

  .t-enterprise .section--highlight .section__heading {
    color: #fff;
  }


/**
 * Header navigation styles
 */
/*.t-enterprise .btn--menu:hover,
.t-enterprise .btn--menu:focus,
.t-enterprise .btn--menu:active,
.t-enterprise .btn--menu.is-active {
  border-color: #df3c4c;
  color: #fff;
  background-color: #df3c4c;
}

.t-enterprise .nav--main > .nav__item > a:hover,
.t-enterprise .nav--main > .nav__item > a:focus,
.t-enterprise .nav--main > .nav__item:hover > a {
  border-color: #c52a39;
  color: #fff;
  background-color: #df3c4c;
}
.t-enterprise .nav--main > .nav__item > a:active {
  border-color: #c52a39;
  color: #fff;
  text-shadow: none;
  background-color: #c52a39;
}

.t-enterprise .nav--sub .nav__item a:hover,
.t-enterprise .nav--sub .nav__item a:focus,
.t-enterprise .nav--sub .nav__item:hover a {
  border-color: #c52a39;
  color: #fff;
  background-color: #df3c4c;
}
.t-enterprise .nav--sub .nav__item a:active {
  border-color: #c52a39;
  color: #fff;
  text-shadow: none;
  background-color: #c52a39;
}*/


/**
 * Anchors section
 */
.t-enterprise .section--anchors {
  background-color: #df3c4c;
}

  .t-enterprise .nav--anchors a:link,
  .t-enterprise .nav--anchors a:visited {
    color: #fff;

    background-color: #c83543;
  }

  .t-enterprise .nav--anchors a:hover,
  .t-enterprise .nav--anchors a:focus,
  .t-enterprise .nav--anchors a:active {
    color: #2e2e2e;

    background-color: #fff;
  }


/**
 * Callouts styles
 */
.t-enterprise .callout__heading {
  color: #222;
}

.t-enterprise .section--callouts .btn:hover,
.t-enterprise .section--callouts .btn:focus,
.t-enterprise .section--callouts .btn:active {
  border-color: #df3c4c;
  color: #fff;
  background-color: #df3c4c;
}

  .t-enterprise .section--callouts .btn:hover .icon,
  .t-enterprise .section--callouts .btn:focus .icon,
  .t-enterprise .section--callouts .btn:active .icon {
    fill: #fff;
  }


/**
 * Areas section
 */
.t-enterprise .areas {
  background-color: #df3c4c;
}

  .t-enterprise .area:link,
  .t-enterprise .area:visited {
    color: #fff;
  }

  .t-enterprise .area:hover,
  .t-enterprise .area:focus,
  .t-enterprise .area:active {
    color: rgba(255, 255, 255, 0.75);
  }

    .t-enterprise .area__heading {
      color: #fff;
    }


/**
 * List styles
 */
.t-enterprise .list--fancy li:before,
.t-enterprise .list--fancy .list__item:before {
  background-color: #df3c4c;
}


/**
 * Footer styles
 */
.t-enterprise .site-footer__block {
  border-color: #df3c4c;
}

  .t-enterprise .site-footer__heading {
    color: #df3c4c;
  }


/**
 * Footer navigation styles
 */
.t-enterprise .nav--footer .nav__item a:hover,
.t-enterprise .nav--footer .nav__item a:focus,
.t-enterprise .nav--footer .nav__item a:active {
  color: #df3c4c;
}


/* ==========================================================================
   Course specific Style
   ========================================================================== */
  .course__table {
    padding: 2em 0 0;
  }

  .course__table-header {
    background: #fcb32c;
  }

  .course__table-headercell {
    padding: .25em 1em;
    vertical-align: middle;
  }

  .course__table-bodycell {
    padding: .5em 1em;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;

  }

  .course__table-fullrow {
    border: none;
    margin-bottom: .5em;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
  }

  .course__table-fullrow:nth-child(odd){
    background: #eee;
  }

  .course__table-fullrow:nth-child(even){
    background: #ddd;
  }

  .course__table-displaytable {
    display: table;
    width: 100%;
  }

  .course__table-displaycell {
    display: table-cell;
    vertical-align: middle;
  }

  .course__table-displaycell a:link,
  .course__table-displaycell a:visited {
    color: #2e2e2e;
    text-decoration: underline;
  }

  .course__table-displaycell a:hover,
  .course__table-displaycell a:focus,
  .course__table-displaycell a:active {
    text-decoration: none;
  }


  @media only screen and (min-width: 60em) {
    .course__table-bodycell {
      border: none;
    }

    .course__table-fullrow {
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
    }
  }


  #course__table {
    overflow-y: hidden;
    overflow-x: scroll;
  }

  @media only screen and (min-width: 950px) {
    #course__table {
      overflow-x: hidden;
    }
  }



/* ==========================================================================
   Cloud Service Provider template
   ========================================================================== */
/**
 * General styles
 */
.t-csp h1, .t-csp .alpha,
.t-csp h2, .t-csp .beta,
.t-csp h3, .t-csp .gamma,
.t-csp h4, .t-csp .delta,
.t-csp h5, .t-csp .epsilon,
.t-csp h6, .t-csp .zeta {
  color: #b6772a;
}

.t-csp .section--highlight h1, .t-csp .section--highlight .alpha,
.t-csp .section--highlight h2, .t-csp .section--highlight .beta,
.t-csp .section--highlight h3, .t-csp .section--highlight .gamma,
.t-csp .section--highlight h4, .t-csp .section--highlight .delta,
.t-csp .section--highlight h5, .t-csp .section--highlight .epsilon,
.t-csp .section--highlight h6, .t-csp .section--highlight .zeta {
  color: #222;
}

.t-csp .icon {
  fill: #b6772a;
}

.t-csp hr {
  border-top-color: #b6772a;
}

.t-csp .section--highlight hr {
  border-top-color: #222;
}

.t-csp a:link,
.t-csp a:visited {
  color: #b6772a;
}

.t-csp .section--highlight a:link,
.t-csp .section--highlight a:visited {
  color: #222;
}

.t-csp time,
.t-csp div.time {
  color: #b6772a;
}


.t-csp .btn--primary,
.t-csp .btn--primary:link,
.t-csp .btn--primary:visited {
  border-color: #b6782a;
  color: #fff;
  background-color: #b6782a;
}

.t-csp .btn--primary:hover,
.t-csp .btn--primary:focus,
.t-csp .btn--primary:active {
  border-color: #fff;
  color: #222;
  background-color: #fff;
}


.t-csp .section .btn--primary,
.t-csp .section .btn--primary:link,
.t-csp .section .btn--primary:visited {
  border-color: #b6782a;
  color: #fff;
  background-color: #b6782a;
}

.t-csp .section .btn--primary:hover,
.t-csp .section .btn--primary:focus,
.t-csp .section .btn--primary:active {
  border-color: #2e2e2e;
  color: #fff;
  background-color: #2e2e2e;
}

.t-csp .section--alt .btn--primary:hover,
.t-csp .section--alt .btn--primary:focus,
.t-csp .section--alt .btn--primary:active {
  border-color: #fff;
  color: #222;
  background-color: #fff;
}


/**
 * Sections
 */
.t-csp .section--highlight {
  background-color: #b6782a;
}


/**
 * Header navigation styles
 */
/*.t-csp .btn--menu:hover,
.t-csp .btn--menu:focus,
.t-csp .btn--menu:active,
.t-csp .btn--menu.is-active {
  border-color: #b6772a;
  color: #fff;
  background-color: #b6772a;
}

.t-csp .nav--main > .nav__item > a:hover,
.t-csp .nav--main > .nav__item > a:focus,
.t-csp .nav--main > .nav__item:hover > a {
  border-color: #b6772a;
  color: #fff;
  background-color: #b6772a;
}
.t-csp .nav--main > .nav__item > a:active {
  border-color: #b6772a;
  color: #fff;
  text-shadow: none;
  background-color: #b6772a;
}

.t-csp .nav--sub .nav__item a:hover,
.t-csp .nav--sub .nav__item a:focus,
.t-csp .nav--sub .nav__item:hover a {
  border-color: #b6772a;
  color: #fff;
  background-color: #b6772a;
}
.t-csp .nav--sub .nav__item a:active {
  border-color: #b6772a;
  color: #fff;
  text-shadow: none;
  background-color: #b6772a;
}*/


/**
 * Anchors section
 */
.t-csp .section--anchors {
  background-color: #b6772a;
}

  .t-csp .nav--anchors a:link,
  .t-csp .nav--anchors a:visited {
    color: #fff;

    background-color: #9d6824;
  }

  .t-csp .nav--anchors a:hover,
  .t-csp .nav--anchors a:focus,
  .t-csp .nav--anchors a:active {
    color: #2e2e2e;

    background-color: #fff;
  }


/**
 * Callouts styles
 */
.t-csp .callout__heading {
  color: #222;
}

.t-csp .section--callouts .btn:hover,
.t-csp .section--callouts .btn:focus,
.t-csp .section--callouts .btn:active {
  border-color: #b6772a;
  color: #fff;
  background-color: #b6772a;
}

  .t-csp .section--callouts .btn:hover .icon,
  .t-csp .section--callouts .btn:focus .icon,
  .t-csp .section--callouts .btn:active .icon {
    fill: #fff;
  }


/**
 * Areas section
 */
.t-csp .areas {
  background-color: #b6772a;
}

  .t-csp .area:link,
  .t-csp .area:visited {
    color: #fff;
  }

  .t-csp .area:hover,
  .t-csp .area:focus,
  .t-csp .area:active {
    color: rgba(255, 255, 255, 0.75);
  }

    .t-csp .area__heading {
      color: #fff;
    }


/**
 * Footer styles
 */
.t-csp .site-footer__block {
  border-color: #b6772a;
}

  .t-csp .site-footer__heading {
    color: #b6772a;
  }


/**
 * Footer navigation styles
 */
.t-csp .nav--footer .nav__item a:hover,
.t-csp .nav--footer .nav__item a:focus,
.t-csp .nav--footer .nav__item a:active {
  color: #b6772a;
}

/* ==========================================================================
   Course specific Style
   ========================================================================== */
  #course__table {
    overflow-y: hidden;
    overflow-x: scroll;
  }

  @media only screen and (min-width: 950px) {
    #course__table {
      overflow-x: hidden;
    }
  }

/* ==========================================================================
   VSAP Specific Style
   ========================================================================== */


.vsap-video {
  display: none;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 1920px;
}

@media only screen and (min-width: 60em) {
  .vsap-video {
    display: inline-block;
  }
  .t-vsap .section--title {
    position: relative;
    overflow: hidden;
  }
  .t-vsap .section--title .wrapper {
    position: relative;
    z-index: 5;
  }
  .t-vsap .section--title .wrapper .section__heading {
    text-shadow: 2px 2px 1px #000;
  }

}







/* ==========================================================================
   $ Print styles
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited { text-decoration: underline; }

    a[href]:after { content: " (" attr(href) ")"; }

    abbr[title]:after { content: " (" attr(title) ")"; }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after { content: ""; }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead { display: table-header-group; }

    tr,
    img { page-break-inside: avoid; }

    img { max-width: 100% !important; }

    @page { margin: 0.5cm; }

    p,
    h2,
    h3 { orphans: 3; widows: 3; }

    h2,
    h3 { page-break-after: avoid; }

    .site-header,
    .site-footer,
    .content__aside { display: none; }
}



/* Nuage Test Template */
.page-template-template-test {
  padding-bottom: 0;
}

.page-template-template-test .site-header,
.page-template-template-test .site-footer {
  display: none;
}

.page-template-template-test .main {
  position:relative;
}

.page-template-template-test .form__container {
  background: #000;width: 100%; padding-top: 50px;
}

.page-template-template-test .form__container input {
  background: #FFF;
  margin-bottom: .5em;
}

.page-template-template-test .form__container .entry__block {
  margin: 0 auto; width: 300px;
  padding: 1em;
}
.page-template-template-test .slider {
  background: #000
}

.page-template-template-test .slider .slider__slide {
  margin-top: -70px;
  overflow: hidden;
  height: 22rem;
}

.page-template-template-test .documents_container {
  background: #000;
}

.page-template-template-test .documents_container .documents_nav {
  margin: 0 auto;
  width: 300px;
}

.page-template-template-test .documents_container .documents_nav ul {
  padding: 0;
  text-align: center;
}

.page-template-template-test .documents_container .documents_nav li {
  display: inline-block;
}

.page-template-template-test .documents_container .documents_nav li .btn {
  padding: 0.75rem 1rem;
  border: solid 1px #FFF;
  color: #FFF;
}

.page-template-template-test .documents_container .documents_nav li .btn:focus {
  outline: none;
}

.page-template-template-test .documents_container .documents_nav li .btn.is_active,
.page-template-template-test .documents_container .documents_nav li .btn:hover {
  border: solid 1px #fcb32c;
  color: #fcb32c;
}

.page-template-template-test .documents_by_cat {
    opacity: 0;
      font-size: 21px;
      text-align: center;

      -webkit-transition: opacity .5s ease-in;
         -moz-transition: opacity .5s ease-in;
          -ms-transition: opacity .5s ease-in;
           -o-transition: opacity .5s ease-in;
              transition: opacity .5s ease-in;
    height: 0;
  }

.page-template-template-test .documents_by_cat {
    top: 20px;
    overflow: hidden;
  }

.page-template-template-test .documents_by_cat.is-open {
    opacity: 1;
    height: auto;
    padding-bottom: 3em;
  }

.page-template-template-test .wrapper-tab {
    width: 768px;
    margin: 0 auto;
  }

.page-template-template-test .wrapper-mob {
    width: 320px;
    margin: 0 auto;
  }

.page-template-template-test .wrapper-mob .slide__heading {
    font-size: 29px;
  }

.page-template-template-test .wrapper-tab .slide__heading {
    font-size: 32px;
  }

.page-template-template-test .wrapper-desk .slide__heading {
    font-size: 37px;
  }

.page-template-template-test .wrapper-mob .slide__content,
  .wrapper-tab .slide__content,
  .wrapper-desk .slide__content {
    font-size: 19px;
  }

.page-template-template-test .slide__body p:nth-child(3) .btn {
    display: inline;
  }

.page-template-template-test .slide__body p:nth-child(3) .btn.is_hidden {
    display: none;
  }



.page-template-template-japan-php .slider {
  height: 33rem;
}

.page-template-template-japan-php .slider__images {
  height: 33rem;
}

.page-template-template-japan-php .callout__image {
  width: 100%;
  height: 10em;
}

.page-template-template-japan-php .section--image_callouts .section__heading {
  margin-bottom: 2em;
}






/* ==========================================================================
   VCP Specific
   ========================================================================== */
.page-template-template-vcp .section__nav {
  background: #2e2e2e;
}

.page-template-template-vcp .section__heading .subtitle {
  color: #fcb32c;
  display: block;
  font-size: .75em;
}

.page-template-template-vcp .vcp-menu {
  text-align: center;
  margin: 0 auto;
}

.page-template-template-vcp .vcp-menu li {
  display: inline-block;
}

.page-template-template-vcp .vcp-menu li a {
  padding: 1em 1em;
  color: #FFF;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.page-template-template-vcp .vcp-menu li.is-active a,
.page-template-template-vcp .vcp-menu li a:hover {
  background: #FCB32C;
}



/* Parnter Menu */
.page-template-template-vcp .section__nav {
  background: #2e2e2e;
}

.page-template-template-vcp .section__heading .subtitle {
  color: #fcb32c;
  display: block;
  font-size: .75em;
}

.page-template-template-vcp .partner-menu {
  text-align: center;
  margin: 0 auto;
}

.page-template-template-vcp .partner-menu li {
  display: inline-block;
}

.page-template-template-vcp .partner-menu li a {
  padding: 1em 1em;
  color: #FFF;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.page-template-template-vcp .partner-menu li.is-active a,
.page-template-template-vcp .partner-menu li a:hover {
  background: #FFA22F;
}




.page-template-template-vcp #course__table > table > tbody > tr:nth-child(1) {
  background: #fcb32c;
}

.page-template-template-vcp .section__heading .subtitle {
  margin-top: .5em;
}

.page-template-template-vcp tr:hover td { background-color: #ccc; }

.page-template-template-vcp .logo--carousel__title {
  padding-top: 1.5em;
}


@media screen and (min-width: 40em) {
  .page-template-template-vcp .section--content_columns .grid {
    display: table;
    margin: 0 auto;
  }
}


@media screen and (min-width: 60em) {
  .page-template-template-vcp .carousel__arrow {
    display: none;
  }
}

/* ==========================================================================
   SD WAN
   ========================================================================== */
.page-template-template-sdwan #gform_submit_button_1 {
  margin: 0 auto;
  border: none;
  padding: .5rem 2.5rem;
  background: #fcb32c;
  border: solid 1px #fcb32c;
  display: block;
}

.page-template-template-sdwan h2,
.page-template-template-sdwan h3 {
  color: #2e2e2e;
  margin: 0;
}

.page-template-template-sdwan h3 {
  margin-top: 1rem;
  font-size: 1rem;
}

.page-template-template-sdwan #gform_1 input[type="text"] {
  background: #FFF;
}

.page-template-template-sdwan #gform_1 input[type="text"]::-webkit-input-placeholder {
   color: #2e2e2e;
}

.page-template-template-sdwan #gform_1 input[type="text"]:-moz-placeholder { /* Firefox 18- */
   color: #2e2e2e;
}

.page-template-template-sdwan #gform_1 input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
   color: #2e2e2e;
}

.page-template-template-sdwan #gform_1 input[type="text"]:-ms-input-placeholder {
   color: #2e2e2e;
}



.page-template-template-sdwan .mktoForm input::-webkit-input-placeholder {
   color: #2e2e2e;
}

.page-template-template-sdwan .mktoForm input:-moz-placeholder { /* Firefox 18- */
   color: #2e2e2e;
}

.page-template-template-sdwan .mktoForm input::-moz-placeholder {  /* Firefox 19+ */
   color: #2e2e2e;
}

.page-template-template-sdwan .mktoForm input:-ms-input-placeholder {
   color: #2e2e2e;
}

.page-template-template-sdwan .mktoForm textarea::-webkit-input-placeholder {
   color: #2e2e2e;
}

.page-template-template-sdwan .mktoForm textarea:-moz-placeholder { /* Firefox 18- */
   color: #2e2e2e;
}

.page-template-template-sdwan .mktoForm textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #2e2e2e;
}

.page-template-template-sdwan .mktoForm textarea:-ms-input-placeholder {
   color: #2e2e2e;
}

.page-template-template-sdwan .mktoForm input[type="text"],
.page-template-template-sdwan .mktoForm input[type="email"],
.page-template-template-sdwan .mktoForm input[type="tel"],
.page-template-template-sdwan .mktoForm select,
.page-template-template-sdwan .mktoForm textarea {
  padding: 5px !important;
  background: #FFF;
}

.page-template-template-sdwan .section--title {
  height: 40rem;
  margin-top: -90px;
}

.page-template-template-sdwan .section--title .section__heading {
  font-size: 3rem;
  padding-top: 9rem;
  max-width: 9em;
  margin: 0 auto 8px;
}

.section--content_columns .cell {
  vertical-align: top;
}

.section--content_columns.valign .cell {
  vertical-align: middle;
}

.page-template-template-sdwan .btn:hover,
.page-template-template-sdwan #gform_submit_button_1:hover {
  background: #FFF;
  border: solid 1px #2e2e2e;
}

.page-template-template-sdwan #id6 {
  position: relative;
  border-top: 52px solid transparent;
  margin: -30px 0 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.page-template-template-sdwan #id6:before {
   content: "";
   position: absolute;
   top: -2px;
   left: 0;
   right: 0;
   border-top: 2px solid #ccc;
}

.page-template-template-sdwan figure {
  margin: 0;
}

.page-template-template-sdwan .form_wrapper {
  max-width: 37rem;
}

.page-template-template-sdwan .section--form_block .grid {
  margin-right: -2rem;
}

.page-template-template-sdwan .section--code_block h2 {
    margin: 0 auto 1em;
    max-width: 22em;
}

.page-template-template-sdwan .mktoForm {
  margin: 1em auto 0;
}


.page-template-template-sdwan .mktoForm .mktoButtonWrap.mktoDownloadButton {
  margin-left: 0 !important;
}

.page-template-template-sdwan .mktoForm .mktoButtonWrap.mktoDownloadButton .mktoButton {
  margin: 1rem auto 0 !important;
  display: block;
  border-color: transparent;
  color: #fff;
  background: #2e2e2e !important;
  box-shadow: none;
  border-radius: 0;
}

.page-template-template-sdwan .mktoForm .mktoButtonWrap.mktoDownloadButton .mktoButton:hover {
  background: #FFF !important;
  border: solid 1px #2e2e2e;
  color: #2e2e2e;
}

.page-template-template-sdwan .mktoForm .mktoButtonRow {
  width: 100%;
}

.slider.is-video-slide {
  height: 52em;
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.slider__slides {
  z-index: 4;
}

.video-background {
  position: absolute;
  z-index: 1;
  min-width: 100%;
  min-height: 52em;
  left: 50%;
  top: 0;
       transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.slider.is-video-slide .video-background-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.7);
}

.main__video_container {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

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

.no_bio_link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.page-template-template-vcp-php .section--content_columns img {
  width: 100%;
  height: auto;
}

.page-template-template-vcp-php .section--content_columns .cell {
  vertical-align: top;
}

.page-template-template-vcp-php .section--content_columns.top-align .cell {
  vertical-align: top;
}

.page-template-template-vcp-php  .content_below_columns {
  margin-top: 2rem;
}

.page-template-template-vcp-php  .content_below_columns p {
  margin-top: .5rem;
}

@media screen and (min-width: 40em) {
  .page-template-template-sdwan .section--title .section__heading {
    font-size: 4rem;
    padding-top: 5rem;
  }
  .page-template-template-sdwan .section--title {
    margin-top: 0;
  }

}

@media screen and (min-width: 60em) {
  .page-template-template-sdwan .section--title .section__heading {
    font-size: 5rem;
  }
}

/* ==========================================================================
   Partner Specific
   ========================================================================== */
.page-template-template-partners .section__nav {
  background: #2e2e2e;
}

.page-template-template-partners .section__heading .subtitle {
  color: #FCB32C;
  display: block;
  font-size: .75em;
}

.page-template-template-partners .vcp-menu {
  text-align: center;
  margin: 0 auto;
}

.page-template-template-partners .vcp-menu li {
  display: inline-block;
}

.page-template-template-partners .vcp-menu li a {
  padding: 1em 1em;
  color: #FFF;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.page-template-template-partners .vcp-menu li.is-active a,
.page-template-template-partners .vcp-menu li a:hover {
  background: #FFA22F;
}

/* Parnter Menu */
.page-template-template-partners .section__nav {
  background: #2e2e2e;
}

.page-template-template-partners .section__heading .subtitle {
  color: #FCB32C;
  display: block;
  font-size: .75em;
}

.page-template-template-partners .partner-menu {
  text-align: center;
  margin: 0 auto;
}

.page-template-template-partners .partner-menu li {
  display: block;
}

.page-template-template-partners .partner-menu li a {
  padding: 1em 1em;
  color: #FFF;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.page-template-template-partners .partner-menu li.is-active a,
.page-template-template-partners .partner-menu li a:hover {
  background: #fcb32c;
}

.page-template-template-partners #course__table > table > tbody > tr:nth-child(1) {
  background: #fcb32c;
}

.page-template-template-partners .section__heading .subtitle {
  margin-top: 0em;
}

.page-template-template-partners tr:hover td { background-color: #ccc; }

.page-template-template-partners .logo--carousel__title {
  padding-top: 1.5em;
}

.page-template-template-partners-php .section--content_columns img {
  max-height: 180px;
}

.page-template-template-partners-php .section--content_columns .cell.top {
  vertical-align: top;
}

.page-template-template-partners-php .section--content_columns .cell.middle {
  vertical-align: middle;
}

.page-template-template-partners-php .section--content_columns .cell.bottom {
  vertical-align: bottom;
}

.page-template-template-partners-php .section--content_columns.security .cell {
  vertical-align: top;
}

.page-template-template-partners-php .section--content_columns.security .cell img {
  margin-top: .5em;
}


.page-template-template-partners-php  .content_below_columns {
  margin-top: 2rem;
}

.page-template-template-partners-php  .content_below_columns p {
  margin-top: .5rem;
}

.page-template-template-partners .section--logos .section__heading {
  margin-bottom: 0;
}

.partner-menu-scroll {
  display: none;
}

.page-template-template-partners .figure {
  margin-right: 0;
}

.section--content_columns.no_hr hr {
  visibility: hidden;
  margin-bottom: 0;
}

.page-template-template-partners .section--callouts.highlighted.partners .callout {
  background: #fcb32c;
}

.callout_carousel_logos {
  height: 144px;
  overflow-y: hidden;
}

.callout_carousel_logos .logos__logo {
  width: 100%;
}

.callout_carousel_img {
  height: auto;
  width: 100%;
  max-width: 100%;
  max-height: 100px;
}

.section--callout_carousel .callout__heading,
.section--callout_gallery .callout__heading {
  padding: 1.5rem 0;
  display: table-cell;
  vertical-align: middle;
}

.section--callout_carousel .callout__body.heading,
.section--callout_gallery .callout__body.heading {
  padding: 0;
  background: #fcb32c;
  display: table;
  width: 100%;
}

.section--callout_carousel .btn,
.section--callout_gallery .btn {
  background: none;
  border: none;
}

.page-template-template-partners .section--title .section__heading {
  background: rgba(0,0,0,0.66);
  display: inline-block;
  padding: .25em .25em;
}

.partners--main--title {
  padding: 7.7rem 0 6.7rem;
}

.page-template-template-partners .gform_wrapper label.gfield_label+div.ginput_container {
  display: inline-block;
  width: 100%;
}

.page-template-template-partners .gform_wrapper .top_label .gfield_label {
  min-width: 150px;
}

.page-template-template-partners .gform_wrapper input[type="submit"]{
  border: 1px solid #2e2e2e;
  background: transparent;
}


.page-template-template-partners .section--contact-form .gform_footer {
  text-align: center;
}

.page-template-template-partners .section--contact-form input[type="submit"] {
  border: none;
  padding: .5em 1.5em;
  color: #FFF;
  background: #222;
}

.page-template-template-partners .section--contact-form input[type="submit"]:hover {
  color: #FFF;
}

.page-template-template-partners .section--contact-form li.gfield {
  margin-bottom: 2em;
}


.page-template-template-partners .section--contact-form select {
  height: 33px;
}

.page-template-template-partners .section--contact-form .gform_wrapper textarea.large {
  width: 100%;
}

.page-template-template-partners .section--contact-form .gform_wrapper .top_label select.large {
  width: 99%;
}

.page-template-template-partners .section--contact-form input[type="text"] {
  width: 100%;
}

.page-template-template-partners h3.gform_title {
  padding-left: 1.5em;
  font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
  font-weight: 400 !important;
}

.page-template-template-partners .gform_wrapper {
  width: 100% !important;
}

.page-template-template-partners figure {
  margin-left: 0;
}

.page-template-template-partners blockquote {
  text-align: right;
  margin-right: 0;
  font-style: italic;
}

.info_graphic_1 .cell:first-child {
  padding-bottom: 3em;
}

.info_graphic_1 .cell {
  text-align: center;
}

.section--list_items .list__item:before {
  background-color: transparent;
}


.page-template-template-partners .section--content_columns ul {
  list-style: none;
  position: relative;
  padding-left: 15px;
}

.page-template-template-partners .section--content_columns li {
  position: relative;
}

.page-template-template-partners .section--content_columns li:before {
  content: '';
  position: absolute;
  top: 9px;
  left: -15px;
  width: 4px;
  height: 4px;
  border-radius: 10px;
  background-color: #fcb32c;
}


.page-template-template-partners .section--content_columns .video,
.page-template-template-partners .section--content_columns iframe {
  width: 260px;
  height: 150px;
}
@media screen and (min-width: 40em) {

  .page-template-template-partners .section--content_columns .video,
  .page-template-template-partners .section--content_columns .video iframe {
    width: 360px;
    height: 208px;
  }


  .page-template-template-partners .section--title .section__heading {
    background: rgba(0,0,0,0.66);
    display: inline-block;
    padding: .25em 2em;
  }

  .page-template-template-partners .section--content_columns .grid {
    display: table;
    margin: 0 auto;
    width: 100%;
  }

  .page-template-template-partners .section--content_columns .cell:first-child {
    width:33%;
  }
  .page-template-template-partners .section--content_columns .cell:last-child {
    width:66%;
  }

  .page-template-template-partners .section--content_columns.half .cell:first-child,
  .page-template-template-partners .section--content_columns.info_graphics .cell:first-child {
    width:50%;
    vertical-align: top;
  }

  .page-template-template-partners .section--content_columns.info_graphics img {
    width: 100%;
    max-height: none;
  }

  .page-template-template-partners .section--content_columns.half .cell:last-child,
  .page-template-template-partners .section--content_columns.info_graphics .cell:last-child  {
    width:50%;
    vertical-align: top;
  }


  .page-template-template-partners .section--content_columns.overview .cell {
    width:50%;
  }

  .page-template-template-partners .section--logos {
    padding: 3rem 0;
  }

  .page-template-template-partners .section--callouts.highlighted .callout__body {
    padding: 2rem;
    display: table;
    width: 100%;
    height: 100%;
  }

  .page-template-template-partners .section--callouts.highlighted .callout__body .callout__heading {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
  }

  .page-template-template-partners .gform_wrapper {
    width: 100% !important;
    padding-left: 2em;
  }

  .info_graphic_1 .cell:first-child {
    padding-bottom: 0;
  }

  .info_graphic_1 .cell {
    text-align: left;
  }

.section--list_items .list__item:before {
    background-color: #fcb32c;
  }

  .page-template-template-partners .partner-menu li {
    display: inline-block;
  }



}


@media screen and (min-width: 60em) {


  .partner-menu-scroll {
    display: none;
    position: fixed;
    width: 100%;
    z-index: 300;
    left: 0;
    top: 90px;
    background: #2e2e2e;
  }

  .partner-menu-scroll.show {
    display: none;
  }

}

.section--reference_callouts .callout__image {
    height: 210px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.section--reference_callouts .callout {
  background: none;
}

.section--reference_callouts .callout__heading {
  font-size: 1.1em;
  display: block;
  margin: 0 auto;
  max-width: 250px;
}

.page-template-template-forrester-php .main {
  padding-top: 5em;
}

.page-template-template-forrester-php .mktoField {
  background: #FFF;
}

.page-template-template-forrester-php .mktoButtonRow {
  display: block;
  width: 100%;
  text-align: center;
}

.page-template-template-forrester-php .mktoDownloadButton {
  margin-left: 0 !important;
}

.page-template-template-forrester-php .mktoButton {
  margin: 1rem auto 0 !important;
  display: block;
  border-color: transparent;
  color: #fff;
  background: #2e2e2e !important;
  box-shadow: none;
  border-radius: 0;
}

.page-template-template-forrester-php .preview_carousel img {
  height: 332px;
  width: auto;
  border: solid 35px #e4e4e4;
  border-bottom: none;
}

.page-template-template-forrester-php .preview-title-bar {
  padding: .45em 0;
  background: #000;
  color: #FFF;
  width: 100%;
}

.page-template-template-forrester-php .owl-pagination {
  text-align: center;
  margin-top: 1em;
}

.page-template-template-forrester-php .owl-pagination .owl-page {
  display: inline-block;
  margin-left: .5em;
  height: 15px;
  width: 15px;
  background: #000;
  border-radius: 90px;
}

.page-template-template-forrester-php .owl-pagination .owl-page:first-child {
  margin-left: 0;
}

.page-template-template-forrester-php .owl-pagination .owl-page.active {
  background: #fcb32c;
}

.page-template-template-forrester-php .owl-buttons {
    position: absolute;
    width: 100%;
    height: 34px;
    top: -35px;
    text-align: right;
}

.page-template-template-forrester-php .owl-buttons div {
  color: #FFF;
  display: inline-block;
  padding: 0 .5em;
  border-left: 1px solid #FFF;
  font-size: 1.5em;
}

#forrester-landing {
  background-attachment: fixed !important;
  text-shadow: 2px 2px 3px #212121;
  font-weight: 700;
  padding: 6em 0;
}

.section.section--intro {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-template-template-forrester-php .preview-form-section {
  padding-bottom: 1em;
}

.page-template-template-forrester-php .preview-form-section .cell {
  width: 100%;
  text-align: center;
}

.mktoForm {
  margin: 0 auto;
}

.page-template-template-forrester-php .preview-form-section .cell img {
  max-width: 285px;
}

.page-template-template-forrester-php .mktoForm .mktoButtonWrap.mktoSimple .mktoButton,
.page-template-template-forrester-php .mktoForm .mktoButtonWrap.mktoNative .mktoButton {
  padding: 12px 24px;
  border: none !important;
}

.mktoButton .icon {
  margin-left: .5em;
}

.second-report-option form {
  margin: 0 auto;
}


@media screen and (min-width: 40em) {
  .page-template-template-forrester-php .main {
    padding-top: 7.6em;
  }
}


@media screen and (min-width: 60em) {
  .page-template-template-forrester-php .preview-form-section .cell {
    width: 50%;
    text-align: left;
  }
  .mktoForm {
    margin: 0;
  }

  .page-template-template-forrester-php .main {
    padding-top: 5em;
  }
}

.nuage-yellow {
  color: #fcb32c;
}

/*New Gallery Styles*/

.section--callout_gallery hr {
  border-color: #fcb32c;
}

.section--callout_gallery .callout__body.heading {
  background-color: transparent;
  padding: 0;
}

.section--callout_gallery .callout__body.content__body {
  padding-top: 1em;
  padding-bottom: 3em;
  min-height: 225px;
}

.section--callout_gallery .callout__content__btn {
    /*margin-top: 0;*/
    position: relative;
    right: 0;
}
.gallery-logos.grid {
  text-align: center;
}

.section--callout_gallery .callout__body.heading h1 {
  text-align: center;
  display: block;
  padding: 0;
}

.section--callout_gallery .grid {
  margin-left: -2.25rem;
}

.section--callout_gallery .callout {
  margin-top: 0;
  background-color: transparent;
}

.section--callout_gallery .owl-carousel__arrow {
  margin-top: 2.2em;
}

.section--callout_gallery {
  padding: 3em 0 1em;
}

.section--callout_gallery .callout_carousel_img {
  max-width: 125px;
}


.section--callout_gallery .owl-carousel .owl-wrapper-outer {
  min-height: 700px !important;
}

@media only screen and (min-width: 40em) {
  .section--callout_gallery .owl-carousel .owl-wrapper-outer {
    min-height: 400px !important;
  }
}

@media only screen and (min-width: 60em) {
  .section--callout_gallery .owl-carousel .owl-wrapper-outer {
    min-height: 160px !important;
  }

  .section.nofigurepadding {
    padding: 3rem 0;
  }
  .nofigurepadding figure.figure {
    margin-bottom: 0;
  }
}










/*New Share Styles */
.addthis_button_expanded {
  border: solid 1px #ccc !important;
}
.article__share li {
  text-align: right;
}

.article__share li a {
  text-decoration: none;
}

.article__share li i:before {
  height: 30px;
  width: 30px;
}

.icon-social-twitter:before,
.icon-social-facebook:before {
  color: #aaa;
}

/* Hide Author meta for guest user */
.author-guest-blogs .author-meta { display: none; }

.tax-archive {
  background: #222;
  padding: 1em 0;
}

.tax-archive ul {
  list-style: none;
  text-align: center;
  padding-left: 0;
}

.tax-archive li {
  display: inline-block;
}

.tax-archive a {
  color: #FFF;
  font-size: 1em;
  font-weight: 700;
  border-left: solid 1px #FFF;
  padding: 0 .5em;
}

.tax-archive a.active {
  color: #fcb32c;
}

.tax-archive li:first-child a {
  border: none;
}

.twitter-container {
    position: relative;
}

.twitter-cell {
  display: none;
}

#twitter-widget-0 {
  display: none !important;
}


.section--lists .grid {
  text-align: center;
}

.section--lists .grid .cell {
  text-align: left;
}

@media screen and (min-width: 40em) {
    .tax-archive a {
      font-size: 1.5em;
    }

    .twitter-container {
      position: relative;
      top: 2em;
    }

    .twitter-cell {
      display: inline-block;
    }

    #twitter-widget-0 {
      height: 600px !important;
      display: block !important;
    }
}

@media screen and (min-width: 60em) {
  .twitter-container {
    position: relative;
    top: 1.5em;
  }
}

.page-template-template-newsroom .category-list {
  margin-top: 4em;
}

.page-template-template-newsroom .category-list:first-child{
  margin-top: 0;
}

/* Video Carousel Code Dec 16, 2015 */
.section.section--video_carousel {
    padding: 4em 0 2em;
}

.section.section--video_carousel.lead {
  margin-bottom: 0;
}

a.groupvid:focus,
#cboxPrevious,
#cboxNext {
  outline: none !important;
}

@media screen and (min-width: 40em) {
  .section.section--video_carousel {
    padding: 4em 0 4em;
  }
  .logo--carousel.is-active {
    background-color: rgba(0,0,0,0.1);
    border-color: #444;
  }
}

@media screen and (min-width: 60em) {
  .section.section--video_carousel {
    padding: 4em 0 1em;
  }

  .section--video_carousel__nav .owl-carousel__arrow {
    display: none;
  }
}

.no-row-effects tr {
    border: none;
}

.page-id-6554 .section--title .section__heading{
  color: #df3c4c;
  text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5);
}

.mktoForm input[type="text"],
.mktoForm input[type="email"],
.mktoForm input[type="tel"],
.mktoForm select {
  color: #000 !important;
}

/* ==========================================================================
   Testimonials Changes April 6, 2016
   ========================================================================== */
  .special-background.section--logos {
    padding: 2rem 0 1em;
  }

  .special-background.section--logo--bio {
    color: #FFF;
    padding: 1em 0 2em;
  }

 /*  .section--logo--bio .partner__heading {
    color: #FFF;
   }*/

   .special-background.section--logo--bio .wrapper {
    max-width: 48rem;
   }

   .special-background.section--logo--bio .partner__heading {
    color: #fcb32c;
   }

   .special-background.section--logo--bio p {
    margin-top: 1rem;
   }

   .special-background.section--logo--bio .partner__body a.btn {
    margin-top: 1rem;
   }

/*   .special-background.page-template-template-enterprise .section.section--logo--bio .partner__body {
      color: #222;
    }*/

   /* ==========================================================================
   Wan Network World Changes
   ========================================================================== */
  .page-template-template-forrester-php .wan-network-world .mktoButton {
    background: #fcb32c !important;
  }

  .page-template-template-forrester-php .wan-network-world .mktoButton .icon {
    fill: #FFF !important;
  }

  .page-template-template-forrester-php .wan-network-world .mktoButton {
    margin: 1.3rem !important;
    padding: .5rem 2.35rem;
  }

  .innovate .section__image {
    text-align: center;
}

/* ==========================================================================
   Home Page Changes 05/27/2016
   ========================================================================== */
 .section.anchor-hidden {
  padding: 2rem 0;
 }

 .anchor-hidden.is-open .callout {
  margin-bottom: 2rem;
 }

.anchor-hidden .callout-image-override {
  height: 150px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: table;
  width: 100.17%;
}

.slider {
  height: 46.4em;
}

.anchor-hidden .callout .callout-image-override .callout__heading {
  line-height: 2rem;
  color: #FFF;
  background-color: rgba(0,0,0,.3);
  font-size: 2rem;
  height: 150px;
  display: table-cell;
  vertical-align: middle;
}

.anchor-hidden .callout .callout__body .callout__heading {
 display: none;
}

.anchor-hidden .grid div:first-child .callout {
  margin-top: 0;
}

.load--more-awards .btn {
    margin-top: 1rem;
}

@media only screen and (min-width: 40em) {
  .anchor-hidden .callout .callout-image-override .callout__heading {
    text-shadow: 1px 1px 20px #000;

  }

   .slider {
      height: 44.4rem;
    }

   .slider__images {
     height: 44.4em;
   }
}

@media only screen and (min-width: 60em) {
  .slider {
    height: 58rem;
  }

  .slider__images {
    height: 58em;
  }

  .anchor-hidden .callout {
    margin-top: 0;
  }
}

.pop-section.section--areas::after {
  background: #2e2e2e;
}

.pop-section .section__heading {
      z-index: 2;
    position: relative;
    margin-bottom: 1.5rem;
    color: #fcb32c;
}



.anchor-hidden .wrapper {
  max-width: 120rem;
}

.area.custom_area a.btn {
  margin-top: 1.5rem;
  border: solid 1px #2e2e2e;
}

.page-template-template-partners .partner-menu li a {
      padding: 1em .65em;
}

.page-template-template-partners-php .section--content_columns img {
  max-height: 180px;
  width: auto;
}

.page-id-33 .section--dropdown .menu {
  min-height: 70px;
}

.page-template-template-homepage-php .section--logo--container {
  min-height: 37.5rem;
}



/* HEADER CHANGES */
/* ==========================================================================
   Header and Navigation
   ========================================================================== */
.site-header {
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    background-color: rgb(51,51,51);
}

.site-header .nav--main li.nav__item--search {
    display: none !important;
}

/*.site-header.has-shadow:after {
    content: "";
    width: 100%;
    height: 1;
    display: block;
    position: absolute;
    left: 0;
    z-index: -1;
    -webkit-box-shadow: 0 0 30px 30px rgba(249, 249, 249, 1);
    -ms-box-shadow: 0 0 30px 30px rgba(249, 249, 249, 1);
    -o-shadow: 0 0 30px 30px rgba(249, 249, 249, 1);
       -moz-box-shadow: 0 0 30px 30px rgba(249, 249, 249, 1);
            box-shadow: 0px 0 25px 34px rgb(249, 249, 249);
    top: 4.8rem;
}*/

.banner--notification {
  display: none;
}

.slide__heading {
  color: #FFF;
  font-weight: 700;
}

.ticker {
  display: none;
}

.slider__arrow {
  display: none;
}
.slider__logo-image {
  border-left: solid 1px #fcb32c;
}

.slider__logo-image,
.slider__logo-image__logo  {
  background-color: transparent;
}

.slider .slider__arrow {
  color: #fcb32c;
}

.slider__controls {
      position: absolute;
    bottom: 1rem;
    width: 100%;
    z-index: 4;
}
/* Bar icon
   ========================================================================== */
/**
 * The `hamburger` icon is mainly used inside the `btn--menu` element.
 */
.btn--menu {
  top: 2rem;
}
.btn.btn--menu,
.btn.btn--menu:link,
.btn.btn--menu:visited,
.btn.btn--menu:hover,
.btn.btn--menu:focus,
.btn.btn--menu:active,
.btn.btn--menu.is-active {
  background: none;
  border: none;
}

.btn--menu .bar,
.btn--menu .bar:before,
.btn--menu .bar:after {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 2px;
  background-color: #fcb32c;
  -webkit-transition: all 0.2s cubic-bezier(.6,.2,.6,.9);
          transition: all 0.2s cubic-bezier(.6,.2,.6,.9);
}
.btn--menu .bar {
  margin-top: -2px;
  margin-left: 4px;
}
.btn--menu .bar:before,
.btn--menu .bar:after {
  content: '';
  position: absolute;
  left: 0;
}
.btn--menu .bar:before {
  top: -6px;
}
.btn--menu .bar:after {
  bottom: -6px;
}
/* States */
.btn--menu:hover .bar,
.btn--menu:hover .bar:before,
.btn--menu:hover .bar:after,
.btn--menu:focus .bar,
.btn--menu:focus .bar:before,
.btn--menu:focus .bar:after,
.btn--menu.is-hovered .bar,
.btn--menu.is-hovered .bar:before,
.btn--menu.is-hovered .bar:after,
.btn--menu.is-focused .bar,
.btn--menu.is-focused .bar:before,
.btn--menu.is-focused .bar:after,
.btn--menu.is-active .bar,
.btn--menu.is-active .bar:before,
.btn--menu.is-active .bar:after {
  background-color: #fcb32c;
}
.btn--menu.is-active .bar,
.btn--menu.is-active:hover .bar,
.btn--menu.is-active:focus .bar {
  background-color: transparent;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
/**
 * The bars rotate into an `x` shape to indicate the user can close the menu.
 * This can be adjusted as required.
 */
.btn--menu.is-active .bar:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.btn--menu.is-active .bar:after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.top-flyout .menu-flyout {
  visibility: hidden;
  position: absolute;
  height: 0;
}

.top-flyout .menu-flyout nav {
  max-width: 70rem;
  margin: 0 auto;
}

.logo {
  top: 2.5rem;
  margin-top: 0;
}

.upper-nav ul {
  z-index: 1;
  visibility: hidden;
}

.nav--main .nav__item a {
  background-color: rgb(249,249,249);
  border-bottom: 1px solid #fcb32c;
}

.nav--main .nav__item a:link,
.nav--main .nav__item a:visited {
  color: #9d1b32;
}

.nav--main .nav__item a:hover,
.nav--main .nav__item a:focus,
.nav--main .nav__item a:active {
  color: #9d1b32;
}

.nav--main .nav__item:hover a,
.nav--main .nav__item:focus a,
.nav--main .nav__item:active a {
  background-color: rgb(249,249,249);
}

.upper-nav {
  background: #474747;
  height: 1.875rem;
  position: absolute;
  width: 100%;
}

.site-header {
  height: 7.5rem;
}

.upper-nav {
  display: block;
}

.upper-nav ul {
  list-style: none;
  position: absolute;
  right: 2.5rem;
  top: .25rem;
  left: auto;
}

.upper-nav ul li {
  display: inline-block;
}

.site-header .upper-nav ul li a {
  -webkit-transition: opacity 0.2s cubic-bezier(.6,.2,.6,.9);
  transition: opacity 0.2s cubic-bezier(.6,.2,.6,.9);
  color: #FFF;
  background: none;
  font-weight: 400;
  letter-spacing: 2px;
  font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
  font-size: .7rem;
  text-transform: uppercase;
  padding: 0 .75rem;
}

.upper-nav ul li:last-child a {
  padding-right: 0;
  border-left: solid 1px #FFF;
}

.logo {
  top: 4rem;
}

.logo__img {
  height: 40px;
}

.site-header .btn.btn--menu.js-toggle-navigation {
  display: block;
  top: 3.7rem;
  right: 2rem;
}

.site-header .btn.btn--menu.js-toggle-big-navigation,
.site-header.scrolled .btn.btn--menu.js-toggle-big-navigation {
  display: none;
}

.top-flyout .menu-flyout {
  display: none;
}

.nokia-message {
  position: absolute;
  width: 100%;
  background: #E2A22F;
  top: 120px;
  left:0;
  color: #FFF;
  text-align: center;
  /*padding: 0.72rem 0;*/
  padding: 0.5rem 0 0 0;
  z-index: 10;
}

.nokia-message a:link,
.nokia-message a:visited {
  color: #FFF;
}

@media only screen and (min-width: 52em){
  .upper-nav ul {
    visibility: visible;
  }
}

@media only screen and (min-width: 52em){

  .top-flyout .menu-flyout {
    display: block;
  }

   .slider__arrow {
    position: absolute;
    top: 40%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index: 4;
    cursor: pointer;
    color: #9d1b32;
    font-size: 2rem;
  }

  .slider__arrow--prev {
    left: 1rem;
  }

  .slider__arrow--next {
    right: 1rem;
  }

  .main {
    padding-top: 4.5rem;
  }
  .site-header {
    height: 7.5rem;
    position: fixed;
  }
  .site-header.has-shadow:after {
    top: 4.8rem;
  }
  .nav--main {
    position: absolute;
    width: auto;
    top: 2.65rem;
    right: 16.05rem;
    left: auto;
    text-align: center;
    margin: 0;
  }

  .logo {
    position: absolute;
    left: 2rem;
    top: 2.65rem;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
  .logo__img {
    height: 50px;
  }
  .nav--main .nav__item a:link,
  .nav--main .nav__item a:visited {
    -webkit-transition: opacity 0.2s cubic-bezier(.6,.2,.6,.9);
    transition: opacity 0.2s cubic-bezier(.6,.2,.6,.9);
    color: #fff;
    background: none;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: .75rem;
  }

  .nav--main .nav--sub .nav__item a:link,
  .nav--main .nav--sub .nav__item a:visited {
    font-weight: 300;
  }

  .nav--main .nav__item a:hover,
  .nav--main .nav__item a:focus,
  .nav--main .nav__item a:active {
    background: none;
  }

  .nav--main .nav__item a {
    padding: 1rem 0 0.5rem 0;
    margin: 0 0.75rem;
    height: auto;
    border: none;
    white-space: normal;
  }

  .nav--main .nav__item .nav--sub {
    /* width: 14rem; */
    padding-top: 1.5rem;
  }
  .nav--main .nav__item .nav--sub .nav__item {
    background-color: rgb(51, 51, 51);
  }
  .nav--main .nav__item .nav--sub a {
    padding: 0.5rem 2rem 0.5rem 1rem;
    margin: 0;
    line-height: 1;
  }
  .nav--main .nav__item .nav--sub .nav__item:first-child {
    padding-top: 0.5rem;
  }
  .nav--main .nav__item .nav--sub .nav__item:last-child {
    padding-bottom: 0.5rem;
  }
  .nav--main .nav__item .nav--sub a:link,
  .nav--main .nav__item .nav--sub a:visited {
    color: #fff;
    line-height: 1.1rem;
  }

  .nav--main .nav__item .nav--sub .nav__item:hover a,
  .nav--main .nav__item .nav--sub .nav__item.is-active a {
    padding-left: 2rem;
    padding-right: 1rem;
    background: rgb(51, 51, 51) url('img/nav-bullet.svg') 1rem center no-repeat;
  }

  .nav--main > .nav__item > a {
    border-bottom: 2px solid transparent;
  }
  .nav--main > .nav__item:hover > a,
  .nav--main > .nav__item.is-active > a {
    border-bottom: 2px solid #e2a22f;
  }




/*  .nav--main .nav__item .nav--sub a:hover,
  .nav--main .nav__item .nav--sub a:focus,
  .nav--main .nav__item .nav--sub a:active {
    text-shadow: 1px 1px 1px rgba(210, 210, 210, 1);
  }*/

  .nav--main .nav__item:hover a {
    background-color: transparent;
  }

  .site-header .nav--main > .nav__item {
    display: inline-block;
  }

  .site-header .nav--main > li:nth-of-type(1n+5) {
    display: none;
  }

  .site-header .nav--sub {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

   .site-header .nav--sub .nav--sub {
    right: auto;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
 /* .site-header .nav__item--company .nav--sub {
    display: block;
    visibility: visible;
    opacity: 1;
  }*/

  .btn--menu {
    display: block;
    top: 1rem;
  }

  .top-flyout .menu-flyout {
    position: fixed;
    top: 7.5rem;
    width: 100%;
    z-index: 10;
    background-color: rgb(51,51,51);
    padding: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    display: none;
  }

/*  .top-flyout .menu-flyout:after {
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    -webkit-box-shadow: 0 0 30px 30px rgba(249, 249, 249, 1);
    -ms-box-shadow: 0 0 30px 30px rgba(249, 249, 249, 1);
    -o-shadow: 0 0 30px 30px rgba(249, 249, 249, 1);
    -moz-box-shadow: 0 0 30px 30px rgba(249, 249, 249, 1);
    box-shadow: 0 0 30px 30px rgba(249, 249, 249, 1);
    top: 100%;
  }*/

  .top-flyout .menu-flyout.is-active {
    padding: 2rem;
    height: auto;
    opacity: 1;
    visibility: visible;
    display: block;
  }


  .menu-flyout .nav--footer-main > .nav__item {
    width: 33%;
    margin-bottom: 1.5rem;
  }

  /* Menu Styles for scrolling menu */
  .site-header {
    height: 7.5rem;
  }

  .site-header.scrolled .btn--menu {
    display: block;
    top: 2.65rem;
    right: 1rem;
  }

  /* .site-header.scrolled .nav--main > li:nth-of-type(1n+5) {
    display: none;
  } */

  .top-flyout .menu-flyout.scrolled.is-active {
    padding: 2rem;
    height: auto;
    opacity: 1;
    visibility: visible;
    background-color: rgba(51, 51, 51, .95);
  }

  /****/

  .site-header .nav--main > li:nth-of-type(1n+5) {
    display: none;
  }

  .main {
    padding-top: 7.5rem;
  }

  .slider__arrow {
    display: block;
  }

  .site-header .nav--main > .nav__item {
    display: table-cell;
  }

  .btn--menu {
    display: none;
  }

   .top-flyout .menu-flyout {
    padding: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
  }

  .upper-nav {
    display: block;
  }

  .upper-nav ul {
    list-style: none;
    position: absolute;
    right: 3.25rem;
    top: 2.75rem;
    left: auto;
  }

  .upper-nav ul li {
    display: inline-block;
  }

  .site-header .upper-nav ul li a {
    -webkit-transition: opacity 0.2s cubic-bezier(.6,.2,.6,.9);
    transition: opacity 0.2s cubic-bezier(.6,.2,.6,.9);
    color: #FFF;
    background: none;
    font-weight: 400;
    letter-spacing: 2px;
    font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
    font-size: .7rem;
    text-transform: uppercase;
    padding: 0 .75rem;
  }

  .upper-nav ul li:last-child a {
    padding-right: 0;
    border-left: solid 1px #FFF;
  }

  .upper-nav ul li a{
    padding-right: 0;
    border-left: solid 1px #FFF;
  }

  .upper-nav ul li:first-child a {
    border-left: none;
  }

  /* Menu Styles for scrolling menu */
  .site-header .nav--main {
    width:auto;
    top: 3.65rem;
    right: 0;
    left: auto;
    text-align: center;
  }

  .site-header.scrolled .nav--main {

  }


  .site-header .upper-nav ul {
    list-style: none;
    position: absolute;
    right: 2.5rem;
    top: .25rem;
    z-index: 3;
  }


  .site-header .logo {
    position: absolute;
    left: 2rem;
    top: 3rem;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }

  .site-header .btn.btn--menu.js-toggle-navigation {
    display: none;
  }

  .site-header .btn.btn--menu.js-toggle-big-navigation {
    display: block;
    top: 3.78rem;
    right: 2rem;
  }

  .site-header.scrolled .btn.btn--menu.js-toggle-big-navigation {
    display: block;
    top: 3.78rem;
    right: 2rem;
  }
}

@media only screen and (min-width: 55em){
  .menu-flyout .nav--footer-main > .nav__item {
    width: 20%;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 60em){
  .site-header .btn--menu {
    right: 2rem;
  }

  .site-header .logo {
    top: 3rem;
  }

  .logo__img {
    height: 50px;
  }

  .site-header .btn.btn--menu.js-toggle-navigation {
    display: none;
  }

  .site-header .btn.btn--menu.js-toggle-big-navigation {
    display: block;
    top: 3.78rem;
    right: 2rem;
  }

  .site-header.scrolled .btn.btn--menu.js-toggle-big-navigation {
    display: block;
    top: 3.78rem;
    right: 2rem;
  }
}

@media only screen and (min-width: 70em){
  .site-header .nav--main {
    right: 2.65rem;
  }

  .site-header .nav--main > li:nth-of-type(1n+5) {
    display: table-cell;
  }

  .site-header .nav--main > li.nav__item--company a {
    margin-right: 0;
  }


  .site-header .btn.btn--menu.js-toggle-navigation {
    display: none;
  }

  .site-header .btn.btn--menu.js-toggle-big-navigation {
    display: none;
  }

  .site-header.scrolled .btn.btn--menu.js-toggle-big-navigation {
    display: block;
    top: 3.78rem;
    right: 2rem;
  }
}
/* ==========================================================================
   Footer
   ========================================================================== */
   .site-footer__copyright {
    color: #FFF;
   }

   .nav--footer .nav__item a:link,
   .nav--footer .nav__item a:visited {
    color: #FFF;
   }

   .nav--footer-main {
    text-align: center;
   }

   .nav--footer-main > .nav__item {
    width: 20%;
    display: inline-block;
    text-align: left;
    padding: 0 2rem;
    border-left: solid 1px #dfdfdf;
   }

   .nav--footer-main > .nav__item:first-child {
    border: none;
   }

   .nav--footer-main .nav__item .nav--sub {
    visibility: visible;
    opacity: 1;
    position: relative;
   }

   .nav--footer-main .nav__item .nav--sub .nav__item {
    display: block;
    white-space: normal;
   }

   .nav--footer-main .nav__item .nav--sub .nav__item a {
    background: none;
    border: none;
    color: #484848;
    padding: 0;
    margin-top: 1.5rem;
    line-height: 1rem;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   }

   .nav--footer-main .nav__item:last-child .nav--sub .nav__item--search {
    display: none;
   }

   .nav--footer {
    bottom: 1rem;
   }

   .site-footer__sub {
    border: none;
   }

   .site-footer__block.site-footer__block--social {
    border: none;
   }

   .nav--footer-main .nav__item--enterprise  > a:nth-child(3) {
    margin-top: 1rem;
   }

  .site-footer {
    background: none;
    background-size: cover;
    color: #484848;
    padding: 4rem 0 0;
    background-color: #333333;
  }

  .site-footer__block.site-footer__block--social {
    margin-bottom: 0;
  }

  .site-footer__sub {
    color: #484848;
    margin-top: 0;
    background: #474747;
    position: absolute;
    width: 100%;
    min-height: 54px;
  }

  .site-footer .search-form-container {
    width: 100%;
    position: absolute;
    bottom: 1.5rem;
    right: 2rem;
    max-width: 20rem;
    border: solid 1px #444444;
  }

  .site-footer .search-form-container:focus {
    border: solid 1px #fcb32c;
  }

  .site-footer input[type="text"].form__input {
    padding: 0;
    height: 1.75rem;
    width: 100%;
    border: none;
    width: calc(100% - 32.3px);
    display: inline-block;
    margin: 0;
    font-size: 1rem;
    box-shadow: none;
    color: #FFF;
  }

  .site-footer .form--search .form__label {
    width: 100%;
  }

  .site-footer .form--search button[type=submit] {
    position: initial;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    display: inline-block;
    margin: 0 5px;
  }

  .site-footer .form--search button[type=submit] .fa {
    color: #fcb32c
  }

  .nav--footer-main .nav__item--enterprise ul:nth-child(2) {
    border-bottom: solid 1px #dfdfdf;
    padding-bottom: 1.5rem;
    margin-bottom: 1.35rem;
  }

  .nav--footer-main > li a {
    font-size: 1.15rem;
    letter-spacing: 2px;
    font-weight: 700;
    white-space: normal;
    font-family: 'DIN', 'Open Sans', 'Arial', sans-serif;
    line-height: 1.4rem;
    color:#FFF !important;
  }

  .menu-flyout {
    display: none;
  }

.site-footer .nav--social {
  text-align: center;
}

.site-footer .search-form-container {
  top: -1rem;
  right: auto;
  max-width: 20rem;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  width: 82%;
}

.nav--social a:hover
.icon, .nav--social a:focus .icon,
.nav--social a:active .icon {
  fill: #fcb32c;
}

.site-footer .nav--footer-main a:hover,
.site-footer .nav--footer a:hover {
  text-decoration: underline;
}

.nav--footer-main .nav__item .nav--sub .nav__item.nav__item--red-hat {
  display: none;
}

.site-footer .menu-flyout {
  display: none;
}

@media only screen and (min-width: 40em){
  .site-footer .nav--social {
    text-align: left;
  }

  .site-footer .search-form-container {
    bottom: 1.5rem;
    right: 2rem;
    left: auto;
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@media only screen and (min-width: 52em){
   .site-footer  .menu-flyout {
    display: block;
  }
}

@media only screen and (min-width: 60em){
  .site-footer .search-form-container {
    bottom: 1.5rem;
  }

  .site-footer__copyright {
    position: absolute;
    top: -.75rem;
  }

  .nav--footer {
    bottom: -.25rem;
    right: 1rem;
  }
}

.section.red-title h2,
.section.red-title h4 {
  color: #df3c4c;
}

.page-id-31 .section--content_columns .cell.lap-6-12:first-child .btn {
  margin-bottom: 1rem;
}

body > main > div.section.section--content_columns.nuage-networks-partner-ready-certification.hand-text-center > div > div > div.cell.content_below_columns.top {
  margin: 0 auto;
  text-align: center;
  display: block;
}

.page-template-template-partners-php .nuage-networks-partner-ready-certification.section--content_columns img {
  width: 100%;
  max-height: none;
}

.page-template-template-partners-php .explore-more .cell {
  text-align: left;
}

.explore-our-portfolio {
  margin-top: 0;
}

.explore-our-portfolio a:link,
.explore-our-portfolio a:visited {
  color: #FFF;
}

.explore-our-portfolio a:hover,
.explore-our-portfolio a:focus,
.explore-our-portfolio a:active {
  color: #FFF;
}

.section--logo--bio.full-width .cell:nth-child(2){
  width: 100%;
}

.logo--carousel__title.logo--carousel__title-alone {
  position: absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  transform:translateY(-50%);
}

.section--areas.explore-our-portfolio::after {
  background: none;
}

.nuageyellow hr {
  border-color: #fcb32c;
}

.yellow-callout-boxes .callout {
  background-color: #fcb32c;;
}


/* ==========================================================================
   Logo Container
   ========================================================================== */
 .page-template-template-homepage .section--logo--container svg path,
 .page-id-29 .section--logo--container svg path {
  fill: red !important;
 }

 .page-template-template-homepage .section--logo--container .partner__body,
 .page-id-29 .section--logo--container .partner__body {
  color: #575757;
 }

 .page-template-template-homepage .section--logo--container .partner__heading,
 .page-id-29 .section--logo--container .partner__heading  {
  display: none;
 }

 .page-template-template-homepage .section--logo--container .logo--carousel.is-active,
 .page-id-29 .section--logo--container .logo--carousel.is-active {
  border: solid 1px #fcb32c;
  background: none;
 }

 .page-template-template-homepage .logos .section__heading,
 .page-id-29 .logos .section__heading  {
  font-size: 2.3rem;
  font-weight: 400;
  letter-spacing: 3px;
   text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }

 .page-template-template-homepage .logo--carousel__title-alone,
 .page-id-29 .logo--carousel__title-alone {
   text-transform: uppercase;
 }

 .page-template-template-homepage .section--logos hr,
 .page-id-29 .section--logos hr {
  width: 100%;
  max-width: 27rem;
  border-color: #fcb32c;
 }

 .page-template-template-homepage .section--logos .owl-carousel__arrow,
 .page-id-29 .section--logos .owl-carousel__arrow {
  position: absolute;
  top: 0;
  z-index: 1;
 }

 .page-template-template-homepage .testimonial-side-logo,
 .page-id-29 .testimonial-side-logo {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 10rem;
  height: 10rem;
  margin: 0 auto;
  display: block;
 }

 .page-template-template-homepage .special-background.section--logo--bio .wrapper,
 .page-id-29 .special-background.section--logo--bio .wrapper  {
  max-width: 40em;
 }

 .page-template-template-homepage .special-background.section--logo--bio .wrapper .partner__name,
 .page-id-29 .special-background.section--logo--bio .wrapper .partner__name  {
  color: #fcb32c;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 3px;
  margin-top: 1rem;
  font-family: DIN, "Open Sans", Arial, sans-serif;
 }

 .page-template-template-homepage .special-background.section--logo--bio .wrapper .partner__position,
 .page-id-29 .special-background.section--logo--bio .wrapper .partner__position {
  color: #fcb32c;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 3px;
  font-size: .5rem;
  font-family: DIN, "Open Sans", Arial, sans-serif;
 }

 .page-template-template-homepage .special-background.section--logo--bio .wrapper .partner__link a,
 .page-id-29 .special-background.section--logo--bio .wrapper .partner__link a {
  text-decoration: underline;
  letter-spacing: 1px;
  font-size: .75rem;
  font-weight: 700;
  font-family: DIN, "Open Sans", Arial, sans-serif;
 }

 .page-template-template-homepage .special-background.section--logo--bio .wrapper .partner__link a:hover,
 .page-id-29 .special-background.section--logo--bio .wrapper .partner__link a:hover {
  text-decoration: none;
 }

 .page-template-template-homepage .section--logo--container .partner__body,
 .page-id-29 .section--logo--container .partner__body {
  color: #767676;
  font-size: .85rem;
  margin-top: 0;
 }

 .page-id-29 .section--logo--container {
  min-height: 48.75rem;
 }

.page-id-1907 .section--alt > h2 {
  color: #fcb32c;
}

.explore-our-portfolio h2 {
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

.explore-our-portfolio .btn {
  border: solid 1px #FFF;
  color: #FFF;
  background: transparent;
}

.explore-our-portfolio.even-buttons .btn {
  min-width: 14rem;
  text-align: center;
}

.section.custom-icon {
  padding-bottom: 1rem;
}

.section.custom-icon img {
  width: 64px;
  height: 64px;
}

.page-id-8952 .section--intro h4 {
  color: #2e2e2e;
}

.section--intro.custom-red .lead {
  color: #df3c4c;
}

.custom-enterprise-callouts .lead {
  color: #df3c4c;
  font-size: 1.5rem;
  font-weight: 400;
}

.section.custom-enterprise-callouts.section--callouts .btn,
.section.custom-enterprise-callouts.section--callouts .btn:link,
.section.custom-enterprise-callouts.section--callouts .btn:visited {
  background: #df3c4c;
  color: #FFF;
  border: solid 1px #df3c4c;
}

.section.custom-enterprise-callouts.section--callouts .btn:hover,
.section.custom-enterprise-callouts.section--callouts .btn:focus,
.section.custom-enterprise-callouts.section--callouts .btn:active {
  background: #FFF;
  color: #df3c4c;
}

.section.custom-enterprise-callouts.section--callouts .btn:hover .icon {
  fill: #222 !important;
}

.color-coding-map .section__heading {
  color: #2e2e2e;
}

.color-coding-map .cell:nth-child(1) * {
  color: #9e1c32;
}

.color-coding-map .cell:nth-child(2) * {
  color: #b6782a;
}

.color-coding-map .cell:nth-child(3) * {
  color: #fcb32e;
}

#usecases .lead {
  color: #FFF;
}

.nuage-x-intro .lead {
  font-weight: 400;
  color: #FFF;
  font-size: 1.5rem;
}

.nuage-x-intro hr {
  border-color: #FFF;
}

.custom-nuagex-section .icon--4x {
  width: 128px;
  height: 64px;
  margin-bottom: 0;
}

.custom-nuagex-section li {
  padding-left: 0;
}

.custom-nuagex-section li:before {
  display: none;
}

.nuage-x h2 {
  color: #fcb32c;
}

.section--callout_columns .section__heading {
  text-align: center;
}

@media only screen and (max-width: 40em){
  .btn {
    white-space: normal;
    text-align: center;
  }

  .nuage-x .btn,
  .custom-nuagex-section .btn {
    margin-bottom: .2rem;
  }


}

@media only screen and (min-width: 40em){

   .page-template-template-homepage .section--logos .owl-carousel__arrow,
   .page-id-29 .section--logos .owl-carousel__arrow {
    position: absolute;
    top: 0;
    z-index: 1;
   }

  .page-template-template-homepage .testimonial-side-logo,
  .page-id-29 .testimonial-side-logo {
    margin: 0;
  }

  .nuage-networks-partner-ready-certification .cell.lap-6-12:first-child,
  .nuage-networks-partner-ready-certification .cell.lap-6-12:nth-child(2) {
    width: 50%;
  }

  .page-id-31 .section--content_columns .cell.lap-6-12:first-child,
  .page-id-31 .section--content_columns .cell.lap-6-12:nth-child(2) {
    width: 50%;
  }
}

@media only screen and (min-width: 60em){
   .page-template-template-homepage .section--logos .owl-carousel__arrow,
   .page-id-29 .section--logos .owl-carousel__arrow {
    position: absolute;
    top: 0;
    z-index: 1;
   }
}

/* ==========================================================================
   Custom Forrester Styles
   ========================================================================== */
.custom-forrester-design h2 {
  margin-bottom: 1.75rem;
}
.custom-forrester-design iframe,
.custom-forrester-design form{
  border: solid 1px #eee;
  -webkit-box-shadow: 10px 10px 44px 0px rgba(204,204,204,1);
  -moz-box-shadow: 10px 10px 44px 0px rgba(204,204,204,1);
  box-shadow: 10px 10px 44px 0px rgba(204,204,204,1);
}

.custom-forrester-design form{
  padding: 1rem 2rem 2rem 2rem;
}

.blacktext h2,
.blacktext .content,
.blacktext .btn {
  color: #000 !important;
}

.mktoForm, .mktoForm .mktoFormCol{
  width: 100%!important;
  margin: 0!important;
}

.custom-report-excerpts-design li{
  text-align: left!important;
}

@media only screen and (min-width: 80em){
  .custom-report-excerpts-design li{
    font-size: 1.3rem;
  }
}

.mktoForm .mktoFieldWrap{
  float: none!important;
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm .mktoField,
 .mktoForm .mktoCheckboxList {
    width: 100%!important;
}

.mktoForm .mktoCheckboxList > input{
  width: auto!important;
  margin-top: 3px;
}

.mktoForm .mktoCheckboxList > label{
  margin-top: 0!important;
}

.mktoAsterix {
  display: none!important;
}

.mktoForm .mktoButton {
    margin-top: 10px !important;
    position: relative;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    -ms-border-radius: 2px !important;
    border-radius: 2px !important;
    border: 0 !important;
    background: #2E2E2E !important;
    /* background: #124191 !important; */
    padding: 10px 0 !important;
    margin-top: 10px !important;
    font-size: 1.2em !important;
    color: #ffffff !important;
    min-height: 30px !important;
    text-shadow: none !important;
    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.35) !important;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.35) !important;
    font-family: 'NokiaPureHWebLight', Arial, sans-serif !important;
    width: 100% !important;
    display: block !important;
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm select,
.mktoForm textarea {
    color: #001135 !important;
    border: solid 1px #707070 !important;
    font-size: 16px !important;
    margin-bottom: 4px !important;
    padding: 5px 6px !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    line-height: 1.2em !important;
    min-height: 35px !important;
    background-color: #fff !important;
    font-family: 'NokiaPureHWebRegular', Arial, sans-serif !important;
    width: 100% !important;
}

.mktoButtonRow {
    width: 100%;
}

.mktoForm select {
    height: 35px !important;
}

span.mktoButtonWrap.mktoSimple{
  margin-left: 0!important;
}

/* ==========================================================================
   Contact Form embed add August 31, 2017
   ========================================================================== */
.contact-form-embed {
  height: 1500px;
  width: 100%;
}

.contact-us-title {
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 40em){
  .contact-form-embed {
    height: 1400px;
  }
}

@media only screen and (min-width: 60em){
  .contact-form-embed {
    height: 1100px;
  }
}


.custom-telefonica .slide--image {
  background-position: 91% top !important;
}
.custom-telefonica .slide__body {
  top: 56%;
}

.single-post .section ul {
  text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 80em){
  .single-post .section ul {
    color: #2e2e2e;
    font-family: 'Equip', 'Open Sans', 'Arial', sans-serif;
    font-weight: 300;
    font-size: 1.3em;
  }

  .single-post .section ul ul {
    font-size: 1em;
  }
}


@media only screen and (min-width: 360px){
  .custom-telefonica .slide--image {
    background-position: 92% top !important;
  }
  .custom-telefonica .slide__body {
    top: 56%;
  }
}

@media only screen and (min-width: 460px){
  .custom-telefonica .slide--image {
    background-position: 90% top !important;
  }
  .custom-telefonica .slide__body {
    top: 56%;
  }
}

.page-id-12381 h1.section__heading {
  color: #9d1b32;
}

.page-id-12381 .btn.btn--primary:link,
.page-id-12381 .btn.btn--primary:visited {
  background-color: #FFF;
  color: #FCB32C;
  border: solid 1px #FCB32C;
}

.page-id-12381 .btn.btn--primary:hover,
.page-id-12381 .btn.btn--primary:focus,
.page-id-12381 .btn.btn--primary:active {
  background-color: #FCB32C;
  color: #FFF;
  border: solid 1px #FCB32C;
}