@font-face {
font-family: 'Gotham Pro';
src: url(' ../Gotham-fonts/GothamPro-Black.eot');
src: url(' ../Gotham-fonts/GothamPro-Black.eot?#iefix') format('embedded-opentype'), url(' ../Gotham-fonts/GothamPro-Black.woff2') format('woff2'), url(' ../Gotham-fonts/GothamPro-Black.woff') format('woff'), url(' ../Gotham-fonts/GothamPro-Black.ttf') format('truetype'), url(' ../Gotham-fonts/GothamPro-Black.svg#GothamPro-Black') format('svg');
font-weight: 900;
font-style: normal;
font-display: swap
}

@font-face {
font-family: 'Gotham Pro';
src: url(' ../Gotham-fonts/GothamPro-Bold.eot');
src: url(' ../Gotham-fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'), url(' ../Gotham-fonts/GothamPro-Bold.woff2') format('woff2'), url(' ../Gotham-fonts/GothamPro-Bold.woff') format('woff'), url(' ../Gotham-fonts/GothamPro-Bold.ttf') format('truetype'), url(' ../Gotham-fonts/GothamPro-Bold.svg#GothamPro-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap
}

@font-face {
font-family: 'Gotham Pro';
src: url(' ../Gotham-fonts/GothamPro-Medium.eot');
src: url(' ../Gotham-fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'), url(' ../Gotham-fonts/GothamPro-Medium.woff2') format('woff2'), url('Gotham-fonts/GothamPro-Medium.woff') format('woff'), url(' ../Gotham-fonts//GothamPro-Medium.ttf') format('truetype'), url(' ../Gotham-fonts/GothamPro-Medium.svg#GothamPro-Medium') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap
}

@font-face {
font-family: 'Gotham Pro';
src: url(' ../Gotham-fonts/GothamPro-Light.eot');
src: url(' ../Gotham-fonts/GothamPro-Light.eot?#iefix') format('embedded-opentype'), url(' ../Gotham-fonts/GothamPro-Light.woff2') format('woff2'), url(' ../Gotham-fonts/GothamPro-Light.woff') format('woff'), url(' ../Gotham-fonts/GothamPro-Light.ttf') format('truetype'), url(' ../Gotham-fonts/GothamPro-Light.svg#GothamPro-Light') format('svg');
font-weight: 300;
font-style: normal;
font-display: swap
}

@font-face {
font-family: 'Gotham Pro';
src: url(' ../Gotham-fonts/GothamPro.eot');
src: url(' ../Gotham-fonts/GothamPro.eot?#iefix') format('embedded-opentype'), url(' ../Gotham-fonts/GothamPro.woff2') format('woff2'), url(' ../Gotham-fonts/GothamPro.woff') format('woff'), url(' ../Gotham-fonts/GothamPro.ttf') format('truetype'), url(' ../Gotham-fonts/GothamPro.svg#GothamPro') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap
}
h1, h2, h3, h4, h5, h6, ul, li, p{
	margin: 0px;
	padding: 0px;
	font-family: 'Gotham Pro';

}
a {
    text-decoration: none;
}
body {
    margin: 0px;
    padding: 0px;
}
.lumen-home {
    background-image: url(../assets/00_Main-Slide.jpg);
    height: 100vh;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100% !important;
}
.lumen-svg {
    background-image: url(../assets/Main-page-bg.svg);
    height: 100vh;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100% !important;
    position: relative;
}
.lumen-svg h1 {
    font-size: 48px;
    line-height: 54px;
    text-align: center;
	font-weight: 900;
	padding-bottom: 2px;
}
.lumen-svg p {
    text-align: center;
    font-size: 19px;
    line-height: 26px;
}
.lumen-svg h1 span {
    color: #0075C9;
}
sup {
	font-size: 75%;
}
.lumen-svg .info-header2 {
    height: 70px !important;
}

.back-bg-color:hover {
	background-color: #083176 !important;
}

.know-more:hover {
	color: #083176 !important;
}
.know {
    padding-top: 2vh;
    padding-bottom: 4.5vh;
    padding-left: 2px;
    display: flex;
}
.text-sp {
	margin-top: 30px !important;
}
.net-img {
    width: 110px;
    margin: auto;
}
.click-img {
    width: 315px;
    position: absolute;
    left: 29.3%;
    top: 30.5%;
}
.black.buttons {
    display: flex;
    background-color: #000000;
    color: #ffffff;
    width: fit-content;
    margin: auto;
    padding: 0px 0px 0px 25px;
	position: relative;
	overflow: hidden;
	transition: 0.25s;
}
.black.buttons h4 {
    padding-right: 35px;
}
.black.buttons h4:hover {
    color: #ffffff !important;
}
.black.buttons:hover {
    background-color: #0075C9;
}
.black.buttons h4 {
    font-size: 20px;
    line-height: 48px;
    font-weight: 500;
    padding-right: 25px;
    color: #ffffff !important;
}
.main-area-full {
    padding-top: 20px !important;
}
.black.buttons.direct {
    position: absolute;
    left: 74.8%;
	top: 20.8%;
}
.black.buttons.why-lumen {
    position: absolute;
    left: 67.15%;
	top: 51.5%;
}
.black.buttons.integrations {
    position: absolute;
    left: 22.15%;
    top: 53.8%;
}
.black.buttons.analytics {
    position: absolute;
    left: 80%;
	top: 74.7%;
}
.black.buttons.managed {
    position: absolute;
    left: 41.5%;
    top: 43%;
}
.head-area {
    padding-bottom: 90px;
}
.blue-scroll::-webkit-scrollbar {
	width: 4px !important;
	margin-left: 5px !important;
	height: 3px;
}

.blue-scroll li::marker {
	font-size: 20px;
	color: #0075c9;
	margin-right: 10px !important;
}

.blue-scroll ul {
	padding-left: 20px !important;
}

.blue-scroll ul li {
	padding-bottom: 8px !important;
	font-family: "Gotham Pro";
}

.blue-scroll::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	margin-left: 5px !important;
	width: 1px;
}

