/*Custom style for Image Text*/
.imagetext{
    padding-top: 100px;
    padding-bottom: 100px;
}

.arrow-white
 {
    background: url("../../../content/dam/thingspace-portal/home/icons/right-carrot-icon.svg") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 20px;
    margin-left: 15px;
}

.link-on-image {
    position: absolute;
    top: 30px;
    left: 50px;
}

.link-on-image a {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 30px;
    float: left;

}

.bg-gray {
    background-color: #f6f6f6;

}
.bg-black {
    color: #fff;
    background-color: #000;
}

.bg-white {
    background-color: #fff;
}

.bg-black .btn-img-txt
 {
   	border-radius: 100px;
    background-color: #fff;
    color: #000!important;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    padding: 13px 40px;
    margin-top: 30px;

}

.bg-white .btn-img-txt
 {
    border-radius: 100px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    padding: 13px 40px;
    margin-top: 30px;
}

.bg-gray .btn-img-txt
 {
   border-radius: 100px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    padding: 13px 40px;
    margin-top: 30px;
}

.bg-black .with-line p:first-of-type{
    padding-top: 30px;
    border-top: 1px solid #fff;
    margin-top: 60px;
    margin-bottom: 0;
}

.bg-black .without-line p:first-of-type{
    padding-top: 30px;
}

#devicedetails img {
    max-width: 50%
}

.bg-white .with-line p:first-of-type {
    padding-top: 30px;
    border-top: 1px solid #000;
    margin-top: 60px;
    margin-bottom: 0;
}

.bg-white .without-line p:first-of-type {
    padding-top: 30px;
}

.bg-gray .with-line p:first-of-type {
    padding-top: 30px;
    border-top: 1px solid #000;
    margin-top: 60px;
    margin-bottom: 0;
}
.bg-gray .without-line p:first-of-type{
    padding-top: 30px;
}
@media (max-width: 767px) {
    .bg-white .with-line p:first-of-type,
    .bg-gray .with-line p:first-of-type,
    .bg-black .with-line p:first-of-type
     {
        margin-top: 30px;
    }
}

@media (max-width: 768px)
  {
.with-line p, .without-line p{
    padding-top: 15px;
}
}

@media(max-width:768px) {
   .imagetext {
    padding-top: 30px;
    padding-bottom: 30px;
}
}

@media (min-width: 768px) {
    .imagetext #StandardGPSLocation {
        margin-top: -70px;
        margin-bottom: -80px
    }
    .imagetext #fiveG-EnhancedLocation {
        margin-top: -100px
    }
}
@media (max-width: 767px) {
    .imagetext #StandardGPSLocation .mb30resp {
        margin-bottom: 10px;
    }
    .imagetext #fiveG-EnhancedLocation .mb30resp {
        margin-bottom: 10px;
    }
}
.ts-banners {
    height: 80px;
    position: relative;
}

.banner-s {
    padding: 0;
    width: 100%;
    height: 80px;
    background: #000;
    display: flex;
    align-items: center;
}

.ts-banner-small {
    padding: 21px 0;
    top: 0;
}

.ts-banners .banner-text-white {
    position: absolute;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    width: 100%;
}

.banner-text-white.ts-banner-small {
    width: auto;
}

.h64 {
    font-size: 64px;
    line-height: 64px;
    font-weight: 700;
    width: 50%;
}

.h32 {
    font-size: 2rem;
}

.banner .banner-text-black {
    position: absolute;
    color: #000;
    width: 100%
}

.banner .banner-text-black .btn-banner {
    border-radius: 100px;
    background-color: #000;
    color: #fff!important;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    padding: 13px 40px;
    margin-top: 30px;
    border: 1px solid #fff;
}

.banner .banner-text-white .btn-banner {
    border-radius: 100px;
    background-color: #fff;
    color: #000!important;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    padding: 13px 40px;
    margin-top: 30px;
    border: 1px solid #000;
}

.banner .banner-text-black .h32 {
    font-weight: 700;
}
/* Will ask Marco about this code
 @media (max-width: 500px) {
    .ts-banners .container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    .ts-banners .container h3 {
        padding-top: initial;
        padding-bottom: initial;
        font-size: 1.6rem;
    }
} */

.banner-text-white.ts-banner-small {
    position: inherit;
}
@media (max-width: 767px) {
    .banner-s .banner-text-white.ts-banner-small,
    .banner-s .banner-text-black.ts-banner-small  {
        font-size: 1.6rem;
        position: initial;
        padding: initial;
    }
}
@media (max-width: 540px) {
    .banner .banner-text-white {
        font-size: 2rem;
        padding: 21px 15px;
    }
}
@media (max-width: 414px) {
    .banner .banner-text-white.ts-banner-small,
    .banner .banner-text-black.ts-banner-small  {
        font-size: 1.3rem
    }
}
@media (max-width: 884px) and (min-width: 541px) {
    .banner .banner-text-white {
        font-size: 2rem;
    }
}

.banner .banner-text-white .btn-banner {
    width: min-content;
}

.banner .banner-text-black .btn-banner {
    width: min-content;
}

.banner .banner-text-white .h64, .banner .banner-text-black .h64 {
    width: 530px;
    padding-bottom: 20px;
}
.banner .banner-text-white .h64.fiserv {
    width: 520px;
}
@media (max-width: 767px) {
    .banner .banner-text-white .h64.fiserv {
        width: 400px;
    }
}
.banner .banner-text-white .h20 p, .banner .banner-text-black .h20 p {
    width: 530px;
    font-size: 20px;
    line-height: 24px;
}

@media(max-width:1199px) and (min-width:992px) {
    .banner .banner-text-white .h64, .banner .banner-text-black .h64 {
        font-size: 54px;
        line-height: 54px;
        width: 500px;
    }
    .banner .banner-text-white .h20 p, .banner .banner-text-black .h20 p {
        width: 480px
    }
}

@media (max-width: 860px) and (min-width: 541px) {
    .banner .banner-text-black .h64.mobile-security {
        font-size: 36px;
        line-height: 36px;
        width: 470px;
        padding-bottom: 10px;
    }
    .banner .banner-text-black .h20.mobile-security p {
        font-size: 16px;
    }
}

@media(max-width:991px) and (min-width:768px) {
    .banner .banner-text-white .h64, .banner .banner-text-black .h64 {
        font-size: 45px;
        line-height: 45px;
        width: 430px;
    }
    .banner .banner-text-white .h20 p, .banner .banner-text-black .h20 p {
        width: 60%;
        line-height: 20px;
        font-size: 18px;
    }
}
@media(max-width: 991px) {
    .banner .banner-text-white .h64.hyper-precise-location {
        width: 100%;
    }
}
@media (max-width: 767px) and (min-width: 541px) {
    .banner .banner-text-white .h64, .banner .banner-text-black .h64 {
        font-size: 36px;
        line-height: 36px;
        width: 65%;
    }
    .banner .banner-text-white .h64.webinar {
        width: 100%
    }
    .banner .banner-text-white .h20 p, .banner .banner-text-black .h20 p {
        width: 70%;
        font-size: 18px;
        line-height: 20px;
    }
    .banner .banner-text-black .btn-banner, .banner .banner-text-white .btn-banner {
        padding: 8px 40px;
        margin-top: 12px;
    }
}

@media(max-width:414px) {
    .banner .banner-text-white .btn-banner, .banner .banner-text-black .btn-banner {
        margin-top: 5px;
        padding: 5px 15px !important;
    }
    .banner .banner-text-black .h32 {
        width: 60%;
        line-height: 16px;
        font-size: 16px;
        font-weight: bold;
    }
}

.banner .ts-banners.large-banner-img .container h3, .about .ts-banners.large-banner-img .container h3 {
    display: none;
}

.banner .ts-banners.large-banner-img, .ts-banners.large-banner-img {
    padding: 0;
    height: 100%;
    position: relative;
}

@media (min-width: 2000px) {
    .banner .ts-banners.large-banner-img picture {
        margin: auto;
    }
}

.banner picture img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    height: 500px;
}

@media(max-width:1920px) and (min-width:1281px) {
    .banner picture img, .banner .ts-banners.large-banner-img, .ts-banners.large-banner-img {
        height: 500px;
    }
}

@media (min-width: 961px) and (max-width: 1280px) {
    .banner picture img, .banner .ts-banners.large-banner-img, .ts-banners.large-banner-img {
        height: 439px;
    }
}

@media (min-width: 861px) and (max-width: 960px) {
    .banner picture img, .banner .ts-banners.large-banner-img, .ts-banners.large-banner-img {
        height: 328px;
    }
}

@media (min-width: 768px) and (max-width: 860px) {
    .banner picture img, .banner .ts-banners.large-banner-img, .ts-banners.large-banner-img {
        height: 290px;
    }
}

@media (min-width: 541px) and (max-width: 767px) {
    .banner picture img, .banner .ts-banners.large-banner-img, .ts-banners.large-banner-img {
        height: 260px;
    }
}

@media (min-width: 415px) and (max-width: 540px) {
    .banner picture img, .banner .ts-banners.large-banner-img, .ts-banners.large-banner-img {
        height: 200px;
    }
}

@media (max-width: 414px) {
    .banner picture img, .banner .ts-banners.large-banner-img, .ts-banners.large-banner-img {
        height: 180px;
    }
}

@media (max-width: 540px) {
    .ts-banners picture + div, .ts-banners div:nth-child(2) {
        position: initial;
        padding: 15px 0 30px;
        color: #000;
    }
    .banner .ts-banners.large-banner-img.text-vertical-middle, .ts-banners.large-banner-img.text-vertical-middle {
        display: unset;
    }
    .banner .ts-banners picture + div .container .h32, .ts-banners div:nth-child(2) .container .h32 {
        font-size: 22px;
        line-height: 26px;
        font-weight: normal;
        padding-bottom: 10px;
        color: #000;
        width: 100%;
        margin-bottom: 0;
    }
    .banner .ts-banners div:nth-child(2) .container .h64, .ts-banners div:nth-child(2) .container .h64 {
        width: 100%;
        color: #000;
        font-size: 30px;
        line-height: 30px;
        padding-bottom: 5px;
    }
    .banner .ts-banners div:nth-child(2) .container .h20 p, .ts-banners div:nth-child(2) .container .h20 p {
        width: 100%;
        color: #000;
        line-height: 18px;
        font-size: 14px;
        padding-top: 5px;
    }
    .banner .ts-banners div:nth-child(2) .container .h20 h4, .ts-banners div:nth-child(2) .container .h20 h4 {
        width: 100%;
        color: #000;
        line-height: 18px;
        font-size: 20px;
        padding-top: 5px;
    }
    .banner .ts-banners div:nth-child(2) .container .btn-banner, .ts-banners div:nth-child(2) .container .btn-banner {
        margin-top: 10px;
        padding: 8px 40px;
    }
}

.banner .banner-text-white .h64.cloud-connector {
    width: 85%;
    margin-top: -50px;
}

.banner .banner-text-white .h20.cloud-connector-sub p {
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 700;
    width: 100%;
}

@media (max-width: 1199px) {
    .banner .banner-text-white .h64.cloud-connector {
        width: 100%;
    }
}

@media (max-width: 960px) {
    .banner .banner-text-white .h64.cloud-connector {
        width: 100%;
        margin-top: 0;
    }
}

@media (max-width: 666px) and (min-width: 541px) {
    .banner .banner-text-white .h20.cloud-connector-sub p {
        font-size: 1.2rem;
    }
}

.banner .banner-text-black .h64.global-iot {
    width: 100%;
}

