/*body.single-case_studies .vertical ul.lSPager.lSGallery {*/
    /*width: 150px !important;*/
/*}*
/
 */

body {
    margin-bottom: 0 !important;
    font-family: 'Poppins', 'Arimo', 'Lato', 'Font Awesome 5 Free', sans-serif;
}


.slick-list.draggable {
    visibility: hidden;
}
.slick-list.draggable .slick-track {
    width: 6240px;
}
.lswssp-logo-showcase .slick-slide {
    margin: 0 10px;
    width: 240px;
}

.lswssp-logo-showcase .slick-slide .lswssp-slide {
    width: 100%;
    display: inline-block;
}

/**
CUSTOM CSS
 */
body {
    /*margin-bottom: 217px;*/
    padding-top: 64px;
    overflow-x: hidden;
    color: #192542;
}
body.home {
    margin-bottom: 0;
}





#home-content h1, #home-content h2, #home-content h3, #home-content h4 {
    color: #192542;
}
#home-content h2 {
    font-size: 250%;
}
#home-content h3 {
    font-size: 190%;
}
ul.home-slides {
    padding-left: 0;
    margin-bottom: 0;
}
ul.home-slides ul.slick-dots {
    bottom: 5px;
    margin: 0;
}
ul.home-slides .slick-dots li button:before {
    font-size: 12px;
    color: #fff;
}
ul.home-slides .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #192542;
}

.slick-dots li {
    margin: 0 1px;
}

.slick-dots li button:before {
    font-size: 17px;
}


.slick-dots li.slick-active button:before {
    color: #192542;
    opacity: 1;
}

#home-content .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.container.inset {
    padding: 0 50px;
    max-width: 960px !important;
    width: 960px;

}
@media (min-width: 1200px)
    .container.inset {
        max-width: 960px !important;
        width: 960px;
    }
}

#feature1 .text p,
#home-content  p {
    font-size: 125%;
    color: #192542;
}

body.wellbeing.feature #feature1.wellbeing {
    margin-top: -40px;
}

#feature1 .text p,
#home-content .text p {
    color: #192542;
    font-size: 1rem !important;
}


.make-square .image img {
    width: 100%;
    height: 100%;
}

#home-video-container {
    position: relative;
}
#video_overlay {
    position: absolute;
    top: 30%;
    left:39%;
    z-index: 1001;
}
#video_overlay .shade {
    position: relative;
    width: 22vw;
    margin: 0 auto;
    padding: 24px 0 28px 0;
    background-color: rgba(51,51,51,.5);
    text-align: center;
}
#video_overlay .shade h1 {
    color: #fff;
    font-weight: normal;
}

.old_home-banner {
    background-image: url('https://loremflickr.com/1920/400/light');
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    height:480px;
}


/* blog etc */
.header-banner-responsive {
    background-image: url(https://loremflickr.com/1920/450/light);
    background-size: 100% auto;
    background-position: top center;
    position: relative;
    padding-top: 23.5%;
    background-repeat: no-repeat;
}

.home-banner-container {
    width:100%;
    display:none;
}

.home-banner-container .slick-slide {
    margin: 0;
}

/*.home-banner {*/
/*background-image: url(https://loremflickr.com/1920/480/light);*/
/*background-size: 100% auto;*/
/*background-position: top center;*/
/*position: relative;*/
/*padding-top: 25%;*/
/*background-repeat: no-repeat;*/
/*}*/

/*.home-banner-inner {*/
/*width: 50%;*/
/*top: 31%;*/
/*right: 0;*/
/*text-align: center;*/
/*position: absolute;*/
/*}*/

.home-banner {
    background-image: url(https://loremflickr.com/1920/480/light);
    background-size: 100% auto;
    background-position: top center;
    position: relative;
    background-repeat: no-repeat;
    height: 26vw;
    display:flex;
    flex-direction: column;
    justify-content: space-around;
}

.home-banner-inner {
    width: 50%;
    text-align: center;
}
.home-banner-inner.right {
    margin-left: 50%;
}
.home-banner-inner.mid {
    margin-left: 25%;
}


#home-content .home-banner-inner .shade,
.wellbeing-head .home-banner-inner .shade {
    max-width: 45%;
    margin: 0 auto;
    padding: 18px 6px 35px 6px;
    /*background-color: rgba(51,51,51,.2);*/
    /*background-color: rgba(26,37,66,.65);*/
    background-color: rgb(11,134,200,.5)
}

#home-content .home-banner-inner .shade.dark {
    background-color: rgba(25,37,66,.7);
}

.wellbeing-head .home-banner-inner .shade {
    color: #fff;

}

body.home #home-content .home-banner-inner h1 {
    /*width: 100%;*/
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
    font-size: 2em;
    line-height: 2em;
    font-weight: 400;
}
.home-banner-inner a.trans-btn {
    margin-top: 30px;
    font-size: 145%;
}

.sector-blocks {
    white-space: nowrap;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.sector-text {
    display:grid;
    justify-content: space-between;
    margin-top: -6px;
}
.btn-container {
    align-self: end;  /* grid property */
    min-height: 32px;
    /*text-align: center;*/
}


.submit_btn {
    background-color: #fff;
    color: #192542;
    border: 1px solid #192542;
    font-size: 120%;
}
.submit_btn:hover {
    background-color: #192542;
    color: #fff;
    cursor: pointer;
}

.sector-blocks .home-sector-container {
    flex-basis: 20%;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 1px;
}
.sector-blocks .home-sector-container img {
    width: 100%;
}

.row .pad-left {
    padding-left: 15px;
}
.row .pad-right {
    padding-right: 15px;
}

.grid-sizer {
    width: 25%;
}

.wellbeing .grid-sizer {
    width: 33%;
}


.grid-item .inner.no-left-padding {
    padding-left: 0;
}
.grid-item .inner.no-right-padding {
    padding-right: 0;
}


.grid-item {
    width: 25%;
    height: 250px;
}

.wellbeing .grid-item {
    width: 33%;
    height: 300px;

}

.grid-item .inner .image {
    height: 250px;
}

.product-in-family {
    justify-content: space-between;
}
.product-in-family .lower {
    min-height: 144px;
    display: flex;
    align-items: flex-end;
}



.wellbeing .grid-item .inner .image {
    height: 250px;
}


.grid-item--width1 {

}
.grid-item--width2 {
    width: 50%;
}
.wellbeing .grid-item--width2 {
    width: 66%;
}



.wellbeing .grid-item--width3 {
    width: 100%;
}

.wellbeing .grid-item--height2 {
    height: 580px;
}

.wellbeing .grid-item--height2 {
    height: 550px;
}


.grid-item--height2 .inner .image {
    height: 550px;
}
.wellbeing .grid-item--height2 .inner .image {
    height: 550px;
}



#kb_form label {
    font-size: 120%
}

#kb_form input.form-control::placeholder {
    color: #aaa;
}

ul.product-page-slider.butterfly_slides .slick-slide {
    margin: 0;
    padding: 0;

}
ul.product-page-slider.butterfly_slides .butterfly-text {
    padding: 0 50px;
}