.blue-scroll::-webkit-scrollbar-thumb {
	background-color: #0075c9 !important;
	outline: 0px solid #0075c9 !important;
	width: 1px !important
}

.blue-scroll {
	overflow-y: scroll;
	scrollbar-color: #0075c9 #f4f4f4 !important;
	scrollbar-width: thin;
	height: 39vh;
}

.heading-main span {
	color: #000000;
}
.content-box {
    display: none;
}
.content-box.active {
    display: block !important;
}

.circle-button .normal-text {
	font-weight: 400 !important;
}

.circle-button.active .normal-text {
	font-weight: 600 !important;
}

.circle-button .act-layer {
	opacity: 0 !important;
}

.circle-button.active .act-layer {
	opacity: 1 !important;
}

.circle-button.active .blue-layer {
	opacity: 0 !important;
}
.act-layer, .blue-layer {
    position: absolute;
    transform: translatex(32%);
    top: 6%;
    z-index: 2;
}
.lumen-main-all {
	margin: 0 !important;
	background-color: #ffffff !important;
	overflow-x: hidden;
}

.lumen-main-all {
	font-family: "Gotham Pro" !important;
}

.heading-main span {
	color: #000000
}

.content-active {
	z-index: -1 !important;
}
.content-active.con-main {
	z-index: 999 !important;
}

.content-box.ir {
    display: block;
}

.circle-button .normal-text {
	font-weight: 400 !important;
    padding-top: 50px;
}

.circle-button.active .normal-text {
	font-weight: 600 !important;
}

.circle-button .act-layer {
	opacity: 0 !important;
}

.circle-button.active .act-layer {
	opacity: 1 !important;
}

.circle-button.active .blue-layer {
	opacity: 0 !important;
}
 .main-area-full.network-pg,
 .main-area-full.integrations-pg,
.main-area-full.managed-services-pg,
.main-area-full.direct-routing-pg,
.main-area-full.analytics-pg,
.main-area-full.why-lumen-pg {
    display: none;
}
    