.banner .banner-text-black .h20.global-iot-sub p {
    font-size: 2.375rem;
    font-weight: 700;
    line-height: 38px;
    width: 100%;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .banner .banner-text-black .h20.global-iot-sub p {
        font-size: 2rem;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .banner .banner-text-black .h20.global-iot-sub p {
        font-size: 1.6rem;
    }
}

@media (max-width: 767px) and (min-width: 541px) {
    .banner .banner-text-black .h20.global-iot-sub p {
        font-size: 1.2rem;
        line-height: 1rem;
    }
    .banner .banner-text-black .h64.global-iot {
        padding-bottom: 10px
    }
}

.banner .banner-text-white .h64.dream-prototype-launch {
    width: 700px;
}

@media (max-width: 1199px) and (min-width: 768px) {
    .banner .banner-text-white .h64.dream-prototype-launch {
        width: 570px;
    }
}

@media (max-width: 767px) {
    .banner .banner-text-white .h64.dream-prototype-launch {
        width: 460px;
    }
}

.banner .banner-text-white .doc-critcal-asset-sensor {
    font-size: 2rem;
    line-height: 2rem;
    padding-bottom: 10px;
    font-weight: 700;
}

.banner .banner-text-white .doc-critcal-asset-sensor_sub p {
    font-size: 1rem;
    line-height: 1.3rem;
    width: 35%;
    margin-top: 15px;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .banner .banner-text-white .doc-critcal-asset-sensor {
        width: 35%;
    }
    .banner .banner-text-white .doc-critcal-asset-sensor_sub p {
        width: 30%;
    }
}

@media (max-width: 860px) and (min-width: 768px) {
    .banner .banner-text-white .doc-critcal-asset-sensor {
        font-size: 1.8rem;
        line-height: 1.6rem;
    }
    .banner .banner-text-white .doc-critcal-asset-sensor_sub p {
        font-size: 15px;
    }
    .banner .banner-text-white .doc-critcal-asset-sensor_sub+a {
        margin-top: -15px;
        float: left;
    }
}

@media (max-width: 767px) and (min-width: 541px) {
    .banner .banner-text-white .doc-critcal-asset-sensor {
        font-size: 1.5rem;
        line-height: 1rem;
    }
    .banner .banner-text-white .doc-critcal-asset-sensor_sub p {
        font-size: 15px;
        width: 45%;
        margin-top: 0;
    }
    .banner .banner-text-white .doc-critcal-asset-sensor_sub+a {
        margin-top: -10px;
        float: left;
    }
}

@media (max-width: 540px) {
    .banner .banner-text-white .doc-critcal-asset-sensor_sub p {
        width: 100%;
    }
}

@-moz-document url-prefix() {
    @media (min-width: 861px) and (max-width: 960px) {
        .banner picture img, .banner .ts-banners.large-banner-img {
            height: auto;
        }
        #main-home .banner .ts-banners.large-banner-img picture img {
            height: 328px;
        }
    }
    @media (min-width: 768px) and (max-width: 860px) {
        .banner picture img, .banner .ts-banners.large-banner-img {
            height: auto;
        }
        #main-home .banner .ts-banners.large-banner-img picture img {
            height: 290px
        }
    }
    @media (min-width: 541px) and (max-width: 767px) {
        .banner picture img, .banner .ts-banners.large-banner-img {
            height: auto;
        }
        #main-home .banner .ts-banners.large-banner-img picture img {
            height: 260px
        }
    }
}

/* LARGE WEBINAR */
@media(max-width: 2360px) and (min-width: 1921px) {
    .banner .ts-banners.large-banner-img.large-webinar {
        height: 460px;
    }
}
@media(max-width: 1280px) and (min-width: 1201px) {
    .banner .banner-text-black .h64 {
        width: 65%!important;
    }
}
@media(max-width: 960px) and (min-width: 861px) {
    .banner .ts-banners.large-banner-img.large-webinar {
        height: 400px;
    }
}
@media(max-width: 860px) and (min-width: 741px) {
    .banner .ts-banners.large-banner-img.large-webinar {
        height: 420px;
    }
}
@media(max-width: 740px) and (min-width: 541px) {
    .banner .ts-banners.large-banner-img.large-webinar {
        height: 380px;
    }
}

.banner-text-black .microsoft-banner-title {
    color: #000;
}
.partners .ts-banners.microsoft .container h3 {
    display: none
}
.microsoft-banner-title {
 font-size: 3.75rem;
 font-weight: 700;
 padding-bottom: 10px;
 line-height: 60px;
 width: 70%;
 display: block
}
.banner-text-white .microsoft-banner-title {
 color: #fff;
}
@media (max-width: 540px) {
 .banner-text-white .microsoft-banner-title {
     color: #000;
 }
}
.partners .ts-banners.microsoft .microsoft-banner-subtext {
    color: #000;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    display: block
}
@media (min-width: 2560px) {
    .microsoft-banner-title.aws {
        width: 50%;
    }
}
@media (min-width: 1281px) and (max-width:1920px) {
    .microsoft-banner-title.aws {
        width: 64%;
    }
}
@media (min-width: 1450px) and (max-width:1750px) {
    .microsoft-banner-title.aws {
        width: 54%;
    }
}
@media (min-width: 1451px) and (max-width:1920px) {
    .microsoft-banner-title.aws {
        width: 43%;
    }
}
@media (min-width: 1020px) and (max-width:1280px) {
    .microsoft-banner-title.aws {
        width: 49%;
        font-size: 2.9rem;
        line-height: 3rem;
    }
}
@media (min-width: 961px) and (max-width:1019px) {
    .microsoft-banner-title.aws {
        width: 65%;
        font-size: 2.9rem;
        line-height: 3rem;
    }
}
@media (min-width: 667px) and (max-width:767px) {
    .microsoft-banner-title.aws {
        width: 38%;
    }
}
@media (min-width: 541px) and (max-width:666px) {
    .microsoft-banner-title.aws {
        width: 51%;
    }
}
@media (min-width: 768px) and (max-width:860px) {
    .microsoft-banner-title.aws {
        width: 52%;
    }
}
@media(max-width:1199px) and (min-width:992px) {
    .microsoft-banner-title {
        width: 60%
    }
}

@media(max-width:991px) and (min-width:885px) {
    .microsoft-banner-title {
        width: 60%;
        font-size: 2.6rem;
        line-height: 40px
    }
    .partners .ts-banners.microsoft .microsoft-banner-subtext {
        font-size: 18px
    }
}

@media(max-width:884px) and (min-width:768px) {
    .microsoft-banner-title {
        width: 60%;
        font-size: 2rem;
        line-height: 35px
    }
    .partners .ts-banners.microsoft .microsoft-banner-subtext {
        font-size: 16px
    }
}

@media(max-width:767px) and (min-width:541px) {
    .microsoft-banner-title {
        width: 60%;
        font-size: 1.6rem;
        line-height: 30px
    }
    .partners .ts-banners.microsoft .microsoft-banner-subtext {
        font-size: 16px;
        width: 50%
    }
}

@media(max-width:540px) and (min-width:415px) {
    .microsoft-banner-title {
        width: 100%;
        font-size: 1.6rem;
        line-height: 30px
    }
    .partners .ts-banners.microsoft .microsoft-banner-subtext {
        font-size: 16px;
        width: 50%
    }
}

@media(max-width:414px) {
    .microsoft-banner-title {
        width: 100%;
        font-size: 1.2rem;
        line-height: 20px
    }
    .partners .ts-banners.microsoft .microsoft-banner-subtext {
        font-size: 14px;
        line-height: 15px;
        width: 50%
    }
}


/*** Font ***/
/*Updated  font source by Anvesh Rasamalla which are uploaded under clientlibs floder*/
/* @font-face {
    font-family: neue haas grotesk display std;
    font-weight: 400;
    src: url(clientlib-base/resources/NeueHaasGroteskTextW04-55Rm.otf);
    src: url(clientlib-base/resources/NeueHaasGroteskTextW04-55Rm.ttf);
    src: url(clientlib-base/resources/NeueHaasGroteskTextW04-55Rm.eot);
    src: url(clientlib-base/resources/NeueHaasGroteskTextW04-55Rm.woff);
}
@font-face {
    font-family: neue haas grotesk display std;
    font-weight: 500;
    src: url(clientlib-base/resources/NeueHaasGroteskTextW04-55Rm.otf);
    src: url(clientlib-base/resources/NeueHaasGroteskTextW04-55Rm.ttf);
    src: url(clientlib-base/resources/NeueHaasGroteskTextW04-55Rm.eot);
    src: url(clientlib-base/resources/NeueHaasGroteskTextW04-55Rm.woff);
}
@font-face {
    font-family: neue haas grotesk display std;
    font-weight: 600;
 src: url(clientlib-base/resources/NeueHaasGroteskTextW04-55Rm.otf);
    src: url(clientlib-base/resources/NeueHaasGroteskTextW04-55Rm.ttf);
    src: url(clientlib-base/resources/NeueHaasGroteskTextW04-55Rm.eot);
    src: url(clientlib-base/resources/NeueHaasGroteskTextW04-55Rm.woff);
}
@font-face {
    font-family: neue haas grotesk display std;
    font-weight: 700;
    src: url(clientlib-base/resources/NHaasGroteskTXW01-75Bd.svg);
    src: url(clientlib-base/resources/NHaasGroteskTXW01-75Bd.ttf);
    src: url(clientlib-base/resources/NHaasGroteskTXW01-75Bd.eot);
    src: url(clientlib-base/resources/NHaasGroteskTXW01-75Bd.woff);
} */



@font-face {
    font-family: verizon nhg;
    font-weight: 400;
    src: url(clientlib-base-main/resources/VerizonNHGTX-Regular.otf);
    src: url(clientlib-base-main/resources/VerizonNHGTX-Regular.ttf);
    /* font-display: swap; */
    font-display: fallback;
}
@font-face {
    font-family: verizon nhg;
    font-weight: 400;
    font-style: italic;
    src: url(clientlib-base-main/resources/VerizonNHGTX-Italic.otf);
    src: url(clientlib-base-main/resources/VerizonNHGTX-Italic.ttf);
    /* font-display: swap; */
    font-display: fallback;
}
@font-face {
    font-family: verizon nhg;
    font-weight: 700;
    src: url(clientlib-base-main/resources/VerizonNHGTX-Bold.otf);
    src: url(clientlib-base-main/resources/VerizonNHGTX-Bold.ttf);
    /* font-display: swap; */
    font-display: fallback;
}
@font-face {
    font-family: verizon nhg;
    font-weight: 700;
    font-style: italic;
    src: url(clientlib-base-main/resources/VerizonNHGTX-BoldItalic.otf);
    src: url(clientlib-base-main/resources/VerizonNHGTX-BoldItalic.ttf);
    /* font-display: swap; */
    font-display: fallback;
}


h1 {
    font-size: 3.125rem;
    font-weight: 700
}

h2 {
    font-size: 2.375rem;
    font-weight: 700;
    margin-bottom: 0
}

h3 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0
}

h4 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0
}

h5 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0
}

.h8half {
    font-size: 8.5px
}

.h9 {
    font-size: 9px
}

.h10 {
    font-size: 10px
}

.h12 {
    font-size: .75rem
}

.h12_bold {
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .03rem
}

.h14 {
    font-size: .875rem
}

.h16 {
    font-size: 1rem
}

.h18 {
    font-size: 18px
}

.h20 {
    font-size: 1.25rem
}

.h24 {
    font-size: 1.5rem
}

.h25 {
    font-size: 1.5625rem;
    font-weight: 700
}

.h32 {
    font-size: 2rem;
    font-weight: 700
}
@media (max-width: 1280px) and (min-width: 769px) {
    .h32 {
    font-size: 24px;
    }
}
@media (max-width: 768px) {
    .h32 {
        font-size: 24px;
    }
}

.h36 {
    font-size: 2.25rem;
    font-weight: 700
}

.h60 {
    font-size: 3.75rem;
    line-height: 60px;
    font-weight: 700
}

.h64 {
    font-size: 64px;
    line-height: 60px;
    font-weight: 700
}

.normal {
    font-weight: 400
}

.red-text {
    color: #d52b1e
}

.white-text {
    color: #fff
}

