.closeButton,
.ga-panel {
    cursor: pointer
}

.cd-filter-block h4,
.owl-controls {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.grid-accordion *,
.owl-controls {
    -webkit-tap-highlight-color: transparent
}

.cd-filter-block h4,
.check-out-training-vids2,
.lj-tabs-person p,
.lj-tabs-title span,
.lj-text-uppercase,
.lj-title>span,
.now-playing-bar2,
.now-playing-status {
    text-transform: uppercase
}

ul,
ul.previous-weeks {
    list-style-type: none
}

.bigHeader a {
    font-size: 18px!important
}

@media screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:0) {
    ul.menu>li:first-child .dropdown_5columns {
        margin-left: -.4%
    }
    ul.menu>li:first-child .dropdown_5columns .megatable .col_1a {
        min-width: 120px;
        width: 120px
    }
    ul.menu>li:nth-child(2) .dropdown_3columns {
        margin-left: -8.4%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns {
        margin-left: 27.4%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns .megatable3 .col_1 {
        min-width: 130px;
        width: 130px
    }
    ul.menu>li:nth-child(4) .dropdown_3columns {
        margin-left: 18.6%
    }
}

@media screen and (min-width:1084px) and (max-width:1279px) and and (-webkit-min-device-pixel-ratio:0) {
    ul.menu>li:first-child .dropdown_5columns {
        margin-left: -11.4%
    }
    ul.menu>li:first-child .dropdown_5columns .megatable .col_1 {
        min-width: 100px;
        width: 177px
    }
    ul.menu>li:first-child .dropdown_5columns .megatable .col_1a {
        min-width: 100px;
        width: 166px
    }
    ul.menu>li:nth-child(2) .dropdown_3columns {
        margin-left: -26.4%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns {
        margin-left: -10.6%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns .megatable3 .col_1 {
        min-width: 130px;
        width: 130px
    }
    .reference5 .col_1,
    .reference5 .col_1a {
        width: 175px!important
    }
    ul.menu>li:nth-child(4) .dropdown_3columns {
        margin-left: -26.4%
    }
    ul.menu>li:nth-child(4) .dropdown_3columns .megatable3 .col_1 {
        min-width: 165px;
        width: 165px
    }
}

@media screen and (min-width:1280px) and (max-width:1359px) and (-webkit-min-device-pixel-ratio:0) {
    ul.menu>li:first-child .dropdown_5columns {
        margin-left: -1.4%
    }
    ul.menu>li:first-child .dropdown_5columns .megatable .col_1 {
        min-width: 100px;
        width: 177px
    }
    ul.menu>li:first-child .dropdown_5columns .megatable .col_1a {
        min-width: 100px;
        width: 166px
    }
    ul.menu>li:nth-child(2) .dropdown_3columns {
        margin-left: -15.4%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns {
        margin-left: -1.6%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns .megatable3 .col_1 {
        min-width: 130px;
        width: 130px
    }
    .reference5 .col_1,
    .reference5 .col_1a {
        width: 175px!important
    }
    ul.menu>li:nth-child(4) .dropdown_3columns {
        margin-left: -14.9%
    }
    ul.menu>li:nth-child(4) .dropdown_3columns .megatable3 .col_1 {
        min-width: 165px;
        width: 165px
    }
}

@media screen and (min-width:1360px) and (max-width:1366px) and (-webkit-min-device-pixel-ratio:0) {
    ul.menu>li:first-child .dropdown_5columns {
        margin-left: 11.6%
    }
    ul.menu>li:first-child .dropdown_5columns .megatable .col_1a {
        min-width: 164px;
        width: 164px
    }
    ul.menu>li:nth-child(2) .dropdown_3columns {
        margin-left: 6.4%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns {
        margin-left: 33.4%
    }
    ul.menu>li:nth-child(4) .dropdown_3columns {
        margin-left: 25.6%
    }
    ul.menu>li:nth-child(4) .dropdown_3columns .megatable3 .col_1 {
        min-width: 165px;
        width: 165px
    }
}

@media screen and (min-width:1367px) and (max-width:1440px) and (-webkit-min-device-pixel-ratio:0) {
    ul.menu>li:first-child .dropdown_5columns {
        margin-left: 13.6%
    }
    ul.menu>li:first-child .dropdown_5columns .megatable .col_1 {
        min-width: 164px
    }
    .reference5 .col_1 {
        width: 130px
    }
    .megatable .col_1a {
        width: 90px!important;
        min-width: 190px!important
    }
    ul.menu>li:nth-child(2) .dropdown_3columns {
        margin-left: 7.4%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns {
        margin-left: 33.6%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns .megatable3 .col_1 {
        min-width: 131px
    }
    ul.menu>li:nth-child(4) .dropdown_3columns {
        margin-left: 26.6%
    }
}

@media screen and (min-width:1441px) and (max-width:1600px) and (-webkit-min-device-pixel-ratio:0) {
    ul.menu>li:first-child .dropdown_5columns {
        margin-left: 8.6%
    }
    ul.menu>li:nth-child(2) .dropdown_3columns {
        margin-left: -1.6%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns {
        margin-left: 8.4%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns .megatable3 .col_1 {
        min-width: 150px;
        width: 150px
    }
    ul.menu>li:nth-child(4) .dropdown_3columns {
        margin-left: 1.4%
    }
}

@media screen and (min-width:1601px) and (max-width:1679px) and (-webkit-min-device-pixel-ratio:0) {
    ul.menu>li:first-child .dropdown_5columns {
        margin-left: 10.4%
    }
    ul.menu>li:nth-child(2) .dropdown_3columns {
        margin-left: .4%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns {
        margin-left: 10.4%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns .megatable3 .col_1 {
        min-width: 150px;
        width: 150px
    }
    ul.menu>li:nth-child(4) .dropdown_3columns {
        margin-left: .6%
    }
}

@media screen and (min-width:1680px) and (max-width:1919px) and (-webkit-min-device-pixel-ratio:0) {
    ul.menu>li:first-child .dropdown_5columns {
        margin-left: 10.4%
    }
    ul.menu>li:nth-child(2) .dropdown_3columns {
        margin-left: .4%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns {
        margin-left: 10.4%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns .megatable3 .col_1 {
        min-width: 150px;
        width: 150px
    }
    ul.menu>li:nth-child(4) .dropdown_3columns {
        margin-left: .6%
    }
}

@media screen and (min-width:1920px) and (-webkit-min-device-pixel-ratio:0) {
    ul.menu>li:first-child .dropdown_5columns {
        margin-left: 22.4%
    }
    ul.menu>li:nth-child(2) .dropdown_3columns {
        margin-left: 19.4%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns {
        margin-left: 37.8%
    }
    ul.menu>li:nth-child(3) .dropdown_5columns .megatable3 .col_1 {
        min-width: 150px;
        width: 150px
    }
    ul.menu>li:nth-child(4) .dropdown_3columns {
        margin-left: 33.4%
    }
}

table.reference3 div.col_1 a,
table.reference3 div.col_1a a {
    width: 100%
}

table.reference3 tbody,
table.reference4 tbody {
    position: relative;
    display: block
}

#ie10spacer {
    display: none
}

#heroAccordion {
    height: 275px!important
}

#heroAccordion .panel-counter span p {
    font-size: 15px;
    color: #fff;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase
}

.ga-layer {
    position: absolute;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-font-smoothing: subpixel-antialiased;
    padding: 2%;
    width: 85%;
    bottom: 3%
}

.cd-item-info .add-to-cart,
.cd-trigger,
.iai-cd-item-info .add-to-cart,
.iai-cd-trigger {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#heroAccordion .panel-counter span#enterprise-block,
#heroAccordion .panel-counter span#ic-block,
#heroAccordion .panel-counter span#ii-block,
#heroAccordion .panel-counter span#oem-block {
    float: left;
    text-align: center;
    padding: 5px;
    font-size: 24px;
    color: #fff
}

#heroAccordion .panel-counter span#enterprise-block {
    line-height: 1em;
    margin-top: -14%;
    margin-left: 6%
}

#heroAccordion .panel-counter span#ii-block {
    line-height: 1.15em;
    margin-top: -22%;
    margin-left: -15%
}

#heroAccordion .panel-counter span#ic-block {
    line-height: 1em;
    margin-top: -18%;
    margin-left: -4%
}

#heroAccordion .panel-counter span#oem-block {
    line-height: 1em;
    margin-top: -11%;
    margin-left: 33%
}

@media (max-width:860px) {
    #heroAccordion.custom-responsive .panel-counter {
        font-size: 16px;
        padding: 2px;
        bottom: 2px!important;
        left: 2px!important
    }
    #heroAccordion.custom-responsive .hide-medium-screen {
        display: none!important
    }
}

@media (max-width:640px) {
    #heroAccordion.custom-responsive .ga-layer {
        font-size: 12px
    }
}

@media (max-width:450px) {
    #heroAccordion.custom-responsive .ga-layer {
        font-size: 10px;
        padding: 2px
    }
}

.grid-accordion {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    z-index: 6
}

.ga-horizontal .ga-panels {
    height: 100%
}

.ga-vertical .ga-panels {
    width: 100%
}

.ga-panel {
    position: absolute;
    overflow: hidden;
    height: 275px!important
}

.ga-shadow {
    -webkit-box-shadow: -5px 0 40px 1px #000;
    -mox-box-shadow: -5px 0 40px 1px #000;
    box-shadow: -5px 0 40px 1px #000
}

.ga-background,
.ga-background-opened {
    border: 0;
    vertical-align: bottom;
    width: auto;
    height: auto
}

.ga-background-opened {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden
}

.ga-gold {
    color: #FFF;
    background: #d0a529;
    background: rgba(208, 165, 41, .95)
}

.ga-blue {
    color: #FFF;
    background: #4f83b2;
    background: rgba(79, 131, 178, .95)
}

.ga-teal {
    color: #FFF;
    background: #20a6b8;
    background: rgba(32, 166, 184, .95)
}

.ga-black {
    color: #FFF;
    background: #000;
    background: rgba(0, 0, 0, .3)
}

.ga-white {
    color: #000;
    background: #fff;
    background: rgba(255, 255, 255, .7)
}

.ga-rounded {
    border-radius: 10px
}

.ga-padding {
    padding: 10px;
    width: 100%
}

.ga-pagination-buttons {
    position: absolute;
    top: 100%;
    width: 100%;
    text-align: center;
    padding-top: 10px
}

.ga-pagination-button {
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    border-radius: 50%;
    margin: 4px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.ga-pagination-buttons .ga-selected {
    background-color: #000
}

.panels-button:hover,
a.panels-button {
    background: #747679
}

.ga-has-buttons {
    margin-bottom: 32px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .ga-pagination-button {
        width: 14px;
        height: 14px
    }
    .ga-has-buttons {
        margin-bottom: 36px
    }
}

@media only screen and (min-width:568px) and (max-width:768px) {
    .ga-pagination-button {
        width: 16px;
        height: 16px
    }
    .ga-has-buttons {
        margin-bottom: 38px
    }
}

@media only screen and (min-width:320px) and (max-width:568px) {
    .ga-pagination-button {
        width: 18px;
        height: 18px
    }
    .ga-has-buttons {
        margin-bottom: 40px
    }
}

.ga-selectable {
    cursor: default
}

.ga-grab {
    cursor: url(images/openhand.cur), move
}

.ga-grabbing {
    cursor: url(images/closedhand.cur), move
}

.ga-no-js {
    overflow: hidden;
    max-width: 100%
}

.grid-accordion p.ga-layer {
    font-size: 13px;
    line-height: 1.4;
    bottom: 0!important
}

.grid-accordion h1.ga-layer {
    font-size: 32px;
    line-height: 1.4
}

.grid-accordion h2.ga-layer {
    font-size: 24px;
    line-height: 1.4
}

.grid-accordion h3.ga-layer {
    font-size: 19px;
    line-height: 1.4;
    color: #fff;
    text-align: left;
    top: 0!important;
    height: 40px
}

.grid-accordion h4.ga-layer {
    font-size: 16px;
    line-height: 1.4
}

.grid-accordion h5.ga-layer {
    font-size: 13px;
    line-height: 1.4
}

.grid-accordion h6.ga-layer {
    font-size: 11px;
    line-height: 1.4
}

.grid-accordion img.ga-layer {
    border: 0
}

.grid-accordion .ga-background,
.grid-accordion .ga-background-opened {
    border: 0!important;
    border-radius: 0!important;
    margin: 0!important;
    padding: 0!important;
    -webkit-box-shadow: none!important;
    -mox-box-shadow: none!important;
    box-shadow: none!important;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none
}

.inModule-btn,
.inModule-btn-sm,
a.panels-button {
    font-weight: 700;
    border-radius: 2px;
    display: inline-block;
    text-decoration: none
}

.grid-accordion a {
    position: static;
    transition: none!important;
    -moz-transition: none!important;
    -webkit-transition: none!important;
    -o-transition: none!important
}

.grid-accordion .ga-background,
.grid-accordion .ga-background-opened,
.grid-accordion canvas,
.grid-accordion embed,
.grid-accordion iframe,
.grid-accordion object,
.grid-accordion video {
    max-width: none;
    max-height: none
}

a.panels-button {
    color: #fff!important;
    padding: .625em 1em .563em;
    font-size: 1em
}

.inModule {
    width: 100%;
    position: relative
}

.inModule p.top-text {
    font-size: 1.5em;
    margin-bottom: 1em;
    line-height: 1.25em
}

.inModule p.sub-text {
    margin-bottom: 1.2em
}

.inModule.bk_Envelope {
    background-image: url(http://psitesinternal.com/img/2014/Envelope.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 70px
}

.inModule-btn,
.inModule-btn-sm {
    background-color: #00AFA0;
    color: #FFF;
    font-family: arial;
    font-size: 1.25em;
    padding: .625em 1.563em .563em;
    text-align: center
}

.inModule-btn-sm {
    font-size: 12px!important
}

.inModule-btn-sm:hover,
.inModule-btn:hover {
    background-color: #00AFA0;
    cursor: pointer
}

.inModule-btn a,
.inModule-btn-sm a {
    color: #fff!important;
    text-decoration: none!important
}

#TechnicalTables {
    border: none
}

#TechnicalTables table {
    border: none;
    border-bottom: 2px solid #333;
    margin-bottom: 0
}

#TechnicalTables td {
    text-align: center;
    width: 100px;
    line-height: 20px;
    font-size: .9em;
    border-right: 1px solid #DDD
}

#TechnicalTables th {
    text-align: center;
    height: 28px;
    background-color: #DDD;
    color: #000;
    font-size: .9em;
    line-height: 1.3em
}

#TechnicalTables .TR_subheader {
    background: #DDD;
    text-align: left;
    font-size: 1em
}

div.play-button,
div.play-button2 {
    background: url(http://op-iwe-wcs-vip.panduit.com:7003/ccurl_dev/251/87/video-background.png) no-repeat
}

.area-of-interest,
.bluevolt-button-iai p {
    text-align: center
}

#TechnicalTables .bestFitColor {
    color: #2740f9
}

#TechnicalTables .growthColor {
    color: #004620
}

#TechnicalTables .subHeaderCell {
    border: 1px solid #545454;
    font-weight: 700
}