.network-main .row, .direct-main .row, .analytics-main .row {
	width: 100%;
	display: flex;
}
.network-main .col-left {
    width: 66%;
	margin-right: 6%;
	position: relative;
}
.network-main .col-right {
    width: 34%;
	margin-left: 0%;
	padding-top: 1%;
}
.network-main {
    padding: 6% 3.5% 0px;
}
.direct-main{
    padding: 5% 3.5% 0px;
}
.direct-main .col-left {
    width: 66%;
	margin-right: 2%;
	position: relative;
    padding-top: 2.5%;
}
.direct-main .col-right {
    width: 34%;
	margin-left: 0%;
	padding-top: 1%;
}

.p-text p, .blue-scroll ul li, .ms-text ul li {
    font-size: 16px;
    line-height: 22px;
}
a.know-more {
font-family: "Gotham Pro";
font-size: 18px;
line-height: 29px;
cursor: pointer;
color: rgb(0, 117, 201);
text-decoration: none;
text-align: left;
letter-spacing: 0px;
font-weight: 700;
transform-origin: 50% 50% 0px;
opacity: 1;
transform: translate(0px);
margin-right: 12px;
}
.know-more:hover {
color: #083176 !important;
}
a.know-more-arrow {
    position: relative;
    top: 7px;
}
.network-slides {
    text-align: right;
	margin-right: -1.7%;
}
.network-slides img {
    display: inline-block !important;
}
.pulse-ico, .nt-btn, .mini-map{
    position:absolute !important;

}
.pulse-ico img{
  cursor: pointer;

}
.area-in-map {
	position: relative;
    z-index: 2;
}
.max-map{
    position: relative;
    width: 100%;
    top: -2px;
}
.max-map {
    z-index: 5;
}
.max-map img.img-big {
    position: relative;
    height: 100%;
    width: 100% !important;
    display: block;
}
.pulse-ico.na {
    top: 14.4%;
    left: 9%;
}
.pulse-ico.latam {
    top: 50.5%;
    left: 19.5%;
}
.pulse-ico.emea {
    top: 14.5%;
    left: 41.5%;
}
.pulse-ico.apac {
    top: 21%;
    left: 76.8%;
}
.nt-btn.na {
    top: 19%;
    left: 7.5%;
}
.nt-btn.latam {
    top: 54.5%;
    left: 20%;
}
.nt-btn.emea {
    top: 19%;
    left: 41%;
}
.nt-btn.apac {
    top: 25.5%;
    left: 76.8%;
}
 .mini-map.apac {
    top: 15%;
    right: 0;
}
 .mini-map.na {
    top: 19%;
    left: 7.5%;
}
.mini-map.latam {
    top: 52%;
    left: 18%;
}
.mini-map.emea {
    top: 0%;
    right: 0;
}
.mini-map,.max-map  {
    display: none;
}
button {
    font-family: "Gotham Pro";
}
.pulse-ico .plus-icon {
    width: 70% !important;
}
.nt-btn a {
    background-color: #FF9E18;
    padding: 12px 25px;
    font-family: "Gotham pro";
    border-radius: 50px;
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
	cursor: pointer;
}
img.back-blue {
    background-color: #0075C9;
    z-index: 2;
    padding: 15px 14px;
	cursor: pointer;
}
img.back-blue.minimize {
	top: 4.8%;
    background-image: linear-gradient(#0C9ED9, #0C9ED9), linear-gradient(#0C9ED9, #0C9ED9), linear-gradient(#0C9ED9, #0C9ED9), linear-gradient(#0C9ED9, #0C9ED9), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-size: 2px 0%, 70% 2px, 2px 0%, 0% 2px, calc(100% - 8px) calc(100% - 8px);
    background-position: left, top, right, top, 4px 4px;
}
img.back-blue.maximize {
	top: 12.5%;
    background-image: linear-gradient(#0C9ED9, #0C9ED9), linear-gradient(#0C9ED9, #0C9ED9), linear-gradient(#0C9ED9, #0C9ED9), linear-gradient(#0C9ED9, #0C9ED9), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-size: 2px 0%, 70% 2px, 2px 0%, 0% 2px, calc(100% - 8px) calc(100% - 8px);
    background-position: left, top, right, top, 4px 4px;
}
.max-map img.back-blue {
    right: 0px !important;
}

.network-main h1.main-heading {
    padding-bottom: 3rem;
}
.network-main .p-text p{
    padding-bottom: 1.8rem !important;
    
}
 
.main-heading {
    font-size: 52px;
    line-height: 60px;
    font-weight: 900;
    padding-bottom: 2.2rem;
}
.content-box img {
    display: inline-block;
}
.main-heading span{
    color:#0075C9;
}
.lumen-svg img#info-logo {
    padding-top: 15px;
}
.ms-text ul li {
    font-size: 16px;
    padding-bottom: 5px;
    line-height: 24px;
}
button.Voice-collaboration-btn a, button.it-agility-btn a, button.adaptive-networking-btn a , button.connected-security-btn  a, .nt-btn a, button.assessment-btn a, button.migration-btn a, button.adoption-btn a, button.support-btn a{
    line-height: 35px !important;
     font-size: 15px !important;

    }
    .analytics-main .direct-boxes p, .direct-boxes p, .Voice-collaboration-box p, .it-agility-box p, .adaptive-networking-box p, .connected-security-box p, .box-p, .assessment-box p, .migration-box p, .adoption-box p, .support-box p, .reduced-complexity-box p, .in-flex-box p, .end-support-box p, .fast-trans-box p{
        font-size: 13px !important;
        line-height: 18px !important;
    }
    h3.reduced-complexity-title, h3.in-flex-title, h3.end-support-title, h3.fast-trans-title, .Voice-collaboration-box h3, .it-agility-box h3, .adaptive-networking-box h3, .connected-security-box h3, .head-boxes, .assessment-box h3, .migration-box h3, .adoption-box h3, .support-box h3 {
        font-size: 19px !important;
    }
/*** css ***/
.info-header {
    clear: both;
    height: 80px;
}
 
.info-header #info-logo {
    float: right;
    margin: 0;
}
 