@media(max-width:991px) {
    .h60 {
        font-size: 3.125rem
    }
    h2 {
        font-size: 2rem
    }
}
@media (max-width: 767px) {
    h3 {
        font-size: 1.5rem;
    }
    .h20, h5 {
        font-size: 1.15rem;
    }
}
.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt12 {
    padding-top: 12px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.pt35 {
    padding-top: 35px
}

.pt40 {
    padding-top: 40px
}

.pt50 {
    padding-top: 50px
}

.pt60 {
    padding-top: 60px
}

.pt70 {
    padding-top: 70px
}

.pt100 {
    padding-top: 100px
}

.pt170 {
    padding-top: 170px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb15 {
    padding-bottom: 15px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pb40 {
    padding-bottom: 40px
}

.pb50 {
    padding-bottom: 50px
}

.pb60 {
    padding-bottom: 60px
}

.pb100 {
    padding-bottom: 100px
}

.pb100-impor {
    padding-bottom: 100px !important
}

.pl0 {
    padding-left: 0
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.mb10-import {
    margin-bottom: 10px !important
}

.pl20 {
    padding-left: 20px
}

.pl25 {
    padding-left: 25px
}

.pl35 {
    padding-left: 35px
}

.pl75 {
    padding-left: 75px
}

.pl80resp15 {
    padding-left: 80px
}

.pr0 {
    padding-right: 0
}

.pr10 {
    padding-right: 10px
}

.pr20 {
    padding-right: 20px
}

.ptb125 {
    padding: 125px 15px
}

.ptb100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.ptb80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.plr0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.plr15 {
    padding-left: 15px;
    padding-right: 15px
}

.mt-30 {
    margin-top: -30px
}

.mt1em {
    margin-top: 1em
}

.mt0 {
    margin-top: 0 !important
}

.mt5 {
    margin-top: 5px
}

.mt7 {
    margin-top: 7px
}

.mt20-import {
    margin-top: 20px !important
}

.mt-10 {
    margin-top: -10px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt60 {
    margin-top: 60px
}

.mt100 {
    margin-top: 100px
}

.mb0-impor {
    margin-bottom: 0 !important
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb80 {
    margin-bottom: 80px
}

.mb100 {
    margin-bottom: 100px
}

.mb250 {
    margin-bottom: 250px
}

.mtb30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mtb100 {
    margin-top: 100px;
    margin-bottom: 100px
}

.ml-15 {
    margin-left: -15px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.ml35 {
    margin-left: 35px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.mb90 {
    margin-bottom: 90px
}

.mb60-respo30 {
    margin-bottom: 60px
}

.mb90-resp30 {
    margin-bottom: 90px
}
.mt30-respo {
 margin-top:30px
}
.mr-15 {
    margin-right: -15px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mlr0resp {
    margin-left: 0;
    margin-right: 0
}

.width50 {
 width:50px
}
.width20P {
 width:20%;
 float:left
}
.width30P {
 width:30%;
 float:left
}
.width25P {
 width:25%;
 float:left
}
.width33P {
 width:33.33%
}
.width50P {
 width:50%;
 float:left;
}
.width70P {
 width:70%;
 float:left
}
.width80P {
 width:80%;
 float:left
}
.width100P {
 float:left;
 width:100%
}

@media(max-width:768px) {
    .plr0 {
        padding-left: 15px;
        padding-right: 15px
    }
    .pl80resp15 {
        padding-left: 15px
    }
    .pt15resp {
        padding-top: 15px
    }
    .pt20resp {
        padding-top: 20px
    }
    .pt30 {
        padding-top: 15px
    }
    .pt30resp {
        padding-top: 30px
    }
    .pt40,
    .pt60 {
        padding-top: 30px
    }
    .ptb100 {
        padding-top: 30px;
        padding-bottom: 40px
    }
    .ptb80 {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .pt100,
    .pt170,
    .pt40,
    .pt70 {
        padding-top: 30px
    }
    .pb100 {
        padding-bottom: 30px
    }
    .pb100-impor {
        padding-bottom: 30px !important
    }
    .pb50 {
        padding-bottom: 30px
    }
    .pb60 {
        padding-bottom: 30px
    }
    .pb10respo {
        padding-bottom: 10px
    }
    .pb20respo {
        padding-bottom: 20px
    }
    .mlr0resp {
        margin-left: 0;
        margin-right: 0
    }
    .mt60 {
        margin-top: 30px
    }
    .mt100 {
        margin-top: 30px
    }
    .mtb100 {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .mb0resp {
        margin-bottom: 0
    }
    .mb90-resp30 {
        margin-bottom: 30px
    }
}

@media(max-width:767px) {
    .mt15resp {
        margin-top: 15px
    }
    .mt30resp {
        margin-top: 30px
    }
    .mb10resp {
        margin-bottom: 10px
    }
    .mb15resp {
        margin-bottom: 15px
    }
    .mb20resp {
        margin-bottom: 20px
    }
    .mb30resp {
        margin-bottom: 30px
    }
    .mb60 {
        margin-bottom: 30px
    }
    .mb60-respo30 {
        margin-bottom: 30px
    }
    .mr15resp {
        margin-right: 15px
    }
    .mlr15resp {
        margin-left: 15px;
        margin-right: 15px
    }
    .mr200 {
        margin-right: 200px
    }
    .ptb10resp {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .pb30resp {
        padding-bottom: 30px
    }
}

@media(min-width:768px) and (max-width:1200px) {
    .pt100 {
        padding-top: 50px
    }
    .mb100 {
        margin-bottom: 30px
    }
    .ptb100 {
        padding-top: 30px;
        padding-bottom: 40px
    }
}

@charset "UTF-8";

.icon-column-size
{
  column-count: 2;
}

@media (max-width: 768px) {
  .icon-column-size
  {
    column-count: 1;
  }
}
/* START entire site share styles */
.with-line p:first-of-type {
    padding-top: 30px;
    border-top: 1px solid #fff;
    margin-top: 60px;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .with-line p:first-of-type { 
        margin-top: 30px;
    }
}

.right-carret {
    position: absolute;
    bottom: 20px;
    right: 30px;
}

.slide-wrapper {
 max-height:450px;
 height:450px;
 width:100%
}
.left-arrow {
    background: url(../../../content/dam/thingspace-portal/home/icons/left-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%
}

.right-arrow {
    background: url(../../../content/dam/thingspace-portal/home/icons/right-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%
}

#blank {
 height:1.1px;
 background-color:#d8d8d8
}
.legal {
 display:inline-block;
 vertical-align:middle
}
.width50P {
    float:left;
    width:50%
   }

.section-black .btn-section
 {
    border-radius: 100px;
    background-color: #000;
    color: #fff!important;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    padding: 13px 40px;
    margin-top: 30px;
    border: 1px solid #fff;
}

.section-white .btn-section
 {
    border-radius: 100px;
    background-color: #fff;
    color: #000!important;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    padding: 13px 40px;
    margin-top: 30px;
    border: 1px solid #000;
}

.section-gray .btn-section
 {
   border-radius: 100px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    padding: 13px 40px;
    margin-top: 30px;
}

.section-gray {
 background-color:#f6f6f6;
 padding-top:100px;
 padding-bottom:100px
}

.section-black {
 color:#fff;
 background-color:#000;
 padding-top:100px;
 padding-bottom:100px
}

.section-white {
 color:#000;
 background-color:#fff;
 padding-top:100px;
 padding-bottom:100px;
}
.intro-section {
    margin-top:2.375rem
}
@media(max-width:768px) {
    .intro-section {
     padding-bottom:30px
    }
    .section-black,
    .section-gray, .section-white {
     padding-top:30px;
     padding-bottom:30px
    }
}
#blank {
    height: 1.1px;
    background-color: #d8d8d8
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.block-black {
 background-color:#000;
 color:#fff;
 padding:40px
}
.block-black .link-off {
 height:13px;
 width:13px;
 float:left;
 margin-top:5px;
 margin-right:8px;
 display:block;
 background:url(../../../icons/header/link-off.svg) no-repeat
}
.white-border {
 border:1px solid #fff;
 padding:30px;
 float:left;
 width:100%
}

.white-line {
 border-top:1px solid #fff;
 width:100%
}
@media(max-width:991px) and (min-width:768px),(max-width:666px) {
 .block-black {
  padding:20px
 }
 .block-black .white-border .width50P {
  width:100%
 }
 .block-black .white-border .btn-white {
  float:left
 }
 .block-black .mb30resp {
  margin-bottom:30px
 }
}
/*.cart-black-icon has to be here */
.cart-black-icon {
    background: url(../../../content/dam/thingspace-portal/marketplace/shop-black.svg) no-repeat;
    background-position: center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    padding-top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}
/* END entire site share styles */
/*START popup style */
.modal {
    color:#000
   }
   .modal .modal-dialog .modal-content .modal-header button.close {
    font-weight:400
   }
   .modal .modal-dialog .modal-content .modal-body {
    color:#000
   }
   .modal .modal-dialog .modal-content .modal-body .read-notes {
    height:450px;
    overflow-y:auto
   }
/*END popup style */

/*BELOW these 2 icons sharing between partners and documentation */
.icon-plus {
 height:10px;
 width:10px;
 margin-top:-20px;
 float:right;
 cursor: pointer;
 background:url("../../../content/dam/thingspace-portal/partners/results/icons/Plus.svg") no-repeat;
 background-size: contain;
}
.icon-minus {
 height:10px;
 width:10px;
 margin-top:-20px;
 float:right;
 cursor: pointer;
 background:url("../../../content/dam/thingspace-portal/partners/results/icons/Minus.svg") no-repeat;
 background-size: contain;
}
/* ABOVE these 2 icons sharing between partners and documentation */

.info-icon_black {
    background-size: contain;
    width: 16px;
    height: 16px;
    margin-bottom: 5px;
    display: inline-block
}

.back_arrow_black-icon {
    background: url(../../../content/dam/thingspace-portal/icons/carret-left-black.svg) no-repeat;
    width: 13px;
    height: 13px;
    cursor: pointer
}
.arrow-right_black {
    background: url(../../../content/dam/thingspace-portal/icons/carret-right-black.svg) no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer
}
.arrow-down {    
    background-image: url(../../../content/dam/thingspace-portal/icons/arrow-down-white.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
}

.arrow-down.hover {
    background-image: url(../../../content/dam/thingspace-portal/icons/arrow-up-white.svg);
    background-repeat: no-repeat
}







html {
    font-size: 16px;
    position: relative;
    min-height: 100vh;
}
body {
    font-family: verizon nhg, sans-serif;
    color: #000;
    margin-bottom: 100px;
}
a {
    color: #0088ce;
    /* text-decoration: underline; */
}
.black_underline-link {
    color: black;
    text-decoration: underline;
}
@media(min-width:1200px) {
 .container {
  max-width:1232px;
  padding:0
 }
}
a:hover {
 color:#747676;
 text-decoration:none
}
.nav-link {
 font-size:24px;
 line-height:28px;
 color:#747676;
 font-weight:900
}

button {
 cursor:pointer;
 border: none;
}
.btn:focus,
button:focus {
 outline:0;
 box-shadow:none
}
.btn-black {
 border-radius:100px;
 background-color:#000;
 color:#fff;
 font-size:14px;
 text-align:center;
 font-weight:700;
 padding:13px 40px;
 margin-top:30px;
 border:0
}
.btn-white {
 border-radius:100px;
 background-color:#fff;
 color:#000!important;
 font-size:14px;
 text-align:center;
 font-weight:700;
 padding:13px 40px;
 margin-top:30px;
}
@media(max-width:490px) {
 .btn-white,
 .btn-black,
 .btn-black-at-bottom,
 .btn-box-at-bottom,
 .btn-white-at-bottom,
 .btn-gray,
 .btn-trans {
  padding:8px 25px!important
 }
}
.img-as-background {
 background-repeat:no-repeat;
 height:auto;
 width:100%;
 background-size:cover
}

.text-top {
    vertical-align: text-top;
    padding-top: 8px;
    display: inline-block
}
.gap40 {
 padding-left:25px
}

/* entired site */
.text-vertical-middle {
 display:flex;
 align-items:center;
 justify-content:left
}
.img-middle {
    display: flex;
    align-items: center
}

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.flex-display {
  display : flex;
}
.flex-end {
    align-self:flex-end
   }
.bold {
 font-weight:700
}
p {
 font-size:1rem;
 font-weight:400;
 margin-bottom:0
}
ul {
    padding-left:35px
}
li {
 line-height:1.9rem
}
.gray-text {
 color:#747676
}
.blue-text {
 color:#0088ce
}
.hotspot-link {
 color:#337ab7
}
.gray-text-20px {
 color:#747676;
 font-size:1.25rem;
 line-height:24px
}
.black-text-20px {
 color:#000;
 font-size:1.25rem;
 line-height:24px
}
.white-text-20px {
    color: #fff;
    font-size: 1.25rem;
    line-height: 24px
}
.gray-text-12px {
 color:#747676;
 font-size:.75rem;
 line-height:24px
}
.box-border-white {
 border:1px solid #fff;
 padding:30px 20px 20px 30px
}
.box-border-black {
 border:1px solid #000;
 padding:30px
}
.textbox_top-line {
 border-top:1px solid #000;
 padding-top:30px;
 margin-top:60px;
 margin-bottom:0
}
.textbox_top20px-line {
 border-top:1px solid #000;
 padding-top:20px;
 margin-top:60px;
 margin-bottom:0
}
.textbox_top0px-line {
 border-top:1px solid #000;
 padding-top:0;
 margin-top:10px;
 margin-bottom:0;
 padding-bottom:10px
}
.img-responsive {
    max-width: 100%;
    height: auto;
}
.posi-relative {
 position:relative
}
.height-min-84 {
 min-height:84px
}
.opacity0 {
  opacity : 0;
}
dl,
ol,
ul {
 margin-bottom:0
}
.btn:disabled {
 opacity:.25!important
}
.black-border-top {
 border-top:1px solid #000
}

@media(max-width:740px) {
 h1 {
  font-size:2.375rem
 }
 h2 {
  font-size:2rem
 }
 .ts-banners .gap40 {
  padding-left:15px
 }
}
@media(max-width:1200px) {
 .textbox_top-line,
 .textbox_top20px-line {
  margin-top:30px
 }
}
@media(max-width:767px) {
 h2 {
  font-size:1.8rem
 }
 .gap40 {
  padding-left:15px
 }
}
@media screen and (max-width:991px) and (min-width:768px) {
 .textbox_top-line {
  padding-top:15px
 }
}
@media screen and (max-width:1200px) and (min-width:768px) {
 .img-responsive {
  width:100%!important
 }
}
/* entired site */



@media(max-width:400px) {
 .ts-banners h3 {
  font-size:1.6rem
 }
}

.api-submenu {
 position:relative
}
@media(max-width:768px) {
 .api-submenu .col-md-3 {
  margin-left:-700px;
  background:#fff;
  width:100%;
  position:absolute;
  z-index:9;
  flex:0 0 100%;
  max-width:100%;
  -webkit-transition:all .5s ease 0s;
  -moz-transition:all .5s ease 0s;
  -o-transition:all .5s ease 0s;
  transition:all .5s ease 0s
 }
 .api-submenu .col-md-3 .doc-side-nav {
    background-image: url("../../../content/dam/thingspace-portal/marketplace/stripe-bg-resp.gif");
  background-repeat:repeat-y;
  padding-left:35px;
  border-top:1px solid #e2e4e4
 }
 .api-submenu .col-md-3 .doc-side-nav ul li {
  border-bottom:1px solid #e2e4e4;
  padding-left:10px
 }
 .api-submenu .col-md-9 {
  padding-top:30px
 }
 .api-submenu .submenu-hide-icon {
    background: url(../../../content/dam/thingspace-portal/marketplace/close.svg) no-repeat;
    width:20px;
    height:20px;
    position:absolute;
    top:7px;
    margin-left:-693px;
    z-index:10;
    -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
    transition:all .5s ease 0s
 }
}
@media(max-width:768px) {
 .api-submenu.docked .col-md-3 {
  margin-left:0
 }
 .api-submenu.docked .submenu-hide-icon {
  margin-left:7px
 }
}
.resources-edge p {
 font-size:14px
}
.resources-edge .ts-banners {
 background-image:url(../../../img/legal/TS_Banners_Legal_80.jpg)
}
.resources-edge .red {
 color:#ed7000
}
.resources-edge .border-underline {
 padding-bottom:30px;
 border-bottom:1px solid #d8dada
}
.resources-edge .black {
 color:#000
}
.resources-edge #blank-link {
 color:#fff
}
.resources-edge .white {
 color:#fff
}
.resources-edge .note {
 color:#fff;
 vertical-align:middle;
 padding-left:10px;
 background-color:#ed7000;
 line-height:40px
}

.iot_devices-critical_asset_sensor h2 {
    border-bottom: 1px solid #e2e4e4;
    padding-bottom: 15px;
    margin-bottom: 40px
}

.iot_devices-critical_asset_sensor .left-border {
    border-left: 1px solid #e2e4e4
}

.iot_devices-critical_asset_sensor ul li {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 12px
}

.iot_devices-critical_asset_sensor ul ul {
    list-style-type: disc;
    padding-top: 10px
}

.iot_devices-critical_asset_sensor .right-nav ul {
    padding-left: 0
}

@media(min-width:885px) {
    .iot_devices-critical_asset_sensor #myScrollspy ul {
        padding-left: 0
    }
}

.iot_devices-critical_asset_sensor .right-nav {
    width: 180px;
    padding: 20px;
    background: #f6f6f6
}

.iot_devices-critical_asset_sensor .right-nav p {
    font-size: 14px
}

.iot_devices-critical_asset_sensor .submenu-show-icon {
    background: url(../../../content/dam/thingspace-portal/marketplace/showSideNav.svg) no-repeat;
    width: 20px;
    height: 20px;
    display: none;
    position: absolute;
    top: -18px;
    left: 15px;
    z-index: 9
}

@media(max-width:884px) {
    .iot_devices-critical_asset_sensor .submenu-show-icon {
        display: block
    }
}

.iot_devices-critical_asset_sensor .submenu-hide-icon {
    background: url(../../../content/dam/thingspace-portal/marketplace/close.svg) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 7px;
    margin-left: -693px;
    z-index: 10;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.iot_devices-critical_asset_sensor .show-frame .submenu-hide-icon {
    display: none
}

.iot_devices-critical_asset_sensor .submenu-show-icon,
.iot_devices-critical_asset_sensor .submenu-hide-icon {
    cursor: pointer
}

.iot_devices-critical_asset_sensor .active {
    color: #000!important;
    font-weight: 700!important
}

.iot_devices-critical_asset_sensor #myScrollspy .nav-link {
    display: initial;
    padding: 0;
    line-height: 20px
}

.iot_devices-critical_asset_sensor #myScrollspy .nav-item {
    line-height: 30px
}

.iot_devices-critical_asset_sensor .main-data {
    position: relative;
    height: 100%
}

@media(min-width:920px) {
    .iot_devices-critical_asset_sensor .main-data #TableOfContents {
        display: none
    }
}

.iot_devices-critical_asset_sensor .show-frame {
    padding-top: 60px
}

.iot_devices-critical_asset_sensor .show-frame .nav-item .nav-link,
.iot_devices-critical_asset_sensor #myScrollspy .nav-item .nav-link {
    color: #747676;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
    padding: 0
}

.iot_devices-critical_asset_sensor #myScrollspy .nav-item .nav-link {
    font-weight: 700
}

.iot_devices-critical_asset_sensor .show-frame li,
.iot_devices-critical_asset_sensor #myScrollspy li {
    list-style: none;
    line-height: 20px;
    padding-bottom: 10px
}

.iot_devices-critical_asset_sensor .main-data #TableOfContents ul {
    padding-left: 0;
    padding-top: 15px
}

.iot_devices-critical_asset_sensor .show-frame .right-menu {
    background: #f6f6f6;
    padding: 20px;
    max-width: 200px;
    width: 100%
}

.iot_devices-critical_asset_sensor .right-menu ul {
    padding-left: 0
}

.iot_devices-critical_asset_sensor .dock {
    right: 0!important
}

@media(min-width:1200px) {
    .iot_devices-critical_asset_sensor .show-frame .doc-side-nav {
        width: 100%
    }
}

@media(min-width:920px) {
    .iot_devices-critical_asset_sensor .affix {
        position: fixed;
        top: 0;
        width: 13.5%;
    }
    .iot_devices-critical_asset_sensor #myScrollspy.affix {
        width: 22%
    }
    .iot_devices-critical_asset_sensor .show-frame .doc-side-nav.affix {
        width: 16%
    }
}

@media(max-width:919px) {
    .iot_devices-critical_asset_sensor .col-md-3,
    .iot_devices-critical_asset_sensor .col-md-9 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .iot_devices-critical_asset_sensor .order-md-first,
    .iot_devices-critical_asset_sensor .order-md-last {
        order: initial
    }
    .iot_devices-critical_asset_sensor .show-frame .right-menu {
        background: #fff;
        padding: 0;
        max-width: unset
    }
    .iot_devices-critical_asset_sensor .gap40 {
        padding-left: 15px
    }
}

@media(max-width:919px) and (min-width:769px) {
    .iot_devices-critical_asset_sensor .show-frame {
        margin-bottom: 30px
    }
}

@media(max-width:884px) {
    .iot_devices-critical_asset_sensor .col-md-8 {
        padding-top: 15px
    }
    .iot_devices-critical_asset_sensor aside {
        margin-left: -780px;
        margin-top: -15px;
        background: #fff;
        width: 200px;
        position: absolute;
        z-index: 9;
        -webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s
    }
    .iot_devices-critical_asset_sensor .border-left {
        border-left: 0!important
    }
    .iot_devices-critical_asset_sensor aside.docked {
        margin-left: 0
    }
    .iot_devices-critical_asset_sensor .submenu-hide-icon.docked {
        margin-left: 6px;
        top: -10px
    }
    .iot_devices-critical_asset_sensor .left-menu-resp {
        position: relative
    }
    .iot_devices-critical_asset_sensor .left-menu-resp .col-md-9 {
        padding-top: 30px
    }
    .iot_devices-critical_asset_sensor .docked #myScrollspy .nav-link {
        padding-left: 10px
    }
    .iot_devices-critical_asset_sensor #myScrollspy.doc-side-nav {
        background-image: url("../../../content/dam/thingspace-portal/marketplace/stripe-bg-resp.gif");
        background-repeat: repeat-y;
        padding-left: 35px;
        border: 1px solid #e2e4e4;
        padding-top: 10px
    }
    .iot_devices-critical_asset_sensor .show-frame .submenu-show-icon {
        right: 0;
        left: unset
    }
    .iot_devices-critical_asset_sensor .show-frame .submenu-hide-icon {
        top: -10px;
        right: -10px;
        z-index: 20
    }
    .iot_devices-critical_asset_sensor .show-frame .submenu-hide-icon.docked {
        right: 5px;
        display: block
    }
    .iot_devices-critical_asset_sensor .row .col-md-2 {
        flex: none;
        max-width: 0;
        padding-right: 0;
        padding-left: 0
    }
    .iot_devices-critical_asset_sensor .row .col-md-2 .right-nav {
        position: absolute;
        top: -16px;
        right: -280px;
        z-index: 9
    }
    .iot_devices-critical_asset_sensor .row .col-md-2 .right-nav.docked {
        right: 0
    }
    .iot_devices-critical_asset_sensor .row .col-md-8 {
        flex: 0 0 99%;
        max-width: 99%
    }
    .iot_devices-critical_asset_sensor ul li.nav-item,
    .iot_devices-critical_asset_sensor #myScrollspy li.nav-item {
        line-height: 25px
    }
}

.iot_devices-critical_asset_sensor .resources-edge .col-md-9.main-data,
.iot_devices-critical_asset_sensor .resources-edge .col-md-7.main-data,
.iot_devices-critical_asset_sensor .col-md-3,
.iot_devices-critical_asset_sensor .show-frame,
.iot_devices-critical_asset_sensor .right-nav {
    -webkit-transition: all .25s ease-in-out 0s;
    -moz-transition: all .25s ease-in-out 0s;
    -o-transition: all .25s ease-in-out 0s;
    transition: all .25s ease-in-out 0s
}

.iot_devices-critical_asset_sensor table {
    width: 100%
}

.iot_devices-critical_asset_sensor table tr td {
    border: 1px solid #e2e4e4;
    padding: 15px;
    font-size: 14px
}

.iot_devices-critical_asset_sensor #overview-table thead {
    background: #000;
    color: #fff;
    font-weight: 700
}

.iot_devices-critical_asset_sensor #overview-table thead tr {
    height: 36px
}