ul.product-page-slider,
ul.home-product-slider {
    list-style-type: none;
    padding-left: 0;
    padding-right: 15px;
    display:none;
}
ul.product-page-slider p,
ul.home-product-slider a {
    text-decoration: none;
}
ul.product-page-slider li,
ul.home-product-slider li {
    margin: 0 15px;
}
ul.product-page-slider h6,
ul.home-product-slider h6 {
    text-align: center;
    margin-top: 13px;
    color: #192542;
}
.news-row {
    padding-right: 11px;
    padding-left: 15px;
}

.text h4 a {
    color: #192542;
    text-decoration: underline;
}

#home-content .grid a {
    text-decoration: none;
}

.grid {
    display:none;
}

.grid-item .inner {
    /*background-color: green;*/
    /*border: 1px solid #000;*/
    padding: 10px;
    height: 100%;
}
.grid-item .inner a {
    text-decoration: none;
}
.grid-item .inner a:hover {
    text-decoration: underline;
}

.grid-item .inner .image {

    background-size: cover;
    background-position: center;
    border: 1px solid #333;
}

#home-content .grid-item .inner .no-image {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 10px;
    background-color: #192542;
    height: 250px;
    border: 1px solid #192542;
    color: #fff;
}
#feature1 .grid-item .inner .no-image {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 10px;
    background-color: #192542;
    height: 200px;
    border: 1px solid #192542;
    color: #fff;
}

#feature1.wellbeing .grid-item .inner .no-image {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 10px;
    background-color: #192542;
    height: 250px;
    border: 1px solid #192542;
    color: #fff;
}



#vision.feature-elite h1 {
    font-weight: normal;
    font-size: 2.28rem;
    margin-bottom: 18px;
}
#vision.feature-elite h2 {
    font-weight: normal;
    font-size: 1.55rem;
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 0px;

}

#vision.feature-elite h5 {
    font-weight: bold;
    font-size: 1.2rem;

}


#vision.feature-elite .sectors-icons-row p {
    font-size: 88%;
    white-space: pre;
}
#vision.feature-elite .sectors-icons-row a {
    text-decoration: none;
}
#vision.feature-elite .sectors-icons-row .fadefromgray img {
    position: relative;
    top: 0;
}
#vision.feature-elite .text a,
#vision.feature-elite .text.quote a {
    text-decoration: underline;
    font-size: 100%;
}




#vision.feature.feature-elite .feature-image-bg {
    background-color: #e3e3e3;
    padding: 15px 0;
}
#vision.feature.feature-elite .feature-image-bg img {
    max-width: 100%;
}
#vision.feature.feature-elite h4 {
    font-size: 180%;
    font-weight: bold;
}

#vision.feature.feature-elite p {
    color: #192542;
    font-size: 100%;
    line-height: 170%;
}
#vision.feature.feature-elite .sector-text a.trans-btn {
    padding: 2px 25px 6px 25px;
    font-size: 115%;
}

#vision.feature.feature-elite .sector-squares-header {
    display: none;
}

#vision.feature .col img {
    max-width: 100%;
}

#vision.feature.feature-signum .psquare .pimage {
    background-color: #e3e3e3;
    width: 100%;
    padding: 20px 0;
    margin-bottom: 20px;
}

#vision.feature.feature-signum p a {
    color: #192542;
    font-sizE: 100%;
    text-decoration: underline;
    font-weight: bold;
}

#vision.feature.feature-signum .psquare img {
    width: 100%;
}
#vision.feature.feature-signum .psquare h5 {
    margin-bottom: 0;
}





.grid-item .inner .no-image h3 {
    width: 100%;
    line-height: 125%;
    font-size: 210%;
    letter-spacing: 1.25px;
}

#home-content .container {
    padding-left: 10px;
}


#feature1 .grid-item .inner .text {
    height: 44px;
    position: relative;
    background-color: #fff;
    padding: 0 5px;
}
#feature1 .grid-item .inner .text p {
    color: #192542;
}

#home-content .grid-item .inner .text {
    top: -44px;
    height: 44px;
    position: relative;
    /*background-color: rgba(2,117,216,0.65);*/
    background-color: rgb(11,134,200,0.65);
    padding: 0 5px;
}
#home-content .grid-item .inner .text p {
    padding-top: 3px;
    padding-left: 4px;
    color: #fff;
    line-height: 110%;
}


#article #description_one a {
    color: #192542;
    font-weight: bold;
    text-decoration: underline;
}
#article #description_one a:hover {
    text-decoration: none;
}
#description_one blockquote {
    margin: 20px;
    padding: 15px 15px 1px 15px;
    background-color: #ddd;
    font-style: italic;
    font-size: 120%;

}
#article h1 {
    font-size: 1.6rem;
}
#article h2 {
    font-size: 1.5rem;
}
#article h3 {
    font-size: 1.4rem;
}
#article h4 {
    font-size: 1.3rem;
}
#article h5 {
    font-size: 1.2rem;
}
#article h6 {
    font-size: 1.1rem;
}
#article p, #article ul, #article ol {
    font-size: 0.95rem;
}
#article ul, #article ol {
    line-height: 1.6rem;
}

div.vertical-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

span.trans-btn.center.pad {
    margin: 10px auto;
    position: relative;
    text-align: center;
    display:block;
    width: 95px;
    font-size: 120%;
    padding: 5px 17px;

}

.sectors-intro {
    font-size: 1rem;
}


span.trans-btn,
a.trans-btn {
    padding: 7px 15px 7px 15px;
    font-size: 130%;
    font-weight: normal;
    line-height: 145%;
    text-decoration: none;
    cursor: pointer;
}
a.trans-btn.white {
    color: #fff;
    border: 1px solid #fff;
}
a.trans-btn.white.invert {
    background-color: #192542;
}
a.trans-btn.small {
    padding: 3px 24px 7px 24px;
    font-size: 100%;
}

span.trans-btn.blue,
a.trans-btn.blue {
    color: #192542;
    border: 1px solid #192542;
}
a.trans-btn.blue.active {
    text-decoration: none;
    background-color: #192542;
    color: #fff;
    padding: 5px 20px 7px 20px;
}
.trans-btn.blue.active:hover {
    text-decoration: none;
    background-color: #fff;
    color: #192542;
}


a.trans-btn.white:hover {
    text-decoration: none;
    background-color: #fff;
    color: #192542;
    font-weight: bold;
}
a.trans-btn.white.invert:hover {
    text-decoration: none;
    background-color: #fff;
    color: #192542;
    border-color: #192542;
    font-weight: normal;
}


a.trans-btn.blue {
    text-decoration: none;
    background-color: #fff;
    color: #192542;
}

span.trans-btn.blue:hover,
a.trans-btn.blue:hover {
    text-decoration: none;
    background-color: #192542;
    color: #fff;
    font-weight: bold;
}

a.footer-link {
    font-size: 1.5em;
    white-space: nowrap;
}
a.contact-us-link {
    text-decoration: underline;
}


.video-resolution {
    padding-top: 56.25%
}

.demo a, .sector:hover {
    text-decoration: none
}
.sector-box:after, object {
    pointer-events: none
}

.sectors-page h1, .sectors-page h2, .sectors-page h3, .sectors-page h4 {
    color: #192542;
}

.sectors-page #reveals p {
    color: #192542;
    font-size: 110%;
}



.emergency-highlight {
    /*border: 2px dashed #5cb85c;*/
    padding: 30px;
    margin-bottom: 30px;
    position: relative;
    margin-top: 20px;
    background-color: #eee;
}
.emergency-highlight ul li {
    color: #192542;
}