.info-header #navlist {
    float: left;
}
 
.info-header #navlist li {
    display: inline;
    list-style-type: square;
    padding-right: 20px;
}
img.header-icon{
    width: 23px;
}

.main-area-full{
    padding: 0px 40px;
}
 
img.home-icon:hover{
    background-color: #083176;
}
img.home-icon {
    padding: 15px 18px;
    background-color: #0075C9;
}
.header-icon{
 
    padding:20px 0px;
}
 
img#info-logo {
    padding-top: 15px;
}
 
.header-vertical-line{

        width: 1px;
        height: 52px;
    padding: 0px 0px 5px;
}
 
.lumen-integration .two-sec-div {
    padding: 4% 3% 0%;
}
.lumen-integration .two-sec-div .left-sec-div{
    width: 65% ;
    float:left;
}
 
.lumen-integration .two-sec-div .right-sec-div{
    width: 35% ;
    float: right;
}
.learn-more-btn{
    padding-top: 50px
    }

 .integrations-main-img{
        width: 85%;
        text-align: center;
        padding: 0 5%;
 }
 .blue-scroll ul li {
     font-size: 16px;
     line-height: 22px;
 }
 
.main-heading span{
    color:#0075C9;
}
.blue-scroll {
    padding-right: 10px;
} 

.text-bottom{
    padding-top: 1.5rem;
}
.p-text p, .network-main .p-text p{
    padding-bottom: 1.2rem;
    
}
.sharethis-inline-share-buttons {
    display: flex !important;
}
.social.sharing-box ul li {
    list-style: none;
    display: inline;
    padding-right: 17px;
}
 
.sharing-box{
    display: none;
    position: absolute;
    top: 0%;
    left: 16.8%;
    
}
.direct-boxes {
z-index: 2;
}
.plus-icon
{
    width:92px;
}
/**social share icon***/
img.social-share-icon
{
    width: 33px;
    padding:22px 0px;
    
}
 
.social-share-main:hover{
    content: url(   ../assets/share_hover.png);
 
}
 
.phone-icon:hover{
    content: url( ../assets/telephone_hover.png);
 
}
 
.Voice-collaboration-plusicon{
    position: absolute ;
    top: 28% ;
    left: 11% ;
}
 
.it-agility-plusicon{
    position: absolute ;
    top: 28% ;
    left: 72% ;
}
 