.iot_devices-critical_asset_sensor #overview-table thead tr td {
    padding-right: 50px
}

.iot_devices-critical_asset_sensor #overview-table tr td {
    padding: 7px 15px
}

.iot_devices-critical_asset_sensor #overview-table tr td p {
    font-size: 14px
}

.iot_devices-critical_asset_sensor #overview-table tr td:first-child {
    font-weight: 700
}

.iot_devices-critical_asset_sensor #getting-started img {
    display: block;
    margin: auto
}

.iot_devices-critical_asset_sensor #getting-started table {
    margin: 10px auto 40px
}

.iot_devices-critical_asset_sensor #getting-started table tr td {
    vertical-align: top
}

.iot_devices-critical_asset_sensor #getting-started .num-list {
    list-style-type: decimal
}

.iot_devices-critical_asset_sensor #getting-started .num-list .abc-list {
    list-style-type: lower-alpha
}

.iot_devices-critical_asset_sensor #streaming-guide p {
    font-size: 14px
}

.iot_devices-critical_asset_sensor #streaming-guide .bold {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 20px
}

.iot_devices-critical_asset_sensor #streaming-guide ul {
    padding-top: 10px;
    padding-bottom: 10px
}

.iot_devices-critical_asset_sensor #streaming-guide ol {
    padding-bottom: 10px
}