#sector-item-pages .text-center p {
    width: 100%;
}

.fixed-top {
    z-index: 7030;
}

.contact-link {
    margin-top: -76px;
    display:block;
}
.contact-btn {
    background-color: #0B86C8;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 16px 0 0 0;
}
.contact-btn:hover {
    background-color: #192542;

}
.contact-btn p {
    padding: 0;
    font-size: 1em;
    line-height: 80%;
}

div#captcha {
    float:left;
}
canvas{
    /*prevent interaction with the canvas*/
    pointer-events:none;
}
p.error-message {
    color: red;
}


#article-body p+br {
    display: none;
}

#article-body p a,
#description_one p a {
    font-weight:bold;
}

.header-containder {
    padding: 0 10px 6px 10px;
}
.navbar-brand {
    padding-bottom: 0.75rem;
}

.navbar-inverse .navbar-toggler {
    padding-top: 11px;
}

.revo-stars {
    background-image: url(year-in-review-2018);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #192542;
}

ul#news-light-slider {
    padding-left:0;
}

img.max-col {
    max-width: 100%;
}

/*
* 404
*/
#grad_404 {
    text-align: center;
    min-height: 100%;
    height: 100%;
}

.lights_on {
    background: rgb(2,117,216);
    background: radial-gradient(circle, rgba(2,117,216,1) 0%, rgba(0,49,100,1) 50%, rgba(0,49,100,1) 100%);
}

.lights_off {
    background: rgb(2,117,216);
    background: radial-gradient(circle, rgba(2,117,216,1) 0%, rgba(0,49,100,1) 0%, rgba(0,49,100,1) 100%);
}


#grad_404 #text_404 {
    padding-top: 6%;
    color: #fff;
    font-size: 1.5rem;
}
#grad_404 #text_404 h1 {
    font-size: 3rem;
}

#grad_404 #image_404 {
    width: 30%;
    margin: 0 auto;

}

.container-fluid.no-padding.full-height {
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 70vh;
}

.blue-text p, .blue-text h6, .blue-text ul li {
    color: #192542;
}



/*
* Vision
*/
.vision-hero {
    width: 100%;
    /* height: 500px;
     background-image: url(../../assets/images/feature/vision/eye-wide.jpg); */
    background-size: cover;
    background-position: center;
}
#vision h1, #vision h2, #vision h4, #vision h5 {
    color: #192542;
}
.vision-hero img {
    width: 100%;
}

#vision .image-right img {
    width: 80%;
    border: 2px solid #575E62;
    padding: 15px;
    display:block;
    margin: 0 auto;
}
#vision .vision-types-wrap {
    /*width: 90%;*/
    margin: 0 auto;
}

#vision  .vision-types-wrap .trans-btn {
    font-size: 100%;
}



#vision .nav-icons {
    float:right;
}
#vision .nav-icons a {
    width: 50px;
    height: 50px;
    display:inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top;
}
#vision .nav-icons a.vn-home {
    background-image: url('/assets/images/feature/vision/vision-home-sprite-50x100.png');
}
#vision .nav-icons a.vn-tier1 {
    background-image: url('/assets/images/feature/vision/vision-tier-1-sprite-web-50x100.png');
}
#vision .nav-icons a.vn-tier2 {
    background-image: url('/assets/images/feature/vision/vision-tier-2-sprite-web-50x100.png');
}
#vision .nav-icons a.vn-tier3 {
    background-image: url('/assets/images/feature/vision/vision-tier-3-sprite-web-50x100.png');
}

#vision.vision-home a.vn-home,
#vision.vision-details.details-vision a.vn-tier1,
#vision.vision-details.details-vision-connect a.vn-tier2,
#vision.vision-details.details-vision-smart a.vn-tier3 {
    background-position: bottom;
}

.vision-smart-feature a {
    color: #192542;
    font-weight: bold;
    font-size: 80%;
}


#vision .vision-type-icon {
    display:inline-block;
    width: 20%;
}

#vision .vision-type-icon i,
#vision .vision-type-icon img {
    /*border-style: none;*/
    /*vertical-align: middle;*/
    /*width: 70%;*/
    /*display: block;*/
    /*float: right;*/
    /*margin-right: 20px;*/
    /*min-width: 97px;*/
}
#vision.vision-details .vision-type-icon img {
    width: 85%;
}

#vision .mid-panel,
#vision .mid-panel.drawing img {
    width: 593px;
    margin: 0 auto;
}
#vision.vision-details .stat-holder img {
    width: 100%;

}
#vision .vision-type-icon i {
    font-size: 100px;
    margin-right: 13px;
    color: #575E62;
}

#vision .vision-type-text {
    display: inline-block;
    width: 72%;
    position: relative;
    /* display: block; */
    vertical-align: top;
}
#vision {
    font-size: 120%;
    line-height: 140%;
    margin-top: -10px;
}
#vision h2 {
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 20px;
    font-size: 2.5rem;
}
#vision .text p,
#vision .text a {
    font-size: 130%;
    color: #fff;
    line-height: 170%;
}
#vision.feature-elite .text a {
    color: #192542;
    text-decoration: underline;
}


#vision .text .quote {
    width: 100%;
    padding: 20px 20px 1px 20px;
    background-color: #575E62;
    text-align: center;
    margin: 10px auto 50px auto;
    color: #fff;
}

#feature1.retail .text .quote {
    width: 100%;
    padding: 20px 20px 1px 20px;
    background-color: #89568C;
    text-align: center;
    margin: 10px auto 50px auto;
    width: 66%;
}
#feature1.retail .text .quote p,
#feature1.retail .text .quote a {
    color: #fff;
}


#vision ul.slick-slider {
    padding: 0;
    list-style-type: none;
}



/*
* Feature
* Revo
*/
.feature-container {

}
.spark {
    position: relative;
    white-space: nowrap;
    margin-top: -90px;
    z-index:200;
}

.spark-holder-left {
    position: relative;
    display: inline-block;
    height: 320px;
    width: 5%;
    background-size: cover;
    vertical-align: top;
    margin-top: 46px;
}
.spark-holder-left img {
    height: 240px;
    margin-left: -15px;
}

.spark-holder-mid {
    display: inline-block;
    margin-left: -20px;
    height: 320px;
    width: 95%;
    background-image: url(../../assets/images/feature/revo/spark-mid-320.png);
    background-size: 150% 120%;
    background-position: center;
}
.spark-holder-mid h1 {
    color: #fff;
    text-align: center;
    margin-top: 119px;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 0px;
    white-space: normal;
}

.feature-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    background-image: url(../../assets/images/feature/revo/revo-bg1.jpg),
    url(../../assets/images/feature/revo/revo-bg-repeat.jpg);
    background-position: top center;
    background-size: 1200px auto;
    background-repeat: no-repeat, repeat-y;
    width: 100%;
    margin: 0 auto;
    z-index: 100;
}
body.advance {
    background-image: url(../../assets/images/feature/advance/advance-bg-repeat.jpg);
    background-position: center;
}
.feature-bg.advance {
    position: absolute;
    top: 0;
    bottom: 0;
    background-image: url(../../assets/images/feature/advance/advance-bg-repeat.jpg);
    background-position: center;
    background-size: auto;
    background-repeat: repeat-y;
    width: 100%;
    margin: 0 auto;
    z-index: 0;
}