#TechnicalTables .subTable,
#TechnicalTables .subTable td {
    border: 0
}

.youtube-container {
    display: block;
    height: 300px;
    float: left;
    width: 63%;
    max-width: 960px
}

.youtube-player,
.youtube-player2 {
    overflow: hidden;
    position: relative;
    height: 100%
}

.youtube-container2 {
    display: none;
    margin: 20px auto;
    width: 100%;
    max-width: 960px
}

.youtube-player2 {
    width: 97%;
    padding-bottom: 40%;
    cursor: pointer;
    display: block;
    float: left;
    margin-left: -1.2%
}

img.youtube-thumb,
img.youtube-thumb2 {
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    right: 0
}

img.youtube-thumb {
    bottom: 0;
    width: 99.2%;
    position: absolute;
    top: -52%;
    height: auto
}

img.youtube-thumb2 {
    width: 100%;
    position: absolute;
    top: 0;
    height: 460px
}

div.play-button {
    height: 574px;
    width: 969.6px;
    left: -38.6%;
    top: -44.8%;
    position: absolute
}

div.play-button2 {
    height: 436px;
    width: 730px;
    left: -114.9px;
    top: -6.6%;
    position: absolute
}

#ia-wps li a figure,
#youtube-iframe,
#ytmenu2,
.area-of-interest,
.now-playing-bar2 {
    position: relative
}

.area-of-interest {
    margin-top: 3%
}

.cd-item-action,
.cd-item-action li {
    margin-left: 0!important
}

.previous-weeks img {
    width: 113.4%;
    float: left!important;
    margin-left: -36%!important
}

.previous-weeks45 img {
    width: 80%;
    float: left;
    margin-left: 10%
}

.previous-weeks2,
.previous-weeks2 img {
    float: left;
    width: 100%
}

.previous-weeks2 {
    margin-top: 0;
    margin-left: 20%
}

.previous-week-holders {
    float: left;
    width: 22%;
    text-decoration: none!important;
    font-size: 11px;
    margin: 0 -2.3% 10px 0
}

.previous-week-holders45 {
    float: left;
    width: 100%;
    text-decoration: none!important;
    font-size: 11px;
    margin: 5% -2.3% 10px 0
}

.BooksList li {
    display: none
}

.previous-week-holders2,
.toreturntofeaturealt {
    float: left;
    margin-right: 6.9%;
    width: 18.1%;
    text-decoration: none!important;
    height: 205px;
    font-size: 11px;
    margin-bottom: 10px
}

.bluevolt-button-iai p a,
.training-alt-body-left a,
ul.previous-weeks li a {
    text-decoration: none
}

.activePlayer {
    background: #ff0
}

.activePlayer span.side-caption {
    font-weight: 700
}

.training-main-body h2 {
    font-size: 20px;
    line-height: .9em;
    margin: 2% 0 0
}

.training-alt-body {
    width: 959px;
    margin: 0 auto
}

.training-alt-body-left {
    width: 32%;
    font-size: 33.8px;
    float: left;
    margin-top: 24px;
    line-height: 1.1em
}

.training-alt-body-right {
    float: right;
    width: 46.4%;
    margin: -26.4% -11.8% 0 0
}

.training-upper-content-hero {
    width: 100%;
    float: left;
    margin-right: 2%;
    margin-top: 36.4%
}

.training-upper-content-hero img {
    margin-left: -56%!important;
    width: 167%
}

.training-upper-content-hero p {
    display: block;
    float: right;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    width: 82%;
    margin: 27% 35% 20px 0
}

.training-upper-content-copy h1 {
    margin: 0;
    font-weight: 400;
    font-size: 35px
}

.training-alt-body-left a {
    padding: 2%;
    display: block;
    margin-right: 4%;
    color: #58595b
}

.training-subnav-bar {
    margin-left: 7%;
    border-bottom: 1px dotted #eee8e8
}

.training-alt-body-left a:last-child {
    border-bottom: none
}

.training-active {
    color: #fff!important;
    font-weight: 700
}

.training-alt-body h2,
.training-alt-body h2.dc-subheader,
.training-alt-body h2.ic-subHeader {
    float: left;
    font-size: 22px;
    font-weight: 400;
    margin: 0
}

.training-dc,
.training-enterprise {
    background: #4f83b2
}

.training-iai {
    background: #20a6b8
}

.training-ic {
    background: #d0a529
}

.training-dc-header h1 {
    color: #4f83b2
}

.training-iai-header h1 {
    color: #20a6b8
}

.training-ic-header h1 {
    color: #d0a529
}

.all-yt-content2 h2,
.all-yt-content3 h2,
.training-alt-container h2,
h2.training-iai-header {
    color: #20a6b8!important
}

.all-yt-content2 h2.ic-sub-header,
.all-yt-content3 h2.ic-sub-header {
    color: #d0a429!important
}

.all-yt-content2 h2.dc-sub-header,
.all-yt-content3 h2.dc-sub-header {
    color: #4f83b2!important
}

.training-alt-container {
    border-bottom: 3px solid #eee8e8;
    float: left;
    width: 92.8%
}

.training-alt-body h2 {
    color: #20a6b8!important
}

.training-alt-body h2.ic-subHeader {
    color: #d0a529!important
}

.training-alt-body h2.dc-subheader {
    color: #4f83b2!important
}

.all-yt-content2 h2.ic-subHeader,
.all-yt-content3 h2.ic-subHeader {
    color: #d0a529!important
}

.all-yt-content2 h2.dc-subheader,
.all-yt-content3 h2.dc-subheader {
    color: #4f83b2!important
}

.now-playing-bar,
.now-playing-bar2 {
    background: url(http://psitesinternal.com/assets/img/now-playing-arrow3.png) 38% 53% no-repeat rgba(0, 0, 0, .6);
    color: #fff
}

.featured-vid-subheader {
    font-size: 14px;
    margin-top: -1%;
    float: left;
    font-style: italic
}

.now-playing-bar img {
    height: 15px;
    width: 17px
}

.now-playing-bar {
    box-sizing: border-box;
    display: inline-block;
    height: 114px;
    padding: 52px 0 0 13px;
    top: 0;
    width: 79.6%;
    z-index: 10;
    float: left;
    margin: -85.3% 0 0 .1%
}

.side-caption,
.side-caption-dc,
.side-caption-home,
.side-caption-home:hover,
.side-caption-ic {
    clear: both;
    margin-top: 3%
}

.now-playing-bar2,
.side-caption,
.side-caption-dc,
.side-caption-ic,
.youtube-player {
    float: left;
    width: 100%
}

.now-playing-bar2 {
    bottom: 71.7%;
    font-weight: 700;
    display: block;
    height: 47.3px
}

.learn-more-dc,
.learn-more-enterprise,
.learn-more-ia,
.learn-more-ic,
.learn-more-oem {
    border-radius: 2px;
    background: #747679;
    color: #fff!important;
    text-decoration: none;
    display: inline-block;
    padding: .625em 1em .563em;
    font-size: 1em;
    font-weight: 700
}

.ytactive {
    background-color: #ff0
}

.current {
    text-decoration: underline
}

a {
    text-decoration: none
}

.toreturntofeature {
    color: #bc141a;
    font-size: 11px;
    font-style: italic;
    cursor: pointer;
    float: left
}

.side-caption {
    color: #919191;
    margin-left: -35%
}

.side-caption:hover {
    color: #20a6b8;
    font-weight: 700
}

.side-caption-ic {
    color: #919191;
    margin-left: -35%
}

.side-caption-ic:hover {
    color: #d0a429;
    font-weight: 700
}

.side-caption-dc {
    color: #919191;
    margin-left: -35%
}

.side-caption-dc:hover {
    color: #4f83b2;
    font-weight: 700
}

.side-caption-date {
    float: left;
    clear: both;
    color: #333;
    margin-left: -35%
}

.side-caption-home {
    float: left;
    color: #919191
}

.side-caption-home:hover {
    float: left;
    color: #4f83b2;
    font-weight: 700
}

.youtube-player {
    cursor: pointer;
    display: block;
    margin-top: -53.6%!important
}

.vid-of-week-subheader {
    font-size: 12px;
    float: left
}

h2.vid-of-week-header {
    line-height: .5em;
    margin-top: 2%!important
}

.all-yt-content {
    width: 132.4%;
    margin-top: 0;
    border-top-color: #e7e9eb;
    border-top-width: 4px;
    border-top-style: solid;
    float: left;
    margin-left: 5%
}

.all-yt-content2 {
    width: 93.3%;
    border-bottom: 4px solid #e7e9eb;
    float: left
}

.all-yt-content3 {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

#ytmenu {
    width: 104.4%;
    margin-top: -5.5%
}

#ytmenu_favorites {
    width: 21.2%;
    margin-top: -5.5%;
    float: right;
    display: none
}

#ytmenu2 {
    width: 81%;
    margin-top: -4.4%;
    margin-right: -8%;
    float: right
}

h2.ytvideo-header {
    color: #2e75b6;
    font-size: 16px;
    font-weight: 700
}

h3.ytvideo-header2 {
    font-size: 18px;
    border-bottom: 1px solid #e6e6e6;
    margin: 0;
    color: #000!important;
    line-height: 1.1em;
    font-weight: 400
}

.ytvideo-subheader {
    font-size: 14px;
    width: 100%
}

.all-yt-subcontent {
    margin-top: 10px;
    width: 98.7%
}

.training-main-body {
    width: 138.1%;
    margin-top: 0;
    margin-left: 4.5%
}

.training-main-container {
    width: 19.3%;
    float: left
}

.training-main-images {
    width: 95%;
    margin-right: 8%!important;
    margin-bottom: -12%!important;
    float: left;
    display: block
}

.training-hero {
    margin-top: 3%;
    margin-bottom: 0
}

.training-box-lower-header-enterprise,
.training-box-lower-header-ia,
.training-box-lower-header-ic,
.training-box-lower-header-oem {
    text-align: center;
    margin-top: 5px
}

.training-box-border {
    width: 95%;
    border-bottom-color: #e7e9eb;
    border-bottom-width: 4px;
    border-bottom-style: solid
}

.training-box-lower-header-oem {
    margin-left: 31%;
    float: left
}

.training-box-lower-header-ic {
    margin-left: -5%;
    float: left
}

.training-box-lower-header-enterprise {
    margin-left: 20%;
    float: left
}

.training-box-lower-header-data-center {
    text-align: center;
    margin-top: 5px;
    margin-left: -7%
}

.training-selected {
    background: green
}

.training-share-buttons {
    width: 34.7%;
    display: block;
    float: right;
    margin: 2.8% -2% 0 0
}

.training-share-buttons2 {
    width: 23%;
    float: right
}

.training-share-buttons-left2 {
    width: 100%;
    float: left
}

.training-share-buttons-right2 {
    width: 100%;
    float: right;
    border-top: 1px solid #e6e6e6;
    padding-top: 4%
}

.check-out-training-vids {
    font-size: 14px;
    font-weight: 400;
    float: right;
    margin: -18% 4% 0 0;
    width: 96%
}

.check-out-training-vids2 {
    font-size: 14px;
    font-weight: 700;
    float: left;
    margin: 0 1% 0 0;
    width: 96%;
    text-decoration: underline
}

#training_loadMore,
#training_loadMore2,
#training_showLess,
#training_showLess2 {
    cursor: pointer;
    background: #e3dede;
    padding: 1%;
    display: none;
    margin-top: -3.4%;
    right: 19.9%
}