.iot_devices-critical_asset_sensor #streaming-guide ol li {
    font-size: 14px
}

.iot_devices-critical_asset_sensor #streaming-guide ol ul {
    list-style-type: disc
}

.iot_devices-critical_asset_sensor #streaming-guide table thead tr th {
    border: 1px solid #e2e4e4;
    padding: 15px;
    font-size: 14px
}

.iot_devices-critical_asset_sensor #streaming-guide pre {
    padding: 15px;
    background-color: #f7f7f7;
    border: 1px solid #d8d8d8;
    font-size: 13px;
    line-height: 19px;
    overflow: auto;
    border-radius: 3px
}


#popup .hide {
    display: none
}

#popup .display {
    display: block
}

#popup .modal-content {
    background-color: transparent;
    border: 0
}

#popup .modal-header .close {
    padding: 0
}

@media(min-width:769px) {
    #popup .modal-xlg {
        max-width: 90%
    }
}

@media(max-width:768px) {
    #popup .modal-xlg {
        max-width: 95%
    }
}

#popup .close {
    opacity: 1
}

#popup .close:hover {
    opacity: .5
}



.five-col-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 15px
}
.five-columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 15px;
    padding-left: 15px
}
@media(max-width:991px) and (min-width:769px) {
    .five-columns {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        margin-bottom: 40px
    }
    .five-columns:last-child {
        margin-bottom: 0
    }
}

@media(max-width:768px) and (min-width:576px) {
    .five-columns {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 40px
    }
}

@media(max-width:575px) {
    .five-columns {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 40px
    }
}

.card-body #showText {
    position: absolute;
    left: 15px;
    top: -55px;
    z-index: 99
}

.card-body #showText .textBox {
    width: 200px
}

.card-body #showText .textBox:before {
    left: 81px
}

.card-body #showText .textBox:after {
    left: 82px
}

@media(max-width:767px) {
    .card-body #showText {
        top: -60px
    }
}

#comparePlans .modal-content {
    padding: 60px;
    display: block;
    border-radius: 0
}

#comparePlans .modal-content .modal-header {
    padding: 0;
    border-bottom: 0
}

#comparePlans .modal-content .plans-compare {
    margin: 40px auto 20px;
    float: left;
    width: 100%
}

#comparePlans .modal-content .plans {
    width: 50%;
    float: left;
    border: 1px solid #e2e4e4;
    padding: 40px
}

@media(min-width:992px) {
    #comparePlans .modal-content .plans:first-child {
        border-right: 0
    }
}

@media(max-width:991px) {
    #comparePlans .modal-content .plans-compare {
        margin-top: 20px
    }
    #comparePlans .modal-content .plans {
        width: 100%
    }
    #comparePlans .modal-content .plans:first-child {
        border-bottom: 0
    }
}

@media(max-width:1199px) and (min-width:768px) {
    #sim #sim-dropdown .row .col-md-8 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

#compareSims .modal-content {
    padding: 30px 60px;
    display: block;
    border-radius: 0
}

#compareSims .modal-content .modal-header {
    padding: 0;
    border-bottom: 0
}

#compareSims .modal-content .sims-sideByside {
    margin: 20px auto;
    float: left;
    width: 100%;
    display: flex
}

#compareSims .sim-details {
    width: 50%;
    padding: 30px;
    border: 1px solid #e2e4e4
}

#compareSims .sim-details_title {
    height: 100px;
    text-align: right
}

#compareSims .sim-details_title .h36 {
    line-height: 2rem
}

#compareSims .sim-details ul {
    height: 150px;
    border: 0;
    margin-left: 20px
}

#compareSims .sim-details ul li {
    padding: unset;
    min-height: 30px;
    border-left: 0;
    border-bottom: 0;
    list-style: disc
}

#compareSims .sim-details:first-child {
    border-right: 0
}

@media(max-width:991px) {
    #compareSims .modal-content .sims-sideByside {
        display: block
    }
    #compareSims .modal-content .sims-sideByside .sim-details {
        width: 100%
    }
    #compareSims .modal-content .sims-sideByside .sim-details:first-child {
        border: 1px solid #e2e4e4;
        border-bottom: 0
    }
    #compareSims .modal-content .sims-sideByside .sim-details:last-child ul {
        height: 80px
    }
}

#table-resp table {
    width: 100%;
    /* border: 1px solid #e2e4e4; */ /*remove this to fit other table (02-12-21) */
    margin-top: 25px;
    margin-bottom: 30px;
    table-layout: fixed
}

#table-resp table thead  {
    color: #fff;
    background-color: #000
}

#table-resp table thead tr {
    height: 68px
}

#table-resp table thead tr td {
    font-size: 20px;
    font-weight: 700;
    padding-left: 20px;
    border-right: 1px solid #e2e4e4
}

#table-resp table thead tr td:first-child {
    width: 40%
}

#table-resp table tbody .header {
    vertical-align: top
}

#table-resp table tbody .header td {
    font-weight: 700;
    font-size: 20px
}

#table-resp table tbody tr td {
    padding: 20px;
    border: 1px solid #e2e4e4;
    font-weight: 700;
    vertical-align: baseline
}

#table-resp table tbody tr td .check-icon {
    background-image: url(../../../content/dam/thingspace-portal/services/icons/checkmark.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left
}

#table-resp table tbody tr td .thead-respo {
    display: none
}

#table-resp .grid-wide-welcome-kit table tbody tr td {
    vertical-align: middle;
    padding: 30px 20px;
    font-weight: normal;
}
#table-resp .grid-wide-welcome-kit table tbody tr td .btn-black  {
    margin-top: 0;
}
@media (max-width: 991px) and (min-width: 768px) {
    #table-resp .grid-wide-welcome-kit table tbody tr td .btn-black {
        padding: 8px 20px;
        width: 100px;
    }
}
@media(max-width:767px) {
    #table-resp table thead {
        display: none
    }
    #table-resp table tbody tr {
        display: flex;
        flex-direction: column;
        margin-bottom: 10px
    }
    #table-resp table tbody tr td {
        height: 55px;
        padding: 0;
        display: flex;
        align-items: center
    }
    #table-resp table tbody tr td .thead-respo {
        font-size: 16px;
        font-weight: 700;
        background-color: #000;
        color: #fff;
        display: flex;
        flex: 0 0 130px;
        align-items: center;
        height: 100%;
        margin-right: 15px;
        padding-left: 15px
    }
    #table-resp .grid-wide-welcome-kit table {
        border: none;
    }
    #table-resp .grid-wide-welcome-kit table tbody tr {
        display: inline-table;
        flex-direction: initial;
        margin-bottom: 20px;
        width: 100%;
    }
    #table-resp .grid-wide-welcome-kit table tbody tr td {
        height: auto;
        min-height: 55px;
        display: grid;
        width: 100%;
        padding: 0 0 15px 15px;
    }
    #table-resp .grid-wide-welcome-kit table tbody tr td .thead-respo {
        height: 55px;
        margin: 0 0 15px -15px;
        padding-left: 15px;
    }
    #table-resp .grid-wide-welcome-kit table tbody tr td .btn-black {
        margin-top: 15px;
        width: 150px;
    }
}

@media(max-width:414px) {
    #table-resp table tbody tr td {
        height: 75px
    }
}

.tooltip.show {
    opacity: 1
}

.tooltip-inner {
    color: #000;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #000;
    border-radius: 0;
    text-align: left;
    line-height: 16px;
    padding: 10px;
    max-width: 290px
}

.arrow:after {
    border-color: transparent;
    border-width: .4rem .4rem 0;
    border-top-color: #fff;
    position: absolute;
    content: "";
    border-style: solid;
    top: -2px
}

.clover .col .flex {
    height: 40px;
}
@media (max-width: 1199px) and (min-width: 992px) {
    .clover .col .flex {
        height: 65px;
    }
}
@media (max-width: 767px) and (min-width: 741px) {
    .clover .col .flex {
        height: 95px;
    }
}
@media (max-width: 740px) and (min-width: 666px) {
    .clover .col .flex {
        height: 65px;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .col:nth-child(5) {
        flex-basis: unset;
        max-width: 25%;
    }
}
@media(max-width:991px) {
    .col {
        flex-basis: unset;
        max-width: 33%;
        margin-bottom: 30px
    }
}

@media(max-width:767px) {
    .col {
        flex-basis: unset;
        max-width: 100%;
        margin-bottom: 40px;
    }
    .col:last-child {
        margin-bottom: 0;
    }
    .col .mb20{
        margin-bottom: 5px;
    }
    .clover .col .flex {
        height: auto;
    }
}



@media (max-width: 767px) {
    #smart-city-solu .row .col-md-4:first-child {
        width: 100%;
        margin-bottom: 20px;
    } 
 }
@media (max-width: 740px) {
    #smart-city-solu {
        margin: auto 15px;
    }
}


.section-white .btn-box-at-bottom {
 border-radius:100px;
 background-color:#000;
 color:#fff!important;
 font-size:14px;
 text-align:center;
 font-weight:700;
 padding:13px 42px;
 margin-top:30px;
 position:absolute;
 bottom:30px;
 border:0
}
@media (max-width: 767px) {
    .section-white .btn-box-at-bottom {
        position: inherit;
    }
}
.section-black .btn-box-at-bottom {
 border-radius:100px;
 background-color:#fff;
 color:#000!important;
 font-size:14px;
 text-align:center;
 font-weight:700;
 padding:13px 42px;
 margin-top:30px;
 position:absolute;
 bottom:30px;
 border:0
}
.section-gray .btn-box-at-bottom {
 border-radius:100px;
 background-color:#000;
 color:#fff!important;
 font-size:14px;
 text-align:center;
 font-weight:700;
 padding:13px 42px;
 margin-top:30px;
 position:absolute;
 bottom:30px;
 border:0
}

.two-column-variations .richtexteditor .pt40 {
    padding-top: 0;
}



/*Anvesh Rasamalla for intro component anchor list top margin space*/
#anchor-list {
    margin-top: 20px;
}





#section-home-journey {
    padding-top: 40px;
    padding-bottom: 100px
}


#section-home-journey p {
    color: #747676;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400
}

#complete-lifecycle .three-cards {
    position: relative;
    border: 1px solid #000;
    padding: 30px;
    padding-bottom: 60px;
    height: 100%
}

@media(max-width:991px) and (min-width:885px) {
    #complete-lifecycle .textbox_bottom-line {
        height: 110px
    }
}

@media(max-width:884px) and (min-width:768px) {
    #complete-lifecycle .textbox_bottom-line {
        height: 130px
    }
}

@media(max-width:767px) {
    #complete-lifecycle .textbox_bottom-line {
        height: 70px
    }
}

#section-simple-solutions {
 padding-top:100px;
 padding-bottom:100px
}
#section-find-partner {
 padding-top:100px;
 padding-bottom:100px;
 background-color:#fff
}
#section-support {
 background-color:#f6f6f6;
 padding:100px 0
}
@media(max-width:1200px) {
 #coding-img,
 #shaking-img,
 #support-img {
  width:100%;
  height:100%
 }
}

@media (max-width: 1199px) and (min-width: 768px)
{
.svg-list .width50P {
    width: 100%;
}
}

@media(max-width:768px) {
 #section-find-partner,
 #section-clear-hurdles,
 #section-support,
 #section-simple-solutions,
 #section-home-journey {
  padding-top:30px;
  padding-bottom:30px
 }
 #section-take-charge {
  padding-top:30px;
  padding-bottom:100px
 }
}
.legal-section .ts-banners {
 background-image:url(../../../img/legal/TS_Banners_Legal_80.jpg);
}
.legal-section .text-vertical-middle {
 justify-content:center
}
.doc-side-nav  ul .sub-menu li {
 padding-left:20px
}
.doc-side-nav  ul .sub-menu-2 li {
 padding-left:40px
}