.advance .feature-image-holder {
    margin-top: -50px;
}

#air-header.feature-image-holder img {
    max-width: 100%;
}

.advance .feature-image-holder .feature-image {
    margin: 0 auto;
    display: block;
    max-width: 66%;
    /*transform: matrix(0.99619, 0.08715, 0.17364, 0.9848, 0, 0);*/
}
a.ilink {
    text-decoration: underline;
    color: #192542
}
.ilink:hover {
    cursor: pointer;
    color: #192542
}
p.bigger a {
    font-size: 150%;
}


.e-connect-info h4 {
    text-align: center;
}
.e-connect-info ul {
    margin-top: 20px;
}
.e-connect-info .e-connect-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 0;
    width: 100%;
    height: 360px;
    margin-bottom: 20px;
}
.e-connect-image.e-connect-left {
    background-image: url('/assets/images/feature/e-connect/celesio2.jpg');
}
.e-connect-image.e-connect-right {
    background-image: url('/assets/images/feature/e-connect/e-connect.png');

}

div.extra_copy {
    text-align: center;
    color: #192542;
    font-style: italic;
}

.tooltiptext {
    display: none;
    font-size: 140%;
    line-height: 180%;
    padding: 0 15px;

}

div.tooltip .tooltip-inner,
div.tooltip .tooltip-inner:before {
    background-color: #192542;
    border-bottom-color: #192542 !important;
}
.tamlite-tips {
    border-color: #192542;
}
.tamlite-tips .qtip-content{
    font-size: 100%;
    background-color: #192542;
    /*background-color: rgba(0, 49, 100, 0.85);*/
    border-color: #192542;
    color: #fff;
}
.tamlite-tips .qtip-content p {
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 110%;
    text-align: center;
}

.tamlite-tips .qtip-content ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

.tamlite-tips .qtip-content ul li:before {
    content: "\0BB \020";
}

.leftfill {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    background-color: #010206;
    background-image: url(../../assets/images/feature/revo/revo-bg-repeat-left.jpg);
    background-repeat: repeat;
    z-index: 50;
}

.rightfill {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    background-color: #010206;
    background-image: url(../../assets/images/feature/revo/revo-bg-repeat-right.jpg);
    background-repeat: repeat;
    z-index: 50;
}

.feature-content {
    position: relative;
    color: #fff;
    padding-top: 310px;
    z-index: 300;
}
.advance .feature-content {
    padding-top: 0;
}

.feature-content .text h2 {
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 20px;
    font-size: 2.5rem;
}

.feature-content .text p {
    font-size: 130%
}
.feature-content .text p strong {
    font-size: 130%;
}
.feature-content .text .quote {
    width: 80%;
    padding: 30px 20px 20px 20px;
    background-color: #0B86C8;
    border: 6px solid #fff;
    text-align: center;
    margin: 10px auto 50px auto;
}
.feature-content a.video-link {
    outline: none;
    width: 33%;
    margin: 0 auto 20px auto;
    display:block;
}
a.video-link.full {
    width: 100%;
}
a.video-link.full .video-poster {
    background-position: 50% 50%;
}
.feature-content .text a {
    color: #fff;

}
.feature-content .text.center p {
    text-align: center;
    margin: 0 auto 30px auto;
}
.feature-content .text .quote p {
    font-size: 200%;
}
.feature-content .video {
}
.feature-content .thumbs {
    margin: 0px 0 20px 0;
}
.feature-content .videothumb {
    margin: 20px 0 20px 0;
}

.feature-content .thumbs img {
    width: 100%;
    border: 10px solid #fff;
}

.feature-content a.video-link {
    outline: none;
    width: 33%;
    margin: 0 auto 20px auto;
    display:block;
}
.feature-content .video-poster {
    background-image: url(../../assets/images/feature/revo/play-button.png);
    background-repeat: no-repeat;
    background-position: 50% 43%;
    background-size: 27%;
    height: 85%;
}
.feature-content .video-poster img {
    z-index: -1;
    position: relative;
}

.feature-content .text {
    padding: 0 15px;
}
h2.feature-image-label {
    color: #fff;
    font-size: 1.5em;
    font-weight: normal;
    padding-top: 5px;
}

/* todo: this is repeated in news-item.php, remove from template when this css goes live */
div.videothumb br {
    display:none;
}
a.video-link {
    outline: none;
    width: 33%;
    margin: 0 auto 0 auto;
    display:block;
    text-decoration: none;
}
a.video-link.wide-video {
    width: 535px;
    margin-bottom: 20px;
}
a.video-link.wide-video {
    margin-bottom: 0px;
}

.video-poster {
    background-image: url(/assets/images/feature/revo/play-button.png);
    background-repeat: no-repeat;
    background-position: 50% 43%;
    background-size: 27%;
    height: 85%;
}
.video-poster img {
    z-index: -1;
    position: relative;
    max-width: 100%;
}
h2.video-label {
    color: #192542;
    font-size: 1.3em;
    font-weeight: normal;
    padding-top: 5px;
}



#feature1 {
    font-size: 100%;
    line-height: 160%;
}
.feature1-image-left img {
    width: 100%;
}

#feature1.wellbeing .hero-image {
    width: 100%;
    text-align: center;
}
#feature1.wellbeing .hero-image img {
    width: 60%;
}

#feature1.wellbeing h1, #feature1.wellbeing h2, #feature1.wellbeing p, #feature1.wellbeing small, #feature1.wellbeing a {
    color: #192542;
}

#feature1.wellbeing p {
    font-size: 120%;
}

#feature1.wellbeing .wellbeing-hero-main img {
    max-width: 100%;
}

#feature1.wellbeing .wellbeing-hero-main .wellbeing-copy {
    text-align: center;
}
#feature1.wellbeing .wellbeing-hero-main .wellbeing-copy .top {

}
#feature1.wellbeing .wellbeing-hero-main .wellbeing-copy .bottom {

}
#feature1.wellbeing .tamlite-blue-bg h2, #feature1.wellbeing .tamlite-blue-bg p {
    color: #fff;
}

#feature1.wellbeing .wellbeing-hero-main .wellbeing-copy h1 {
    margin-bottom: 30px;
    font-size: 300%;
}


#feature1.wellbeing img.wellbeing-hero {
    width: 100%;
}


#feature1.wellbeing .wellbeing-square {
    min-height: 300px;
    padding: 9% 10%;
    /*min-width: 370px;*/
}
#feature1.wellbeing .wellbeing-square h2 {
    color: #fff;
    /*position: absolute;*/
    /*top: 20%;*/
    display: block;
    /*width: 80%;*/
}
#feature1.wellbeing .wellbeing-square h6 {
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 10%;
    left: 26%;
}