.adaptive-networking-plusicon{
    position: absolute ;
    top: 60% ;
    left: 11% ;
}
 
.connected-security-plusicon{
    position: absolute ;
    top: 60% ;
    left: 72% ;
}
 
.Voice-collaboration-box , .it-agility-box , .adaptive-networking-box , .connected-security-box {
    background-color: #ffffff;
    width: 250px;
    height: fit-content;
    border-color: transparent;
    box-shadow: rgba(214, 214, 214, 0.83) 2px 2px 5px 2px;
    -webkit-box-shadow: rgba(214, 214, 214, 0.83) 2px 2px 5px 2px;
    -moz-box-shadow: rgba(214, 214, 214, 0.83) 2px 2px 5px 2px;
    border-radius: 8px;
    transform-origin: 50% 50% 0px;
    transform: translate(1px, 1px);
    display: none;
    position:absolute ;
    top: 27% ;
    left: 0% ;
    padding: 20px 20px;
    z-index: 2;
}

.it-agility-box{
    position: absolute !important;
    top: 26% !important;
    left: 60.8%;
    padding: 20px 20px;
    z-index: 2;
    padding: 15px 15px;
}
 

.adaptive-networking-box{
    position: absolute !important;
    top: 51% !important;
    left: 0%;
    padding: 20px 20px;
    z-index: 2;
}
 
.connected-security-box{
    position: absolute !important;
    top: 51%  !important;
    left: 60.5%;
    padding: 20px 20px;
    z-index: 2;
}
.int-pos-div{
    position: relative;
}
img.plus-icon {
    cursor: pointer;
}
.Voice-collaboration-box p , .it-agility-box p , .adaptive-networking-box p , .connected-security-box p, .box-p{
    font-size: 16px;
    text-align: left;
    line-height: 21px;
    font-weight: 400 !important;
    letter-spacing: 0px;
    
}
.text-top-padd{
    padding-top: 1rem;
}
 
.Voice-collaboration-box h3 , .it-agility-box h3 , .adaptive-networking-box h3 , .connected-security-box h3, .head-boxes{
    text-align: left;
    line-height: 27px;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 24px;
    padding-bottom: 15px;
}
 
button.Voice-collaboration-btn, button.it-agility-btn, button.adaptive-networking-btn, button.connected-security-btn {
    background-color: rgb(255, 158, 24);
    text-decoration: none;
    border-color: transparent;
    padding-left: 22px;
    border-radius: 25px;
    padding-right: 22px;
    display: none;
    position: absolute;
    top: 30.5%;
    left: 3%;
    cursor: pointer;
}

button.it-agility-btn{
    position: absolute !important;
        top: 31.5% !important;
        left: 63% !important;
    }


button.adaptive-networking-btn{
    position: absolute !important;
        top: 64% !important;
        left: 3% !important;
}
 
button.connected-security-btn{
    position:absolute !important;
        top: 64% !important;
        left: 69% !important;
    }
 