#training_loadMore {
    float: left;
    font-size: 11px;
    margin-left: 86.8%
}

#training_showLess {
    float: right;
    font-size: 11px;
    margin-right: 12.8%
}

#training_loadMore2 {
    float: left;
    font-size: 11px;
    margin-left: 96.8%
}

#training_showLess2 {
    float: right;
    font-size: 11px;
    margin-right: 0
}

#training_loadMore2:hover,
#training_loadMore:hover {
    color: #000
}

.whitepaper-placeholder {
    float: left;
    width: 17%;
    margin-right: 2%;
    font-size: 11px
}

.whitepaper-placeholder img {
    background-color: #cacaca;
    border-radius: 2px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .15);
    display: block;
    height: 200px;
    opacity: 1;
    transition: opacity .25s ease-in-out 0s;
    width: 167px;
    border: 1px solid #dedbdb
}

ul.BooksList {
    margin-left: 27.8%!important;
    padding: 0;
    width: 100%!important;
    margin-top: -16.9%!important
}

.BooksList li {
    float: left;
    list-style: none;
    opacity: 1;
    width: 222px;
    margin-left: 0!important
}

#ia-wps li a figure.dc-hover::before,
#ia-wps li a figure.ic-hover::before,
#ia-wps li a figure::before {
    border-radius: 3px;
    content: "";
    height: 200px;
    left: 0;
    top: 0;
    width: 167px;
    z-index: -1
}

#ia-wps li a figure::before {
    background-color: #24a6b8;
    position: absolute
}

#ia-wps li a figure.ic-hover::before {
    background-color: #d0a429;
    position: absolute
}

#ia-wps li a figure.dc-hover::before {
    background-color: #4f83b2;
    position: absolute
}

.previous-weeks45::after,
.previous-weeks45::before,
.previous-weeks::after,
.previous-weeks::before {
    z-index: 1;
    content: " "
}

#ia-wps li a:hover figure img {
    box-shadow: 0 5px 20px rgba(79, 131, 178, .15);
    opacity: .2
}

.BooksList li a figure {
    margin: 0;
    padding: 0
}

.whitepaper-placeholder a {
    width: 20%
}



.whitepaper-description {
    position: absolute;
    bottom: -34%;
    left: 21%
}

.whitepaper-placeholder a span {
    color: #fff;
    position: absolute;
    margin-top: 1%;
    line-height: 1.1em;
    width: 70px;
    display: block;
    margin-left: .5%
}

.training-box-lower-header-data-center a,
.training-box-lower-header-enterprise a,
.training-box-lower-header-ia a,
.training-box-lower-header-ic a,
.training-box-lower-header-oem a {
    color: #000
}

.training-border-top {
    width: 10.7%!important;
    margin-left: -11%;
    margin-top: -.7%;
    position: absolute
}

.previous-weeks {
    width: 120%;
    float: left;
    margin-left: 9%
}

.previous-weeks a {
    display: none
}

.previous-weeks::before {
    height: 10px;
    margin-left: -190.7px;
    width: 187px
}

.previous-weeks::after {
    height: 17.1px;
    margin-left: -45.4%;
    position: absolute;
    width: 57.8%;
    bottom: -109.1%
}

.previous-weeks45 {
    width: 100%;
    float: left;
    overflow-y: scroll;
    height: 630px;
    box-shadow: 0 6px 9px -5px rgba(0, 0, 0, .25) inset;
    display: none
}

.previous-weeks45::before {
    height: 10px;
    margin-left: -190.7px;
    width: 187px
}

.previous-weeks45::after {
    height: 17.1px;
    position: absolute;
    width: 11.4%;
    bottom: -53.5%;
    right: 22%;
    float: right
}

ul.browse-for-training {
    margin: 0;
    padding: 0;
    width: 100%
}

ul.browse-for-training li {
    float: left;
    margin-left: 2%
}

.training-anchor-links {
    width: 100%;
    float: left;
    margin-bottom: 12px;
    margin-top: 1%
}

.click-to-browse-prompt {
    font-size: 12px;
    float: left;
    width: 25.7%;
    margin-top: 12px;
    margin-left: 27%;
    font-weight: 700
}

.click-to-browse-links {
    font-size: 12px;
    color: #20a6b8;
    float: left;
    width: 40%;
    margin-top: 1.2%
}

ul.browse-for-training li a {
    color: #919191;
    font-size: 12px
}

ul.browse-for-training li a.dc-link:hover,
ul.browse-for-training li a.enterprise-link:hover {
    color: #4f83b2;
    font-size: 12px;
    font-weight: 700
}

ul.browse-for-training li a.iai-link:hover {
    color: #20a6b8;
    font-size: 12px;
    font-weight: 700
}

ul.browse-for-training li a.ic-link:hover,
ul.browse-for-training li a.oem-link:hover {
    color: #d0a529;
    font-size: 12px;
    font-weight: 700
}

.training-center-return-to-top a {
    font-size: 11px;
    font-style: italic;
    float: right;
    color: #919191!important
}

.training-center-return-to-top a.return-dc:hover,
.training-center-return-to-top a.return-enterprise:hover {
    color: #4f83b2!important;
    text-decoration: none
}

.training-center-return-to-top a.return-iai:hover {
    color: #20a6b8!important;
    text-decoration: none
}

.training-center-return-to-top a.return-ic:hover,
.training-center-return-to-top a.return-oem:hover {
    color: #d0a529!important;
    text-decoration: none
}

ul.browse-for-training li a:hover {
    color: #20a6b8
}

.elearning_feature {
    float: left;
    width: 32%;
    margin-right: 1%
}

.intro-tables {
    position: relative
}

.intro-table {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: repeat;
    background-position: 0 0
}

.intro-table-hover:hover,
.module-webcasts-iai:hover {
    background-position: 50% 50%;
    color: #000
}