.legal-section .block-relative {
    padding: 30px;
    border: 1px solid #d8dada;
    height: 100%;
    position: relative;
    padding-bottom: 100px
}

.legal-section .block-relative .header {
    height: 80px;
    font-size: 2rem;
    font-weight: 700
}

.legal-section .block-relative .textbox_top-line {
    margin-top: 0
}

@media(max-width:1250px) and (min-width:1200px) {
    .legal-section .block-relative .header {
        font-size: 1.8rem
    }
}

@media(max-width:1199px) and (min-width:768px) {
    .legal-section .block-relative .header {
        font-size: 1.5rem
    }
}

@media(max-width:767px) {
    .legal-section .block-relative {
        padding: 20px;
        padding-bottom: 60px
    }
    .legal-section .block-relative .header {
        height: 60px
    }
    .legal-section .block-relative .textbox_top-line {
        padding-top: 20px
    }
}

.legal-section .block-0-Gap-legal {
 border:1px solid #d8dada;
 border-right:0;
 padding:30px;
 width:33.3333%;
 position:relative;
 float:left
}
.legal-section .block-0-Gap-legal .header {
 font-size:1.5rem;
 font-weight:700;
 line-height:28px;
 height:30px
}
.legal-section .block-0-Gap-legal .textbox_top-line {
 height:170px
}
.legal-section .block-0-Gap-legal:last-child {
 border-right:1px solid #d8dada
}
.legal-section .sideNav.toggled {
 margin-left:-25%;
 display:none
}
.legal-section .sideNav li {
 list-style:none
}
.legal-section .sideNav li:hover {
 background-color:#d8dada
}
.legal-section .sideNav li p {
 padding-top:7px;
 padding-bottom:7px
}
.legal-section .sideNav li a {
 text-decoration:none
}
.legal-section .sideNav li img {
 cursor:pointer
}
.legal-section .collapse.show {
 position:unset;
 display:grid;
 text-align:left;
 width:100%;
 left:0
}
.legal-section .top-line {
 border-top:1px solid #d8d8d8
}
.legal-section .under-line {
 border-bottom:1px solid #d8d8d8
}
.legal-section .show-icon {
 display:none
}
.legal-section .black-text {
 color:#000!important
}
.legal-section .gray-text-14px {
 color:#747676;
 font-size:14px;
 font-weight:700
}
.legal-section .arrow-black {
 background:url(../../../content/dam/thingspace-portal/home/icons/right-carret-black.svg) no-repeat;
 display:inline-block;
 vertical-align:middle;
 width:12px;
 height:20px;
 margin-left:15px
}
.legal-section .link-bottom-right {
 position:absolute;
 margin-top:30px;
 bottom:30px;
 right:35px
}
.legal-section .link-bottom-right span {
 color:#000
}
@media(max-width:1199px) and (min-width:769px) {
 .legal-section .block-0-Gap-legal {
  width:50%;
  margin-bottom:20px
 }
 .legal-section .block-0-Gap-legal:nth-child(2) {
  border-right:1px solid #d8dada
 }
 .legal-section .block-0-Gap-legal .textbox_top-line {
  margin-top:60px
 }
}
@media(max-width:768px) {
 .legal-section .block-0-Gap-legal {
  width:100%;
  margin-bottom:20px;
  padding:15px;
  border-right:1px solid #d8dada
 }
 .legal-section .none-border {
  border-right:0
 }
 .legal-section .link-bottom-right {
  right:20px
 }
}
@media(min-width:1200px) and (max-width:1250px) {
    .legal-section .container {
        padding-left: 15px;
        padding-right: 15px
    }
}
.managed-services h3,
.managed-services h5,
.legal-section h3,
.legal-section h5 {
    margin-top: 30px;
    margin-bottom: 10px
}
.managed-services .sub-header,
.legal-section .sub-header {
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 0;
    padding-top: 5px;
    font-size: 1rem
}
.managed-services p,
.legal-section p {
    font-size: .875rem;
    margin-bottom: 10px
}

.managed-services ul,
.legal-section ul {
    margin-left: 15px
}

.managed-services ul li,
.legal-section ul li {
    font-size: .875rem;
    line-height: 1.5rem
}

.managed-services ul .noStyle,
.legal-section ul .noStyle {
    list-style-type: none;
    padding: 15px 0 0;
    font-weight: 700
}

.managed-services ol,
.legal-section ol {
    padding-left: 15px
}

.managed-services ol li,
.legal-section ol li {
    font-size: .875rem;
    line-height: 1.5rem
}

.managed-services .doc-side-nav.affix,
.doc-side-nav  .affix {
    position: fixed;
    top: 0;
    width: 13.5%;
}

.managed-services .sub-menu.show,
.legal-section .sub-menu.show {
    max-height: 500px;
    overflow-y: auto
}

.managed-services ol.alpha-list,
.legal-section ol.alpha-list {
    list-style-type: lower-alpha;
    padding-left: 15px
}

.managed-services ol.alpha-list li,
.legal-section ol.alpha-list li {
    font-size: .875rem;
    margin-bottom: 10px;
    line-height: inherit
}
@media(min-width:1251px) and (max-width:1300px) {
 .legal-section .container {
  max-width:1232px;
  padding-left:0
 }
}
@media(max-width:767px) {
    .managed-services .sub-menu-header,
    .legal-section .sub-menu-header {
        display: block;
        height: 25px;
        width: 100%;
        padding: 3px 0 0 15px;
        background-color: #fff;
        z-index: 9
    }
    .managed-services .sub-menu-header.affix,
     .sub-menu-header.affix {
        position: fixed;
        top: 0;
        width: 13.5%;
    }
    .managed-services .col-md-3 aside,
    .legal-section .col-md-3 aside {
        margin-left: -780px;
        margin-top: -25px;
        background: #fff;
        width: 90% !important;
        position: absolute;
        z-index: 9;
        background-image: url("../../../content/dam/thingspace-portal/marketplace/stripe-bg-resp.gif");
        background-repeat: repeat-y;
        padding-left: 40px;
        border: 1px solid #e2e4e4;
        padding-top: 10px;
        -webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s
    }
    .managed-services .col-md-3 aside.docked,
    .legal-section .col-md-3 aside.docked {
        margin-left: 0
    }
    .managed-services .col-md-3 aside .submenu-hide-icon,
    .legal-section .col-md-3 aside .submenu-hide-icon {
        left: 5px
    }
    .managed-services .sub-header,
    .legal-section .sub-header {
        padding-top: 20px
    }
    .managed-services .doc-side-nav.affix,
    .doc-side-nav  .affix {
        top: 25px;
        width: 13.5%;
    }
    .managed-services .mt40,
    .legal-section .mt40 {
        margin-top: 0
    }
}

.trial-request {
 padding:20px 0
}
.trial-request h4 {
 display:block;
 font-weight:700;
 color:#000;
 font-size:3.6rem
}
.trial-request h5 {
 display:inline-block;
 margin-bottom:0
}
.trial-request__fields {
 margin-bottom:30px;
 background-color:#f6f6f6;
 padding:20px
}
.trial-request__fields header span {
 margin-left:20px;
 padding-top:10px;
 font-size:1.5rem;
 font-weight:600
}
.trial-request__fields header .headerlink a {
 position:relative;
 top:-10px;
 color:#0088ce;
 font-size:14px;
 cursor:pointer
}
.trial-request__fields header .headerlink a:active {
 color:#000;
 text-decoration:none
}
.trial-request__fields__group .row label {
 font-size:14px;
 font-weight:400
}
.trial-request__fields__group .row .form-group textarea {
 height:85px
}
.trial-request__fields__group .row .form-group .checkbox-group {
 margin-left:-15px
}
.trial-request__fields__group .row .form-group .checkbox-group [class^=col-] {
 margin-bottom:10px;
 height:25px
}
.trial-request .checkbox-header {
 position:relative;
 padding-left:30px;
 font-size:1.25rem;
 margin-bottom:20px
}
.trial-request .checkbox-header input {
 width:auto;
 position:absolute;
 z-index:-1;
 opacity:0
}
.trial-request .checkbox-header input:checked+.checkbox-style:before {
 display:block
}
.trial-request .checkbox-header label {
 position:relative;
 width:60px;
 display:inline-flex
}
.trial-request .checkbox-header .link {
 color:#007bff;
 position:relative;
 padding-left:40px;
 padding-top:10px;
 font-size:2rem
}
.trial-request .checkbox-header .checkbox-style {
 border:1px solid #000;
 width:20px;
 height:20px;
 position:absolute;
 top:-2px;
 left:-20px;
 background:0 0;
 cursor:pointer
}
.trial-request .checkbox-header .checkbox-style:before {
 content:url(../../../icons/account/square-check-black.svg);
 left:0;
 top:0;
 height:20px;
 width:20px;
 position:absolute;
 display:none
}
.trial-request .checkbox-body {
 position:relative;
 padding-left:30px;
 font-size:1.5rem
}
.trial-request .checkbox-body input {
 width:auto;
 position:absolute;
 z-index:-1;
 opacity:0
}
.trial-request .checkbox-body input:checked+.checkbox-style:before {
 display:block
}
.trial-request .checkbox-body label {
 position:relative;
 width:60px;
 display:inline-flex
}
.trial-request .checkbox-body a {
 position:relative;
 padding-left:30px;
 padding-top:10px;
 font-size:2rem
}
.trial-request .checkbox-body .checkbox-style {
 border:1px solid #000;
 width:20px;
 height:20px;
 position:absolute;
 top:-2px;
 left:0;
 background:0 0;
 cursor:pointer
}
.trial-request .checkbox-body .checkbox-style:before {
 content:url(../../../icons/account/square-check-black.svg);
 left:0;
 top:0;
 height:20px;
 width:20px;
 position:absolute;
 display:none
}
.trial-request .btn__container {
 padding:0 0 30px
}
.trial-request .btn-wrapper-right {
 text-align:right;
 float:right
}
.trial-request .icon-wrapper-center {
 text-align:center
}
.trial-request .icon-error {
 content:url(../../../icons/account/error.svg);
 height:15px
}
.trial-request .icon-success {
 content:url(../../../icons/account/checkmark-circle-black.svg);
 height:20px;
 padding-right:5px
}
.trial-request .mt5 {
 margin-top:5px
}
.trial-request .mt30 {
 margin-top:30px
}
@media(max-width:767px) {
 .trial-request h4,
 .trial-request h5 {
  padding-left:15px
 }
 .trial-request .btn__container {
  padding:20px 15px
 }
}
@media(max-width:1199px) {
 .location .col-md-4,
 .location .col-lg-4 {
  flex:0 0 100%;
  max-width:100%
 }
}