button.Voice-collaboration-btn a , button.it-agility-btn a , button.adaptive-networking-btn a , button.connected-security-btn a
{
    text-align: left;
    line-height: 41px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 18px;
    color:#000000 !important;
}
.nt-btn {
    display: none;
}
.learn-more-btn{
    padding-top: 40px
    }
    /* .lumen-integration{
        position: relative;
    } */
     
    /*** Managed Workforce Services page css ***/
     
    .lumen-managed-services .two-sec-div{
        padding-top: 110px !important;
   
    }
    .lumen-managed-services .two-sec-div .left-sec-div{
        width: 62%;
        float:left;
        position: relative;
    }
     
    .lumen-managed-services .two-sec-div .right-sec-div{
        width: 38%;
        float: right;
    }
     
    .ms-text ul {
        padding-left: 20px;
        padding-right: 52px;
    }
    .ms-text ul li {
        padding-bottom: 5px;
    }
    .ms-text li::marker {
        font-size: 23px;
        color: #0075C9;
    }
     
    .plus-icon{
        width:92px;
    }
    .ms-plus-icon{
        width:70%;
    }
     
    .ms-main-img {
        width: 82%;
        text-align: center;
        padding: 0 5%;
        cursor: pointer;
    }
     
    /*** plus icons position ***/
    .assessment-plusicon {
        position: absolute;
        top: 71%;
        left: 13.5%;
    }
     
    .migration-plusicon{
        
        position: absolute ;
        top: 11% ;
        left: 48% ;
    }
     
    .adoption-plusicon {
        position: absolute;
        top: 32%;
        left: 63%;
    }
     
    .support-plusicon {
        position: absolute;
        top: 59%;
        left: 72%;
    }
    .learn-more-btn img {
        width: 23px;
    }
     
    /*** button ***/
    button.assessment-btn h3 , button.migration-btn h3 , button.adoption-btn h3 , button.support-btn h3{
    text-align: left;
    line-height: 25px;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 22px;
    padding-bottom: 20px;
    }
    button.assessment-btn , button.migration-btn , button.adoption-btn , button.support-btn{
        background-color: rgb(255, 158, 24);
        text-decoration: none;
        border-color: transparent;
        padding-left: 22px;
        border-radius: 25px;
        padding-right: 22px;
         display: none;
        position:absolute ;
            top: 74% ;
            left: 10% ;
            text-align: center !important;
            cursor: pointer;
        }
     
        
        button.assessment-btn a , button.migration-btn a , button.adoption-btn a , button.support-btn a
        {
            text-align: center !important;
            line-height: 35px;
            letter-spacing: 0px;
            font-weight: 400;
            font-size: 18px;
            color:#000000 !important;
        }
     
        button.migration-btn{
            position: absolute !important;
            top: 14% !important;
            left: 45% !important;
        }
     
        button.adoption-btn {
            position: absolute !important;
            top: 35% !important;
            left: 61% !important;
        }
     
        button.support-btn {
            position: absolute !important;
            top: 62% !important;
            left: 70% !important;
        }
     
        /*** Box *****/
        .assessment-box p , .migration-box p , .adoption-box p , .support-box p{
            font-size: 16px;
            text-align: left;
            line-height: 21px;
            font-weight: 400 !important;
            letter-spacing: 0px;
            
        }
     
        .assessment-box h3 , .migration-box h3 , .adoption-box h3 , .support-box h3{
        text-align: left;
        line-height: 25px;
        letter-spacing: 0px;
        font-weight: 700;
        font-size: 22px;
        padding-bottom: 15px;
        }
        
        .assessment-box , .migration-box , .adoption-box , .support-box {
            background-color: #ffffff;
            width: 205px;
            height: fit-content;
            box-shadow: rgba(214, 214, 214, 0.83) 2px 2px 5px 2px;
            -webkit-box-shadow: rgba(214, 214, 214, 0.83) 2px 2px 5px 2px;
            -moz-box-shadow: rgba(214, 214, 214, 0.83) 2px 2px 5px 2px;
            border-radius: 8px;
            transform-origin: 50% 50% 0px;
            transform: translate(1px, 1px);
            display: none;
            position:absolute ;
            top: 66% ;
            left: 4% ;
            padding: 20px 20px;
            z-index: 2;
        } 
     
        .migration-box {
            position: absolute !important;
            top: 4% !important;
            left: 48%;
            padding: 20px 20px;
        }
     
        .adoption-box {
            position: absolute !important;
            top: 18% !important;
            left: 62%;
            padding: 20px 20px;
        }
        .support-box {
            position: absolute !important;
            top: 54% !important;
            left: 69%;
            padding: 20px 20px;
        }
@keyframes touch {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(0.2);
		-moz-transform: translate(-50%, -50%) scale(0.2);
		transform: translate(-50%, -50%) scale(0.2);
		opacity: 0
	}
	15% {
		opacity: 1
	}
	65% {
		-webkit-transform: translate(-50%, -50%) scale(1.2);
		-moz-transform: translate(-50%, -50%) scale(1.2);
		transform: translate(-50%, -50%) scale(1.2);
		opacity: 0
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(1.2);
		-moz-transform: translate(-50%, -50%) scale(1.2);
		transform: translate(-50%, -50%) scale(1.2);
		opacity: 0
	}
}