#feature1.wellbeing .wellbeing-square h6 a {
    color: #fff;
    border: 1px solid #fff;
    padding: 8px 20px;
    font-size: 110%;
    line-height: 200%;
    text-decoration: none;
    cursor: pointer;
}
#feature1.wellbeing .wellbeing-square a:hover {
    text-decoration: none;
    background-color: #fff;
}
#feature1.wellbeing .wellbeing-square.guide {
    background-color: #72C380;
}
#feature1.wellbeing .wellbeing-square.guide a:hover {
    color: #72C380;
}
#feature1.wellbeing .wellbeing-square.healthy {
    background-color: #192542;
}
#feature1.wellbeing .wellbeing-square.healthy a:hover {
    color: #192542;
}
#feature1.wellbeing .wellbeing-square.sleep {
    background-color: #D4AE00;
}
#feature1.wellbeing .wellbeing-square.sleep a:hover {
    color: #D4AE00;
}

#wall .panel .panelcol .innercontent a.button {
    color: #fff;
    border: 1px solid #fff;
    padding: 8px 30px;
    font-size: 135%;
    line-height: 280%;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    white-space: nowrap;
}


#wall.wellbeing .panel .panelcol .innercontent img.feature-symbol {
    height: 150px;
    margin-top: 0px;
    padding-bottom: 0px;
}
#wall.wellbeing .panel .panelcol .innercontent img.feature-symbol + h2{
    font-size: 2em;
}

#wall.wellbeing .panel .panelcol .innercontent p {
    margin-bottom: 20px;
}
#wall.wellbeing .panel .panelcol .innercontent p:last-of-type {
    margin-bottom: 20px
}

#wall .panel .panelcol .innercontent a.button:hover {
    text-decoration: none;
    background-color: #fff;
    color: #192542;
}
#wall.wellbeing .panel .panelcol .innercontent h2.big {
    font-size: 8rem;
    margin-bottom: 0px;
}
#wall.wellbeing .panel .panelcol .innercontent h2.big:last-of-type {
    margin-top: 50px;
}

#wall.wellbeing .panel .panelcol .innercontent h2 {
    margin-bottom: 5px;
}

#wall.wellbeing .panel .panelcol .innercontent small {
    font-size: 125%;
    margin-top: -15px;
    padding: 0;
    display: block;
}
#wall.wellbeing .panel .panelcol .innercontent a {
    color: #fff;

}

#feature1.wellbeing .icons-center,
.feature-every-type-of-space .icons-center {
    text-align: center;
    margin: 0 auto;
}
#feature1.wellbeing .icons-center .icon {
    width: 20%;
    display:inline-block;
}
.feature-every-type-of-space .icons-center .icon {
    width: 25%;
    display:inline-block;
}
.feature-every-type-of-space .icons-center .icon.icon-left {
    margin-right: 9vw;
}
#feature1.wellbeing .icons-center .icon p {
    color: #192542;
    font-size: 120%;
    font-weight: bold;
    padding-top: 10px;
    white-space: nowrap;
}
.feature-every-type-of-space .icons-center .icon p {
    color: #192542;
    font-size: 150%;
    font-weight: bold;
    padding-top: 10px;
    white-space: nowrap;
}
#feature1.wellbeing .icons-center .icon img,
.feature-every-type-of-space .icons-center .icon img {
    width: 60%;
}

#wall.wellbeing.feature-every-type-of-space .panel .panelcol.lg {
    background-color: rgba(113,196,127,0.5);
}

.wellbeing-navbar {
    width: 100%;
    text-align: center;
    position: fixed;
    top: 62px;
    right: 0;
    left: 0;
    z-index: 800;
    background-color: #fff;
    border-bottom: 1px dotted #192542;

}
.wellbeing-navbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.wellbeing-navbar ul li {
    display: inline-block;
    margin: 10px 30px;
}
.wellbeing-navbar ul li h6 {
    font-size: 200%;
    font-weight: bold;
    color: #192542;
    margin: -6px 0 0 0;
}
.wellbeing-navbar ul li a {
    font-size: 120%;
    font-weight: bold;
    color: #192542;
}
.wellbeing-navbar ul li a:hover, .wellbeing-navbar ul li a.active {
    text-decotation: underline;
}

.additional-nav {
    display:none;
}

#wall.wellbeing .panel {
    width: 100%;
    display:flex;
    flex-direction: row;
    height:90vh;
}
#wall.wellbeing .panel.section-1 {
    height:94vh;
}


.section-holder {
    width: 100%;
    display: flex;
}

#wall.wellbeing .panel .panelcol.full {
    width: 100%;
    /*min-height: 100%;*/
    text-align: center;
}

/* page type = (2 rows per page, top full, bottom 50/50)*/
#wall .panel .panelcol.full.half-heights {

}

#wall .panel .panelcol.full.half-heights .top.fullwidth {
    height: 50%;
}
#wall .panel .panelcol.full.half-heights .top.fullwidth .innercontent h2 {
    margin-top: 12.5%;
}

#wall .panel .panelcol.full.half-heights .bottom.fullwidth {
    white-space: nowrap;
    height: 50%;
    position: relative;
}
#wall .panel .panelcol.full.half-heights .bottom.fullwidth .half {
    display:inline-block;
    width: 50%;
    height: 100%;
}
#wall .panel .panelcol.full.half-heights .bottom.fullwidth .half img {
    opacity: 0;
}
#wall .panel .panelcol.full.half-heights .bottom.fullwidth.bottom-panels .half .bottom-link {
    width: 100%;
    bottom: 10%;
    text-align: center;
    position: absolute;
}
#wall .panel .panelcol.full.half-heights .bottom.fullwidth.bottom-panels .half .innercontent.top {
    margin-top: 3%;
    /*margin-bottom: 8%;*/
}


#wall .panel .panelcol.full.half-heights .bottom.fullwidth .left.half {
    position: absolute;
    left:0;
    /*background-image: linear-gradient(rgba(207, 173, 43, .8), rgba(207, 173, 43, .8)),*/
    /*url(/assets/images/feature/taurus/office.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;

}

#wall .panel .panelcol.full.half-heights .bottom.fullwidth .right.half {
    position: absolute;
    right:0;
    white-space: normal;
    background-image: linear-gradient(rgba(26, 37, 65, .8), rgba(26, 37, 65, .8)),
    url(/assets/images/feature/taurus/office.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
/* // type 5 */


/*
* Type 6 (retail-leisure)
 */
#wall.sliders .panel .panelcol .innercontent h1 {
    font-size: 3.5em;
    line-height: 1em;
    margin-bottom: 5px;
    font-weight: 700;
}

#wall.sliders .panel .panelcol img {
    width: 75%;
    margin: 0 auto;
}