.ng-dashboards .modal-header {
 padding:20px
}
.ng-dashboards .modal-body {
 padding:20px
}
.ng-dashboards .buttons-div {
 padding:10px 20px 20px
}
.ng-dashboards .alert {
 border-radius:0;
 margin-bottom:0
}
.ng-dashboards .alert .close {
 position:absolute;
 top:5px;
 right:10px
}
@media(max-width:414px) {
 .ng-dashboards .btn-white,
 .ng-dashboards .btn-black {
  padding:13px 30px
 }
}
.ts-global-form .review-text-color {
 color:#d8dada
}
.login-black-section .white-box {
 border:1px solid #fff;
 padding:30px;
 display:grid;
 position:relative;
 height:100%
}
.login-black-section .white-box .head {
 font-size:1.5rem;
 font-weight:700;
 position:absolute;
 top:30px;
 left:30px
}
.login-black-section .white-box .textbox_top-line {
 border-bottom:1px solid #fff;
 margin-top:100px;
 margin-bottom:20px;
 padding-top:0
}
.login-black-section .white-box .link-bottom-right {
 position:absolute;
 margin-top:30px;
 bottom:30px;
 right:20px
}
.login-black-section .white-box .btn-white {
 display:flex;
 align-items:center
}
.login-black-section .white-box .link-off {
 height:13px;
 width:13px;
 float:left;
 margin-right:8px;
 display:block;
 background:url(../../../icons/header/link-off.svg) no-repeat
}
@media(max-width:1199px) and (min-width:992px) {
 .login-black-section .white-box {
  padding-bottom:70px
 }
 .login-black-section .white-box .link-bottom-right {
  text-align:right
 }
}
@media(max-width:991px) and (min-width:768px) {
 .login-black-section .white-box {
  padding-bottom:100px
 }
 .login-black-section .white-box .link-bottom-right {
  text-align:right
 }
}
@media(max-width:767px) {
 .login-black-section .white-box {
  padding:15px;
  padding-bottom:70px
 }
 .login-black-section .white-box .head {
  top:15px;
  left:15px
 }
 .login-black-section .white-box .textbox_top-line {
  margin-top:100px
 }
 .login-black-section .white-box .link-bottom-right {
  text-align:right;
  right:15px;
  bottom:15px
 }
}
@media(max-width:1199px) and (min-width:768px) {
 .after-login .col-md-3:nth-child(3) {
  flex:0 0 100%;
  max-width:100%;
  padding-top:30px
 }
}
@media(max-width:991px) and (min-width:768px) {
 .ng-signup .col-md-4 {
  flex:0 0 60%;
  max-width:60%
 }
 .after-login .col-md-3 {
  flex:0 0 33.333333%;
  max-width:33.333333%
 }
 .after-login .col-md-6 {
  flex:0 0 66.666667%;
  max-width:66.666667%
 }
}

#showText {
    position: absolute;
    left: 82px;
    top: -20px;
    z-index: 99
}

#showText .textBox {
    position: relative;
    border: 1px solid #979797;
    background-color: #fff;
    text-decoration: none;
    border-radius: 0;
    padding: 2px 10px;
    color: #000;
    font-size: 12px;
    display: none
}

#showText .textBox:before {
    content: '';
    display: block;
    position: absolute;
    left: 15px;
    bottom: -20px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #979797
}

#showText .textBox:after {
    content: '';
    display: block;
    position: absolute;
    left: 16px;
    bottom: -18px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-top-color: #fff
}

#newVisitorCarousel {
 position:relative;
 width:385px;
 height:650px;
 margin:0 auto;
 border-radius:0;
 box-shadow:0 0 20px 0 #000
}
#newVisitorCarousel .newVisitorCarousel-slide {
 height:650px
}
#newVisitorCarousel .close-bar {
 position:relative;
 display:list-item;
 height:40px;
 background-color:#747676
}
#newVisitorCarousel .modal-body {
 padding:0
}
#newVisitorCarousel .carousel-content h4 {
 font-size:24px;
 margin:40px 10% 20px!important
}
#newVisitorCarousel .carousel-content p {
 font-size:16px;
 margin:0 10% 20px
}
#newVisitorCarousel .carousel-content ul {
 margin:0 10%
}
#newVisitorCarousel .close {
 position:absolute;
 right:10px;
 width:20px;
 height:20px;
 top:10px;
 opacity:1!important;
 z-index:100
}
#newVisitorCarousel .newVisitorCarousel-body {
 position:relative
}
#newVisitorCarousel .newVisitorCarousel-body .carousel-indicators {
 position:absolute;
 bottom:3%
}
#newVisitorCarousel .newVisitorCarousel-body .carousel-indicators .active {
 background-color:gray
}
#newVisitorCarousel .newVisitorCarousel-body ol.carousel-indicators li {
 display:inline-block!important;
 cursor:pointer
}
#newVisitorCarousel .newVisitorCarousel-body .carousel-indicators li {
 background-color:#ccc;
 border-radius:50%;
 width:13px;
 height:14px
}
.modal-backdrop.show {
 filter:alpha(opacity=50);
 opacity:.7!important;
 z-index: 0;
}
/* START support via email popup */
#support-via-email .topic-list {
    width: 100%;
    border: 1px solid #e2e4e4;
    border-bottom: 1px solid #000;
    padding-left: 0;
    position: relative;
    margin-bottom: 30px;
}
#support-via-email .topic-list ul {
    display: none;
    padding-left: 0;
}
#support-via-email .topic-list li {
    list-style: none;
    width: 100%;
    font-size: 14px;
    padding: 5px 15px;
    min-height: 38px;
    border-left: 5px solid #000;
    border-bottom: 1px solid #e2e4e4;
    cursor: pointer;
    background: #fff;
}
#support-via-email .topic-list .select-show {
    width: 100%;
    font-size: 14px;
    padding: 5px 15px;
    min-height: 38px;
    cursor: pointer;
    background: #fff;
}
#support-via-email .topic-list li:hover {
    border-left: 5px solid #d52b1e;
}
#support-via-email .topic-list .topic-list_items {
    border-bottom: 1px solid #000;
    max-height: 195px;
    overflow-y: scroll;
    position: absolute;
    z-index: 9;
    width: 100%;
}
#support-via-email textarea {
    background-color: white;
    border: 1px solid #e2e4e4;
    border-bottom: 1px solid #000;
    color: #747676;
    width: 100%;
    min-height: 200px;
}
#support-via-email .btn {
    border-radius: 100px;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    padding: 13px 40px;
    margin-top: 15px;
    border: 1px solid #000;
}
/* END support via email popup */

@media(max-width:320px) {
 #newVisitorCarousel {
  width:98%;
  height:85vh
 }
 #newVisitorCarousel .newVisitorCarousel-slide {
  height:85vh
 }
 #newVisitorCarousel .carousel-content h4 {
  font-size:16px;
  margin:10px 4% 5px!important
 }
 #newVisitorCarousel .carousel-content p {
  font-size:12px;
  margin:0 4% 5px
 }
 #newVisitorCarousel .carousel-content ul {
  margin:0 4%
 }
 #newVisitorCarousel .carousel-content li {
  font-size:12px!important
 }
}
@media(min-width:321px) and (max-width:420px) {
 #newVisitorCarousel {
  width:98%;
  height:85vh
 }
 #newVisitorCarousel .newVisitorCarousel-slide {
  height:85vh
 }
 #newVisitorCarousel .carousel-content h4 {
  font-size:20px;
  margin:20px 7% 10px!important
 }
 #newVisitorCarousel .carousel-content p {
  font-size:14px;
  margin:0 7% 10px
 }
 #newVisitorCarousel .carousel-content ul {
  margin:0 7%
 }
 #newVisitorCarousel .carousel-content li {
  font-size:14px!important
 }
}
.devices .gray-number {
    font-size: 20px;
    font-weight: 400;
    color: #747676;
    padding-left: 5px
}

.devices .device-header {
    height: 170px;
    border-bottom: 1px solid #e2e4e4;
    padding: 30px 0
}

.devices .img-logo {
    padding-top: 50px;
    height: 300px;
    border-bottom: 4px solid #000;
    padding-bottom: 50px
}

.devices ul {
    padding-left: 0
}

.devices ul li {
    list-style: none;
    padding-bottom: 30px;
    border-bottom: 1px solid #e2e4e4;
    font-weight: 700
}

.devices ul li span {
    font-weight: 400
}

.devices .coming-soon {
    color: #d8dada
}

.devices .coming-soon form input {
    background-color: #f6f6f6;
    border: 1px solid #d8dada
}

.devices .coming-soon button {
    color: #fff;
    background-color: #d8dada
}

.devices button {
    min-width: 150px
}

@media(max-width:1199px) and (min-width:992px) {
    .devices .device-header {
        height: 200px
    }
}

@media(max-width:991px) and (min-width:769px) {
    .devices .device-header {
        height: 230px
    }
}

.technology .sample-app-head {
    border-bottom: 1px solid #e2e4e4;
    height: 260px;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.technology ul li {
    font-size: 14px
}

@media(max-width:991px) and (min-width:768px) {
    .technology .sample-app-head {
        height: 330px
    }
}

@media(max-width:884px) {
    .technology .title {
        flex: 0 0 90%;
        max-width: 90%
    }
}

.technology .btn-black {
    min-width: 150px
}

.confirm-box {
    border: 1px solid #000;
    width: 100%;
    margin-bottom: 20px
}

.confirm-box .row {
    margin-right: 0;
    margin-left: 0
}

.confirm-box .row>.col-md-2,
.confirm-box .row .col-md-3 {
    padding: 40px
}

.confirm-box .row>.col-md-6 {
    padding: 40px
}

.confirm-box .icons {
    background: #f6f6f6;
    padding-top: 40px;
    padding-bottom: 40px
}

.confirm-box .box-title .top-title {
    font-weight: 700;
    font-size: 20px
}

.confirm-box .box-title .bottom-title {
    font-weight: 700;
    font-size: 1.65rem;
    line-height: 28px
}

.confirm-box form {
    white-space: nowrap
}

.confirm-box form input {
    margin-bottom: auto
}

.confirm-box .price {
    text-align: right;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2
}

.confirm .subtotal {
    border-bottom: 2px solid #000;
    padding: 20px 40px 40px;
    text-align: right
}

.confirm .subtotal-text {
    font-weight: 700;
    font-size: 2rem;
    padding-right: 15px
}

.confirm .subtotal-price {
    font-size: 3.125rem;
    font-weight: 700;
    color: #00ac3e;
    line-height: 52px
}

.confirm .buy-now {
    text-align: right;
    padding-right: 40px
}

.confirm .buy-now .save {
    color: #0088ce;
    font-size: 20px;
    font-weight: 700;
    padding-right: 30px
}

#add-ons .black-box {
    border: 1px solid #fff;
    padding: 30px;
    width: 50%;
    background-color: #000
}

#add-ons #TS-services {
    margin-bottom: 274px
}

#add-ons #TS-services h4,
#add-ons #TS-services p,
#add-ons #TS-services h3 {
    color: #fff
}

#add-ons #TS-services .row {
    height: 500px
}

#add-ons .height25 {
    height: 25%
}

@media screen and (max-width:996px) {
    #add-ons .black-box {
        width: 100%
    }
    #add-ons .black-box .pt60 {
        padding-top: 0
    }
    #add-ons .black-box .height25 {
        height: auto
    }
    #add-ons .black-box .pt20 {
        padding-top: 0
    }
    #add-ons .black-box .pb20 {
        padding-bottom: 0
    }
    #add-ons #TS-services .row {
        height: 100%
    }
}

.service-plan .black-column {
    display: grid;
    margin-top: 20px;
    padding: 40px;
    background-color: #000;
    color: #fff
}

.service-plan .black-column button {
    margin-top: 0
}

.service-plan .black-column .col-header {
    margin-bottom: 20px;
}

.service-plan .black-column .col-footer {
    margin-top: 30px
}

.service-plan .black-column button {
    min-width: 150px
}

@media(min-width:768px) {
    .service-plan .col-md-6:first-child {
        padding-right: 1px
    }
    .service-plan .col-md-6:last-child {
        padding-left: 1px
    }
}

@media(max-width:1250px) and (min-width:1200px) {
    .service-plan .col-md-6:last-child .black-column {
        margin-right: 10px
    }
    .service-plan .skip-text {
        margin-right: 10px
    }
}

@media(max-width:420px) {
    .service-plan .col-footer .pull-left {
        width: 100%
    }
}



#confirmed-section {
    margin-top: -100px
}



.center-icons {
    display: block;
    margin: auto
}


#sim-pic img {
    height: 339px;
    width: 339px
}

.flex {
    display: flex
}