.pulse::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 260%;
	content: "";
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.45);
	transform: translate(-50%, -50%);
	animation-name: touch;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}

.pulse {
	overflow: hidden;
}

div#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #ffffff url('assets/Preloader.gif') no-repeat center center;
	background-size: 40%
}

.section-scroll {
	background: transparent !important;
	border-color: transparent !important
}

.block-con {
	display: flex !important;
	align-items: center;
	margin-right: 10px !important;
}

.block-content {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}



.sharing-box{
    display: none;
    position: absolute;
    top: -12px;
    left: 25px;    
}

.social-sharing-sctn {
    position: relative;
}


.social.sharing-box ul  {
    display: table;
}

.social.sharing-box ul li{
    display: table-cell;
}

.info-icon-pd {
    padding: 0 25px;
}

.info-header2 {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    /* clear: both; */
    height: auto;
}

.info-header-lftsctn {
    width: 50%;
    display: flex;
    align-items: center;
}

.info-header-rgtsctn {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;

}

.lumen-svg .info-header-lftsctn {
padding-left: 10vh;
}

.info-header-rgtsctn {
    padding-right: 10vh;

}

/* direct-routing */
.black.buttons.network {
    position: absolute;
    left: 43.5%;
    top: 20.8%;
}

.direct-boxes {
    width: 225px;
    background-color: #ffffff;
    position: absolute;
    box-shadow: rgba(214, 214, 214, 0.83) 2px 2px 5px 2px;
    -webkit-box-shadow: rgba(214, 214, 214, 0.83) 2px 2px 5px 2px;
    -moz-box-shadow: rgba(214, 214, 214, 0.83) 2px 2px 5px 2px;
    border-radius: 8px;
    padding: 20px 20px;
}
.direct-boxes.byo-sip {
    top: 14.5%;
    left: 69%;
}
.direct-boxes.lumen-sip {
    top: 5%;
    left: 69%;
}
.direct-boxes.data-centers {
    top: -15%;
    left: 28%;
}
.dot {
    position: absolute;
    cursor: pointer;
}
.dot.lumen-sip {
    top: 9%;
    left: 63%;
}
.dot.data-centers {
    top: 12%;
    left: 41.7%;
}
.dot.byo-sip {
    top: 21%;
    left: 62.7%;
}
.direct-boxes {
    display: none;
}
/* direct-routing end*/

/* Analytics page */

.analytics-main .col-left {
    width: 62%;
	margin-right: 5%;
	position: relative;
}
.analytics-main .col-right {
    width: 38%;
	margin-left: 0%;
	padding-top: 1%;
}
.analytics-main {
    padding: 6% 3.5% 0px;
}
.circle-button {
    position: absolute;
    cursor: pointer;
}
.content-box {
    text-align: right;
}
.content-main {
    padding-top: 2.8%;
}
.content-main hr {
    border-top: 1px solid #000000;
    margin: 35px 20px 20px 20px;
    position: relative;
    left: 6%;
}
.content-main .direct-boxes {
    box-shadow: rgba(142, 142, 147, 0.83) 0px 0px 4px 0px;
    -webkit-box-shadow: rgba(142, 142, 147, 0.83) 0px 0px 4px 0px;
    -moz-box-shadow: rgba(142, 142, 147, 0.83) 0px 0px 4px 0px;
}
.content-main .direct-boxes{
    width: 180px !important;
    display: block !important;
    position: absolute;
    top: 7.5%;
    left: -6%;
    z-index: 3;
 
}
.circle-button.ir {

    left: 10%;
}
.circle-button.ue {
 
    left: 26%;
}
.circle-button.aa {
  
    left: 43%;
}
.circle-button.sa {
  
    left: 62%;
}
.circle-button.gov {
   
    left: 76%;
}
.circle-button.mon {
   
    left: 92%;
}
.circle-button.aa .act-layer, .circle-button.aa .blue-layer {
    transform: translatex(62%);
}
.normal-text p {
    text-align: center;
    font-size: 14px;
    line-height: 22px !important;
}
/* Analytics page end*/
/**** why lumen page css ****/
 