.module-courses-iai {
    background-image: url(http://op-iwe-wcs-vip.panduit.com:7003/ccurl_dev/15/863/training-center-module-courses.jpg)
}

.module-webcasts-iai {
    background-image: url(http://op-iwe-wcs-vip.panduit.com:7003/ccurl_dev/79/382/training-center-module-webcasts.jpg)
}

.intro-table-hover {
    -webkit-transition: background-image .3s ease, background-position .3s;
    transition: background-image .3s ease, background-position .3s
}

.intro-table-hover h4 {
    -webkit-transform: translateY(170px);
    transform: translateY(170px);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.module-webcasts-iai:hover {
    background-image: url(http://op-iwe-wcs-vip.panduit.com:7003/ccurl_dev/254/556/training-center-module-webcasts-hover.jpg)
}

.btn,
.btn:focus,
.btn:hover {
    color: #fff
}

.module-techbriefs-iai {
    background-image: url(http://op-iwe-wcs-vip.panduit.com:7003/ccurl_dev/251/547/training-center-module-techbrief.jpg)
}

.intro-table-hover .expand {
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s ease, opacity .3s
}

.intro-table-hover:hover h4 {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.intro-table-hover:hover .expand {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.intro-table-hover .hide-hover {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.intro-table-hover:hover .hide-hover {
    opacity: 0
}

.intro-tables .intro-table {
    position: relative;
    width: 100%;
    height: 300px;
    margin: 20px 0
}

.intro-tables .intro-table .heading {
    margin: 0;
    padding: 30px
}

.intro-tables .intro-table .small-heading {
    margin: 0;
    padding: 0 30px
}

.intro-tables .intro-table .bottom {
    position: absolute;
    top: 20%
}

.intro-tables .intro-table .bottom2 {
    position: absolute;
    top: 31.6%;
    left: 7.4%
}

.intro-tables .intro-table .owl-schedule .schedule-row {
    padding: 10px 30px;
    color: #fff;
    transition: all .3s ease
}

.owl-schedule .schedule-row:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .4)
}

.owl-testimonials .author {
    margin-top: -71.8%!important;
    float: right;
    right: 1%;
    width: 45.6%;
    font-weight: 700
}

.owl-schedule .owl-controls,
.owl-testimonials .owl-controls {
    -webkit-transform: translateY(-1200%);
    position: absolute;
    right: 20px
}

.ripple-effect {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    -webkit-animation: ripple-animation 2s;
    animation: ripple-animation 2s
}

.item {
    margin-top: 7%
}

.content_trainingcenter img {
    width: 55%;
    background-color: #cacaca;
    border-radius: 2px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .15);
    display: block;
    opacity: 1;
    transition: opacity .25s ease-in-out 0s;
    margin-top: -8.7%;
    margin-left: -5%;
    height: 196.3px
}

.btn {
    font-size: 14px;
    display: inline-block;
    border: 2px solid transparent;
    border-radius: 2px;
    background: 0 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn.btn-blue {
    background: #00a8ff
}

.btn.btn-blue:hover {
    background: #31b9ff
}

.btn.btn-blue-fill {
    color: #00a8ff;
    border-color: #00a8ff;
    background: 0 0
}

.btn.btn-blue-fill:hover {
    color: #fff;
    background: #00a8ff
}

.btn.btn-white-fill,
.btn.btn-white-fill2 {
    border-color: #fff;
    padding: 4.1%;
    background: 0 0;
    color: #fff
}

.btn.btn-white-fill {
    position: absolute;
    left: 8%;
    top: 80%
}

.btn.btn-white-fill2 {
    float: right;
    margin: -25.5% 12.9%
}

.owl-carousel .owl-item,
h5.regular {
    float: left
}

.btn.btn-white-fill2:hover,
.btn.btn-white-fill:hover {
    color: #000;
    background: #fff
}

.btn.btn-white-fill3 {
    background: 0 0;
    border-color: #fff;
    color: #fff;
    padding: 4.1%;
    margin-top: 22%
}

.btn.btn-white-fill3:hover {
    color: #000;
    background: #fff
}

.btn.btn-gray-fill {
    color: #fff;
    border-color: #fff;
    background: 0 0
}

.btn.btn-gray-fill:hover {
    border-color: #bbb;
    background: #bbb
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel,
.owl-carousel .owl-wrapper {
    position: relative;
    display: none
}

.owl-carousel {
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-controls .owl-buttons div,
.owl-controls .owl-page {
    cursor: pointer
}

.owl-controls {
    -khtml-user-select: none;
    user-select: none
}

.owl-controls .owl-page,
.owl-controls .owl-page span {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-schedule .owl-controls,
.owl-testimonials .owl-controls {
    transform: translateY(-1200%)
}

.owl-theme .owl-controls {
    text-align: center;
    margin: 131.8px -2.9% 0 0
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: .5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) center center no-repeat
}

.owl-schedule .owl-controls .owl-page span {
    background: 0 0;
    border-radius: 0;
    border: 2px solid #fff;
    width: 8px;
    height: 8px
}

.owl-schedule .owl-controls .owl-page.active span,
.owl-schedule .owl-controls .owl-page:hover span {
    background: #fff
}

.owl-testimonials .owl-controls .owl-page span {
    background: 0 0;
    border-radius: 0;
    border: 2px solid #fff;
    width: 8px;
    height: 8px
}

.owl-testimonials .owl-controls .owl-page.active span,
.owl-testimonials .owl-controls .owl-page:hover span {
    background: #fff
}

.owl-twitter .owl-controls {
    margin-top: 100px
}

.owl-twitter .owl-controls .owl-page span {
    background: 0 0;
    border-radius: 0;
    border: 2px solid #fff;
    width: 8px;
    height: 8px
}

.cd-filter,
.owl-twitter .owl-controls .owl-page.active span,
.owl-twitter .owl-controls .owl-page:hover span {
    background: #fff
}

h5.regular {
    font-weight: 400
}

.bold {
    font-weight: 700
}

.intro-tables.intro-table {
    position: relative;
    width: 100%;
    height: 300px;
    margin: 20px 0
}

.white {
    color: #fff;
    margin: 0;
    font-weight: 400
}

.text-right {
    text-align: right;
    margin: 0 -5.3% 0 0;
    position: relative
}

.elearning-course-heading {
    font-size: 18px;
    margin-left: 2.2%;
    padding: 2.6%
}

.webcast-header {
    margin-top: -2.8%;
    font-weight: 700!important
}

.small-pt {
    font-size: 12px;
    display: block;
    width: 93%
}

.training-center-more-info {
    cursor: pointer
}

.tech-brief-info {

    display: none;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    float: right;
    font-size: 14px;
    margin-left: -11%;
    margin-top: -19%;
    padding: 1%;
    position: absolute;
    right: 21.7%;
    width: 15.2%;
    border-radius: 5px
}

.close_tech_brief {
    float: right;
    margin-top: -39%;
    cursor: pointer
}

.training-upper-content-copy p {
    display: block
}

.side-caption-holder {
    display: block;
    width: 75.3%;
    padding: 2%;
    height: 54px;
    float: left
}

.training_results_loading,
.training_results_loading2 {
    display: none;
    float: right;
    clear: both;
    font-size: 11px
}

section.upper-training-nav {
    margin-left: -1.4%
}

section.upper-training-nav h2 {
    width: 90%;
    margin: 0 auto 2em;
    color: #2c3f4c;
    font-size: 2rem;
    font-weight: 700;
    text-align: center
}

.cd-multi-steps.text-center a:hover {
    background-color: #4f83b2;
    color: #fff
}

@media only screen and (min-width:1170px) {
    section.upper-training-nav h2 {
        margin: 0 auto 3em
    }
}

.cd-breadcrumb,
.cd-multi-steps {
    width: 100%;
    padding: .5em 1em;
    background-color: #edeff0;
    border-radius: .25em
}

.cd-breadcrumb:after,
.cd-multi-steps:after {
    content: "";
    display: table;
    clear: both
}

.cd-breadcrumb li,
.cd-multi-steps li {
    display: inline-block;
    float: left;
    margin: .5em 0
}

.cd-breadcrumb li::after,
.cd-multi-steps li::after {
    display: inline-block;
    content: '\00bb';
    margin: 0 .6em;
    color: #959fa5
}

.cd-breadcrumb li:last-of-type::after,
.cd-multi-steps li:last-of-type::after {
    display: none
}

.cd-breadcrumb li>*,
.cd-multi-steps li>* {
    display: inline-block;
    font-size: 1.4rem;
    color: #2c3f4c
}

.cd-breadcrumb li.current>*,
.cd-multi-steps li.current>* {
    color: #96c03d
}

.no-touch .cd-breadcrumb a:hover,
.no-touch .cd-multi-steps a:hover {
    color: #fff
}

.cd-breadcrumb.custom-separator li::after,
.cd-multi-steps.custom-separator li::after {
    content: '';
    height: 16px;
    width: 16px;
    background: url(../img/cd-custom-separator.svg) center center no-repeat;
    vertical-align: middle
}

.cd-breadcrumb.custom-icons li>::before,
.cd-multi-steps.custom-icons li>::before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: .4em;
    margin-top: -2px;
    background: url(../img/cd-custom-icons-01.svg) no-repeat;
    vertical-align: middle
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2)>::before,
.cd-multi-steps.custom-icons li:not(.current):nth-of-type(2)>::before {
    background-position: -20px 0
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3)>::before,
.cd-multi-steps.custom-icons li:not(.current):nth-of-type(3)>::before {
    background-position: -40px 0
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4)>::before,
.cd-multi-steps.custom-icons li:not(.current):nth-of-type(4)>::before {
    background-position: -60px 0
}

.cd-breadcrumb.custom-icons li.current:first-of-type>::before,
.cd-multi-steps.custom-icons li.current:first-of-type>::before {
    background-position: 0 -20px
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(2)>::before,
.cd-multi-steps.custom-icons li.current:nth-of-type(2)>::before {
    background-position: -20px -20px
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(3)>::before,
.cd-multi-steps.custom-icons li.current:nth-of-type(3)>::before {
    background-position: -40px -20px
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(4)>::before,
.cd-multi-steps.custom-icons li.current:nth-of-type(4)>::before {
    background-position: -60px -20px
}

@media only screen and (min-width:768px) {
    .cd-breadcrumb,
    .cd-multi-steps {
        padding: 0 1.2em
    }
    .cd-breadcrumb li,
    .cd-multi-steps li {
        margin: 1.2em 0
    }
    .cd-breadcrumb li::after,
    .cd-multi-steps li::after {
        margin: 0 1em
    }
    .cd-breadcrumb li>*,
    .cd-multi-steps li>* {
        font-size: .8rem
    }
    .cd-breadcrumb.triangle {
        background-color: transparent;
        padding: 0
    }
    .cd-breadcrumb.triangle li {
        position: relative;
        padding: 0;
        margin: 4px 4px 4px 0
    }
    .cd-breadcrumb.triangle li:last-of-type {
        margin-right: 0
    }
    .cd-breadcrumb.triangle li>* {
        position: relative;
        padding: 1em .8em 1em 2.5em;
        color: #2c3f4c;
        background-color: #edeff0;
        border-color: #edeff0
    }
    .cd-breadcrumb.triangle li.current>* {
        color: #fff;
        background-color: #96c03d;
        border-color: #96c03d
    }
    .cd-breadcrumb.triangle li:first-of-type>* {
        padding-left: 1.6em;
        border-radius: .25em 0 0 .25em
    }
    .cd-breadcrumb.triangle li:last-of-type>* {
        padding-right: 1.6em;
        border-radius: 0 .25em .25em 0
    }
    .no-touch .cd-breadcrumb.triangle a:hover {
        color: #fff;
        background-color: #2c3f4c;
        border-color: #2c3f4c
    }
    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li>::after {
        position: absolute;
        top: 0;
        left: 100%;
        content: '';
        height: 0;
        width: 0;
        border: 24px solid transparent;
        border-right-width: 0;
        border-left-width: 20px
    }
    .cd-breadcrumb.triangle li::after {
        z-index: 1;
        -webkit-transform: translateX(4px);
        -moz-transform: translateX(4px);
        -ms-transform: translateX(4px);
        -o-transform: translateX(4px);
        transform: translateX(4px);
        border-left-color: #fff;
        margin: 0
    }
    .cd-breadcrumb.triangle li>::after {
        z-index: 2;
        border-left-color: inherit
    }
    .cd-breadcrumb.triangle li:last-of-type::after,
    .cd-breadcrumb.triangle li:last-of-type>::after {
        display: none
    }
    .cd-breadcrumb.triangle.custom-separator li::after {
        background-image: none
    }
    .cd-breadcrumb.triangle.custom-icons li::after,
    .cd-breadcrumb.triangle.custom-icons li>::after {
        border-top-width: 25px;
        border-bottom-width: 25px
    }
    @-moz-document url-prefix() {
        .cd-breadcrumb.triangle li::after,
        .cd-breadcrumb.triangle li>::after {
            border-left-style: dashed
        }
    }
    .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before,
    .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before,
    .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before,
    .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before {
        background-position: 0 -40px
    }
    .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before,
    .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before,
    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before,
    .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before {
        background-position: -20px -40px
    }
    .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before,
    .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before,
    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before,
    .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before {
        background-position: -40px -40px
    }
    .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before,
    .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before,
    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before,
    .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before {
        background-position: -60px -40px
    }
    .cd-multi-steps {
        background-color: transparent;
        padding: 0;
        text-align: center
    }
    .cd-multi-steps li {
        position: relative;
        float: none;
        margin: .4em 9px .4em 0!important
    }
    .cd-multi-steps li:last-of-type {
        margin-right: 0
    }
    .cd-multi-steps li::after {
        position: absolute;
        content: '';
        height: 4px;
        background: #edeff0;
        margin: 0
    }
    .cd-multi-steps li.visited::after {
        background-color: #96c03d
    }
    .cd-multi-steps li.current>*,
    .cd-multi-steps li>* {
        position: relative;
        color: #2c3f4c
    }
    .cd-multi-steps.custom-separator li::after {
        height: 4px;
        background: #edeff0
    }
    .cd-multi-steps.text-center li::after {
        width: 43%;
        top: 50%;
        left: 100%;
        -webkit-transform: translateY(-50%) translateX(-1px);
        -moz-transform: translateY(-50%) translateX(-1px);
        -ms-transform: translateY(-50%) translateX(-1px);
        -o-transform: translateY(-50%) translateX(-1px);
        transform: translateY(-50%) translateX(-1px)
    }
    .cd-multi-steps.text-center li>* {
        z-index: 1;
        padding: .6em 1em;
        border-radius: .25em;
        background-color: #edeff0
    }
    .no-touch .cd-multi-steps.text-center a:hover {
        background-color: #4f83b2
    }
    .cd-multi-steps.text-center li.current>*,
    .cd-multi-steps.text-center li.visited>* {
        color: #fff;
        background-color: #4f83b2
    }
    .cd-multi-steps.text-center.custom-icons li.visited a::before {
        background-position: 0 -60px
    }
    .cd-multi-steps.text-bottom li,
    .cd-multi-steps.text-top li {
        width: 80px;
        text-align: center
    }
    .cd-multi-steps.text-bottom li::after,
    .cd-multi-steps.text-top li::after {
        position: absolute;
        left: 50%;
        width: calc(100% + 40px)
    }
    .cd-multi-steps.text-bottom li>::before,
    .cd-multi-steps.text-top li>::before {
        content: '';
        position: absolute;
        z-index: 1;
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 12px;
        width: 12px;
        border-radius: 50%;
        background-color: #edeff0
    }
    .cd-multi-steps.text-bottom li.current>::before,
    .cd-multi-steps.text-bottom li.visited>::before,
    .cd-multi-steps.text-top li.current>::before,
    .cd-multi-steps.text-top li.visited>::before {
        background-color: #96c03d
    }
    .no-touch .cd-multi-steps.text-bottom a:hover,
    .no-touch .cd-multi-steps.text-top a:hover {
        color: #96c03d
    }
    .no-touch .cd-multi-steps.text-bottom a:hover::before,
    .no-touch .cd-multi-steps.text-top a:hover::before {
        box-shadow: 0 0 0 3px rgba(150, 192, 61, .3)
    }
    .cd-multi-steps.text-top li::after {
        bottom: 4px
    }
    .cd-multi-steps.text-top li>* {
        padding-bottom: 20px
    }
    .cd-multi-steps.text-top li>::before {
        bottom: 0
    }
    .cd-multi-steps.text-bottom li::after {
        top: 3px
    }
    .cd-multi-steps.text-bottom li>* {
        padding-top: 20px
    }
    .cd-multi-steps.text-bottom li>::before {
        top: 0
    }
}

.cd-multi-steps.count li {
    counter-increment: steps
}

.cd-multi-steps.count li>::before {
    content: counter(steps) " - "
}

@media only screen and (min-width:768px) {
    .cd-multi-steps.text-bottom.count li>::before,
    .cd-multi-steps.text-top.count li>::before {
        content: counter(steps);
        height: 26px;
        width: 26px;
        line-height: 26px;
        font-size: 1.4rem;
        color: #fff
    }
    .cd-multi-steps.text-bottom.count li:not(.current) em::before,
    .cd-multi-steps.text-top.count li:not(.current) em::before {
        color: #2c3f4c
    }
    .cd-multi-steps.text-top.count li::after {
        bottom: 11px
    }
    .cd-multi-steps.text-top.count li>* {
        padding-bottom: 34px
    }
    .cd-multi-steps.text-bottom.count li::after {
        top: 11px
    }
    .cd-multi-steps.text-bottom.count li>* {
        padding-top: 34px
    }
}

.upper-training-nav2 {
    margin-left: -4.8%;
    width: 100%
}

.cd-multi-steps.text-center li a {
    text-decoration: none;
    color: #b8b6b6
}

.cd-multi-steps.text-center li a:hover {
    font-weight: 700
}

#current-upper-nav-dc,
#current-upper-nav-enterprise,
#current-upper-nav-home {
    background-color: #4f83b2;
    color: #fff;
    font-weight: 700
}

#current-upper-nav-iai {
    background-color: #20a6b8;
    color: #fff;
    font-weight: 700
}

#current-upper-nav-ic,
#current-upper-nav-oem {
    background-color: #d0a529;
    color: #fff;
    font-weight: 700
}

.cd-multi-steps.text-center li a#upper-nav-dc:hover,
.cd-multi-steps.text-center li a#upper-nav-enterprise:hover {
    background-color: #4f83b2;
    font-weight: 700
}

.cd-multi-steps.text-center li a#upper-nav-iai:hover {
    background-color: #20a6b8;
    font-weight: 700
}

.cd-multi-steps.text-center li a#upper-nav-ic:hover,
.cd-multi-steps.text-center li a#upper-nav-oem:hover {
    background-color: #d0a529;
    font-weight: 700
}

.training-events-content {
    float: left;
    margin-left: 5%;
    margin-top: 0;
    width: 95.4%
}

.whitepaper-titles-dc,
.whitepaper-titles-iai,
.whitepaper-titles-ic {
    color: #919191;
    float: left;
    width: 57%;
    font-size: 11px;
    margin-top: 7.2%
}

.bluevolt-content {
    width: 100%
}

.bluevolt-img {
    width: 36%;
    float: left
}

.bluevolt-link {
    width: 60%;
    float: right
}

.bluevolt-button-dc,
.bluevolt-button-iai,
.bluevolt-button-ic {
    width: 66%;
    padding: 1%;
    color: #000;
    background: #e3dede;
    border-radius: 2px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .15);
    margin-left: 18%;
    cursor: pointer
}

.bluevolt-button-iai:hover {
    background: #20a6b8
}

.bluevolt-button-ic:hover {
    background: #d0a429
}

.bluevolt-button-dc:hover {
    background: #4f83b2!important
}

.bluevolt-button-iai a {
    color: #000;
    text-align: center
}

.bluevolt-button-iai a:hover {
    background: #20a6b8;
    color: #fff!important;
    font-weight: 700
}

.bluevolt-button-ic a {
    color: #000;
    text-align: center;
    margin-left: 33%
}

.bluevolt-button-dc a {
    color: #000;
    text-align: center;
    margin-left: 31%
}

.bluevolt-button-dc a:hover,
.bluevolt-button-ic a:hover {
    font-weight: 700;
    color: #fff!important;
    text-decoration: none
}

.bluevolt-button-ic a:hover {
    background: #d0a429
}

.bluevolt-button-dc a:hover {
    background: #4f83b2
}

.now-playing-status {
    background: url(http://psitesinternal.com/assets/img/now-playing-arrow3.png) 38% 53% no-repeat #bc141a;
    bottom: 75%;
    color: #fff;
    font-weight: 700;
    position: absolute;
    width: 22.2%;
    display: block;
    float: left;
    height: 28.3px;
    left: -15%
}

.bluevolt-text {
    font-size: 23px;
    line-height: 1.1em;
    margin-left: 17%;
    display: block
}

.cd-main-content:after,
.cd-tab-filter-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.youtube-content {
    width: 100%;
    height: 100%
}

.youtube-container-holder {
    height: 384px;
    float: left;
    width: 77%
}

.whitepaper-titles-iai:hover {
    color: #20a6b8;
    font-weight: 700
}

.whitepaper-titles-dc:hover {
    color: #4f83b2;
    font-weight: 700
}

.whitepaper-titles-ic:hover {
    color: #d0a429;
    font-weight: 700
}

.training-box-lower-header-data-center a:hover,
.training-box-lower-header-enterprise a:hover,
.training-box-lower-header-ia a:hover,
.training-box-lower-header-ic a:hover,
.training-box-lower-header-oem a:hover {
    text-decoration: none!important
}

p.training-box-lower-header-data-center,
p.training-box-lower-header-enterprise,
p.training-box-lower-header-ia,
p.training-box-lower-header-ic,
p.training-box-lower-header-oem {
    font-size: 22px!important;
    line-height: 1.1em;
    font-weight: 700
}

.all-other-yt-vid-holder {
    margin-left: -26%;
    width: 100%
}

.all-other-yt-vid-holder2 {
    margin-left: -28%;
    width: 100%;
    float: left;
    margin-top: 6px
}

.cd-header {
    position: relative;
    height: 150px;
    background-color: #331d35
}

.cd-header h1 {
    color: #fff;
    line-height: 150px;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 300
}

@media only screen and (min-width:960px) {
    .cd-header {
        height: 180px
    }
    .cd-header h1 {
        line-height: 180px
    }
}

.cd-main-content {
    position: relative;
    width: 960px;
    margin-top: 45px!important
}

.cd-main-content.is-fixed .cd-tab-filter-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.cd-main-content.is-fixed .cd-gallery {
    padding-top: 76px
}

.cd-main-content.is-fixed .cd-filter {
    position: fixed;
    height: 100vh;
    overflow: hidden
}

.cd-main-content.is-fixed .cd-filter form {
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.cd-main-content.is-fixed .cd-filter-trigger {
    position: fixed
}

@media only screen and (min-width:768px) {
    .cd-main-content.is-fixed .cd-gallery {
        padding-top: 90px
    }
}

@media only screen and (min-width:960px) {
    .cd-main-content.is-fixed .cd-gallery {
        padding-top: 100px
    }
}

.cd-tab-filter-wrapper {
    background-color: #fff;
    height: 48px;
    z-index: 1
}

.cd-filter-block .cd-select::after,
.cd-filter-block h4::before,
.cd-filter::before,
.cd-tab-filter::after {
    content: ''
}

.cd-tab-filter {
    position: relative;
    height: 50px;
    width: 140px;
    margin: 0 auto;
    z-index: 1
}

.cd-tab-filter::after {
    position: absolute;
    right: 14px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/cd-icon-arrow.svg) center center no-repeat;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    pointer-events: none
}

.cd-tab-filter ul {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    box-shadow: inset 0 -2px 0 #41307c;
    margin-left: -1%!important
}

.cd-tab-filter li {
    display: none
}

.cd-tab-filter li:first-child,
.cd-tab-filter.is-open ul li {
    display: block
}

.cd-tab-filter a {
    display: block;
    width: 140px;
    padding-left: 14px;
    font-size: 13px
}

.cd-tab-filter a.selected {
    background: #41307c;
    color: #fff
}

.cd-tab-filter.is-open::after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.cd-tab-filter.is-open ul {
    box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, .2)
}

.cd-tab-filter.is-open .placeholder a {
    opacity: .4
}

@media only screen and (min-width:768px) {
    .cd-tab-filter a,
    .cd-tab-filter ul li.filter2 {
        padding: 0 1em;
        width: auto;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 13px
    }
    .cd-tab-filter {
        width: auto;
        cursor: auto
    }
    .cd-tab-filter::after {
        display: none
    }
    .cd-tab-filter ul {
        background: 0 0;
        position: static;
        box-shadow: none
    }
    .cd-tab-filter li {
        display: inline-block
    }
    .cd-tab-filter li.placeholder {
        display: none!important
    }
    .cd-tab-filter a,
    .cd-tab-filter.is-open ul li {
        display: inline-block
    }
    .cd-tab-filter ul li.filter2 {
        display: inline-block;
        color: #d0a529
    }
    .cd-tab-filter a {
        color: #9a9a9a
    }
    .no-touch .cd-tab-filter a:hover {
        color: #d0a529
    }
    .cd-tab-filter a.selected {
        background: 0 0;
        color: #d0a529;
        box-shadow: inset 0 -2px 0 #d0a529
    }
}

@media only screen and (min-width:960px) {
    .cd-tab-filter {
        width: 100%;
        float: right;
        margin: 0;
        -webkit-transition: width .3s;
        -moz-transition: width .3s;
        transition: width .3s
    }
    .cd-tab-filter.filter-is-visible {
        width: 80%
    }
}

.cd-filter-block,
.cd-gallery li {
    margin-bottom: 1.6em
}

.cd-gallery {
    width: 960px
}

.cd-gallery li {
    display: block
}

.cd-gallery li.gap {
    opacity: 0;
    height: 0;
    display: inline-block
}

.cd-gallery img {
    display: block;
    width: 100%
}

.cd-gallery .cd-fail-message {
    display: none;
    text-align: center
}

@media only screen and (min-width:768px) {
    .cd-gallery li {
        width: 48%;
        margin-bottom: 2em
    }
}

@media only screen and (min-width:960px) {
    .cd-gallery {
        -webkit-transition: width .3s;
        -moz-transition: width .3s;
        transition: width .3s
    }
    .cd-gallery li {
        width: 20%;
        height: auto
    }
    .cd-gallery.filter-is-visible {
        width: 80%
    }
}

.cd-filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    box-shadow: 4px 4px 20px transparent;
    z-index: 2;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .3s, box-shadow .3s;
    -moz-transition: -moz-transform .3s, box-shadow .3s;
    transition: transform .3s, box-shadow .3s
}

.cd-filter::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background-color: #d0a529;
    z-index: 2
}

.cd-filter .cd-close,
.cd-filter-trigger {
    position: absolute;
    top: 0;
    height: 50px;
    line-height: 50px;
    z-index: 3
}

.cd-filter form {
    padding: 70px 20px
}

.cd-filter .cd-close {
    right: 0;
    width: 60px;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    background: #d0a529;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.no-touch .cd-filter .cd-close:hover {
    background: #d0a529
}

.cd-filter.filter-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, .2)
}