#wall .panel .panelcol .innercontent div.icons {
    white-space: nowrap;
    margin: 15px 0;
}
#wall .panel .panelcol .innercontent div.icons span.icon {
    display: inline-block;
    width: 3.5em;
    height: 3.5em;
    margin-right: 7px;
    background-repeat: no-repeat;
    background-size: cover;
}
.panel span.icon.icon-1year {
    background-image: url('/assets/images/feature/retail-leisure/1yr.jpg');
}
.panel span.icon.icon-3year {
    background-image: url('/assets/images/feature/retail-leisure/3yr.jpg');
}
.panel span.icon.icon-5year {
    background-image: url('/assets/images/feature/retail-leisure/5yr.jpg');
}
.panel span.icon.icon-ip20 {
    background-image: url('/assets/images/feature/retail-leisure/ip20.jpg');
}
.panel span.icon.icon-ip65 {
    background-image: url('/assets/images/feature/retail-leisure/ip65.jpg');
}
.panel span.icon.icon-ip40 {
    background-image: url('/assets/images/feature/retail-leisure/ip40.jpg');
}
.panel span.icon.icon-ip44 {
    background-image: url('/assets/images/feature/retail-leisure/ip44.jpg');
}
.panel span.icon.icon-ip54 {
    background-image: url('/assets/images/feature/retail-leisure/ip65.jpg');
}
.panel span.icon.icon-class1 {
    background-image: url('/assets/images/feature/retail-leisure/class1.jpg');
}
.panel span.icon.icon-class2 {
    background-image: url('/assets/images/feature/retail-leisure/class2.jpg');
}
.panel span.icon.icon-vision-tier-1 {
    background-image: url('/assets/images/feature/retail-leisure/vision-tier-1.jpg');
}
.panel span.icon.icon-vision-tier-2 {
    background-image: url('/assets/images/feature/retail-leisure/vision-tier-2.jpg');
}
.panel span.icon.icon-vision-tier-3 {
    background-image: url('/assets/images/feature/retail-leisure/vision-tier-3.jpg');
}
.panel span.icon.icon-tpa {
    background-image: url('/assets/images/feature/retail-leisure/tpa.jpg');
}
.panel span.icon.icon-tpb {
    background-image: url('/assets/images/feature/retail-leisure/tpb.jpg');
}



#wall.feature-retail-leisure .panel .panelcol.lg,
#wall.wellbeing .panel .panelcol.lg {
    background-size: cover;
}
#wall.feature-retail-leisure .panel .panelcol.lg,
#wall.wellbeing .panel .panelcol.left.sm {
    text-align: right;
}
#wall.feature-retail-leisure .panel .panelcol.lg,
#wall.wellbeing .panel .panelcol.right.sm {
    text-align: left;
}

#wall .panel.feature-footer.half-height {
    height: 70vh;
}
.panel .container.full-width {
    width: 100%;
}



.row.promos {
    margin: 10px 50px 15px 50px;
}
.row.promos .thumb {
    text-align: center;
    position: relative;
    cursor: pointer;
}
.row.promos .thumb img {
    border: 1px solid #192542;
    padding: 5px;
    width: 95%;
}
.row.promos .thumb p {
    font-size: 1rem;
    color: #192542;
    line-height: 1.5rem;
    padding-top: 4px;
}
.row.promos .thumb a {
    text-decoration: none;
}
.row.promos .thumb a:hover {
    text-decoration: underline;
}

.row.promos .thumb .thumb_overlay {
    height: 0;
    width: 0;
}
.row.promos .thumb .thumb_overlay p {
    display:none;
}

.row.promos .thumb.hovered .thumb_overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: height 0.3s ease-in;
    /*transition: width .4s ease-in;*/
    background-color: rgba(2,117,216,.8);
    display:flex;
    align-items: center;

}
.row.promos .thumb.hovered .thumb_overlay p {
    color: #fff;
    opacity: 1;
    font-size: 200%;
    display:block;
    margin: 0 auto;
}



/*
* // Feature
 */



@font-face {
    font-family: FontAwesome;
    src: url(../plugins/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(../plugins/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(../plugins/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(../plugins/font-awesome-4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(../plugins/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url(../plugins/font-awesome-4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}




#searchResult {
    width: 35vw;
    max-height: 33vh;
    overflow: scroll-y;
    visibility: hidden;
    border: thin solid #999;
    position: absolute;
    /* left: 55%; */
    right: 2vw;
    top: 57px;
    z-index: 999;
    background-color: #f7f7f7;
}

p.search-subhead {
    color: #192542;
    margin: 0;
    padding: 0;
    font-size: 1.25em;
}
p.search-subhead a.search-sector {
    font-style: normal;
    font-size: .9em !important;
}
ul.search-used {
    margin: 0;
    padding: 0;
    font-size: 1em;
}
ul.search-used li {
    color: #0B86C8;
    list-style-type: disc;
    list-style-position: inside;
}
ul.search-used li:empty {
    display:none;
}

.city-heading {
    position:relative;
    top:5%;
    letter-spacing:3px;
    font-family:'Lato',sans-serif;
    text-align: center;

}
.city-text {
    position: absolute;
    left: 6%;
    top: 30%;
    z-index: 1;
    color: #fff;
    padding: 10px;
    width: 360px;
    text-shadow: 1px 1px 1px black;
}
.city-heading h1 {
    font-size: 2.5rem;
    color: #fff;
}

.city-mpu-wrap {
    width: 100%;
    overflow:hidden;
    display:flex;
}



#tamlite-city-overlay {
    -webkit-transition: background 200ms ease-in 3s; /* property duration timing-function delay */
    -moz-transition: background 200ms ease-in 3s;
    -o-transition: background 200ms ease-in 3s;
    transition: background 200ms ease-in 3s;

    -webkit-transition-property: background;
    -webkit-transition-duration: 400ms;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-delay: 100ms;

    -moz-transition-property: background;
    -moz-transition-duration: 400ms;
    -moz-transition-timing-function: ease-in;
    -moz-transition-delay: 100ms;

    -o-transition-property: background;
    -o-transition-duration: 400ms;
    -o-transition-timing-function: ease-in;
    -o-transition-delay: 100ms;

    transition-property: background;
    transition-duration: 400ms;
    transition-timing-function: ease-in;
    transition-delay: 100ms;
}

/* preload all of the city background layers */
/*body::after{*/
/*position:absolute; width:0; height:0; overflow:hidden; z-index:-1;*/
/*content:*/
/*url('/assets/images/city/fullwidth/retail-city.jpg')*/
/*url('/assets/images/city/fullwidth/communal-city.jpg')*/
/*url('/assets/images/city/fullwidth/education-city.jpg')*/
/*url('/assets/images/city/fullwidth/emergency-city.jpg')*/
/*url('/assets/images/city/fullwidth/healthcare-city.jpg')*/
/*url('/assets/images/city/fullwidth/industrial-city.jpg')*/
/*url('/assets/images/city/fullwidth/sports-city.jpg')*/
/*url('/assets/images/city/fullwidth/urban-city.jpg')*/
/*url('/assets/images/city/fullwidth/warehouse-city.jpg')*/
/*url('/assets/images/city/fullwidth/office-city.jpg')*/
/*}*/

#tamlite-city #tamlite-city-overlay.retail {
    background-image: url('/assets/images/city/fullwidth/retail-city.jpg');
}
#tamlite-city #tamlite-city-overlay.communal {
    background-image: url('/assets/images/city/fullwidth/communal-city.jpg');
}
#tamlite-city #tamlite-city-overlay.education {
    background-image: url('/assets/images/city/fullwidth/education-city.jpg');
}
#tamlite-city #tamlite-city-overlay.emergency {
    background-image: url('/assets/images/city/fullwidth/emergency-city.jpg');
}
#tamlite-city #tamlite-city-overlay.healthcare {
    background-image: url('/assets/images/city/fullwidth/healthcare-city.jpg');
}
#tamlite-city #tamlite-city-overlay.industrial {
    background-image: url('/assets/images/city/fullwidth/industrial-city.jpg');
}
#tamlite-city #tamlite-city-overlay.sports {
    background-image: url('/assets/images/city/fullwidth/sports-city.jpg');
}
#tamlite-city #tamlite-city-overlay.urban {
    background-image: url('/assets/images/city/fullwidth/urban-city.jpg');
}
#tamlite-city #tamlite-city-overlay.warehouse {
    background-image: url('/assets/images/city/fullwidth/warehouse-city.jpg');
}
#tamlite-city #tamlite-city-overlay.office {
    background-image: url('/assets/images/city/fullwidth/office-city.jpg');
}