.top-sec-div h1.main-heading {
    text-align: left;
    line-height: 60px;
    letter-spacing: 0px;
    font-weight: 800;
    font-size: 44px;
    border-color: rgb(0, 0, 0);
    padding-bottom: 3.5rem;
    text-align: center;
}

.why-lumen-div .two-sec-div{
    position: relative;
} 

.why-lumen-div .botttom-sec-div {
    padding-top: 70px !important;
    text-align: center;
}
.botttom-sec-div .wl-main-img{

    text-align: center;
    width: 31%;
    display: inline-block;

}
.wl-plus-icon{
    width:90%;
    
}

img.wl-circle-img {
    width: 80%;
    cursor: pointer;
}
/*** dot icon ***/

.reduced-complexity-doticon {
    position: absolute;
    top: 25.5%;
    left: 29.8%;
}

.in-flex-doticon {
    position: absolute;
    top: 79%;
    left: 30%;
}

.end-support-doticon {
    position: absolute;
    top: -2%;
    left: 64%;
}

.fast-trans-doticon {
    position: absolute;
    top: 0%;
    left: 64.5%;
}

/*** circle img position****/
.reduced-complexity-circle {
    position: absolute;
    top: 24%;
    left: 30%;
}

.in-flex-circle {
    position: absolute;
    top: 78%;
    left: 30%;
}

    .end-support-circle {
        position: absolute;
        top: 23.5%;
        left: 55%;
    }
    .fast-trans-circle {
        position: absolute;
        top: 77.6%;
        left: 55%;
    }
    /**** box ***/
    .reduced-complexity-box p , .in-flex-box p , .end-support-box p , .fast-trans-box p{
        font-size: 16px;
        text-align: left;
        line-height: 21px;
        font-weight: 400 !important;
        letter-spacing: 0px;
        
    }
 
    .reduced-complexity-box , .in-flex-box , .end-support-box , .fast-trans-box {
        background-color: #ffffff;
        width: 175px;
        height: fit-content;
        box-shadow: rgba(214, 214, 214, 0.83) 2px 2px 5px 2px;
        -webkit-box-shadow: rgba(214, 214, 214, 0.83) 2px 2px 5px 2px;
        -moz-box-shadow: rgba(214, 214, 214, 0.83) 2px 2px 5px 2px;
        border-color: transparent;
        border-radius: 8px;
        transform-origin: 50% 50% 0px;
        transform: translate(1px, 1px);
        display: none;
        position: absolute;
        top: 18%;
        left: 3%;
        padding: 20px 20px;
    } 
 
    .in-flex-box{
        position: absolute !important;
        top: 81% !important;
        left: 3% !important;
    }
 
    .end-support-box {
        position: absolute !important;
        top: 19% !important;
        left: 84% !important;
    
    }
 
    .fast-trans-box {
        position: absolute !important;
        top: 76% !important;
        left: 84% !important;
    }
 
    /** title***/
 
    h3.reduced-complexity-title , h3.in-flex-title , h3.end-support-title, h3.fast-trans-title{
 
        text-align: left;
        line-height: 27px;
        letter-spacing: 0px;
        font-weight: 500;
        font-size: 21px;
    }
 
    h3.reduced-complexity-title {
        position: absolute;
        top: 31%;
        left: 21%;
    }
 
    h3.in-flex-title {
        position: absolute;
        top: 85%;
        left: 22%;
    }
 
    h3.end-support-title {
        position: absolute;
        top: 30%;
        left: 71%;
    }
 
    h3.fast-trans-title {
        position: absolute;
        top: 84%;
        left: 71%;
    }
    .top-sec-div {
        padding-top: 10px;
    }
    .lumen-ms-teams {
        max-width: 1600px;
        margin: auto;
    }

    img.home-icon-main {
        width: 64px !important;
        padding-left: 3%;
    }

    .mapicon-box {
        background-color: #0075C9;
        position: absolute;
        top: 0;
        right: 10.1%;
        display: grid;
    }

    .mapicon-boxl {
        background-color: #0075C9;
        position: absolute;
        top: 0;
        right:0%;
        display: grid;
    }
    .break-div {
        padding-top: 10%;
        display:none;
    }