.cd-filter-block .cd-select::after,
.cd-filter-block h4::before {
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    height: 16px
}

.cd-filter.filter-is-visible .cd-close {
    opacity: 1
}

@media only screen and (min-width:960px) {
    .cd-filter {
        width: 20%
    }
    .cd-filter form {
        padding: 70px 10%
    }
}

.cd-filter-trigger {
    left: 0;
    width: 60px;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
    background: url(http://wwwdev.panduit.com/ccurl/371/588/oem-filter-icon.png) center center no-repeat
}

.cd-filter-trigger.filter-is-visible {
    pointer-events: none
}

@media only screen and (min-width:960px) {
    .cd-filter-trigger {
        width: auto;
        left: 2%;
        text-indent: 0;
        color: #9a9a9a;
        text-transform: uppercase;
        font-size: 1.3rem;
        font-weight: 700;
        padding-left: 24px;
        background-position: left center;
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        transition: color .3s
    }
    .no-touch .cd-filter-trigger:hover {
        color: #d0a529
    }
    .cd-filter-trigger.filter-is-visible,
    .cd-filter-trigger.filter-is-visible:hover {
        color: #fff
    }
}

.cd-filter-block h4 {
    position: relative;
    margin-bottom: .2em;
    padding: 10px 0 10px 20px;
    color: #9a9a9a;
    font-weight: 700;
    font-size: 1.3rem;
    user-select: none;
    cursor: pointer
}

.no-touch .cd-filter-block h4:hover {
    color: #d0a529
}

.cd-filter-block h4::before {
    position: absolute;
    left: 0;
    width: 16px;
    background: url(../img/cd-icon-arrow.svg) center center no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

.cd-filter-block h4.closed::before {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::before,
.cd-filter-block input,
.cd-filter-block select {
    font-family: "Open Sans", sans-serif;
    border-radius: 0;
    background-color: #fff;
    border: 2px solid #e6e6e6
}

.cd-filter-block input[type=search],
.cd-filter-block input[type=text],
.cd-filter-block select {
    width: 100%;
    padding: .8em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none
}

.cd-filter-block input[type=search]:focus,
.cd-filter-block input[type=text]:focus,
.cd-filter-block select:focus {
    outline: 0;
    background-color: #fff;
    border-color: #41307c
}

.cd-filter-block input[type=search] {
    border-color: transparent;
    background-color: #e6e6e6;
    font-size: 1.6rem!important
}

.cd-filter-block input[type=search]::-webkit-search-cancel-button {
    display: none
}

.cd-filter-block .cd-select {
    position: relative
}

.cd-filter-block .cd-select::after {
    position: absolute;
    z-index: 1;
    right: 14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 16px;
    background: url(../img/cd-icon-arrow.svg) center center no-repeat;
    pointer-events: none
}

.cd-filter-block select {
    cursor: pointer;
    font-size: 1.4rem
}

.cd-filter-block select::-ms-expand {
    display: none
}

.cd-filter-block .list li {
    position: relative;
    margin-bottom: .8em
}

.cd-filter-block .list li:last-of-type {
    margin-bottom: 0
}

.cd-filter-block input[type=checkbox],
.cd-filter-block input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2
}

.cd-filter-block .checkbox-label,
.cd-filter-block .radio-label {
    padding-left: 24px;
    font-size: 1.4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cd-filter-block .checkbox-label::after,
.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::after,
.cd-filter-block .radio-label::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cd-container:after,
.cd-slider-wrapper:after {
    clear: both;
    content: ""
}

.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::before {
    width: 16px;
    height: 16px;
    left: 0
}

.cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::after {
    display: none
}

.cd-filter-block .checkbox-label::after {
    width: 16px;
    height: 16px;
    background: url(../img/cd-icon-check.svg) center center no-repeat
}

.cd-filter-block .radio-label::after,
.cd-filter-block .radio-label::before {
    border-radius: 50%
}

.cd-filter-block .radio-label::after {
    width: 6px;
    height: 6px;
    background-color: #fff;
    left: 5px
}

.cd-filter-block input[type=checkbox]:checked+label::before,
.cd-filter-block input[type=radio]:checked+label::before {
    border-color: #d0a529;
    background-color: #d0a529
}

.cd-filter-block input[type=checkbox]:checked+label::after,
.cd-filter-block input[type=radio]:checked+label::after {
    display: block
}

@-moz-document url-prefix() {
    .cd-filter-block .cd-select::after {
        display: none
    }
}

.cd-slider-wrapper li {
    display: block;
    width: 100%
}

.cd-item-action li {
    box-shadow: none
}

.quick-view-description {
    font-size: 14px;
    width: 57%;
    float: right
}

.cd-container {
    max-width: 1170px
}

.cd-container:after {
    display: table
}

.cd-item {
    position: relative;
    margin: 0 0 1em
}

.cd-item>img {
    display: block;
    width: 100%
}

.cd-quick-view {
    position: relative;
    z-index: 9999
}

@media only screen and (min-width:768px) {
    .cd-item {
        width: 48%;
        float: left;
        margin: 0 4% 2em 0
    }
}

@media only screen and (min-width:1024px) {
    body.overlay-layer::after {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s
    }
    .cd-item {
        width: 22%;
        float: left;
        margin: 0 4% 2.8em 0;
        height: 243px!important
    }
    .cd-item.empty-box::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff
    }
}

img.cd-trigger {
    cursor: pointer
}

.cd-trigger {
    width: 100%;
    left: 0;
    text-align: center;
    color: #000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s, background-color .2s;
    -moz-transition: opacity .2s, background-color .2s;
    transition: opacity .2s, background-color .2s;
    display: block;
    font-size: 14px
}

.cd-trigger:hover {
    color: #d0a529;
    font-weight: 700
}

@media only screen and (min-width:1170px) {
    .cd-trigger,
    .no-touch .cd-item:hover .cd-trigger,
    .touch .cd-item .cd-trigger {
        opacity: 1
    }
}

.cd-quick-view {
    display: none
}

@media only screen and (min-width:1024px) {
    .cd-trigger {
        visibility: visible;
        opacity: 1
    }
    .cd-quick-view {
        display: block;
        position: fixed;
        max-width: 900px;
        visibility: hidden;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: left, top, width;
        z-index: 9999
    }
    .cd-quick-view:after {
        content: "";
        display: table;
        clear: both
    }
    .cd-quick-view.is-visible {
        visibility: visible
    }
    .cd-quick-view.animate-width {
        background-color: #fff;
        box-shadow: 0 0 30px rgba(0, 0, 0, .2);
        -webkit-transition: box-shadow .3s;
        -moz-transition: box-shadow .3s;
        transition: box-shadow .3s
    }
}

.cd-slider-wrapper {
    position: relative;
    display: inline-block;
    float: left;
    width: 40%
}

.cd-slider-wrapper:after {
    display: table
}

.cd-slider {
    float: left
}

.cd-slider li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.cd-slider li img {
    display: block;
    width: 100%;
    max-width: 600px
}

.cd-slider li.selected {
    position: relative;
    z-index: 3
}

.add-content .cd-slider {
    margin-right: 3em
}

.cd-slider-navigation {
    opacity: 0
}

.add-content .cd-slider-navigation {
    opacity: 1
}

.cd-slider-navigation li {
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3
}

#cd-quick-view-coverlay,
.lj-preloader {
    bottom: 0;
    right: 0;
    position: fixed;
    top: 0
}

.cd-slider-navigation li:first-child {
    left: 0
}

.cd-slider-navigation li:last-child {
    right: 3em
}

.cd-slider-navigation li a {
    display: block;
    width: 40px;
    height: 50px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    opacity: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .2s, background .2s;
    -moz-transition: opacity .2s, background .2s;
    transition: opacity .2s, background .2s
}

.cd-slider-navigation li a::after,
.cd-slider-navigation li a::before {
    position: absolute;
    top: 18px;
    left: 14px;
    display: inline-block;
    background: #fff;
    height: 3px;
    width: 12px
}

.cd-slider-navigation li a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cd-slider-navigation li a::after {
    -webkit-transform: translateY(7px) rotate(-45deg);
    -moz-transform: translateY(7px) rotate(-45deg);
    -ms-transform: translateY(7px) rotate(-45deg);
    -o-transform: translateY(7px) rotate(-45deg);
    transform: translateY(7px) rotate(-45deg)
}

.add-content .cd-slider-navigation li a {
    opacity: .2
}

.no-touch .cd-slider-navigation li a:hover {
    background: rgba(71, 55, 78, .8);
    opacity: 1
}

.touch .cd-slider-navigation li a {
    opacity: 1
}

.cd-slider-navigation li:first-child a::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.cd-slider-navigation li:first-child a::after {
    -webkit-transform: translateY(7px) rotate(45deg);
    -moz-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    -o-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg)
}

.cd-item-info {
    position: absolute;
    padding: 3em 3em 3em 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s, visibility 0s;
    -moz-transition: opacity .3s, visibility 0s;
    transition: opacity .3s, visibility 0s
}

.cd-item-info h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.1em
}

