/*.row, .row-nowrap {
    display: flex;
    margin-left: 0px;
    width: 100%;
}*/
#newFooter {
    color: #fff;
    background-color: #000;
    position: relative;
    z-index: 0;
}

.btn-circular {
    font-family: font-regular, Omnes-ATT-W02;
    font-size: 1.6rem;
    font-weight: normal;
    background-color: transparent;
    top: -3px;
    color: rgb(25, 25, 25);
    position: relative;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    padding: 5px 0px 0px;
}

a.btn-circular {
    color: rgb(5, 116, 172);
}

.firstnet-footer-container-mp {
    position: relative;
    padding: 0 30px;
    max-width: 1440px;
    z-index: 9999;
    margin: 0px auto;
    background: rgb(0, 0, 0);
}

.firstnet-footer-container-mp .image {
    margin-top: 40px;
}

.firstnet-footer-container-mp a {
    outline: none;
}

.firstnet-footer-container-mp .footer-column a {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: attAleckSans-Regular;
    margin-top:6px;
}

.firstnet-footer-container-mp .columncontrol:nth-child(2) {
    padding: 0px 0px 40px;
}

.firstnet-footer-container-mp .columncontrol:nth-child(3) {
    background-color: rgb(0, 0, 0);
    padding-bottom: 30px;
}

.firstnet-footer-container-mp .footer-column {
    margin-top: 40px;
    display: flex;
}

.firstnet-footer-container-mp .footer-column .custom-col-0 {
    padding-bottom: 25px;
    width: 29%;
    border-right: 1px solid rgb(204, 204, 204);
}

.ccpaImgClass {
    height: 10px;
    width: 21px;
}

/*@media screen and (min-width: 651px)
    .firstnet-footer-container-mp .footer-column > [class*="span"] {
        float: left;
    }
}*/
.firstnet-footer-container-mp .footer-column>[class*="span"] {
    float: left;
}

.firstnet-footer-container-mp .footer-column .custom-col-1 {
    width: 29%;
    padding-left: 38px;
    border-right: 1px solid rgb(204, 204, 204);
}

.firstnet-footer-container-mp .footer-column .sitemap-id,
.firstnet-footer-container-mp .footer-column .follow-id,
.firstnet-footer-container-mp .footer-column .help-id {
    font-size: 16px;
    cursor: default;
}

.firstnet-footer-container-mp .footer-column p {
    font-size: 18px;
    color: rgb(255, 255, 255);
}

.firstnet-footer-container-mp .footer-column .follow-us-desktop .link {
    /*line-height: 24px;*/
}

.firstnet-footer-container-mp .footer-column .follow-us-desktop .btn-circular {
    padding-top: 2px;
    top: 3px;
}

.firstnet-footer-container-mp .footer-column .custom-col-1 .btn-circular {
    font-size: 18px;
}

.firstnet-footer-container-mp .footer-column .custom-col-1 .btn-circular {
    font-size: 1.8rem;
    color: rgb(102, 102, 102);
}

.firstnet-footer-container-mp .footer-column .follow-us-desktop .linkedin-link,
.firstnet-footer-container-mp .footer-column .follow-us-desktop .twitter-link,
.firstnet-footer-container-mp .footer-column .follow-us-desktop .youtube-link,
.firstnet-footer-container-mp .footer-column .follow-us-desktop .facebook-link,
.firstnet-footer-container-mp .footer-column .follow-us-desktop .flickr-link {
    width: 100%;
    display: block;
    height: auto;
    padding-left: 1px;
    padding-top: 4px;
    min-height: 40px;
    overflow: hidden;
}

.firstnet-footer-container-mp .footer-column .follow-us-desktop .linkedin-link a,
.firstnet-footer-container-mp .footer-column .follow-us-desktop .twitter-link a,
.firstnet-footer-container-mp .footer-column .follow-us-desktop .youtube-link a,
.firstnet-footer-container-mp .footer-column .follow-us-desktop .facebook-link a,
.firstnet-footer-container-mp .footer-column .follow-us-desktop .flickr-link a {
    display: inline-block;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-family: attAleckSans-Regular, Arial;
    overflow: hidden;
    text-decoration: none;
    outline: none;
}

.firstnet-footer-container-mp .footer-column .follow-us-desktop .linkedin-link a img,
.firstnet-footer-container-mp .footer-column .follow-us-desktop .twitter-link a img,
.firstnet-footer-container-mp .footer-column .follow-us-desktop .youtube-link a img,
.firstnet-footer-container-mp .footer-column .follow-us-desktop .facebook-link a img,
.firstnet-footer-container-mp .footer-column .follow-us-desktop .flickr-link a img {
    margin-right: 14px;
}

.firstnet-footer-container-mp .footer-column .follow-us-desktop i {
    font-family: attAleckSans-Regular, Arial;
}

.firstnet-footer-container-mp .footer-column .custom-col-2 {
    width: auto;
    padding-left: 20px;
}

.firstnet-footer-container-mp .footer-column .sitemap-id,
.firstnet-footer-container-mp .footer-column .follow-id,
.firstnet-footer-container-mp .footer-column .help-id {
    font-size: 16px;
    cursor: default;
}

.firstnet-footer-container-mp .footer-column .help-id p {
    display: inline-block;
    margin-left: 20px;
}

.firstnet-footer-container-mp .custom-col-2 .helpCenter-faq {
    padding-top: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.firstnet-footer-container-mp .footer-column .custom-col-2 .contact-button {
    padding-top: 30px;
    padding-left: 20px;
    margin-left: 35px;
}

.firstnet-footer-container-mp .btn-secondary {
    box-shadow: none;
    color: rgb(255, 255, 255);
    border-width: 2px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    background: transparent !important;
}

.firstnet-footer-container-mp .btn {
    height: 40px;
    line-height: 30px;
    min-height: 40px;
    /* font-size: 16px !important; */
    border-radius: 25px;
}

.firstnet-footer-container-mp .btn-secondary {
    font-size: 1.4rem;
    width: 80px;
    padding: 6px 6px 0 0;
}

.firstnet-footer-container-mp .columncontrol:nth-child(3) {
    background-color: rgb(0, 0, 0);
    padding-bottom: 30px;
}

.firstnet-footer-container-mp .columncontrol .links-columns .custom-col-1 {
    width: 100%;
    display: inline;
    text-align: right;
}

.firstnet-footer-container-mp .columncontrol .links-columns .custom-copy-text {
    width: 100%;
}

.firstnet-footer-container-mp .columncontrol .links-columns .custom-copy-text p {
    color: #fff;
    font-size: 10px;
    font-family: attAleckSans-Regular;
    text-align: left;
    line-height: 12px;
}

.firstnet-footer-container-mp .links-columns .custom-col-1 {
    font-size: 10px;
    font-weight: 400;
}

.firstnet-footer-container-mp .columncontrol .links-columns .link {
    display: inline-block;
}

.firstnet-footer-container-mp .footer-links .link-item {
    display: inline-block;
    float: left;
}

.firstnet-footer-container-mp .footer-links .link-item a {
    font-family: attAleckSans-Regular;
    font-size: 11px;
    padding-left: 5px;
    color: rgb(255, 255, 255);
}

.firstnet-footer-container-mp .footer-link-items {
    list-style-type: none;
    padding-top: 1px;
}

.firstnet-footer-container-mp .footer-link-items li {
    margin-top: 15px;
}

.firstnet-footer-container-mp .footer-heading {
    margin: 0 0 25px;
}

ul.section.footer-link-items {
    margin-bottom: 0;
}

.firstnet-footer-container-mp .footer-heading p {
    font-size: 16px;
    padding-bottom: 14px;
    line-height: 20px;
    color: inherit;
    font-family: attAleckSans-Medium;
}

.firstnet-footer-container-mp .footer-column .follow-us-desktop .link a i {
    font-style: unset;
}

.firstnet-footer-container-mp .footer-links .link-item:after {
    content: "|";
    padding-left: 5px;
    color: #ffffff;
    display: inline-block;
    text-decoration: none;
    speak: none;
}

.firstnet-footer-container-mp .footer-links .link-item.firstNetGov:after {
    display: none;
}

.firstnet-footer-container-mp .footer-contact-btn {
    padding: 30px 0 0 20px;
    margin-left: 35px;
}

.glyphicon.glyphicon-question-sign {
    display: none;
}

div#helpCenter-faq {
    padding-top: 5px;
}

div#helpCenter-help, div#helpCenter-contact-us {
    margin-top: 15px;
}

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

    #firstnet-footer-container-mp {
        padding: 0 30px;
    }

    .firstnet-footer-container-mp #footer-column {
        display: block;
    }

    .firstnet-footer-container-mp #footer-column .span4 {
        width: 100% !important;
        float: left;
        border: 0;
        padding: 0 0 25px 0;
        border-bottom: 1px solid #ccc;
        margin-bottom: 25px;
    }

    .firstnet-footer-container-mp .footer-heading p {
        padding-bottom: 0;
    }

    .firstnet-footer-container-mp .columncontrol .links-columns .custom-col-1 {
        text-align: center;
        padding-right: 0;
    }

    #firstnet-footer-container-mp {
        z-index: 0;
    }

    .firstnet-footer-container-mp .footer-column .help-id p {
        margin-left: 0;
    }

    .firstnet-footer-container-mp .custom-col-2 .helpCenter-faq .glyphicon {
        margin-left: 0;
    }

    .firstnet-footer-container-mp .footer-column .custom-col-2 {
        margin-bottom: 0;
    }

    .firstnet-footer-container-mp .footer-link-items {
        padding-left: 0;
        padding-top: 1px;
    }

    .firstnet-footer-container-mp .columncontrol .links-columns {
        text-align: center;
        font-family: attAleckSans-Regular;
    }

    div[class^="helpCenter-"] {
        font-size: 14px;
        line-height: 20px;
    }
}

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

    .firstnet-footer-container-mp .columncontrol .links-columns .custom-col-1 {
        text-align: right;
     /* padding-right: 100px; */
    }

    .firstnet-footer-container-mp .columncontrol .links-columns .custom-copy-text {
        width: auto;
        float: right;
        padding-right: 100px;
        max-width: 640px;
    }

    #firstnet-footer-container-mp {
        padding: 0 15px;
    }

    .firstnet-footer-container-mp #footer-column {
        display: flex;
    }

    .firstnet-footer-container-mp #footer-column .span4 {
        width: 29% !important;
        float: left;
        border-right: 1px solid #ccc;
        padding: 0 0 0 38px;
        border-bottom: 0;
        margin-bottom: 0;
    }

    .firstnet-footer-container-mp .footer-column .custom-col-2 {
        /* padding-left: 20px !important; */
        border-right: 0 !important;
    }

    .firstnet-footer-container-mp .footer-column .custom-col-0 {
        padding-left: 0 !important;
    }

    /*   .firstnet-footer-container-mp .footer-column .help-id p{margin-left:20px;} */
    .firstnet-footer-container-mp .custom-col-2 .helpCenter-faq .glyphicon {
        margin-left: 20px;
    }

    .firstnet-footer-container-mp .columncontrol .links-columns {
        text-align: right;
    }
}

/* Footer logo */
img.cq-dd-image {
    width: 189px;
    height: 60px;
}

@media screen and (min-width:1200px) {
    .firstnet-footer-container-mp .columncontrol .links-columns .custom-copy-text {
        width: auto;
        float: right;
        padding-right: 100px;
        max-width: 765px;
        padding-top:5px;
    }
    .firstnet-footer-container-mp .columncontrol .links-columns .custom-col-1 {
        text-align: right;
        padding-right: 100px; 
    } 

    div[class^="helpCenter-"] {
        font-size: 16px;
        line-height: 21px;
    }
}
/* Global styles - fonts */
@font-face {font-family: 'Helvetica-Neue-Bold';
	src: url('../../../attincludes/fonts/HelveticaNeueLTPro-Bd.eot');
    src: url('../../../attincludes/fonts/HelveticaNeueLTPro-Bd.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/HelveticaNeueLTPro-Bd.WOFF') format('woff'),
         url('../../../attincludes/fonts/HelveticaNeueLTPro-Bd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'Helvetica-Neue-Bold-Italic';
	src: url('../../../attincludes/fonts/HelveticaNeueLTPro-BdIt.eot');
    src: url('../../../attincludes/fonts/HelveticaNeueLTPro-BdIt.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/HelveticaNeueLTPro-BdIt.WOFF') format('woff'),
         url('../../../attincludes/fonts/HelveticaNeueLTPro-BdIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'Helvetica-Neue-Medium';
	src: url('../../../attincludes/fonts/HelveticaNeueLTPro-Md.eot');
    src: url('../../../attincludes/fonts/HelveticaNeueLTPro-Md.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/HelveticaNeueLTPro-Md.WOFF') format('woff'),
         url('../../../attincludes/fonts/HelveticaNeueLTPro-Md.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'Helvetica-Neue-Medium-Italic';
	src: url('../../../attincludes/fonts/HelveticaNeueLTPro-MdIt.eot');
    src: url('../../../attincludes/fonts/HelveticaNeueLTPro-MdIt.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/HelveticaNeueLTPro-MdIt.WOFF') format('woff'),
         url('../../../attincludes/fonts/HelveticaNeueLTPro-MdIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'Helvetica-Neue-Regular';
	src: url('../../../attincludes/fonts/HelveticaNeueLTPro-Lt.eot');
    src: url('../../../attincludes/fonts/HelveticaNeueLTPro-Lt.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/HelveticaNeueLTPro-Lt.WOFF') format('woff'),
         url('../../../attincludes/fonts/HelveticaNeueLTPro-Lt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'Helvetica-Neue-Regular-Italic';
	src: url('../../../attincludes/fonts/HelveticaNeueLTPro-LtIt.eot');
    src: url('../../../attincludes/fonts/HelveticaNeueLTPro-LtIt.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/HelveticaNeueLTPro-LtIt.WOFF') format('woff'),
         url('../../../attincludes/fonts/HelveticaNeueLTPro-LtIt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'Helvetica-Neue-Italic';
	src: url('../../../attincludes/fonts/HelveticaNeueLTPro-It.eot');
    src: url('../../../attincludes/fonts/HelveticaNeueLTPro-It.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/HelveticaNeueLTPro-It.WOFF') format('woff'),
         url('../../../attincludes/fonts/HelveticaNeueLTPro-It.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* FirstNet Licensed Fonts */

/* Brooklyn */
@font-face {
    font-family: "Brooklyn-Bold";
    src: url('../../../attincludes/fonts/Brooklyn-Bold.eot');
    src: url('../../../attincludes/fonts/Brooklyn-Bold.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/Brooklyn-Bold.woff'),
         url('../../../attincludes/fonts/Brooklyn-Bold.woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brooklyn-BoldOblique";
    src: url('../../../attincludes/fonts/Brooklyn-BoldOblique.eot');
    src: url('../../../attincludes/fonts/Brooklyn-BoldOblique.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/Brooklyn-BoldOblique.woff'),
         url('../../../attincludes/fonts/Brooklyn-BoldOblique.woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brooklyn-Book";
    src: url('../../../attincludes/fonts/Brooklyn-Book.eot');
    src: url('../../../attincludes/fonts/Brooklyn-Book.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/Brooklyn-Book.woff'),
         url('../../../attincludes/fonts/Brooklyn-Book.woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brooklyn-BookOblique";
    src: url('../../../attincludes/fonts/Brooklyn-BookOblique.eot');
    src: url('../../../attincludes/fonts/Brooklyn-BookOblique.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/Brooklyn-BookOblique.woff'),
         url('../../../attincludes/fonts/Brooklyn-BookOblique.woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brooklyn-ExtraBold";
    src: url('../../../attincludes/fonts/Brooklyn-Extrabold.eot');
    src: url('../../../attincludes/fonts/Brooklyn-Extrabold.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/Brooklyn-Extrabold.woff'),
         url('../../../attincludes/fonts/Brooklyn-Extrabold.woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brooklyn-ExtraBoldOblique";
    src: url('../../../attincludes/fonts/Brooklyn-ExtraboldOblique.eot');
    src: url('../../../attincludes/fonts/Brooklyn-ExtraboldOblique.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/Brooklyn-ExtraboldOblique.woff'),
         url('../../../attincludes/fonts/Brooklyn-ExtraboldOblique.woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brooklyn-Light";
    src: url('../../../attincludes/fonts/Brooklyn-Light.eot');
    src: url('../../../attincludes/fonts/Brooklyn-Light.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/Brooklyn-Light.woff'),
         url('../../../attincludes/fonts/Brooklyn-Light.woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brooklyn-LightOblique";
    src: url('../../../attincludes/fonts/Brooklyn-LightOblique.eot');
    src: url('../../../attincludes/fonts/Brooklyn-LightOblique.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/Brooklyn-LightOblique.woff'),
         url('../../../attincludes/fonts/Brooklyn-LightOblique.woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brooklyn-Medium";
    src: url('../../../attincludes/fonts/Brooklyn-Medium.eot');
    src: url('../../../attincludes/fonts/Brooklyn-Medium.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/Brooklyn-Medium.woff'),
         url('../../../attincludes/fonts/Brooklyn-Medium.woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brooklyn-MediumOblique";
    src: url('../../../attincludes/fonts/Brooklyn-MediumOblique.eot');
    src: url('../../../attincludes/fonts/Brooklyn-MediumOblique.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/Brooklyn-MediumOblique.woff'),
         url('../../../attincludes/fonts/Brooklyn-MediumOblique.woff2');
    font-weight: normal;
    font-style: normal;
}


/* Aleck Sans */

@font-face {font-family: 'attAleckSans-Regular';
    src: url('../../../attincludes/fonts/ATTAleckSans_W_Rg.eot');
    src: url('../../../attincludes/fonts/ATTAleckSans_W_Rg.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Rg.woff2') format('woff2'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Rg.woff') format('woff'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Rg.ttf') format('truetype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Rg.svg#attAleckSans-Regular') format('svg');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
@font-face {font-family: 'attAleckSans-Medium';
	src: url('../../../attincludes/fonts/ATTAleckSans_W_Md.eot');
    src: url('../../../attincludes/fonts/ATTAleckSans_W_Md.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Md.woff2') format('woff2'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Md.woff') format('woff'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Md.ttf') format('truetype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Md.svg#attAleckSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {font-family: 'attAleckSans-Bold';
	src: url('../../../attincludes/fonts/ATTAleckSans_W_Bd.eot');
    src: url('../../../attincludes/fonts/ATTAleckSans_W_Bd.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Bd.woff2') format('woff2'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Bd.woff') format('woff'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Bd.ttf') format('truetype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Bd.svg#attAleckSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {font-family: 'attAleckSans-Regular-Italic';
    src: url('../../../attincludes/fonts/ATTAleckCd_W_It.eot');
    src: url('../../../attincludes/fonts/ATTAleckCd_W_It.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/ATTAleckCd_W_It.woff2') format('woff2'),
         url('../../../attincludes/fonts/ATTAleckCd_W_It.woff') format('woff'),
         url('../../../attincludes/fonts/ATTAleckCd_W_It.ttf') format('truetype'),
         url('../../../attincludes/fonts/ATTAleckCd_W_It.svg#attAleckCd-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Global styles - fonts */
@font-face {font-family: 'attAleckSans-Regular';
	src: url('../../../attincludes/fonts/ATTAleckSans_W_Rg.eot');
    src: url('../../../attincludes/fonts/ATTAleckSans_W_Rg.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Rg.woff2') format('woff2'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Rg.woff') format('woff'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Rg.ttf') format('truetype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Rg.svg#attAleckSans-Regular') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {font-family: 'attAleckSans-Italic';
	src: url('../../../attincludes/fonts/ATTAleckSans_W_It.eot');
    src: url('../../../attincludes/fonts/ATTAleckSans_W_It.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_It.woff2') format('woff2'),
         url('../../../attincludes/fonts/ATTAleckSans_W_It.woff') format('woff'),
         url('../../../attincludes/fonts/ATTAleckSans_W_It.ttf') format('truetype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_It.svg#attAleckSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'attAleckSans-Light';
	src: url('../../../attincludes/fonts/ATTAleckSans_W_Lt.eot');
    src: url('../../../attincludes/fonts/ATTAleckSans_W_Lt.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Lt.woff2') format('woff2'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Lt.woff') format('woff'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Lt.ttf') format('truetype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Lt.svg#attAleckSans-Light') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {font-family: 'attAleckSans-LightItalic';
	src: url('../../../attincludes/fonts/ATTAleckSans_W_LtIt.eot');
    src: url('../../../attincludes/fonts/ATTAleckSans_W_LtIt.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_LtIt.woff2') format('woff2'),
         url('../../../attincludes/fonts/ATTAleckSans_W_LtIt.woff') format('woff'),
         url('../../../attincludes/fonts/ATTAleckSans_W_LtIt.ttf') format('truetype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_LtIt.svg#attAleckSans-Light') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {font-family: 'attAleckSans-Thin';
	src: url('../../../attincludes/fonts/ATTAleckSans_W_Th.eot');
    src: url('../../../attincludes/fonts/ATTAleckSans_W_Th.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Th.woff2') format('woff2'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Th.woff') format('woff'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Th.ttf') format('truetype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Th.svg#attAleckSans-Thin') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {font-family: 'attAleckSans-ThinItalic';
	src: url('../../../attincludes/fonts/ATTAleckSans_W_ThIt.eot');
    src: url('../../../attincludes/fonts/ATTAleckSans_W_ThIt.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_ThIt.woff2') format('woff2'),
         url('../../../attincludes/fonts/ATTAleckSans_W_ThIt.woff') format('woff'),
         url('../../../attincludes/fonts/ATTAleckSans_W_ThIt.ttf') format('truetype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_ThIt.svg#attAleckSans-Thin') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {font-family: 'attAleckSans-Medium';
	src: url('../../../attincludes/fonts/ATTAleckSans_W_Md.eot');
    src: url('../../../attincludes/fonts/ATTAleckSans_W_Md.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Md.woff2') format('woff2'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Md.woff') format('woff'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Md.ttf') format('truetype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Md.svg#attAleckSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'attAleckSans-MediumItalic';
	src: url('../../../attincludes/fonts/ATTAleckSans_W_MdIt.eot');
    src: url('../../../attincludes/fonts/ATTAleckSans_W_MdIt.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_MdIt.woff2') format('woff2'),
         url('../../../attincludes/fonts/ATTAleckSans_W_MdIt.woff') format('woff'),
         url('../../../attincludes/fonts/ATTAleckSans_W_MdIt.ttf') format('truetype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_MdIt.svg#attAleckSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'attAleckSans-Bold';
	src: url('../../../attincludes/fonts/ATTAleckSans_W_Bd.eot');
    src: url('../../../attincludes/fonts/ATTAleckSans_W_Bd.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Bd.woff2') format('woff2'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Bd.woff') format('woff'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Bd.ttf') format('truetype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Bd.svg#attAleckSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'attAleckSans-BoldItalic';
	src: url('../../../attincludes/fonts/ATTAleckSans_W_BdIt.eot');
    src: url('../../../attincludes/fonts/ATTAleckSans_W_BdIt.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_BdIt.woff2') format('woff2'),
         url('../../../attincludes/fonts/ATTAleckSans_W_BdIt.woff') format('woff'),
         url('../../../attincludes/fonts/ATTAleckSans_W_BdIt.ttf') format('truetype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_BdIt.svg#attAleckSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'attAleckSans-Black';
	src: url('../../../attincludes/fonts/ATTAleckSans_W_Blk.eot');
    src: url('../../../attincludes/fonts/ATTAleckSans_W_Blk.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Blk.woff2') format('woff2'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Blk.woff') format('woff'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Blk.ttf') format('truetype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_Blk.svg#attAleckSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'attAleckSans-BlackItalic';
	src: url('../../../attincludes/fonts/ATTAleckSans_W_BlkIt.eot');
    src: url('../../../attincludes/fonts/ATTAleckSans_W_BlkIt.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_BlkIt.woff2') format('woff2'),
         url('../../../attincludes/fonts/ATTAleckSans_W_BlkIt.woff') format('woff'),
         url('../../../attincludes/fonts/ATTAleckSans_W_BlkIt.ttf') format('truetype'),
         url('../../../attincludes/fonts/ATTAleckSans_W_BlkIt.svg#attAleckSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {font-family: 'iconControls';
	src: url('../../../attincludes/fonts/icon-controls.eot');
    src: url('../../../attincludes/fonts/icon-controls.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/icon-controls.woff2') format('woff2'),
         url('../../../attincludes/fonts/icon-controls.woff') format('woff'),
         url('../../../attincludes/fonts/icon-controls.ttf') format('truetype'),
         url('../../../attincludes/fonts/icon-controls.svg#iconControls') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {font-family: 'iconDocuments';
	src: url('../../../attincludes/fonts/icon-documents.eot');
    src: url('../../../attincludes/fonts/icon-documents.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/icon-documents.woff2') format('woff2'),
         url('../../../attincludes/fonts/icon-documents.woff') format('woff'),
         url('../../../attincludes/fonts/icon-documents.ttf') format('truetype'),
         url('../../../attincludes/fonts/icon-documents.svg#iconDocuments') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {font-family: 'iconArrows';
	src: url('../../../attincludes/fonts/icon-arrows.eot');
    src: url('../../../attincludes/fonts/icon-arrows.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/icon-arrows.woff2') format('woff2'),
         url('../../../attincludes/fonts/icon-arrows.woff') format('woff'),
         url('../../../attincludes/fonts/icon-arrows.ttf') format('truetype'),
         url('../../../attincludes/fonts/icon-arrows.svg#iconArrows') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {font-family: 'iconContent';
	src: url('../../../attincludes/fonts/icon-content.eot');
    src: url('../../../attincludes/fonts/icon-content.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/icon-content.woff2') format('woff2'),
         url('../../../attincludes/fonts/icon-content.woff') format('woff'),
         url('../../../attincludes/fonts/icon-content.ttf') format('truetype'),
         url('../../../attincludes/fonts/icon-content.svg#iconContent') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {font-family: 'iconDevices';
	src: url('../../../attincludes/fonts/icon-devices.eot');
    src: url('../../../attincludes/fonts/icon-devices.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/icon-devices.woff2') format('woff2'),
         url('../../../attincludes/fonts/icon-devices.woff') format('woff'),
         url('../../../attincludes/fonts/icon-devices.ttf') format('truetype'),
         url('../../../attincludes/fonts/icon-devices.svg#iconDevices') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {font-family: 'iconRetail';
	src: url('../../../attincludes/fonts/icon-retail.eot');
    src: url('../../../attincludes/fonts/icon-retail.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/icon-retail.woff2') format('woff2'),
         url('../../../attincludes/fonts/icon-retail.woff') format('woff'),
         url('../../../attincludes/fonts/icon-retail.ttf') format('truetype'),
         url('../../../attincludes/fonts/icon-retail.svg#iconRetail') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {font-family: 'iconPeople';
	src: url('../../../attincludes/fonts/icon-people.eot');
    src: url('../../../attincludes/fonts/icon-people.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/icon-people.woff2') format('woff2'),
         url('../../../attincludes/fonts/icon-people.woff') format('woff'),
         url('../../../attincludes/fonts/icon-people.ttf') format('truetype'),
         url('../../../attincludes/fonts/icon-people.svg#iconPeople') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {font-family: 'iconPrimary';
	src: url('../../../attincludes/fonts/icoPrimary.eot');
    src: url('../../../attincludes/fonts/icoPrimary.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/icoPrimary.woff2') format('woff2'),
         url('../../../attincludes/fonts/icoPrimary.woff') format('woff'),
         url('../../../attincludes/fonts/icoPrimary.ttf') format('truetype'),
         url('../../../attincludes/fonts/icoPrimary.svg#iconPrimary') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {font-family: 'icoSocial';
	src: url('../../../attincludes/fonts/icon-social.eot');
    src: url('../../../attincludes/fonts/icon-social.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/icon-social.woff2') format('woff2'),
         url('../../../attincludes/fonts/icon-social.woff') format('woff'),
         url('../../../attincludes/fonts/icon-social.ttf') format('truetype'),
         url('../../../attincludes/fonts/icon-social.svg#icoSocial') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'iconSocial';
    src: url('../../../attincludes/fonts/icon-social.eot');
    src: url('../../../attincludes/fonts/icon-social.eot?#iefix') format('embedded-opentype'),
         url('../../../attincludes/fonts/icon-social.woff2') format('woff2'),
         url('../../../attincludes/fonts/icon-social.woff') format('woff'),
         url('../../../attincludes/fonts/icon-social.ttf') format('truetype'),
         url('../../../attincludes/fonts/icon-social.svg#iconSocial') format('svg');
    font-weight:normal;
    font-style:normal;
}
/* TODO: Remove hardcorded color after replacing LESS variable at all occurances in all files; */
/* core color */
.att-blue { color: #009fdb; }

/* Primary colors */
.att-black { color: #000; }
.att-white { color: #fff; }
.att-orange { color: #ea7400; }
/* Secondary color */
.att-light-blue { color: #71c5e8; }
.att-dark-blue { color: #0568ae; }
.att-light-gray { color: #d2d2d2; }
.att-gray { color: #959595; }
.att-dark-gray { color: #5a5a5a; }
.att-yellow { color: #ffb81c; }
.att-light-green { color: #b5bd00; }
.att-green { color: #4ca90c; }
.att-dark-green { color: #007a3e; }
.att-light-purple { color: #caa2dd; }
.att-purple { color: #9063cd; }
.att-dark-purple { color: #702f8a; }

/* Functional colors */
.att-functional-link-blue { color: #0568ae; }
.att-functional-digital-text-black { color: #191919; }
.att-functional-background-gray { color: #f2f2f2; }
.att-functional-red { color: #cf2a2a; }
.att-functional-yellow { color: #ffb81c; }
.att-functional-green { color: #007a3e; }

/* Misc colors */
/* #d2d2d2 */
/* #034574 */
/* #5a5a5a */
/* #3b5999 */
/* #cdcdcd */
/* #2aa9e0 */
/* #cd201f */
/* LESS color variables */
/* core color */
/* Primary colors */
/* Secondary color */
/* Functional colors */
/* Generic colors */

/* Firstnet styles  colors */

/* Background colors */
[data-bg="black"] { background-color: #000; }
[data-bg="white"] { background-color: #fff; }
[data-bg="dark-gray"] { background-color: #3c3a3b; }
[data-bg="medium-gray"] { background-color: #8b8d8e; }
[data-bg="light-gray"] { background-color: #f2f2f2; }
[data-bg="blue"] { background-color: #0568ae; }

/* Font Colors */
.black-text { color: #000; }
.white-text { color: #fff; }
.blue-text { color: #0568ae; }

/* Primary colors */
.firstnet-black { color: #000; }
.firstnet-white { color: #fff; }
.firstnet-dark-gray { color: #3c3a3b; }
.firstnet-medium-gray { color: #8b8d8e; }
.firstnet-light-gray { color: #f2f2f2; }

/* Functional colors */
.firstnet-functional-green { color: #007a3e; }
.firstnet-functional-red { color: #d6002a; }
.firstnet-functional-blue { color: #0568ae; }

/* Tertiary Discipline-Specific colors */
.firstnet-tertiary-pantone286 { color: #0e1e5a; }
.firstnet-tertiary-pantone199 { color: #d6002a; }
.firstnet-tertiary-pantone130 { color: #fda607; }
.firstnet-tertiary-pantone152 { color: #e07003; }
.firstnet-tertiary-pantone347 { color: #1e8530; }

/* colors used but not defined in style guide */
/* #767676 */
/* #191919 */
/* #f2f2f2 */
/* #7d7d7d */
/* LESS variable definitions */
/* Firstnet styles  colors */
/* Primary colors */
/* Functional colors */
/* Tertiary Discipline-Specific colors */
/* Background colors */
[data-bg="black"] {
  background-color: #000000;
}
[data-bg="white"] {
  background-color: #ffffff;
}
[data-bg="dark-gray"] {
  background-color: #3c3a3b;
}
[data-bg="medium-gray"] {
  background-color: #8b8d8e;
}
[data-bg="light-gray"] {
  background-color: #f2f2f2;
}
[data-bg="blue"] {
  background-color: #0568ae;
}



span.H2 { font: normal 38px/38px attAleckSans-Regular !important; }
span.H3 { font: normal 24px/24px attAleckSans-Regular !important; }
span.H4 { font: normal 22px/22px attAleckSans-Medium !important; }
span.H5 { font: normal 18px/18px attAleckSans-Regular !important; }
span.H6 { font: normal 18px/18px attAleckSans-Medium !important; }

/* Skip navigation */
#skip a { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;} 
#skip a:focus { position:static; width:auto; height:auto; }


/* off screening */
.visually-hidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height: 1px !important; width: 1px !important; overflow: hidden; left:-10000px; }		



/***** Icon Display BEGIN - Spritesheet *****/
.demo-icon { display:inline-block;width:30px;height:30px;background: url('../../../etc/designs/attbusiness/images/image-sprite.png') 0px -90px no-repeat;}
.blog-icon { display:inline-block;width:30px;height:30px;background: url('../../../etc/designs/attbusiness/images/image-sprite.png') -30px 0px no-repeat;}
.mp3-icon { display:inline-block;width:30px;height:30px;background: url('../../../etc/designs/attbusiness/images/image-sprite.png') -30px -30px no-repeat;}
.video-icon { display:inline-block;width:30px;height:30px;background: url('../../../etc/designs/attbusiness/images/image-sprite.png') -30px -60px no-repeat;}
.infographic-icon { display:inline-block;width:30px;height:30px;background: url('../../../etc/designs/attbusiness/images/image-sprite.png') -30px -90px no-repeat;}
.excel-icon { display:inline-block;width:30px;height:30px;background: url('../../../etc/designs/attbusiness/images/image-sprite.png') -60px 0px no-repeat;}
.webpage-icon { display:inline-block;width:30px;height:30px;background: url('../../../etc/designs/attbusiness/images/image-sprite.png') -60px -30px no-repeat;}
.pdf-icon { display:inline-block;width:30px;height:30px;background: url('../../../etc/designs/attbusiness/images/image-sprite.png') -60px -60px no-repeat;}
.webinar-icon { display:inline-block;width:30px;height:30px;background: url('../../../etc/designs/attbusiness/images/image-sprite.png') -60px -90px no-repeat;}
.search-icon{width:27px;height:27px;float:right; background-color: transparent; color:#fff; border:none; transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1);}

.grey-carat-up-icon { display:inline-block;width:22px;height:10px;background:url('../../../etc/designs/attbusiness/images/image-sprite.png') -90px -20px no-repeat;}
.grey-carat-down-icon { display:inline-block;width:22px;height:10px;background:url('../../../etc/designs/attbusiness/images/image-sprite.png') -90px -30px no-repeat;}
.blue-carat-left-icon { display:inline-block;width:10px;height:20px;background:url('../../../etc/designs/attbusiness/images/image-sprite.png') -90px -40px no-repeat;}
.blue-carat-right-icon { display:inline-block;width:10px;height:20px;background:url('../../../etc/designs/attbusiness/images/image-sprite.png') -102px -40px no-repeat;}
/**.contact-icon {display:inline-block;width:30px;height:30px;background: url('../../../etc/designs/attbusiness/images/image-sprite.png') -60px -30px no-repeat;}**/
#foresee-component-aside{}
.blue-carat-left-icon:hover, .blue-carat-right-icon:hover,#inner_wrap .back_arrow,#inner_wrap .sub_back_arrow {cursor:pointer;font-size: 15px;}
#inner_wrap .blue-carat-left-icon{margin-right: 5px; vertical-align: middle;}
/***** Icon Display END - Spritesheet *****/

/************* Header Start *************************/
.header-wrapper {background-color:#000;}
.sticky{position:fixed !important;top:0px;z-index:1001 !important;width:100%;}
#header{position:relative;top:0px;width:100%;margin:0 auto;height:45px;z-index:101;display:table;}
/**#ie #header {behavior:url(/library/javascript/PIE.htc);}**/
#header.resp-header .logo {margin-left:0px;}
#header .logo {
		display:block;
		width:95px;
		height:36px;
		float:left;
		margin: 4px 15px 0 15px;
		background: url(../../../etc/designs/attbusiness/images/image-sprite.png) -231px -259px no-repeat !important;
		}
#header .segment > span {
	display: block;
	font-family: ATTAleckSans-Light;
	font-size: 14px;
	letter-spacing: .22px;
}
#header .segment span.segmentatt {
	font-family: ATTAleckSans-Medium;
}
#header .segment {color:#fff;float: left; line-height:17px; font-size:20px;font-family:attAleckSans-Light;margin: 5.5px 15px 5.5px 0; padding-right: 15px; height: 32px; border-right: 1px solid #595959;}
#header a { text-decoration: none; }
#header a:hover {cursor:pointer;}
#header #logo{float: left}
#header button{background: transparent; border: 0;}																
#searchSubmit{display:block;}
#header ul.search{display:none; margin:8px 3px 0 0;}
#menu-icon:hover{cursor:pointer;}
#mob_search .search-icon{margin: 4px 8px 0 0;padding:0; background-color: #fff; color: #5a5a5a;}
.search-icon:hover {cursor:pointer;}
#header .goto-select,#header .goto-options  {display: none;}
.regex-small {font-size:11px;font-family:attAleckSans-Regular; margin-left: 2px;}
/************* Header End   *************************/

/*********** Main Content Section *******************/
/**#content { position:relative;top:0px;clear:both;width:100%;margin:0 auto;}
#main {float:left; }
#content.maincontent #headline-component {margin-left: 0px;}
#headline-component, #preface { float: left; margin: 20px 20px 0 20px; }
#headline-component h1 {font: normal 34px/38px attAleckSans-Light;color: #444;margin: 0 0 10px 0;letter-spacing: -.01em;}
#headline-component span { display: block; float: left; font: normal 20px/20px attAleckSans-Light; color: #666; }
#main h2, #aside h2 {font: normal 24px/28px attAleckSans-Regular;color: #666;margin: 0 0 20px 0;letter-spacing: -.01em;}
#main h3 {font: normal 20px/24px attAleckSans-Medium;color: #666;margin: 0 0 10px 0;letter-spacing: -.01em;}
#main h4 {font: normal 18px/20px attAleckSans-Medium;color: #666;margin: 0 0 10px 0;letter-spacing: -.01em;}
#aside h5 {font: normal 14px/16px attAleckSans-Bold;color: #666 !important;margin: 0 0 5px 0;}
#main h6, #aside h6 {font: normal 14px/16px AttAleckSans-Bold;color: #666;margin: 0 0 5px 0;letter-spacing: .01em;}
#main h2 sup, #aside h2 sup {font-family:attAleckSans-Regular;}
#main a, #aside a { font:normal 15px/22px attAleckSans-Medium,Arial,sans-serif;color:#067ab4;text-decoration:none; }
#main h2 a { font: normal 24px/28px attAleckSans-Medium !important;}
#main h3 a { font: normal 20px/24px attAleckSans-Medium !important;}
#main h4 a { font: normal 18px/20px attAleckSans-Medium !important;}
#main a:hover, #aside a:hover { color:#199ddf; text-decoration:underline;}
#main a:visited, #aside a:visited  { color:#003b7b; }
#main a:visited:hover, #aside a:visited:hover { color:#199ddf; text-decoration:underline;}**/
/********************************************
 * Featured Component
 ********************************************/
/**#featured-component {display:block;float:left;width:92%;margin:0 auto;padding:0px; }
#video-component { display:block;float:left;width:100%;margin:0px 0px 35px;padding:0px; }
.plybkg {background-color: #fff;position:relative;}
.audioplay {margin-left:-7px;margin-top:-7px;}
.audioplay a {font-family:attAleckSans-Light;font-size:11px;vertical-align:middle;margin-right:75px;outline:none;}

#featuredContent { display: block; float: left; width: 150px; margin: 0 20px 10px 0; padding: 0; }
.imgbackground { position:relative; z-index:1; background:url(""); background-repeat:no-repeat; width:150px;height:100px;}
.featured-content-title span { display:block;margin:0;padding:0;font:normal 15px/20px attAleckSans-Medium;color:#666 }
.feat-vid-hover-text { display: none; }
#hero-component { display: none; }
#hero-component-mobile { clear: both; width: 320px; height: 170px; background-color: #666; margin: 3px auto; }
#featured-promo-component {float:left;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px 0;margin-bottom:35px;}
#featured-promo-component h2 {margin:0 0 10px;}
#featured-promo-component p {margin-bottom:10px;font:normal 14px/17px attAleckSans-Light;}**/

/**#main .resource-item-left h2 a, #main .resource-feature-right h2 a { font: normal 20px/24px attAleckSans-Medium !important; }
.resource-feature-item ul { list-style-type: none; }**/

.footnote hr { clear: both; display: block !important; float: left; width:100%; height: 1px; margin: 25px 0 20px 0 !important; border:none; background-color:#f2f2f2; color:#f2f2f2; }
.footnote p, .footnote a { clear: both !important; font: normal 12px/16px attAleckSans-Medium !important; margin: 0 0 15px 0 !important; }

/* Right Margin */
/**#aside { display: block; float: left; width: 100%; margin: 0 auto 35px 0;}
#getStarted-component, #highlights-component { width:240px; margin:25px auto 0 auto;height:100%;overflow:hidden;}
#foresee-component-aside {clear:both;display:block;margin:35px auto 17px;padding-top:20px;width:240px;border-top:1px solid #CDCDCD;float:left;}
#getStarted-component ul { display: block; float: left; width: 100%; }
#getStarted-component span.phone-nbr {font:normal 15px/32px attAleckSans-Light;color:#067ab4;vertical-align:middle;}
#callus-component span.label {font: normal 15px/32px attAleckSans-Light;color:#666;vertical-align:middle;padding-left:40px;}
#form-component span.label {font:normal 18px/34px attAleckSans-Medium;color:#666;vertical-align:middle;padding-left:40px;}
#callus-component, #form-component { width: 200px; margin: 0; }
#chat-component { width:220px;margin:0 0 5px 0; }
#chat-component li, #callus-component li, #form-component li {list-style-type:none;height:30px;}
#chat-component li {background:url('clientlibs-base/css/icons/icon-chat.png') no-repeat top left;padding-left:40px;}
.callus-icon {display:block;float:left;background:url('../../../etc/designs/attbusiness/images/image-sprite.png') 0px -60px no-repeat;width:30px;height:30px;margin-right:-30px;}
.contactme-icon {display:block;float:left;background:url('../../../etc/designs/attbusiness/images/image-sprite.png') -199px -251px no-repeat;width:30px;height:30px;margin-right:-30px;}
#chat-component a, #callus-component a, #form-component a { line-height: 32px; vertical-align: middle; }
#form-header { float: left; width: 110%; margin: 13px 0 15px 0;border-top:1px solid #CDCDCD;padding-top:12px;}
#foresee-component-aside p{ color:#666666;font:normal 15px/22px attAleckSans-Light;margin-bottom: 12px;}
.foresee-item-aside {margin-top:15px;}
.foresee-icon-aside {display:inline-block;float:right;background:url('../../../etc/designs/attbusiness/images/image-sprite.png') 0px -162px no-repeat;width:76px;height:30px;margin-top:8px;}
.foresee-text-aside {float:left;width:148px;color:#666;font:normal 12px/14px attAleckSans-Light;}
#promo-component, #blog-component { clear: both;display: block;margin: 35px auto 17px auto;padding-top: 20px;width: 240px; border-top: 1px solid #CDCDCD; }
#promo-component  img, #promo-component  p{margin:20px 0 0 0;}
#promo-component p { font: normal 15px/22px attAleckSans-Light; color: #666;}
#promo-component p span{font: normal 15px/22px attBold; color: #444;}
#promo-component hr { display: block; width:100%; height: 1px; margin: 15px 0; border:none; background-color:#CDCDCD; color:#CDCDCD; }**/

/*  Blog Feed  */
/**.key-content-component { display: inline-block; } 
#key-content-component ul, .key-content-component ul { width: 100%; float: left; margin: 0 !important; }
#key-content-component li, .key-content-component li { list-style-type: none; display: block; margin: 0 !important; }
.key-content-left {float: left; width: 20%; display: inline;}
.key-content-left img { float:left; margin: 0; }
.key-content-right { float: right; width: 80%; display: inline; margin: 10px 0 0 0; }
.key-content-right p { float: left; margin: 0px 3px 10px 0 !important; }
.key-content-right span { float: left; font: normal 15px/22px attAleckSans-Light; margin: 0 0 5px 0; }**/
/*  Blog Feed End  */
/* Right Margin End */

/**form .error{ border:1px solid red; border-radius: 3px 3px 3px 3px; }
.heading2, .heading2 a { display: block; margin: 0 0 20px 0; font: normal 24px/28px attAleckSans-Medium !important; color: #666; }
.featured-spot { display: block; clear: none; width: 200px; }
.menu-promo { display: none; }
.fs-list-image { }
.fs-list-text { }
.featured-resource { display:block; clear:none; width:160px;}
.callout-left, .callout-right{ margin:15px auto;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 0;}
.featured-image, .featured-icon-left, .featured-icon-right { display: none; }
.featured-diagram {display:none;}**/
/*********** Main Content Section End ***************/

.css-button { display:block; clear: both; text-align: center; width: 170px; margin: 20px auto; position: relative; }
.learn-button { display:block;clear:both;text-align:center;width:150px;margin:20px 0px;position:relative;z-index:10;font:15px/15px attAleckSans-Light; }
.account-button{ float: left; text-align: center; width: 80px; margin: 0 auto; position: relative; z-index:10; } /**padding-top:6px !important; padding-bottom:4px !important;}*/
.css-button a, .slide-button a, .account-button a, .learn-button a { padding-top:10px !important; color:#fff !important;}
.small-button{width:150px;}
.wide-button{width:250px;}
/* Common button styles */
/* Blue button styles */
.blue {text-decoration:none !important;color:#fff;background-color:#0568ae;border:1px solid #0568ae;border-radius:3px;}
.blue[disabled]{background-color: #ccc;color: #000;border: 1px solid #9a9a9a;}
.blue:not([disabled]):hover {border:1px solid #009fdb;background-color:#009fdb;border-radius:3px;}
.button {display:block;padding-top:7px;padding-bottom:10px;}
#main a.button, a.button {font:normal 15px/15px attAleckSans-Light,Arial;}
#ie div.css-button, #ie div.slide-button, #ie div.account-button {background-color: #067ab4; border:1px solid #067ab4;}
#ie div.slide-button a {font-family:attAleckSans-Medium,sans-serif !important;}
/* Grey button styles */
.grey {text-decoration:none!important;color:#BBB !important;background-color:#F2F2F2;border:1px solid #f2f2f2;border-radius:3px;}
.grey:hover {border:1px solid #d2d2d2;background-color:#d2d2d2;border-radius:5px;}
.grey:active {border: 1px solid #d2d2d2;}
.grey:visited {color:#f2f2f2 !important;}
/* Orange button styles */
.orange {text-decoration:none!important;color:#ffffff !important;background-color:#ea7400;border:1px solid #ea7400;border-radius:5px;}
.orange:hover{background-color: #ea7400;border:1px solid #ea7400;cursor:pointer;}

.slide-button a:visited {color: #ffffff !important;}
/* Large Button Styles */
.large {padding:7px 20px 5px 20px;font-size:22px;}
/* Inactive Button Styles */
.inactive {color:#838383;border:1px solid #cccccc;background-color:#ededed;}


/* view more */
/** .view-more-content{clear:both;} **/

/* Modules */
/**.block-container, .block-container1 {width:100%; margin: 0 auto;}
.block-4x1-container {width:100%; max-width:333px; margin:0px auto;}
.block-4x1-container > .block-1x1 {margin-bottom:15px;}
.block-2x2 { width:100%; margin:0 auto 15px; box-sizing:border-box; overflow:hidden; }
.block-2x2-container { width:100%; margin:0 auto 15px; box-sizing:border-box; overflow:hidden; }
.block-3x1-container { width:100%; margin:0 auto 15px; box-sizing:border-box; overflow:hidden; }
.block-3x2-container { width:100%; margin:0 auto 15px; box-sizing:border-box; overflow:hidden; }
.block-2x1 { width:100%; margin:0 auto 15px; box-sizing:border-box; overflow:hidden; background-color:#fff; max-width: 333px; }
.block-3x1-container .block-2x1 {margin-bottom:0px;}
.block-1x2 { width:100%; max-width:333px; margin:0 auto 15px;box-sizing:border-box; overflow:hidden; background-color:#fff; }
.block-container1 > .block-1x2.textblock {max-width:100%;}
.block-1x1 { width:100%; box-sizing:border-box; overflow:hidden; background-color:#fff;}
.block-1x2.textblock-container .block-1x1.textblock:first-child {margin-bottom:15px;}

.textblock { padding:15px 15px; height:inherit;background-color:#fff;overflow:hidden; }
.textblock span { font-family:attAleckSans-Regular; font-size:14px; line-height:24px;color:#191919; padding-bottom:5px; float:left; width:100%; }
.textblock h3 { font-family:attAleckSans-Medium; font-size:15px; line-height:20px;color:#009fdb; padding-bottom:5px; float:left; width:100%; }
.textblock h3 a {  font-family:inherit; font-size:inherit; line-height:inherit; color:#0568ae; padding-bottom:0px; }
.textblock h4 { font-family:attAleckSans-Regular; font-size:15px; line-height:22px;color:#191919; margin-bottom:10px; float:left; width:100%; }
.textblock h4 a { font-family:inherit; font-size:inherit; line-height:inherit; color:inherit;}
.textblock p, .textblock li { font-family:attAleckSans-Regular; font-size:15px; line-height:22px;color:#191919; padding-bottom:10px; }
.textblock p a, .textblock a { font-family:attAleckSans-Regular; font-size:14px; line-height:22px;color:#0568ae; padding-bottom:10px; }
.textblock.blue-bg a {color:#fff !important; text-decoration:underline;}
.textblock.dark-blue-bg a {color:#fff !important; text-decoration:underline;}
.textblock.black-bg a {color:#fff !important; text-decoration:underline;}
.textblock.light-black-bg a {color:#fff !important; text-decoration:underline;}
.textblock.gray-bg a {color:#fff !important; text-decoration:underline;}
.textblock.dark-gray-bg a {color:#fff !important; text-decoration:underline;}
.textblock ul {float:left;padding-bottom:10px;}
.textblock ul li {margin-left:25px;line-height:20px;}
.textblock p.stats {font-family:attAleckSans-Medium;font-size:22px; line-height:30px; color:#5a5a5a;}
.textblock p.stats span {font-family:attAleckSans-Medium; font-size:48px;line-height:55px;color:#009fdb;}
.textblock.headline p {font-family: attAleckSans-Regular; font-size: 58px; text-align: center; padding-top: 10px;}
.textblock.headline img {margin-left: auto; margin-right: auto; padding-top: 10px; }
.textblock.half-image h3 { float:none;}
.horizontal-spacer {display:none;}
.vertical-spacer { display:none; }

.textblock h3.white-text {color:#fff;}
.textblock p:last-child {padding-bottom:0px;}

.no-border-top {border-top:0 !important;}  **/
/* Text Block */
.black-border{border: 1px solid #000;}
.gray-border{border: 1px solid #d2d2d2;}
.blue-border {border:1px solid #009FDB;}
.white-border {border:1px solid #fff;}

/**
.mint-text {color: #49eedc !important;}
.lime-text {color: #91dc00 !important;}
.berry-text {color: #ff585d !important;}
.tangerine-text {color: #ffb000 !important;}
.orange-text {color:#ea7400 !important;}
.yellow-text {color:#ffb81c !important;}
.light-blue-text{color: #71c5e8 !important;}
.blue-text {color:#009fdb !important;}
.dark-blue-text {color:#0568ae !important;}
.light-black-text, .textblock h3.light-black-text {color:#191919 !important;}
.gray-text{color:#959595;}
.light-gray-text{color:#d2d2d2;}
.darg-gray-text {color:#5a5a5a;}
.white-text{color: #fff !important;}
.black-text {color:#000;}
**/
/** End Modular Template Styles ***/

[data-bg='blue'].body-section .section-heading:after { 
	position:absolute;
	right:30px;
	top:50%;
	font-family: Glyphicons Halflings;
    content: "\e113";
	font-size:24px;
	line-height:0px;
}

/************************** Days Counter Component Style starts ***********************/
.countContainer .countcont {
	clear: both !important;
	display: table !important;
	float: none !important;
	line-height: 1 !important;
	margin: 5px auto 10px !important;
	text-align:center !important;
}
.countContainer{
	border-bottom: 1px solid #e4e4e4;
    float: left;
    font-size: 17px;
    line-height: 1.3;
    margin: 0 0 20px;
    padding-bottom: 10px;
    width: 100%;
}
.countContainer .days-no,
.countContainer .shut-date{
	font-weight:bold;
}
.countContainer .days-no{
    border: 1px solid #ccc;
    border-radius: 100%;
    display: inline-block;
    height: 55px;
    text-align: center;
    width: 55px;
	line-height: 1 !important;
}
.countContainer .days-no .days{
    color: #ef6f00;
    float: left;
    font-size: 25px;
    font-weight: 900;
    line-height: 1;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.countContainer .days-no small{
    color: #ef6f00;
    float: left;
    font-size: 14px;
    text-align: center;
    width: 100%;
}
.countContainer .orng{
    color: #ef6f00;
    font-weight: bold;
    text-transform: uppercase;
}
/******************* Days Counter Component Style Ends ***************************/

/******************* Featured Video Section Start*************************************/
.section-body .inner {
	padding: 20px 25px 25px; 
	background-color: #111;
}
.section-body .inner h5 {
	color: #fff;
	font-size: 15px;
	margin-bottom: 15px;
}
.section-body .inner p {
	color: #fff !important;
}

/******************* Featured Video Section End *************************************/

/******************* Connect Engage ***************************/
/**
#connect-engage .body-section { background-color: #2196F3;}
#connect-engage .container h2 { color:#fff; font: 26px/28px attAleckSans-Regular; margin-left:15px;}
#connect-engage .contact-us { background-color: #191919; color: #fff !important; padding: 20px; }
#connect-engage .contact-us h3 { font-family:attAleckSans-Regular; font-size:16px; line-height:20px; color: #ea7400; text-transform: uppercase; margin-top: 0;}
#connect-engage .contact-us p, .get-help p { font-family: 'attAleckSans-Light'; color: #fff !important; margin: 13px 0;line-height:24px;}
#connect-engage .contact-us .body .telephone { font-family: 'attAleckSans-Light'; font-size: 2em; line-height:36px; }
#connect-engage .get-help { background-color: #191919; color: #fff; padding: 20px; margin-top: 10px;}
#connect-engage .get-help h3 { font-size:16px; line-height:28px; font-family:attAleckSans-Regular;color: #ea7400; text-transform: uppercase; margin-top: 0;}
#connect-engage .get-help .footer { margin-top: 10px; }
#connect-engage .contactus-form-container { background-color: #fff; }
#connect-engage .youtube-channel { background-color: #555; color: #fff; padding: 10px; }
#connect-engage .youtube-channel h2 { font-size: 1.25em; text-transform: uppercase; margin-top: 0; }
#connect-engage .networking-blog { background-color: #fff; padding: 10px; }
@media screen and (min-width: 640px){
	#connect-engage .container h2{margin: 0 auto;max-width: 685px;padding: 30px 0;width: 100%;}
}
**/
/******************* Connect Engage ***************************/

/************* Mobile NAV Start *************************/
.menu-icon {width:20px;height:20px;background:url('../../../etc/designs/attbusiness/images/image-sprite.png') -136px 0px no-repeat;margin:12px 30px 0 0;}
.close-icon {width:20px;height:30px;background:url('../../../etc/designs/attbusiness/images/image-sprite.png') -136px -20px no-repeat;margin:8px 30px 0 0 !important;}
#icon-menu:hover{cursor:pointer;}
#side_wrapper{width:320px;float:right;} /*background:url(clientlibs-base/css/images/border-left1.png) repeat-y;*/
#inner_wrap ul{list-style-type:none;}
#mob_search{width:100%;height:35px;position:relative;background:#fff;border-radius:2px;color:#444;}
#mob_search .search_text{border:none;padding: 5px 0 6px 15px;width: 205px;float:left;border-radius:2px;font-family: attAleckSans-Light;font-size:16px;margin: 2px 2px 2px 2px;}
/**#ie #mob_search .search_text{behavior:url(/library/javascript/PIE.htc);}**/
#mainNavigation,#m_menu_wrapper{display:none;}	
#m_menu_wrapper{clear:both;position: relative;z-index: 10;}
#m_primaryNav li {background-color:#fff;border:1px solid #f6f6f6;}
#m_primaryNav li a {color:#67a0c6;font-size:13px;font-weight:bold;text-decoration:none;line-height:44px;padding-left:15px;}
#side_wrapper {display:none;position:fixed;top:45px;left:0px;bottom:0;z-index:1;background-color:#fff;padding-bottom:50px;}/**z-index:1001**/
#side-wrapper-header { background-color: #131313; height: 45px; padding: 5px 10px 5px 10px;width:inherit;box-sizing:border-box;z-index:101;}
#inner_wrap li.activemenu > a {color: #5a5a5a; display: block; border-bottom: 1px solid #5a5a5a; padding: 5px 0; font-size: 14px;}
#inner-wrap ul li:first-child { border-top: none; }
#inner_wrap ul li a{font-size:15px;font-family:attAleckSans-Regular;text-decoration:none;} 
#inner_wrap .mob_main_menu .activemenu >a, #inner_wrap .active_sub_menu > a{color: #5a5a5a;display: block;border-bottom: 1px solid #5a5a5a;padding: 3px 0;font-size: 14px;}
#inner_wrap button { border: 0; background: transparent; padding:0; }																 
#inner_wrap ul li span.arrow_prod_m, 
#inner_wrap ul li span.arrow_industries_m,
#inner_wrap ul li span.arrow_insights_m,
#inner_wrap ul li span.arrow_goto_m,
#inner_wrap ul li span.arrow_shop_m,
#inner_wrap ul li span.arrow_business_m,
#inner_wrap ul li span.arrow_about_m,
#inner_wrap ul li span.arrow_support_m{float: right;padding:2px 0 0 0;cursor: pointer;}
#inner_wrap ul li a span{color: #515151;display: block;font-size: 14px;line-height: 1;font-family: 'attAleckSans-Regular';}
.mob_main_menu > li { margin: 0 15px; }
.mob_main_menu .blue-carat-right-icon, .sub_mob_menu .blue-carat-right-icon {margin-top:3px;margin-left:15px;}

.activemenu { display: block; padding: 20px 0 0; border-top-style: none !important; }
.sub_menu_wrap { background-color: #fff; }
.active_sub_menu { padding:10px 15px 0px; border-top:none; background-color: #FFF; }
.active_sub_menu_wrapper { display: block !important; }
.active_sub_menu_items { position:relative;display: block !important; padding: 10px 15px 10px; }
.active_sub_menu_items:first-child { border-top: none !important; }
.active_sub_menu_wrapper { margin: 10px 0 -17px; }
.active_sub_menu_items a { display: inline-block; vertical-align: middle;}   /********   width: 83%; }   *********/
.active_sub_menu .active_sub_menu_items{padding: 10px 0px 10px;}

.sub_arrow_m{float:right;}
.active_sub_menu_items .sub_arrow_m{position:absolute;height:25px;margin-top:-12.5px;top:50%;right:0;}
.account li:first-child { border-top: none !important; }
.blog li:first-child { border-top: none !important; }
.back_arrow { display: none; }
/* ENTBUS-761 */

.back_arrow .glyphicon-menu-left, .sub_back_arrow .glyphicon-menu-left{top:3px;}

/* /ENTBUS-761 */
.account-button-wrapper { margin: 20px 0 0; }
.account-links { display: block; float: left; clear: both; }
/************* Mobile NAV End   *************************/

/********************************************
 * Overlay Loading Media File using JWPlayer
 ********************************************/
/**
.overlay {padding:0px;display:none;font-family:Verdana;height:22px;width:600px;background-color:#dadada;}		
.overlay #containerTitle {font-family:Verdana;width:585px;font-size:8pt;margin-top:4px;margin-bottom:4px;margin-left:10px; vertical-align:middle;}
.overlay .overlayTitle {float:left;color:#444444;}
.overlay .overlayClose {color: #444444;float:right;vertical-align: middle;font-size:10pt;font-family: Verdana;text-decoration:none;margin-top:-2px;padding-bottom:4px}
.overlay .overlayButton {font-family:verdana, Arial;border: 2px solid #000;font-size:10px; font-weight: 900;}
**/
/********************************************/
	/***************** Teaser Component Start *************************/
/**
#teaser-component{
		width:100%;
		max-width:640px;
		float:left;
		border-top:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		margin: 15px 0;
	}
	#teaser-component .teaser-inner{
		display: block;
		margin: 30px 0 0 15px;
		width: auto;
	}
	#teaser-component .teaser-thumb{
		width:180px;
		height:auto;
		margin:0 45px 20px 15px;
		float: left;
	}
	#teaser-component .teaser-content {
		float:left;
	}
**/
	/***************** Teaser Component End ***************************/



/*** WIDGETS ***/

/** Contact Button **/
/**
#widget-buttons-sh{
    position:fixed;z-index:1000; bottom:0;right: 0; opacity:1;width:auto !important;height:auto !important;
}
#widget-buttons-sh .widget-icon {
    bottom: 0;
    display: block;
    font-family: attAleckSans-Medium;
    font-size: 18px;
    height: 35px;
    left: 0;
    line-height: 6px;
    padding: 15px 0;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 165px;
	text-shadow:none !important;
}
#widget-buttons-sh .widget-bg {
    border: 0 none;
    border-radius: 0 4px 0 0;
    height: auto;
    margin-right: 2px;
    width: auto;
	padding:0;
	text-align:center;
}
#widget-buttons-sh.close {
    bottom: 180px;
}
#widget-buttons-sh .widget-arrow {
    background: #0568ae;
    border-radius: 10px 0 0;
    box-shadow: 0px -3px 10px rgba(255, 255, 255, 0.8);
    height: 35px;
    left: -35px;
    position: absolute;
    top: 0;
    width: 35px;
}
.widget-arrow::after {
    background: rgba(0, 0, 0, 0) url("../../../etc/designs/attbusiness/images/image-sprite.png") no-repeat scroll -85px -131px;
    content: "";
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.widget-button-holder {position:fixed;z-index:1000;right:-79px;}
.widget-button {
	width: 35px;
	height: 109px;
                    text-align: center;
                    box-sizing: border-box;
                    position: relative;
                    float: left;
                }
        .widget-bg{
	width:35px; height: 109px;
	background-color: #000000;
	border-radius: 6px 0 0 6px;
            position: relative;
            float: left;
            box-shadow: 0px 0px 10px rgba(255, 255, 255, 1)
        }
        .widget-pointer{
            width: 0px;
            height: 0;
            float: left;
            border-left: 11px solid #000;
            border-top: 22px solid transparent;
            border-bottom: 22px solid transparent;
            margin: 6px 0 0 1px;
        }
        .widget-icon{
            position: absolute;
	bottom:15px; right: 0; left: 6px; margin:auto;
	width:35px; height: 35px;
    -webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	color: #fff;
        }

        .widget-button:hover .widget-bg{
			background-color:#0568AE;
		}
		
		.widget-button.active .widget-bg{
			background-color: #000;
        }
        #widget-buttons-sh.close .sh-icon{
            background: url('../../../etc/designs/attbusiness/images/image-sprite.png') no-repeat scroll -163px -252px;
        }

#contact-button:hover, #share-button:hover{cursor:pointer;}

.contact-icon {background:transparent url("../../../etc/designs/attbusiness/images/image-sprite.png") no-repeat scroll -83px -250px;}
.share-icon {background: transparent url("../../../etc/designs/attbusiness/images/image-sprite.png") no-repeat scroll -5px -248px;}
.widget-icon.foresee-icon {background: url('../../../etc/designs/attbusiness/images/image-sprite.png') no-repeat scroll -122px -251px;}
.sh-icon {background: url('../../../etc/designs/attbusiness/images/image-sprite.png') no-repeat scroll -45px -250px;}

#bottom-form {width:100%;background-color:#fff;min-height:450px;}
#formFrame.right-rail {z-index:1002 !important; box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.4);}
#formFrame.bottom-form {margin: 0px auto !important;}
#formFrame .bottom-form {display:block;}
#formFrame .right-rail {display:none;border:1px solid #CDCDCD;}
**/

/*-- lead form overlay widget --*/
/**
.overlay-widget.social-media header{

}
.overlay-widget.contact{
    position: fixed;
    height: 537px;
    width: 620px;
    margin: auto;
    top: 0px;
    border: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;

}
.overlay-widget .widget-header{
    background-color: #009fdb;
    height: 52px;
    padding: 11px 52px 11px 20px;
    box-sizing: border-box;
}
.overlay-widget .widget-header .header-icon{
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 14px;
}
#social-component .widget-header .header-icon{

}
.overlay-widget .widget-header .header-text{

}
.overlay-widget .widget-header .header-text h3{
    line-height: 31px;
    color:#fff;
    font-size: 17px;
}
.overlay-widget .widget-content{
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
}
**/

/* foresee overlay modal */
/**
#foresee-modal.overlay-widget{
        position: fixed;
        width: 242px;
        height: 211px;
        background-color: #fff;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        z-index: 1002;
        border-radius: 6px;
        box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.4);
        display: none;
    }
    #foresee-modal .widget-header{
         border-radius: 6px 6px 0 0;
    }
    #foresee-modal .header-icon.foresee-icon
    {
        background: url(../../../etc/designs/attbusiness/images/image-sprite.png) no-repeat scroll -122px -251px;
        float: left;
        margin: 0 14px 0 0;
    }
    #foresee-modal .foresee-modal-close{
        position: absolute;
        top: 0;
        right: 0;
        padding: 15px 17px;
        color: #fff;
    }
    #foresee-modal .foresee-modal-close:hover{
        cursor: pointer;
    }
    #foresee-modal .widget-content{
        padding: 15px 20px 14px 20px;
         border-radius: 0 0 6px 6px;
    }
    #foresee-modal .widget-content p{
        font: 13px/15px attAleckSans-Regular;
        color: #333;
    }
    #foresee-modal .foresee-icon{
        margin:0;
        float: right;
    }
    #foresee-modal .css-button{
        top: 10px;
    }
**/
/* foresee overlay modal */


/*  overlay-widgets-mask  */
/**
    #overlay-widgets-mask{
        position: fixed;
        top: 0;right:0;bottom:0;left:0;
        z-index: 1001;
        overflow:hidden;
        background-color: rgba(0,0,0,0.5);
    }
**/
/*  overlay-widgets-mask  */

.noScroll{
    overflow: hidden;
}

/*** WIDGETS/ ***/

/* On-page Featured Video Styles */
/**
.featured-video {float:left;display:block;width:100%;background-color:#191919;}
.featured-video-inner {display:block;float:left;padding:20px 25px;background-color:#191919;color:#fff;width:100%;box-sizing:border-box;height:140px;overflow:hidden;}
.featured-video .jwplayer, .featured-video .youtube-player {float:left;}
.featured-video-inner h5 {color:#fff !important; font-size:15px; line-height:15px; margin-bottom:20px;}
.featured-video-inner p {color:#fff !important; padding-top:5px;}
div.featured-overlay-video, a.featured-overlay-video:hover {cursor:pointer;}
**/

/* data-bg color reset on collapse of modular sections */
/**
[data-bg="white"].collapsedSection,[data-bg="offwhite"].collapsedSection,[data-bg="blue"].collapsedSection,[data-bg="dark-blue"].collapsedSection,[data-bg="light-gray"].collapsedSection,[data-bg="gray"].collapsedSection,[data-bg="black"].collapsedSection,[data-bg="light-black"].collapsedSection{background-color: #fff;}
[data-bg="white"].collapsedSection .section-heading,
[data-bg="offwhite"].collapsedSection .section-heading,
[data-bg="blue"].collapsedSection .section-heading,
[data-bg="dark-blue"].collapsedSection .section-heading,
[data-bg="light-gray"].collapsedSection .section-heading,
[data-bg="gray"].collapsedSection .section-heading,
[data-bg="black"].collapsedSection .section-heading,
[data-bg="light-black"].collapsedSection .section-heading,
.collapsedSection [data-bg="white"].container .section-heading,
.collapsedSection [data-bg="offwhite"].container .section-heading,
.collapsedSection [data-bg="blue"].container .section-heading,
.collapsedSection [data-bg="dark-blue"].container .section-heading,
.collapsedSection [data-bg="light-gray"].container .section-heading,
.collapsedSection [data-bg="gray"].container .section-heading,
.collapsedSection [data-bg="black"].container .section-heading,
.collapsedSection [data-bg="light-black"].container .section-heading{color: #959595 !important;}

[data-bg="white"].collapsedSection .section-sub-heading,[data-bg="offwhite"].collapsedSection .section-sub-heading,[data-bg="blue"].collapsedSection .section-sub-heading,[data-bg="dark-blue"].collapsedSection .section-sub-heading,[data-bg="light-gray"].collapsedSection .section-sub-heading,[data-bg="gray"].collapsedSection .section-sub-heading,[data-bg="black"].collapsedSection .section-sub-heading,[data-bg="light-black"].collapsedSection .section-sub-heading{color: #959595 !important;}
**/

/*** Chat Button repositioninng ***/
button.rightSide { /*For Vertical button positioning*/
    top: 450px !important;
}
/***********************************************/
@media screen and (min-width: 320px) {
/***********************************************/

    .personal-container{display: none;}
    .personal-container .glyphicon {font-size: 15px;}

    /**
    .widget-button-holder{

        background-color: transparent;
        border-radius: 6px 0 0 6px;
        bottom: 0 !important;
        right: 0 !important;
        width: 100% !important;
        opacity:0;
    }
    .widget-button-holder .widget-button+.widget-button{
        margin:0px 0 0 4px;
    }
    .widget-button{
        height: 60px;
        width: 100% !important;
        float: left;
        position: relative;
        text-align: center;
        margin:0 !important;
    }


    .widget-bg {
        background-color: #000000;
        border-radius: 0;
        box-shadow: 0px -3px 10px rgba(255, 255, 255, 0.8);
        float: left;
        height: 60px;
        position: relative;
        width: 100%;
        padding:0 40px 0 80px;
        text-align:left;
    }
    .widget-icon {
        bottom: 0;
        color: #fff;
        font-size: 18px;
        height: auto; 
        left: 0;
        line-height: 3;
        margin: auto;
        position: relative;
        right: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        width: auto;
    }

    .widget-icon::before {
        content: "";
        height: 45px;
        left: -54px;
        position: absolute;
        top: 0;
        width: 35px;
        z-index: 99999;
    }
    .share-widget:before{background: transparent url("../../../etc/designs/attbusiness/images/image-sprite.png") no-repeat scroll -5px -248px;}
    .contact-widget:before{background:transparent url("../../../etc/designs/attbusiness/images/image-sprite.png") no-repeat scroll -83px -250px;}
    .feedback-widget:before{background: url('../../../etc/designs/attbusiness/images/image-sprite.png') no-repeat scroll -122px -251px;}
    #share-button .widget-pointer, #contact-button .widget-pointer, #foresee-button .widget-pointer{ display: none;}
    #formFrame.right-rail {border-radius: 0px;}
    **/
/**************************************/
}
/**************************************/
/***********************************************
@media screen and (max-width: 479px) {
	.textblock.half-image > img {float:none!important;}
}
**************************************/

/***********************************************/
@media screen and (min-width: 480px) {
/***********************************************/
    #header .segment {margin-right:20px;padding-right:20px;}
    /**
    .textblock.half-image > img {float:left;margin-top:-15px;margin-left:-15px;width:152px;}
    #footer-want-to, #footer-participate, #footer-learn, #footer-legal-info { display:block;float:left;vertical-align: top;}
    #footer-want-to {margin:0 60px 0 0;}
    #footer-learn {margin:0 110px 0 0;}
    #footer-popular-services {clear:left;}
    #footer-secondary {max-width:430px;margin:0 25px 15px;}
    #footer-copyright {margin: 20px 30px 10px 0;}
    **/
    /*** WIDGETS ***/
    /**
    #bottom-form {min-height:450px;}
    **/

/**************************************/
}
/**************************************/
/**
@media screen and (max-width: 599px) {
	.block-1x2 {float:none !important;}
}
**/
/*******************************************************************************/
@media screen and (min-width:481px) {
/*******************************************************************************
 .social-mobile {display:block;width: 96%; float: right; border-top:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; margin:0 2% 15px; height:45px; background:none;}
 .share-tab{margin: 15px 10px 0 5px;}
 .share480{display:none;}
 }
*******************************************************************************/
}
@media screen and (min-width:600px) {

	/* Modules */
    /**
	.block-container, .block-container1 {max-width:555px;}
	.block-1x1 { height:205px; width:270px; box-sizing:border-box; }
	.block-1x2 { height:425px; width:270px; max-width:100%; box-sizing:border-box;}
	.block-container .block-1x2 {float:left;}
	.block-1x2:first-child {margin-right:15px;}
	.block-2x2-container .block-1x2:first-child {margin-right:0px;}
	.block-2x1 { height:205px; width:555px; max-width:100%; box-sizing:border-box; }
	.block-2x1.textblock-container .block-1x1.textblock {height:103px;}
	.block-2x2 { height:425px; width:555px; max-width:100%; box-sizing:border-box; }
	.block-2x2-container { height:425px; width:555px; max-width:100%; box-sizing:border-box; }
	.block-3x1-container { max-width:685px; box-sizing:border-box; }
	.block-3x2-container { max-width:685px; box-sizing:border-box; }
	.block-3x1-container .block-1x1.textblock { width:100%; }
	.block-container1 > .block-1x2.textblock { height:205px; width:555px; float: left;}
	.block-container .block-1x2 .block-1x1.textblock {height:220px;}
	.block-2x2-container .block-1x2 .block-1x1.textblock {height:220px;}
	.block-2x2-container .block-2x1{margin-bottom:0px;}
	.block-2x2-container .block-2x1:first-child {margin-bottom:15px;}
	.block-1x2.textblock-container .block-1x1.textblock:first-child {height:205px;margin-bottom:15px;}
	.block-1x2.textblock-container .block-1x1.textblock {height:205px;}
	.block-1x1.textblock.pull-right {padding-left:10px;}
	.block-1x1.textblock.pull-left {padding-right:10px;}
	.block-4x1-container {width:555px;max-width:100%;}
    **/

}
/*******************************************************************************/
@media screen and (min-width:640px) {
/*******************************************************************************/
	.featured-diagram { display:block; float:left;width:100%;}
	.featured-diagram img {display:inherit;margin:25px auto;width:100%;height:auto;}
	/***************** Teaser Component Start *************************/
    /**
	#teaser-component .teaser-inner{margin: 30px 15px 0;}
	#teaser-component .teaser-content {float:right;margin-left:0px;width:295px;}
	#teaser-component .teaser-thumb{margin:0 30px 20px 5px;}
    **/
	/***************** Teaser Component End ***************************/

/*******************************************************************************/
 }
/*******************************************************************************/

/*******************************************************************************/
@media only screen and (max-width: 767px) {
/*******************************************************************************/

	/*************************** sharethis.css  **********************/
    /**
	.share-tab{display:block;}
	.social-mobile { display: block; }
	.social-mobile {width: 96%; float: right; border-top:#CCCCCC solid 1px; margin:0 2% 0; height:45px; background: none;}
	.share480{font-size:16px;color:#444444;float:left;margin: 1em 0.2em 0 0;display:none;}
    **/
	/** SAYT Fix **/
	#q {display: none;}

/******************* Tab Styles ***************************/
    /**
    ul.resp-tabs-list {display: none;}
    h2.resp-accordion {display: block;}
	.resp-tab-active {border-bottom:none !important;border-right:none !important;border-left:none !important;color:#444 !important;background-color: #ffffff !important;margin-bottom:0px !important;}
    .resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;}
    .resp-vtabs .resp-tabs-container {border: none;float: none;width: 100%;min-height: initial;clear: none;}
	.resp-tabs-container{
		-webkit-border-bottom-right-radius: 0px !important;
		-moz-border-bottom-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		-webkit-border-bottom-left-radius: 0px !important;
		-moz-border-bottom-left-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
	}
	.resp-accordion-closed {display:none !important;}
    .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
    **/
/******************* Tab Styles END ***********************/


/*******************************************************************************/
}
/*******************************************************************************/
@media screen and (min-width: 320px) and (max-width: 767px){
	.main-par, .main-page{padding-top: 94px!important;}    
}
.main-par, .main-page{padding-top: 70px;}
	@media screen and (max-width: 375px) {
		.main-par, .main-page{padding-top:94px!important;}
	}
/************** Tablets Portrait or Landscape ************************/ 
@media screen and (min-width: 768px) {
/*******************************************************************************/

	/************* Header Start *************************/
	#m_header .search ul li{list-style-type:none !important;}
	/************* Header End   *************************/
	/*****************  Primary Page Div Layout Start  ***********************/
	.main-par, .main-page{padding-top: 87px; position: inherit; z-index: 0;}
	/*****************  Primary Page Div Layout End  ***********************/
    /**
	#headline-component, #preface { float: left; margin: 20px 15px 0 15px; }
	#featured-component { float:left;width:260px;margin:0px 35px 0px 0px;padding:0px; }
	.featured-component-right { float: right !important; margin: 0 0 0px 35px !important; }
	#video-component { width:260px;margin:0px auto 35px; }
	#featuredContent { float: left; width: 260px; margin: 0 20px 0 0; }
	.imgbackground { width:260px; height:135px;}
	.featured-content-title span { float: left; width: 100%; margin: 10px 0 0; }
	#hero-component { display:block;float:left;width:260px;margin:0px auto 35px;padding:0;border:1px solid #CDCDCD; }
	#hero-component-mobile { display:none; }
    **/
	/* Modules */ 
    /**
	.block-container, .block-container1 {max-width:685px;}
	.block-1x1 { height:253px; width:335px; box-sizing:border-box; }
	.block-1x2 { height:524px; width:335px; box-sizing:border-box; }
	.block-2x1 { height:253px; width:685px; box-sizing:border-box; }
	.block-2x1.textblock-container .block-1x1.textblock {height:126px;}
	.block-3x1-container { height:505px; width:685px; box-sizing:border-box; }
	.block-3x1-container .block-1x1.textblock {width:100%; }
	.block-2x2 { height:525px; width:685px; box-sizing:border-box; }
	.block-2x2-container { height:525px; width:685px; box-sizing:border-box; }
	.block-3x2-container { height:1025px; width:685px; box-sizing:border-box; }
	.block-container1 > .block-1x2.textblock {height:253px; width:685px;}
	.block-container .block-1x2 .block-1x1.textblock {height:280px;}
	.block-2x2-container .block-1x2 .block-1x1.textblock {height:280px;}
	.block-2x2-container { height:525px; width:685px; box-sizing:border-box; }
	.block-2x2-container .block-2x1.textblock {height:260px;}
	.block-1x2.textblock-container .block-1x1.textblock:first-child {height:254px;margin-bottom:15px;}
	.block-1x2.textblock-container .block-1x1.textblock {height:255px;}
	.textblock.half-image > img {width:185px;}
	.block-4x1-container {width:685px;}
    **/
    
	/* General Styles */
	.mobile-hide {display: block;}
	.tablet-hide {display: none; }
	.float-right { float: right; clear: right !important; }
	.float-left { float: left; clear: left !important; }

	/* Tab Styles */
    /**
	.callout-right { float:right; border-left: 1px solid #CCC; margin: 20px 0 20px 20px; padding: 0 0 0 20px; border-top:none;border-bottom:none;}
	.callout-left { float:left; border-right: 1px solid #CCC; margin: 20px 20px 20px 0; padding: 0 20px 0 0; border-top:none;border-bottom:none;}
	.display-right { float: right; padding-left: 25px; }
	.display-left { float: left; padding-right: 25px; }
	.featured-image { display: block; clear: none; width: 260px;  background-color:#fff; margin: 0 0 20px 0;}
	.featured-icon-right { float: right; display: block; clear: none; width: 60px;  background-color:#fff; margin: 0 0 20px 0; padding-left: 25px;}
	.featured-icon-left { float: left; display: block; clear: none; width: 60px;  background-color:#fff; margin: 0 0 20px 0; padding-right: 25px;}
	.featured-resource { border-left: none !important; border-right: none !important; }
	.featured-spot h2, .featured-resource h2 { font:normal 14px/18px attAleckSans-Bold, Arial !important; color: #666; margin: 0 0 10px 0 !important;}
	.featured-spot p, .featured-resource p { font:normal 14px/18px attAleckSans-Light, Arial !important;color:#444;margin:0 0 10px 0 !important;padding:0 !important; }
	.tab-section { display:block;width:400px; }
	.tab-section-large { display:block;width:470px; }
	.tab-section-icon { display:block;width:610px; }
    **/

	.col-md-pull {float:left !important;}
	.col-md-push {float:right !important;}


	/************* Mobile NAV Start *************************/
    /**
	.social-mobile {display:block;max-width:1024px;background:url("../../../etc/designs/attbusiness/images/image-sprite.png") no-repeat scroll 0px -260px transparent;float:right;height:60px;padding-right:8px;width:320px;margin:0 2% 0;border-bottom:none;clear:both;}
	.share480 {display:none;}
	.share-tab {margin:15px 10px 0 25px;}
    **/
	/************* Mobile NAV End   *************************/

	/************************** Days Counter Component Style starts ***********************/
	.countContainer .countcont {
		clear: none !important;
		display: inline-block !important;
		float: left !important;
		line-height: 3.4 !important;
		margin: 0 5px 0 0 !important;
		text-align: center;
	}
	.countContainer .days-no{
		line-height: 1 !important;
	}
/***********************************************/
	/***************** Teaser Component Start *************************/
	/**#teaser-component .teaser-content {width:370px;}**/ /** width added for IE issue */
	/***************** Teaser Component End ***************************/

/*******************************************************************************/
    
    
/*** WIDGETS ***/
/**
#bottom-form {min-height:400px;}
.widget-button-holder{
    top:150px;
    display: block;
    background-color: transparent;
	width:35px !important;
}
.widget-button-holder .widget-button+.widget-button{
    margin:14px 0 0 0;
}
.widget-button{
    width: 70px;
}
#share-button .widget-pointer, #contact-button .widget-pointer, #foresee-button .widget-pointer{ display: inline;}
#formFrame.right-rail {border-radius: 6px;}
	.widget-bg {
		background-color: #000000;
		border-bottom: 0 none;
		border-radius: 6px 0 0 6px;
		box-shadow: -3px 0px 10px rgba(255, 255, 255, 1);
		float: left;
		height: 109px;
		padding: 0;
		position: relative;
		text-align: left;
		width: 35px;
	}
	.widget-icon {
		bottom: 0; top:0; left: -37px; right: 0;
		color: #fff;
		font-size: 18px;
		text-align: center;
		height: 35px;
		line-height: 35px;
		margin: auto;
		position: absolute;
        -webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		width: 109px;
		font-family:'attAleckSans-Medium';
	}
	.widget-button {
		float: left;
		height: 109px;
		margin: 6px 0 0 !important;
		position: relative;
		text-align: center;
		width: 35px;
	}
	
	.widget-icon::before{display:none;}
**/
/*** WIDGETS END ***/
    
}
/*******************************************************************************/

/*******************************************************************************/
@media screen and (min-width: 1200px) { 
/*******************************************************************************/


	/************* Global NAV Start *************************/
    /**
	#globalNav {display:block;}
	#globalNavInterface.global-nav-wrapper {  max-width: 1280px; }
	#segMenuContainer ul.segMenu #segMenuItemPersonal{padding: 10px 26px 8px 15px;}
	#segMenuContainer ul.segMenu #segMenuItemBusiness{padding: 10px 26px 8px 16px;}
	#segMenuContainer ul.segMenu #segMenuItemAboutATT{padding: 10px 26px 8px 16px;}
    **/
	/************* Global NAV End   *************************/

	/************* Header Start *************************/
	#icon-menu,#side_wrapper,#side_wrapper #inner_wrap{display:none;}
	#header {padding-left:0px;}
	#header.resp-header {max-width:980px;}
	#header  ul.search {display:block;float:right;position:relative;background-color:transparent;width: 250px;list-style-type:none;margin:8px 10px 0 0;height:30px;padding:0;border-radius:5px;-webkit-border-radius:5px;border:1px solid #fff;}
	/**#ie #header ul.search{behavior:url(/library/javascript/PIE.htc);}**/
	#header ul li.last a { border: 0pt none; margin-right: 10px !important; }
	#header  #searchForm { white-space: nowrap; width: 100%; height: 30px; background-color: transparent; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
	/**#ie #header #searchForm {behavior:url(/library/javascript/PIE.htc);}**/
	#header #searchForm .inputbox{border:1px solid transparent;font-family:attAleckSans-Light;font-size:14px;padding: 3px 0 3px 9px;margin:0 2px 0 2px;width: 200px;vertical-align:middle;color:#fff;background-color: transparent;}
	#header .logo{float:left;margin: 4px 12px 0 18px;}
	#header .segment { float:left; font-family: attAleckSans-Light; font-size:13px; }
	#header .segment img { margin-left: 35px; }
	#mainNavigation { display:block; float:left;height:37px;margin-top:8px; margin-left:80px; }

	/******** Primary Navigation ********/
	#primaryNav{display:block;position:relative;height:100%;}
	#primaryNav > li {float:left;list-style-type:none;padding:0 15px 0 15px;display:block;height:37px;transition-delay:0.3s;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;}
    #primaryNav > li > div.menu-divider {position: relative;}
    #primaryNav > li > div.menu-divider:before {content: '';width: 1px;height: 25px;background-color: #919191;position: absolute;top: 3px;left: -15px;transition-delay:0.3s;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;}
    #primaryNav > li:first-child > div.menu-divider:before {content: '';width: 0;}
    /*#primaryNav > li#active-page > div.menu-divider:before { width: 0;}*/
	#primaryNav > #active-page.no-menu-divider+li >div.menu-divider:before, #primaryNav > #active-page.no-menu-divider >div.menu-divider:before { width: 0;}
    #primaryNav > li:hover ~ li > div.menu-divider:before {width: 1px !important;}
    #primaryNav > li:hover ~ li > div.menu-divider a {color: #fff !important;}
    #primaryNav > li:hover > div.menu-divider:before {background-color: #fff;transition-delay:0.3s;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;}
    #primaryNav > li:hover + li > div.menu-divider:before {background-color: #000;transition-delay:0.3s;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;}
    #primaryNav > li:hover{background-color:#fff;border-top-left-radius:3px;border-top-right-radius:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px; -moz-border-top-left-radius:3px;-moz-border-top-right-radius:3px; transition-delay:0.3s; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s;}
    #primaryNav > li > div.menu-divider a {padding-top: 4px !important;}
	#primaryNav > li  a{text-decoration:none;color:#fff;display:block;padding-top: 11px;font-family:attAleckSans-Regular;font-size:18px;transition-delay:0.3s;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;}
	#primaryNav > li:hover a{color:#067AB4; transition-delay:0.3s; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s;}
	#primaryNav li#active-page{background:#fff;border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;}
	#primaryNav li#active-page a{color:#131313;}
    #primaryNav li#active-page a:hover, 
    #primaryNav li span.all-services:hover{color:#067ab4;}
    #primaryNav li span.all-services {font-family:attAleckSans-Regular; font-size:14px; padding-top:20px;display:block;}

    /*wholesale menu changes ENTBUS-419*/
    #primaryNav.wholesale-menu li:hover{background:none;}
    #primaryNav.wholesale-menu li:hover a{border-bottom:1px solid #fff;color:#fff;}
    #primaryNav.wholesale-menu li.has-submenu:hover{background:#fff;}
    #primaryNav.wholesale-menu li.has-submenu:hover a{border-bottom:none;color:#131313;}
    #primaryNav.wholesale-menu li .secondaryNav a:hover{border-bottom:none;color:#067ab4;}
    #primaryNav.wholesale-menu > li:hover + li > div.menu-divider:before {background-color: #919191;}
    #primaryNav.wholesale-menu > li:hover > div.menu-divider:before {background-color: #919191;}
    #primaryNav.wholesale-menu > li.has-submenu:hover > div.menu-divider:before {background-color: transparent;}

	.menu-triangle:before,
	.menu-triangle:after {
        content: '';
        display: block;
        width: 1px;
        height: 0;
        position: absolute;
        left: 50%;
        bottom: 1px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #f2f2f2;
        z-index: 1002;
        margin-left: -20px;
    }
    .menu-triangle:after {
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #fff;
		bottom: 0px;    	
    }
    #header .goto-select {display: block;}
	.popmenu-active {
		position:relative;
		display: none;
	}
	.secondaryNav li:hover .popmenu-active {
		display: block;
		padding-bottom:20px;
	}
	/** goto component start */
	#header .goto-container {
		float: left;
		width: 145px;
		cursor: pointer;
        font-family: attAleckSans-Regular;
	}
	#header .goto-select {
		color: #fff;
		cursor: pointer;
		/* padding: 11px 14px 13px; */
	}
	#header .goto-select.active {border-radius: 3px 3px 0 0;}

	#header .goto-select span.goto-downarrow {
		background: transparent url("../../../etc/designs/attbusiness/images/image-sprite.png") no-repeat scroll -83px -250px;
		width: 30px;
		height: 15px;
		display: block;
		float: left;
	}
	#header .goto-options {
		display: none;
		margin-top: 0;
		border: 1px solid #595959;
		background: white;
		position: absolute;
		z-index: 3;
		border-radius: 0 0 3px 3px;
		width: 250px;
	}
	#header .goto-options li {
		list-style: none;
		margin: 0;
		line-height: 36px;
		padding: 0px 15px;
	}
	#header .goto-options li a {
		color: #0568ae;
		font-size: 17px;
        padding: 10px 0;
        display: block;
        border-top: 1px solid #5a5a5a;
		font-family: 'attAleckSans-Regular';
	}
    #header .goto-options li:first-child a {
        border:0;
    }
    #header .goto-options li a span{
        color: #5a5a5a ;
        display: block;
        font-size: 14px;
        line-height: 1;
		font-family: 'attAleckSans-Regular';
	}
	#header .goto-options li:hover,#header .goto-options li.hover {
		background-color: #ccc;
	}
	/** goto component end */
	#primaryNav  .blogNav li {padding: 0 9px 18px;}
	#primaryNav  .blogNav li a {text-align: left;}	
	li.menu-link:hover a {font-family:attAleckSans-Regular !important; text-decoration: underline !important; }

	.menu_header{ display:block; margin: 0 20px 25px 20px;padding-top:15px;line-height:24px;color: #666; font-size: 14px; font-family: attAleckSans-LightItalic; }
	.submenu_wrapper{float: left;width: 100%;height:100%;position: relative;z-index: 1000;overflow:hidden;}
	.submenu{width: 295px;float:left;margin:0 25px 20px 5px;}
	.menu-featured-spot { margin: 20px 0 20px 30px;padding-left:30px; height:211px;border-left:1px solid #ccc; }
	.submenu ul{margin-bottom:30px;}
	.submenu li{float:none;line-height:13px;}
	.submenu-level1 a{ font-family: attAleckSans-Regular !important; font-size:14px !important; font-weight: bold;}
	.submenu-level2 a { font-family: attAleckSans-Regular !important; padding-left: 10px}
	.submenu-level3 a { font-family: attAleckSans-Regular !important; margin: 0 0 0 15px;}
	#primaryNav .submenu li  a{padding-top:15px;line-height:18px;font-family:attAleckSans-Regular;color:#666666 !important;}
	#primaryNav .submenu li  a:hover { text-decoration: underline; }

	.menu_header span.nav-title{float:left; color:#666;font-family:attAleckSans-Light;font-size:24px; margin: 0 40px 20px 0;}
	.menu_header span.nav-desc{color: #666666;font-family: attAleckSans-LightItalic;font-size: 14px;}
	.menu_header p{color:#666666;font-size:14px;font-family:attAleckSans-LightItalic;}

	.account-links a { color:#067AB4 !important; }
	.account-links a:hover { text-decoration:underline; color:#199ddf !important; }
	ul.acc_login{clear:both;margin:0 !important;}
	.submenu p{float:left;margin:10px 0 20px 0;padding:0;font-size:11px;font-family:attAleckSans-Regular;}
	.submenu  img {clear:both;display:block; margin: 0 0 0;}
	#primaryNav  .submenu p a{font-size:13px;padding:0;}
	#primaryNav  .submenu p a:hover{font-size:13px !important; text-decoration:underline !important;}
	#primaryNav  .submenu p  span{margin:0 10px;}
	.submenu p a,.submenu p span{float:left;display:block;}
	.submenu ul li{color: #666666;font-size: 13px;}
	.border_divider{border-right:1px solid #f2f2f2; font-family:attAleckSans-Regular; margin:15px 0 15px 25px; height: 390px; padding-right:30px; width:270px;}

	.secondaryNav .submenuwrapper .submenu_wrapper .submenu li b a{font-size:15px!important}
	.viewall_desk{clear:both;margin:0 20px 16px 20px;border-top:1px solid #ccc;}
	.viewall_desk a {font-family:attAleckSans-Regular !important;color:#666666  !important;} 
	.viewall_desk a:hover { text-decoration: underline !important; }
	#q{display:block;float:left;}
	/************* Header End   *************************/
	.primary-menu{display: block;}
    .personal-container{display: block;}
 
	/** NEW STYLES **/	
	#side_wrapper #side-wrapper-header,#inner_wrap{display:none;}
	/** NEW STYLES **/

	#content.maincontent {max-width:980px;}
	#headline-component, #preface { float: left; margin: 30px 0 0 0; } /**width: inherit; **/
	.maincontent #main { max-width:670px;} /**970 **/
	.featured-content-title span { width: 90%; }
	.feat-vid-hover-text { display:block;float:right;margin:10px 0 0 0;width:18px;height:18px;background:url('../../../etc/designs/attbusiness/images/image-sprite.png') -138px -50px no-repeat; }

	/* General Styles */
	.tablet-hide {display: block; }
	
	.col-lg-pull {float:left !important;}
	.col-lg-push {float:right !important;}
	.horizontal-spacer {display:block;height:15px;float:left;width:100%;}
	/* Modules */
    /**
	.block-container, .block-container1{max-width:100%;}
	.block-1x1 { height:220px; width:270px; box-sizing:border-box; }
	.block-1x2 { height:425px; width:270px; box-sizing:border-box;}
	.block-2x1 { height:205px; width:555px; box-sizing:border-box; margin:0px;}
	.block-2x1.textblock-container .block-1x1.textblock {height:102px;}
	.block-3x1-container { height:205px; width:840px; max-width:840px; margin:0px; }
	.block-3x2-container { height:425px; width:840px; max-width:840px; margin:0px; }
	.block-container1 > .block-1x2.textblock {height:425px; width:270px;}
	.block-3x1-container .block-1x1.textblock {width:283px;}
	.block-2x2 { height:425px; width:555px; box-sizing:border-box; margin:0px; margin-bottom:15px; }
	.block-2x2-container { height:425px; width:555px; box-sizing:border-box; margin:0px; margin-bottom:15px; }
	.block-container .block-1x2 .block-1x1.textblock {height:220px; margin-bottom: 0px;}
	.block-2x2-container .block-1x2 .block-1x1.textblock {height:220px; margin-bottom: 0px;}
	.block-2x2-container .block-2x1.textblock {height:205px;}
	.block-4x1-container {width:1125px; margin-bottom:15px; overflow:hidden;}
	.block-4x1-container > .block-1x1 {margin-bottom:0px;}
	.block-1x2.textblock-container .block-1x1.textblock:first-child {height:205px;margin-bottom:15px;}
	.block-1x2.textblock-container .block-1x1.textblock {height:205px;}
	.textblock.half-image > img {width:152px;}
    **/

    /**
	#connect-engage .container h2 { margin-left:0px;}
	#connect-engage .contactus-form-container { float:right; width:70%; margin:0px auto 25px; }
	#connect-engage .form-group {float:left; width:30%; padding-right:15px; margin:0px auto;}
	#connect-engage .form-group .get-help {padding-bottom:37px;}
    #connect-engage .form-group.no-tollfree{ height: 415px; }
    #connect-engage .form-group.no-tollfree .contact-us, #connect-engage .form-group.no-tollfree .get-help{ height: 203px; }
    **/    

	/***************** Footer End ***************************/

	/** Global styles */
    .equal-height-column-container { display: table; table-layout: fixed; width:100%;max-width:1280px; }
    .equal-height-column { display: table-cell; float: none; }
    .row.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
    .row.flex > [class*='col-'] { display: flex; flex-direction: column; }
	
    .section-heading { background-image: none; cursor: default; }/*padding-top:34px; margin-bottom:31px;*/
    .section-heading.collapsed { background-image: none; cursor: default; }
	.section-sub-heading { background-image: none; cursor: default; }/*padding-top:34px; margin-bottom:31px;*/
    .section-sub-heading.collapsed { background-image: none; cursor: default; }
    .body-section [data-toggle='collapse'].section-heading.collapsed:after { display:none; }
    .body-section [data-toggle='collapse'].section-heading:after { display:none; }
	.body-section [data-toggle='collapse'].section-sub-heading.collapsed:after { display:none; }
    .body-section [data-toggle='collapse'].section-sub-heading:after { display:none; }
    [data-bg='blue'].body-section .section-heading:after { display:none; }
    [data-bg='blue'].body-section .section-sub-heading:after { display:none; }
	
    .chevron {display:none;}
	/* ENTBUS-761 */
	/** SAYT Fix **/
	#searchAsYouTypeResults1, #searchAsYouTypeResults2{position:fixed !important;top:55px !important;}
	
	/* /ENTBUS-761 */

/*******************************************************************************/
}
/*******************************************************************************/

/*******************************************************************************
 @media screen and (min-width: 1136px) {
	#social-wrapper, #position-social, #social-share, #margin-block { display: block; }
	.social-mobile { display:none !important; }
	#social-wrapper {margin:0 auto;position:fixed;z-index:100;}
	#social-wrapper #position-social {left:0;width:85px;}
	#social-wrapper #position-social #social-share {background-clip:border-box;background:url("../../../etc/designs/attbusiness/images/image-sprite.png") -159px 0px no-repeat transparent;width:50px;height:235px;margin-top:249px !important;padding-bottom:15px;padding-left:15px;padding-right:0px;top:0;bottom:166px;bottom:159px !important;z-index:100;}
	#social-share .share-cta {color:#a7a7a7;font-size:13px;font-weight: bold;margin-left: -6px;margin-top: 9px;text-align: center;}
	#social-share span{display: block;height: 24px;margin-top: 1px;width: 24px;margin-bottom:14px;}
	#social-share .st_email_custom{background:url("../../../etc/designs/attbusiness/images/image-sprite.png") -111px -95px no-repeat transparent;cursor:pointer;width:24px;height:24px;}
	#social-share .st_twitter_custom{background:url("../../../etc/designs/attbusiness/images/image-sprite.png") -111px -50px no-repeat transparent;cursor:pointer;width:24px;height:21px;}
	#social-share .st_facebook_custom{background: url("../../../etc/designs/attbusiness/images/image-sprite.png") -111px 0px no-repeat transparent;cursor: pointer;width:24px;height:24px;}
	#social-share .st_plusone_custom{background: url("../../../etc/designs/attbusiness/images/image-sprite.png") -111px -24px no-repeat transparent;cursor: pointer;width:24px;height:24px;}
	#social-share .st_linkedin_custom{background: url("../../../etc/designs/attbusiness/images/image-sprite.png") -111px -71px no-repeat transparent;cursor: pointer;width:24px;height:24px;}
	#social-share .st_googleplus_large span.stButton {margin: 0;}
	#social-share .st_googleplus_large span.stButton span.stLarge{margin: 0;}

	.share-cta{margin-top:4px;margin-right:2px;float:left;}
	.orangeHeader{color:#FF7200;font-weight:bold;}
	#social-share .st_googleplus_large {background: url("../../../etc/designs/attbusiness/images/image-sprite.png") -111px -24px no-repeat transparent !important;width:24px;height:24px;}
	#social-share .st_googleplus_large span.stButton span.stLarge {background: url("") repeat scroll 0 0 transparent !important;}
}
*******************************************************************************/


/* ============================================================== */
/* =================CONSOLIDATED CSS FOR VIDEOBOX.CSS============= */
/* ============================================================== */


#vidlightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background:rgba(0,0,0,0.8); 
    text-align:center;
	z-index:9999;
}
#vidcontent{
	background: #fff;
    height: 360px;
    left: 50%;
    margin-left: -255px;
    margin-top: -162px;
    padding: 10px 10px 20px;
    position: fixed;
    top: 50%;
    width: 530px;
	border-radius:6px;
	position:relative;
}
#vidcontent.audio{
    height: 100px;
}

#vidcontent .mediaWrap{
	height: 300px;
}
.vid-close{
    bottom: 6%;
    color: #6d6d6d;
    font-size: 15px;
	line-height:15px;
	padding-top:3px;
    padding-right:20px;
    position: absolute;
    right: 10px;
	background:url(../../../library/images/close_ikn.png) no-repeat right center;
	text-decoration:none !important;
	cursor:pointer;
}
.audio .vid-close{bottom:22px}
.vid-meta{
    float: left;
    
    text-align: left;
    width: 80%;height:40px;
	bottom: 10px;
    display: table;
    position: absolute;
}
.vid-meta p{font-size:14px;color:#444;font-family:attAleckSans-Regular;overflow:hidden; display: table-cell; vertical-align: middle;}


@media only screen and (max-width: 768px){
    #vidcontent.audio{
        margin-left: -40%;
        width: 80% !important;
    }
    #vidcontent.audio #jwPlayer_wrapper,#vidcontent.audio #jwPlayer{
        width: 100% !important;
    }

	#vidcontent:not(.audio) {
		left: 50% !important;
		margin-left: -42% !important;
		padding: 10px 2% 20px !important;
		width: 80% !important;
		height:340px !important;
	}
	#vidcontent:not(.audio) .jwplayer{
		width:100% !important;
		height: 260px !important;
	}
	#vidcontent:not(.audio) .mediaWrap{
		height: 270px;
		width: 100%;
	}
}


@media only screen and (max-width: 480px){
	.vid-meta{width: 75%;}
	.vid-close{
		bottom:22px;
	}
	#vidcontent:not(.audio) .jwplayer{
		height:220px !important;
	}
	#vidcontent:not(.audio) .mediaWrap{
		height: 229px;
	}
	#vidcontent:not(.audio) {
		height:300px !important;
	}
}


/* ============================================================== */
/* =================GATING FORM CSS ============= */
/* ============================================================== */

.gatingContainer{
	position:absolute;
	left:50%;
	width:100%;
	max-width:530px;
	min-height:544px;
	height:auto;
	margin-left:-265px;
	display:none;
	z-index:10000;
	background:#067ab4;
	border-radius:8px;
	color:#fff;
}
.gating-inner{
	padding: 10px 23px 23px;
}
div[data-gating]{
	display:none;
}

#gating-overlay {
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.gatingContainer .black-txt {
	color:#000;
	font: 15px/22px attAleckSans-Bold,Arial,sans-serif;
}
.gatingContainer h3{
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 25px;
    font-weight: 300;
	font-family: attAleckSans-Light,Arial,sans-serif;
    margin: 0 0 10px;
    padding: 0 0 10px;
}
.gatingContainer p{
    color: #fff;
    margin: 0 0 5px;
}
.gatingContainer p li {
	font-family: attAleckSans-Light,Arial,sans-serif;
}
.gatingContainer .form-div1 .errors ul li {
	width: 55%;
}
.gatingContainer .form-row {
    margin: 0 0 5px 0;
	line-height:1;
	float:left;
	width:100%;
}
.gatingContainer .form-div{
	float:left;
}
.gatingContainer .form-div.gating-full-width{
	width:100% !important;
}
.gatingContainer .form-textbox {
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    height: 33px;
    padding: 0 12px;
	background-color:#FFFFFF;
}
.gatingContainer .form-div label {
	font: 15px/22px attAleckSans-Bold,Arial,sans-serif;
}
.gatingContainer .full-width .form-textbox {

}
.gatingContainer .form-email .form-textbox {
    width: 80% !important;
}
.gatingContainer .form-company .form-textbox {
    width: 66% !important;
}
.gatingContainer .form-phone .form-textbox {
    width: 52% !important;
}


.gating-close{
    color: #fff;
    font-size: 15px;
    position: absolute;
    right: 20px;
    text-decoration: none !important;
	cursor:pointer;
    top: 10px;
}
#gating-overlay{display:none;}

.form-phone-help-text {
    margin: 10px 0 0;
}
.gatingContainer .css-button .button{
    font-size: 16px;
    height: 43px;
    width: 190px;
}
.gatingContainer .css-button{
    margin: 15px 0 0;
}
.gating-privacy{
    margin: 0;
}
.gating-privacy a{
	color:#fff;
}

.errors {color:red;	clear: both; margin-bottom: -5px; font:12px attAleckSans-Light; }
.errors ul li{list-style-type:none;	margin-left:-40px; margin-top:27px;	margin-bottom: -12px; margin-right: 4px;}
.errorsname {margin: 4px 0 -5px 2px; font:14px attAleckSans-Light; }
.errorsname ul li{list-style-type:none;	color: #FFFFFF; }
.errorclass { background-color: #FFE7E4 !important; border: 1px solid #CC0000 !important; }


@media screen and (min-width: 320px){
	.gatingContainer{
		left:0;
		margin-left:0;
	}
	.firstname-div {
		margin: 0 0 15px;
		width: 100% !important;
	}
	.firstname-div .form-textbox{
		width:80% !important;
	}
	.lastname-div .form-textbox{
		width:80% !important;
	}

	.gatingContainer h3{
		margin:30px 0 10px;
	}
	.gating-label{
		margin:10px 0 0 !important;
	}
	.form-div.form-email,
	.form-div.form-company,
	.form-div.form-phone,
	.form-div.firstname-div,
	.form-div.lastname-div{
		margin:0 0 10px;
	}
}
@media screen and (min-width: 480px){
	.firstname-div {
		margin: 0 0 10px;
		width: 50% !important;
	}
	.firstname-div .form-textbox{
		width:74%;
	}
	.lastname-div .form-textbox{
		width:40% !important;
	}
}

@media screen and (min-width: 640px){
	.gatingContainer{
		left:50%;
		margin-left:-265px;
	}
	.gatingContainer h3{
		margin:30px 0 10px;
	}
}

/************** Tablets Portrait or Landscape ************************/
@media screen and (min-device-width: 1200px){ 
/***********************************************/

	.errors {color:red;	clear: both; margin: -20px 0 -5px 0; font:12px attAleckSans-Light; }
	.form-row .errors {margin-left: 41px; }
	.errors ul li{list-style-type:none;	margin-left:-40px; margin-top:27px;	margin-bottom: -12px; margin-right: 4px;}
	.form-row .errors ul li{margin-bottom:4px; color:#FFFFFF; }
	.errorclass { background-color: #FFE7E4 !important; border: 1px solid #CC0000 !important; }

/***********************************************/
}

#popup-menu { position: absolute; width: 280px; background-color: #fff; z-index: 2; top: 45px;}
#popup-menu ul li{margin: 0 15px;}
#inner-wrap ul li:first-child { border-top: none; }
#popup-menu ul li a{color: #131313;font-size:15px;font-family:attAleckSans-Regular;line-height:26px;text-decoration:none;} 


.mob_main_menu li { padding: 10px 0 10px; list-style: none; }
#popup-menu .sub-menu .sub-menu li{padding: 9px 0 9px 10px;} 
#popup-menu .sub-menu .sub-menu li a  {line-height: 20px;}
#popup-menu .mob_main_menu .menu-divider div{border-top: 1px solid #ccc;height: 1px;width: 94%;margin-right: 10px;}
#inner_wrap .mob_main_menu .menu-divider div{border-top: 1px solid #ccc;height: 1px;}
#popup-menu .mob_main_menu .sub-menu li {background-color: #f1f1f1;}
#popup-menu .mob_main_menu > li:not(.menu-divider).hover {border-left: 5px solid #0568ae; padding-left: 10px; padding-right: 0; } 

#popup-menu { display: none; }
#popup-menu ul ul {
    position: absolute;
    left: 278px;
    top: 0;
    width: 280px;
    background-color: #f1f1f1;
    display: none;
    min-height: 100%;
}
#popup-menu .back_arrow{display: none !important;}
.primary-menu{box-sizing: border-box; height: auto;}
/* ENTBUS-761 */
.primary-menu .business-unit:hover,.primary-menu .business-unit:focus, .primary-menu .business-unit.active{border-bottom: 5px solid #ea7400 !important;}
@media (hover:none){
	.primary-menu .business-unit:hover{border-bottom:5px solid #000 !important;}
	.primary-menu .business-unit.active{border-bottom: 5px solid #ea7400 !important;}
}
/* /ENTBUS-761 */
#popup-menu ul li:hover > ul { display: block;  }
#popup-menu ul, #popup-menu ul ul { border: 1px solid #ccc; }
.search-container {margin: 0 10% 0 0; text-align: center; width: 36%; overflow: hidden; float: left;}
#popup-menu .mob_main_menu li { padding-left:15px; margin-left: 0; margin-right: 0; }
#popup-menu .mob_main_menu li a { color: #0568ae; }
#popup-menu .mob_main_menu > li.has-sub-menu.hover > a {color:#5a5a5a;}
#popup-menu .mob_main_menu li li.hover { text-decoration: underline; }
.business-unit {cursor:pointer;color:#fff;border-bottom: 5px solid #000 !important;padding: 12px 0px 6px 0px; font-size:15px;height:45px;}
span.business-unit-content{font-family: ATTAleckSans-Medium; font-size: 15px;}
#popup-menu .sub_arrow{padding:4px 15px 0 0; float: right;}
#inner_wrap .sub_arrow_m{padding:4px 12px 0 0; cursor: pointer;}
.primary-menu-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; width: 100%; height: 100%; z-index: 1; opacity: .5; display: none; }

.personal-container { float: right; color: #fff; line-height: 45px; cursor: pointer; }
.personal-container a{color: inherit; font-size: 15px;}
.personal-container .home-icon { display: block; width: 36px; height: 36px; float: left; margin: 4px 5px 0 5px;
    background: url(../../../image-sprite.png) -2px -121px no-repeat !important; }

/** bootstrap override - to disable scrolling behind menu background & scrollbar flickering fix */
body.modal-open { position: relative; overflow-y: scroll; height: 100%; }

#popup-sub-menu {z-index: 3 !important;}
@media screen and (max-width: 1199px) and (min-width: 320px){
	#side_wrapper {z-index:1002 !important;}
}

.new.newpar.section.aem-Grid-newComponent.cq-Editable-dom {
    display: block;
}

.new.newpar.section.aem-Grid-newComponent {
    display: none;
}
/* The following sets the lazy load image. Use of the important declaraton is required here as it's the only way to override inline-style specificity */
.lzy-background { background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important};
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
fieldset {
  margin: 0px;
  padding: 0px;
  border: 0px none;
  font-family: attAleckSans-Regular, Arial, sans-serif;
}
div,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
primary-nav,
section,
fieldset {
  display: block;
}
/* override bootstrap */
body {
  font: normal 1.6rem/2.1rem attAleckSans-Regular;
  color: #000;
}
/* IE specific -  to make scroll bar non-transparent */
@-ms-viewport {
  width: auto;
}
/* Mobile */
h1 {
  font: normal 20px/26px Brooklyn-Bold;
  color: #000;
  margin: 0 0 20px 0;
  letter-spacing: -0.01em;
}
h2 {
  font: normal 18px/24px attAleckSans-Bold;
  color: #000;
  margin: 0 0 5px 0;
  letter-spacing: -0.01em;
}
h3 {
  font: normal 16px/21px attAleckSans-Medium;
  color: #000;
}
/**h4 {font:normal 22px/22px attAleckSans-Medium;color:#191919;margin:0 0 10px 0;letter-spacing:-.01em;}
h5 {font:normal 18px/18px attAleckSans-Light;color:#191919;margin: 0 0 5px 0;}
h6 {font: normal 18px/18px attAleckSans-Medium;color:#191919;margin: 0 0 5px 0;letter-spacing:.01em;}**/
p,
li {
  clear: none;
  font: normal 14px/20px attAleckSans-Regular;
  letter-spacing: .1px;
  color: #000;
}
p b,
li b {
  letter-spacing: .5px;
}
a {
  clear: none;
  font: normal 14px/20px attAleckSans-Regular;
  color: #0568ae;
}
a:focus,
a:hover {
  color: #0568ae;
  text-decoration: underline;
}
span {
  font: inherit;
}
sup {
  font-size: 12px;
}
.emphasis {
  font-family: attAleckSans-Medium;
}
.legal-text {
  font-size: 11px;
  line-height: 16px;
}
.font-bold {
  font-weight: bold !important;
}
.no-border {
  border: 0 !important;
}
.mobile-hide {
  display: none;
}
.tablet-hide {
  display: block;
}
/* Desktop */
@media screen and (min-width: 1200px) {
  h1 {
    font-size: 38px;
    line-height: 42px;
  }
  h2 {
    font-size: 30px;
    line-height: 36px;
  }
  h3 {
    font-size: 24px;
    line-height: 30px;
  }
  p,
  li {
    font-size: 16px;
    line-height: 21px;
  }
  a {
    font-size: 16px;
    line-height: 21px;
  }
}

/* LESS color variables */
/* core color */
/* Primary colors */
/* Secondary color */
/* Functional colors */
/* Generic colors */
/* LESS variable definitions */
/* Firstnet styles  colors */
/* Primary colors */
/* Functional colors */
/* Tertiary Discipline-Specific colors */
/* Background colors */
[data-bg="black"] {
  background-color: #000000;
}
[data-bg="white"] {
  background-color: #ffffff;
}
[data-bg="dark-gray"] {
  background-color: #3c3a3b;
}
[data-bg="medium-gray"] {
  background-color: #8b8d8e;
}
[data-bg="light-gray"] {
  background-color: #f2f2f2;
}
[data-bg="blue"] {
  background-color: #0568ae;
}
.att-button.small,
.att-button.medium,
.att-button.large {
  font-size: 12px;
  border-radius: 36px;
  padding: 11px 36px 9px;
  font-family: attAleckSans-Medium;
}
.att-button.primary {
  background-color: #0568ae;
  color: #ffffff;
  border: 0;
}
.att-button.primary:focus {
  background-color: #0568ae;
  font-size: 12px;
  padding: 11px 36px;
  color: #ffffff;
  border-radius: 36px;
  border: 1px solid #ffffff;
  box-shadow: 0 0 0 2px #0568ae;
}
.att-button.primary:hover {
  background-color: #034574;
}
.att-button.primary.disabled {
  background-color: #d2d2d2;
  color: #5a5a5a;
}
.att-button.secondary {
  background-color: #ffffff;
  border: 1px solid #0568ae;
}
.att-button.secondary:hover {
  background-color: #034574;
  color: #ffffff;
}
.att-button.secondary.disabled {
  background-color: #d2d2d2;
  color: #5a5a5a;
  border: 1px solid #d2d2d2;
}
a.att-button.small,
a.att-button.medium,
a.att-button.large {
  display: inline-block;
}
a.att-button.primary:focus,
a.att-button.primary:hover {
  text-decoration: none;
}
a.att-button.secondary:hover {
  text-decoration: none;
}
.call-to-action [data-bg="blue"] a {
  color: #ffffff;
  background: transparent;
  border: 2px solid #ffffff;
}
.call-to-action [data-bg="blue"] a:focus {
  background-color: #0e1e5a;
}
.call-to-action [data-bg="blue"] a:hover {
  background-color: #0e1e5a;
}
.call-to-action [data-bg="blue"] .cta-btn a {
  color: #ffffff;
  background: transparent;
  border: 2px solid #ffffff;
}
.call-to-action [data-bg="blue"] .cta-btn a:focus {
  background-color: #0e1e5a;
}
.call-to-action [data-bg="blue"] .cta-btn a:hover {
  background-color: #0e1e5a;
}
.call-to-action [data-bg="blue"] .cta-btn a i svg {
  fill: #ffffff;
}
.call-to-action [data-bg="black"] a {
  color: #ffffff;
  background: transparent;
  border: 2px solid #ffffff;
}
.call-to-action [data-bg="black"] a:focus {
  background-color: #0e1e5a;
}
.call-to-action [data-bg="black"] a:hover {
  background-color: #0e1e5a;
}
.call-to-action [data-bg="black"] .cta-btn a {
  color: #ffffff;
  background: transparent;
  border: 2px solid #ffffff;
}
.call-to-action [data-bg="black"] .cta-btn a:focus {
  background-color: #0e1e5a;
}
.call-to-action [data-bg="black"] .cta-btn a:hover {
  background-color: #0e1e5a;
}
.call-to-action [data-bg="black"] .cta-btn a i svg {
  fill: #ffffff;
}
@media screen and (min-width: 768px) {
  .att-button.medium,
  .att-button.large {
    font-size: 17px;
    line-height: 17px;
    border-radius: 25px;
  }
  .att-button.primary.medium:focus,
  .att-button.primary.large:focus {
    background-color: #0568ae;
    font-size: 17px;
    line-height: 19px;
    padding: 17px 36px 13px;
    color: #ffffff;
    border-radius: 36px;
    border: 1px solid #ffffff;
    box-shadow: 0 0 0 3px #0568ae;
  }
}
@media screen and (min-width: 1200px) {
  .att-button.large {
    font-size: 19px;
    line-height: 19px;
    padding: 17px 36px 12px;
  }
  .att-button.primary.large:focus {
    background-color: #0568ae;
    font-size: 19px;
    padding: 19px 36px 10px;
    color: #ffffff;
    border-radius: 36px;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #0568ae;
  }
}
/* Firstnet specific button styles */
.fn-button-primary {
  font-size: 16px;
  color: #0568ae;
  background-color: #ffffff;
  height: 50px;
  border-radius: 25px;
}
.fn-button-primary:focus,
.fn-button-primary:hover {
  background-color: #0e1e5a;
}
.fn-button-primary.disabled {
  color: #3c3a3b;
  background-color: #f2f2f2;
}
.fn-button-secondary {
  font-size: 16px;
  color: #ffffff;
  background-color: #0568ae;
  height: 50px;
  border-radius: 25px;
  border: 2px solid #0568ae;
}
.fn-button-secondary:focus,
.fn-button-secondary:hover {
  color: #ffffff;
  background-color: #0568ae;
}
.fn-button-secondary.disabled {
  color: #8b8d8e;
  background-color: #ffffff;
  border-color: #f2f2f2;
}

/* LESS color variables */
/* core color */
/* Primary colors */
/* Secondary color */
/* Functional colors */
/* Generic colors */
/* LESS variable definitions */
/* Firstnet styles  colors */
/* Primary colors */
/* Functional colors */
/* Tertiary Discipline-Specific colors */
/* Background colors */
[data-bg="black"] {
  background-color: #000000;
}
[data-bg="white"] {
  background-color: #ffffff;
}
[data-bg="dark-gray"] {
  background-color: #3c3a3b;
}
[data-bg="medium-gray"] {
  background-color: #8b8d8e;
}
[data-bg="light-gray"] {
  background-color: #f2f2f2;
}
[data-bg="blue"] {
  background-color: #0568ae;
}
[class*="icon-arrows-"] {
  font-family: iconArrows !important;
}
.icon-arrows-downloadL::before {
  content: "\e906";
}
.icon-arrows-share::before {
  content: "\e91f";
}
[class*="icon-controls-"] {
  font-family: iconControls !important;
}
.icon-controls-down::before {
  content: "\e914";
}
.icon-controls-downL::before {
  content: "\e915";
}
.icon-controls-left::before {
  content: "\e925";
}
.icon-controls-leftL::before {
  content: "\e926";
}
.icon-controls-playaltL::before {
  content: "\e936";
}
.icon-controls-x-closePRIMARY::before {
  content: "\e969";
}
.icon-controls-right::before {
  content: "\e949";
}
.icon-controls-rightL::before {
  content: "\e94a";
}
.icon-controls-speakerL::before {
  content: "\e95a";
}
.icon-controls-upPRIMARY::before {
  content: "\e964";
}
.icon-controls-upL::before {
  content: "\e963";
}
[class*="icon-devices-"] {
  font-family: iconDevices !important;
}
.icon-devices-headsetcompat::before {
  content: "\e931";
}
[class*="icon-documents-"] {
  font-family: iconDocuments !important;
}
.icon-documents-addfile::before {
  content: "\eb5e";
}
.icon-documents-addfileL::before {
  content: "\eb5d";
}
.icon-documents-browseL::before {
  content: "\eb54";
}
.icon-documents-document::before {
  content: "\eb4f";
}
.icon-documents-documentL::before {
  content: "\eb4e";
}
.icon-documents-downloadablefile::before {
  content: "\eb4d";
}
.icon-documents-downloadablefileL::before {
  content: "\eb4c";
}
.icon-documents-manualL::before {
  content: "\eb40";
}
.icon-documents-pdf::before {
  content: "\eb36";
}
.icon-documents-pdfL::before {
  content: "\eb35";
}
.icon-documents-searchfind::before {
  content: "\eb27";
}
.icon-documents-searchfindL::before {
  content: "\eb28";
}
[class*="icon-retail-"] {
  font-family: iconRetail !important;
}
.icon-retail-shoppingcartL::before {
  content: "\e919";
}
[class*="icon-social-"] {
  font-family: iconSocial !important;
}
.icon-social-email::before {
  content: "\e900";
  color: #ea7400;
}
.icon-social-facebook::before {
  content: "\e903";
  color: #3b5999;
}
.icon-social-instagram::before {
  content: "\e904";
}
.icon-social-linkedin::before {
  content: "\e905";
  color: #066c9a;
}
.icon-social-linkedinL::before {
  content: "\e906";
  color: #ffffff;
}
.icon-social-pinterest::before {
  content: "\e908";
  margin-left: -1em;
  color: #ffffff;
}
.icon-social-pinterestL::before {
  content: "\e909";
  color: #cdcdcd;
}
.icon-social-share-this::before {
  content: "\e90a";
}
.icon-social-sms::before {
  content: "\e90b";
  color: #007a3e;
}
.icon-social-twitter::before {
  content: "\e90c";
  color: #2aa9e0;
}
.icon-social-twitterL::before {
  content: "\e90d";
}
.icon-social-youtube::before {
  content: "\e90e";
  color: #cd201f;
}
.icon-social-youtube-full::before {
  content: "\e90f";
  color: #000000;
}
[class*="glyphicon-"] {
  font-family: Glyphicons Halflings !important;
}

/* LESS color variables */
/* core color */
/* Primary colors */
/* Secondary color */
/* Functional colors */
/* Generic colors */
/* LESS variable definitions */
/* Firstnet styles  colors */
/* Primary colors */
/* Functional colors */
/* Tertiary Discipline-Specific colors */
/* Background colors */
[data-bg="black"] {
  background-color: #000000;
}
[data-bg="white"] {
  background-color: #ffffff;
}
[data-bg="dark-gray"] {
  background-color: #3c3a3b;
}
[data-bg="medium-gray"] {
  background-color: #8b8d8e;
}
[data-bg="light-gray"] {
  background-color: #f2f2f2;
}
[data-bg="blue"] {
  background-color: #0568ae;
}
.att-button.small,
.att-button.medium,
.att-button.large {
  font-size: 12px;
  border-radius: 36px;
  padding: 11px 36px 9px;
  font-family: attAleckSans-Medium;
}
.att-button.primary {
  background-color: #0568ae;
  color: #ffffff;
  border: 0;
}
.att-button.primary:focus {
  background-color: #0568ae;
  font-size: 12px;
  padding: 11px 36px;
  color: #ffffff;
  border-radius: 36px;
  border: 1px solid #ffffff;
  box-shadow: 0 0 0 2px #0568ae;
}
.att-button.primary:hover {
  background-color: #034574;
}
.att-button.primary.disabled {
  background-color: #d2d2d2;
  color: #5a5a5a;
}
.att-button.secondary {
  background-color: #ffffff;
  border: 1px solid #0568ae;
}
.att-button.secondary:hover {
  background-color: #034574;
  color: #ffffff;
}
.att-button.secondary.disabled {
  background-color: #d2d2d2;
  color: #5a5a5a;
  border: 1px solid #d2d2d2;
}
a.att-button.small,
a.att-button.medium,
a.att-button.large {
  display: inline-block;
}
a.att-button.primary:focus,
a.att-button.primary:hover {
  text-decoration: none;
}
a.att-button.secondary:hover {
  text-decoration: none;
}
.call-to-action [data-bg="blue"] a {
  color: #ffffff;
  background: transparent;
  border: 2px solid #ffffff;
}
.call-to-action [data-bg="blue"] a:focus {
  background-color: #0e1e5a;
}
.call-to-action [data-bg="blue"] a:hover {
  background-color: #0e1e5a;
}
.call-to-action [data-bg="blue"] .cta-btn a {
  color: #ffffff;
  background: transparent;
  border: 2px solid #ffffff;
}
.call-to-action [data-bg="blue"] .cta-btn a:focus {
  background-color: #0e1e5a;
}
.call-to-action [data-bg="blue"] .cta-btn a:hover {
  background-color: #0e1e5a;
}
.call-to-action [data-bg="blue"] .cta-btn a i svg {
  fill: #ffffff;
}
.call-to-action [data-bg="black"] a {
  color: #ffffff;
  background: transparent;
  border: 2px solid #ffffff;
}
.call-to-action [data-bg="black"] a:focus {
  background-color: #0e1e5a;
}
.call-to-action [data-bg="black"] a:hover {
  background-color: #0e1e5a;
}
.call-to-action [data-bg="black"] .cta-btn a {
  color: #ffffff;
  background: transparent;
  border: 2px solid #ffffff;
}
.call-to-action [data-bg="black"] .cta-btn a:focus {
  background-color: #0e1e5a;
}
.call-to-action [data-bg="black"] .cta-btn a:hover {
  background-color: #0e1e5a;
}
.call-to-action [data-bg="black"] .cta-btn a i svg {
  fill: #ffffff;
}
@media screen and (min-width: 768px) {
  .att-button.medium,
  .att-button.large {
    font-size: 17px;
    line-height: 17px;
    border-radius: 25px;
  }
  .att-button.primary.medium:focus,
  .att-button.primary.large:focus {
    background-color: #0568ae;
    font-size: 17px;
    line-height: 19px;
    padding: 17px 36px 13px;
    color: #ffffff;
    border-radius: 36px;
    border: 1px solid #ffffff;
    box-shadow: 0 0 0 3px #0568ae;
  }
}
@media screen and (min-width: 1200px) {
  .att-button.large {
    font-size: 19px;
    line-height: 19px;
    padding: 17px 36px 12px;
  }
  .att-button.primary.large:focus {
    background-color: #0568ae;
    font-size: 19px;
    padding: 19px 36px 10px;
    color: #ffffff;
    border-radius: 36px;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 3px #0568ae;
  }
}
/* Firstnet specific button styles */
.fn-button-primary {
  font-size: 16px;
  color: #0568ae;
  background-color: #ffffff;
  height: 50px;
  border-radius: 25px;
}
.fn-button-primary:focus,
.fn-button-primary:hover {
  background-color: #0e1e5a;
}
.fn-button-primary.disabled {
  color: #3c3a3b;
  background-color: #f2f2f2;
}
.fn-button-secondary {
  font-size: 16px;
  color: #ffffff;
  background-color: #0568ae;
  height: 50px;
  border-radius: 25px;
  border: 2px solid #0568ae;
}
.fn-button-secondary:focus,
.fn-button-secondary:hover {
  color: #ffffff;
  background-color: #0568ae;
}
.fn-button-secondary.disabled {
  color: #8b8d8e;
  background-color: #ffffff;
  border-color: #f2f2f2;
}
.att-modal-background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000;
  z-index: 1001;
  opacity: 0.7;
}
.att-modal-foreground {
  position: fixed;
  max-width: 850px;
  width: 100%;
  background-color: #ffffff;
  z-index: 1002;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
}
.att-modal-foreground span.att-modal-close-icon:before {
  font-family: iconPrimary;
  content: "\e910";
  font-size: 30px;
}
.att-modal-foreground .att-modal-heading h2 {
  text-align: center;
  font: normal 30px/36px attAleckSans-Bold;
  color: #191919;
  margin-top: 35px;
  margin-bottom: 20px;
  padding-left: 15px;
}
.att-modal-foreground .att-modal-image {
  display: none;
  float: left;
  width: 320px;
  min-height: 385px;
}
.att-modal-foreground .att-modal-content {
  margin-left: 10px;
  overflow-y: auto;
  height: 249px;
}
.att-modal-foreground .att-modal-body {
  font: normal 14px/16px attAleckSans-Regular;
  color: #191919;
  border: 1px solid #ccc;
  padding: 10px;
  padding-top: 15px;
  margin-right: 10px;
  overflow-y: auto;
  min-height: 230px;
  height: 230px;
  margin-bottom: 10px;
}
.att-modal-foreground .att-modal-body > ol,
.att-modal-foreground .att-modal-body ul {
  margin-left: 30px;
}
.att-modal-foreground .att-modal-body > p b,
.att-modal-foreground .att-modal-body u,
.att-modal-foreground .att-modal-body i {
  font-family: attAleckSans-Regular, Arial, sans-serif;
}
.att-modal-foreground .att-modal-body > p.paraindent1 {
  text-align: left;
  margin-top: 20px;
}
.att-modal-foreground .att-modal-body > p.paraindent2 {
  text-align: left;
  margin-left: 72px;
  margin-top: -8px;
}
.att-modal-foreground .att-modal-footer {
  margin: 15px auto;
  text-align: center;
}
.att-modal-close-container {
  float: right;
  margin-right: 15px;
  margin-top: -30px;
}
.att-modal-close-container a {
  color: #ffffff;
}
.att-modal-close-container a:hover {
  text-decoration: none;
}
.dual-modal.att-modal-foreground .att-modal-content {
  margin-left: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
.dual-modal.att-modal-foreground .att-modal-heading h2 {
  font: normal 30px/36px attAleckSans-Regular;
  background: #000000;
  border-bottom: 10px solid #0057B8;
  margin: 0;
  padding: 30px 0 20px 0px;
  color: #ffffff;
  border-radius: 10px 10px 0 0;
}
.dual-modal .att-modal-content {
  text-align: center;
}
.dual-modal .att-modal-left {
  margin: 0 55px 0 55px;
  padding-bottom: 55px;
  border-bottom: 1px solid #ccc;
}
.dual-modal .att-modal-right {
  margin: 55px 55px 0 55px;
}
.dual-modal .att-modal-title-left,
.dual-modal .att-modal-title-right {
  margin: 30px 0;
  font: normal 35px/38px attAleckSans-Bold;
  color: #191919;
}
.dual-modal .att-modal-title-right {
  margin: 0 0 20px 0;
}
.dual-modal .att-modal-body-left,
.dual-modal .att-modal-body-right {
  font: normal 20px/22px attAleckSans-Regular;
  color: #191919;
}
.dual-modal .att-modal-body-left > p b,
.dual-modal .att-modal-body-right > p b,
.dual-modal .att-modal-body-left u,
.dual-modal .att-modal-body-right u,
.dual-modal .att-modal-body-left i,
.dual-modal .att-modal-body-right i {
  font-family: attAleckSans-Regular, Arial, sans-serif;
}
.dual-modal .att-modal-body-left > p.paraindent1,
.dual-modal .att-modal-body-right > p.paraindent1 {
  text-align: left;
  margin-top: 20px;
  text-indent: 20px;
}
.dual-modal .att-modal-body-left > p.paraindent2,
.dual-modal .att-modal-body-right > p.paraindent2 {
  text-align: left;
  margin-left: 72px;
  margin-top: -8px;
  text-indent: -40px;
}
.dual-modal .att-modal-footer-left,
.dual-modal .att-modal-footer-right {
  margin-top: 35px;
}
.dual-modal .att-modal-footer-right {
  margin-bottom: 35px;
}
@media screen and (min-height: 300px) {
  .att-modal-foreground .att-modal-content {
    height: 160px;
  }
  .att-modal-foreground .att-modal-body {
    min-height: 150px;
    height: 150px;
  }
  .att-modal-foreground.withCta .att-modal-body {
    min-height: 80px;
    height: 80px;
  }
}
@media screen and (min-height: 447px) {
  .att-modal-foreground .att-modal-content {
    height: 249px;
  }
  .att-modal-foreground .att-modal-body {
    min-height: 230px;
    height: 230px;
  }
  .att-modal-foreground.withCta .att-modal-body {
    min-height: 170px;
    height: 170px;
  }
}
@media screen and (min-width: 1200px) {
  .att-modal-foreground .att-modal-image {
    display: none;
  }
  .att-modal-foreground .att-modal-footer {
    display: none;
  }
  .att-modal-foreground .att-modal-heading h2 {
    border-radius: 10px 10px 0 0;
    text-align: left;
    color: #ffffff;
    margin-top: 0px;
    padding: 30px 0 30px 35px;
    background: linear-gradient(to bottom, #0057b8 0, #009fdb 100%);
  }
  .att-modal-foreground .att-modal-body {
    min-height: 230px;
    height: 230px;
    margin-bottom: 15px;
  }
  .att-modal-foreground.withImage .att-modal-image {
    display: block;
    width: 320px;
  }
  .att-modal-foreground.withImage .att-modal-image img {
    border-radius: 10px 0 0 10px;
  }
  .att-modal-foreground.withImage .att-modal-heading h2 {
    text-align: center;
    margin-top: 35px;
    background: none;
    padding: inherit;
    margin-left: 330px;
    color: #191919;
  }
  .att-modal-foreground.withImage .att-modal-content {
    margin-left: 330px;
    min-height: 294px;
    height: 294px;
  }
  .att-modal-foreground.withImage .att-modal-body {
    margin-right: 15px;
    padding-top: 20px;
    min-height: 279px;
    height: 279px;
  }
  .att-modal-foreground.withCta .att-modal-footer {
    display: block;
  }
  .att-modal-foreground.withCta .att-modal-body {
    min-height: 170px;
    height: 170px;
  }
  .att-modal-foreground.withImage.withCta .att-modal-body {
    min-height: 216px;
    height: 216px;
  }
  .dual-modal.att-modal-foreground .att-modal-content {
    flex-direction: row;
  }
  .dual-modal.att-modal-foreground .att-modal-heading h2 {
    margin-bottom: 40px;
    padding: 30px 0 30px 35px;
  }
  .dual-modal .att-modal-left,
  .dual-modal .att-modal-right {
    float: left;
    width: calc(50% - 110px);
    min-height: 70px;
  }
  .dual-modal .att-modal-left {
    padding-bottom: 0;
    border-bottom: none;
    width: calc(50% - 55px);
    margin: 0 0 55px 55px;
    border-right: 1px solid #ccc;
    padding-right: 55px;
  }
  .dual-modal .att-modal-right {
    margin: 0 55px 0 55px;
  }
  .dual-modal .att-modal-title-left,
  .dual-modal .att-modal-title-right {
    margin: 0px 0 30px 0;
  }
  .dual-modal .att-modal-body-left,
  .dual-modal .att-modal-body-right {
    min-height: 70px;
  }
  .dual-modal .att-modal-footer-left,
  .dual-modal .att-modal-footer-right {
    position: absolute;
    bottom: 35px;
    width: calc(50% - 110px);
    display: flex;
    justify-content: center;
  }
  .dual-modal .att-modal-footer-right {
    margin-bottom: 0px;
  }
}

/* LESS color variables */
/* core color */
/* Primary colors */
/* Secondary color */
/* Functional colors */
/* Generic colors */
/* LESS variable definitions */
/* Firstnet styles  colors */
/* Primary colors */
/* Functional colors */
/* Tertiary Discipline-Specific colors */
/* Background colors */
[data-bg="black"] {
  background-color: #000000;
}
[data-bg="white"] {
  background-color: #ffffff;
}
[data-bg="dark-gray"] {
  background-color: #3c3a3b;
}
[data-bg="medium-gray"] {
  background-color: #8b8d8e;
}
[data-bg="light-gray"] {
  background-color: #f2f2f2;
}
[data-bg="blue"] {
  background-color: #0568ae;
}
[data-toggle="tooltip"] img {
  width: 25px;
  height: 25px;
}
/* bootstrap tooltip style overrides */
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #e5f5fc;
}
.tooltip .tooltip-inner {
  background-color: #e5f5fc;
  padding: 10px;
  color: #191919;
  font: normal 14px/16px attAleckSans-Regular;
  color: #000000;
}

.html-sitemap .container {
    padding: 40px 15px;
}
.html-sitemap ul {
    list-style-type: none;
}
.html-sitemap ul li {
    font-family: attAleckSans-Bold;
    font-size: 22px;
}
.html-sitemap ul > li > ul {
    padding: 0 0 0 18px !important;
    margin: 20px 0;
    list-style-type: square;
}
.html-sitemap ul li ul li {
    font-size: 15px;
}
.html-sitemap ul > li > ul li a {
    font-size: 15px;
    line-height: 24px;
}
.html-sitemap ul > li > ul ul {
    margin: 10px 0;
    list-style-type: disc;
}
#header .dropdownSubmenu li span{
    font: normal 12px attAleckSans-Light!important;    
}
#header .dropdownSubmenu li a{
   font: normal 16px attAleckSans-Regular!important;    
}

#header .link-container > a,
#header .link-container > a span{
    font: normal 18px attAleckSans-Regular !important;
}

#header.fluid-header {
    max-width: 100% !important;
}

#header .grdContainer {
    margin-left: 0px;
    padding: 0 20px
}

#header .blue-btm-brd {
    border-bottom: 5px solid #009FDB !important;
    outline: none;
    position: relative;
    border-radius: 0;
}

#header .bluet-btm-brd {
    border-bottom: 5px solid transparent !important;
}

#popup-menu .brd-rgt {
    border-right: 1px solid #69707b !important;
}

#popup-menu .brd-rgt-none {
    border-right: 1px solid transparent !important;
}

#header .link-container{
    display: inline-block;
    padding: 0 13px;
}

#header .primary-menu {
    float: left;
    margin-top: 20px;
}

#header .link-container>a img {
    height: 40px;
    padding: 5px;
}

.hamburger-menu {
    width: 42px;
    height: 42px;
    display: none;
    float: right;
}

.close-menu {
    width: 22px;
    height: 22px;
    display: none;
    float: right;
    margin-right: 15px;
    margin-top: 10px;
}

#header .search-icon {
    width: 25px;
    height: 16px;
    margin-left: 0px;
    display: inline-block;
}

.primary-menu {
    margin-top: 16px;
    padding: 0 0px 0px 0;
}

#header .right-container {
    float: right;
    margin-bottom: 0px;
}

.primary-menu li {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    float: left;
    text-align: center;
    height: 30px;
}

.primary-menu li:nth-child(even) {
    height: 30px;
}

.primary-menu li button {
    padding: 2px 18px 34px 18px !important;
    line-height: 24px;
    border-radius: 0px !important;
    width: auto;
    border-bottom: 5px solid transparent;
}

.primary-menu li.get-started-menu button {
    width: auto;
}

.primary-menu li:hover button,
.primary-menu li:focus button,
.primary-menu button.active {
    border-bottom: 5px solid #009fdb;
}

.primary-menu li.explore-menu {
    padding-left: 18px;
    height: 38px;
}

span.business-unit-content {
    font: normal 20px attAleckSans-Regular;
    color: #fff;
}

.primary-menu li.explore-menu .glyphicon {
    font-size: 16px;
    color: #fff;
}

#header div:nth-child(1) {
    padding-left: 0px;
}

#header ul.search {
    border: none;
}

#header ul.search button {
    font-weight: normal;
    -moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
}

#header #cludo-search-form .inputbox {
    background: #FFF;
    width: 160px;
    font: normal 14px attAleckSans-Regular !important;
}

#header ul.search,
#header #cludo-search-form .inputbox {
    width: auto;
    float: left;
    height: 40px;
}

.header-wrapper {
    background: #000000 !important;
}

#header {
    height: 80px;
}

#header .select-in {
    padding: 3px 0px 0px 0px;
    border-radius: 0px;
    font: normal 16px attAleckSans-Medium;
    color: #fff;
    border-bottom: 5px solid transparent;
    line-height: 22px;
}

#header .select-in:hover {
    border-bottom: 5px solid #000;
}

#header .contactus-select {
    margin-left: 30px;
    margin-right: 30px;
}

#header .personal-container {
    width: 100px;
    display: none;
}

#header .personal-container a,
#header .link-container a {
    font: normal 20px attAleckSans-Medium;
    color: #fff;
    display: inline-block;
    padding: 18px 0 20px 0;
    line-height: 30px;
}

#header .link-container a.select-in.applynow-menu-link {
    width: auto;
    border-bottom: none !important;
}

#header .link-container a.select-in.contactus-select {
    margin-left: 0px;
    margin-right: 0px;
}

.search-container {
    width: auto;
}

#header>*[class*="col-"] {
    padding: 0px 10px;
}

#popup-menu {
    width: 100%;
    background: #444C55;
    top: 100px;
    height: 60px;
}

#popup-menu .mob_main_menu#explore:not(:first-child){
    display: none !important;
}

#popup-menu .mob_main_menu li {
    display: inline-block;
    float: left;
}

#popup-menu ul,
#popup-menu ul ul {
    border: none;
}

#popup-menu .mob_main_menu>li.has-sub-menu.hover,
#popup-menu .mob_main_menu>li {
    border-left: none !important;
    padding: 3px 0px !important;
    text-align: center;
    height: 60px;
    line-height: 60px;
}

#popup-menu ul.mob_main_menu li a,
#popup-menu ul.mob_main_menu li span,
#popup-menu .mob_main_menu>li.has-sub-menu.hover>a {
    font: normal 16px attAleckSans-Regular;
    color: #fff;
    border-bottom: 2px solid transparent;
    padding: 3px 11px;
}

#popup-menu ul.mob_main_menu li a {
    border-right: 1px solid #69707b;
}

#popup-menu ul.mob_main_menu li.has-sub-menu.hover a,
#popup-menu ul.mob_main_menu li:last-child a {
    border-right: none;
}

#popup-menu ul li.no-sub-menu a {
    padding: 3px 15px;
}

#popup-menu ul li.no-sub-menu a span,
#popup-menu ul li.no-sub-menu a:hover span {
    padding: 3px 0px;
}

#popup-menu ul li.no-sub-menu a:hover span {
    border-bottom: 2px solid #fff;
}


#popup-menu .mob_main_menu>li.has-sub-menu.hover {
    background: #69707b;
}

#popup-sub-menu {
    width: 100%;
    position: absolute;
    background-color: #69707B;
    z-index: 2;
    top: 160px;
    padding: 15px 0px;
}

#popup-sub-menu .menu-list {
    width: 262px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    list-style: none;
}

#popup-sub-menu #ins.menu-list {
    min-height: 350px;
}

#popup-sub-menu .menu-list.brd-right {
    border-right: 1px solid #999999
}

#popup-sub-menu .menu-list>li a,
#popup-sub-menu .menu-list>div>li a {
    font: normal 14px attAleckSans-Regular;
    color: #fff;
    padding: 10px 0px;
    display: inline-block;
}

#popup-sub-menu .menu-list>li a span,
#popup-sub-menu .menu-list>div>li a span {
    border-bottom: 2px solid transparent;
    padding-bottom: 3px;
}

#popup-sub-menu ul>li.hover a span,
#popup-sub-menu ul li>li.hover a span {
    border-bottom: 2px solid #fff;
    font-family: attAleckSans-Bold;
}

#popup-sub-menu ul>li.hover a,
#popup-sub-menu ul li>li.hover a {
    color: #fff !important;
    text-decoration: none;
}

#popup-sub-menu ul ul {
    position: absolute;
    top: 0px;
    left: 260px;
    display: none;
    width: 480px;
    min-height: 100%;
    list-style: none;
    padding-left: 20px;
}

#popup-sub-menu ul ul ul {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

#popup-sub-menu ul>li>ul>div,
#popup-sub-menu div.float-50 {
    width: 50%;
    float: left;
}

#popup-sub-menu ul>li.hover>ul>div>li a,
#popup-sub-menu ul>li.hover>ul>li a {
    background: none !important;
    border-bottom: 2px solid transparent;
}

#popup-sub-menu ul ul>li,
#popup-sub-menu ul ul li>li {
    padding: 6px 0px;
}

#popup-sub-menu ul ul>li a,
#popup-sub-menu ul ul li>li a {
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding: 3px 0px !important;
}

#popup-sub-menu ul ul li a:hover {
    border-bottom: 2px solid #fff !important;
    font-family: attAleckSans-Bold;
}

#popup-sub-menu-list {
    width: 40%;
    display: inline-block;
}

#header .search-container {
    margin: 5px 15px 0 0;
}

#header .personal-container .glyphicon {
    top: 3px;
    padding-left: 5px;
}



/************* Mobile NAV Start *************************/

.menu-icon {
    width: 20px;
    height: 20px;
    background: url('../../../content/images/image-sprite.png') -136px 0px no-repeat;
    margin: 12px 30px 0 0;
}

.close-icon {
    width: 20px;
    height: 30px;
    background: url('../../../content/images/image-sprite.png') -136px -20px no-repeat;
    margin: 8px 30px 0 0 !important;
}

#icon-menu:hover {
    cursor: pointer;
}

#side_wrapper {
    width: 320px;
    float: right;
}

#inner_wrap ul {
    list-style-type: none;
}

#mob_search {
    width: 100%;
    height: 35px;
    position: relative;
    background: #fff;
    border-radius: 3px;
    color: #444;
}


#mob_search .search_text {
    border: none;
    padding: 5px 0 6px 17px;
    width: 98%;
    float: left;
    font-family: attAleckSans-Italic;
    font-size: 16px;
    margin: 2px 2px 2px 2px;
    background: #565B60;
}

#mainNavigation,
#m_menu_wrapper {
    display: none;
}

#m_menu_wrapper {
    clear: both;
    position: relative;
    z-index: 10;
}

#m_primaryNav li {
    background-color: #fff;
    border: 1px solid #f6f6f6;
}

#m_primaryNav li a {
    color: #67a0c6;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    line-height: 44px;
    padding-left: 15px;
}

#side_wrapper {
    display: none;
    position: fixed;
    top: 125px;
    left: 0px;
    bottom: 0;
    z-index: 1;
    background-color: #fff;
    padding-bottom: 50px;
}

#side-wrapper-header {
    background-color: #131313;
    height: 45px;
    padding: 5px 10px 5px 10px;
    width: inherit;
    box-sizing: border-box;
    z-index: 101;
}

#side-wrapper-header.sticky {
    top: initial;
}

#inner_wrap li.activemenu>a {
    color: #5a5a5a;
    display: block;
    border-bottom: 1px solid #5a5a5a;
    padding: 5px 0;
    font-size: 14px;
}

#inner-wrap ul li:first-child {
    border-top: none;
}

#inner_wrap ul li a {
    font-size: 15px;
    font-family: attAleckSans-Medium !important;
    text-decoration: none;
}

#inner_wrap .mob_main_menu .activemenu>a,
#inner_wrap .active_sub_menu>a {
    color: #5a5a5a;
    display: block;
    border-bottom: 1px solid #5a5a5a;
    padding: 3px 0;
    font-size: 14px;
}

#inner_wrap button {
    border: 0;
    background: transparent;
    padding: 0;
}

#inner_wrap ul li span.arrow_prod_m,
#inner_wrap ul li span.arrow_industries_m,
#inner_wrap ul li span.arrow_insights_m,
#inner_wrap ul li span.arrow_goto_m,
#inner_wrap ul li span.arrow_shop_m,
#inner_wrap ul li span.arrow_offers_m,
#inner_wrap ul li span.arrow_business_m,
#inner_wrap ul li span.arrow_about_m,
#inner_wrap ul li span.arrow_support_m {
    float: right;
    padding: 2px 0 0 0;
    cursor: pointer;
}

#inner_wrap ul li a span {
    color: #515151;
    display: block;
    font-size: 16px;
    line-height: 1;
    font-family: 'attAleckSans-Medium';
}

.mob_main_menu .blue-carat-right-icon,
.sub_mob_menu .blue-carat-right-icon {
    margin-top: 3px;
    margin-left: 15px;
}

.activemenu {
    display: block;
    padding: 20px 0 0;
    border-top-style: none !important;
}

.sub_menu_wrap {
    background-color: #fff;
}

.sub_mob_menu .sub_menu_wrap.explore:not(:first-child){
    display: none !important;
}

.active_sub_menu {
    padding: 10px 15px 0px;
    border-top: none;
    background-color: #FFF;
}

.active_sub_menu_wrapper {
    display: block !important;
}

.active_sub_menu_items {
    position: relative;
    display: block !important;
    padding: 10px 15px 10px;
}

.active_sub_menu_items:first-child {
    border-top: none !important;
}

.active_sub_menu_wrapper {
    margin: 10px 0 -17px;
}

.active_sub_menu_items a {
    display: inline-block;
    vertical-align: middle;
}


.active_sub_menu .active_sub_menu_items {
    padding: 10px 0px 10px;
}

.sub_arrow_m {
    float: right;
}

.active_sub_menu_items .sub_arrow_m {
    position: absolute;
    height: 25px;
    margin-top: -12.5px;
    top: 50%;
    right: 0;
}

.account li:first-child {
    border-top: none !important;
}

.blog li:first-child {
    border-top: none !important;
}

.back_arrow {
    display: none;
}

.back_arrow .glyphicon-menu-left,
.sub_back_arrow .glyphicon-menu-left {
    top: 3px;
}

#header .logo {
    display: block;
    width: 189px;
    height: 55px;
    float: left;
    margin: 5px 15px 0 15px;
    background: url(../../../content/dam/firstnet/global/firstnet-logo-mobile.png) no-repeat !important;
}

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

    .hamburger-menu,
    .close-menu {
        display: block;
        height: 30px;
    }

    .primary-menu .shop-menu,
    .primary-menu .support-menu {
        display: none;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
    #header.fluid-header .primary-menu {
        margin-top: 17px !important;
    }

    #header .logo {
        margin: 21px 15px 0 30px;
    }

    #header.fluid-header .link-container {
        padding: 0;
    }

    .mobmenu {
        display: none;
    }

    .search-container {
        display: none;
        /*key*/
    }

    /* .labelClass {
        display: none;
    } */
    #popup-menu {
        width: 100%;
        background: #444C55;
        top: 92px;
        height: 60px;
    }
    #popup-sub-menu {
        top: 152px;
    }

    #header .right-container {
        float: right;
        padding: 9px 20px 0 0px;
    }

    #header a.select-in span.apply-now {
        background-color: #0568ae;
        color: #fff;
        padding: 12px 36px 10px;
        border-radius: 20px;
        font: 18px attAleckSans-Medium !important;
        font-weight: 900;
        letter-spacing: 0px;
        border-bottom: none !important;
    }

    #mobileside_wrapper {
        width: 36%;
        position: fixed;
        top: 78px;
        right: 10%;
        bottom: 0;
        z-index: 2;
        background-color: transparent;
        padding-bottom: 50px;
    }

    #side-wrapper-header {
        background-color: #444C55 !important;
        height: auto !important;
        padding: 8px 10px 10px 10px !important;

    }

    #mob_search {
        width: 100%;
        height: auto !important;
    }

    #mob_search .search_text {
        background: #fff !important;
        width: 98% !important;
        color:#878C94;
        padding: 13px 0 13px 17px !important;
        margin: 9px 2px 2px 2px;
    }

    #mob_search .search-icon {
        margin: 4px 13px 0 0;
        padding: 0;
        background-color: transparent !important;
        color: #fff;
        transform: rotate(4deg);
        font-size: 20px;
        top: 8px;
    }

    #header .right-container .blue-btm-brd,
    #header .right-container .bluet-btm-brd {
        border-bottom: none !important;
    }

    .primary-menu li button {
        padding: 14px 18px 29px 18px !important;
        line-height: 24px;
        border-radius: 0px !important;
        width: auto;
        border-bottom: 5px solid transparent;
    }


    #header #popup-sub-menu {
        top: 141px;
    }

    #header .hasDropdown:hover {
        border-bottom: 5px solid #009fdb !important;
        border-radius: 0;
    }

    .dropdownSubmenu li span.glyphicon-menu-right {
        display: none;
    }

    #header .link-container.hasDropdown {
        position: relative;
        padding-bottom: 6px;
    }

    #header .link-container.hasDropdown a.select-in {
        padding: 12px 0 9px 0;
    }

    .hasDropdown:hover .dropdownSubmenu {
        display: block !important;
    }

    /* #header .blue-btm-brd.hasDropdown {
        border-bottom:5px solid #000 !important;
     } */
    .dropdownSubmenu {
        display: none;
        position: absolute;
        list-style: none;
        padding: 0;
        width: 10px;
        height: auto;
    }

    #header .dropdownSubmenu.accountOption {
        bottom: -162px;
        left: 0;
    }

    .dropdownSubmenu.helpOption {
        bottom: -236px;
        left: 0;
    }

    .dropdownSubmenu.accountOption li:not(:last-child),
    .dropdownSubmenu.helpOption li:not(:last-child) {
        border-bottom: 1px solid #5B646D;
    }

    .dropdownSubmenu.helpOption li {
        min-width: 291px;
    }

    #header .dropdownSubmenu li {
        min-width: 230px;
        background: #444D56;
        text-align: left;
        padding: 15px 0 15px 12px;
    }

    #header .dropdownSubmenu li a {
        margin: 0 0 7px 0;
        padding: 0;
        text-align: left;
        line-height: 15px;
    }

    .dropdownSubmenu li span {
        display: block;
        margin: 0;
        padding: 0;
        color: #fff;
        font-size: 13px;
    }

}

@media screen and (min-width: 375px) and (max-width: 667px) {
    #header.fluid-header .right-container {
        margin-right: 11px;
    }

    #header.fluid-header span.explore-menu {
        display: none !important;
    }

    #header.fluid-header .primary-menu {
        float: left !important;
        margin-right: 0 !important;
    }

    #header.fluid-header .right-container div:nth-child(2),
    #header.fluid-header .right-container div:nth-child(3),
    #header.fluid-header .right-container div:nth-child(4) {
        display: inline-block !important;
        width: 41px;
    }
}

@media screen and (min-width: 320px) and (max-width: 600px) {
    #header.fluid-header .primary-menu {
        float: right;
        margin-right: 20px;
    }

    .right-container div:nth-child(2),
    .right-container div:nth-child(3),
    .right-container div:nth-child(4) {
        display: none !important;
    }

    /* span.explore-menu {
        display: none !important;
    } */
    button.explore-unit.mobmenu {
        margin-top: -4px !important;
        margin-bottom: 15px;
    }

    #header .logo {
        margin: 14px 0px 0 0px !important;
    }

    /* .common {
        display: none !important;
    } */
}

@media screen and (min-width: 601px) and (max-width: 767px) {
    #header.fluid-header button.explore-unit.mobmenu {
        padding: 9px 0px 10px 13px !important;
    }

    #header.fluid-header span.explore-menu {
        display: inline-block !important;
    }

    #header.fluid-header ul.primary-menu {
        margin: 16px 0 20px 0;
    }

    #header.fluid-header .right-container {
        margin-top: 8px;
    }

    #header.fluid-header button.explore-unit.mobmenu {
        padding: 0px 0px 2px 19px !important;
        margin-top:7px;
    }
}


@media screen and (min-width: 320px) and (max-width: 767px) {
    #header .applynow-menu-link {
        padding: 0px 0px 5px 0px !important;
    }

    .business-unit-content {
        display: none;
    }

    .select {
        float: right;
    }

    #header a.select-in span.apply-now {
        display: inline-block;
        height: 40px;
        background-color: #0568ae;
        color: #fff;
        padding: 9px 23px;
        border-radius: 14px;
        font-size: 12px;
        font: 18px attAleckSans-Medium !important;
    }

    .explore-menu {
        color: #fff;
        font: normal 20px attAleckSans-Regular;
        display: inline-block;
    }

    .labelClass {
        display: none;
    }

    .search-container {
        display: none;
    }

    #header .link-container a:hover {
        border-bottom: 5px solid #009FDB !important;
    }

    .common {
        padding: 6px 0 0 0 !important
    }

    .close-menu {
        margin-top: 0px !important;

    }

    .glyphicon {
        top: 2px;
    }

    .primary-menu li.explore-menu .glyphicon {
        font-size: 14px !important;
    }

    .hamburger-menu {
        width: 18px !important;
        height: 18px !important;
    }

    .primary-menu li button {
        line-height: 18px;
    }

    .primary-menu {
        margin-top: 0px;
    }

    .mobmenu {
        display: inline-block;
    }

    .webmenu {
        display: none;
    }

    #header .logo {
        width: 190px;
        height: 50px;
        float: left;
        margin: 20px 10px 0 5px;
    }

    .link-container.mobile-applybtn {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #000000;
        padding: 0px 10px 2px 10px !important;
    }

    #header .primary-menu {
        float: left;
        padding: 0px;
        text-align: left;
    }

    .primary-menu li.explore-menu {
        padding-left: 0;
        height: auto;
    }

    .primary-menu li {
        padding: 3px 0px 0 0px !important;
        margin: 0px;
        float: right !important;
        text-align: left;
    }

    #header .right-container {
        padding: 0px 0px 0 0px;
    }

    i.glyphicon.glyphicon-chevron-down.dropdown-icon {
        margin-left: 5px;
        margin-right: 0;
    }

    .main-par,
    .main-page {
        padding-top: 134px;
    }

    #header .link-container {
        margin-left: 0px;
    }

    #header .link-container a.select-in.applynow-menu-link {
        width: 100%;
    }

    header a.select-in span.apply-now {
        padding: 5px !important;
        border-radius: 43px !important;
        width: 100%;
        float: left;
        text-align: center;
    }

    .explore-menu {
        font-size: 17px;
    }

    i.glyphicon.glyphicon-chevron-down.dropdown-icon {
        font-size: 14px !important;
        margin-top: 4px;
    }

    #inner_wrap {
        margin-top: 18 !important;
    }

    .mobile-searchicon {
        float: left;
    }

    #mobileside_wrapper {
        width: 100%;
        z-index: 9999;
        position: fixed;
        top: 70px;
        bottom: 0;
        background-color: transparent;
    }

    #side-wrapper-header {
        background-color: #444C55 !important;
        height: auto !important;
        padding: 0px 5px 14px 10px !important;

    }

    #mob_search {
        width: 100%;
        height: auto !important;
    }

    #mob_search .search_text {
        background: #fff !important;
        width: 98% !important;
        color: #000;
        padding: 13px 0 13px 10px !important;
        margin: 9px 2px 2px 2px;
    }

    #mob_search .search-icon {
        margin: 4px 8px 0 0;
        padding: 0;
        background-color: transparent !important;
        color: #fff;
        transform: rotate(4deg);
        font-size: 20px;
        top: 8px;
    }

    button.explore-unit.mobmenu {
        border-left: 1px solid #5a5a5a !important;
        padding: 0px 0px 2px 10px !important;
    }

    .glyphicon-search {
        top: 1px;
    }

    .primary-menu .hamburger {
        display: block;
    }

    .primary-menu li {
        display: inline-block;
        padding: 0px 10px 0 15px;
        margin: 0px;
        float: right !important;
        border: none !important;
    }

    .primary-menu li:hover button,
    .primary-menu li:focus button,
    .primary-menu button.active {
        border-bottom: none !important;
    }

    #header {
        background: #000000;
    }

    #mob_search {
        width: 100%;
        height: 35px;
        position: relative;
        background: #565B60;
        color: #fff;
        margin-top: 20px;
    }

    #mob_search .search_text {
        border: none;
        padding: 5px 0 6px 15px;
        float: left;
        font-family: attAleckSans-Italic;
        font-size: 16px;
        margin: 2px 2px 2px 2px;
        background: #565B60;
    }

    #side_wrapper {
        display: none;
        position: fixed;
        top: 60px;
        left: 0px;
        bottom: 0;
        z-index: 2;
        border-left: 0 !important;
        background-color: transparent;
        padding-bottom: 50px;
    }

    #side-wrapper-header {
        background-color: #1A2027;
        height: 65px;
        padding: 3px 15px 3px 15px;
        width: inherit;
        box-sizing: border-box;
        z-index: 101;
    }

    #inner_wrap {
        background-color: #444c55;
        overflow: hidden;
        margin-top: 10px;
    }

    #inner_wrap ul li a {
        font-size: 18px;
        font-family: attAleckSans-Medium;
        text-decoration: none;
        color: #fff;
        margin-left: 25px;
        display: inline-block;
        padding-right: 0px !important;
        margin-right: 0px !important;
    }

    #inner_wrap ul li span.arrow_explore_m,
    #inner_wrap ul li span.arrow_prod_m,
    #inner_wrap ul li span.arrow_industries_m,
    #inner_wrap ul li span.arrow_insights_m,
    #inner_wrap ul li span.arrow_goto_m,
    #inner_wrap ul li span.arrow_shop_m,
    #inner_wrap ul li span.arrow_offers_m,
    #inner_wrap ul li span.arrow_business_m,
    #inner_wrap ul li span.arrow_about_m,
    #inner_wrap ul li span.arrow_support_m,
    #inner_wrap ul li span.arrow_consumer_m {
        float: right;
        padding: 20px 20px 0 0 !important;
        cursor: pointer;
        color: #fff;
    }

    .mob_main_menu>li {
        margin: 0px;
    }

    .activemenu {
        display: block;
        padding: 20px 0 0;
        border-bottom-style: none !important;
        background: #1A2027;
    }

    .back_arrow .glyphicon-menu-left,
    .sub_back_arrow .glyphicon-menu-left,
    .sub_back_arrow1 .glyphicon-menu-left,
    .back_arrow2 .glyphicon-menu-left {
        top: 1px;
        color: #fff;
        left: 13px;
        font-size: 12px;
    }

    .mob_main_menu li {
        list-style: none;
        border-bottom: 1px solid #69707B;
    }

    .mob_main_menu li:last-child {
        border-bottom: none !important;
    }

    .mob_main_menu li a {
        padding: 20px 0 20px 0;
        display: inline-block;
        margin: 0 20px;
    }

    .mob_main_menu li {
        padding: 0px;
    }

    .active_sub_menu_items:last-child {
        border-bottom: none
    }

    .active_sub_menu_items {
        position: relative;
        display: block !important;
        padding: 0px;
        background: #444c55;
        border-bottom: 1px solid #69707B;
    }

    .active_sub_menu_items a {
        padding: 20px 0 20px 0;
        margin: 0 20px;
        display: block;
        font: normal 16px attAleckSans-Regular !important;
    }

    .active_sub_menu_items .sub_arrow_m,
    .active_sub_menu_items .sub_arrow_m1,
    .active_sub_menu_items .arrow_products_m {
        position: absolute;
        height: 25px;
        margin-top: -12.5px;
        top: 50%;
        right: 0;
        color: #fff;
    }

    .active_sub_menu,
    .active_sub_menu2 {
        padding: 0px;
        border-top: none;
        background-color: #1A2027
    }

    .active_sub_menu .active_sub_menu_items,
    .active_sub_menu2 .active_sub_menu_items {
        padding: 0px;
    }

    #side_wrapper {
        width: 100%;
        float: right;
    }

    #inner_wrap ul li a span {
        color: #fff;
        font: normal 16px attAleckSans-Medium !important;
    }

    .active_sub_menu_items a.loginlnk {
        font: normal 18px attAleckSans-Medium !important;
        color: #fff;
        margin-left: 25px !important
    }

    #inner_wrap .mob_main_menu .activemenu>a,
    #inner_wrap .active_sub_menu>a,
    #inner_wrap .active_sub_menu2>a {
        color: #fff;
        font: normal 24px attAleckSans-Bold !important;
        padding: 10px 0px 10px 0px !important;
        display: block;
        border-bottom: none !important;
        margin-left: 15px !important;
        width: 100%;
    }

    #inner_wrap ul li a.mainmenu {
        font: normal 16px attAleckSans-Medium !important;
    }

    #inner_wrap .sub_back_arrow a,
    #inner_wrap .sub_back_arrow1 a,
    #inner_wrap .back_arrow2 a {
        display: inline-block;
        padding: 20px 0px 20px 0px !important;
        font: normal 16px attAleckSans-Medium !important;
    }

    .active_sub_menu_items:first-child {
        border-top: 4px solid #009FDB !important;
    }

    .shop-mob-nav .activemenu li {
        border-bottom: none;
    }

    .primary-menu li button {
        width: 100%;
        padding: 0px !important;
    }

    #header .blue-btm-brd,
    #header .bluet-btm-brd {
        border-bottom: none !important;
    }

    .primary-menu li.explore-menu .glyphicon {
        font-size: 18px;
        font-weight: normal;
    }

    #inner_wrap .sub_arrow_m,
    #inner_wrap .sub_arrow_m1,
    #inner_wrap .arrow_products_m,
    #inner_wrap .arrow_industries_m {
        padding: 4px 15px 0 0;
        cursor: pointer;
    }

    .sub_arrow_m,
    .sub_arrow_m1,
    .arrow_products_m {
        float: right;
    }

    .allprod {
        background: #0568ae;
        color: #fff;
        display: block !important;
        text-align: center;
        padding: 10px 0px !important;
        width: 250px;
        margin: 0px auto;
        font-size: 16px;
        border-radius: 30px;
    }

    .back_arrow2 {
        margin-bottom: 10px;
    }

    .back_arrow2:hover {
        cursor: pointer;
    }

    #inner_wrap ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

    ul.products-mob-menu li a.prod-lnk,
    ul.products-mob-menu li>ul li a,
    .sub_arrow_m1_li a,
    .sub_arrow_li a {
        margin-left: 25px;
        color: #fff;
        font: normal 16px attAleckSans-Regular !important;
    }

    .arrow_products_li a {
        margin-left: 25px !important;
        color: #fff;
        font: normal 16px attAleckSans-Regular !important;
    }

    .close-menu {
        margin-top: 10px;
        width: 18px;
        height: 18px;
    }

    .hamburger-menu {
        width: 38px;
        height: 38px;
    }

    .goto .login-title a {
        margin-left: 15px !important;
    }

    .allprod-li a {
        width: 100% !important;
        padding: 30px 0px;
        margin: 0px !important;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1199px) {
    #header.fluid-header .right-container {
        padding: 10px 20px 0 0;
    }

    #header.fluid-header .link-container {
        padding: 0;
    }

    /* #header .right-container div:nth-child(2),
    #header .right-container div:nth-child(3),
    #header .right-container div:nth-child(4){
            display: none!important;
        }        
    } */
    #header.fluid-header button.explore-unit.mobmenu {
        padding: 0 0px 2px 22px !important;
        margin-top:3px;
    }

    #header .logo {
        width: 206px;
        height: 60px;
        float: left;
        margin: 16px 15px 0 15px;
        background: url(../../../content/dam/firstnet/global/firstnet-logo-desktop.png) no-repeat !important;
    }

    #header .right-container {
        float: right;
        padding: 10px 10px 10px 0px;
    }

    .primary-menu {
        margin-top: 0;
        padding: 0px 10px 0 0px;
    }

    .primary-menu li {
        display: inline-block;
        padding: 3px 0 0 0 !important;
    }

    .explore-menu {
        color: #fff;
        font: normal 20px attAleckSans-Regular;
        display: inline-block !important;
    }

    button.explore-unit.mobmenu {
        border-left: 1px solid #5a5a5a !important;
        padding: 0 0px 10px 10px !important;
        margin-top: -6px;
        margin-bottom: 10px;
    }

    .search-container {
        display: none;
    }

    .labelClass {
        display: none;
    }

    #header a.select-in span.apply-now {
        background-color: #0568ae;
        color: #fff;
        padding: 12px 36px 10px;
        border-radius: 20px;
        font: 18px attAleckSans-Medium !important;
        font-weight: 900;
        letter-spacing: 0px;
        border-bottom: none !important;

        /* display: inline-block;
        height: 40px;
        text-transform: uppercase; */
    }

    #mobileside_wrapper {
        width: 55%;
        position: fixed;
        top: 60px;
        right: 10%;
        bottom: 0;
        z-index: 2;
        background-color: transparent;
        padding-bottom: 50px;
    }

    #side-wrapper-header {
        background-color: #444C55 !important;
        height: auto !important;
        padding: 3px 10px 10px 10px !important;

    }

    #mob_search {
        width: 100%;
        height: auto !important;
    }

    #mob_search .search_text {
        background: #fff !important;
        width: 98% !important;
        color: #000;
        padding: 13px 0 13px 17px !important;
        margin: 9px 2px 2px 2px;
    }

    #mob_search .search-icon {
        margin: 4px 13px 0 0;
        padding: 0;
        background-color: transparent !important;
        color: #fff;
        transform: rotate(4deg);
        font-size: 20px;
        top: 8px;
    }

    .primary-menu {
        float: right;
    }

    .primary-menu li span {
        display: none;
    }

    .primary-menu li.get-started-menu {
        display: none;
    }

    .primary-menu .hamburger {
        display: block;
    }

    .primary-menu li {
        display: inline-block;
        padding: 9px 10px 0 15px;
        margin: 0px;
        float: right !important;
        border: none !important;
    }

    .primary-menu li:hover button,
    .primary-menu li:focus button,
    .primary-menu button.active {
        border-bottom: none !important;
    }

    #mob_search .search-icon {
        margin: 4px 24px 0 0;
        padding: 0;
        background-color: #565B60;
        color: #fff;
    }

    #mob_search {
        width: 100%;
        height: 35px;
        position: relative;
        background: #565B60;
        color: #fff;
        margin-top: 40px;
    }

    #mob_search .search_text {
        border: none;
        padding: 5px 0 6px 17px;
        width: 98%;
        float: left;
        font-family: attAleckSans-Italic;
        font-size: 16px;
        margin: 2px 2px 2px 2px;
        background: #565B60;
    }

    #side_wrapper {
        display: none;
        position: fixed;
        top: 60px;
        left: 0px;
        bottom: 0;
        z-index: 2;
        background-color: transparent;
        padding-bottom: 50px;
    }

    #side-wrapper-header {
        background-color: #1A2027;
        height: 85px;
        padding: 3px 15px 3px 15px;
        width: inherit;
        box-sizing: border-box;
        z-index: 101;
    }

    #inner_wrap {
        background-color: #444c55;
        overflow: hidden;
        margin-top: 18px;
    }

    #inner_wrap ul li a {
        font-size: 20px;
        font-family: attAleckSans-Medium !important;
        text-decoration: none;
        color: #fff;
        display: inline-block;
        width: 60%;
        padding-right: 0px !important;
        margin-right: 0px !important;
    }

    #inner_wrap ul li span.arrow_explore_m,
    #inner_wrap ul li span.arrow_prod_m,
    #inner_wrap ul li span.arrow_industries_m,
    #inner_wrap ul li span.arrow_insights_m,
    #inner_wrap ul li span.arrow_goto_m,
    #inner_wrap ul li span.arrow_shop_m,
    #inner_wrap ul li span.arrow_offers_m,
    #inner_wrap ul li span.arrow_business_m,
    #inner_wrap ul li span.arrow_about_m,
    #inner_wrap ul li span.arrow_support_m,
    #inner_wrap ul li span.arrow_consumer_m {
        float: right;
        padding: 30px 20px 0 0 !important;
        cursor: pointer;
        color: #fff;
    }

    .activemenu {
        display: block;
        padding: 20px 0 0;
        border-bottom-style: none !important;
        background: #1A2027;
    }

    .back_arrow .glyphicon-menu-left,
    .sub_back_arrow .glyphicon-menu-left,
    .sub_back_arrow1 .glyphicon-menu-left,
    .back_arrow2 .glyphicon-menu-left {
        top: 1px;
        color: #fff;
        left: 5px;
        font-size: 12px;
    }

    .back_arrow a,
    .back_arrow2 a,
    .sub_back_arrow a,
    .sub_back_arrow1 a {
        margin: 0px 10px !important;
    }

    .mob_main_menu li {
        list-style: none;
        border-bottom: 1px solid #69707B;
        margin: 0px;
        padding: 0 13px;
    }

    .mob_main_menu li:last-child {
        border-bottom: none !important;
    }

    .mob_main_menu li a {
        padding: 30px 0 30px 0;
        display: inline-block;
        margin: 0 20px;
    }

    .active_sub_menu_items:last-child {
        border-bottom: none
    }

    .active_sub_menu_items {
        position: relative;
        display: block !important;
        padding: 0px;
        background: #444c55;
        border-bottom: 1px solid #69707B;
    }

    .active_sub_menu_items a {
        padding: 30px 0 30px 0;
        margin: 0 20px;
        display: block;
    }

    .active_sub_menu_items .sub_arrow_m,
    .active_sub_menu_items .sub_arrow_m1,
    .active_sub_menu_items .arrow_products_m {
        position: absolute;
        height: 25px;
        margin-top: -12.5px;
        top: 50%;
        right: 0;
        color: #fff;
    }

    .active_sub_menu,
    .active_sub_menu2 {
        padding: 0px;
        border-top: none;
        background-color: #1A2027
    }

    .active_sub_menu .active_sub_menu_items,
    .active_sub_menu2 .active_sub_menu_items {
        padding: 0px;
    }

    #side_wrapper {
        width: 100%;
        float: right;
    }

    #inner_wrap ul li a span {
        color: #fff;
        font: normal 16px attAleckSans-Regular;
    }

    .active_sub_menu_items a.loginlnk {
        font: normal 18px attAleckSans-Bold !important;
        color: #fff;
        margin-left: 20px !important
    }

    #inner_wrap .mob_main_menu .activemenu>a,
    #inner_wrap .active_sub_menu>a,
    #inner_wrap .active_sub_menu2>a {
        color: #fff;
        font: normal 24px attAleckSans-Bold !important;
        padding: 10px 0px 10px 0px;
        display: block;
        border-bottom: none !important;
        margin-left: 6px !important
    }

    #inner_wrap ul li a.mainmenu {
        font: normal 18px attAleckSans-Medium !important;
    }

    #inner_wrap .sub_back_arrow a,
    #inner_wrap .sub_back_arrow1 a,
    #inner_wrap .back_arrow2 a {
        display: inline-block;
        padding: 30px 0px 20px 0px !important;
        font: normal 18px attAleckSans-Medium !important;
    }

    .active_sub_menu_items:first-child {
        border-top: 4px solid #009FDB !important;
    }

    .shop-mob-nav .activemenu li {
        border-bottom: none;
    }

    .primary-menu li button {
        padding: 0px !important;
    }

    #header .blue-btm-brd,
    #header .bluet-btm-brd {
        border-bottom: none !important;
    }

    .primary-menu li.explore-menu .glyphicon {
        font-size: 18px !important;
        font-weight: normal;
    }

    #inner_wrap .sub_arrow_m,
    #inner_wrap .sub_arrow_m1,
    #inner_wrap .arrow_products_m {
        padding: 4px 30px 0 0;
        cursor: pointer;
    }

    .sub_arrow_m,
    .sub_arrow_m1,
    .arrow_products_m {
        float: right;
    }

    .allprod {
        background: #0568ae;
        color: #fff;
        display: block !important;
        text-align: center;
        padding: 10px 0px !important;
        width: 300px;
        margin: 0px auto;
        font: normal 16px attAleckSans-Medium;
    }

    .back_arrow2 {
        margin-bottom: 10px;
    }

    #inner_wrap ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

    ul.products-mob-menu li a.prod-lnk,
    ul.products-mob-menu li>ul li a,
    .sub_arrow_m1_li a,
    .sub_arrow_li a {
        margin-left: 20px;
        color: #fff;
        font: normal 20px attAleckSans-Regular !important;
    }

    .arrow_products_li a {
        color: #fff;
    }

    .back_arrow2 a,
    .sub_back_arrow1 a,
    .sub_back_arrow a {
        margin: 0px 23px !important;
    }

    .back_arrow2 span,
    .sub_back_arrow1 span,
    .sub_back_arrow span {
        left: 18px !important;
    }

    .sub_menu_wrap li a {
        padding: 30px 13px;
    }

    .active_sub_menu>a,
    .active_sub_menu2>a {
        padding-left: 13px !important;
    }

    .goto .login-title a {
        padding-left: 0px;
    }

    .goto a span {
        font: normal 16px attAleckSans-Regular !important;
    }

    .allprod-li a {
        width: 100% !important;
        padding: 30px 0px;
        margin: 0px !important;
    }
}

@media screen and (min-width: 1441px) {
    #header.fluid-header .right-container div:last-child {
        margin-top: 6px;
    }

    #header .link-container {
        margin-left: 15px;
    }

    div#mob-searchicon {
        display: none !important;
    }

    .primary-menu li.explore-menu .glyphicon {
        display: none;
    }

    .header-wrapper .container {
        width: 100%;
    }

    #header .personal-container {
        display: block;
        text-align: right;
    }

    .shop-mob-nav {
        display: none;
    }

    #header.fluid-header {
        padding: 12px 28px 0px 28px;
    }

    #header #cludo-search-form {
        white-space: nowrap;
        width: 100%;
        height: 40px;
        background-color: transparent;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    /************* Header Start *************************/
    #icon-menu,
    #side_wrapper,
    #side_wrapper #inner_wrap {
        display: none;
    }

    #header.resp-header {
        max-width: 980px;
    }

    #header ul.search {
        display: block;
        position: relative;
        background-color: transparent;
        list-style-type: none;
        margin: 15px 10px 0 0;
        padding: 0;
    }

    #header ul li.last a {
        border: 0pt none;
        margin-right: 10px !important;
    }

    #header #cludo-search-form .inputbox {
        border: 1px solid transparent;
        font-family: attAleckSans-Regular;
        font-size: 14px;
        padding: 0 0 0 9px;
        margin: 0 2px 0 2px;
        vertical-align: middle;
        color: #878C94;
        border-radius: 3px;
    }

    #header .logo {
        float: left;
        margin: 4px 12px 0 18px;
    }

    #header .segment {
        float: left;
        font-family: attAleckSans-Regular;
        font-size: 13px;
    }

    #header .segment img {
        margin-left: 35px;
    }

    #mainNavigation {
        display: block;
        float: left;
        height: 37px;
        margin-top: 8px;
        margin-left: 80px;
    }

    /******** Primary Navigation ********/
    #primaryNav {
        display: block;
        position: relative;
        height: 100%;
    }

    #primaryNav>li {
        float: left;
        list-style-type: none;
        padding: 0 15px 0 15px;
        display: block;
        height: 37px;
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
    }

    #primaryNav>li>div.menu-divider {
        position: relative;
    }

    #primaryNav>li>div.menu-divider:before {
        content: '';
        width: 1px;
        height: 25px;
        background-color: #919191;
        position: absolute;
        top: 3px;
        left: -15px;
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
    }

    #primaryNav>li:first-child>div.menu-divider:before {
        content: '';
        width: 0;
    }

    #primaryNav>#active-page.no-menu-divider+li>div.menu-divider:before,
    #primaryNav>#active-page.no-menu-divider>div.menu-divider:before {
        width: 0;
    }

    #primaryNav>li:hover~li>div.menu-divider:before {
        width: 1px !important;
    }

    #primaryNav>li:hover~li>div.menu-divider a {
        color: #fff !important;
    }

    #primaryNav>li:hover>div.menu-divider:before {
        background-color: #fff;
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
    }

    #primaryNav>li:hover+li>div.menu-divider:before {
        background-color: #000;
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
    }

    #primaryNav>li:hover {
        background-color: #fff;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -moz-border-top-right-radius: 3px;
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
    }

    #primaryNav>li>div.menu-divider a {
        padding-top: 4px !important;
    }

    #primaryNav>li a {
        text-decoration: none;
        color: #fff;
        display: block;
        padding-top: 11px;
        font-family: attAleckSans-Medium;
        font-size: 18px;
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
    }

    #primaryNav>li:hover a {
        color: #067AB4;
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
    }

    #primaryNav li>.secondaryNav {
        display: block !important;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        transition-delay: 0.3s;
        -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        -webkit-transition-delay: 0.3s;
        -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        -moz-transition-delay: 0.3s;
        -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        -o-transition-delay: 0.3s;
        z-index: 1001 !important;
    }

    #primaryNav li:hover>.secondaryNav {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        z-index: 1001 !important;
    }

    #primaryNav li#active-page {
        background: #fff;
        border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
    }

    #primaryNav li#active-page a {
        color: #131313;
    }

    #primaryNav li#active-page a:hover,
    #primaryNav li span.all-services:hover {
        color: #067ab4;
    }

    #primaryNav li span.all-services {
        font-family: attAleckSans-Medium;
        font-size: 14px;
        padding-top: 20px;
        display: block;
    }

    #primaryNav.wholesale-menu li:hover {
        background: none;
    }

    #primaryNav.wholesale-menu li:hover a {
        border-bottom: 1px solid #fff;
        color: #fff;
    }

    #primaryNav.wholesale-menu li.has-submenu:hover {
        background: #fff;
    }

    #primaryNav.wholesale-menu li.has-submenu:hover a {
        border-bottom: none;
        color: #131313;
    }

    #primaryNav.wholesale-menu li .secondaryNav a:hover {
        border-bottom: none;
        color: #067ab4;
    }

    #primaryNav.wholesale-menu>li:hover+li>div.menu-divider:before {
        background-color: #919191;
    }

    #primaryNav.wholesale-menu>li:hover>div.menu-divider:before {
        background-color: #919191;
    }

    #primaryNav.wholesale-menu>li.has-submenu:hover>div.menu-divider:before {
        background-color: transparent;
    }

    .shop-menu {
        display: block;
    }

    .shop-mob-nav {
        display: none;
    }

    .secondaryNav li>div {
        display: block !important;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        transition-delay: 0.3s;
        -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        -webkit-transition-delay: 0.3s;
        -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        -moz-transition-delay: 0.3s;
        -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        -o-transition-delay: 0.3s;
    }

    .secondaryNav li:hover>div {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
    }

    .secondaryNav {
        z-index: 1000;
        position: absolute;
        left: -242px;
        width: 978px;
        display: block;
        clear: both;
        border-right: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        border-left: 1px solid #f2f2f2;
        background-color: #fff;
        top: 37px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -moz-border-bottom-right-radius: 3px;
        -moz-box-shadow: 3px 3px 6px #f2f2f2;
        -webkit-box-shadow: 3px 3px 6px #f2f2f2;
        box-shadow: 3px 3px 6px #f2f2f2;
        /*box-shadow:3px 2px 3px #f2f2f2; opacity:25%;filter:Alpha(opacity=25);*/
    }

    .secondaryNav li {
        padding: 0px 18px 30px 15px;
        float: left;
        display: block;
        line-height: 1.15em;
        font-size: 15px;
    }

    /** Updated from padding:0 18px 17px 22px; for hover issue **/
    .menu-triangle:before,
    .menu-triangle:after {
        content: '';
        display: block;
        width: 1px;
        height: 0;
        position: absolute;
        left: 50%;
        bottom: 1px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #f2f2f2;
        z-index: 1002;
        margin-left: -20px;
    }

    .menu-triangle:after {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #fff;
        bottom: 0px;
    }

    #header .select-in {
        display: block;
    }

    .popmenu-active {
        position: relative;
        display: none;
    }

    #header a.select-in span.apply-now {
        background-color: #0568ae;
        color: #fff;
        padding: 8px 36px 10px;
        border-radius: 20px;
        font: 18px attAleckSans-Medium !important;
        font-weight: 900;
        letter-spacing: 0px;
        border-bottom: none !important;
    }

    #header ul.search button .imgClass {
        margin-top: -2px;
        padding: 5px;
    }

    #header li.get-started {
        display: none;
    }

    .secondaryNav li:hover .popmenu-active {
        display: block;
        padding-bottom: 20px;
    }

    /** goto component start */
    #header .goto-container {
        float: left;
        width: 18%;
        text-align: center;
        cursor: pointer;
        font-family: attAleckSans-Medium;
        position: relative;
    }

    .goto-container .select-in {
        display: block;
        margin: 0 auto;
    }

    /** Contact Component */
    #header .link-container {
        float: left;
        cursor: pointer;
        font-family: attAleckSans-Medium;
        display: block;
    }

    #header .link-container .account-unit {
        margin-top: 18px;
    }

    #header .rgt-container {
        float: right;
        font-family: attAleckSans-Medium;
        display: block;
        margin: 20px;
    }

    #header .link-container a {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    /** goto component start */
    #header .select-in {
        color: #fff;
        cursor: pointer;
    }

    #header .select-in.active {
        border-radius: 3px 3px 0 0;
    }

    #header .select-in span.goto-downarrow {
        background: transparent url("../../../content/images/image-sprite.png") no-repeat scroll -83px -250px;
        width: 30px;
        height: 15px;
        display: block;
        float: left;
    }

    #header .goto-options {
        display: none;
        margin-top: 0;
        border: 1px solid #595959;
        background: white;
        position: absolute;
        z-index: 3;
        border-radius: 0 0 3px 3px;
        width: 250px;
    }

    #header .goto-options li {
        list-style: none;
        margin: 0;
        line-height: 36px;
        padding: 0px 15px;
    }

    #header .goto-options li a {
        color: #0568ae;
        font-size: 17px;
        padding: 10px 0;
        display: block;
        border-top: 1px solid #5a5a5a;
        font-family: 'attAleckSans-Medium';
    }

    #header .goto-options li:first-child a {
        border: 0;
    }

    #header .goto-options li a span {
        color: #5a5a5a;
        display: block;
        font-size: 14px;
        line-height: 1;
        font-family: 'attAleckSans-Medium';
    }

    #header .goto-options li:hover,
    #header .goto-options li.hover {
        background-color: #ccc;
    }

    /** goto component end */
    #primaryNav .secondaryNav li a {
        color: #131313;
        display: block;
        font-size: 14px;
        font-family: attAleckSans-Medium;
        padding-top: 20px;
        transition: color 0s linear 0.3s;
        transition-delay: 0.3s;
        -webkit-transition: color 0s linear 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition: color 0s linear 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition: color 0s linear 0.3s;
        -o-transition-delay: 0.3s;
    }

    #primaryNav .secondaryNav li:hover a {
        color: #199ddf;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
    }

    #primaryNav .blogNav li {
        padding: 0 9px 18px;
    }

    #primaryNav .blogNav li a {
        text-align: left;
    }

    li.menu-link:hover a {
        font-family: attAleckSans-Medium !important;
        text-decoration: underline !important;
    }

    .menu_header {
        display: block;
        margin: 0 20px 25px 20px;
        padding-top: 15px;
        line-height: 24px;
        color: #666;
        font-size: 14px;
        font-family: attAleckSans-Italic;
    }

    .secondaryNav li div ul li {
        padding: 0;
    }

    .secondaryNav div.submenuwrapper {
        border-top: 1px solid #f2f2f2;
        background-color: #fff;
        left: -1px;
        position: absolute;
        z-index: 1000;
        width: 978px;
        top: 83px;
        border-right: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        border-left: 1px solid #f2f2f2;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -moz-border-bottom-right-radius: 3px;
        -moz-box-shadow: 3px 3px 6px #f2f2f2;
        -webkit-box-shadow: 3px 3px 6px #f2f2f2;
        box-shadow: 3px 3px 6px #f2f2f2;
    }

    .secondaryNav div ul {
        margin: 10px 10px 10px;
        padding: 0;
    }

    .secondaryNav div ul li {
        margin: 0 10px 0;
    }

    .secondaryNav div ul li:hover a {
        text-decoration: underline;
    }

    .submenu_wrapper {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 1000;
        overflow: hidden;
    }

    .submenu {
        width: 295px;
        float: left;
        margin: 0 25px 20px 5px;
    }

    .menu-featured-spot {
        margin: 20px 0 20px 30px;
        padding-left: 30px;
        height: 211px;
        border-left: 1px solid #ccc;
    }

    .submenu ul {
        margin-bottom: 30px;
    }

    .submenu li {
        float: none;
        line-height: 13px;
    }

    .submenu-level1 a {
        font-family: attAleckSans-Medium !important;
        font-size: 14px !important;
        font-weight: bold;
    }

    .submenu-level2 a {
        font-family: attAleckSans-Medium !important;
        padding-left: 10px
    }

    .submenu-level3 a {
        font-family: attAleckSans-Medium !important;
        margin: 0 0 0 15px;
    }

    #primaryNav .submenu li a {
        padding-top: 15px;
        line-height: 18px;
        font-family: attAleckSans-Medium;
        color: #666666 !important;
    }

    #primaryNav .submenu li a:hover {
        text-decoration: underline;
    }

    .menu_header span.nav-title {
        float: left;
        color: #666;
        font-family: attAleckSans-Regular;
        font-size: 24px;
        margin: 0 40px 20px 0;
    }

    .menu_header span.nav-desc {
        color: #666666;
        font-family: attAleckSans-Italic;
        font-size: 14px;
    }

    .menu_header p {
        color: #666666;
        font-size: 14px;
        font-family: attAleckSans-Italic;
    }

    .account-links a {
        color: #067AB4 !important;
    }

    .account-links a:hover {
        text-decoration: underline;
        color: #199ddf !important;
    }

    ul.acc_login {
        clear: both;
        margin: 0 !important;
    }

    .submenu p {
        float: left;
        margin: 10px 0 20px 0;
        padding: 0;
        font-size: 11px;
        font-family: attAleckSans-Medium;
    }

    .submenu img {
        clear: both;
        display: block;
        margin: 0 0 0;
    }

    #primaryNav .submenu p a {
        font-size: 13px;
        padding: 0;
    }

    #primaryNav .submenu p a:hover {
        font-size: 13px !important;
        text-decoration: underline !important;
    }

    #primaryNav .submenu p span {
        margin: 0 10px;
    }

    .submenu p a,
    .submenu p span {
        float: left;
        display: block;
    }

    .submenu ul li {
        color: #666666;
        font-size: 13px;
    }

    .secondaryNav div ul.acc_login li {
        margin: 0;
        padding: 0 0 10px 12px;
        line-height: 16px;
        font-family: attAleckSans-Medium;
    }

    .secondaryNav div ul.acc_login li:last-child {
        padding-bottom: 0;
    }

    .border_divider {
        border-right: 1px solid #f2f2f2;
        font-family: attAleckSans-Medium;
        margin: 15px 0 15px 25px;
        height: 390px;
        padding-right: 30px;
        width: 270px;
    }

    .secondaryNav .submenuwrapper .submenu_wrapper .submenu li b a {
        font-size: 15px !important
    }

    .viewall_desk {
        clear: both;
        margin: 0 20px 16px 20px;
        border-top: 1px solid #ccc;
    }

    .viewall_desk a {
        font-family: attAleckSans-Medium !important;
        color: #666666 !important;
    }

    .viewall_desk a:hover {
        text-decoration: underline !important;
    }

    #q {
        display: block;
        float: left;
    }

    /************* Header End   *************************/
    .primary-menu {
        display: block;
    }

    .personal-container {
        display: block;
    }

    #side_wrapper #side-wrapper-header,
    #inner_wrap {
        display: none;
    }

    .hamburger-menu,
    .close-menu {
        display: none !important;
    }

    #header {
        padding: 16px 0px 0px 0px;
    }

    #header .logo {
        margin: 8px 0 0 0;
        background: url(../../../content/dam/firstnet/global/firstnet-logo-desktop.png) no-repeat !important;
        height: 57px;
        width: 197px;
    }

    #popup-menu .container,
    #popup-sub-menu .container {
        padding-left: 0px;
    }

    #header .goto-container:hover .select-in,
    #header .goto-container.active .select-in {
        border-bottom: 5px solid #009FDB;
    }

    #header .goto-options {
        left: -50px;
        background: #444C55;
        border: none;
        width: 335px;
    }

    #header .goto-options li:hover,
    #header .goto-options li.hover {
        background-color: #69707B;
    }

    #header .goto-options .goto-heading {
        cursor: default;
        font: normal 22px attAleckSans-Bold;
        color: #fff;
        padding: 15px 20px;
    }

    #header .goto-options li {
        border-top: 1px solid #69707B;
        padding: 0px 20px;
    }

    #header .goto-options li a,
    #header .goto-options li a span {
        color: #fff;
    }

    #header .goto-options li a {
        font: normal 18px attAleckSans-Bold;
        border-top: none;
    }

    #header .goto-options li a span {
        font: normal 14px attAleckSans-Regular;
    }

    #header .goto-options li a {
        width: 265px;
        padding: 15px 0px;
    }

    .primary-menu li span {
        display: inline;
    }

    .primary-menu .shop-menu,
    .primary-menu .support-menu {
        display: block !important;
    }

    .primary-menu .hamburger {
        display: none;
    }

    #popup-sub-menu ul ul.col3 {
        width: 720px !important;
    }

    #popup-sub-menu ul ul.col3 div {
        width: 33.33% !important;
    }

    #popup-sub-menu ul ul.col3>li {
        float: left;
        width: 33.33%;
    }

    #popup-sub-menu ul ul.col2>li {
        width: 50%;
        float: left;
    }
}


#popup-menu {
    position: absolute;
    z-index: 2;
}

#inner-wrap ul li:first-child {
    border-top: none;
}

#popup-menu ul li a {
    color: #131313;
    font-size: 15px;
    font-family: attAleckSans-Medium;
    line-height: 26px;
    text-decoration: none;
}


.mob_main_menu li {
    list-style: none;
}

#popup-menu .sub-menu .sub-menu li {
    padding: 9px 0 9px 10px;
}

#popup-menu .sub-menu .sub-menu li a {
    line-height: 20px;
}

#popup-menu .mob_main_menu .menu-divider div {
    border-top: 1px solid #ccc;
    height: 1px;
    width: 94%;
    margin-right: 10px;
}

#inner_wrap .mob_main_menu .menu-divider div {
    border-top: 1px solid #ccc;
    height: 1px;
}

#popup-menu .mob_main_menu .sub-menu li {
    background-color: #f1f1f1;
}

#popup-menu .mob_main_menu>li:not(.menu-divider).hover {
    border-left: 5px solid #0568ae;
    padding-left: 10px;
    padding-right: 0;
}

#popup-menu {
    display: none;
}

#popup-menu ul ul {
    position: absolute;
    left: 278px;
    top: 0;
    width: 280px;
    background-color: #f1f1f1;
    display: none;
    min-height: 100%;
}

#popup-menu .back_arrow {
    display: none !important;
}

.primary-menu {
    box-sizing: border-box;
    height: auto;
}

@media (hover:none) {
    .primary-menu .business-unit:hover {
        border-bottom: 5px solid #000 !important;
    }

    .primary-menu .business-unit.active {
        border-bottom: 5px solid #ea7400 !important;
    }
}

.personal-container {
    float: right;
    line-height: 45px;
    cursor: pointer;
}

.primary-menu-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: .5;
    display: none;
}

/* skip navigation starts */
.skip-navigation {
    top: -80px;
    transition: top 0.3s linear;
    text-align: center;
    color: #009fdb;
    margin: 0 auto;
    position: fixed;
    z-index: 1001;
    transform: translate(-50%, 0);
    left: 50%;
    display: block;
}

.skip-navigation span {
    display: inline-block;
    height: 40px;
    padding: 10px 36px 6px 36px;
    margin-top: 25px;
    border: 1px solid #fff;
    border-radius: 15px;
}

.skip-navigation-mask {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    height: 80px;
    background-color: #000;
}

.skip-navigation:focus {
    outline: none;
    top: 0px;
    transition: top .3s linear;
    z-index: 1003;
    color: #fff;
    text-decoration: underline;
}

.skip-navigation:focus~.skip-navigation-mask {
    z-index: 1002;
}

/* skip navigation ends */
button.explore-unit:focus,
button.shop-unit:focus,
button.support-unit:focus {
    border-bottom: 5px solid #009fdb !important;
}

.dropdownSubmenu {
    display: none;
}

.hasDropdown:hover {
    border-bottom: 5px solid #009fdb !important;
}

@media screen and (min-width: 1441px) {
    .skip-navigation-mask {
        display: block;
    }

    #header li.get-started {
        display: block;
    }

    #header .goto-container {
        width: 18%;
    }

    #header .link-container>a {
        float: right;
    }

    /* #header .grdContainer > a {float:right;} */
    #header .link-container>a .glyphicon-earphone {
        top: 4px;
    }

    #header .personal-container {
        width: 50px;
    }

    #header ul.search {
        margin: 12px 0px 0 0;
        padding-right: 10px;
    }

    #header .link-container.hasDropdown {
        position: relative;
    }

    #header .hasDropdown:hover {
        border-bottom: 5px solid #009fdb !important;
    }

    .hasDropdown:hover .dropdownSubmenu {
        display: block !important;
    }

    /* #header .blue-btm-brd.hasDropdown {
        border-bottom:5px solid #000 !important;
     } */
    .dropdownSubmenu {
        display: none;
        position: absolute;
        list-style: none;
        padding: 0;
        width: 10px;
        height: auto;
    }

    .dropdownSubmenu.accountOption {
        bottom: -162px;
        left: -8px;
    }

    .dropdownSubmenu.helpOption {
        bottom: -236px;
        left: -14px;
    }

    .dropdownSubmenu.accountOption li:not(:last-child),
    .dropdownSubmenu.helpOption li:not(:last-child) {
        border-bottom: 1px solid #5B646D;
    }

    .dropdownSubmenu.helpOption li {
        min-width: 291px;
    }

    .dropdownSubmenu li {
        min-width: 330px;
        background: #444D56;
        text-align: left;
        padding: 15px 0 15px 25px;
    }

    #header .dropdownSubmenu li a {
        margin: 0 0 7px 0;
        padding: 0;
        text-align: left;
        line-height: 15px;
    }

    .dropdownSubmenu li span {
        display: block;
        margin: 0;
        padding: 0;
        color: #fff;
        font-size: 13px;
     }
}
 
 
@media only screen and (min-width: 1366px) and (max-height: 1024px) {
    #header .hasDropdown.bluet-btm-brd .dropdownSubmenu.helpOption{
        display: none!important;
    }
}

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

    /* #header .blue-btm-brd .dropdownSubmenu {
	    display:block;
     } */
    /* #header .blue-btm-brd.hasDropdown {
        border-bottom:5px solid #000 !important;
     } */
    .dropdownSubmenu {
        display: none;
        position: absolute;
        list-style: none;
        padding: 0;
        width: 10px;
        height: auto;
    }

    .dropdownSubmenu.accountOption {
        bottom: -162px;
        left: 0;
    }

    .dropdownSubmenu.helpOption {
        bottom: -236px;
        left: 0;
    }

    .dropdownSubmenu.accountOption li:not(:last-child),
    .dropdownSubmenu.helpOption li:not(:last-child) {
        border-bottom: 1px solid #5B646D;
    }

    .dropdownSubmenu.helpOption li {
        min-width: 291px;
    }

    .dropdownSubmenu li span.glyphicon-menu-right {
        display: none;
    }

    .dropdownSubmenu li {
        min-width: 330px;
        background: #444D56;
        text-align: left;
        padding: 15px 0 15px 25px;
    }

    #header .dropdownSubmenu li a {
        margin: 0 0 7px 0;
        padding: 0;
        text-align: left;
        line-height: 15px;
    }

    .dropdownSubmenu li span {
        display: block;
        margin: 0;
        padding: 0;
        color: #fff;
        font-size: 13px;
     }
}

@media screen and (max-width: 1200px) {
    .dropdownSubmenu li span {
        display: none;
    }

    #header .dropdownSubmenu li a {
        font-size: 20px;
        font-family: attAleckSans-Medium !important;
        text-decoration: none;
        color: #fff;
        display: inline-block;
        width: 60%;
        padding-right: 0px !important;
        margin-right: 0px !important;
    }

    .dropdownSubmenu {
        position: fixed;
        z-index: 10;
        left: 0;
        width: 100%;
        background-color: #444c55;
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .dropdownSubmenu li {
        border-bottom: 1px solid #69707B;
        margin: 0px;
        padding: 12px 0 0 41px;
        min-height: 80px;
    }

    .dropdownSubmenu li span.glyphicon-menu-right {
        font-family: Glyphicons Halflings !important;
        display: inline;
        float: right;
        padding: 26px 43px 0 0 !important;
        cursor: pointer;
        color: #fff;
    }
}


/* Mobile */
    /*
    Section : Header Wrapper
    Description : Styles related to Header Wrapper
    Class : header-wrapper
    */
    .main-header-wrapper#overWriteBoostrapClasses   {
        background-color: #000000;
        height: 94px;
        position: fixed;
        width: 100%;
        z-index:100;
    }     
    .mobile-global-nav {
        float: left;
        margin: 11px 0 0 0;
        color: #ffffff;
        background: transparent;
        z-index: 10;
        position: relative;
        border-left: 1px solid #5a5a5a !important;
        font: normal 20px attAleckSans-Regular;
    }
    .mobile-global-nav span {
        text-indent: -9999px;
        display: none;
    }
    .mobile-global-nav span:before {
        content: '';
    }

    body .xf-content-height {    
        margin: 0;
        min-height: auto;
    }
    body.global-nav-open {
        overflow: hidden;
    }
    .clickable-section.section-arrow-option-active a::after,
    .clickable-section.section-subscribe-option-active a::after {
        display:none;
    }
    .clickable-section.section-arrow-option-active i svg,
    .navigation-content__categories-comp h4 span,
    .section-subscribe-option-active i {
        display: none;
    } 
    .subMenu-container{
        background:none;        
        position: absolute;
        width: 100%;
        z-index: 10;
        margin-top: -6px;
        /*height: calc(100vh - 30vh); Set the submenu height container*/
        overflow-y: auto;
        display: none; 
    }
    .modal-global-navigation {
        display: none;  
        position: fixed;  
        z-index: 3;  
        left: 0;
        top: 0;
        width: 100%;  
        height: 100%;  
        overflow: auto;  
        background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
    }
    .header-content {
        min-height: 80px;
    } 
    .col-md-8.col-sm-12.left-content,
    .col-md-9.col-sm-12.left-content {
        background-color: #FFFFFF;
    }
    .all-arrow-link {
        font-weight: 900;
    }
    /*
    Section : segment Header Section
    Description : Styles related to segment Header Section
    Class : top-segment-header
    */
    .top-segment-header {
        min-height: 40px;
        background:#000000;
    }
    .header-content-mobile {
        background:#000000;
    }
    .header-content-mobile .att-logo {
        width: 162px;
        height: 51px;
        float: left;
        margin: 20px 0 16px 0;
    }
    .btn-header-signUp {
        border-radius: 32px;
        padding: 5px 8px;
        width: 58px;
        margin: 25px 6px 0 0;
        z-index: 4;
        height: 28px;
        font-weight: 700;
      }
    .btn-header-accountLogin {
        border-radius: 32px;
        width: 58px;
        padding: 5px 8px;
        margin: 25px 0 0 0;
        z-index: 4; 
        background-color: #fff;
        color: #0057B8;
        font-weight: 700;
        height: 28px;
    }
    .att-logo {
        margin: 17px 0 0 14px; 
        width: 120px;
        position: relative;
        z-index: 6;
    }
    /*
    Section : overwrite Boostrap to adapt the UI 
    Description : Styles related to overwrite Boostrap Clasess
    */
    #overWriteBoostrapClasses .col-md-3,
    #overWriteBoostrapClasses .col-md-4,
    #overWriteBoostrapClasses .col-md-8,
    #overWriteBoostrapClasses .col-md-9 {
        width: 100%;
        padding: 0;
    }
    /*
    Section : General Show and Hide Elements
    Description : General Show and Hide Element by active classes generated by JavaScript
    */
    .global-nav-view-content,
    .navigation-content.disabled, 
    .active .active-section .navigation-content__categories-comp ul,
    .navigation-content__section-comp.disabled-section,
    .active h2.disabled,
    /*Hide all categories when the user selected the section*/
    .active .navigation-content__categories-comp,
    .active .active-section.section-with-categories-open .disabled-category  {
        display: none;
    }
    .navigation-content.active,
    /*show all the subcategories title list*/
    .active .active-section .navigation-content__categories-comp,
    .active .active-section.section-with-categories-open .active-category ul {
        display: block;
    }
    /*
    Module : Section Component
    Description : Styles related to section Component
    Class : navigation-content__section Component
    */
    .active h2 .arrow,
    /* .active h2.show-section-view .arrow,      */
    .active-section.section-with-categories-open h3 .arrow {
        display:inline-block;
    }
    .navigation-content__section-comp h3 .arrow {
        display:none;
    }    
    .navigation-content__section-comp h3,
    .navigation-content h2 { 
        line-height: 0;
        padding:0;
        border-bottom: 1px solid #BBBBBB;
        margin: 0;
        position:relative;
    }     
    .navigation-content h2.hasChildsCategories a:after,
    .navigation-content h3 a:after,
    .navigation-content h4.hasChildsCategories a:after,
    .navigation-content__categories-comp ul li a:after{
        content: "";
        display: inline-block;
        position: absolute;
        width: 15px;
        height: 15px;
        right: 12%;
        top: 41%;
        transform: rotate(-139deg);
        box-shadow: inset 1px -1px 0 0 #1d2329;
        transition: transform .3s ease-out;
    } 
    .navigation-content__section-comp h3.isSectionTitleActive a {
        color:#009FDB;
        font: 20px/28px attAleckSans-Medium;    
        min-height: 70px;
    }
    .navigation-content__section-comp h3 a,
    .navigation-content h2 a { 
        width:100%;
        padding:25px 0 25px 33px;
        display:inline-block;
        color:#191919;
        font: normal 20px/28px attAleckSans-Medium;    
        min-height:70px;
    }
    .navigation-content h2 a span,
    .navigation-content__section-comp h3 a span {
        font: normal 20px/28px attAleckSans-Medium;
        width: 80%;
        display: inline-block;
    }
    .navigation-content__section-comp.active-section.section-with-categories-open h3 a span {
        font: normal 20px/28px attAleckSans-Medium;
    }
    .active-section.navigation-content__section-comp h3 a span {
        font: normal 24px/28px attAleckSans-Medium;
        width: 80%;
        display: inline-block;
        
    }
    .navigation-content__section-comp .see-all:hover {
        text-decoration: none;
    }
    .navigation-content h3 a.section-clicked::after,
    .navigation-content h4 a.category-clicked::after,
    .navigation-content h2 a.no-arrow-content::after,
    .navigation-content h3 a.no-arrow-content::after,
    .dropdown-submenu-categories.no-arrow-content::after {
        box-shadow:none;
    }
    .navigation-content__section-comp h3 span.description-login {
        display:block;
        font: 15px/24px attAleckSans-Regular;    
    }
    .navigation-content__section-comp h3 a:hover {
        text-decoration: none;
    }

    .navigation-content.active#subContent-login .navigation-content__section-comp h3,
    .navigation-content.active#subContent-help .navigation-content__section-comp h3 {
        padding: 15px 0 15px 30px;
    }
 
    /* javaScript dynamic class*/
    .navigation-content.active .hide-up-to-1200  {
        background: #000;
    }
    .navigation-content.active h2 span {
        margin:0 0 0 33px;
        display:none;
    }
    .navigation-content.active h2.show-section-view {
        border:none;
    }
    .navigation-content.active h2 {
        padding: 0;
        border-bottom: 5px #009FDB solid;
    }

    .navigation-content.active h2 a {
        color: #FFFFFF;
        text-decoration: none;
        display:block;
        padding:23px 0 0 57px;
        background:#000000;
    }
    .navigation-content.active h2 a:after {
        display:none;

    }
    .navigation-content.active h2 a:before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 15px;
        height: 15px;
        left: 33px;
        top: 41%;
        transform: rotate(45deg);
        box-shadow: inset 3px -3px 0 0 #ffffff;
        transition: transform .3s ease-out;
    }

    
    .navigation-content.active .global-nav-view-content{
        display: block;
    }
    .active-section.section-with-categories-open  h3 a {
        font: 20px/28px attAleckSans-Medium; 
    }
    .active-section h3 {
        border-bottom: 3px solid #009FDB;
    }
    .active-section h3 a {
        color:#009FDB;
        font: bold 24px/28px attAleckSans-Medium;               
    }

    .active-section.section-with-categories-open h3 {
        background: #000;
        border-bottom: none;
        padding:0 ;
    }
    .active-section.section-with-categories-open h3 span.arrow-left {
        margin:0 0 0 33px;
        display:none;
    }
    .active-section.section-with-categories-open h3 a {
        color: #FFFFFF;
        text-decoration: none;
        display: block;
        padding: 25px 0 25px 57px;
        background:#000000;
    }
    .active-section.section-with-categories-open h3 a:before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 15px;
        height: 15px;
        left: 33px;
        top: 41%;
        transform: rotate(45deg);
        box-shadow: inset 3px -3px 0 0 #ffffff;
        transition: transform .3s ease-out;
    }
    /*
    Module : Gategories Component
    Description : Styles related to Categories Component
    Class : navigation-content__categories-comp
    */
    .navigation-content__categories-comp h4 {
        background: #FFFFFF; 
        border-bottom: 1px solid #BBBBBB;        
        padding:0;
        margin: 0;
        position:relative;
    }
    .navigation-content__categories-comp h4 a {
        color: #191919;
        font: normal 20px/28px attAleckSans-Medium;
        min-height: 70px;
        padding:25px 0 25px 33px;
        display: inline-block;
        width:80%;
    }
    .navigation-content__categories-comp h4 a:hover {
        text-decoration: none;
    }
    .navigation-content__categories-comp ul  {
        margin:0;
        padding: 0;
        list-style: none;
        display: none;
    }
    .navigation-content__categories-comp ul li:last-child { 
        margin-bottom:0!important;
    }
    .navigation-content__categories-comp ul li { 
        border-bottom: 1px solid #BBBBBB;        
        padding:0;
        margin: 0;
        position:relative;
    }
    .navigation-content__categories-comp ul li a  {
        color:#191919;
        font:20px/28px attAleckSans-Medium;    
        width: 90%;
        display: inline-block;
        min-height:70px;
        padding: 25px 0 25px 33px;
    }
    .navigation-content__categories-comp ul li a.all-arrow-link:after {
        box-shadow:none;
    }
    .navigation-content__categories-comp ul li a.all-arrow-link {
        font-weight: 900;
        text-decoration: none;
        position:relative;
        display:inline-block;
        margin:0;
        font:bold 20px/28px attAleckSans-Regular;
    }
    /* .navigation-content__categories-comp ul li a.all-arrow-link i {
        display:none;
    } */
    .all-arrow-link i svg {
        width: 30px;
        height: 21px;
        padding: 10px 0 0 8px;
    }

    .navigation-content__categories-comp ul li a:hover  {
        text-decoration: none;
        color:#0568ae;
    }
    .active-category.navigation-content__categories-comp h4{
        border-bottom:3px solid #009FDB;
    }

    .active-section.section-with-categories-open .active-category h4 a {
        color:#009FDB;
        font: 24px/28px attAleckSans-Medium;
        text-decoration:underline;
    } 
    .navigation-content__categories-comp ul li a::after {
        display:none;
    }

@media only screen and (max-width: 1199px) {
    .subMenu-container {
        top: 86px;
    }

    .main-header-wrapper {
        height: 80px;
        border-bottom: 2px solid #000;
    }
    
    .subMenu-container .subMenu-gray-bg {
        background: #ffffff;
    }
    .container-fluid {
        padding: 0;
    }
    .container-fluid,
    .container-fluid .row {
        padding: 0;
        margin: 0;            
    }
    .container-fluid .col-md-12 {
        padding: 0;
        margin-top: -1px;
    }
    .isHideOnMobile {
        display: none;
    }

    .search-global-nav-mobile-container #mob_search .search_text {
        font: 14px/19px attAleckSans-Italic;
        color:#878C94;
        background: #fff url('../../../content/dam/firstnet/global/search_icon.png') 47% 54% no-repeat !important;
        padding-left: 46% ! important;
    }

    .search-global-nav-mobile-container #mob_search .search_text:focus,
    .search-global-nav-mobile-container #mob_search .search_text.textAdded {
        background-image: none !important;
        padding-left: 10px !important;
    }
} 

/*Segment header section */
.segment-links {
    margin:6px 0 0 32px;
    padding:0;
    list-style:none;
    position:relative;
    z-index:15;
}
.segment-links li  {
    float: left;
    display: block;
    padding: 4px;
    margin: 0 9px 0 0;
}
.segment-links li:last-child a{
    border:0;
    text-decoration:none;
}
.segment-links.mobile-segment-link li:last-child {
    text-align: left;
}
.segment-links.mobile-segment-link li{
    text-align: right;
}


.mobile-segment-link {    
    width: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.segment-links li:nth-child(-n + 2) a {    
    padding:0 15px 0 0;
}
.segment-links li:nth-child(-n + 2) a:hover{
    color:#009FDB;
    text-decoration:none;
}
.segment-links.no-pipe li:nth-child(-n + 2) a:hover {
    color: #fff;
}

.segment-links li a{
    font: 14px/19px attAleckSans-Regular;
    color: #fff;
    border-right: 1px solid #ffffff;
    padding: 0;
}
.segment-links.no-pipe {
    margin-right:0;
}
.segment-links.no-pipe li {
    margin:0 0 0 25px;
}
.segment-links.no-pipe li a{
    border:0;
    margin:0;
    padding:0;
    text-decoration:none;
}
.segment-links.no-pipe li a:hover{
    border-bottom:3px solid #009FDB;
    padding:0 0 8px 0;
    text-decoration:none;
}
.segment-links li a.active{
    font:bold 14px/19px attAleckSans-Regular;
    color:#009FDB;
    border-bottom:2px solid #009FDB;
    text-decoration:none;
}

/*Cludo search properties*/
.global-nav-search-container #header {
    margin:0;
    padding: 26px 10px 34px 0px;
    width: auto;    
}
#header .search-icon {
    width: 25px;
    height: 16px;
    margin-top: 6px;
    margin-right: 10px;
    margin-left: 0;
    display: inline-block;
    font-size: 17px;
    transform: rotate(-1deg);
}
.col-md-6.col-sm-12.global-nav-search-container {
    padding:0;
    display: flex;
}
.global-nav-search-container  #header #cludo-search-form .inputbox {
    margin-left:0;
    outline:Black;
}
#cludo-search-form {
    position:relative;
    z-index:10;
}
#cludo-search-form .inputbox {
    background: #565B60;
    width: 160px;
    font: normal 14px attAleckSans-Regular !important;
}

#cludo-search-form .inputbox {
    width: auto;
    float: left;
    height: 30px;
}

#cludo-search-form .inputbox{ width: 80%; border:1px solid transparent;font-family:attAleckSans-Light;font-size:14px;padding: 3px 0 3px 9px;margin:0 2px 0 2px;/* width: 200px; */vertical-align:middle;color:#fff;/* background-color: transparent; */}

#cludo-search-form .inputbox{border:1px solid transparent;font-family: attAleckSans-Italic;font-size:14px;padding: 3px 0 3px 9px;margin:0 2px 0 2px;/* width: 200px; */vertical-align:middle;color:#fff; background: #fff url('../../../content/dam/firstnet/global/search_icon.png') 47% 54% no-repeat !important;/* background-color: transparent; */}

.search-global-nav-mobile-container {
    background:#000000;
    padding-bottom:20px;
}
.search-global-nav-mobile-container #mob_search{
    width: 100%;
    height: auto;
    position: relative;
    background: #565b60;
    color: #fff;
    margin:0 0 0 20px;
    display: block;
    clear: both;
}
.search-global-nav-mobile-container  #mob_search .search-icon {
    margin: 5px 0 0 0;
    padding: 0;
    background-color: #000000;
    color: #fff;
}
.search-global-nav-mobile-container #mob_search .search_text {
    background:#565B60;
    outline:Black;
}
.search-global-nav-mobile-container #mob_search .search-icon {
    float:left;
    width: 25px;
    height: 16px;
    margin-top: 8px;
    margin-left: 0;
    display: inline-block;
    font-size: 17px;
    transform: rotate(-1deg);
}
 
@media only screen and (min-width: 767px) {
    .search-global-nav-mobile-container #mob_search{
        width:100%;
        margin: 0 auto 0 20px;
    }
    .search-global-nav-mobile-container #mob_search .search_text {
        width:350px;
    }
}
 
/* arrow common style */
.active .arrow { 
    display: inline-block;
}

.arrow {
  display:none;
  width: 15px;
  height: 15px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.arrow-top {
  transform: rotate(-45deg);
}
.arrow-right {
  transform: rotate(45deg);
}
.arrow-bottom {
  transform: rotate(135deg);
}
.arrow-left {
  transform: rotate(-135deg);
}
.arrow-top-narrow {
  transform: rotate(-45deg) skew(-15deg, -15deg);
}
.arrow-top-wide {
  transform: rotate(-45deg) skew(7deg, 7deg);
}
.arrow-top-left {
  transform: rotate(-90deg) skew(-10deg, -10deg);
}
.arrow-top-right {
  transform: rotate(0) skew(-10deg, -10deg);
}
.arrow-bottom-left {
  transform: rotate(180deg) skew(-10deg, -10deg);
}
.arrow-bottom-right {
  transform: rotate(90deg) skew(-10deg, -10deg);
}
.btn.mobile-global-nav:focus,
.mobile-global-nav.btn.active, 
.mobile-global-nav.active:focus {
    outline:none;
    color:#ffffff;
}

.mobile-global-nav .glyphicon {
    font-size:20px;
}

.show-only-seachSection.subMenu-container {
    overflow-y:initial;
}

.show-only-seachSection.subMenu-container .subMenu-white-bg {
  display:none;
}

.main-menu-item:hover,
.main-menu-item:visited,
.main-menu-item:focus {
    text-decoration:none;
} 

#cludo-mob-search #search_autocomplete.search_autocomplete {
    display: block !important;
    height: 40vh;
    overflow: scroll !important;
    width: 100% !important;
    position: absolute !important;
    left: -3%;
    top:47px;
 }

#cludo-mob-search #search_autocomplete.search_autocomplete ul {
	width:90%!important;
}

@media only screen and (max-width: 500px){
    .btn-header-signUp {
    font-size:11px;
      }
    .btn-header-accountLogin {
     font-size: 11px;
    }

}

/* Tablet */ 
@media only screen and (min-width: 1024px) {
    /*
        Module : section and categories
        Description : section and categories properties when the subMenu is active
        Class : General structure 
    */
    .navigation-content.active .navigation-content__section-comp h3 {
        padding-left: 15px;
    }
    .all-arrow-link i svg, 
    .all-arrow-link img {
        width: 21px;
        margin: 0 0 0 3px;
        padding:0;
    }
    .all-arrow-link:hover i svg, 
    .all-arrow-link:hover img {
        margin: 0 0 0 7px;
        text-decoration: none;
    }
    .active .active-section .navigation-content__categories-comp ul,
    .active .navigation-content__categories-comp,
    .active .active-section.section-with-categories-open .disabled-category,
    .active .disabled-section,
    .active .navigation-content__categories-comp,
    .active .active-section.section-with-categories-open .disabled-category {
        display: block;
    }
    .active-section.section-with-categories-open h3 {
        background: none;
    }
    .navigation-content__section-comp h3 a,
    .active-section.section-with-categories-open h3 a {
        color: #191919;
        font: normal normal normal 20px/28px attAleckSans-Medium;
        min-height: 70px;
        width:auto;
        display:block;
    }
    .navigation-content h2 a span,
    .navigation-content__section-comp h3 a span {
        font: normal 24px/30px attAleckSans-Medium;
        color:#000;
    }
    .navigation-content__section-comp.clickable-section.section-arrow-option-active span {
        font: normal 24px/27px attAleckSans-Regular;
    }
    .navigation-content__section-comp.clickable-section h3 a span {
        color: #191919;
    }
    .navigation-content__categories-comp h4 span {
        display: block;
        width: 25px;
        float: left;
        margin: 3px 6px 0 0;
    }
    .navigation-content__categories-comp.has-categories-title-icon ul {
        margin: 0 0 0 31px;
    }
    /*
        Module : subMenu Container
        Description : Submenu Container handle the background SubMenu
        Class : General structure 
    */
 
    .subMenu-white-bg {
        overflow: hidden;
        margin-top: -1px;
    }
    .subMenu-gray-bg {
        background: linear-gradient(90deg, #FFFFFF 50%, #f2f2f2 23%);
        position: relative;
    }
    .col-md-8.col-sm-12.left-content, 
    .col-md-9.col-sm-12.left-content {
        background-color: #FFFFFF;
    }
    .col-md-4.col-sm-12.right-content,
    .col-md-3.col-sm-12.right-content {
        background-color: #f2f2f2; 
        padding-left: 0;
        min-height: 350px;
        position: inherit;
    }
    /*
        Module : Section Component
        Description : Styles related to section Component
        Class : navigation-content__section Component
    */
    .navigation-content__section-comp.clickable-section h3 a{
        font: normal 24px/27px attAleckSans-Medium;
        color: #191919;
        padding:0;
        min-height:auto;
    }

    .navigation-content__section-comp.clickable-section h3 a:hover,
    .navigation-content__section-comp.clickable-section h3 a:hover span{
         color: #0568ae;
         cursor:pointer;
         text-decoration:underline;
    }

   
    .navigation-content__section-comp.clickable-section h3 a svg {
        transform: translateX(0);
        transition: all 300ms cubic-bezier(0.63,0.64,0.3,1);
    }
    .navigation-content__section-comp.clickable-section h3 a:hover svg{
        fill:#0568ae;    
        transform: translateX(20%);
        transition: all 300ms cubic-bezier(0.63,0.64,0.3,1);
    }
    
    .navigation-content__section-comp.section-subscribe-option-active h3 a {
        font:bold 17px/20px attAleckSans-Medium;    
    }
    
    .section-subscribe-option-active i svg,
    .section-subscribe-option-active i {
        display: inline-block;
        width: 24px;
        height: 19px;
        margin-top: 5px;
    }
    
    .navigation-content__section-comp.clickable-section.arrow-option-active i svg {
        width: 60px;
        margin-left: 10px;
        display:inline-block;
    }
    .navigation-content__section-comp.clickable-section.arrow-option-active:hover i svg {
        margin-left: 20px;
    }
    .navigation-content__section-comp.clickable-section.arrow-option-active h3 a{
        font: 24px/27px attAleckSans-Medium;
        color: #191919;
        cursor: pointer;
    }
    .navigation-content__categories-comp h4.hasChildsCategories a:after,
    .navigation-content__section-comp h3 a:after,    
    .navigation-content__categories-comp ul li a:after {
        box-shadow:none;
    }
    
    .navigation-content__section-comp.section-arrow-option-active .dropdown-submenu-section span {
        display: block;
        float: left;
        width: auto;
    }
  
    .navigation-content__section-comp.section-arrow-option-active .dropdown-submenu-section svg {
        width: 74px;
        display: inline-block;
        margin: 7px 0 0 0;
    }
    .navigation-content__categories-comp ul li a.all-arrow-link {
        margin:0;
        color:#191919;
        font:normal 15px/19px attAleckSans-Medium;
        width: auto;
    }
    .active-category.navigation-content__categories-comp h4 {
        border-bottom:0;
    }
    .navigation-content__categories-comp h4 a {
        padding:0;
        min-height:0;
    }
    .navigation-content__categories-comp ul li a {
        min-height:auto;
    }
    .navigation-content.active h2 {
        border:0;
    }
}

@media only screen and (min-width: 767px) {
    .btn-header-signUp {
        width: 75px;
        height: 34px;
        padding: 5px 12px;
        margin: 25px 5px;
    }
    .btn-header-accountLogin {
        width: 75px;
        height: 34px;
        display: inline-block;
        padding: 5px 12px;
        margin: 25px 5px;
    }
    .modal-global-navigation  {
        top: 97px;
    }
}
 @media only screen and (min-width: 1024px) and (max-width: 1199px) {

         /*
        Module : section and categories
        Description : section and categories properties when the subMenu is active
        Class : General structure 
    */
    .clickable-section {
        background-color: #D2D2D2;
    }
    .navigation-content__section-comp.clickable-section {
        margin-left: -25px;
        padding-left:25px;
    }
    .section-container {
        display: flex;
        flex-direction: column;
    }
    .col-md-8.col-sm-12.left-content,
    .col-md-9.col-sm-12.left-content,
    .col-md-4.col-sm-12.right-content,
    .col-md-3.col-sm-12.right-content {
        width: 100%;
    }
    .col-md-4.col-sm-12.right-content,
    .col-md-3.col-sm-12.right-content {
        padding-left: 30px;
    }
    .active-section.section-with-categories-open .active-category h4 a {
        color: #191919;
        font: 14px/19px attAleckSans-Medium;        
        margin: 0;
        padding: 0;
    }
    /*
    Module : Gategories Component
    Description : Styles related to Categories Component
    Class : navigation-content__categories-comp
    */    
    .right-content .align-categories-icon-section .navigation-content__categories-comp {
        margin-left: 34px;
    }
    .left-content .showOnlyCategoryTitle.navigation-content__categories-comp h4{
        margin-left: 16px;
    }
    .navigation-content__categories-comp h4 {
        background: transparent;
        border-bottom: none;
        min-height: auto;
        padding: 0;
        margin: 0 0 10px 0;
    }
    .navigation-content__categories-comp h4 a {
        color: #191919;
        font: normal 17px/19px attAleckSans-Medium;                    
        min-height: auto;
        max-width: 232px;
        display: inline-block;
        padding:0;
    }
    .navigation-content__categories-comp ul {
        display: block;
    }
    .navigation-content__categories-comp ul li {
        border-bottom: none;
        min-height: auto;
        padding: 0;
        margin: 0 0 5px 0;
    }
    .navigation-content__categories-comp ul li a {
        color: #191919;
        font: 14px/19px attAleckSans-Regular;
        margin: 0;
        padding: 0;
    }

    /*
    Module : Section Component
    Description : Styles related to section Component
    Class : navigation-content__section Component
    */
    .navigation-content__section-comp.clickable-section.section-subscribe-option-active h3 i {
        position: absolute;
        top: 20px;
    }
    .navigation-content__section-comp.clickable-section.section-subscribe-option-active h3 a {
        padding-left: 30px;
    }
    /* .navigation-content__section-comp.clickable-section h3 a {
        padding-left: 25px;
    } */
    .row.droppable-categories-content {
        margin-bottom: 30px;
    }
 
    .right-content .navigation-content__section-comp h3,
    .active .right-content .navigation-content__section-comp h3 {
        margin-left: 0;
        position:relative;
    }
    .navigation-content__section-comp h3,
    .active .navigation-content__section-comp h3 {
        background: none;
        border-bottom: 1px solid #BBBBBB;
        padding: 0x 0 0 13px;
        margin: 0;
        position:relative;
    }
    .navigation-content__section-comp h3, 
    .active .navigation-content__section-comp h3 {
        border:0;
    }
    .active .right-content .navigation-content__section-comp h3 {
        padding:15px 0 15px 0;
        border:0;
    }
    .navigation-content__section-comp h3 a,
    .active-section.section-with-categories-open h3 a {
        color: #191919;
        font: normal normal normal 20px/28px attAleckSans-Medium;
        min-height: 70px;
        padding-left:0;
        width:auto;
        display:block;
    }

    .right-content .navigation-content__section-comp .droppable-categories-content .categories-global-nav.parbase  {
        float:left;
        width: 33.33333333%;
    }
    .navigation-content__section-comp.section-arrow-option-active .dropdown-submenu-section svg {
        margin-left:0;
    }
    .navigation-content__section-comp.clickable-section h3 a svg {
        transform: translateX(0);
    }
    .navigation-content__categories-comp ul li a.all-arrow-link i {
        display: inline-block;
        position: absolute;
        top: 0;
        right: -27px;
        width: auto;
    }
    .section-subscribe-option-active i svg,
    .section-subscribe-option-active i {        
        margin-top: 2px;
    }
    .active-category.navigation-content__categories-comp h4 {
        border-bottom:0;
    }
    .navigation-content__categories-comp {
        margin-bottom:20px;

    }

 }

 /* @media only screen and (min-width: 768px) and (max-width: 1024px) {

    .active-section.navigation-content__section-comp h3 a span,
    .active-section h3 a {
        font: normal 26px/34px attAleckSans-Medium;
    }
 } */
/* Desktop */

@media only screen and (min-width: 1200px) {  
    /*
    Module : up to-1200 Element 
    Description : Hide element up to 1200 on desktop version 
    Class : general structure 
    */
    
    .navigation-content.active .navigation-content__section-comp h3 {
        padding-left: 0;
    }
    .navigation-content.active .right-content .navigation-content__section-comp.clickable-section h3 {
        padding: 15px 0 15px 45px;
    }

    .navigation-content.active .right-content .navigation-content__section-comp h3,
    .navigation-content.active .right-content .navigation-content__section-comp.section-subscribe-option-active h3 {
        padding: 0 0 0 33px;
    }      
    .isHideOnDesktop {
        display: none;
    }
    .col-md-8.col-sm-12.left-content, 
    .col-md-9.col-sm-12.left-content {
        padding-left: 0;
    }
    .hide-up-to-1200 {
        display: none;
    }     

    /*
    Module : Section Component
    Description : Styles related to section Component
    Class : navigation-content__section Component
    */
    .navigation-content__section-comp.clickable-section {
        padding-top: 0;
        background: #D2D2D2;
        width: 100%;
        position: absolute;
        bottom: 0;
    }
    .navigation-content__section-comp h3,
    .navigation-content h2 {
        background: none;
        min-height: auto;
        border-bottom: none;
        padding: 0;
    }
    .right-content .navigation-content__section-comp h3 {
        padding-left: 45px;
    }
    .active .navigation-content__section-comp h3 {
        border-bottom: none;
        position:relative;
    }
    .navigation-content__section-comp h3 {
        margin: 0;
        padding:0;
    }
    .navigation-content__section-comp h3 a {
        color: #009FDB;
        font: 26px/34px attAleckSans-Medium;    
        padding-left:0;    
    }
    /*
    Module : Categories Component
    Description : Styles related to section Component
    Class : navigation-content__section Component
    */
    .right-content .navigation-content__categories-comp {
        margin-left: 45px;
    }
        .active-section.section-with-categories-open .active-category h4 a {
        color: #191919;
        font: 14px/19px attAleckSans-Medium;        
        margin: 0;
        padding: 0;
    }
    .navigation-content__categories-comp {        
        margin:0 0 25px 10px;
    }    
    .navigation-content__categories-comp h4 {
        background: none;
        min-height: auto;
        border-bottom: none;
        margin: 10px 0 10px 0;
        padding: 0;
    }
    .col-md-9.col-sm-12.left-content .navigation-content__categories-comp h4 a {
        width:80%;
    }
    .navigation-content__categories-comp h4 a {
        font: 17px/19px attAleckSans-Medium;                
        display:inline-block;        
        min-height:auto;
    }

    .navigation-content__categories-comp h4 a:hover {
        text-decoration:underline;
        color:#0568ae;
    }

    .navigation-content__categories-comp ul {
        display: block;
    }
    .navigation-content__categories-comp ul li {
        background: none;
        min-height: 25px;
        border-bottom: none;
        padding: 0;
        margin: 0 0 5px 0!important; /* to overwrite the javascript inline*/
    }

    .navigation-content__categories-comp ul li a:hover {
        text-decoration:underline;         
    }

    .navigation-content__categories-comp ul li a {
        font: 14px/19px attAleckSans-Regular;
        margin: 0;
        padding: 0;
        width: auto;
    }
    /*
    Module : Main Navigation Desktop Component 
    Description : Styles related to Main Navigation Desktop component 
    Class : main-navigation
    */
    .main-navigation {
        width: auto;
        display: block;
        float: left;
        position: relative;
        z-index: 5;
    }
    .main-navigation ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        min-height: 80px;
    }
    .main-navigation ul li {
        margin: 30px 10px 10px;
        padding: 0 0 35px 0;
        border-bottom: 5px solid #000000;
    }

    .main-navigation ul li a {        
        font: 18px/24px attAleckSans-Regular;
        color: #fff;
        display: inline-block;
        position: relative;
        padding: 0 10px 0 10px;
        text-decoration:none;
    }    
    .main-navigation ul li a::after{
        content: " | ";
        margin: 0 0 0 12px;
        font-size: 18px;
        color: #9999;
        position: absolute;
        right: -13px;
        top: -1px;
    }
    .main-navigation ul li:last-child a::after {        
        content:'';
    }

    .main-navigation ul li:hover,
    .main-navigation ul li.active-main-menu {
        border-bottom: 5px solid #009FDB;
        text-decoration:none;
    }
    .main-navigation ul li a:hover {
        text-decoration:none;
    }
    .section-container {
        display: flex;
    }
    .navigation-content__categories-comp ul li a.all-arrow-link { 
        font:normal 15px/19px attAleckSans-Medium;
        width: auto;
    }
    .navigation-content__categories-comp ul li a.all-arrow-link:hover { 
        color:#0568ae; 
    }
    .navigation-content__categories-comp ul li a.all-arrow-link:hover svg {
        fill:#0568ae; 
    }
    .navigation-content__categories-comp ul li a.all-arrow-link:hover i {
        right:-35px;
    }
    .navigation-content__categories-comp ul li a.all-arrow-link i {
        display:inline-block;
        position:absolute;
        top:0;
        right:-27px;
    }

    .navigation-content.active .col-md-4,
    .navigation-content.active .col-md-12{
        padding:0;
    }

    .section-subscribe-option-active h3:hover i svg {
        fill:#0568ae;    
        width:27px;
        height:21px;
        transition: all 300ms cubic-bezier(0.33,0.34,0.2,1);        
    }
    .section-subscribe-option-active i {
        position: absolute;
        top: 0px;
    }
    .navigation-content__section-comp.section-subscribe-option-active h3:hover a span{  
        color:#0568ae;  
    }   
    .navigation-content__section-comp.section-subscribe-option-active h3:hover a{   
        padding:0 0 0 32px; 
        transition: all 300ms cubic-bezier(0.63,0.64,0.3,1);    
        text-decoration:underline;
        color:#0568ae;          
    }   
    .navigation-content h2 a span, .navigation-content__section-comp h3 a span {
        width: auto;
    }
    .navigation-content__section-comp.section-subscribe-option-active h3 a span {   
        font:17px/20px attAleckSans-Medium; 
    }   
    .navigation-content__section-comp.section-subscribe-option-active h3 {  
        margin: 20px 0 0 0; 
        padding: 0 0 12px 45px; 
        height: 54px;   
    } 
    .navigation-content__section-comp.section-subscribe-option-active h3 a {    
        padding: 0 0 0 30px;    
        width: 260px;   
        display: inline-block;  
    }
     
    .navigation-content__categories-comp a[href$='#'] {
        cursor:text;
        text-decoration: none;
    }

    .navigation-content__section-comp a[href$='#'] {
        
        cursor:text; 
        text-decoration:none;       
        width: auto;
        display: inline-block;

    }
    .navigation-content__categories-comp a[href$='#']:hover {
        text-decoration: none;
        color:#191919;
    }
    .col-md-4.col-sm-12.right-content,  
    .col-md-3.col-sm-12.right-content {         
        min-height: 390px;          
    }
    .main-header-wrapper {
        background:#000;
        height: 97px;
        padding-top: 0;
    }
    #desktop-logo {
        background: url('../../../content/dam/firstnet/global/firstnet_logo_white.svg');
        display: block;
        height: 60px;
        width: 189px;
        /* background-position: 0px -151px; */
        background-repeat: no-repeat;
        margin-top: 18px;
        z-index: 10;
        position: relative;
        
    }

    #desktop-logo .att-logo {
        width: 197px;
        height: 57px;
        display: none;
    }
    .navigation-content__section-comp .row {
        margin: 0 0 0 10px;
    }
    .navigation-content__section-comp .row.droppable-categories-content {
        margin: 0;
    }
    .global-nav-search-container #header #cludo-search-form .inputbox {
        height: 32px;
        width: 160px;
    }
    .btn-header-signUp {
       margin: 23px 0 0 24px;
       font: normal 14px/ 18px attAleckSans-Regular !important;
       width:100px;
       height: 40px;
       padding: 10px 12px;
       font-weight: 700 !important;
    }
    .btn-header-accountLogin {
        font: normal 14px / 18px attAleckSans-Regular !important;
        width: 100px;
        padding: 10px 12px;
        background-color: #fff;
        color: #0057B8;
        height: 40px;
        margin: 23px 0 0 24px;
        font-weight:700 !important;
    }
}
#subContent-login .navigation-content__section-comp h3 a,
#subContent-help .navigation-content__section-comp h3 a{
    padding:0;
    min-height:auto;
}
 
/* Account login css starts here */
  .dropdown.login-dropdown {
      position: relative;
      z-index: 15;

  }
   img.icon-segment-global-navigation {
        width: 30px;
   }
  .login-menu-box {
      background: transparent 0% 0% no-repeat padding-box;
      max-width: 335px;
  }

  .login-menu-box .login-menu-dropdown {
      list-style: none;
      margin: 0;
      padding: 0;
      min-width: 335px;
  }

  .login-menu-box .login-menu-dropdown>li>a {
      color: #191919;
      text-decoration: none;
      padding: 15px;
      display: block;
      border-bottom: 1px solid #bbbbbb;
      white-space: unset;
  }

  .login-menu-box .login-menu-dropdown>li>a .title {
      font: normal normal normal 18px/24px attAleckSans-Medium;
  }

  .login-menu-box .login-menu-dropdown>li>a .desc {
      font: 14px/19px attAleckSans-Regular;
  }

  .login-menu-box .login-menu-dropdown>li>a:hover {
      text-decoration: underline;
      color: #0568AE;
  }

  .login-menu-box .login-menu-dropdown>li>a:hover i {
      transform: translateX(70%) !important;
      transition: all 300ms cubic-bezier(0.63, 0.64, 0.3, 1) !important;
  }

  .login-menu-box .login-menu-dropdown .see-all {
      font: normal normal normal 15px/20px "attAleckSans-Medium";
      color: #191919;
  }

  .login-menu-box .login-menu-dropdown .see-all.icon-long-arrow i {
      position: absolute;
      transform: translateX(20%);
      transition: all 300ms cubic-bezier(0.63, 0.64, 0.3, 1);
  }

  .login-menu-box .login-menu-dropdown .see-all svg {
      width: 26px;
      height: 12px;
      fill: #191919;
  }

  .login-menu-box .login-menu-dropdown>li>a:hover i svg {
      fill: #0568AE;
  }

  .login-menu-box>ul>li.dropdown {
      padding: 10px 10px 10px 6px;
      border-bottom: 5px solid #000000;
  }

  .login-menu-box>ul>li.dropdown>a {
      display: block;
      font: 18px/24px attAleckSans-Regular;
      color: #FFFFFF;
      background-color: transparent;
      padding-bottom: 0;
  }

  .login-menu-box>ul>li.dropdown>a:hover,
  .login-menu-box>ul>li.dropdown>a:focus {
      background: none;
  }

  .login-menu-box>ul>li.dropdown:hover {
      border-bottom: 5px solid #009FDB;
  }

  .login-menu-box>ul>li.dropdown .dropdown-menu {
      margin-top: 10px;
  }

  .navClass a {
      color: #191919;
      font: normal normal normal 20px/28px attAleckSans-Medium;
      min-height: 70px;
  }

  .navClass .see-all svg {
      width: 26px;
      height: 12px;
      fill: #191919;
  }

  .navClass {
      min-height: 66px;
      line-height: 0;
      border-bottom: 1px solid #BBBBBB;
      padding: 15px 0 15px 33px;
      margin: 0;
      position: relative;
  }

  .navClass a {
      color: #191919;
      font: normal 20px/28px attAleckSans-Medium;
      min-height: 70px;
  }

  .login-menu-box>ul>li.dropdown>a span {
    display: none;
  }
  .login-menu-box>ul>li.dropdown>a.help-item {
    padding: 0px;
    overflow: hidden;
  }
  @media screen and (max-width: 1024px) {
   
      .login-menu-box {
          max-width: 100%;
      }
  }
  @media screen and (min-width: 1200px) {
    .login-menu-box li>a>img {
        max-width: none;
        float: left;
        display: inline-block;
    }
    .login-menu-box>ul>li.dropdown>a span {
        display: block;
        float: left;
      }
    .btn-header-signUp {
        float: none;
    }
    .btn-header-accountLogin {
        float: none;
    } 
    img.icon-segment-global-navigation {
        width: 26px;
        margin: 0 0 0 5px;
   }
   .login-menu-box>ul>li.dropdown {
    margin: 20px 21px 0 21px ;
    border-bottom: 5px solid #000000;
    padding-bottom: 35px;
}
  }
  @media only screen and (min-width: 1024px) and (max-width: 1199px) { 

    #subContent-login.navigation-content.active h3,
    #subContent-help.navigation-content.active h3{
        border-bottom: 1px solid #BBBBBB;
    }
  }
/** ForSee Survey */
#foresee-component {
  clear: both;
  width: 100%;
  padding: 40px 20px 28px;
  box-sizing: border-box;
}
#foresee-component p {
  color: #191919;
  font: normal 16px/20px attAleckSans-Regular;
  margin-bottom: 12px;
}
#foresee-component p span {
  color: #191919;
  font: normal 16px/20px attAleckSans-Light;
  margin-bottom: 12px;
}
#foresee-component p a {
  width: 100%;
  font: normal 14px/14px attAleckSans-Bold;
  text-transform: uppercase;
}
#foresee-component .foresee-icon {
  background: url('../../../etc/designs/attbusiness/images/image-sprite.png') 0px -162px no-repeat;
  width: 76px;
  height: 30px;
  margin: 0 auto 15px;
}
a.icon-long-arrow i svg {
  width: 45px;
  height: 10px;
  fill: #0568ae;
}
/* TODO: move to global style  */
#foresee-component a.icon-long-arrow i {
  position: absolute;
  transform: translateX(20%);
  transition: all 300ms cubic-bezier(0.63, 0.64, 0.3, 1);
}
#foresee-component a.icon-long-arrow:hover i {
  transform: translateX(100%);
  transition: all 300ms cubic-bezier(0.63, 0.64, 0.3, 1);
}
@media screen and (min-width: 768px) {
  #foresee-component p {
    font: normal 18px/22px attAleckSans-Medium;
  }
  #foresee-component p span {
    font: normal 16px/20px attAleckSans-Regular;
  }
  #foresee-component .foresee-icon-holder,
  #foresee-component .foresee-text {
    display: inline-block;
    width: auto;
    margin: 0;
    text-align: left;
    padding: 0px;
  }
  #foresee-component .foresee-component-wrapper {
    width: 555px;
    margin: 0 auto;
  }
  #foresee-component .foresee-icon-holder {
    width: 95px;
  }
  #foresee-component .foresee-icon-holder .foresee-icon {
    vertical-align: middle;
    margin: 0 auto 15px;
  }
  #foresee-component .foresee-text {
    width: 455px;
  }
  #foresee-component .foresee-text a {
    float: left;
  }
}
@media screen and (min-width: 1200px) {
  #foresee-component .foresee-component-wrapper {
    width: 630px;
  }
  #foresee-component .foresee-icon-holder {
    width: 110px;
  }
  #foresee-component .foresee-text {
    width: 510px;
  }
  #foresee-component .foresee-icon-holder .foresee-icon {
    margin: 0 auto 7px;
  }
  #foresee-component p span {
    font: normal 18px/22px attAleckSans-Regular;
  }
}

@media screen and (min-width: 320px) {
    .cookie-disclaimer-component{position: fixed;top: 60px;width: 100%;z-index: 999;background:rgba(0,0,0,0.9);height:fit-content;display:none;}
    .cookie-disclaimer-component .container{padding:30px 15px 25px;position:relative;}
    .cookie-disclaimer-component h4{color:#fff;font:normal 25px/25px attAleckSans-Regular;}
    .cookie-disclaimer-component p{color:#fff;font:normal 14px/26px attAleckSans-Regular;margin:0 0 20px;}
    .cookie-disclaimer-component p a{color:#fff;text-decoration:underline;font:inherit;}
    .cookie-disclaimer-component .att-button{margin:0 auto;display:block !important;width:176px;float:none;text-align:center;font:normal 19px/19px attAleckSans-Medium;}
}

@media screen and (min-width: 768px) {
    .cookie-disclaimer-component{top:unset;bottom:0;height:215px;}
    .cookie-disclaimer-component .att-button{float:right;}
    .cookie-disclaimer-component p{font:normal 14px/22px attAleckSans-Regular;}
}
#header .dropdownSubmenu li span{
    font: normal 12px attAleckSans-Light!important;    
}
#header .dropdownSubmenu li a{
   font: normal 16px attAleckSans-Regular!important;    
}

#header .link-container > a,
#header .link-container > a span{
    font: normal 18px attAleckSans-Regular !important;
}

#header.fluid-header {
    max-width: 100%!important;
}

#header .grdContainer {
    margin-left: 0px;
    padding: 0 20px
}

#header .blue-btm-brd {
    border-bottom: 5px solid #009FDB !important;
    outline: none;
    position:relative;
    border-radius: 0;
}

#header .bluet-btm-brd {
    border-bottom: 5px solid transparent !important;
}

#popup-menu .brd-rgt {
    border-right: 1px solid #69707b !important;
}

#popup-menu .brd-rgt-none {
    border-right: 1px solid transparent !important;
}

#header .link-container{
    display: inline-block;
    padding: 0 13px;
}

#header .primary-menu { 
    float: left; 
    margin-top: 20px;
}

#header .link-container>a img {
    height: 40px;
    padding: 5px;
}

.hamburger-menu {
    width: 42px;
    height: 42px;
    display: none;
    float: right;
}

.close-menu {
    width: 22px;
    height: 22px;
    display: none;
    float: right;
    margin-right:15px;
    margin-top:10px;
}

#header .search-icon {
    width: 25px;
    height: 16px;
    margin-left: 0px;
    display: inline-block;
}

.primary-menu {
    margin-top: 16px;
    padding: 0 0px 0px 0;
}

#header .right-container {
    float: right;
    margin-bottom: 0px;
}

.primary-menu li {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    float: left;
    text-align: center;
    height: 30px;    
}

.primary-menu li:nth-child(even) {
    height: 30px;
}

.primary-menu li button {
    padding: 2px 18px 34px 18px !important;
    line-height: 24px;
    border-radius: 0px !important;
    width: auto;
    border-bottom: 5px solid transparent;
}

.primary-menu li.get-started-menu button {
	width: auto;
}

.primary-menu li:hover button,
.primary-menu li:focus button,
.primary-menu button.active {
    border-bottom: 5px solid #009fdb;
}

.primary-menu li.explore-menu {
    padding-left: 18px;
    height: 38px;    
}

span.business-unit-content {
    font: normal 20px attAleckSans-Regular;
    color: #fff;
}

.primary-menu li.explore-menu .glyphicon {
    font-size: 16px;
    color: #fff;
}

#header div:nth-child(1) {
    padding-left: 0px;
}

#header ul.search {
    border: none;
}

#header ul.search button {
    font-weight: normal;
    -moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
}

#header #cludo-search-form .inputbox {
    background: #fff;
    width: 160px;
    font: normal 14px attAleckSans-Regular !important;
}

#header ul.search,
#header #cludo-search-form .inputbox {
    width: auto;
    float: left;
    height: 40px;
}

.header-wrapper {
    background: #000000 !important;
}

#header {
    height: 80px;
}

#header .select-in {
    padding: 3px 0px 0px 0px;
    border-radius: 0px;
    font: normal 16px attAleckSans-Medium;
    color: #fff;
    border-bottom: 5px solid transparent;
    line-height: 22px;
}

#header .select-in:hover {
    border-bottom: 5px solid #000;
}

#header .contactus-select {
    margin-left: 30px;
    margin-right: 30px;
}

#header .personal-container {
    width: 100px;
    display:none;
}

#header .personal-container a,
#header .link-container a {
    font: normal 20px attAleckSans-Medium;
    color: #fff;
    display: inline-block;
    padding: 18px 0 20px 0;
    line-height: 30px;
}

#header .link-container a.select-in.applynow-menu-link {
    width: auto;
    border-bottom: none !important;
}

#header .link-container a.select-in.contactus-select {
    margin-left: 0px;
    margin-right: 0px;
}

.search-container {
    width: auto;
}

#header > *[class*="col-"] {
    padding: 0px 10px;
}

#popup-menu {
    width: 100%;
    background: #444C55;
    top: 100px;
    height: 60px;
}

#popup-menu .mob_main_menu#explore:not(:first-child){
    display: none !important;
}

#popup-menu .mob_main_menu li {
    display: inline-block;
    float: left;
}

#popup-menu ul,
#popup-menu ul ul {
    border: none;
}

#popup-menu .mob_main_menu > li.has-sub-menu.hover,
#popup-menu .mob_main_menu > li {
    border-left: none !important;
    padding: 3px 0px !important;
    text-align: center;
    height: 60px;
    line-height: 60px;
}

#popup-menu ul.mob_main_menu li a,
#popup-menu ul.mob_main_menu li span,
#popup-menu .mob_main_menu>li.has-sub-menu.hover>a {
    font: normal 16px attAleckSans-Regular;
    color: #fff;
    border-bottom: 2px solid transparent;
    padding: 3px 11px;
}

#popup-menu ul.mob_main_menu li a {
    border-right: 1px solid #69707b;
}

#popup-menu ul.mob_main_menu li.has-sub-menu.hover a,
#popup-menu ul.mob_main_menu li:last-child a {
    border-right: none;
}

#popup-menu ul li.no-sub-menu a {
    padding: 3px 15px;
}

#popup-menu ul li.no-sub-menu a span,
#popup-menu ul li.no-sub-menu a:hover span{
    padding: 3px 0px;
}

#popup-menu ul li.no-sub-menu a:hover span {
    border-bottom: 2px solid #fff;
}


#popup-menu .mob_main_menu > li.has-sub-menu.hover {
    background: #69707b;
}

#popup-sub-menu {
    width: 100%;
    position: absolute;
    background-color: #69707B;
    z-index: 2;
    top: 160px;
    padding: 15px 0px;
}

#popup-sub-menu .menu-list {
    width: 262px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    list-style: none;
}

#popup-sub-menu #ins.menu-list {
    min-height: 350px;
}

#popup-sub-menu .menu-list.brd-right {
    border-right: 1px solid #999999
}

#popup-sub-menu .menu-list>li a,
#popup-sub-menu .menu-list>div>li a {
    font: normal 14px attAleckSans-Regular;
    color: #fff;
    padding: 10px 0px;
    display: inline-block;
}

#popup-sub-menu .menu-list > li a span,
#popup-sub-menu .menu-list > div > li a span {
    border-bottom: 2px solid transparent;
    padding-bottom: 3px;
}

#popup-sub-menu ul > li.hover a span,
#popup-sub-menu ul li > li.hover a span {
    border-bottom: 2px solid #fff;
    font-family: attAleckSans-Bold;
}

#popup-sub-menu ul > li.hover a,
#popup-sub-menu ul li > li.hover a {
    color: #fff !important;
    text-decoration: none;
}

#popup-sub-menu ul ul {
    position: absolute;
    top: 0px;
    left: 260px;
    display: none;
    width: 480px;
    min-height: 100%;
    list-style: none;
    padding-left: 20px;
}

#popup-sub-menu ul ul ul{
    position:relative;
    left:0;
    top:0;
    display:block;
}

#popup-sub-menu ul > li > ul > div,
#popup-sub-menu div.float-50 {
    width: 50%;
    float: left;
}

#popup-sub-menu ul > li.hover > ul > div > li a,
#popup-sub-menu ul > li.hover > ul > li a {
    background: none !important;
    border-bottom: 2px solid transparent;
}

#popup-sub-menu ul ul > li,
#popup-sub-menu ul ul li > li {
    padding: 6px 0px;
}

#popup-sub-menu ul ul > li a,
#popup-sub-menu ul ul li > li a {
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding: 3px 0px !important;
}

#popup-sub-menu ul ul li a:hover {
    border-bottom: 2px solid #fff !important;
    font-family: attAleckSans-Bold;
}

#popup-sub-menu-list {
    width: 40%;
    display: inline-block;
}

#header .search-container {
    margin: 5px 15px 0 0;
}

#header .personal-container .glyphicon {
    top: 3px;
    padding-left: 5px;
}



/************* Mobile NAV Start *************************/

.menu-icon {
    width: 20px;
    height: 20px;
    background: url('../../../content/images/image-sprite.png') -136px 0px no-repeat;
    margin: 12px 30px 0 0;
}

.close-icon {
    width: 20px;
    height: 30px;
    background: url('../../../content/images/image-sprite.png') -136px -20px no-repeat;
    margin: 8px 30px 0 0 !important;
}

#icon-menu:hover {
    cursor: pointer;
}

#side_wrapper {
    width: 320px;
    float: right;
}

#inner_wrap ul {
    list-style-type: none;
}

#mob_search {
    width: 100%;
    height: 35px;
    position: relative;
    background: #fff;
    border-radius: 2px;
    color: #444;
}


#mob_search .search_text {
    border: none;
    padding: 5px 0 6px 17px;
    width: 94%;
    float: left;
    font-family: attAleckSans-Italic;
    font-size: 16px;
    margin: 2px 2px 2px 2px;
    background: #565B60;
}

#mainNavigation,
#m_menu_wrapper {
    display: none;
}

#m_menu_wrapper {
    clear: both;
    position: relative;
    z-index: 10;
}

#m_primaryNav li {
    background-color: #fff;
    border: 1px solid #f6f6f6;
}

#m_primaryNav li a {
    color: #67a0c6;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    line-height: 44px;
    padding-left: 15px;
}

#side_wrapper {
    display: none;
    position: fixed;
    top: 125px;
    left: 0px;
    bottom: 0;
    z-index: 1;
    background-color: #fff;
    padding-bottom: 50px;
}

#side-wrapper-header {
    background-color: #131313;
    height: 45px;
    padding: 5px 10px 5px 10px;
    width: inherit;
    box-sizing: border-box;
    z-index: 101;
}

#side-wrapper-header.sticky {
    top: initial;
}

#inner_wrap li.activemenu>a {
    color: #5a5a5a;
    display: block;
    border-bottom: 1px solid #5a5a5a;
    padding: 5px 0;
    font-size: 14px;
}

#inner-wrap ul li:first-child {
    border-top: none;
}

#inner_wrap ul li a {
    font-size: 15px;
    font-family: attAleckSans-Medium !important;
    text-decoration: none;
}

#inner_wrap .mob_main_menu .activemenu >a,
#inner_wrap .active_sub_menu > a {
    color: #5a5a5a;
    display: block;
    border-bottom: 1px solid #5a5a5a;
    padding: 3px 0;
    font-size: 14px;
}

#inner_wrap button {
    border: 0;
    background: transparent;
    padding: 0;
}

#inner_wrap ul li span.arrow_prod_m,
#inner_wrap ul li span.arrow_industries_m,
#inner_wrap ul li span.arrow_insights_m,
#inner_wrap ul li span.arrow_goto_m,
#inner_wrap ul li span.arrow_shop_m,
#inner_wrap ul li span.arrow_offers_m,
#inner_wrap ul li span.arrow_business_m,
#inner_wrap ul li span.arrow_about_m,
#inner_wrap ul li span.arrow_support_m {
    float: right;
    padding: 2px 0 0 0;
    cursor: pointer;
}

#inner_wrap ul li a span {
    color: #515151;
    display: block;
    font-size: 16px;
    line-height: 1;
    font-family: 'attAleckSans-Medium';
}

.mob_main_menu .blue-carat-right-icon,
.sub_mob_menu .blue-carat-right-icon {
    margin-top: 3px;
    margin-left: 15px;
}

.activemenu {
    display: block;
    padding: 20px 0 0;
    border-top-style: none !important;
}

.sub_menu_wrap {
    background-color: #fff;
}

.sub_mob_menu .sub_menu_wrap.explore:not(:first-child){
    display: none !important;
}

.active_sub_menu {
    padding: 10px 15px 0px;
    border-top: none;
    background-color: #FFF;
}

.active_sub_menu_wrapper {
    display: block !important;
}

.active_sub_menu_items {
    position: relative;
    display: block !important;
    padding: 10px 15px 10px;
}

.active_sub_menu_items:first-child {
    border-top: none !important;
}

.active_sub_menu_wrapper {
    margin: 10px 0 -17px;
}

.active_sub_menu_items a {
    display: inline-block;
    vertical-align: middle;
}


.active_sub_menu .active_sub_menu_items {
    padding: 10px 0px 10px;
}

.sub_arrow_m {
    float: right;
}

.active_sub_menu_items .sub_arrow_m {
    position: absolute;
    height: 25px;
    margin-top: -12.5px;
    top: 50%;
    right: 0;
}

.account li:first-child {
    border-top: none !important;
}

.blog li:first-child {
    border-top: none !important;
}

.back_arrow {
    display: none;
}

.back_arrow .glyphicon-menu-left,
.sub_back_arrow .glyphicon-menu-left {
    top: 3px;
}

#header .logo {
    display: block;
    width: 189px;
    height: 55px;
    float: left;
    margin: 5px 15px 0 15px;
    background: url(../../../content/dam/firstnet/global/firstnet-logo-mobile.png) no-repeat !important;
}

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

    .hamburger-menu,
    .close-menu {
        display: block;
        height: 30px;
    }

    .primary-menu .shop-menu,
    .primary-menu .support-menu {
        display: none;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {    
    
    .global-navigation .main-header-wrapper .container {
        max-width: 1260px;
        width: 100%;
    }
    #header.fluid-header .primary-menu {
        margin-top: 17px!important;
    }

    #header .logo {
        margin: 21px 15px 0 30px;
    }

    #header.fluid-header .link-container {
        padding: 0;        
    }

    .mobmenu {
        display: none;
    }

    .search-container {
        display: none;
        /*key*/
    }

    /* .labelClass {
        display: none;
    } */
    #popup-menu {
        width: 100%;
        background: #444C55;
        top: 92px;
        height: 60px;
    }
    #popup-sub-menu {
        top: 152px;
    }

    #header .right-container {
        float: right;
        padding: 9px 20px 0 0px;
    }

    #header a.select-in span.apply-now {
        background-color: #0568ae;
        color: #fff;
        padding: 12px 36px 10px;
        border-radius: 20px;
        font: 18px attAleckSans-Medium !important;
        font-weight: 900;
        letter-spacing: 0px;
        border-bottom: none !important;
    }

    #mobileside_wrapper {
        width: 36%;
        position: fixed;
        top: 78px;
        right: 10%;
        bottom: 0;
        z-index: 2;
        background-color: transparent;
        padding-bottom: 50px;
    }

    #side-wrapper-header {
        background-color: #444C55 !important;
        height: auto !important;
        padding: 8px 10px 10px 10px !important;  
       
    }

    #mob_search {
        width: 100%;
        height: auto  !important;
    }

    #mob_search .search_text{
        background: #fff !important;
        width: 94% !important;
        color: #878C94;
        padding:13px 0 13px 17px !important;
        margin: 9px 2px 2px 2px;
    }

    #mob_search .search-icon {
        margin: 4px 13px 0 0;
        padding: 0;
        background-color: transparent !important;
        color: #fff;
        transform: rotate(4deg);
        font-size: 20px;
        top: 8px;
    }

    #header .right-container .blue-btm-brd,
    #header .right-container .bluet-btm-brd {
        border-bottom: none !important;
    }

    .primary-menu li button {
        padding: 14px 18px 29px 18px !important;
        line-height: 24px;
        border-radius: 0px !important;
        width: auto;
        border-bottom: 5px solid transparent;
    }


    #header #popup-sub-menu {
        top: 141px;
    }

    #header .hasDropdown:hover {
        border-bottom: 5px solid #009fdb!important;
        border-radius: 0;
    }

    .dropdownSubmenu li span.glyphicon-menu-right{
        display: none;
    }

    #header .link-container.hasDropdown {
        position: relative;
        padding-bottom: 6px;
    }   

    #header .link-container.hasDropdown a.select-in {
        padding: 12px 0 9px 0;
    }

    .hasDropdown:hover .dropdownSubmenu {
	    display:block!important;
     }

     /* #header .blue-btm-brd.hasDropdown {
        border-bottom:5px solid #000 !important;
     } */
    .dropdownSubmenu {
        display: none;
        position: absolute;
        list-style: none;
        padding: 0;
        width: 10px;
        height: auto;
    }

    #header .dropdownSubmenu.accountOption {
        bottom: -162px;
        left: 0;
    }

    .dropdownSubmenu.helpOption {
        bottom: -236px;
        left: 0;
    }

    .dropdownSubmenu.accountOption li:not(:last-child),
    .dropdownSubmenu.helpOption li:not(:last-child) {
        border-bottom: 1px solid #5B646D;
    }

    .dropdownSubmenu.helpOption li {
        min-width: 291px;
    }

    #header .dropdownSubmenu li {
        min-width: 230px;
        background: #444D56;
        text-align: left;
        padding:15px 0 15px 12px;
    }

   #header .dropdownSubmenu li a {
         margin: 0 0 7px 0;
         padding: 0;
         text-align: left;
         line-height: 15px;
     }

    .dropdownSubmenu li span {
        display: block;
        margin: 0;
        padding: 0;
        color: #fff;
        font-size: 13px;
     }

     #header #cludo-search-form .inputbox {
        border: 1px solid transparent;
        font-family: attAleckSans-Italic !important;
        font-size: 14px;
        padding: 0 0 0 35px;
        margin: 0 2px 0 2px;
        vertical-align: middle;
        color: #878C94;
        background: #fff url('../../../content/dam/firstnet/global/search_icon.png') 10px 8px no-repeat !important;
    }

    #header #cludo-search-form .inputbox:focus {
        background-image: none !important;
        padding-left: 10px;
    }

}

@media screen and (min-width: 375px) and (max-width: 667px) {
    #header.fluid-header .right-container {
        margin-right: 11px;
    }

    #header.fluid-header span.explore-menu {
        display: none!important;
    }

    #header.fluid-header .primary-menu {
        float: left!important;
        margin-right: 0!important;
    }

    #header.fluid-header .right-container div:nth-child(2),
    #header.fluid-header .right-container div:nth-child(3),
    #header.fluid-header .right-container div:nth-child(4){
        display: inline-block!important;
        width: 41px;
    }
}

@media screen and (min-width: 320px) and (max-width: 600px) {
    #header.fluid-header .primary-menu {
        float: right;
        margin-right: 20px;
    }

    .right-container div:nth-child(2),
    .right-container div:nth-child(3),
    .right-container div:nth-child(4){
        display: none!important;
    }

    /* span.explore-menu {
        display: none !important;
    } */
    button.explore-unit.mobmenu {
        margin-top: -4px !important;
        margin-bottom: 15px;
    }

    #header .logo {
        margin: 14px 0px 0 0px !important;
    }

    /* .common {
        display: none !important;
    } */
}

@media screen and (min-width: 601px) and (max-width: 767px) {
    #header.fluid-header button.explore-unit.mobmenu{
        padding: 9px 0px 10px 13px !important;
    }

    #header.fluid-header span.explore-menu {
        display:inline-block!important;
    }

    #header.fluid-header ul.primary-menu {
        margin:16px 0 20px 0;
    }

    #header.fluid-header .right-container{
        margin-top: 8px;
    }

    #header.fluid-header button.explore-unit.mobmenu {
        padding: 0px 0px 2px 19px !important;
        margin-top:7px;
    }
} 


@media screen and (min-width: 320px) and (max-width: 767px) {
    #header .applynow-menu-link {
        padding: 0px 0px 5px 0px !important;
    }

    .business-unit-content {
        display: none;
    }

    .select {
        float: right;
    }

    #header a.select-in span.apply-now {
        display: inline-block;
        height: 40px;
        background-color: #0568ae;
        color: #fff;
        padding: 9px 23px;
        border-radius: 14px;
        font-size: 12px;
        font: 18px attAleckSans-Medium !important;
    }

    .explore-menu {
        color: #fff;
        font: normal 20px attAleckSans-Regular;
        display: inline-block;
    }

    .labelClass {
        display: none;
    }

    .search-container {
        display: none;
    }

    #header .link-container a:hover {
        border-bottom: 5px solid #009FDB !important;
    }

    .common {
        padding: 6px 0 0 0 !important
    }

    .close-menu {
        margin-top: 0px !important;
       
    }

    .glyphicon {
        top: 2px;
    }

    .primary-menu li.explore-menu .glyphicon{
        font-size: 14px !important;
    }

    .hamburger-menu {
        width: 18px !important;
        height: 18px !important;
    }

    .primary-menu li button {
        line-height: 18px;
    }

    .primary-menu {
        margin-top: 0px;
    }

    .mobmenu{
        display: inline-block;
    }

    .webmenu{
        display: none;
    }

    #header .logo {
        width: 190px;
        height: 50px;
        float: left;
        margin: 20px 10px 0 5px;
    }

    .link-container.mobile-applybtn {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #000000;
        padding: 0px 10px 2px 10px !important;
    }

    #header .primary-menu {
        float: left;
        padding: 0px;
        text-align: left;
    }

    .primary-menu li.explore-menu {
        padding-left: 0;
        height: auto;
    }

    .primary-menu li {
        padding: 3px 0px 0 0px !important;
        margin: 0px;
        float: right !important;
        text-align: left;
    }

    #header .right-container {
        padding: 0px 0px 0 0px;
    }

    i.glyphicon.glyphicon-chevron-down.dropdown-icon {
        margin-left: 5px;
        margin-right: 0;
    }

    .main-par,
    .main-page {
        padding-top: 134px;
    }

    #header .link-container {
        margin-left: 0px;
    }

    #header .link-container a.select-in.applynow-menu-link {
        width: 100%;
    }

    header a.select-in span.apply-now {
        padding: 5px !important;
        border-radius: 43px !important;
        width: 100%;
        float: left;
        text-align: center;
    }

    .explore-menu {
        font-size: 17px;
    }

    i.glyphicon.glyphicon-chevron-down.dropdown-icon {
        font-size: 14px !important;
        margin-top: 4px;
    }

    #inner_wrap {
        margin-top: 18 !important;
    }

    .mobile-searchicon {
    float: left;
    }

    #mobileside_wrapper{
        width: 100%;
        z-index: 9999;
        position: fixed;
        top: 70px;
        bottom: 0;
        background-color: transparent;
    }

    #side-wrapper-header {
        background-color: #444C55 !important;
        height: auto !important;
        padding: 0px 5px 14px 10px !important;
       
    }

    #mob_search {
        width: 100%;
        height: auto  !important;
    }

    #mob_search .search_text{
        background: #fff !important;
        width: 88% !important;
        color:#878C94;
        padding:13px 0 13px 10px !important;
        margin: 9px 2px 2px 2px;
    }

    #mob_search .search-icon {
        margin: 4px 8px 0 0;
        padding: 0;
        background-color: transparent !important;
        color: #fff;
        transform: rotate(4deg);
        font-size: 20px;
        top: 8px;
    }

    button.explore-unit.mobmenu {
        border-left: 1px solid #5a5a5a !important;
        padding: 0px 0px 2px 10px !important;
    }

    .glyphicon-search {
        top: 1px;
    }

    .primary-menu .hamburger {
        display: block;
    }

    .primary-menu li {
        display: inline-block;
        padding: 0px 10px 0 15px;
        margin: 0px;
        float: right !important;
        border: none !important;
    }

    .primary-menu li:hover button,
    .primary-menu li:focus button,
    .primary-menu button.active {
        border-bottom: none !important;
    }

    #header {
        background: #000000;
    }

    #mob_search {
        width: 100%;
        height: 35px;
        position: relative;
        background: #565B60;
        color: #fff;
        margin-top: 20px;
    }

    .search-global-nav-mobile-container #mob_search .search_text {
        border: none;
        padding: 5px 0 6px 0px;
        float: left;
        font-family: attAleckSans-Italic;
        font-size: 16px;
        margin: 2px 2px 2px 2px;
        background: #fff url('../../../content/dam/firstnet/global/search_icon.png') 41% 54% no-repeat !important;
        padding-left: 40% !important;
    }

    .search-global-nav-mobile-container #mob_search .search_text:focus,
    .search-global-nav-mobile-container #mob_search .search_text.textAdded {
        background-image: none !important;
        padding-left: 10px !important;
    }

    #side_wrapper {
        display: none;
        position: fixed;
        top: 60px;
        left: 0px;
        bottom: 0;
        z-index: 2;
        border-left:0 !important;
        background-color: transparent;
        padding-bottom: 50px;
    }

    #side-wrapper-header {
        background-color: #1A2027;
        height: 65px;
        padding: 3px 15px 3px 15px;
        width: inherit;
        box-sizing: border-box;
        z-index: 101;
    }
    
    #inner_wrap {
        background-color: #444c55;
        overflow: hidden;
        margin-top: 10px;
    }

    #inner_wrap ul li a {
        font-size: 18px;
        font-family: attAleckSans-Medium;
        text-decoration: none;
        color: #fff;
        margin-left: 25px;
        display: inline-block;
        padding-right: 0px !important;
        margin-right: 0px !important;
    }

    #inner_wrap ul li span.arrow_explore_m,
    #inner_wrap ul li span.arrow_prod_m,
    #inner_wrap ul li span.arrow_industries_m,
    #inner_wrap ul li span.arrow_insights_m,
    #inner_wrap ul li span.arrow_goto_m,
    #inner_wrap ul li span.arrow_shop_m,
    #inner_wrap ul li span.arrow_offers_m,    
    #inner_wrap ul li span.arrow_business_m,
    #inner_wrap ul li span.arrow_about_m,
    #inner_wrap ul li span.arrow_support_m,
    #inner_wrap ul li span.arrow_consumer_m {
        float: right;
        padding: 20px 20px 0 0 !important;
        cursor: pointer;
        color: #fff;
    }

    .mob_main_menu > li {
        margin: 0px;
    }

    .activemenu {
        display: block;
        padding: 20px 0 0;
        border-bottom-style: none !important;
        background: #1A2027;
    }

    .back_arrow .glyphicon-menu-left,
    .sub_back_arrow .glyphicon-menu-left,
    .sub_back_arrow1 .glyphicon-menu-left,
    .back_arrow2 .glyphicon-menu-left {
        top: 1px;
        color: #fff;
        left: 13px;
        font-size: 12px;
    }

    .mob_main_menu li {
        list-style: none;
        border-bottom: 1px solid #69707B;
    }

    .mob_main_menu li:last-child {
        border-bottom: none !important;
    }

    .mob_main_menu li a {
        padding: 20px 0 20px 0;
        display: inline-block;
        margin: 0 20px;
    }

    .mob_main_menu li {
        padding: 0px;
    }

    .active_sub_menu_items:last-child {
        border-bottom: none
    }

    .active_sub_menu_items {
        position: relative;
        display: block !important;
        padding: 0px;
        background: #444c55;
        border-bottom: 1px solid #69707B;
    }

    .active_sub_menu_items a {
        padding: 20px 0 20px 0;
        margin: 0 20px;
        display: block;
        font: normal 16px attAleckSans-Regular !important;
    }

    .active_sub_menu_items .sub_arrow_m,
    .active_sub_menu_items .sub_arrow_m1,
    .active_sub_menu_items .arrow_products_m {
        position: absolute;
        height: 25px;
        margin-top: -12.5px;
        top: 50%;
        right: 0;
        color: #fff;
    }

    .active_sub_menu,
    .active_sub_menu2 {
        padding: 0px;
        border-top: none;
        background-color: #1A2027
    }

    .active_sub_menu .active_sub_menu_items,
    .active_sub_menu2 .active_sub_menu_items {
        padding: 0px;
    }

    #side_wrapper {
        width: 100%;
        float: right;
    }

    #inner_wrap ul li a span {
        color: #fff;
        font: normal 16px attAleckSans-Medium!important;
    }

    .active_sub_menu_items a.loginlnk {
        font: normal 18px attAleckSans-Medium !important;
        color: #fff;
        margin-left: 25px !important
    }

    #inner_wrap .mob_main_menu .activemenu >a,
    #inner_wrap .active_sub_menu > a,
    #inner_wrap .active_sub_menu2 > a {
        color: #fff;
        font: normal 24px attAleckSans-Bold !important;
        padding: 10px 0px 10px 0px !important;
        display: block;
        border-bottom: none !important;
        margin-left: 15px !important;
        width: 100%;
    }

    #inner_wrap ul li a.mainmenu {
        font: normal 16px attAleckSans-Medium !important;
    }

    #inner_wrap .sub_back_arrow a,
    #inner_wrap .sub_back_arrow1 a,
    #inner_wrap .back_arrow2 a {
        display: inline-block;
        padding: 20px 0px 20px 0px !important;
        font: normal 16px attAleckSans-Medium !important;
    }

    .active_sub_menu_items:first-child {
        border-top: 4px solid #009FDB !important;
    }

    .shop-mob-nav .activemenu li {
        border-bottom: none;
    }

    .primary-menu li button {
        width: 100%;
        padding: 0px !important;
    }

    #header .blue-btm-brd,
    #header .bluet-btm-brd {
        border-bottom: none !important;
    }

    .primary-menu li.explore-menu .glyphicon {
        font-size: 18px;
        font-weight: normal;
    }

    #inner_wrap .sub_arrow_m,
    #inner_wrap .sub_arrow_m1,
    #inner_wrap .arrow_products_m,
    #inner_wrap .arrow_industries_m {
        padding: 4px 15px 0 0;
        cursor: pointer;
    }

    .sub_arrow_m,
    .sub_arrow_m1,
    .arrow_products_m {
        float: right;
    }

    .allprod {
        background: #0568ae;
        color: #fff;
        display: block !important;
        text-align: center;
        padding: 10px 0px !important;
        width: 250px;
        margin: 0px auto;
        font-size: 16px;
        border-radius:30px;
    }

    .back_arrow2 {
        margin-bottom: 10px;
    }

    .back_arrow2:hover {
        cursor: pointer;
    }

    #inner_wrap ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

    ul.products-mob-menu li a.prod-lnk,
    ul.products-mob-menu li>ul li a,
    .sub_arrow_m1_li a,
    .sub_arrow_li a {
        margin-left: 25px;
        color: #fff;
        font: normal 16px attAleckSans-Regular !important;
    }

    .arrow_products_li a {
        margin-left: 25px !important;
        color: #fff;
        font: normal 16px attAleckSans-Regular !important;
    }

    .close-menu {
        margin-top: 10px;
        width: 18px;
        height: 18px;
    }

    .hamburger-menu {
        width: 38px;
        height: 38px;
    }

    .goto .login-title a {
        margin-left: 15px !important;
    }

    .allprod-li a {
        width: 100% !important;
        padding: 30px 0px;
        margin: 0px !important;
    }
}
 
@media only screen and (min-width : 768px) and (max-width : 1199px) {
    #header.fluid-header .right-container{
        padding: 10px 20px 0 0;
    }

    #header.fluid-header .link-container{
        padding: 0;
    }

    /* #header .right-container div:nth-child(2),
    #header .right-container div:nth-child(3),
    #header .right-container div:nth-child(4){
            display: none!important;
        }        
    } */
    #header.fluid-header button.explore-unit.mobmenu {
        padding: 0 0px 2px 22px !important;
        margin-top:3px;
    }

    #header .logo {
        width: 206px;
        height: 60px;
        float: left;
        margin: 16px 15px 0 15px;
        background: url(../../../content/dam/firstnet/global/firstnet-logo-desktop.png) no-repeat !important;
    }

    #header .right-container {
        float: right;
        padding: 10px 10px 10px 0px;
    }

    .primary-menu {
        margin-top: 0;
        padding: 0px 10px 0 0px;
    }

    .primary-menu li {
        display: inline-block;
        padding: 3px 0 0 0 !important;
    }

    .explore-menu {
        color: #fff;
        font: normal 20px attAleckSans-Regular;
        display: inline-block !important;
    }

    button.explore-unit.mobmenu {
        border-left: 1px solid #5a5a5a !important;
        padding: 0 0px 10px 10px !important;
        margin-top: -6px;
        margin-bottom: 10px;
    }

    .search-container {
        display: none;
    }

    .labelClass {
        display: none;
    }

    #header a.select-in span.apply-now {
        background-color: #0568ae;
        color: #fff;
        padding: 12px 36px 10px;
        border-radius: 20px;
        font: 18px attAleckSans-Medium !important;
        font-weight: 900;
        letter-spacing: 0px;
        border-bottom: none !important;

        /* display: inline-block;
        height: 40px;
        text-transform: uppercase; */
    }

    #mobileside_wrapper {
        width: 55%;
        position: fixed;
        top: 60px;
        right: 10%;
        bottom: 0;
        z-index: 2;
        background-color: transparent;
        padding-bottom: 50px;
    }

    #side-wrapper-header {
        background-color: #444C55 !important;
        height: auto !important;
        padding: 3px 10px 10px 10px !important;  
       
    }

    #mob_search {
        width: 100%;
        height: auto  !important;
    }

    #mob_search .search_text{
        background: #fff !important;
        width: 94% !important;
        color: #878C94;
        padding:13px 0 13px 17px !important;
        margin: 9px 2px 2px 2px;
    }

    #mob_search .search-icon {
        margin: 4px 13px 0 0;
        padding: 0;
        background-color: transparent !important;
        color: #fff;
        transform: rotate(4deg);
        font-size: 20px;
        top: 8px;
    }

    .primary-menu {
        float: right;
    }
    
    .primary-menu li span {
        display: none;
    }

    .primary-menu li.get-started-menu {
        display: none;
    }

    .primary-menu .hamburger {
        display: block;
    }

    .primary-menu li {
        display: inline-block;
        padding: 9px 10px 0 15px;
        margin: 0px;
        float: right !important;
        border: none !important;
    }

    .primary-menu li:hover button,
    .primary-menu li:focus button,
    .primary-menu button.active {
        border-bottom: none !important;
    }

    #mob_search .search-icon {
        margin: 4px 24px 0 0;
        padding: 0;
        background-color: #565B60;
        color: #fff;
    }

    #mob_search {
        width: 100%;
        height: 35px;
        position: relative;
        background: #565B60;
        color: #fff;
        margin-top: 40px;
    }

    #mob_search .search_text {
        border: none;
        padding: 5px 0 6px 17px;
        width: 94%;
        float: left;
        font-family: attAleckSans-Italic;
        font-size: 16px;
        margin: 2px 2px 2px 2px;
        background: #565B60;
    }

    #side_wrapper {
        display: none;
        position: fixed;
        top: 60px;
        left: 0px;
        bottom: 0;
        z-index: 2;
        background-color: transparent;
        padding-bottom: 50px;
    }

    #side-wrapper-header {
        background-color: #1A2027;
        height: 85px;
        padding: 3px 15px 3px 15px;
        width: inherit;
        box-sizing: border-box;
        z-index: 101;
    }

    #inner_wrap {
        background-color: #444c55;
        overflow: hidden;
        margin-top: 18px;
    }

    #inner_wrap ul li a {
        font-size: 20px;
        font-family: attAleckSans-Medium !important;
        text-decoration: none;
        color: #fff;
        display: inline-block;
        width: 60%;
        padding-right: 0px !important;
        margin-right: 0px !important;
    }

    #inner_wrap ul li span.arrow_explore_m,
    #inner_wrap ul li span.arrow_prod_m,
    #inner_wrap ul li span.arrow_industries_m,
    #inner_wrap ul li span.arrow_insights_m,
    #inner_wrap ul li span.arrow_goto_m,
    #inner_wrap ul li span.arrow_shop_m,
    #inner_wrap ul li span.arrow_offers_m,
    #inner_wrap ul li span.arrow_business_m,
    #inner_wrap ul li span.arrow_about_m,
    #inner_wrap ul li span.arrow_support_m,
    #inner_wrap ul li span.arrow_consumer_m {
        float: right;
        padding: 30px 20px 0 0 !important;
        cursor: pointer;
        color: #fff;
    }

    .activemenu {
        display: block;
        padding: 20px 0 0;
        border-bottom-style: none !important;
        background: #1A2027;
    }

    .back_arrow .glyphicon-menu-left,
    .sub_back_arrow .glyphicon-menu-left,
    .sub_back_arrow1 .glyphicon-menu-left,
    .back_arrow2 .glyphicon-menu-left {
        top: 1px;
        color: #fff;
        left: 5px;
        font-size: 12px;
    }

    .back_arrow a,
    .back_arrow2 a,
    .sub_back_arrow a,
    .sub_back_arrow1 a {
        margin: 0px 10px !important;
    }

    .mob_main_menu li {
        list-style: none;
        border-bottom: 1px solid #69707B;
        margin: 0px;
        padding: 0 13px;
    }

    .mob_main_menu li:last-child {
        border-bottom: none !important;
    }

    .mob_main_menu li a {
        padding: 30px 0 30px 0;
        display: inline-block;
        margin: 0 20px;
    }

    .active_sub_menu_items:last-child {
        border-bottom: none
    }

    .active_sub_menu_items {
        position: relative;
        display: block !important;
        padding: 0px;
        background: #444c55;
        border-bottom: 1px solid #69707B;
    }

    .active_sub_menu_items a {
        padding: 30px 0 30px 0;
        margin: 0 20px;
        display: block;
    }

    .active_sub_menu_items .sub_arrow_m,
    .active_sub_menu_items .sub_arrow_m1,
    .active_sub_menu_items .arrow_products_m {
        position: absolute;
        height: 25px;
        margin-top: -12.5px;
        top: 50%;
        right: 0;
        color: #fff;
    }

    .active_sub_menu,
    .active_sub_menu2 {
        padding: 0px;
        border-top: none;
        background-color: #1A2027
    }

    .active_sub_menu .active_sub_menu_items,
    .active_sub_menu2 .active_sub_menu_items {
        padding: 0px;
    }

    #side_wrapper {
        width: 100%;
        float: right;
    }

    #inner_wrap ul li a span {
        color: #fff;
        font: normal 16px attAleckSans-Regular;
    }

    .active_sub_menu_items a.loginlnk {
        font: normal 18px attAleckSans-Bold !important;
        color: #fff;
        margin-left: 20px !important
    }

    #inner_wrap .mob_main_menu .activemenu>a,
    #inner_wrap .active_sub_menu>a,
    #inner_wrap .active_sub_menu2>a {
        color: #fff;
        font: normal 24px attAleckSans-Bold !important;
        padding: 10px 0px 10px 0px;
        display: block;
        border-bottom: none !important;
        margin-left: 6px !important
    }

    #inner_wrap ul li a.mainmenu {
        font: normal 18px attAleckSans-Medium !important;
    }

    #inner_wrap .sub_back_arrow a,
    #inner_wrap .sub_back_arrow1 a,
    #inner_wrap .back_arrow2 a {
        display: inline-block;
        padding: 30px 0px 20px 0px !important;
        font: normal 18px attAleckSans-Medium !important;
    }

    .active_sub_menu_items:first-child {
        border-top: 4px solid #009FDB !important;
    }

    .shop-mob-nav .activemenu li {
        border-bottom: none;
    }

    .primary-menu li button {
        padding: 0px !important;
    }

    #header .blue-btm-brd,
    #header .bluet-btm-brd {
        border-bottom: none !important;
    }

    .primary-menu li.explore-menu .glyphicon {
        font-size: 18px !important;
        font-weight: normal;
    }

    #inner_wrap .sub_arrow_m,
    #inner_wrap .sub_arrow_m1,
    #inner_wrap .arrow_products_m {
        padding: 4px 30px 0 0;
        cursor: pointer;
    }

    .sub_arrow_m,
    .sub_arrow_m1,
    .arrow_products_m {
        float: right;
    }

    .allprod {
        background: #0568ae;
        color: #fff;
        display: block !important;
        text-align: center;
        padding: 10px 0px !important;
        width: 300px;
        margin: 0px auto;
        font: normal 16px attAleckSans-Medium;
    }

    .back_arrow2 {
        margin-bottom: 10px;
    }

    #inner_wrap ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

    ul.products-mob-menu li a.prod-lnk,
    ul.products-mob-menu li>ul li a,
    .sub_arrow_m1_li a,
    .sub_arrow_li a {
        margin-left: 20px;
        color: #fff;
        font: normal 20px attAleckSans-Regular !important;
    }

    .arrow_products_li a {
        color: #fff;
    }

    .back_arrow2 a,
    .sub_back_arrow1 a,
    .sub_back_arrow a {
        margin: 0px 23px !important;
    }

    .back_arrow2 span,
    .sub_back_arrow1 span,
    .sub_back_arrow span {
        left: 18px !important;
    }

    .sub_menu_wrap li a {
        padding: 30px 13px;
    }

    .active_sub_menu>a,
    .active_sub_menu2>a {
        padding-left: 13px !important;
    }

    .goto .login-title a {
        padding-left: 0px;
    }

    .goto a span {
        font: normal 16px attAleckSans-Regular !important;
    }

    .allprod-li a {
        width: 100% !important;
        padding: 30px 0px;
        margin: 0px !important;
    }
}

@media screen and (min-width: 1441px) {
    #header.fluid-header .right-container div:last-child {
        margin-top: 6px;
    }

    #header .link-container {
        margin-left: 15px;
    }

    div#mob-searchicon {
        display: none !important;
    }

    .primary-menu li.explore-menu .glyphicon {
        display: none;
    }

    .header-wrapper .container {
        width: 100%;
    }

    .global-navigation .main-header-wrapper .container {
        max-width: 1260px;
        width: 100%;
    }

    #header .personal-container {
        display: block;
        text-align: right;
    }

    .shop-mob-nav {
        display: none;
    }

    #header.fluid-header {
        padding: 12px 28px 0px 28px;
    }

    #header #cludo-search-form {
        white-space: nowrap;
        width: 100%;
        height: 40px;
        background-color: transparent;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    /************* Header Start *************************/
    #icon-menu,
    #side_wrapper,
    #side_wrapper #inner_wrap {
        display: none;
    }

    #header.resp-header {
        max-width: 980px;
    }

    #header ul.search {
        display: block;
        position: relative;
        background-color: transparent;
        list-style-type: none;
        margin: 15px 10px 0 0;
        padding: 0;
    }

    #header ul li.last a {
        border: 0pt none;
        margin-right: 10px !important;
    }

    #header #cludo-search-form .inputbox {
        border: 1px solid transparent;
        font-family: attAleckSans-Italic !important;
        font-size: 14px;
        padding: 0 0 0 35px;
        margin: 0 2px 0 2px;
        vertical-align: middle;
        color: #878C94;
        background: #fff url('../../../content/dam/firstnet/global/search_icon.png') 10px 8px no-repeat !important;
    }

    #header #cludo-search-form .inputbox:focus {
        background-image: none !important;
        padding-left: 10px;
    }

    #header .logo {
        float: left;
        margin: 4px 12px 0 18px;
    }

    #header .segment {
        float: left;
        font-family: attAleckSans-Regular;
        font-size: 13px;
    }

    #header .segment img {
        margin-left: 35px;
    }

    #mainNavigation {
        display: block;
        float: left;
        height: 37px;
        margin-top: 8px;
        margin-left: 80px;
    }

    /******** Primary Navigation ********/
    #primaryNav {
        display: block;
        position: relative;
        height: 100%;
    }

    #primaryNav>li {
        float: left;
        list-style-type: none;
        padding: 0 15px 0 15px;
        display: block;
        height: 37px;
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
    }

    #primaryNav>li>div.menu-divider {
        position: relative;
    }

    #primaryNav>li>div.menu-divider:before {
        content: '';
        width: 1px;
        height: 25px;
        background-color: #919191;
        position: absolute;
        top: 3px;
        left: -15px;
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
    }

    #primaryNav>li:first-child>div.menu-divider:before {
        content: '';
        width: 0;
    }

    #primaryNav>#active-page.no-menu-divider+li>div.menu-divider:before,
    #primaryNav>#active-page.no-menu-divider>div.menu-divider:before {
        width: 0;
    }

    #primaryNav>li:hover~li>div.menu-divider:before {
        width: 1px !important;
    }

    #primaryNav>li:hover~li>div.menu-divider a {
        color: #fff !important;
    }

    #primaryNav>li:hover>div.menu-divider:before {
        background-color: #fff;
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
    }

    #primaryNav>li:hover+li>div.menu-divider:before {
        background-color: #000;
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
    }

    #primaryNav>li:hover {
        background-color: #fff;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -moz-border-top-right-radius: 3px;
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
    }

    #primaryNav>li>div.menu-divider a {
        padding-top: 4px !important;
    }

    #primaryNav>li a {
        text-decoration: none;
        color: #fff;
        display: block;
        padding-top: 11px;
        font-family: attAleckSans-Medium;
        font-size: 18px;
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
    }

    #primaryNav>li:hover a {
        color: #067AB4;
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
    }

    #primaryNav li>.secondaryNav {
        display: block !important;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        transition-delay: 0.3s;
        -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        -webkit-transition-delay: 0.3s;
        -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        -moz-transition-delay: 0.3s;
        -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        -o-transition-delay: 0.3s;
        z-index: 1001 !important;
    }

    #primaryNav li:hover>.secondaryNav {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        z-index: 1001 !important;
    }

    #primaryNav li#active-page {
        background: #fff;
        border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
    }

    #primaryNav li#active-page a {
        color: #131313;
    }

    #primaryNav li#active-page a:hover,
    #primaryNav li span.all-services:hover {
        color: #067ab4;
    }

    #primaryNav li span.all-services {
        font-family: attAleckSans-Medium;
        font-size: 14px;
        padding-top: 20px;
        display: block;
    }

    #primaryNav.wholesale-menu li:hover {
        background: none;
    }

    #primaryNav.wholesale-menu li:hover a {
        border-bottom: 1px solid #fff;
        color: #fff;
    }

    #primaryNav.wholesale-menu li.has-submenu:hover {
        background: #fff;
    }

    #primaryNav.wholesale-menu li.has-submenu:hover a {
        border-bottom: none;
        color: #131313;
    }

    #primaryNav.wholesale-menu li .secondaryNav a:hover {
        border-bottom: none;
        color: #067ab4;
    }

    #primaryNav.wholesale-menu>li:hover+li>div.menu-divider:before {
        background-color: #919191;
    }

    #primaryNav.wholesale-menu>li:hover>div.menu-divider:before {
        background-color: #919191;
    }

    #primaryNav.wholesale-menu>li.has-submenu:hover>div.menu-divider:before {
        background-color: transparent;
    }

    .shop-menu {
        display: block;
    }

    .shop-mob-nav {
        display: none;
    }

    .secondaryNav li>div {
        display: block !important;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        transition-delay: 0.3s;
        -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        -webkit-transition-delay: 0.3s;
        -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        -moz-transition-delay: 0.3s;
        -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        -o-transition-delay: 0.3s;
    }

    .secondaryNav li:hover>div {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
    }

    .secondaryNav {
        z-index: 1000;
        position: absolute;
        left: -242px;
        width: 978px;
        display: block;
        clear: both;
        border-right: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        border-left: 1px solid #f2f2f2;
        background-color: #fff;
        top: 37px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -moz-border-bottom-right-radius: 3px;
        -moz-box-shadow: 3px 3px 6px #f2f2f2;
        -webkit-box-shadow: 3px 3px 6px #f2f2f2;
        box-shadow: 3px 3px 6px #f2f2f2;
        /*box-shadow:3px 2px 3px #f2f2f2; opacity:25%;filter:Alpha(opacity=25);*/
    }

    .secondaryNav li {
        padding: 0px 18px 30px 15px;
        float: left;
        display: block;
        line-height: 1.15em;
        font-size: 15px;
    }

    /** Updated from padding:0 18px 17px 22px; for hover issue **/
    .menu-triangle:before,
    .menu-triangle:after {
        content: '';
        display: block;
        width: 1px;
        height: 0;
        position: absolute;
        left: 50%;
        bottom: 1px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #f2f2f2;
        z-index: 1002;
        margin-left: -20px;
    }

    .menu-triangle:after {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #fff;
        bottom: 0px;
    }

    #header .select-in {
        display: block;
    }

    .popmenu-active {
        position: relative;
        display: none;
    }

    #header a.select-in span.apply-now {
        background-color: #0568ae;
        color: #fff;
        padding: 8px 36px 10px;
        border-radius: 20px;
        font: 18px attAleckSans-Medium !important;
        font-weight: 900;
        letter-spacing: 0px;
        border-bottom: none !important;
    }

    #header ul.search button .imgClass {
        margin-top: -2px;
        padding: 5px;
    }

    #header li.get-started {
        display: none;
    }

    .secondaryNav li:hover .popmenu-active {
        display: block;
        padding-bottom: 20px;
    }

    /** goto component start */
    #header .goto-container {
        float: left;
        width: 18%;
        text-align: center;
        cursor: pointer;
        font-family: attAleckSans-Medium;
        position: relative;
    }

    .goto-container .select-in {
        display: block;
        margin: 0 auto;
    }

    /** Contact Component */
    #header .link-container {
        float: left;
        cursor: pointer;
        font-family: attAleckSans-Medium;
        display: block;
    }

    #header .link-container .account-unit {
        margin-top: 18px;
    }

    #header .rgt-container {
        float: right;
        font-family: attAleckSans-Medium;
        display: block;
        margin: 20px;
    }

    #header .link-container a {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    /** goto component start */
    #header .select-in {
        color: #fff;
        cursor: pointer;
    }

    #header .select-in.active {
        border-radius: 3px 3px 0 0;
    }

    #header .select-in span.goto-downarrow {
        background: transparent url("../../../content/images/image-sprite.png") no-repeat scroll -83px -250px;
        width: 30px;
        height: 15px;
        display: block;
        float: left;
    }

    #header .goto-options {
        display: none;
        margin-top: 0;
        border: 1px solid #595959;
        background: white;
        position: absolute;
        z-index: 3;
        border-radius: 0 0 3px 3px;
        width: 250px;
    }

    #header .goto-options li {
        list-style: none;
        margin: 0;
        line-height: 36px;
        padding: 0px 15px;
    }

    #header .goto-options li a {
        color: #0568ae;
        font-size: 17px;
        padding: 10px 0;
        display: block;
        border-top: 1px solid #5a5a5a;
        font-family: 'attAleckSans-Medium';
    }

    #header .goto-options li:first-child a {
        border: 0;
    }

    #header .goto-options li a span {
        color: #5a5a5a;
        display: block;
        font-size: 14px;
        line-height: 1;
        font-family: 'attAleckSans-Medium';
    }

    #header .goto-options li:hover,
    #header .goto-options li.hover {
        background-color: #ccc;
    }

    /** goto component end */
    #primaryNav .secondaryNav li a {
        color: #131313;
        display: block;
        font-size: 14px;
        font-family: attAleckSans-Medium;
        padding-top: 20px;
        transition: color 0s linear 0.3s;
        transition-delay: 0.3s;
        -webkit-transition: color 0s linear 0.3s;
        -webkit-transition-delay: 0.3s;
        -moz-transition: color 0s linear 0.3s;
        -moz-transition-delay: 0.3s;
        -o-transition: color 0s linear 0.3s;
        -o-transition-delay: 0.3s;
    }

    #primaryNav .secondaryNav li:hover a {
        color: #199ddf;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
    }

    #primaryNav .blogNav li {
        padding: 0 9px 18px;
    }

    #primaryNav .blogNav li a {
        text-align: left;
    }

    li.menu-link:hover a {
        font-family: attAleckSans-Medium !important;
        text-decoration: underline !important;
    }

    .menu_header {
        display: block;
        margin: 0 20px 25px 20px;
        padding-top: 15px;
        line-height: 24px;
        color: #666;
        font-size: 14px;
        font-family: attAleckSans-Italic;
    }

    .secondaryNav li div ul li {
        padding: 0;
    }

    .secondaryNav div.submenuwrapper {
        border-top: 1px solid #f2f2f2;
        background-color: #fff;
        left: -1px;
        position: absolute;
        z-index: 1000;
        width: 978px;
        top: 83px;
        border-right: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        border-left: 1px solid #f2f2f2;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -moz-border-bottom-right-radius: 3px;
        -moz-box-shadow: 3px 3px 6px #f2f2f2;
        -webkit-box-shadow: 3px 3px 6px #f2f2f2;
        box-shadow: 3px 3px 6px #f2f2f2;
    }

    .secondaryNav div ul {
        margin: 10px 10px 10px;
        padding: 0;
    }

    .secondaryNav div ul li {
        margin: 0 10px 0;
    }

    .secondaryNav div ul li:hover a {
        text-decoration: underline;
    }

    .submenu_wrapper {
        float: left;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 1000;
        overflow: hidden;
    }

    .submenu {
        width: 295px;
        float: left;
        margin: 0 25px 20px 5px;
    }

    .menu-featured-spot {
        margin: 20px 0 20px 30px;
        padding-left: 30px;
        height: 211px;
        border-left: 1px solid #ccc;
    }

    .submenu ul {
        margin-bottom: 30px;
    }

    .submenu li {
        float: none;
        line-height: 13px;
    }

    .submenu-level1 a {
        font-family: attAleckSans-Medium !important;
        font-size: 14px !important;
        font-weight: bold;
    }

    .submenu-level2 a {
        font-family: attAleckSans-Medium !important;
        padding-left: 10px
    }

    .submenu-level3 a {
        font-family: attAleckSans-Medium !important;
        margin: 0 0 0 15px;
    }

    #primaryNav .submenu li a {
        padding-top: 15px;
        line-height: 18px;
        font-family: attAleckSans-Medium;
        color: #666666 !important;
    }

    #primaryNav .submenu li a:hover {
        text-decoration: underline;
    }

    .menu_header span.nav-title {
        float: left;
        color: #666;
        font-family: attAleckSans-Regular;
        font-size: 24px;
        margin: 0 40px 20px 0;
    }

    .menu_header span.nav-desc {
        color: #666666;
        font-family: attAleckSans-Italic;
        font-size: 14px;
    }

    .menu_header p {
        color: #666666;
        font-size: 14px;
        font-family: attAleckSans-Italic;
    }

    .account-links a {
        color: #067AB4 !important;
    }

    .account-links a:hover {
        text-decoration: underline;
        color: #199ddf !important;
    }

    ul.acc_login {
        clear: both;
        margin: 0 !important;
    }

    .submenu p {
        float: left;
        margin: 10px 0 20px 0;
        padding: 0;
        font-size: 11px;
        font-family: attAleckSans-Medium;
    }

    .submenu img {
        clear: both;
        display: block;
        margin: 0 0 0;
    }

    #primaryNav .submenu p a {
        font-size: 13px;
        padding: 0;
    }

    #primaryNav .submenu p a:hover {
        font-size: 13px !important;
        text-decoration: underline !important;
    }

    #primaryNav .submenu p span {
        margin: 0 10px;
    }

    .submenu p a,
    .submenu p span {
        float: left;
        display: block;
    }

    .submenu ul li {
        color: #666666;
        font-size: 13px;
    }

    .secondaryNav div ul.acc_login li {
        margin: 0;
        padding: 0 0 10px 12px;
        line-height: 16px;
        font-family: attAleckSans-Medium;
    }

    .secondaryNav div ul.acc_login li:last-child {
        padding-bottom: 0;
    }

    .border_divider {
        border-right: 1px solid #f2f2f2;
        font-family: attAleckSans-Medium;
        margin: 15px 0 15px 25px;
        height: 390px;
        padding-right: 30px;
        width: 270px;
    }

    .secondaryNav .submenuwrapper .submenu_wrapper .submenu li b a {
        font-size: 15px !important
    }

    .viewall_desk {
        clear: both;
        margin: 0 20px 16px 20px;
        border-top: 1px solid #ccc;
    }

    .viewall_desk a {
        font-family: attAleckSans-Medium !important;
        color: #666666 !important;
    }

    .viewall_desk a:hover {
        text-decoration: underline !important;
    }

    #q {
        display: block;
        float: left;
    }

    /************* Header End   *************************/
    .primary-menu {
        display: block;
    }

    .personal-container {
        display: block;
    }

    #side_wrapper #side-wrapper-header,
    #inner_wrap {
        display: none;
    }

    .hamburger-menu,
    .close-menu {
        display: none !important;
    }

    #header {
        padding: 16px 0px 0px 0px;
    }

    #header .logo {
        margin: 8px 0 0 0;
        background: url(../../../content/dam/firstnet/global/firstnet-logo-desktop.png) no-repeat !important;
        height: 57px;
        width: 197px;
    }

    #popup-menu .container,
    #popup-sub-menu .container {
        padding-left: 0px;
    }
		
    #header .goto-container:hover .select-in,
    #header .goto-container.active .select-in {
        border-bottom: 5px solid #009FDB;
    }
    
    #header .goto-options {
        left: -50px;
        background: #444C55;
        border: none;
        width: 335px;
    }

    #header .goto-options li:hover,
    #header .goto-options li.hover {
        background-color: #69707B;
    }

    #header .goto-options .goto-heading {
        cursor: default;
        font: normal 22px attAleckSans-Bold;
        color: #fff;
        padding: 15px 20px;
    }

    #header .goto-options li {
        border-top: 1px solid #69707B;
        padding: 0px 20px;
    }
    
    #header .goto-options li a,
    #header .goto-options li a span {
        color: #fff;
    }

    #header .goto-options li a {
        font: normal 18px attAleckSans-Bold;
        border-top: none;
    }

    #header .goto-options li a span {
        font: normal 14px attAleckSans-Regular;
    }

    #header .goto-options li a {
        width: 265px;
        padding: 15px 0px;
    }

    .primary-menu li span {
        display: inline;
    }

    .primary-menu .shop-menu,
    .primary-menu .support-menu {
        display: block !important;
    }

    .primary-menu .hamburger {
        display: none;
    }

    #popup-sub-menu ul ul.col3 {
        width: 720px !important;
    }

    #popup-sub-menu ul ul.col3 div {
        width: 33.33% !important;
    }

    #popup-sub-menu ul ul.col3>li {
        float: left;
        width: 33.33%;
    }

    #popup-sub-menu ul ul.col2>li {
        width: 50%;
        float: left;
    }
}


#popup-menu {
        position: absolute;
    z-index: 2;
    }

#inner-wrap ul li:first-child {
    border-top: none;
    }

#popup-menu ul li a {
    color: #131313;
    font-size: 15px;
    font-family: attAleckSans-Medium;
    line-height: 26px;
    text-decoration: none;
    }


.mob_main_menu li {
    list-style: none;
    }

#popup-menu .sub-menu .sub-menu li {
    padding: 9px 0 9px 10px;
    }

#popup-menu .sub-menu .sub-menu li a {
    line-height: 20px;
    }
    
#popup-menu .mob_main_menu .menu-divider div {
    border-top: 1px solid #ccc;
    height: 1px;
    width: 94%;
    margin-right: 10px;
    }

#inner_wrap .mob_main_menu .menu-divider div {
    border-top: 1px solid #ccc;
    height: 1px;
    }
    
#popup-menu .mob_main_menu .sub-menu li {
    background-color: #f1f1f1;
}

#popup-menu .mob_main_menu>li:not(.menu-divider).hover {
    border-left: 5px solid #0568ae;
    padding-left: 10px;
    padding-right: 0;
}

#popup-menu {
    display: none;
}

#popup-menu ul ul {
    position: absolute;
    left: 278px;
    top: 0;
    width: 280px;
    background-color: #f1f1f1;
    display: none;
    min-height: 100%;
}

#popup-menu .back_arrow {
    display: none !important;
}

.primary-menu {
    box-sizing: border-box;
    height: auto;
}

@media (hover:none){
    .primary-menu .business-unit:hover {
        border-bottom: 5px solid #000 !important;
}

    .primary-menu .business-unit.active {
        border-bottom: 5px solid #ea7400 !important;
    }
}

.personal-container {
    float: right;
    line-height: 45px;
    cursor: pointer;
}

.primary-menu-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: .5;
    display: none;
}

/* skip navigation starts */
.skip-navigation {
    top: -80px;
    transition: top 0.3s linear;
    text-align: center;
    color: #009fdb;
    margin: 0 auto;
    position: fixed;
    z-index: 1001;
    transform: translate(-50%, 0);
    left: 50%;
    display: block;
}

.skip-navigation span {
    display: inline-block; 
    height: 40px; 
    padding: 10px 36px 6px 36px; 
    margin-top: 25px; 
    border: 1px solid #fff; 
    border-radius: 15px;
}

.skip-navigation-mask {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    height: 80px;
    background-color: #000;
}

.skip-navigation:focus {
    outline: none;
    top: 0px;
    transition: top .3s linear;
    z-index: 1003;
    color: #fff;
    text-decoration: underline;
}

.skip-navigation:focus~.skip-navigation-mask {
    z-index: 1002;
}

/* skip navigation ends */
button.explore-unit:focus,
button.shop-unit:focus,
button.support-unit:focus {
    border-bottom: 5px solid #009fdb !important;
}

   .dropdownSubmenu {
	  display:none;        
    }

    .hasDropdown:hover {
        border-bottom: 5px solid #009fdb!important;
    }     

@media screen and (min-width: 1441px) {
    .skip-navigation-mask {
        display: block;
    }

    #header li.get-started {
        display: block;
    }

    #header .goto-container {
        width: 18%;
    }

    #header .link-container>a {
        float: right;
    }

    /* #header .grdContainer > a {float:right;} */
    #header .link-container>a .glyphicon-earphone {
        top: 4px;
    }

    #header .personal-container {
        width: 50px;
    }

    #header ul.search {
        margin: 12px 0px 0 0;
        padding-right: 10px;
    }

    #header .link-container.hasDropdown {
        position: relative;
    }

    #header .hasDropdown:hover {
        border-bottom: 5px solid #009fdb!important;
    }

    .hasDropdown:hover .dropdownSubmenu {
	    display:block!important;
     }

     /* #header .blue-btm-brd.hasDropdown {
        border-bottom:5px solid #000 !important;
     } */
    .dropdownSubmenu {
        display: none;
        position: absolute;
        list-style: none;
        padding: 0;
        width: 10px;
        height: auto;
    }

    .dropdownSubmenu.accountOption {
        bottom: -162px;
        left: -8px;
    }

    .dropdownSubmenu.helpOption {
        bottom: -236px;
        left: -14px;
    }

    .dropdownSubmenu.accountOption li:not(:last-child),
    .dropdownSubmenu.helpOption li:not(:last-child) {
        border-bottom: 1px solid #5B646D;
    }

    .dropdownSubmenu.helpOption li {
        min-width: 291px;
    }

    .dropdownSubmenu li {
        min-width: 330px;
        background: #444D56;
        text-align: left;
        padding:15px 0 15px 25px;
    }

   #header .dropdownSubmenu li a {
         margin: 0 0 7px 0;
         padding: 0;
         text-align: left;
         line-height: 15px;
     }

    .dropdownSubmenu li span {
        display: block;
        margin: 0;
        padding: 0;
        color: #fff;
        font-size: 13px;
     }
}
 
 
@media only screen and (min-width: 1366px) and (max-height: 1024px) {
    #header .hasDropdown.bluet-btm-brd .dropdownSubmenu.helpOption{
        display: none!important;
    }
}

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

    /* #header .blue-btm-brd .dropdownSubmenu {
	    display:block;
     } */
     /* #header .blue-btm-brd.hasDropdown {
        border-bottom:5px solid #000 !important;
     } */
    .dropdownSubmenu {
        display: none;
        position: absolute;
        list-style: none;
        padding: 0;
        width: 10px;
        height: auto;
    }

    .dropdownSubmenu.accountOption {
        bottom: -162px;
        left: 0;
    }

    .dropdownSubmenu.helpOption {
        bottom: -236px;
        left: 0;
    }

    .dropdownSubmenu.accountOption li:not(:last-child),
    .dropdownSubmenu.helpOption li:not(:last-child) {
        border-bottom: 1px solid #5B646D;
    }

    .dropdownSubmenu.helpOption li {
        min-width: 291px;
    }

    .dropdownSubmenu li span.glyphicon-menu-right {
        display: none;
    }

    .dropdownSubmenu li {
        min-width: 330px;
        background: #444D56;
        text-align: left;
        padding:15px 0 15px 25px;
    }

   #header .dropdownSubmenu li a {
         margin: 0 0 7px 0;
         padding: 0;
         text-align: left;
         line-height: 15px;
     }

    .dropdownSubmenu li span {
        display: block;
        margin: 0;
        padding: 0;
        color: #fff;
        font-size: 13px;
     }
}

@media screen and (max-width: 1200px) {
    .dropdownSubmenu li span {
        display: none;
    }    

    #header .dropdownSubmenu li a{
        font-size: 20px;        
        font-family: attAleckSans-Medium!important;
        text-decoration: none;
        color: #fff;
        display: inline-block;
        width: 60%;
        padding-right: 0px !important;
        margin-right: 0px !important;
    }

    .dropdownSubmenu { 
        position: fixed;
        z-index: 10;
        left:0;
        width:100%;
        background-color: #444c55;
        overflow: hidden;
        margin: 0;
        padding:0;
        list-style: none;
    }

    .dropdownSubmenu li {
        border-bottom: 1px solid #69707B;
        margin: 0px;
        padding: 12px 0 0 41px;
        min-height: 80px;
    }

    .dropdownSubmenu li span.glyphicon-menu-right {
        font-family: Glyphicons Halflings !important;
        display: inline;
        float: right;
        padding: 26px 43px 0 0 !important;
        cursor: pointer;
        color: #fff;
    }
}
/* /ENTBUS-1005 added */

#header .bluet-btm-brd {
    border-bottom: 5px solid transparent !important;
}

#header .grdContainer {
    margin-left: 0px;
    padding: 0 20px
}

#header .blue-btm-brd {
    border-bottom: 5px solid #009FDB !important;
    outline: none;
}

#popup-menu .brd-rgt {
    border-right: 1px solid #69707b !important;
}

#popup-menu .brd-rgt-none {
    border-right: 1px solid transparent !important;
}
.mobile-searchicon {
    display: none;
}

#header .link-container > a img { height: 30px;}

/*new main nav*/

.hamburger-menu {
    width: 42px;
    height: 42px;
    display: none;
    float: right;
}

.close-menu {
    width: 22px;
    height: 22px;
    display: none;
    float: right;
    margin-right:15px;
    margin-top:10px;
}

#header .search-icon {
    width: 25px;
    height: 16px;
    margin-left: 0px;
    display: inline-block;
}

.primary-menu {
    margin-top: 16px;
    padding: 0 40px 16px 0;
}

#header .primary-menu { margin-bottom: 0; float: right; }
#header .right-container { float: right; }

.primary-menu li {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    float: left;
    text-align: center;
    padding-top: 4px; 
    height: 30px;    
}

.primary-menu li:nth-child(even) {
    height: 30px;
}

.primary-menu li button {
    padding: 0px 18px 30px 18px !important;
    line-height: 24px;
    border-radius: 0px !important;
    width: auto;
    border-bottom: 5px solid transparent;
}

.primary-menu li.get-started-menu button {
	width: auto;
}

.primary-menu li:hover button,
.primary-menu li:focus button,
.primary-menu button.active {
    border-bottom: 5px solid #009fdb;
}

.primary-menu li.explore-menu {
    padding-left: 18px;
    height: 38px;    
}

span.business-unit-content {
    font: normal 20px attAleckSans-Regular;
    color: #fff;
}

.primary-menu li.explore-menu .glyphicon {
    font-size: 16px;
    color: #fff;
}

#header div:nth-child(1) {
    padding-left: 0px;
}

#header ul.search {
    border: none;
}

#header ul.search button {
    font-weight: normal;
    -moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
}

#header #cludo-search-form .inputbox {
    background: #565B60;
    width: 160px;
    font: normal 14px attAleckSans-Italic !important;
}

#header ul.search,
#header #cludo-search-form .inputbox {
    width: auto;
    float: left;
    height: 30px;
}

.header-wrapper {
    background: #000000 !important;
}

#header {
    height: 80px;
}

#header .select-in {
    padding: 11px 0px 26px 3px;
    border-radius: 0px;
    font: normal 16px attAleckSans-Medium;
    color: #fff;
    border-bottom: 5px solid transparent;
    line-height: 22px;
}

#header .select-in:hover {
    border-bottom: 5px solid #009FDB;
}

#header .contactus-select {
    margin-left: 30px;
    margin-right: 30px;
}

#header .personal-container {
    width: 100px;
    display:none;
}
#header .link-container{display:none;}

#header .personal-container a,
#header .link-container a {
    font: normal 20px attAleckSans-Medium;
    color: #fff;
    display: inline-block;
    padding: 19px 0 20px 0;
    border-bottom: 5px solid transparent !important;
    line-height: 30px;
}
/* 
#header .personal-container a:hover,
#header .link-container a:hover {
    border-bottom: 5px solid #009FDB !important;
} */

#header .link-container a.select-in.applynow-menu-link { width: auto; margin-left: 0px; margin-right: 0px; border-bottom: none !important; }
#header .link-container { margin-left: 0px; padding: 0 20px; }
#header .link-container a.select-in.contactus-select { margin-left: 0px; margin-right: 0px; }
.search-container { width: auto; }

#header > *[class*="col-"] {
    padding: 0px 10px;
}

#popup-menu {
    width: 100%;
    background: #444C55;
    top: 80px;
    height: 60px;
}

#popup-menu .mob_main_menu li {
    display: inline-block;
    float: left;
}

#popup-menu ul,
#popup-menu ul ul {
    border: none;
}

#popup-menu .mob_main_menu > li.has-sub-menu.hover,
#popup-menu .mob_main_menu > li {
    border-left: none !important;
    padding: 3px 0px !important;
    text-align: center;
    height: 60px;
    line-height: 60px;
}

#popup-menu ul.mob_main_menu li a, #popup-menu ul.mob_main_menu li span,
#popup-menu .mob_main_menu > li.has-sub-menu.hover > a {
    font: normal 16px attAleckSans-Regular;
    color: #fff;
    border-bottom: 2px solid transparent;
    padding: 3px 11px;
}

#popup-menu ul.mob_main_menu li a {
    border-right: 1px solid #69707b;
}

#popup-menu ul.mob_main_menu li.has-sub-menu.hover a,
#popup-menu ul.mob_main_menu li:last-child a {
    border-right: none;
}

#popup-menu ul li.no-sub-menu a {
    padding: 3px 15px;
}

#popup-menu ul li.no-sub-menu a span,
#popup-menu ul li.no-sub-menu a:hover span{
    padding: 3px 0px;
}

#popup-menu ul li.no-sub-menu a:hover span {
    border-bottom: 2px solid #fff;
}

#popup-menu .mob_main_menu > li:nth-child(even) a,
#popup-menu .mob_main_menu > li:nth-child(even).hover a {
    /* border-left: 1px solid #69707b !important; */
    /* border-right: 1px solid #69707b; */
}

#popup-menu .mob_main_menu > li.has-sub-menu.hover {
    background: #69707b;
}

#popup-sub-menu {
    width: 100%;
    position: absolute;
    background-color: #69707B;
    z-index: 2;
    top: 140px;
    padding: 15px 0px;
}

#popup-sub-menu .menu-list {
    width: 262px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    list-style: none;
}

#popup-sub-menu #ins.menu-list {
    min-height: 350px;
}

#popup-sub-menu .menu-list.brd-right {
    border-right: 1px solid #999999
}

#popup-sub-menu .menu-list > li a,
#popup-sub-menu .menu-list > div > li a {
    font: normal 14px attAleckSans-Regular;
    color: #fff;
    padding: 10px 0px;
    display: inline-block;
}

#popup-sub-menu .menu-list > li a span,
#popup-sub-menu .menu-list > div > li a span {
    border-bottom: 2px solid transparent;
    padding-bottom: 3px;
}

#popup-sub-menu ul > li.hover a span,
#popup-sub-menu ul li > li.hover a span {
    border-bottom: 2px solid #fff;
    font-family: attAleckSans-Bold;
}

#popup-sub-menu ul > li.hover a,
#popup-sub-menu ul li > li.hover a {
    color: #fff !important;
    text-decoration: none;
}

#popup-sub-menu ul ul {
    position: absolute;
    top: 0px;
    left: 260px;
    display: none;
    width: 480px;
    min-height: 100%;
    list-style: none;
    padding-left: 20px;
}
#popup-sub-menu ul ul ul{
    position:relative;
    left:0;
    top:0;
    display:block;
}

#popup-sub-menu ul > li > ul > div,
#popup-sub-menu div.float-50 {
    width: 50%;
    float: left;
}

#popup-sub-menu ul > li.hover > ul > div > li a,
#popup-sub-menu ul > li.hover > ul > li a {
    background: none !important;
    border-bottom: 2px solid transparent;
}

#popup-sub-menu ul ul > li,
#popup-sub-menu ul ul li > li {
    padding: 6px 0px;
}

#popup-sub-menu ul ul > li a,
#popup-sub-menu ul ul li > li a {
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding: 3px 0px !important;
}

#popup-sub-menu ul ul li a:hover {
    border-bottom: 2px solid #fff !important;
    font-family: attAleckSans-Bold;
}

#popup-sub-menu-list {
    width: 40%;
    display: inline-block;
}

#header .search-container {
    margin: 0px;
}

#header .personal-container .glyphicon {
    top: 3px;
    padding-left: 5px;
}


/* ENTBUS-1005 added/ */


/************* Mobile NAV Start *************************/

.menu-icon {
    width: 20px;
    height: 20px;
    background: url('../../../content/images/image-sprite.png') -136px 0px no-repeat;
    margin: 12px 30px 0 0;
}

.close-icon {
    width: 20px;
    height: 30px;
    background: url('../../../content/images/image-sprite.png') -136px -20px no-repeat;
    margin: 8px 30px 0 0 !important;
}

#icon-menu:hover {
    cursor: pointer;
}

#side_wrapper {
    width: 320px;
    float: right;
}

#inner_wrap ul {
    list-style-type: none;
}

#mob_search {
    width: 100%;
    height: 35px;
    position: relative;
    background: #fff;
    border-radius: 2px;
    color: #444;
}


/* /ENTBUS-1005 added */

#mob_search .search_text {
    border: none;
    padding: 5px 0 6px 17px;
    width: 94%;
    float: left;
    font-family: attAleckSans-Italic;
    font-size: 16px;
    margin: 2px 2px 2px 2px;
    background: #565B60;
}


/* ENTBUS-1005 added/ */

/**#ie #mob_search .search_text {
    behavior: url(/library/javascript/PIE.htc);
}**/

#mainNavigation,
#m_menu_wrapper {
    display: none;
}

#m_menu_wrapper {
    clear: both;
    position: relative;
    z-index: 10;
}

#m_primaryNav li {
    background-color: #fff;
    border: 1px solid #f6f6f6;
}

#m_primaryNav li a {
    color: #67a0c6;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    line-height: 44px;
    padding-left: 15px;
}

#side_wrapper {
    display: none;
    position: fixed;
    top: 125px;
    left: 0px;
    bottom: 0;
    z-index: 1;
    background-color: #fff;
    padding-bottom: 50px;
}


/**z-index:1001**/

#side-wrapper-header {
    background-color: #131313;
    height: 45px;
    padding: 5px 10px 5px 10px;
    width: inherit;
    box-sizing: border-box;
    z-index: 101;
}

#side-wrapper-header.sticky{ top: initial; }

#inner_wrap li.activemenu > a
{
    color: #5a5a5a;
    display: block;
    border-bottom: 1px solid #5a5a5a;
    padding: 5px 0;
    font-size: 14px;
}

#inner-wrap ul li:first-child {
    border-top: none;
}

#inner_wrap ul li a {
    font-size: 15px;
    font-family: attAleckSans-Medium!important;
    text-decoration: none;
}

#inner_wrap .mob_main_menu .activemenu >a,
#inner_wrap .active_sub_menu > a {
    color: #5a5a5a;
    display: block;
    border-bottom: 1px solid #5a5a5a;
    padding: 3px 0;
    font-size: 14px;
}

#inner_wrap button {
    border: 0;
    background: transparent;
    padding: 0;
}

#inner_wrap ul li span.arrow_prod_m,
#inner_wrap ul li span.arrow_industries_m,
#inner_wrap ul li span.arrow_insights_m,
#inner_wrap ul li span.arrow_goto_m,
#inner_wrap ul li span.arrow_shop_m,
#inner_wrap ul li span.arrow_offers_m,
#inner_wrap ul li span.arrow_business_m,
#inner_wrap ul li span.arrow_about_m,
#inner_wrap ul li span.arrow_support_m {
    float: right;
    padding: 2px 0 0 0;
    cursor: pointer;
}

#inner_wrap ul li a span {
    color: #515151;
    display: block;
    font-size: 16px;
    line-height: 1;
    font-family: attAleckSans-Medium;
}

.mob_main_menu .blue-carat-right-icon,
.sub_mob_menu .blue-carat-right-icon {
    margin-top: 3px;
    margin-left: 15px;
}

.activemenu {
    display: block;
    padding: 20px 0 0;
    border-top-style: none !important;
}

.sub_menu_wrap {
    background-color: #fff;
}

.active_sub_menu {
    padding: 10px 15px 0px;
    border-top: none;
    background-color: #FFF;
}

.active_sub_menu_wrapper {
    display: block !important;
}

.active_sub_menu_items {
    position: relative;
    display: block !important;
    padding: 10px 15px 10px;
}

.active_sub_menu_items:first-child {
    border-top: none !important;
}

.active_sub_menu_wrapper {
    margin: 10px 0 -17px;
}

.active_sub_menu_items a {
    display: inline-block;
    vertical-align: middle;
}


.active_sub_menu .active_sub_menu_items {
    padding: 10px 0px 10px;
}

.sub_arrow_m {
    float: right;
}

.active_sub_menu_items .sub_arrow_m {
    position: absolute;
    height: 25px;
    margin-top: -12.5px;
    top: 50%;
    right: 0;
}

.account li:first-child {
    border-top: none !important;
}

.blog li:first-child {
    border-top: none !important;
}

.back_arrow {
    display: none;
}

.back_arrow .glyphicon-menu-left,
.sub_back_arrow .glyphicon-menu-left {
    top: 3px;
}

#header .logo {
    display: block;
    width: 189px;
    height: 55px;
    float: left;
    margin: 5px 15px 0 15px;
    background: url(../../../content/dam/firstnet/global/firstnet-logo-mobile.png) no-repeat !important;
}

@media screen and (min-width: 320px) {
    /* /ENTBUS-1005 added */
    .hamburger-menu,
    .close-menu {
        display: block;
        height: 30px;
    }
    .primary-menu .shop-menu,
    .primary-menu .support-menu {
        display: none;
    }
    /* ENTBUS-1005 added/ */
}


/* /ENTBUS-1005 added */

@media screen and (min-width: 320px) and (max-width: 350px) {
    #mob_search .search_text {
        width: 85%;
    }
}

@media screen and (min-width: 351px) and (max-width: 482px) {
    #mob_search .search_text {
        width: 87%;
    }
}

@media screen and (min-width: 483px) and (max-width: 600px) {
    #mob_search .search_text {
        width: 91%;
    }
    
}

@media screen and (min-width: 601px) and (max-width: 767px) {
    #mob_search .search_text {
        width: 92%;
    }
    .explore-menu{
        color: #fff;
        font-size: 20px;
        font-weight: bold;
    }
}


@media screen and (max-width: 1100px) {
    #header .rgt-container {
        /* float: right; */
        padding: 7px 10px 0 0px;
    }
    .close-menu {
        right: 0;
        margin-top: 0;
        left: 3px;
        top: 3px !important;
    }
    .primary-menu li.explore-menu .glyphicon {
        font-size: 16px !important;
    }
    .glyphicon {
        top: 2px;
    }
    button.explore-unit.mobmenu {
        border-left: 1px solid #5a5a5a !important;
        padding: 10px 0px 10px 10px !important;
        margin-top: 15px;
    }
    .webmenu{
        display:none;
    }
    #header .link-container {
        padding: 0 13px;
    }
    .glyphicon-search {
        top: 7px;
    }
    .primary-menu {
        margin-top: 16px;
        padding: 0 0px 16px 0;
    }
    
    .explore-menu{
        color: #fff;
        font: normal 20px attAleckSans-Regular;
        display: inline-block !important;
    }
    i.glyphicon.glyphicon-chevron-down.dropdown-icon{
        font-size: 20px !important;
        font-weight: normal;
        margin-top: 3px;
        float: right;
        margin-left: 2px;
    }
    #header .primary-menu {
        margin-bottom: 0;
        float: left;
    }
    #header .link-container{
        display: inline-block;
    }
    #header a.select-in span.apply-now {
        background-color: #0568ae;
        color: #fff;
        padding: 9px 23px;
        border-radius: 14px;
        font-size: 12px;
    }
    #header .right-container {
        float: right;
        padding: 7px 10px 0 0px;
    }
    .mobile-searchicon{
        display:inline-block;
    }
    #mobileside_wrapper{
        width: 55%;
        position: fixed;
        top: 60px;
        right: 10%;
        bottom: 0;
        z-index: 2;
        background-color: transparent;
        padding-bottom: 50px;
    }
    #inner_wrap {
        background-color: #444c55;
        overflow: hidden;
        margin-top: 18px;
    }
    #side-wrapper-header {
        background-color: #444C55 !important;
        height: auto !important;
        padding: 3px 10px 10px 10px !important;  
       
    }
    #mob_search {
        width: 100%;
        height: auto  !important;
    }
    #mob_search .search_text{
        background: #fff !important;
        width: 85% !important;
        color: #000;
        padding:13px 0 13px 17px !important;
        margin: 9px 2px 2px 2px;
    }
    #mob_search .search-icon {
        margin: 4px 13px 0 0;
        padding: 0;
        background-color: transparent !important;
        color: #fff;
        transform: rotate(4deg);
        font-size: 20px;
        top: 8px;
    }

    .primary-menu {
        margin-top: 0;
    }
    .primary-menu li {
        display: inline-block;
        padding: 3px 0 0 0 !important;
    }
    #header .logo {
        width: 160px;
        height: 46px;
        margin: 11px 15px 0 0;
    }
}

@media screen and (max-width: 600px) {
    #header .grdContainer {
        margin-left: 0px;
        padding: 5px 10px 0 0;
    }
    #header .link-container a:hover {
        border-bottom: 5px solid #009FDB !important;
    }
    .close-menu {
        margin-top: 0px !important;
       
    }
    .glyphicon {
        top: 2px;
    }
    .primary-menu li.explore-menu .glyphicon{
        font-size: 14px !important;
    }
    .hamburger-menu {
        width: 18px !important;
        height: 18px !important;
    }
    .primary-menu li button {
        line-height: 18px;
    }
    .primary-menu {
        margin-top: 0px;
    }
    .mobmenu{
        display: inline-block;
    }
    .webmenu{
        display: none;
    }
    #header .logo {
        width: 189px;
        height: 55px;
        float: left;
        margin: 16px 5px 0 4px;
        background-size: 100% 100% !important;
    }
    .link-container.mobile-applybtn {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #000000;
        padding: 5px 10px 2px 10px !important;
    }
    #header .primary-menu {
        float: left;
        padding-right: 0px;
        text-align: left;
    }
    .primary-menu li.explore-menu {
        padding-left: 0;
        height: auto;
    }
    .primary-menu li {
        padding: 3px 0px 0 0px !important;
        margin: 0px;
        float: right !important;
        text-align: left;
    }
    #header .right-container {
        padding: 0 0px 0 0px;
    }
    #header .personal-container a, #header .link-container a {
        padding: 3px 0 0px 0;
    }
    i.glyphicon.glyphicon-chevron-down.dropdown-icon {
        margin-left: 5px;
        margin-right: 0;
    }
    .main-par, .main-page {
        padding-top: 117px;
    }
    #header .link-container {
        margin-left: 0px;
        padding:16px 10px;
    }
    #header .link-container a.select-in.applynow-menu-link {
        width: 100%;
    }
    header a.select-in span.apply-now {
        padding:3px 23px !important;
        border-radius: 43px !important;
        width: 100%;
        float: left;
        text-align: center;
    }
    #header a.select-in span.apply-now{
        padding:5px;
    }
    .explore-menu {
        font-size: 17px;
    }
    i.glyphicon.glyphicon-chevron-down.dropdown-icon {
        font-size: 14px !important;
        margin-top: 4px;
    }
    #inner_wrap {
        margin-top: 0 !important;
    }
    .mobile-searchicon {
    float: left;
    }
    #mobileside_wrapper {
        width: 75%;
        z-index: 9999;
    }
    #side-wrapper-header {
        padding: 0px 5px 14px 15px !important;
    }
}
@media screen and (max-width: 400px){
    #mobileside_wrapper {
        width: 85%;
        z-index: 9999;
    }
    .side-wrapper-header {
        padding: 0px 5px 10px 10px !important;
    }
    #mob_search .search_text {
        width: 81% !important;
    
    }
    #mob_search {
    
        margin-top: 10px;
    }
    #mob_search .search-icon{
        font-size: 18px;
    }
    .glyphicon {
        font-size: 18px;
    }
}
/* ENTBUS-1005 added/ */


/* /ENTBUS-1005 added */

@media screen and (min-width: 320px) and (max-width: 767px) {

    #header .grdContainer.btnClass {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #000000;
        padding: 0px 10px 8px 10px !important;
        display: inline-block;
    }

    a.subscribe.subscribe-menu-link {
        width: 100%;
        display: inline-block;
        padding: 0px 0px 5px 0px;
    }
    #header .rgt-container .headingClass {
        display: none !important;
    }
     #header a.subscribe span.subscribe-now {
        background-color: #0568ae;
        color: #fff;
        padding: 5px !important;
        height: 40px;
        border-radius: 43px !important;
        border-bottom: none !important;
        width: 100%;
        display: flex;
        justify-content: center;
        font: 18px attAleckSans-Medium !important;
    }
    button.explore-unit.mobmenu {
        margin-top: 14px;
    }
    /*rakesh new nav mobile view*/
    .primary-menu li span {
        display: none;
    }
    .glyphicon-search {
        top: 1px;
    }
    .primary-menu .hamburger {
        display: block;
    }
    .primary-menu li {
        display: inline-block;
        padding: 0px 10px 0 15px;
        margin: 0px;
        float: right !important;
        border: none !important;
    }
    .primary-menu li:hover button,
    .primary-menu li:focus button,
    .primary-menu button.active {
        border-bottom: none !important;
    }
    #header {
        background: #000000;
        height: 89px !important;
    }
    #mob_search .search-icon {
        margin: 4px 16px 0 0;
        padding: 0;
        background-color: #565B60;
        color: #fff;
    }
    #mob_search {
        width: 100%;
        height: 35px;
        position: relative;
        background: #565B60;
        color: #fff;
        margin-top: 20px;
    }
    /* /ENTBUS-1005 added */
    #mob_search .search_text {
        border: none;
        padding: 5px 0 6px 15px;
        float: left;
        font-family: attAleckSans-Italic;
        font-size: 16px;
        margin: 2px 2px 2px 2px;
        background: #565B60;
    }
    /* /ENTBUS-1005 added */
    #side_wrapper {
        display: none;
        position: fixed;
        top: 60px;
        left: 0px;
        bottom: 0;
        z-index: 2;
        border-left:0 !important;
        background-color: transparent;
        padding-bottom: 50px;
    }
    #side-wrapper-header {
        background-color: #1A2027;
        height: 65px;
        padding: 3px 15px 3px 15px;
        width: inherit;
        box-sizing: border-box;
        z-index: 101;
    }
    
    #inner_wrap {
        background-color: #444c55;
        overflow: hidden;
        margin-top: 10px;
    }
    #inner_wrap ul li a {
        font-size: 18px;
        font-family: attAleckSans-Medium;
        text-decoration: none;
        color: #fff;
        margin-left: 25px;
        display: inline-block;
        padding-right: 0px !important;
        margin-right: 0px !important;
    }
    #inner_wrap ul li span.arrow_explore_m,
    #inner_wrap ul li span.arrow_prod_m,
    #inner_wrap ul li span.arrow_industries_m,
    #inner_wrap ul li span.arrow_insights_m,
    #inner_wrap ul li span.arrow_goto_m,
    #inner_wrap ul li span.arrow_shop_m,
    #inner_wrap ul li span.arrow_offers_m,    
    #inner_wrap ul li span.arrow_business_m,
    #inner_wrap ul li span.arrow_about_m,
    #inner_wrap ul li span.arrow_support_m,
    #inner_wrap ul li span.arrow_consumer_m {
        float: right;
        padding: 20px 20px 0 0 !important;
        cursor: pointer;
        color: #fff;
    }
    .mob_main_menu > li {
        margin: 0px;
    }
    .activemenu {
        display: block;
        padding: 20px 0 0;
        border-bottom-style: none !important;
        background: #1A2027;
    }
    .back_arrow .glyphicon-menu-left,
    .sub_back_arrow .glyphicon-menu-left,
    .sub_back_arrow1 .glyphicon-menu-left,
    .back_arrow2 .glyphicon-menu-left {
        top: 1px;
        color: #fff;
        left: 13px;
        font-size: 12px;
    }
    .mob_main_menu li {
        list-style: none;
        border-bottom: 1px solid #69707B;
    }
    .mob_main_menu li:last-child {
        border-bottom: none !important;
    }
    .mob_main_menu li a {
        padding: 20px 0 20px 0;
        display: inline-block;
        margin: 0 20px;
    }
    .mob_main_menu li {
        padding: 0px;
    }
    .active_sub_menu_items:last-child {
        border-bottom: none
    }
    .active_sub_menu_items {
        position: relative;
        display: block !important;
        padding: 0px;
        background: #444c55;
        border-bottom: 1px solid #69707B;
    }
    .active_sub_menu_items a {
        padding: 20px 0 20px 0;
        margin: 0 20px;
        display: block;
        font: normal 16px attAleckSans-Regular !important;
    }
    .active_sub_menu_items .sub_arrow_m,
    .active_sub_menu_items .sub_arrow_m1,
    .active_sub_menu_items .arrow_products_m {
        position: absolute;
        height: 25px;
        margin-top: -12.5px;
        top: 50%;
        right: 0;
        color: #fff;
    }
    .active_sub_menu,
    .active_sub_menu2 {
        padding: 0px;
        border-top: none;
        background-color: #1A2027
    }
    .active_sub_menu .active_sub_menu_items,
    .active_sub_menu2 .active_sub_menu_items {
        padding: 0px;
    }
    #side_wrapper {
        width: 100%;
        float: right;
    }
    #inner_wrap ul li a span {
        color: #fff;
        font: normal 16px attAleckSans-Regular;
    }
    .active_sub_menu_items a.loginlnk {
        font: normal 18px attAleckSans-Medium !important;
        color: #fff;
        margin-left: 25px !important
    }
    /*#inner_wrap .mob_main_menu .activemenu >a, #inner_wrap .active_sub_menu > a, #inner_wrap .active_sub_menu2 > a{display: none;}*/
    #inner_wrap .mob_main_menu .activemenu >a,
    #inner_wrap .active_sub_menu > a,
    #inner_wrap .active_sub_menu2 > a {
        color: #fff;
        font: normal 24px attAleckSans-Bold !important;
        padding: 10px 0px 10px 0px !important;
        display: block;
        border-bottom: none !important;
        margin-left: 15px !important;
        width: 100%;
    }
    #inner_wrap ul li a.mainmenu {
        font: normal 16px attAleckSans-Medium !important;
    }
    #inner_wrap .sub_back_arrow a,
    #inner_wrap .sub_back_arrow1 a,
    #inner_wrap .back_arrow2 a {
        display: inline-block;
        padding: 20px 0px 20px 0px !important;
        font: normal 16px attAleckSans-Medium !important;
    }
    .active_sub_menu_items:first-child {
        border-top: 4px solid #009FDB !important;
    }
    .shop-mob-nav .activemenu li {
        border-bottom: none;
    }
    .primary-menu li button {
        width: 100%;
        padding: 0px !important;
    }
    #header .blue-btm-brd,
    #header .bluet-btm-brd {
        border-bottom: none !important;
    }
    .primary-menu li.explore-menu .glyphicon {
        font-size: 18px;
        font-weight: normal;
    }
    #inner_wrap .sub_arrow_m,
    #inner_wrap .sub_arrow_m1,
    #inner_wrap .arrow_products_m,
    #inner_wrap .arrow_industries_m {
        padding: 4px 15px 0 0;
        cursor: pointer;
    }
    .sub_arrow_m,
    .sub_arrow_m1,
    .arrow_products_m {
        float: right;
    }
    .allprod {
        background: #0568ae;
        color: #fff;
        display: block !important;
        text-align: center;
        padding: 10px 0px !important;
        width: 250px;
        margin: 0px auto;
        font-size: 16px;
        border-radius:30px;
    }
    .back_arrow2 {
        margin-bottom: 10px;
    }
    .back_arrow2:hover {cursor:pointer;}
    #inner_wrap ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }
    ul.products-mob-menu li a.prod-lnk,
    ul.products-mob-menu li>ul li a,
    .sub_arrow_m1_li a,
    .sub_arrow_li a {
        margin-left: 25px;
        color: #fff;
        font: normal 16px attAleckSans-Regular !important;
    }
    .arrow_products_li a {
        margin-left: 25px !important;
        color: #fff;
        font: normal 16px attAleckSans-Regular !important;
    }
    .close-menu {
        margin-top: 10px;
        width: 18px;
        height: 18px;
    }
    .hamburger-menu {
        width: 38px;
        height: 38px;
    }
    .goto .login-title a {
        margin-left: 15px !important;
    }
    .allprod-li a {
        width: 100% !important;
        padding: 30px 0px;
        margin: 0px !important;
    }
}


/* ENTBUS-1005 added/ */

@media only screen and (max-width: 767px) {
/*******************************************************************************/

    /* ENTBUS-1003 and ENTBUS-1004 */
     .shop-mob-nav{display:block;}
     .business-unit .glyphicon-menu-hamburger, .business-unit .glyphicon-remove{display:inline-block;}
     .primary-menu li.get-started-menu {display: none;}
}

@media screen and (min-width: 768px) {
/*******************************************************************************/
    /* ENTBUS-1003 and ENTBUS-1004 */
     .shop-menu{display:block;border-right:none !important;}
     .business-unit .glyphicon-menu-hamburger, .business-unit .glyphicon-remove{display:inline-block;}
	
}
/* /ENTBUS-1005 added */

@media only screen and (min-width : 768px) and (max-width : 1199px) {
    #header a.subscribe span.subscribe-now {
        background-color: #0568ae;
        color: #fff;
        padding: 9px 23px;
        border-radius: 18px;
        font: 14px attAleckSans-Bold;
        border-bottom: none !important;
    }
    #header .rgt-container .headingClass {
        color: #fff;
        display: inline-block;
        margin-top: 0px;
        font-size: 14px;
    }
    #header .grdContainer {
        float: left;
        font-family: attAleckSans-Medium;
        display: block;
    }
    #header .rgt-container {
        float: right;
        font-family: attAleckSans-Medium;
        display:block;
        margin: 18px;
    }
    .primary-menu{float: right;}
    .primary-menu li span{display: none;}
    .primary-menu li.get-started-menu {display: none;}
    .primary-menu .hamburger{display: block;}
.primary-menu li {display: inline-block;padding: 9px 10px 0 15px;margin: 0px;float: right !important; border: none !important;}
.primary-menu li:hover button, .primary-menu li:focus button, .primary-menu button.active{border-bottom: none !important;}
#header{background: #1a2027; height:80px !important;}
#mob_search .search-icon{margin: 4px 24px 0 0;padding:0; background-color:#565B60; color: #fff;}
#mob_search{width:100%;height:35px;position:relative;background:#565B60;color:#fff;margin-top:40px;}
    
/* /ENTBUS-1005 added */
#mob_search .search_text{border:none;padding: 5px 0 6px 17px;width: 94%;float:left;font-family: attAleckSans-Italic;font-size:16px;margin: 2px 2px 2px 2px;background:#565B60;
    }
/* ENTBUS-1005 added/ */
    
#side_wrapper {display:none;position:fixed;top:60px;left:0px;bottom:0;z-index:2;background-color:transparent;padding-bottom:50px;}
#side-wrapper-header { background-color:#1A2027; height: 85px; padding: 3px 15px 3px 15px;width:inherit;box-sizing:border-box;z-index:101;}
#inner_wrap{background-color:#444c55; overflow: hidden; margin-top: 18px;}
#inner_wrap ul li a{font-size:20px;font-family:attAleckSans-Regular;text-decoration:none;color:#fff; display: inline-block; width: 60%;padding-right: 0px !important;margin-right: 0px !important;} 
#inner_wrap ul li span.arrow_explore_m,#inner_wrap ul li span.arrow_prod_m,#inner_wrap ul li span.arrow_industries_m,#inner_wrap ul li span.arrow_insights_m,#inner_wrap ul li span.arrow_goto_m,#inner_wrap ul li span.arrow_shop_m,#inner_wrap ul li span.arrow_offers_m,#inner_wrap ul li span.arrow_business_m,#inner_wrap ul li span.arrow_about_m,#inner_wrap ul li span.arrow_support_m,#inner_wrap ul li span.arrow_consumer_m{float: right;padding:30px 20px 0 0 !important;cursor: pointer;color:#fff;}

.activemenu { display: block; padding: 20px 0 0; border-bottom-style: none !important;background:#1A2027;}
.back_arrow .glyphicon-menu-left, .sub_back_arrow .glyphicon-menu-left,.sub_back_arrow1 .glyphicon-menu-left, .back_arrow2 .glyphicon-menu-left{top:1px;color:#fff;left:5px;font-size:12px;}
.back_arrow a, .back_arrow2 a, .sub_back_arrow a,.sub_back_arrow1 a{margin: 0px 10px !important;}
.mob_main_menu li {list-style: none;border-bottom:1px solid #69707B; margin:0px; padding:0 13px;}
.mob_main_menu li:last-child {border-bottom:none !important;}
.mob_main_menu li a{padding: 30px 0 30px 0;display:inline-block;margin:0 20px;}

.active_sub_menu_items:last-child {border-bottom:none}
.active_sub_menu_items { position:relative;display: block !important; padding:0px;background:#444c55;border-bottom:1px solid #69707B;}
.active_sub_menu_items a{padding: 30px 0 30px 0;margin: 0 20px;display:block;}
.active_sub_menu_items .sub_arrow_m,.active_sub_menu_items .sub_arrow_m1,.active_sub_menu_items .arrow_products_m{position:absolute;height:25px;margin-top:-12.5px;top:50%;right:0;color:#fff;}
.active_sub_menu, .active_sub_menu2 { padding:0px; border-top:none; background-color:#1A2027}
.active_sub_menu .active_sub_menu_items, .active_sub_menu2 .active_sub_menu_items{padding:0px;}
#side_wrapper {width: 100%;float: right;/* background: url(../../attbusiness/components/structure/header_simplified/clientlibs/images/border-left1.png) repeat-y; */}
#inner_wrap ul li a span {color:#fff;font:normal 16px attAleckSans-Regular;}
.active_sub_menu_items a.loginlnk{font:normal 18px attAleckSans-Bold !important;color:#fff;margin-left:20px !important}
/*#inner_wrap .mob_main_menu .activemenu >a, #inner_wrap .active_sub_menu > a, #inner_wrap .active_sub_menu2 > a{display: none;}*/
#inner_wrap .mob_main_menu .activemenu >a, #inner_wrap .active_sub_menu > a,#inner_wrap .active_sub_menu2 > a{color:#fff;font:normal 24px attAleckSans-Bold !important;padding:10px 0px 10px 0px;display: block;border-bottom: none !important;margin-left:6px !important}
#inner_wrap ul li a.mainmenu{font:normal 18px attAleckSans-Medium !important;}
#inner_wrap .sub_back_arrow a,#inner_wrap .sub_back_arrow1 a, #inner_wrap .back_arrow2 a{display:inline-block;padding:30px 0px 20px 0px !important;font:normal 18px attAleckSans-Medium !important;}
.active_sub_menu_items:first-child {border-top:4px solid #009FDB !important;}
.shop-mob-nav .activemenu li{border-bottom:none;}
.primary-menu li button {width:100%;padding: 0px !important;}
#header .blue-btm-brd,#header .bluet-btm-brd {border-bottom: none !important;}
#header .logo {display: block;width: 206px;height: 60px;float: left;margin: 10px 15px 0 15px;background: url(../../../content/dam/firstnet/global/firstnet-logo-desktop.png) no-repeat !important;}
.primary-menu li.explore-menu .glyphicon {font-size: 18px !important;font-weight: normal;}
#inner_wrap .sub_arrow_m ,#inner_wrap .sub_arrow_m1, #inner_wrap .arrow_products_m{padding: 4px 30px 0 0;cursor: pointer;}
.sub_arrow_m,.sub_arrow_m1,.arrow_products_m {float: right;}
.allprod{background:#0568ae;color:#fff;display:block !important;text-align:center;padding:10px 0px !important; width: 300px; margin: 0px auto; font:normal 16px attAleckSans-Medium;}

.back_arrow2{margin-bottom:10px;}
#inner_wrap ul {list-style-type: none;padding: 0px;margin: 0px;}
ul.products-mob-menu li a.prod-lnk,ul.products-mob-menu li>ul li a,.sub_arrow_m1_li a,.sub_arrow_li a{margin-left:20px;color:#fff;font:normal 20px attAleckSans-Regular !important;}
.arrow_products_li a{/*margin-left:20px !important;*/color:#fff;/*font:normal 18px attAleckSans-Regular !important;*/}
.back_arrow2 a, .sub_back_arrow1 a, .sub_back_arrow a{margin: 0px 23px !important;}
.back_arrow2 span, .sub_back_arrow1 span, .sub_back_arrow span{left: 18px !important;}
.sub_menu_wrap li a{padding:30px 13px;}
.active_sub_menu > a, .active_sub_menu2 > a{padding-left: 13px !important;}
.goto .login-title a{ padding-left: 0px;}
.goto a span{font:normal 16px attAleckSans-Regular !important;}
.allprod-li a{width: 100% !important;  padding: 30px 0px;  margin: 0px !important;}
}
/* ENTBUS-1005 added/ */

/* /ENTBUS-1005 added */

/* ENTBUS-1005 added/ */
@media screen and (min-width: 1200px) { 
    /** Bootstrap Container Custom Desktop Width **/
    #header a.subscribe span.subscribe-now {
        background-color: #0568ae;
        color: #fff;
        padding: 12px 36px 10px;
        border-radius: 20px;
        font: 17px attAleckSans-Regular;
        font-weight: 900;
        letter-spacing: 1px;
        border-bottom: none !important;
    }

    #header .rgt-container .headingClass {
        color: #fff;
        display: inline-block;
        margin-top: 0px;
        font-weight: 900;
        letter-spacing: 1px;
        line-height: 1.1;
    }
    #header .grdContainer {
        float: left;
        font-family: attAleckSans-Regular;
        display: block;
    }
    div#mob-searchicon {
        display: none !important;
    }
    .primary-menu li.explore-menu .glyphicon {
        display: none;
    }
    .mobmenu {
        display: none;
    }
    .header-wrapper .container{width:100%;}
    #header .personal-container { display:block;text-align:right;}
    #header .primary-menu { float: left; }
    .shop-mob-nav{display:none;}
    #icon-menu,#side_wrapper,#side_wrapper #inner_wrap{display:none;}
    
    #header.resp-header {max-width:980px;}
    #header.fluid-header {padding: 11px 60px 0px 50px;}
    #header  ul.search {display:block;/* float:right; */position:relative;background-color:transparent;/* width: 250px; */list-style-type:none;margin:15px 10px 0 0;/* height:30px; */padding:0;/* border-radius:5px; *//* -webkit-border-radius:5px; *//* border:1px solid #fff; */}
    
   /** #ie #header ul.search{behavior:url(/library/javascript/PIE.htc);} **/
    #header ul li.last a { border: 0pt none; margin-right: 10px !important; }
    #header  #cludo-search-form { white-space: nowrap; width: 100%; height: 30px; background-color: transparent; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
   /** #ie #header #searchForm {behavior:url(/library/javascript/PIE.htc);} **/
    #header #cludo-search-form .inputbox{border:1px solid transparent;font-family:attAleckSans-Regular;font-size:14px;padding: 3px 0 3px 9px;margin:0 2px 0 2px;/* width: 200px; */vertical-align:middle;color:#fff;/* background-color: transparent; */}
    #header .logo{float:left;margin: 4px 12px 0 18px;}
    /************* Header Start *************************/
    #icon-menu,#side_wrapper,#side_wrapper #inner_wrap{display:none;}

    #header.resp-header {max-width:980px;}
    #header.fluid-header {padding: 11px 60px 0px 50px;}

    #header  ul.search {display:block;/* float:right; */position:relative;background-color:transparent;/* width: 250px; */list-style-type:none;margin:15px 10px 0 0;/* height:30px; */padding:0;/* border-radius:5px; *//* -webkit-border-radius:5px; *//* border:1px solid #fff; */}
    
   /** #ie #header ul.search{behavior:url(/library/javascript/PIE.htc);} **/
    #header ul li.last a { border: 0pt none; margin-right: 10px !important; }
    #header  #cludo-search-form { white-space: nowrap; width: 100%; height: 30px; background-color: transparent; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
   /** #ie #header #searchForm {behavior:url(/library/javascript/PIE.htc);} **/
    #header #cludo-search-form .inputbox{border:1px solid transparent;font-family:attAleckSans-Regular;font-size:14px;padding: 5px 0 0 9px;margin:0 2px 0 2px;/* width: 200px; */vertical-align:middle;color:#fff;/* background-color: transparent; */}
    #header .logo{float:left;margin: 4px 12px 0 18px;}
    #header .segment { float:left; font-family: attAleckSans-Regular; font-size:13px; }
    #header .segment img { margin-left: 35px; }
    #mainNavigation { display:block; float:left;height:37px;margin-top:8px; margin-left:80px; }

    /******** Primary Navigation ********/
    #primaryNav{display:block;position:relative;height:100%;}
    #primaryNav > li {float:left;list-style-type:none;padding:0 15px 0 15px;display:block;height:37px;transition-delay:0.3s;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;}
    #primaryNav > li > div.menu-divider {position: relative;}
    #primaryNav > li > div.menu-divider:before {content: '';width: 1px;height: 25px;background-color: #919191;position: absolute;top: 3px;left: -15px;transition-delay:0.3s;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;}
    #primaryNav > li:first-child > div.menu-divider:before {content: '';width: 0;}
    #primaryNav > #active-page.no-menu-divider+li >div.menu-divider:before, #primaryNav > #active-page.no-menu-divider >div.menu-divider:before { width: 0;}
    #primaryNav > li:hover ~ li > div.menu-divider:before {width: 1px !important;}
    #primaryNav > li:hover ~ li > div.menu-divider a {color: #fff !important;}
    #primaryNav > li:hover > div.menu-divider:before {background-color: #fff;transition-delay:0.3s;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;}
    #primaryNav > li:hover + li > div.menu-divider:before {background-color: #000;transition-delay:0.3s;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;}
    #primaryNav > li:hover{background-color:#fff;border-top-left-radius:3px;border-top-right-radius:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px; -moz-border-top-left-radius:3px;-moz-border-top-right-radius:3px; transition-delay:0.3s; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s;}
    #primaryNav > li > div.menu-divider a {padding-top: 4px !important;}
    #primaryNav > li  a{text-decoration:none;color:#fff;display:block;padding-top: 11px;font-family:attAleckSans-Medium;font-size:18px;transition-delay:0.3s;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;}
    #primaryNav > li:hover a{color:#067AB4; transition-delay:0.3s; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s;}
    #primaryNav li > .secondaryNav { 
        display:block !important; 
        visibility:hidden; 
        opacity:0; 
        transition:visibility 0s linear 0.3s, opacity 0.3s linear; 
        transition-delay:0.3s; 
        -webkit-transition:visibility 0s linear 0.3s, opacity 0.3s linear; 
        -webkit-transition-delay:0.3s; 
        -moz-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
        -moz-transition-delay:0.3s; 
        -o-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
        -o-transition-delay:0.3s; 
        z-index:1001 !important;
    }
    #primaryNav li:hover > .secondaryNav{ visibility:visible; opacity:1; transition-delay:0s; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s;z-index:1001 !important;}
    #primaryNav li#active-page{background:#fff;border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;}
    #primaryNav li#active-page a{color:#131313;}
    #primaryNav li#active-page a:hover, 
    #primaryNav li span.all-services:hover{color:#067ab4;}
    #primaryNav li span.all-services {font-family:attAleckSans-Medium; font-size:14px; padding-top:20px;display:block;}

    /*wholesale menu changes ENTBUS-419*/
    #primaryNav.wholesale-menu li:hover{background:none;}
    #primaryNav.wholesale-menu li:hover a{border-bottom:1px solid #fff;color:#fff;}
    #primaryNav.wholesale-menu li.has-submenu:hover{background:#fff;}
    #primaryNav.wholesale-menu li.has-submenu:hover a{border-bottom:none;color:#131313;}
    #primaryNav.wholesale-menu li .secondaryNav a:hover{border-bottom:none;color:#067ab4;}
    #primaryNav.wholesale-menu > li:hover + li > div.menu-divider:before {background-color: #919191;}
    #primaryNav.wholesale-menu > li:hover > div.menu-divider:before {background-color: #919191;}
    #primaryNav.wholesale-menu > li.has-submenu:hover > div.menu-divider:before {background-color: transparent;}

    /* ENTBUS-1003 and ENTBUS-1004 */
    .shop-menu{display:block;}
    .shop-mob-nav{display:none;}

    .secondaryNav li > div {
        display:block !important; 
        visibility:hidden; 
        opacity:0; 
        transition:visibility 0s linear 0.3s, opacity 0.3s linear; 
        transition-delay:0.3s; 
        -webkit-transition:visibility 0s linear 0.3s, opacity 0.3s linear; 
        -webkit-transition-delay:0.3s; 
        -moz-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
        -moz-transition-delay:0.3s; 
        -o-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
        -o-transition-delay:0.3s; 
    }
    .secondaryNav li:hover > div{ visibility:visible; opacity:1; transition-delay:0s; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s;}

    .secondaryNav{ z-index:1000;position:absolute;left:-242px;width:978px;display:block;clear:both;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;border-left:1px solid #f2f2f2;background-color:#fff;top:37px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px; -moz-border-bottom-left-radius:3px; -moz-border-bottom-right-radius:3px;-moz-box-shadow:3px 3px 6px #f2f2f2;-webkit-box-shadow:3px 3px 6px #f2f2f2;box-shadow:3px 3px 6px #f2f2f2;/*box-shadow:3px 2px 3px #f2f2f2; opacity:25%;filter:Alpha(opacity=25);*/}

    .secondaryNav li{padding: 0px 18px 30px 15px;float:left;display:block;line-height:1.15em;font-size: 15px;}  /** Updated from padding:0 18px 17px 22px; for hover issue **/
    .menu-triangle:before,
    .menu-triangle:after {
        content: '';
        display: block;
        width: 1px;
        height: 0;
        position: absolute;
        left: 50%;
        bottom: 1px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #f2f2f2;
        z-index: 1002;
        margin-left: -20px;
    }
    .menu-triangle:after {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #fff;
        bottom: 0px;        
    }
    #header .select-in {display: block;}
    .popmenu-active {
        position:relative;
        display: none;
    }
    #header a.select-in span.apply-now {background-color: #0568ae; color:#fff; padding:9px 23px; border-radius: 18px; font: 17px attAleckSans-Bold;}
	#header li.get-started {display:none;}
    .secondaryNav li:hover .popmenu-active {
        display: block;
        padding-bottom:20px;
    }
		
    /** goto component start */
    #header .goto-container {
        float: left;
        width: 18%;
        text-align: center;
        cursor: pointer;
        font-family: attAleckSans-Medium;
        position:relative;
    }
    .goto-container .select-in{ display: block;margin: 0 auto;}
    
    /** Contact Component */
    #header .link-container {
        float: left;
        cursor: pointer;
        font-family: attAleckSans-Medium;
        display:block;
    }
    #header .link-container .account-unit{
        margin-top: 18px;
    }

    #header .rgt-container {
        float: right;
        font-family: attAleckSans-Medium;
        display:block;
        margin: 20px;
    }

    #header .link-container a{display:block;margin:0 auto;text-align:center;}
    /* #header .link-container a:hover {border-bottom: 5px solid #009FDB !important;} */
    
    /** goto component start */
    #header .select-in {
        color: #fff;
        cursor: pointer;
    }
    #header .select-in.active {border-radius: 3px 3px 0 0;}

    #header .select-in span.goto-downarrow {
        background: transparent url("../../../content/images/image-sprite.png") no-repeat scroll -83px -250px;
        width: 30px;
        height: 15px;
        display: block;
        float: left;
    }
    #header .goto-options {
        display: none;
        margin-top: 0;
        border: 1px solid #595959;
        background: white;
        position: absolute;
        z-index: 3;
        border-radius: 0 0 3px 3px;
        width: 250px;
    }
    #header .goto-options li {
        list-style: none;
        margin: 0;
        line-height: 36px;
        padding: 0px 15px;
    }
    #header .goto-options li a {
        color: #0568ae;
        font-size: 17px;
        padding: 10px 0;
        display: block;
        border-top: 1px solid #5a5a5a;
        font-family: 'attAleckSans-Medium';
    }
    #header .goto-options li:first-child a {
        border:0;
    }
    #header .goto-options li a span{
        color: #5a5a5a ;
        display: block;
        font-size: 14px;
        line-height: 1;
        font-family: 'attAleckSans-Medium';
    }
    #header .goto-options li:hover,#header .goto-options li.hover {
        background-color: #ccc;
    }
    /** goto component end */
    #primaryNav  .secondaryNav li a{color:#131313;display:block;font-size:14px;font-family:attAleckSans-Medium;padding-top: 20px;transition: color 0s linear 0.3s;transition-delay:0.3s;-webkit-transition: color 0s linear 0.3s;-webkit-transition-delay:0.3s;-moz-transition: color 0s linear 0.3s;-moz-transition-delay:0.3s;-o-transition: color 0s linear 0.3s;-o-transition-delay:0.3s;}
    #primaryNav  .secondaryNav li:hover a{color:#199ddf; transition-delay:0s; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s;}
    #primaryNav  .blogNav li {padding: 0 9px 18px;}
    #primaryNav  .blogNav li a {text-align: left;}  
    li.menu-link:hover a {font-family:attAleckSans-Medium !important; text-decoration: underline !important; }

    .menu_header{ display:block; margin: 0 20px 25px 20px;padding-top:15px;line-height:24px;color: #666; font-size: 14px; font-family: attAleckSans-Italic; }
    .secondaryNav li div ul li {padding:0;}
    .secondaryNav  div.submenuwrapper{border-top:1px solid #f2f2f2;background-color:#fff;left:-1px;position:absolute;z-index:1000;width:978px;top:83px;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;border-left:1px solid #f2f2f2;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-bottom-left-radius:3px;-moz-border-bottom-right-radius:3px;-moz-box-shadow:3px 3px 6px #f2f2f2;-webkit-box-shadow:3px 3px 6px #f2f2f2;box-shadow:3px 3px 6px #f2f2f2;}
    .secondaryNav div ul{margin:10px 10px 10px;padding:0;}
    .secondaryNav  div ul li{margin:0 10px 0;}
    .secondaryNav  div ul li:hover a { text-decoration: underline;}
    .submenu_wrapper{float: left;width: 100%;height:100%;position: relative;z-index: 1000;overflow:hidden;}
    .submenu{width: 295px;float:left;margin:0 25px 20px 5px;}
    .menu-featured-spot { margin: 20px 0 20px 30px;padding-left:30px; height:211px;border-left:1px solid #ccc; }
    .submenu ul{margin-bottom:30px;}
    .submenu li{float:none;line-height:13px;}
    .submenu-level1 a{ font-family: attAleckSans-Medium !important; font-size:14px !important; font-weight: bold;}
    .submenu-level2 a { font-family: attAleckSans-Medium !important; padding-left: 10px}
    .submenu-level3 a { font-family: attAleckSans-Medium !important; margin: 0 0 0 15px;}
    #primaryNav .submenu li  a{padding-top:15px;line-height:18px;font-family:attAleckSans-Medium;color:#666666 !important;}
    #primaryNav .submenu li  a:hover { text-decoration: underline; }

    .menu_header span.nav-title{float:left; color:#666;font-family:attAleckSans-Regular;font-size:24px; margin: 0 40px 20px 0;}
    .menu_header span.nav-desc{color: #666666;font-family: attAleckSans-Italic;font-size: 14px;}
    .menu_header p{color:#666666;font-size:14px;font-family:attAleckSans-Italic;}

    .account-links a { color:#067AB4 !important; }
    .account-links a:hover { text-decoration:underline; color:#199ddf !important; }
    ul.acc_login{clear:both;margin:0 !important;}
    .submenu p{float:left;margin:10px 0 20px 0;padding:0;font-size:11px;font-family:attAleckSans-Medium;}
    .submenu  img {clear:both;display:block; margin: 0 0 0;}
    #primaryNav  .submenu p a{font-size:13px;padding:0;}
    #primaryNav  .submenu p a:hover{font-size:13px !important; text-decoration:underline !important;}
    #primaryNav  .submenu p  span{margin:0 10px;}
    .submenu p a,.submenu p span{float:left;display:block;}
    .submenu ul li{color: #666666;font-size: 13px;}
    .secondaryNav div ul.acc_login li{margin:0;padding:0 0 10px 12px;line-height:16px; font-family:attAleckSans-Medium;} /* background:url('../../attbusiness/components/structure/header_simplified/clientlibs/bullet.jpg') no-repeat; */
    .secondaryNav div ul.acc_login li:last-child { padding-bottom:0; }
    .border_divider{border-right:1px solid #f2f2f2; font-family:attAleckSans-Medium; margin:15px 0 15px 25px; height: 390px; padding-right:30px; width:270px;}
    /**.border_divider:last-child{border-right:none; margin: 15px 0 0 25px; padding-right:0px;} Added as inline style for now for IE8 support*/

    .secondaryNav .submenuwrapper .submenu_wrapper .submenu li b a{font-size:15px!important}
    .viewall_desk{clear:both;margin:0 20px 16px 20px;border-top:1px solid #ccc;}
    .viewall_desk a {font-family:attAleckSans-Medium !important;color:#666666  !important;} 
    .viewall_desk a:hover { text-decoration: underline !important; }
    #q{display:block;float:left;}
    /************* Header End   *************************/
    .primary-menu{display: block;}
    .personal-container{display: block;}
    #side_wrapper #side-wrapper-header,#inner_wrap{display:none;}
    /* /ENTBUS-1005 added */
    
    .hamburger-menu, .close-menu{display:none !important;}
    #header {
        padding: 16px 0px 0px 0px;
    }
    #header .logo{
        margin: 0px 28px 0 0px;
        background: url(../../../content/dam/firstnet/global/firstnet-logo-desktop.png) no-repeat !important;
        height: 57px;
        width: 197px;
    }
    #popup-menu .container, #popup-sub-menu .container{padding-left: 0px;}
    
    #header .goto-container:hover .select-in, #header .goto-container.active .select-in{border-bottom: 5px solid #009FDB;}
    #header .goto-options{left:-50px; background: #444C55; border:none; width:335px;}
    #header .goto-options li:hover, #header .goto-options li.hover {  background-color: #69707B;}
    #header .goto-options .goto-heading{cursor:default; font: normal 22px attAleckSans-Bold; color:#fff;   padding: 15px 20px;}
    #header .goto-options li{border-top: 1px solid #69707B; padding: 0px 20px;}
    #header .goto-options li a, #header .goto-options li a span{color:#fff;}
    #header .goto-options li a{font:normal 18px attAleckSans-Bold; border-top: none;}
    #header .goto-options li a span{font:normal 14px attAleckSans-Regular;}
    #header .goto-options li a{width: 265px; padding: 15px 0px;}
    
    .primary-menu li span{display: inline;}
    .primary-menu .shop-menu, .primary-menu .support-menu{display: block !important;}
    .primary-menu .hamburger{display: none;}
    
    /* ENTBUS-1005 added/ */
    
    #popup-sub-menu ul ul.col3{width:720px !important;}
    #popup-sub-menu ul ul.col3 div{width:33.33% !important;}
    #popup-sub-menu ul ul.col3>li {float: left;width: 33.33%;}
    #popup-sub-menu ul ul.col2>li {width: 50%;float: left;}
}
/* @media screen and (min-width : 768px) {
.hamburger-menu, .close-menu{display:none !important;}

} */

#popup-menu {position: absolute;/* width: 280px; *//* background-color: #fff; */z-index: 2;/* top: 45px; */}
#popup-menu ul li{/* margin: 0 15px; */}
#inner-wrap ul li:first-child { border-top: none; }
#popup-menu ul li a{color: #131313;font-size:15px;font-family:attAleckSans-Medium;line-height:26px;text-decoration:none;} 

 
.mob_main_menu li {/* padding: 10px 0 10px; */list-style: none;}
#popup-menu .sub-menu .sub-menu li{padding: 9px 0 9px 10px;} 
#popup-menu .sub-menu .sub-menu li a  {line-height: 20px;}
#popup-menu .mob_main_menu .menu-divider div{border-top: 1px solid #ccc;height: 1px;width: 94%;margin-right: 10px;}
#inner_wrap .mob_main_menu .menu-divider div{border-top: 1px solid #ccc;height: 1px;}
#popup-menu .mob_main_menu .sub-menu li {background-color: #f1f1f1;}
#popup-menu .mob_main_menu > li:not(.menu-divider).hover {border-left: 5px solid #0568ae; padding-left: 10px; padding-right: 0; } 

#popup-menu { display: none; }
#popup-menu ul ul {
    position: absolute;
    left: 278px;
    top: 0;
    width: 280px;
    background-color: #f1f1f1;
    display: none;
    min-height: 100%;
}
#popup-menu .back_arrow{display: none !important;}
.primary-menu{box-sizing: border-box; height: auto;}

@media (hover:none){
    .primary-menu .business-unit:hover{border-bottom:5px solid #000 !important;}
    .primary-menu .business-unit.active{border-bottom: 5px solid #ea7400 !important;}
}
/* /ENTBUS-761 */

.personal-container { float: right; line-height: 45px; cursor: pointer; }
.primary-menu-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; width: 100%; height: 100%; z-index: 2; opacity: .5; display: none; }

/* skip navigation starts */
.skip-navigation { top: -80px;transition: top 0.3s linear; text-align: center; color: #009fdb; margin: 0 auto; position: fixed; z-index: 1001; transform: translate(-50%, 0); left: 50%; display: block; }
.skip-navigation span {display: inline-block; padding: 6px 24px; margin-top: 25px; border: 1px solid #fff; border-radius: 15px;}
.skip-navigation-mask { display: none; position: fixed; left: 0; right: 0; height: 80px; background-color: #000; }
.skip-navigation:focus { outline: none; top:0px; transition: top .3s linear; z-index: 1003; color: #fff; text-decoration: underline; }
.skip-navigation:focus ~ .skip-navigation-mask { z-index: 1002; }
/* skip navigation ends */
button.explore-unit:focus,
button.shop-unit:focus,
button.support-unit:focus { border-bottom: 5px solid #009fdb !important;}

@media screen and (min-width: 1200px) {
    .skip-navigation-mask { display: block; }
	#header li.get-started {display:block;}
	#header .goto-container {width:18%;}
	#header .link-container > a {float:right;}
    /* #header .grdContainer > a {float:right;} */
    #header .link-container > a .glyphicon-earphone { top: 4px; }
	#header .personal-container {width:50px;}
    #header ul.search { margin: 18px 0px 0 0; padding-right: 10px;}
}

@media screen and (min-width: 1920px) { 
    #header.fluid-header {padding: 11px 40px 0px 40px;}        
}
.rai-form {
  font-size: 16px;
}
.rai-form .form-hidden {
  display: none;
}
.rai-form .form-wrapper {
  max-width: 1180px;
  margin: 0 auto;
  padding: 40px 0;
}
.rai-form .header-text h3 {
  color: #ea7400;
  font-size: 34px;
  font-family: attAleckSans-Regular;
}
.rai-form .intro {
  margin-bottom: 40px;
  font: normal 18px attAleckSans-Medium;
}
.rai-form .form-div {
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 24px;
}
.rai-form .form-div:nth-child(n+1) {
  margin-right: 0;
}
.rai-form .form-div label {
  float: left;
  width: 100%;
  margin-bottom: 16px;
  font: normal 14px attAleckSans-Medium;
  color: #191919;
}
.rai-form .form-div .radio-box label,
.rai-form .form-div .check-box label {
  width: 90%;
  float: none;
  margin: 0 0 10px 5px;
  vertical-align: top;
}
.rai-form .form-div input[type="text"],
.form-div select {
  width: 100%;
  padding: 12px;
  font: normal 14px attAleckSans-Medium;
  color: #191919;
}
.rai-form .form-div input[type="text"]:focus,
.form-div select:focus {
  border: 1px solid #0568AE;
  outline: none;
}
.rai-form #comments-div.form-div {
  margin-right: 1%;
}
.rai-form .form-div.comments-div {
  width: 100%;
}
.rai-form .form-div .form-textarea {
  height: 100px;
  max-height: 150px;
  width: 100%;
  padding: 16px;
}
.rai-form .submit-button {
  width: 170px;
  margin: 40px auto;
  clear: both;
}
.rai-form h2.section-heading {
  padding: 0 0 5px 0;
  font: normal 22px attAleckSans-Regular;
  color: #191919;
}
.submit-button-container {
  margin: 40px 0;
  text-align: center;
}
.rai-form .form-div .rai-errors {
  margin-top: 5px;
}
.rai-form .form-div .rai-errors {
  padding-left: 0px;
}
.rai-form .form-div .rai-errors {
  list-style: none;
  color: red;
  font: normal 14px attAleckSans-Medium;
}
.rai-form section.body-section {
  background-color: #fff !important;
}
.rai-form .section-response .thanks-message {
  display: none;
}
.rai-form .section-response .response-error-message {
  display: none;
}
.rai-form .thanks-message h2.section-heading {
  padding-left: 0;
}
.rai-form p.thanks-content {
  font: normal 18px attAleckSans-Medium;
  margin: 40px 0;
}
.rai-form .thanks-message-footer p {
  text-align: center;
}
.rai-form .thanks-message-footer p a {
  text-transform: uppercase;
}
.rai-form .form-footer {
  font: normal 13px/16px attAleckSans-Medium, Arial, sans-serif;
  color: #444;
  width: 80%;
  margin: 0px auto;
  padding-bottom: 25px;
  text-align: center;
  float: left;
  width: 100%;
}
.rai-form a.icon-long-arrow i {
  position: absolute;
  transform: translateX(20%);
  transition: all 300ms cubic-bezier(0.63, 0.64, 0.3, 1);
}
.rai-form a.icon-long-arrow:hover i {
  transform: translateX(100%);
  transition: all 300ms cubic-bezier(0.63, 0.64, 0.3, 1);
}
.rai-form a.rai-form-anchor {
  display: none;
}
@media screen and (min-width: 320px) {
  .rai-form .intro {
    font: normal 16px attAleckSans-Regular;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 630px) {
  .rai-form .form-div {
    width: calc(50% - 12.5px);
  }
  .rai-form .form-div:nth-child(odd) {
    margin-right: 25px;
  }
}
@media screen and (min-width: 768px) {
  .rai-form h2.section-heading {
    padding: 0px;
    font: normal 22px attAleckSans-Regular;
  }
  .rai-form .intro {
    font: normal 16px attAleckSans-Regular;
  }
}
@media screen and (min-width: 1024px) {
  .rai-form h2.section-heading {
    padding: 0px;
    font: normal 34px attAleckSans-Regular;
  }
}
#otherProductContainer {
  display: none;
}
/* Aligning the Products Interested checkboxes. */
@media screen and (min-width: 768px) {
  .rai-form #selectProduct .checkbox-container {
    width: 100%;
    display: grid;
    grid-template-columns: auto auto;
  }
  .rai-form #selectProduct .checkbox-container .check-box label {
    width: auto;
    margin-bottom: 6px;
  }
  .rai-form #selectProduct .checkbox-container .check-box:nth-last-child(2) label,
  .rai-form #selectProduct .checkbox-container .check-box:last-child label {
    margin-bottom: 0;
  }
}