#tamlite-city {
    background-image: url('/assets/images/city/fullwidth/sector-cityscape.jpg');
    padding-top: 23%; /* (img-height / img-width * container-width) */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
}
#tamlite-city-overlay {
    position: absolute;
    padding-top: 23%; /* (img-height / img-width * container-width) */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height:100%;
    top:0;
}
#tamlite-city #tamlite-city-overlay .trans {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#tamlite-city img {
    width: 100%;
    heighT: 100%;
}

#tamlite-city .sector-box {
    /*margin-top: -60px;*/
}

.home-right {
    text-align: center;
    width: 50%;
}
.home-right img.home-right.large {
    display:block;
    width: 100%;
    padding: 15px 15px 0 15px;
}

.home-right img.home-right.small {
    display:none;
    width: 100%;
    padding: 15px 15px 0 15px;
}

.home-right .mpu {
    background-position: center;
    background-size: cover;
    width: 94%;
    height: 100%;
    margin: 0px auto;
    cursor: pointer;
    align-content: center;
    position: relative;
    display: flex;
}

.home-right .mpu .inner {
    margin: 0;
    width: 100%;
    color: #fff;
}


.home-right .mpu-bottom {
    margin-top: 20px;
}

.row.promos {
    flex-direction: row;
    justify-content: center;
}

.overlay-effect {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: 1s ease-out;
    overflow:hidden;
    opacity: .9;
}

.mpu-top .overlay-effect {
    background-color: #72c380;

}
.mpu-bottom .overlay-effect {
    background-color: #89568C;
}


.home-right a.mpu-top .mpu {
    background-image: url('/assets/images/mpu/home-top.jpg');
    border: 1px solid #999;
    max-height: 256px;
}

.home-right .mpu .overlay-effect:hover {
    opacity: 0;
    transition: 1s ease;
}

.home-right .mpu h4 {
    white-space: pre-wrap;
}

.home-right a.mpu-bottom .mpu img {
    width: 100%;
    max-height: 214px;
}

#bookcase {
    position: relative;
    maregin-top: 30px;
    margin-bottom: 30px;
    height: 93vh;
}

#book .flipbook-main-wrapper {
    /*margin-top: 64px;*/
    /*margin-bottom: 100px;*/
}

.circle, .hot-spot {
    width: 20px;
    height: 20px
}
.circle, .hot-spot, .sector-box, .sector-box:after {
    position: absolute
}
.hot-spot, .light-blue {
    background-color: #0B86C8
}
.fade-city {
    -webkit-filter: grayscale(100%) contrast(30%);
    -moz-filter: grayscale(100%) contrast(30%);
    -o-filter: grayscale(100%) contrast(30%);
    -ms-filter: grayscale(100%) contrast(30%);
    filter: grayscale(100%) contrast(30%)
}
.hot-spot {
    display:none;
    z-index: 5000;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: .8;
    cursor: pointer
}
.circle {
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid #FFF;
    border-radius: 50%;
    -webkit-animation: pulse ease-in-out 2s infinite
}
@-webkit-keyframes pulse {
    0%, 100% {
        -webkit-transform:scale(1)
    }
    51% {
        -webkit-transform:scale(1.3)
    }
}
.sector-box {
    background-color: #FFF;
    border-radius: 4px;
    text-align: center;
    padding: 8px 14px;
    color: #2A2A2A;
    display: none;
    z-index: 2;
    opacity: 0
}
.sector-box:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    border-color: rgba(255,255,255,0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px
}
section {
    position: relative;
    width: 100%;
    height: 100%
}
#section04 a span, .demo a, .footer, section::after {
    position: absolute
}
section::after {
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 80%;
    z-index: -1000;
}
.demo a {
    bottom: 65px;
    left: 50%;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font-size: 14px;
    letter-spacing: .1em;
    transition: opacity .3s
}

.footer, .footer-alt {
    position: relative;
    bottom: -4px;
    width: 100%;
    z-index: 500;
}
.demo a:hover {
    opacity: .5
}
#section04 a {
    padding-top: 75px
}
#section04 a span {
    top: 20px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb04 2s infinite;
    animation: sdb04 2s infinite;
    box-sizing: border-box
}
@-webkit-keyframes sdb04 {
    0%, 40% {
        -webkit-transform:rotate(-45deg) translate(0, 0)
    }
    20% {
        -webkit-transform:rotate(-45deg) translate(-10px, 10px)
    }
}
@keyframes sdb04 {
    0%, 40% {
        transform:rotate(-45deg) translate(0, 0)
    }
    20% {
        transform:rotate(-45deg) translate(-10px, 10px)
    }
}
.sector>p {
    color: #FFF;
    padding: 6px;
    margin: 0
}
.tamlite-blue {
    color: #192542;
}
.tamlite-blue-bg {
    background-color: #192542;
    color: #ffffff;
}

.sector-type-p {
    color: #FFF;
    padding: 6px;
    margin: 0
}
.retail-leisure-c {
    color: #89568C
}
.office-c {
    color: #A61916
}
.urban-c {
    color: #94743B
}
.education-c {
    color: #E89500
}
.communal-c {
    color: #3A355E
}
.healthcare-c {
    color: #2854A2
}
.warehouse-logistics-c {
    color: #A24618
}
.sports-c {
    color: #0092A9
}
.industrial-c {
    color: #D4AE00
}
.emergency-c {
    color: #009C3D
}
.phone-no a {
    color: #fff
}
.light-blue-bg {
    color: #0B86C8
}
.dark-blue-bg {
    background-color: #192542
}
.retail-leisure-bg {
    background-color: #89568C
}
.office-bg {
    background-color: #A61916
}
.urban-bg {
    background-color: #94743B
}
.education-bg {
    background-color: #E89500
}
.communal-bg {
    background-color: #3A355E
}
.healthcare-bg {
    background-color: #2854A2
}
.warehouse-logistics-bg {
    background-color: #A24618
}
.sports-bg {
    background-color: #0092A9
}
.industrial-bg {
    background-color: #D4AE00
}
.emergency-bg {
    background-color: #009C3D
}
.application-bg>p {
    background-color: #0B86C8
}
.sector-bg>p, a.application-bg>p:hover {
    background-color: #192542
}
.footer-main, .sector-bg-active>p, a.sector-bg>p:hover {
    background-color: #0B86C8;
}

.footer-main .social-icons {
    margin-top: 71px;
}
.footer-main .tagline {
    margin-top: 55px;
}


.footer-sub, .table-inverse>tr {
    background-color: #192542
}
input {
    padding: 10px!important
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #34A0FD
}
[class*=" light-blue-hvr"] figcaption, [class^=light-blue-hvr] figcaption {
    background-color: #0B86C8
}
[class*=" dark-blue-hvr"] figcaption, [class^=dark-blue-hvr] figcaption {
    background-color: #192542;
}
/*figure.sector-item, figure.sector-item figcaption {*/
/*background-image: url('/assets/images/mpu/home-top.jpg');*/
/*}*/
img.sector-square {
    opacity: 0.9;
}