.cd-item-info p {
    line-height: 1.1;
    margin: 1em 0
}

.cd-item-info .cd-item-action li {
    display: inline-block;
    margin-right: 1em
}

.cd-item-info .cd-item-action li:first-child {
    margin-left: -4px
}

.cd-item-info .add-to-cart {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: .25em;
    border: none;
    padding: .6em 1.2em;
    background-color: #d0a529;
    color: #000;
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    cursor: pointer;
    clear: both;
    margin: 2% 38% 30px 0
}

.vatican-headline,
.vatican-subheadline {
    font-family: Roboto, Arial;
    text-align: left
}

.add-content .cd-item-info {
    position: relative;
    visibility: visible;
    opacity: 1
}

.add-content .cd-item-info h2 {
    -webkit-animation: cd-slide-in .3s;
    -moz-animation: cd-slide-in .3s;
    animation: cd-slide-in .3s
}

.add-content .cd-item-info p {
    -webkit-animation: cd-slide-in .4s;
    -moz-animation: cd-slide-in .4s;
    animation: cd-slide-in .4s
}

.add-content .cd-item-info .cd-item-action {
    -webkit-animation: cd-slide-in .5s;
    -moz-animation: cd-slide-in .5s;
    animation: cd-slide-in .5s
}

@-webkit-keyframes cd-slide-in {
    0% {
        -webkit-transform: translate3d(-40px, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes cd-slide-in {
    0% {
        -moz-transform: translate3d(-40px, 0, 0)
    }
    100% {
        -moz-transform: translate3d(0, 0, 0)
    }
}

@keyframes cd-slide-in {
    0% {
        -webkit-transform: translate3d(-40px, 0, 0);
        -moz-transform: translate3d(-40px, 0, 0);
        -ms-transform: translate3d(-40px, 0, 0);
        -o-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.cd-close2 {
    position: absolute;
    top: 10px;
    right: -4px;
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #cacaca;
    white-space: nowrap;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s 0s, visibility 0s .3s;
    -moz-transition: -moz-transform .3s 0s, visibility 0s .3s;
    transition: transform .3s 0s, visibility 0s .3s;
    z-index: 9999
}

.cd-close2::after,
.cd-close2::before {
    position: absolute;
    top: 12px;
    left: 5px;
    display: inline-block;
    height: 4px;
    width: 20px;
    background: #47374e;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.lj-overlay,
.lj-preloader {
    left: 0;
    height: 100%;
    width: 100%
}

.cd-close2::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cd-close2::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.no-touch .cd-close2:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.add-content .cd-close2 {
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s 0s, visibility 0s 0s;
    -moz-transition: -moz-transform .3s 0s, visibility 0s 0s;
    transition: transform .3s 0s, visibility 0s 0s
}

.quick-view-content {
    display: none
}

#cd-quick-view-coverlay {
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, .6);
    z-index: 999;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    opacity: 0;
    display: none
}

#cd-quick-view-coverlay.overlay_active {
    display: block;
    opacity: 1
}

strong {
    font-weight: 700
}

.parts-title,
.parts-title2 {
    width: 960px;
    font-size: 20px!important;
    font-weight: 700!important
}

.quick-build-part-numbers {
    float: right;
    clear: both;
    margin-right: 32.3%
}

.parts-title {
    background-color: #d0a529;
    padding: 1%;
    margin: 0 auto
}

.cd-gallery ul,
li.cd-item,
li.gap {
    margin: 0!important;
    padding: 0!important
}

li.cd-item,
li.gap {
    list-style-type: none!important
}

.cd-filters li.filter {
    background: 0 0!important
}

.parts-title2 {
    background-color: #d0a529;
    padding: 1%;
    margin: 0 auto
}

.upper-vatican-content-holder,
.upper-vatican-content-holder2 {
    background: url(http://digimktg-dev.panduit.com/vatican/img/Biblioteca-Vaticana-07.jpg) no-repeat #d0a529;
    width: 100%
}

.learn-more-quick-build {
    float: left;
    margin: -24.5% 2%
}

.bluevolt-button-dc p {
    margin-top: 4px
}

#blue-volt-link-ic {
    margin-left: 23%
}

.vatican-headline {
    font-size: 30px
}

.vatican-subheadline {
    font-size: 17px;
    margin-bottom: 30px;
    line-height: 1.3em;
    margin-top: 22px
}

.vatican-content {
    width: 100%
}

.vatican-content-hero {
    float: left;
    width: 30%
}

.vatican-upper-content-right,
.vatican-upper-content-right2 {
    font-family: Roboto, Arial;
    float: right;
    padding: 2%;
    color: #fff;
    margin-right: 0
}

.vatican-upper-content-right {
    width: 54%;
    margin-top: 6%
}

.vatican-upper-content-right2 {
    width: 50%;
    margin-top: -3%
}

.lj-tabs-title,
.lj-team-title {
    width: 98%!important
}

.upper-vatican-content-holder {
    height: 430px
}

.upper-vatican-content-holder2 {
    height: 500px
}

.gold_border {
    width: 100%;
    border-bottom: 2px solid #84776f
}

.vatican-btn,
.vatican-btn:hover {
    color: #fff;
    border: 2px solid #fff
}

.vatican-btn {
    padding: 3%;
    line-height: 42px;
    margin-left: 35%;
    cursor: pointer
}

.vatican-content-hero img {
    margin: 14% 10%!important
}

.vatican-upper-content-right ul li {
    list-style-type: disc;
    font-size: 15px;
    margin-top: 15px
}

.vatican-caption {
    font-weight: 400!important
}

.lj-tabs-box {
    width: 60%!important
}

.vatican-caption a {
    display: block!important;
    color: #fff!important;
    font-size: 13px!important;
    line-height: 1.3em!important;
    width: 88%!important;
    margin-left: 7%!important;
    margin-top: 3%!important
}

.lj-footer-contact a,
.lj-footer-contact a:hover {
    color: #fff
}

.lj-float-left {
    float: left
}

.lj-float-right {
    float: right
}

.lj-block-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.lj-show {
    display: block!important
}

.lj-hide {
    display: none!important;
    visibility: hidden!important
}

.lj-preloader {
    background: url(../img/preloader.svg) center center no-repeat #c0c7da;
    overflow: hidden;
    z-index: 99999
}

p {
    line-height: 1.5
}

.lj-text-center {
    text-align: center
}

.lj-text-left {
    text-align: left
}

.lj-text-right {
    text-align: right
}

.lj-text-justify {
    text-align: justify
}

.lj-text-underline {
    text-decoration: underline
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .lj-logo-1x {
        display: none!important
    }
    .lj-logo-2x {
        display: block!important
    }
}

header {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #fff!important
}

header>.container {
    position: relative;
    padding-top: 100px;
    padding-bottom: 200px
}

.lj-overlay {
    position: absolute;
    top: 0
}

.lj-background-repeat {
    background-repeat: repeat
}

.lj-background-no-repeat {
    background-repeat: no-repeat
}

.lj-overlay-none {
    display: none;
    visibility: hidden
}

.lj-overlay-image {
    background-image: url(../img/lines.png);
    background-repeat: repeat
}

.lj-overlay-color {
    background-color: rgba(255, 255, 255, .85)
}

.lj-overlay-gradient {
    background: -moz-linear-gradient(215deg, rgba(0, 204, 255, .8) 0, rgba(196, 255, 0, .8) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0, rgba(0, 204, 255, .8)), color-stop(100%, rgba(196, 255, 0, .8)));
    background: -webkit-linear-gradient(215deg, rgba(0, 204, 255, .8) 0, rgba(196, 255, 0, .8) 100%);
    background: -o-linear-gradient(215deg, rgba(0, 204, 255, .8) 0, rgba(196, 255, 0, .8) 100%);
    background: -ms-linear-gradient(215deg, rgba(0, 204, 255, .8) 0, rgba(196, 255, 0, .8) 100%);
    background: linear-gradient(215deg, rgba(0, 204, 255, .8) 0, rgba(196, 255, 0, .8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ccff', endColorstr='#c4ff00', GradientType=1) progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/1x1.png');
    pointer-events: none
}

.mobile .mbYTP_wrapper,
.tablet .mbYTP_wrapper {
    z-index: -1!important
}

.mobile .yt-controls,
.tablet .yt-controls {
    display: none
}

.lj-title>span {
    color: #576077;
    font-weight: 600
}

.lj-title h1 {
    font-size: 4em;
    font-weight: 300;
    color: #576077;
    margin: 0;
    word-wrap: break-word
}

.lj-title h1 strong {
    color: #576077;
    font-weight: 700
}

.lj-title-paragraph {
    margin-top: 25px
}

.lj-title-paragraph p {
    color: #576077;
    margin: 0
}

.vatican-tabs {
    padding: 25px 0 0
}

.vatican-tabs .container {
    width: 970px
}

.lj-tabs-title span {
    color: #000;
    font-weight: 600;
    font-size: 15px
}

.lj-tabs-title h3 {
    font-size: 1.2em;
    font-weight: 300;
    color: #58595b;
    margin: 0;
    line-height: 1.3em;
    font-style: italic
}

.lj-tabs-title h3 strong {
    color: #d0a529;
    font-weight: 600
}

.lj-tabs-paragraph p {
    color: #576077;
    margin: 25px 0 0
}

.lj-tabs-photo img {
    max-width: 100%;
    margin: 50px 0 0;
    display: none
}

.lj-tabs,
.lj-tabs li {
    display: inline-block;
    margin-left: 0!important
}

.lj-tabs {
    margin-top: 50px;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    width: 100%
}

.lj-tabs li {
    color: #576077;
    font-weight: 600;
    padding: 0 25px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    box-shadow: inset 0 -2px #d1d3d2;
    transition: all 125ms ease-in-out 0s;
    -moz-transition: all 125ms ease-in-out 0s;
    -webkit-transition: all 125ms ease-in-out 0s;
    -o-transition: all 125ms ease-in-out 0s;
    -ms-transition: all 125ms ease-in-out 0s;
    width: 25%
}

.lj-tabs li:hover {
    box-shadow: inset 0 -2px #74777b
}

.lj-tabs li.lj-tabs-active {
    color: #d0a529;
    box-shadow: inset 0 -2px #d0a529
}

.lj-tabs-content>div {
    display: none
}

.lj-tabs-content p {
    line-height: 1.5em;
    width: 95%
}

.lj-tabs-person p {
    color: #c0c7da;
    font-weight: 600
}

.lj-tabs-person span {
    text-transform: none
}

.team {
    padding: 25px 0
}

.lj-team-title span {
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px
}

.lj-team-title h3 {
    font-size: 1.2em;
    font-weight: 300;
    color: #58595b;
    margin: 0;
    line-height: 1.3em;
    font-style: italic
}

.lj-team-title {
    width: 85%
}

.lj-team-person div,
.lj-team-person img {
    display: block;
    width: 100%;
    -webkit-backface-visibility: hidden;
    position: relative
}

.lj-team-title h3 strong {
    color: #576077;
    font-weight: 600
}

.lj-team {
    margin-top: 50px
}

.lj-team .row {
    margin-bottom: 30px
}

.lj-team .row:last-child {
    margin-bottom: 0
}

.lj-team-person {
    margin: 0;
    position: relative;
    transition: all 125ms ease-in-out 0s;
    -moz-transition: all 125ms ease-in-out 0s;
    -webkit-transition: all 125ms ease-in-out 0s;
    -o-transition: all 125ms ease-in-out 0s;
    -ms-transition: all 125ms ease-in-out 0s
}

.lj-team-person img {
    max-width: 100%;
    z-index: 10;
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    transition: transform .4s
}

.lj-team-person:hover img {
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
    z-index: 20
}

.lj-team-person:hover div {
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
    z-index: 19
}

.lj-team-person div {
    background: #d0a529;
    color: #fff;
    height: 150px;
    padding: 50px 0 20px;
    top: auto;
    bottom: 0;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    transition: transform .4s;
    text-align: center;
    -webkit-border-bottom-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px
}

.lj-team-person div p {
    margin: -120px 0 31px!important;
    line-height: 14px;
    font-weight: 600;
    font-size: 1.1em;
    float: left
}

.lj-team-person div p:last-child {
    margin: 0
}

.lj-team-person div a {
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    color: #c0c7da;
    font-size: 1.25em
}

.lj-team-person div a:hover {
    color: #747d93
}

.testimonials {
    background-color: #f4f5f9;
    padding: 100px 0
}

.lj-testimonials-title span {
    color: #c0c7da;
    font-weight: 600;
    text-transform: uppercase
}

.lj-testimonials-title h3 {
    font-size: 3em;
    font-weight: 300;
    color: #576077;
    margin: 0
}

.lj-testimonials-title h3 strong {
    color: #576077;
    font-weight: 600
}

.lj-testimonials-paragraph p {
    color: #576077;
    margin: 25px 0 0
}

.lj-testimonials>div {
    margin-top: 50px;
    width: 100%
}

.lj-testimonials blockquote {
    position: relative;
    font-size: .9em;
    margin: 0 20px 20px;
    padding: 20px;
    color: #fff;
    background-color: #c0c7da;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.lj-testimonials blockquote:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #c0c7da transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -10px;
    left: 50px
}

.lj-testimonials>div img {
    margin-left: 40px;
    width: 75px;
    height: 75px;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    border-radius: 75px;
    display: inline-block;
    vertical-align: top
}

.lj-testimonials>div p {
    display: inline-block;
    color: #576077;
    font-size: .9em;
    margin: 15px 0 0 10px;
    text-align: left
}

.lj-testimonials>div p strong {
    text-transform: uppercase;
    font-weight: 600;
    display: block
}

.slick-dots li button:hover,
.slick-dots li.slick-active button {
    background-color: #50bae2;
    border: 2px solid #50bae2
}

.slick-dots li button {
    background-color: transparent;
    border: 2px solid #c1c8db
}

.vatican-footer,
.vatican-footer:hover {
    background-color: #84776f
}

.vatican-footer {
    color: #fff;
    font-size: .9em;
    margin-left: 22%;
    padding: 4%;
    position: relative;
    width: 48%;
    margin-bottom: 50px
}

.lj-footer-contact {
    margin-left: 18%;
    margin-top: -2%;
    font-weight: 700;
    width: 100%;
    cursor: pointer
}

.lj-footer-title span {
    color: #c0c7da;
    font-weight: 600;
    text-transform: uppercase
}

.lj-footer-title h3 {
    font-size: 3em;
    font-weight: 300;
    color: #f7f8fc;
    margin: 0
}

.lj-footer-title h3 strong {
    color: #f7f8fc;
    font-weight: 600
}

.lj-footer-address {
    color: #c0c7da;
    margin-top: 50px
}

.lj-footer-address p {
    margin: 25px 0 0
}

.lj-footer-address p:first-child {
    margin: 0
}

.lj-footer-address strong {
    text-transform: uppercase;
    font-weight: 600
}

.lj-contact-message {
    height: 30px;
    line-height: 30px;
    padding: 0 25px;
    margin-bottom: 20px;
    color: #fff;
    font-size: .9em
}

.lj-contact-message i {
    margin-right: 5px
}

.lj-contact-message .fa-warning {
    color: #e25050
}

.lj-contact-message .fa-check {
    color: #43cb83
}

.lj-footer-contact input[type=submit],
.lj-footer-contact input[type=text],
.lj-footer-contact textarea {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
    transition: all 125ms ease-in-out 0s;
    -moz-transition: all 125ms ease-in-out 0s;
    -webkit-transition: all 125ms ease-in-out 0s;
    -o-transition: all 125ms ease-in-out 0s;
    -ms-transition: all 125ms ease-in-out 0s
}

.lj-footer-contact input[type=submit],
.lj-footer-contact input[type=text] {
    height: 60px;
    line-height: 56px;
    padding: 0 25px
}

.lj-footer-contact input[type=text],
.lj-footer-contact textarea {
    width: 100%;
    margin-bottom: 25px
}

.lj-footer-contact input[type=submit] {
    color: #50bae2;
    background-color: transparent;
    border: 2px solid #50bae2;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    padding: 0 25px
}

.lj-footer-contact input[type=submit]:hover {
    color: #fff;
    background-color: #fff;
    border: 2px solid #fff
}

.lj-footer-contact textarea {
    height: 230px;
    padding: 15px 25px;
    resize: none;
    vertical-align: top;
    overflow: hidden
}

.lj-footer-contact input[type=submit]:focus,
.lj-footer-contact input[type=text]:focus,
.lj-footer-contact textarea:focus {
    outline: 0;
    border: 2px solid #fff
}

.lj-footer-contact-right {
    text-align: right
}

@media (max-width:1199px) {
    .lj-tabs-photo {
        text-align: center
    }
    .lj-tabs-box {
        margin-bottom: 100px
    }
}

@media (max-width:991px) {
    .lj-team {
        margin-top: 20px
    }
    .lj-team .row {
        margin-bottom: 0
    }
    .lj-team-person {
        margin-top: 30px
    }
    .lj-team-person div p {
        font-size: .85em;
        margin: 0 0 10px
    }
}

@media (max-width:767px) {
    .lj-tabs li {
        padding: 0 15px
    }
    .lj-testimonial {
        margin-top: 25px
    }
}

@media (max-width:479px) {
    .lj-team-person div {
        height: 100px
    }
    .lj-team-person:hover div {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .lj-team-person div p:last-child {
        display: none
    }
}

.synapsense-content {
    width: 100%
}

.synapsense-container {
    width: 40%;
    left: 19%;
    position: absolute;
    top: 23.5%
}

.synapsense-container2 {
    right: 0;
    position: absolute;
    bottom: 9%;
    width: 100%;
    top: 101%;
    text-align: center
}

.synapsense-main-event {
    color: #fff!important;
    float: left!important;
    font-size: 1.4em!important;
    margin-bottom: 6px!important;
    margin-left: 12%!important;
    margin-top: 0!important
}

.synapsense-container2 ul {
    float: left
}

.synapsense-container2 ul li img {
    display: block;
    float: left;
    margin-right: 4%;
    margin-bottom: 5.6px
}

.synapsense-container2 ul li {
    list-style-type: none;
    clear: both;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.4em;
    text-align: left
}

.synapsense-container2 ul li a {
    text-decoration: none;
    color: #000;
    font-size: 11px;
    line-height: 1.3em;
    display: block
}

.synapsense-container3 {
    width: 21.4%;
    padding: 20px;
    left: 35.4%;
    position: fixed;
    top: 26.3%
}

.synapsense-other {
    height: 300px;
    color: #fff;
    margin-left: -54%
}

.pdf-icon {
    width: 18%
}

.panduit-logo-for-synapsense-event {
    position: absolute;
    bottom: 27.1%;
    width: 10%;
    left: 2%
}

.synapsense-social-icons {
    position: absolute;
    bottom: 27.1%;
    width: 10%;
    right: 2%
}

.synapsense-other div.synapsense-event-info {
    position: absolute;
    top: 10.6%;
    width: 15%;
    font-size: 12px;
    text-align: center;
    line-height: 1.5em
}

.synapsense-event-info span {
    font-size: 2.2em;
    color: #000;
    margin: 20px 0 -3px 29%;
    float: left
}

.synapsense-event-buttons span.synapsense-bookText {
    font-size: 3.2em;
    color: #000;
    text-transform: uppercase;
    margin: 6% 18%;
    float: left;
    width: 72%
}

.synapsense-other div a {
    color: #fff;
    text-decoration: underline
}

.synapsense-other div p {
    padding: 10px
}

.synapsense-other div img {
    display: inline
}

.synapsense-other div.social-icons img {
    margin-right: 5%!important
}

.synapsense-image-shrink {
    float: right;
    width: 40.9%;
    position: absolute;
    right: 19.8%
}

.synapsense-event-image {
    margin-top: 5.1px;
    width: 75%;
    position: relative;
    top: 9px;
    left: 15%
}

.synapsense-event-specifics,
.synapsense-event-specifics2 {
    line-height: 1.2em;
    margin-top: 1.3%;
    float: left;
    text-align: center
}

.synapsense-event-buttons {
    width: 50%;
    left: 23.1%;
    bottom: 9.1%;
    font-size: 11px;
    text-decoration: none;
    margin-left: 25%
}

.synapsense-event-buttons a,
.synapsense-event-buttons span.synapsense-a-btn {
    border-left: 1px solid #5d81ab;
    box-shadow: 1px 0 1px rgba(255, 255, 255, .4) inset;
    height: 100px;
    width: 29%;
    margin-right: 2%;
    text-decoration: none;
    color: #000
}

.synapsense-event-specifics2 {
    margin-left: 17.7%
}

.synapsense-event-buttons a span {
    font-weight: 400
}

.synapsense-youtube-container {
    display: block;
    width: 100%;
    border: 5px solid #58595b
}

.synapsense-youtube-player {
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: hand;
    cursor: pointer;
    display: block
}

img.synapsense-youtube-thumb {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    height: auto
}

div.synapsense-play-button {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url(http://i.imgur.com/TxzC70f.png) no-repeat
}

#youtube-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (min-width:1601px) and (max-width:1680px) {
    .other div.social-icons {
        width: 10%
    }
    .container2 {
        width: 30%
    }
}

.synapsense-cta {
    background-color: #385a78;
    position: absolute;
    bottom: 0;
    width: 99%;
    left: -1%;
    padding: 1%
}

.synapsense-a-btn {
    background: url(http://digimktg-dev.panduit.com/synapsense-landing-page/img/synapsense-data-center-grad.jpg);
    padding-left: 10px;
    height: 90px;
    display: inline-block;
    position: relative;
    border: 1px solid #80ab5d;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .8) inset, 1px 1px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, .8) inset, 1px 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(255, 255, 255, .8) inset, 1px 1px 3px rgba(0, 0, 0, .2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: left;
    margin: 10px 0;
    overflow: hidden;
    -webkit-transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out
}

.synapsense-a-btn img {
    position: absolute;
    left: 15px;
    top: 13px;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.synapsense-a-btn .synapsense-a-btn-slide-text {
    position: absolute;
    font-size: 36px;
    top: 18px;
    left: 18px;
    color: #6d954e;
    opacity: 0;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .4);
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.synapsense-a-btn-text {
    padding-top: 13px;
    display: block;
    font-size: 30px;
    text-shadow: 0 -1px 1px #80ab5d
}

.synapsense-a-btn-text small {
    display: block;
    font-size: 11px;
    letter-spacing: 1px
}

.synapsense-a-btn-icon-right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    border-left: 1px solid #006096;
    -webkit-box-shadow: 1px 0 1px rgba(255, 255, 255, .4) inset;
    -moz-box-shadow: 1px 0 1px rgba(255, 255, 255, .4) inset;
    box-shadow: 1px 0 1px rgba(255, 255, 255, .4) inset
}

.synapsense-a-btn-icon-right span {
    width: 38px;
    height: 38px;
    opacity: .7;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    border: 1px solid rgba(0, 0, 0, .5);
    background: url(../img/synapsense_arrow_down.png) center center no-repeat #4e5c50;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .3) inset, 0 1px 2px rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, .3) inset, 0 1px 2px rgba(255, 255, 255, .5);
    box-shadow: 0 1px 1px rgba(255, 255, 255, .3) inset, 0 1px 2px rgba(255, 255, 255, .5);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.synapsense-a-btn:hover {
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .8) inset, 1px 1px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, .8) inset, 1px 1px 5px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 1px rgba(255, 255, 255, .8) inset, 1px 1px 5px rgba(0, 0, 0, .4)
}

.synapsense-a-btn:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -ms-transform: scale(10);
    -o-transform: scale(10);
    transform: scale(10);
    opacity: 0
}

.synapsense-a-btn:hover .a-btn-icon-right span,
.synapsense-a-btn:hover .a-btn-slide-text {
    opacity: 1
}

.synapsense-a-btn:active {
    position: relative;
    top: 1px;
    background: #80ab5d;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .4) inset;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .4) inset;
    border-color: #a9db80
}

.synapsense-a-btn:active .a-btn-icon-right span {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4)
}

.iai-cd-container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding-top: 0
}

.iai-cd-container:after {
    content: "";
    display: table;
    clear: both
}

.iai-cd-item>img {
    display: block;
    width: 100%;
    cursor: pointer
}

.iai-cd-item {
    position: relative;
    width: 22%;
    float: left;
    margin: 0 4% 2.8em 0
}

.iai-cd-item:nth-child(2n) {
    margin-right: 4%
}

.iai-cd-item:nth-child(4n) {
    margin-right: 0
}

.iai-cd-item.empty-box::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #392c3f
}

.iai-cd-trigger {
    width: 100%;
    bottom: -10%;
    text-align: left;
    color: #000;
    -webkit-transition: opacity .2s, background-color .2s;
    -moz-transition: opacity .2s, background-color .2s;
    transition: opacity .2s, background-color .2s;
    font-size: 12.3px;
    display: block;
    margin-top: 10%;
    position: absolute
}

.no-touch .iai-cd-trigger:hover {
    font-weight: 700;
    color: #0092b3
}

.iai-cd-item-info {
    float: right;
    margin: 5% 0 3%;
    width: 48%;
    line-height: 1.1em
}

.iai-cd-item-info h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: .9em
}