.left-text,
.right-text {
    display: inline-block
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.right-text .absolute {
    bottom: 0;
    left: 60px
}

p.absolute {
    color: #747676
}

.border-bottom {
    border-bottom: 1px solid #000!important
}

.gray-box {
    border: 1px solid #f6f6f6;
    padding: 30px;
    width: 596px;
    height: 596px;
    background-color: #f6f6f6
}

.textbox_top0px-gray {
    border-top: 1px solid #747676;
    padding-top: 0;
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 10px
}

.gray-12 {
    color: #747676;
    font-size: 12px
}

.checkout-tabs {
    font-size: 14px;
    padding-left: 0
}

.checkout-tabs a {
    color: #000
}

.checkout-tabs .tab {
    border-bottom: 4px solid #d8dada;
    width: 280px;
    padding-bottom: 10px
}

.checkout-tabs .active {
    border-bottom: 4px solid #000;
    font-weight: 700
}

.edit-form {
    color: #747676;
    font-size: 14px
}

.edit-form input {
    margin-top: 10px;
    width: 95%!important
}

.cart .mr46 {
    margin-right: 46px!important
}

.cart .mt46 {
    margin-top: 46px!important
}

.cart .mr50 {
    margin-right: 50px!important
}

.cart .shop>form input {
    background-color: #fff
}

.cart .gray {
    color: #747676
}

.cart .shop-checkout-form .box-border-white {
    padding: 35px;
    width: 457px!important;
    height: 100%!important;
    overflow: auto
}

.cart .shop-checkout-form .box-border-white input {
    width: 146px;
    height: 42px;
    background-color: #333;
    border: 1px solid #747676;
    padding: 0 15px;
    font-size: 14px
}

.cart .shop-checkout-form .box-border-white button {
    margin-top: 0!important;
    padding: 11px 40px
}

.cart .shop-checkout-form .box-border-white .bottom-sticky {
    position: relative;
    clear: both;
    width: 100%
}

.cart .shop-checkout-form ul {
    padding-left: 15px
}

.cart .shop-checkout-form ul>ul {
    padding-left: 20px
}

.cart .shop-checkout-form ul>ul li {
    list-style: disc
}

.cart .shop-checkout-form .hr-black {
    border-top: 1px solid #000
}

.cart .shop-checkout-form .hr-gray {
    border-bottom: 1px solid #747676
}

.cart .shop-checkout-form .item-list>.form-title {
    font-size: 21px
}

.cart .shop-checkout-form .place-order-btn {
    width: 100%
}

.cart .shop-checkout-form .add-cart-btn {
    width: 100%;
    background-color: #d8dada
}

.cart .shop-checkout-form .section-gray {
    position: relative;
    overflow: auto;
    padding: 30px
}

.cart .shop-checkout-form .section-white {
    padding: 20px 30px 0
}

.cart .shop-checkout-form .checkbox,
.cart .shop-checkout-form .radio {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cart .shop-checkout-form .checkbox input,
.cart .shop-checkout-form .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.cart .shop-checkout-form .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 1px solid #000
}

.cart .shop-checkout-form .checkbox:hover input~.checkmark {
    background-color: #ccc
}

.cart .shop-checkout-form .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.cart .shop-checkout-form .checkbox input:checked~.checkmark:after {
    display: block
}

.cart .shop-checkout-form .checkbox .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cart .shop-checkout-form .radio input:checked~.radio-btn:after {
    display: block
}

.cart .shop-checkout-form .radio-btn {
    border-radius: 50%;
    top: 4px
}

.cart .shop-checkout-form .radio-btn:after {
    content: "";
    position: absolute;
    display: none
}

.cart .shop-checkout-form .radio .radio-btn:after {
    left: 3px;
    top: 3px;
    width: 8px;
    height: 8px;
    border-width: 7px 2px 2px 0;
    border-radius: 50%;
    border: 4px solid #000
}

.cart .shop-checkout-form .radio:hover input~.radio-btn {
    background-color: #ccc
}

.cart .shop-checkout-form .shipping-address-text,
.cart .shop-checkout-form .payment-text {
    width: 15rem;
    padding-left: 25px
}

.cart .shop-checkout-form .shipping-address-edit-options,
.cart .shop-checkout-form .payment-edit-options {
    color: #0088ce
}

.cart .shop-checkout-form .shipping-address-edit-options .seperator,
.cart .shop-checkout-form .payment-edit-options .seperator {
    margin: 0 3px
}

.cart .shop-checkout-form .shipping-method-list,
.cart .shop-checkout-form .shipping-method-item {
    overflow: auto
}

.cart .shop-checkout-form .shipping-method-list {
    padding: 10px 0
}

.cart .shop-checkout-form .shipping-method-item {
    border: 1px solid #d8dada;
    padding: 20px 20px 10px;
    margin: 10px 0
}

.cart .shop-checkout-form .form-title {
    border-bottom: 1px solid #000!important;
    padding-bottom: 10px;
    font-size: 20px!important
}

.cart .shop-checkout-form .promo-code-input {
    width: 72%;
    margin-right: 30px;
    margin-bottom: 20px
}

.cart .shop-checkout-form .promo-code-btn {
    background-color: #fff!important;
    color: #000!important;
    border: 1px solid #000
}

@media(max-width:1245px) {
    .cart .shop-checkout-form .promo-code-input {
        width: 62%;
        margin-right: 20px;
        margin-bottom: 20px
    }
}

.cart .shop-checkout-form .cart-item-list {
    border-bottom: 1px solid #747676
}

.cart .shop-checkout-form .cart-item {
    border: 1px solid #d8dada;
    padding: 20px 0
}

.cart .shop-checkout-form .cart-item .item-price-title {
    font-weight: 400;
    margin-right: 30px;
    font-size: 20px
}

.cart .shop-checkout-form .cart-item .item-name,
.cart .shop-checkout-form .cart-item .item-price-value {
    font-size: 20px;
    font-weight: 700
}

.cart .shop-checkout-form .cart-item .item-quantity {
    font-size: 16px;
    clear: both
}

.cart .shop-checkout-form .cart-item .item-edit-options {
    font-size: 14px
}

.cart .shop-checkout-form .cart-item .form-title .form-title-items {
    font-size: 24px!important
}

.cart .shop-checkout-form .keep-shopping a {
    color: #000;
    font-weight: 700
}

.cart .shipping .cart-item {
    border-top: 1px solid #d8dada!important;
    padding: 20px 0
}

.cart .keep-shopping span {
    color: #000
}

.no-Lborder {
    border-left: 0
}

.checkout-page .checkout-tabs {
    display: inline-flex
}

.checkout-page .section-gray {
    padding: 20px
}

.checkout-page .summary {
    padding: 30px
}

.checkout-page .summary h5 {
    border-bottom: 1px solid #000!important
}

.checkout-page .summary .gray {
    color: #747676
}

.checkout-page .section-white {
    padding-left: 0
}

.checkout-page .cart-item-list {
    border-bottom: 1px solid #747676
}

.checkout-page .cart-item {
    border: 1px solid #000;
    padding: 20px 0
}

.checkout-page .cart-item .item-price-title {
    font-weight: 400;
    margin-right: 30px
}

.checkout-page .cart-item .item-name,
.checkout-page .cart-item .item-price-value {
    font-size: 20px;
    font-weight: 700
}

.checkout-page .cart-item .item-quantity {
    font-size: 16px;
    clear: both
}

.checkout-page .cart-item .item-edit-options {
    font-size: 14px
}

.checkout-page .cart-item .form-title .form-title-items {
    font-size: 24px!important
}

.shipping .promo-code span {
    font-size: 14px;
    color: #747676
}

.shipping .promo-code input {
    display: block;
    width: 146px;
    height: 42px;
    margin-bottom: 0
}

.shipping .promo-code .btn-black {
    margin-top: 0!important
}

.shipping .hr-gray {
    border-bottom: 1px solid #d8dada!important;
    padding-bottom: 20px
}

.shipping .cart-item {
    border-top: 1px solid #d8dada!important;
    padding: 20px 0
}

.shipping .item-price-title {
    font-size: 20px!important
}

.landing-title {
    width: 70%
}

.result-layout {
    margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #000;
    float: left;
    display: flex
}

.result-layout .result-box {
    width: 50%;
    padding: 40px;
    border: 1px solid #e2e4e4;
    float: left;
    flex: 1
}

.result-layout .result-box .btn-black {
    margin-top: 0
}


.disabled-button {
    background-color: #d8dada;
    color: #fff!important
}

.connectivity-plan {
    padding-bottom: 180px
}

.connectivity-plan .get-connected {
    padding-right: 100px
}

.connectivity-plan .get-connected ul ul {
    list-style-type: disc
}

.connectivity-plan .get-connected ul ul li {
    font-weight: 700
}

.connectivity-plan .get-connected ul ul li span {
    font-weight: 400
}

.connectivity-plan .get-connected p {
    font-size: 12px;
    color: #747676
}

.connectivity-plan .connectivity-size {
    background-color: #f6f6f6;
    display: inline-table;
    padding: 40px
}

.connectivity-plan .connectivity-size ul {
    padding-left: 0;
    list-style: none
}

.connectivity-plan .connectivity-size ul li:first-child {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.connectivity-plan .connectivity-size ul li:last-child {
    font-size: 32px;
    font-weight: 700
}

.connectivity-plan .connectivity-size .header ul {
    padding-left: 0;
    list-style: none
}

.connectivity-plan .connectivity-size .header ul li:last-child {
    border-bottom: 1px solid #000;
    padding-bottom: 20px
}

.connectivity-plan .connectivity-size .price {
    margin-top: 20px
}

.connectivity-plan .connectivity-size .price .h3 {
    margin-bottom: 0
}

.connectivity-plan .connectivity-size .gray-text {
    font-size: 12px;
    font-weight: 400;
    color: #747676
}

.connectivity-plan .black-info {
    background-image: url(../../../img/products/info-black.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: -2px
}

.products .ts-banners.landing {
    background-image: url(../../../products/img/products-banner.jpg);
    height: 650px;
    color: #fff
}

.products .ts-banners.landing .container:before {
    content: "Give your IoT solution a head start.";
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 70px;
    padding-bottom: 30px;
    width: 50%;
    display: block
}

.products .ts-banners.landing .container:after {
    content: "Simply select a plan that’s right for you and add up to 20 Verizon-certified IoT devices.";
    font-size: 2.375rem;
    font-weight: 700;
    line-height: 38px;
    width: 50%;
    display: block
}

.products .ts-banners.landing h3 {
    display: none
}

.products .ts-banners.ts-products-services-banner {
    background: url(../../../products/img/TS_Banners_Services.jpg) no-repeat;
    height: 80px
}

.products input {
    width: 145px
}

.signin-group:after {
    height: 16px;
    width: 16px;
    padding-left: 25px
}

.dropdown:before {
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 48px;
    right: 0;
    width: 257px;
    height: 222px;
    content: "";
    border-top: 1px solid #747676
}

.clickable-cart-dropdown {
    position: absolute;
    top: 206px;
    width: 200px;
    height: 40px;
    left: -88px
}

.clickable-cart-icon {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0
}

.hide-cart-icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 29px;
    width: 30px;
    z-index: 1000;
    background-color: #fff
}

.signin-cart-box {
    position: relative
}



/*START IE11 style  */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .banner .ts-banners.large-banner-img picture {
        /* height: 400px; */
        width: 100%;
        position: relative;
        float:left;
        height: auto;
        /* border: 1px solid red; */
    }
    .banner picture img {
        width: 100%;
        /* height: auto; */
        /* border: 1px solid green; */
    } 
    .banner .large-webinar-bg {
        background: url('../../../content/dam/thingspace-portal/home/banners/fota-webinar-banner.png') no-repeat;
        width: 100%;
        height: auto;
        background-position: right center;
        background-size: 30%;
    }
    .banner .ts-banners.large-webinar picture img {
        opacity: 0;

    }
    .banner .banner-text-black,
    .banner .banner-text-white {
        left: 20px;
        top: 10%;
    }
    .five-col-row {
        width: 100%;
    }
    .container.veri-micr .row .col-md-4.gap40 {
        padding-left: 0;
    }
    .container.veri-micr .row .col-md-4 > div {
        flex: 1;
    }
    .veri-micr .svg-list .svg-item .svg-item_icons {
        width: auto;
    }
 }
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (max-width: 991px) {
    .ts-banners .small-banner-img + .container {
        position: relative;
    }
    .ts-banners .small-banner-img + .container .banner-text-white  {
        top: -80px;
    }
}
/*END IE11 style */

/* START Documentation UL LI bullets  */
 ol li ol {
    list-style-type: lower-latin;
 }
 ol li {
     font-size: 14px;
 }
/* END Documentation UL LI bullets  */



/* Used on documentations and resources page */
.list-style-none ul{
    list-style-type: none;
}

.list-style-none ul li {
    padding-bottom: 20px
}

.list-style-none ul li span {
    font-weight: 700
}

.list-style-none ul li .svg-item_icons {
    float: left;
    width: 40px
}

.list-style-none ul li .svg-item_icons img {
    width: 20px
}

.arrow-black {
    background: url(../../../content/dam/thingspace-portal/home/icons/right-carret-black.svg) no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 25px;
    margin: 5px 0 0 10px;
}