.sector-squares-row {
    padding: 0 15px;
}
.sector-squares-row .sector-square-inline {
    max-width: 10%;
    padding: 2px;
}
.sector-squares-row .sector-square-inline .sector-page-sector-square {
    text-decoration: none;
}
.sector-squares-row .sector-square-inline .sector-page-sector-square p {
    text-align: center;
    font-size: 115%;
    font-weight: bold;
    color: #192542;
    margin: 5px 0 0 0;
}




[class*=" retail-leisure-hvr"] figcaption, [class^=dark-blue-hvr] figcaption {
    background-color: #89568C
}
[class*=" office-hvr"] figcaption, [class^=dark-blue-hvr] figcaption {
    background-color: #A61916
}
[class*=" urban-hvr"] figcaption, [class^=dark-blue-hvr] figcaption {
    background-color: #94743B
}
[class*=" education-hvr"] figcaption, [class^=dark-blue-hvr] figcaption {
    background-color: #E89500
}
[class*=" communal-hvr"] figcaption, [class^=dark-blue-hvr] figcaption {
    background-color: #3A355E
}
[class*=" healthcare-hvr"] figcaption, [class^=dark-blue-hvr] figcaption {
    background-color: #2854A2
}
[class*=" warehouse-logistics-hvr"] figcaption, [class^=dark-blue-hvr] figcaption {
    background-color: #A24618
}
[class*=" sports-hvr"] figcaption, [class^=dark-blue-hvr] figcaption {
    background-color: #0092A9
}
[class*=" industrial-hvr"] figcaption, [class^=dark-blue-hvr] figcaption {
    background-color: #D4AE00
}
[class*=" emergency-hvr"] figcaption, [class^=dark-blue-hvr] figcaption {
    background-color: #009C3D
}

h6.sector-item-caption {
    display:block;
    text-align:center;
    width: 100%;
}

.container h6 {
    colour: #192542;
}


figcaption {
    width: 100%;
    text-align: center;
    display: table-cell
}
.figc-sectors {
    vertical-align: middle;
    margin-top: 45%
}
.figc-case-studies {
    vertical-align: middle;
    margin-top: 25%
}

#carouselIndicators .carousel-control-next, .carousel-control-prev {
    width: 7%;
}

#relux-splash {
    position: relative;
    left: -9999px;
}

.container.case-study h1 {
    font-size: 2.28rem;
    margin-bottom: 18px;
}
.container.case-study h2 {
    font-size: 1.55rem; text-decoration: margin-bottom: 10px;
}

.product-in-family .product-image,
.product-thumb.searchthumb {
    overflow:hidden;
}
.product-in-family .product-image img,
.product-thumb.searchthumb img {
    transition: transform 1s;
}
.product-in-family .product-image img:hover,
.product-thumb.searchthumb img:hover {
    transform: scale(1.09);
}

img.icon.list-icon.OSW2YR {
}

.types-list-panel.family-tiles .top {
    min-height: 72px;
}
.product-page .iconrow .accred-icon-holder {
    display:inline-block;
}

.bottom.icons .iconrow img.accred-icon {
    clear: both;
}
.btn.sku-btn {
    width: 10px;
    font-sizE: 18px;
    padding: 2px 5px 1px 5px;
    line-height: 20px;
    background-color: #fff;
    font-weight: 400;
}
.btn.sku-btn:hover {
    background-color: #fff;
}

.ow-button-base a {
    padding-left: 15px !important;
    /*padding-inline:0 !important;*/
}


.footer-sub:last-child a:after {
    content: " ";
}

/* copied to ordercodes 12/8
>>>>
*/
/*.adv-search-page .adv-search-form {*/
    /*background-color: #fff;*/
/*}*/
/*.adv-search-page .adv-search-form fieldset {*/
    /*margin: 0;*/
    /*padding: 0 10px 10px 20px;*/
    /*margin-bottom: 10px;*/
    /*border: none;*/
    /*text-align: center;*/
/*}*/

/*.adv-search-page  a.btn.sku-link {*/
    /*color: #fff;*/
    /*line-height: 100%;*/
/*}*/

/*@media (max-width: 768px) {*/
    /*.adv-search-page div.family-tile.right .bottom {*/
         /*min-height: 100px;*/
    /*}*/
    /*.post-content.list-content .grid-thumbnail div.grid-title-holder {*/
        /*opacity: 1;*/
        /*height: 17%;*/
        /*margin-bottom: 2px;*/
        /*bottom: 0;*/
    /*}*/
    /*.case-study-grid-item .grid-thumbnail h5.grid-title {*/
        /*margin-bottom: 0;*/
    /*}*/
    /*.searched span.post-term.grid-term {*/
        /*color: #fff;*/
    /*}*/
/*}*/

/*.resources a {*/
    /*color: #192542;*/
    /*text-decoration: none;*/
    /*font-size: 1.1em;*/
/*}*/
/*.resources a svg {*/
    /*font-size: 1.2em;*/
/*}*/

/*.slick-prev:after {*/
    /*content: "\f053";*/
    /*font: 1rem/1 'FontAwesome';*/
/*}*/
/*.slick-next:after {*/
    /*content: "\f054";*/
    /*font: 1rem/1 'FontAwesome';*/
/*}*/

/*#resources a.side-link svg {*/
    /*font-size: 1.2em*/
/*}*/


/* copied to ordercodes 12/8
<<<
#192542;
*/

.nav-tabs {
    border-bottom: 2px solid #192542;
}
.nav-link {
    display: block;
    padding: 8px 10px 4px 10px;
}
#products-tabs .nav-item:first-child {
    border-left: none;
}
#products-tabs .nav-item:last-child {
    border-right: none;
}
#products-tabs .nav-item a.active {
    background-color: #192542;
    color: #fff;
    border: none;
}
#products-tabs .nav-item a:hover {
    background-color: #0B86C8;
    color: #fff;
    border: none;
}

#products-tabs .nav-item a {
    background-color: #dedede;
    color: #192542;
    border: none;
}
#products-tabs .nav-item {
    border-right: 5px solid #fff;
    border-top: none;
    border-bottom: 0;
}
.nav-tabs .nav-link {
    border: none;;
    border-top-right-radius: .75rem;
    border-top-left-radius: .75rem;
}

.footer-sub a.text-white:after {
    content: " | ";
}
@media only screen and (max-width: 720px) {
    .footer-sub a.text-white:after {
        content: " ";
    }
}

.slick-slide {
    height: auto !important;
}

.types-list-panel.family-tiles .top {
    min-height: 112px;
}


.folio-col {
    display:none;
}

th.add_to_project,
td.add_to_project {
    text-align: center;
}
button.folio-btn {
    cursor: pointer;
    background: transparent;
    outline: none;
    border: none;
    padding: 0 15px 0 15px;
    margin: 0;
    color: #192542;
    font-sizE: 175%;
    line-height: 25%;
}
button.folio-btn.folio-remove {
    color: red;
}

@media only screen and (max-width: 992px) {

    body div.container {
        padding: 0 5px;
        /*margin-top: 72px;*/
    }

}

.case-study-slider {
    max-width: 600px;
    margin: 0 auto;
}