.iai-cd-item-info p {
    line-height: 1.6;
    margin: 1em 0
}

.iai-cd-item-info p.iai-bullet-cleanup {
    line-height: 1.4em;
    margin: 0
}

.iai-cd-item-info p.footnote {
    font-size: 10px;
    font-style: italic
}

.iai-cd-item-info .cd-item-action li {
    display: inline-block;
    margin-right: 1em
}

.iai-cd-item-info .cd-item-action li:first-child {
    margin-left: -4px
}

.iai-cd-item-info .add-to-cart {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: .25em;
    border: none;
    padding: 1.1em 1.7em;
    background-color: #0092b3;
    color: #fff;
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-size: 1.4rem;
    cursor: pointer;
    width: 62%;
    display: block;
    margin-top: 10%
}

::-webkit-input-placeholder {
    color: #000;
    font-size: 13px
}

:-moz-placeholder {
    color: #000;
    opacity: 1;
    font-size: 13px;
    font-family: "Open Sans", sans-serif
}

::-moz-placeholder {
    color: #000;
    opacity: 1;
    font-size: 13px;
    font-family: "Open Sans", sans-serif
}

:-ms-input-placeholder {
    color: #000;
    font-size: 13px;
    font-family: "Open Sans", sans-serif
}

.table-bordered {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: separate;
    border-color: #ddd #ddd #ddd -moz-use-text-color;
    border-image: none;
    border-radius: 4px;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0
}

.table {
    margin-bottom: 20px;
    width: 100%
}

.table-bordered tbody:first-child tr:first-child>td:last-child,
.table-bordered thead:first-child tr:first-child>th:last-child {
    border-top-right-radius: 4px
}

.table-bordered tbody:first-child tr:first-child>td:first-child,
.table-bordered thead:first-child tr:first-child>th:first-child {
    border-top-left-radius: 4px
}

.table-bordered caption+tbody tr:first-child td,
.table-bordered caption+tbody tr:first-child th,
.table-bordered caption+thead tr:first-child th,
.table-bordered colgroup+tbody tr:first-child td,
.table-bordered colgroup+tbody tr:first-child th,
.table-bordered colgroup+thead tr:first-child th,
.table-bordered tbody:first-child tr:first-child td,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered thead:first-child tr:first-child th {
    border-top: 0 none
}

.table tbody tr.info td {
    background-color: #d9edf7
}

.table-striped tbody>tr:nth-child(2n+1)>td,
.table-striped tbody>tr:nth-child(2n+1)>th {
    background-color: #f9f9f9
}

.table-bordered td,
.table-bordered th {
    border-left: 1px solid #ddd
}

.table td,
.table th {
    border-top: 1px solid #ddd;
    line-height: 20px;
    padding: 8px;
    text-align: left;
    vertical-align: top
}

.content-reveal {
    display: none
}

.content-reveal2 {
    font-size: 1.3rem;
    line-height: 1.3em;
    padding: 2%;
    width: 100%;
    color: #58595b;
    float: left;
    bottom: 0;
    left: 75%;
    margin: -3% 0 15%;
    position: relative;
    font-style: italic
}

.added-to-comp-basket {
    color: red;
    font-weight: 700;
    font-style: italic;
    font-size: 11px
}

.for-form-cons,
.more-info-table td {
    font-size: 1.3rem
}

.for-form-cons {
    -moz-user-select: none;
    color: #000;
    display: block;
    line-height: 1.3em;
    width: 100%
}

.pagination-controle li {
    display: inline-block
}

#compare-border,
#compare-cover,
.modal {
    display: none
}

.pagination-centered button {
    font-size: 12px;
    cursor: pointer;
    background: #d0cbca;
    padding: 1%;
    color: #000;
    border: 1px solid #d0cbca;
    right: 0;
    bottom: 2%;
    float: right
}

#one-prod,
#two-prod {
    color: #fff;
    cursor: pointer
}

.modal,
.modal-backdrop {
    bottom: 0;
    right: 0;
    left: 0
}

.modal-body {
    padding: 0 20px;
    position: relative
}

.modal-backdrop {
    background-color: rgba(255, 255, 255, .7);
    position: fixed;
    top: 0;
    z-index: 1040
}

.modal-backdrop.in {
    opacity: .5
}

.fade.in {
    opacity: 1
}

.modal {
    outline: 0;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    top: 20%;
    z-index: 1050;
    height: auto;
    width: 60%;
    margin-left: 20%
}

.ins,
.modal-content,
.modal-dialog {
    position: relative
}

.modal-dialog {
    margin: 10px;
    width: auto
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0;
    height: 445px
}

.modal-header {
    min-height: 16.43px;
    padding: 15px
}

h2.modal-title {
    font-weight: 700
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right
}

#one-prod {
    background: url(http://digimktg-dev.panduit.com/iai/img/Registration-Headers-for-iai-960.jpg/img/check_on.png) 1% 118% no-repeat
}

#two-prod {
    background: url(http://digimktg-dev.panduit.com/iai/img/Registration-Headers-for-iai-960.jpg/img/check_off.png) 1% 118% no-repeat
}

#all-prod span,
#one-prod span,
#two-prod span {
    color: #fff!important
}

#all-prod {
    cursor: pointer
}

.ins {
    border: 1px solid #a1a1a1;
    padding: 10px 40px;
    background: #d0cbca;
    width: 15%;
    border-radius: 25px;
    font-size: .8em
}

.ins span {
    margin-left: -32%
}

.ins span#all-button {
    margin-left: 25%
}

.ins span#inf-button {
    margin-left: -28%
}

#for-prod-usage-req {
    float: left
}

.cd-filters li img,
.compare-button,
.iai-button-modal-close {
    cursor: pointer
}

.compare-status {
    padding: 1%
}

.iai-button-modal-close {
    float: right
}

.iai-search-text {
    margin-top: 2%
}

.iai-cd-tab-filter {
    position: relative;
    height: 50px;
    z-index: 1
}

.iai-cd-tab-filter::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/cd-icon-arrow.svg) center center no-repeat;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    pointer-events: none
}

.iai-cd-tab-filter ul {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    box-shadow: inset 0 -2px 0 #41307c
}

.iai-cd-tab-filter li {
    display: none
}

.iai-cd-tab-filter li:first-child,
.iai-cd-tab-filter.is-open ul li {
    display: block
}

.iai-cd-tab-filterr a {
    display: block;
    width: 140px;
    line-height: 50px;
    padding-left: 14px
}

.iai-cd-tab-filter a#copy-in-room.selected {
    background: #b4151d;
    color: #fff
}

.iai-cd-tab-filter a#copy-in-route.selected {
    color: #FFF;
    background: #662d91
}

.iai-cd-tab-filter a#copy-in-panel.selected {
    color: #FFF;
    background: #00894c
}

.iai-cd-tab-filter a#copy-in-field.selected {
    color: #FFF;
    background: #0076bb
}

.iai-cd-tab-filter a#copy-in-frastructure.selected {
    color: #FFF;
    background: #eda427
}

.iai-cd-tab-filter.is-open::after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.iai-cd-tab-filter.is-open ul {
    box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, .2)
}

.iai-cd-tab-filter.is-open .placeholder a {
    opacity: .4
}

@media only screen and (min-width:768px) {
    .iai-cd-tab-filter {
        width: auto;
        cursor: auto
    }
    .iai-cd-tab-filter::after {
        display: none
    }
    .iai-cd-tab-filter ul {
        background: 0 0;
        box-shadow: none;
        margin: 14% 5.7%!important;
        width: 100%
    }
    .iai-cd-tab-filter li {
        display: inline-block;
        width: 14.11%;
        margin-left: 0!important
    }
    .iai-cd-tab-filter li.placeholder {
        display: none!important;
        float: left
    }
    .iai-cd-tab-filter a,
    .iai-cd-tab-filter.is-open ul li {
        display: inline-block
    }
    .iai-cd-tab-filter a {
        padding: 0 1em;
        width: auto;
        color: #000;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 1.3rem
    }
    .no-touch .iai-cd-tab-filter a#copy-in-room:hover {
        color: #FFF;
        background: #b4151d
    }
    .no-touch .iai-cd-tab-filter a#copy-in-route:hover {
        color: #FFF;
        background: #662d91
    }
    .no-touch .iai-cd-tab-filter a#copy-in-panel:hover {
        color: #FFF;
        background: #00894c
    }
    .no-touch .iai-cd-tab-filter a#copy-in-field:hover {
        color: #FFF;
        background: #0076bb
    }
    .no-touch .iai-cd-tab-filter a#copy-in-frastructure:hover {
        color: #FFF;
        background: #eda427
    }
    .iai-cd-tab-filter a.selected {
        border-radius: 25px
    }
}

.iai-cd-tab-filter {
    width: 100%;
    float: right;
    margin: 0;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s
}

.iai-cd-tab-filter.filter-is-visible {
    width: 80%
}

.iai-cd-gallery li.gap {
    opacity: 0;
    height: 0;
    display: inline-block
}

.iai-cd-gallery img {
    display: block;
    width: 100%
}

.iai-cd-gallery .cd-fail-message {
    display: none;
    text-align: center
}

.iai-cd-gallery ul {
    text-align: justify
}

.iai-cd-gallery ul:after {
    content: "";
    display: table;
    clear: both
}

.iai-cd-gallery li {
    width: 21%;
    margin-bottom: 4.8em;
    height: 250px;
    margin-left: 0!important;
    margin-top: 20px
}

.iai-cd-gallery {
    float: right;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s;
    width: 100%;
    margin-top: 22.8%
}

.iai-cd-gallery.filter-is-visible {
    width: 80%
}

.iai-cd-filter {
    z-index: 2;
}

.iai-cd-filter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 128px;
    width: 100%;
    background: url(http://digimktg-dev.panduit.com/iai/img/Registration-Headers-for-iai-960.jpg) no-repeat;
    z-index: 2
}

.iai-cd-filter .cd-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    width: 60px;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    background: #37296a;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 3
}

.no-touch .iai-cd-filter .cd-close:hover {
    background: #32255f
}

.iai-cd-filter.filter-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, .2)
}

.iai-cd-filter.filter-is-visible .cd-close {
    opacity: 1
}

.iai-cd-filter {
    width: 26.3%;
    float: left
}

.iai-cd-filter form {
    margin-top: 30.4%;
    background-color: #5badb8;
    padding: 0 5%;
    height: 724px
}

.specialized-copy {
    color: #000;
    float: left;
    font-style: italic;
    margin-bottom: 10px;
    margin-left: 10.1%;
    margin-top: 145.3px;
    position: absolute;
    z-index: 5;
    width: 83.1%;
    line-height: 1.2em;
    font-size: 15px
}

.iai-cd-filters li img {
    position: absolute;
    z-index: 6;
    width: 145px;
    cursor: pointer
}

.iai-cd-slider {
    float: left;
    width: 42%
}

.iai-cd-slider li.selected img {
    margin-left: 0;
    width: 85%
}

.iai-cd-trigger:hover {
    color: #0092b3;
    font-weight: 700;
    text-decoration: none
}

.iai-cd-main-content {
    margin-top: 0!important;
    position: absolute;
    width: 960px
}

.iai-footnote {
    font-size: 11px;
    font-style: italic;
    line-height: .3em!important;
    margin-top: 12px!important
}

.iai-footnote-holder {
    float: left;
    margin-top: -18px!important
}

p.productFamilyTitle {
    width: 100%
}

div#in-field,
div#in-frastructure,
div#in-panel,
div#in-room,
div#in-route {
    width: 96%;
    margin-left: -1%
}

div#in-room {
    background: #f36
}

div#in-field p,
div#in-frastructure p,
div#in-panel p,
div#in-room p,
div#in-route p {
    margin-left: 2%;
    font-size: 20px!important;
    font-weight: 700!important;
    line-height: 30px
}

div#in-route {
    background: #662d91
}

div#in-panel {
    background: #00894c
}

div#in-field {
    background: #0076bb
}

div#in-frastructure {
    background: #feda66
}

.specialized-copy p {
    text-align: center;
    font-size: 15px
}

.productFamilyHeader{
	width:85%;
	margin-left:6.2%;	
}