/* FROM MAIN.CSS */

@font-face {

    font-family: 'Lato';

    src: url("../fonts/Lato-Regular.ttf") format("truetype");

    font-style: normal;

}



@font-face {

    font-family: 'Lato Black';

    src: url("../fonts/Lato-Black.ttf") format("truetype");

    font-style: normal;

}



@font-face {

    font-family: 'Lato BlackItalic';

    src: url("../fonts/Lato-BlackItalic.ttf") format("truetype");

    font-style: normal;

}



@font-face {

    font-family: 'Lato Bold';

    src: url("../fonts/Lato-Bold.ttf") format("truetype");

    font-style: normal;

}



@font-face {

    font-family: 'Lato BoldItalic';

    src: url("../fonts/Lato-BoldItalic.ttf") format("truetype");

    font-style: normal;

}



@font-face {

    font-family: 'Lato Hairline';

    src: url("../fonts/Lato-Hairline.ttf") format("truetype");

    font-style: normal;

}



@font-face {

    font-family: 'Lato HairlineItalic';

    src: url("../fonts/Lato-HairlineItalic.ttf") format("truetype");

    font-style: normal;

}



@font-face {

    font-family: 'Lato Italic';

    src: url("../fonts/Lato-Italic.ttf") format("truetype");

    font-style: normal;

}



@font-face {

    font-family: 'Lato Light';

    src: url("../fonts/Lato-Light.ttf") format("truetype");

    font-style: normal;

}



@font-face {

    font-family: 'Lato LightItalic';

    src: url("../fonts/Lato-LightItalic.ttf") format("truetype");

    font-style: normal;

}



@font-face {

    font-family: 'Swift Italic';

    src: url("../fonts/Swift-italic_43141.ttf") format("truetype");

    font-style: normal;

}



@font-face {

    font-family: 'Swift Regular Italic';

    src: url("../fonts/Swift-Regular-Italic.ttf") format("truetype");

    font-style: normal;

}



@font-face {

    font-family: 'Merriweather Light';

    src: url("../fonts/Merriweather-Light.ttf") format("truetype");

    font-style: normal;

}



html, body {

    color: #333333;

    font-family: 'Lato', sans-serif;

    height: 100%;

    width: 100%;

}



body {

    padding-top: 80px;

}



    html *, body * {

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

    }



a {

    transition: all 275ms ease-in-out;

}



    a:hover {

        color: #0e6ba5;

        cursor: pointer;

        text-decoration: none;

    }



h1 {

    /*font-size: 40px;*/

}



h2 {

    /*color: #fff;*/

    /*font-size: 38px;*/

    margin-bottom: 15px;

    margin-top: 0;

}



h3 {

    /*color: #fff;*/

    margin-bottom: 25px;

    margin-top: 0px;

}





input:focus::-webkit-input-placeholder {

    transition: all 300ms ease-in-out;

    color: transparent !important;

}



input:focus::-moz-placeholder {

    transition: all 300ms ease-in-out;

    color: transparent !important;

}



/* FF 19+ */

input:focus:-ms-input-placeholder {

    transition: all 300ms ease-in-out;

    color: transparent !important;

}



/* IE 10+ */

textarea:focus::-webkit-input-placeholder {

    transition: all 300ms ease-in-out;

    color: transparent !important;

}



textarea:focus::-moz-placeholder {

    transition: all 300ms ease-in-out;

    color: transparent !important;

}



/* FF 19+ */

textarea:focus:-ms-input-placeholder {

    transition: all 300ms ease-in-out;

    color: transparent !important;

}



/* IE 10+ */

.flush {

    margin-left: -15px;

    margin-right: -15px;

}



.max-width {

    margin: 0 auto;

    max-width: 1200px;

}



@media (min-width: 992px) {

    .transparent {

        opacity: 0;

    }

}



.align-start {

    -ms-flex-item-align: start;

    align-self: flex-start;

}



.align-end {

    -ms-flex-item-align: end;

    align-self: flex-end;

}



.font--light {

    font-family: 'Lato Light';

}



.font--bold {

    font-family: 'Lato Bold';

}



.font--highlight {

    color: #67418C;

}



.font--highlight-2 {

    color: #0e6ba5;

}



.font--upper {

    text-transform: uppercase;

}



.mb-0 {

    margin-bottom: 0px;

}



.mb-10 {

    margin-bottom: 10px;

}



.mb-15 {

    margin-bottom: 15px;

}



.mb-20 {

    margin-bottom: 20px;

}



.mb-30 {

    margin-bottom: 30px;

}



.mb-40 {

    margin-bottom: 40px;

}



.mt-0 {

    margin-top: 0px;

}



.mt-10 {

    margin-top: 10px;

}



.mt-15 {

    margin-top: 15px;

}



.mt-20 {

    margin-top: 20px;

}



.mt-30 {

    margin-top: 30px;

}



.mt-40 {

    margin-top: 40px;

}



.ml-15 {

    margin-left: 15px;

}



.mr-15 {

    margin-right: 30px;

}



.pb-0 {

    padding-bottom: 0px;

}



.pb-10 {

    padding-bottom: 10px;

}



.pb-20 {

    padding-bottom: 20px;

}



.pb-30 {

    padding-bottom: 30px;

}



.pb-40 {

    padding-bottom: 40px;

}



.pb-50 {

    padding-bottom: 50px;

}



.pb-60 {

    padding-bottom: 60px;

}



.pb-90 {

    padding-bottom: 90px;

}



.pt-0 {

    padding-top: 0px;

}



.pt-10 {

    padding-top: 10px;

}



.pt-20 {

    padding-top: 20px;

}



.pt-30 {

    padding-top: 30px;

}



.pt-40 {

    padding-top: 40px;

}



.pt-50 {

    padding-top: 50px;

}



.pt-60 {

    padding-top: 60px;

}



.pt-90 {

    padding-top: 90px;

}



.pt-120 {

    padding-top: 120px;

}



.no-pad {

    padding-left: 0px;

    padding-right: 0px;

}



.contact-form {

    background: rgba(17, 24, 38, 0.95);

    color: #fff;

    font-family: 'Lato Bold';

    font-size: 16px;

    opacity: 0;

    padding: 80px;

    position: fixed;

    height: 100%;

    width: 80%;

    right: -100%;

    top: 80px;

    transition: all 500ms ease-in-out;

    z-index: 4;

}



    .contact-form.active {

        opacity: 1;

        right: 0;

    }



.contact-form__close {

    background: none;

    border: none;

    outline: none;

    position: absolute;

    top: 10px;

    left: 10px;

    font-size: 30px;

}



    .contact-form__close:hover {

        cursor: pointer;

    }



.fixed-bg {

    -ms-flex-align: center;

    align-items: center;

    background-attachment: fixed;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    min-height: 100%;

    overflow: hidden;

    position: relative;
	padding-bottom:40px;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;

}



.fixed-bg-np {

    -ms-flex-align: center;

    align-items: center;

    background-attachment: fixed;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    min-height: 80%;

    overflow: hidden;

    position: relative;

}



.fixed-bg--inner {

    min-height: 50%;

}



    .fixed-bg--inner.bg-1 {

        min-height: 30%;

    }



    .fixed-bg--inner.bg-operate {

        min-height: 50%;

    }





    .fixed-bg--inner.bg-1 .section-content--inner {

        padding: 0;

    }



@media (min-width: 992px) {

    .fixed-bg--inner.bg-1 .section-content--inner {

        padding-top: 50px;

    }

}



.core-1 {

    color: #0077C8;

}



.core-2 {

    color: #00A9CE;

}



.core-3 {

    color: #78BE20;

}



.accent-1 {

    color: #C4D600;

}



.accent-2 {

    color: #D86018;

}



.accent-3 {

    color: #9D2235;

}



.accent-4 {

    color: #693C5E;

}



.bright-1 {

    color: #EEDC00;

}



.bright-2 {

    color: #EA7600;

}



.bright-3 {

    color: #DA291C;

}



.medium-1 {

    color: #00629B;

}



.medium-2 {

    color: #5B7F95;

}



.medium-3 {

    color: #003057;

}



.medium-4 {

    color: #007FA3;

}



.medium-5 {

    color: #4C8C2B;

}



.medium-6 {

    color: #00A499;

}



.dark-1 {

    color: #333333;

}



.dark-1 {

    color: #004851;

}



.dark-1 {

    color: #046A38;

}



.dark-1 {

    color: #00594F;

}



.bg-1 {

    background-image: url("../_Images/1920x1080_AO_Banner.jpg");

}



.bg-2 {

    background-image: url("../_Images/mid-bg.jpg");

}



.bg-3 {

    background-image: url("../_Images/purp-bg.jpg");

}



.bg-4 {

    background-image: url("../_Images/Design_bw_2.jpg");

}



.bg-5 {

    background-image: url("../_Images/mid-bg.jpg");

}



.bg-6 {

    background-color: #5F3C6C; /*#67418C*/

    color: #FFF;

}



    .bg-6 .vertical-list li,

    .bg-6 .vertical-list a,

    .bg-6 .vertical-list div.p {

        color: #FFF;

    }



        .bg-6 .vertical-list div.p:active,

        .bg-6 .vertical-list div.p:hover,

        .bg-6 a:hover,

        .bg-6 a:active {

            color: #EA7600;

        }



        .bg-6 .vertical-list div.p:active,

        .bg-6 .vertical-list div.p:focus,

        .bg-6 .vertical-list div.p:hover {

            border-bottom: 1px solid #EA7600;

            margin-right: -65%;

            transition: all 400ms ease-in;

        }



        .bg-6 .vertical-list div.p:hover,

        .bg-6 .vertical-list div.p:active,

        .bg-6 .vertical-list div.p:focus {

            cursor: pointer;

        }



    .bg-6 .popover {

        border: 1px solid #EA7600;

    }



.bg-7 {

    background-color: #00A9CE;

    color: #FFF;

}



    .bg-7 .vertical-list li,

    .bg-7 .vertical-list a,

    .bg-7 .vertical-list div.p,

    .bg-7 .vertical-list div.adv {

        color: #FFF;

    }



        .bg-7 .vertical-list a:active,

        .bg-7 .vertical-list a:hover,

        .bg-7 .vertical-list div.p:active,

        .bg-7 .vertical-list div.p:hover,

        .bg-7 .vertical-list div.adv:active,

        .bg-7 .vertical-list div.adv:hover {

            color: #003057;

        }





        .bg-7 .vertical-list div.p:active,

        .bg-7 .vertical-list div.p:focus,

        .bg-7 .vertical-list div.p:hover {

            border-bottom: 1px solid #003057;

            margin-right: -65%;

            transition: all 400ms ease-in;

        }



        .bg-7 .vertical-list div.adv:active,

        .bg-7 .vertical-list div.adv:focus,

        .bg-7 .vertical-list div.adv:hover {

            /* border-bottom: 1px solid #67418C;*/

            transition: all 400ms ease-in;

        }



        .bg-7 .vertical-list div.adv:hover,

        .bg-7 .vertical-list div.adv:active,

        .bg-7 .vertical-list div.adv:focus,

        .bg-7 .vertical-list div.p:hover,

        .bg-7 .vertical-list div.p:active,

        .bg-7 .vertical-list div.p:focus {

            cursor: pointer;

        }



    .bg-7 .popover {

        border: 1px solid #003057;

    }



.bg-8 {

    background-color: #174942;

}





    .bg-8 .vertical-list li,

    .bg-8 .vertical-list a,

    .bg-8 .vertical-list div.p,

    .bg-8 .vertical-list div.adv {

        color: #FFF;

    }



        .bg-8 .vertical-list a:active,

        .bg-8 .vertical-list a:hover,

        .bg-8 .vertical-list div.p:active,

        .bg-8 .vertical-list div.p:hover,

        .bg-8 .vertical-list div.adv:active,

        .bg-8 .vertical-list div.adv:hover {

            color: #EA7600;

        }





        .bg-8 .vertical-list div.p:active,

        .bg-8 .vertical-list div.p:focus,

        .bg-8 .vertical-list div.p:hover {

            border-bottom: 1px solid #EA7600;

            margin-right: -65%;

            transition: all 400ms ease-in;

        }



        .bg-8 .vertical-list div.adv:active,

        .bg-8 .vertical-list div.adv:focus,

        .bg-8 .vertical-list div.adv:hover {

            /* border-bottom: 1px solid #67418C;*/

            transition: all 400ms ease-in;

        }



        .bg-8 .vertical-list div.adv:hover,

        .bg-8 .vertical-list div.adv:active,

        .bg-8 .vertical-list div.adv:focus,

        .bg-8 .vertical-list div.p:hover,

        .bg-8 .vertical-list div.p:active,

        .bg-8 .vertical-list div.p:focus {

            cursor: pointer;

        }



    .bg-8 .popover {

        border: 1px solid #EA7600;

    }





.bg-9 {

    background-color: #CAE3E0;

    color: #000;

}



.bg-10 {

    background-color: #e1e1e1;

    color: #000;

}







.bg-trans {

    background-color: transparent;

}



.bg-design {
    background-image: url("https://www.aspentech.cn/pressrelease/Images/BGimage_design.png");
    /*must be .png to work with background color*/
}

.bg-maintain {
    background-image: url("https://www.aspentech.cn/pressrelease/Images/BG_image_maintain_l-1.png");
    /*must be .png to work with background color*/
}
.bg-tank {
    background-image: url("../_Images/tank_wireframe.png");
    /*must be .png to work with background color*/
}



.section-content {

    -ms-flex-align: center;

    align-items: center;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 0 auto;

    padding: 30px;

    position: relative;

    top: 50%;

}



@media (min-width: 768px) {

    .section-content {

        width: 950px;

        padding: 90px;

    }

}



.section-content > img {

    max-width: 250px;

}



@media (min-width: 768px) {

    .section-content > img {

        max-width: 600px;

    }

}



.section-content h2,

.section-content h3 {

    color: #fff;

    margin-top: 0;

}



.section-content h2 {

    font-size: 4.375rem;

}



@media (min-width: 992px) {

    .section-content h2 {

        font-size: 4.375rem;

    }

}



.section-content p {

    color: #fff;

    line-height: 1.2;

    margin-bottom: 30px;

    width: 100%;

    font-size: 2.5rem;

}



/*@media (min-width: 992px) {

    .section-content p {

        font-size: 2.5rem;

    }

}*/



.section-content .content__icon {

    margin-bottom: 20px;

}



@media (min-width: 992px) {

    .section-content--alt {

        width: 800px;

    }

}



@media (min-width: 992px) {

    .section-content--inner {

        width: 992px;

    }

}



.section-content--inner h1 {

    color: #fff;

    margin-bottom: 40px;

    padding: 50px 15px 40px;

    text-shadow: 2px 2px 8px #0b4a75;

}



@media (min-width: 992px) {

    .section-content--inner h1 {

        font-size: 4vw;

        padding: 0;

    }

}



@media (min-width: 992px) {

    .section-content--offset {

        -ms-flex-item-align: end;

        align-self: flex-end;

        width: 500px;

    }

}



.section-content--offset h2 {

    text-transform: none;

}



.section-content--banner {

    /*background: #fff;*/

    /*border-top: 5px solid #0e6ba5;*/

    -ms-flex-line-pack: center;

    align-content: center;

    -ms-flex-item-align: start;

    align-self: flex-start;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: center;

    justify-content: center;

    width: 100%;

}



    .section-content--banner h2 {

        margin: 50px 0;

        font-size: 4.375rem;

        text-align: center;

        text-transform: uppercase;

    }



.animate {

    opacity: 0;

    transition: all 1000ms ease;

}



.animate-left {

    transform: translateX(100vw);

}



.animate-right {

    transform: translateX(-100vw);

}



.animate-up {

    transform: translateY(50px);

}



.animate-down {

    transform: translateY(-50px);

}



.in-view .animate-left,

.in-view .animate-right {

    transform: translateX(0);

}



.in-view .animate-down {

    transform: translateY(0);

}



.in-view .animate-up {

    transform: translateY(0);

}



.in-view .animate {

    opacity: 1;

}



.content__icon {

    width: 110px;

    min-height: 30px;

}



.modal iframe {

    max-width: 100%;

}



.modal .modal-body {

    padding-top: 30px;

}



.modal .close {

    font-size: 28px;

    position: absolute;

    right: 5px;

    top: 5px;

    z-index: 1;

}



.btn {

    border: 1px solid #fff;

    border-radius: 0;

    font-family: 'Lato Bold';

    transition: all 300ms ease-in-out;

}



    .btn:hover {

        background-color: #fff;

        border-color: transparent;

        color: #003057;

    }



.btn-default {

    border: 1px solid #ccc;

}



.input-group-lg > .form-control,

.input-group-lg > .input-group-addon,

.input-group-lg > .input-group-btn > .btn {

    border-radius: 0;

}



.info-tabs {

    /*background-color: #0e6ba5;

    border-top: 5px solid #5faad8;*/

}



.icon-title {

    -ms-flex-align: center;

    align-items: center;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 30px 0 40px 0;

}



    .icon-title img {

        width: 50px;

    }



@media (min-width: 768px) {

    .icon-title img {

        width: 70px;

    }

}



.icon-title h1 {

    color: #fff;

    font-family: 'Lato Bold';

    font-size: 26px;

    margin: 0 0 0 15px;

}



@media (min-width: 768px) {

    .icon-title h1 {

        font-size: 40px;

    }

}



.info-tabs__tabs {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: center;

    justify-content: center;

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 2;

}



@media (min-width: 992px) {

    .info-tabs__tabs {

        position: static;

    }

}



.info-tabs__tabs > a {

    width: 33.33%;

}



@media (min-width: 992px) {

    .info-tabs__tabs > a {

        width: auto;

    }

}



.info-tabs__tabs--inner {

    position: static;

}



.info-tabs__tab {

    background-color: #111826;

    /*border: 1px solid rgba(255, 255, 255, 0.8);*/

    height: 100%;

    /*padding: 7.5px 15px;*/

    transition: all 300ms ease-in-out;

    text-align: center;

    max-width: 250px;

}



@media (min-width: 992px) {

    .info-tabs__tab {

        background-color: transparent;

        border-bottom: none;

        height: auto;

        margin: 0 7.5px;

        padding: 0 15px 120px;

    }

}



.info-tabs__tab:hover {

    background-color: rgba(0, 0, 0, 0.5);

}



.info-tabs__tab.active {

    background-color: rgba(0, 0, 0, 0.5);

}



.info-tabs__tab h3 {

    color: #fff;

    font-size: 18px;

    margin-bottom: 20px;

}



.info-tabs__tab h2 {

    color: #fff;

    margin-bottom: 10px;

    padding: 10px 20px;

    border-bottom: 1px solid #fff;

}



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

    .info-tabs__tab h2 {

        color: #fff;

        margin-bottom: 10px;

        font-size: 1.8rem;

        border-bottom: 1px solid #fff;

    }

}



.info-tabs__tab .content__icon {

    width: 30px;

}



@media (min-width: 992px) {

    .info-tabs__tab .content__icon {

        margin-bottom: 7.5px;

        width: 40px;

        display: inline-block;

    }

}



.info-tabs__tab .content__icon--inner {

    max-width: 60px;

}



@media (min-width: 992px) {

    .info-tabs__tab .content__icon--inner {

        margin-bottom: 40px;

    }

}



.info-tabs__tab--inner {

    padding: 15px 15px 0px;

}



@media (min-width: 992px) {

    .info-tabs__tab--inner {

        padding: 15px 100px 15px;

    }

}



@media (min-width: 1200px) {

    .info-tabs__tab--inner {

        margin: 0 20px;

        padding: 15px 115px 15px;

    }

}





info-content__wrapper .info-content {

    margin: 0 auto;

    max-width: 850px;

    overflow: initial;

}



.info-content__wrapper, .download_content__wrapper, .product-content__wrapper {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    display: none;

    position: relative;

    overflow: hidden;

    margin: 0 -15px;

    padding: 60px 15px;

}



    .info-content__wrapper.homeFeature {

        padding: 60px 15px 0 15px;

    }





.info-content__wrapper--inner, .download_content__wrapper--inner {

    display: block;

}



/*.info-content__wrapper--inner h2 {

        text-align: center;

    }*/

/*.info-content__wrapper {

    border-bottom: 20px #D86018 solid;

}*/



.info-content {

    /*margin: 0 -15px;*/

    position: relative;

    overflow: hidden;

}



@media (min-width: 992px) {

    .info-content {

        margin: 0;

        /*max-width: 850px;*/

        overflow: initial;

    }

}



.info-content__side-links {

    background: #67418C;

    margin: 0 0;

}



@media (min-width: 768px) {

    /*JC 992px*/

    .info-content__side-links {

        display: -ms-flexbox;

        display: flex;

        -ms-flex-direction: column;

        flex-direction: column;

        margin-top: 70px;

        position: absolute;

        right: -30px;

    }

}



@media (min-width: 1024px) {

    .info-content__side-links {

        right: -50px;

    }

}



@media (min-width: 1200px) {

    .info-content__side-links {

        right: -100px;

    }

}



.info-content__side-links a {

    border-right: 1px solid #fff;

    color: #fff;

    display: inline-block;

    font-family: 'Lato Bold';

    padding: 5px 10px;

}



@media (min-width: 768px) {

    /*JC 992px*/

    .info-content__side-links a {

        border-right: none;

        border-bottom: 1px solid #fff;

    }

}



@media (min-width: 992px) {

    .info-content__side-links a:last-of-type {

        border-bottom: none;

    }

}



.info-content__side-links a:hover {

    background-color: rgba(0, 0, 0, 0.5);

}



.info-content__side-links--inner {

    position: fixed;

    top: 70px;

    width: 100%;

    z-index: 3;

}



@media (min-width: 768px) {

    /*JC 992px*/

    .info-content__side-links--inner {

        right: 15px;

        top: 50%;

        width: auto;

    }

}



.info-content__intro {

    padding: 30px;

}



@media (min-width: 992px) {

    .info-content__intro {

        padding: 0 65px 65px;

    }

}



.info-content__intro p {

    font-size: 16px;

}



@media (min-width: 992px) {

    .info-content__intro p {

        font-size: 2.5rem;

    }

}



.info-content__cards {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-bottom: 20px;

}



.info-content__banner {

    background: #78be20;

    color: #fff;

    font-size: 20px;

    padding: 20px;

    position: relative;

    text-align: center;

    z-index: 1;

    margin-top: 60px;

}



@media (min-width: 768px) {

    .info-content__banner {

        font-size: 3.125rem;

    }

}



.info-content__banner::before {

    background: #78be20;

    content: "";

    position: absolute;

    top: 0;

    left: -500%;

    height: 100%;

    width: 1000%;

    z-index: -1;

}



.info-content__banner * {

    display: inline-block;

}



.info-content__banner .btn {

    margin-left: 10px;

    /*color:#fff;*/

}



.info-card {

    background: #fff;

    border: 1px solid #fff;

    margin-bottom: 20px;

    padding-bottom: 30px;

    position: relative;

    width: 90%;

}



@media (min-width: 480px) {

    .info-card {

        margin-right: 12px;

        width: calc(50% - 6px);

    }

}



@media (min-width: 992px) {

    .info-card {

        width: calc(33.33% - 8px);

    }

}



@media (min-width: 480px) and (max-width: 991px) {

    .info-card:nth-child(2n) {

        margin-right: 0;

    }

}



@media (min-width: 992px) {

    .info-card:nth-child(3n) {

        margin-right: 0;

    }

}



.info-card p {

    font-family: 'Lato Light';

    font-size: 1.4rem;

    padding: 0 15px;

}



    .info-card p:first-of-type {

        font-family: 'Lato';

        font-size: 1.875rem;

    }



.info-card__image {

    margin-bottom: 20px;

}



.info-card__type,

.info-card__category {

    color: #fff;

    font-family: 'Lato Bold';

    padding: 3px 10px 3px 20px;

    position: absolute;

    z-index: 1;

}



.info-card__type {

    background: #0e6ba5;

    left: 0;

    top: 10px;

}



.info-card__category {

    background: #4c8d1f;

    right: 0;

    top: 30%;

}



.info-card__action {

    border: 1px solid #333333;

    color: #777;

    padding: 1px 5px;

    position: absolute;

    bottom: 5px;

    right: 5px;

    font-size: 12px;

    transition: all 300ms ease-in-out;

}



    .info-card__action:hover {

        background: #777;

        color: #fff;

    }



.overlay {

    position: absolute;

    color: #FFF;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    transition: .5s ease;

    opacity: 0;

    background-color: rgba(0,0,0,0.8);

    z-index: 2;

}



.card > .overlay.in,

.card > .overlay:hover {

    opacity: 1;

}



.close_social {

    position: absolute;

    margin: 1rem;

    right: 0;

    top: 0;

    color: #fff;

    font-size: 3rem;

}



.social {

    position: absolute;

    top: 25%;

    left: 50%;

    transform: translate(-50%, -25%);

    -ms-transform: translate(-50%, -25%);

    width: 60%;

}



.social__bar {

    display: flex;

    align-items: center;

    width: 100%;

    padding: 2px;

    margin: 10px 0 0 0;

}



.social__icon {

    flex: 1;

    color: rgba(0, 0, 0, 1);

    text-align: center;

    margin: 2px;

    opacity: 1;

    width: 25%;

}





    .social__icon path {

        fill: #ccc;

    }



    .social__icon:hover path {

        fill: #fff;

    }



    .social__icon:first-child {

        margin-left: 0;

    }



    .social__icon:last-child {

        margin-right: 0;

    }



    .social__icon img {

        color: #000;

    }





.blog-social-bar .social__icon path {

    fill: #0077C8

}



.blog-social-bar .social__icon:hover path {

    fill: #666;

}



.btn-social {

    background: rgba(76, 141, 31, 1.0) !important;

    border: none;

    color: #fff;

}



.btn-feature {

    color: #fff;

}



    .btn-feature:hover {

        color: #333 !important;

    }



.btn-primary {

    background: #0077C8;

    border: 1px solid transparent;

    color: #fff;

}



    .btn-primary:hover {

        background: #666;

        border: 1px solid transparent;

        color: #fff;

    }



.tw {

    background-image: url("../_Images/twitter-icon.svg");

}



.fb {

    background-image: url("../_Images/facebook-icon.svg");

}



.lk {

    background-image: url("../_Images/linkedin-icon.svg");

}



.sh {

    background-image: url("../_Images/share.svg");

}



.video-container {

    display: block;

    padding: 0;

    margin: 0 -15px;

    border-top: 30px #78be20 solid;

}



    .video-container > iframe {

        width: 100%;

    }



@media (min-width: 992px) {

    .video-container > iframe {

        min-height: 500px;

        width: 100%;

        /*background-color: #000;*/

    }

}



.featured-clients {

    -ms-flex-align: center;

    align-items: center;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-pack: center;

    justify-content: center;

}



.featured-clients__quote-wrapper {

    max-width: 750px;

    padding: 40px 40px 60px;

}



@media (min-width: 992px) {

    .featured-clients__quote-wrapper {

        padding: 80px 40px 60px;

    }

}



.featured-clients__quote {

    color: #000;

    font-family: "Lato BoldItalic";

    font-size: 28px;

    line-height: 1.1;

    position: relative;

}



@media (min-width: 768px) {

    .featured-clients__quote {

        font-size: 40px;

    }

}



.featured-clients__quote::before, .featured-clients__quote::after {

    color: #0e6ba5;

    content: "\201c";

    font-size: 86px;

    font-family: sans-serif;

    position: absolute;

}



.featured-clients__quote::before {

    left: -35px;

    top: -10px;

}



.featured-clients__quote::after {

    margin-left: 6px;

    margin-top: -6px;

}



.featured-clients__quote__author {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    float: right;

}



    .featured-clients__quote__author > * {

        color: #777;

        font-size: 18px;

        line-height: 1.2;

    }



.featured-clients__logos {

    margin-bottom: 40px;

    padding: 0 60px;

    overflow: hidden;

    width: 100%;

}



@media (min-width: 992px) {

    .featured-clients__logos {

        margin: 40px 0;

        padding: 0 80px;

    }

}



.featured-clients__logo {

    width: 100%;

}



    .featured-clients__logo img {

        max-width: 100px;

    }



.slick-prev,

.slick-next {

    background: none;

    border: none;

    color: transparent;

    font-family: 'Glyphicons Halflings';

    outline: none;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 50px;

}



    .slick-prev:hover::before,

    .slick-next:hover::before {

        color: #000;

        cursor: pointer;

    }



.slick-slide {

    padding: 0 10px;

}



.slick-prev {

    left: 0px;

}



    .slick-prev::before {

        color: #777;

        content: "\e257";

        font-size: 48px;

    }



.slick-next {

    right: 0px;

}



    .slick-next::before {

        color: #777;

        content: "\e258";

        font-size: 48px;

        margin-left: -10px;

    }



/* END MAIN.CSS */



.leadership {

    margin: 30px 0px;

}



    .leadership h2 {

        color: #000;

    }





.anchor:before {

    margin-top: 150px;

    display: none;

    position: relative;

    z-index: -1;

}

/*--NAVIGATION-- */

.navbar-right {

    margin-right: 0;

}



.navbar, .nav {

    border: 0;

}



.navbar-header {

    display: inline;

}



@media all and (min-width:992px) {

    .nav > li > a {

        /*padding: 10px;*/

        line-height: 50px;

    }

}





.v-line {

    background: #FFF;

    content: "";

    position: absolute;

    left: -13px;

    top: 50%;

    height: 2px;

    width: 50px;

    transform: translate(-50%, -50%) rotate(90deg);

    background: #e0e0e0;

    width: 1px;

    content: "";

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    min-height: 50px;

}



.navbar-collapse,

.navbar-fixed-top .navbar-collapse {

    max-height: 100vh !important;

    box-shadow: none;

}



.navbar-inverse .navbar-nav > .open > a {

    background-color: transparent !important;

}



.navbar-inverse .navbar-nav > li > a {

    color: #FFF;

}



    .navbar-inverse .navbar-nav > li > a:hover,

    .navbar-inverse .navbar-nav > li > a:active {

        color: #0077C8;

    }





@media (min-width: 992px) {

    .navbar-collapse.collapse, .navbar-fixed-top .navbar-collapse {

        height: auto !important;

    }

}



.navbar-inverse .navbar-collapse,

.navbar-inverse .navbar-form {

    border: 0;

}





@media (max-width:480px) {

    ul .nav {

        height: 100vh !important;

        border: 0;

    }

}



.dropdown-menu {

    background-color: #000;

    opacity: 0.95;

}



.big-dropdown {

    position: static !important;

    display: block;

    font-size: 1.5rem;

    border-top: 0;

    /*margin-top:5px;*/

}



.big-dropdown-menu {

    padding: 20px 0px;

    box-shadow: none;

    -webkit-box-shadow: none;

    transition: all 360ms ease-in-out;

    border: 0;

}



/*@media (min-width:768px) {

    .big-dropdown:hover .big-dropdown-menu {

        display: block;

    }

}*/



@media (min-width: 1200px) {

    .big-dropdown-menu {

        width: 60%;

    }



    li.vdivide-b {

        left: 0px;

    }

}



@media (max-width:480px) {

    .navbar-collapse .collapse {

        opacity: 0.85;

    }

}



.cyp .disabled,

.cyp .disabled li,

.cyp .disabled a { /*Choose Your Path navigation elements*/

    color: #999;

}



    .cyp .disabled a:hover,

    .cyp .disabled a:active {

        color: #999;

        cursor: not-allowed;

    }



.cyp a.selected {

    color: #0077C8;

    font-weight: bold;

}





.cyp a [disabled="disabled"] {

    pointer-events: none; /* this is enough for non-IE browsers */

    color: #999; /* IE */

}

    /* IE - disable hover effects */

    .cyp a[disabled="disabled"]:hover {

        cursor: default;

        color: #999;

        text-decoration: none;

    }



.big-dropdown-menu > li > ul {

    padding: 0;

    margin: 0;

}



    .big-dropdown-menu > li > ul > li {

        list-style: none;

        transition: all 360ms ease-in-out;

    }



        .big-dropdown-menu > li > ul > li > a {

            display: block;

            color: #fff;

            font-size: 1.4rem;

            padding: 3px 5px;

            transition: all 360ms ease-in-out;

        }



.big-dropdown-menu > li ul > li > a:hover,

.big-dropdown-menu > li ul > li > a:focus,

.big-dropdown-menu > li ul > li > a:active {

    text-decoration: none;

    color: #0077C8;

    transition: all 400ms ease-in-out;

}



.big-dropdown-menu .dropdown-header,

.big-dropdown-menu .dropdown-section-header {

    font-size: 18px;

    color: #fff;

    padding: 5px 60px 5px 5px;

    line-height: 20px;

    white-space: nowrap;

}



.big-dropdown-menu .dropdown-section-header {

    text-align: left;

}



a.dropdown-toggle:hover,

a.dropdown-toggle:active,

a.dropdown-toggle .active {

    color: #0077C8;

}





@media (min-width: 768px) {

    ul .half-height {

        -moz-column-count: 3;

        -moz-column-gap: 20px;

        -webkit-column-count: 2;

        -webkit-column-gap: 20px;

        column-count: 3;

        column-gap: 20px;

    }

}



.navbar-inverse {

    background-color: #003057;

}



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

    ul.nav.navbar-nav.navbar-right.clearfix > li:first-child {

        display: none;

    }

}

/*menu toggle*/

.navbar-inverse .navbar-toggle {

    background-color: transparent !important;

    border: none;

    padding: 0;

    margin: 0;

}



    .navbar-inverse .navbar-toggle:hover {

        cursor: pointer;

    }



    .navbar-inverse .navbar-toggle.active .icon-bar {

        opacity: 0;

    }



        .navbar-inverse .navbar-toggle.active .icon-bar:nth-child(2) {

            display: block;

            opacity: 1;

            transform: translateY(11px) rotate(45deg);

        }



        .navbar-inverse .navbar-toggle.active .icon-bar:last-of-type {

            display: block;

            opacity: 1;

            transform: translateY(-11px) rotate(-45deg);

        }



    .navbar-inverse .navbar-toggle .icon-bar {

        background-color: #fff;

        border-radius: 2px;

        height: 5px;

        opacity: 1;

        width: 30px;

        transition: all 300ms ease-in-out;

    }



        .navbar-inverse .navbar-toggle .icon-bar + .icon-bar {

            margin-top: 6px;

        }

/*END menu toggle*/



.v-bar {

    background: #e0e0e0;

    width: 2px;

    content: "";

    display: table-cell;

    position: relative;

    bottom: 0;

    margin: 0 15px;

    padding: 0;

}





.logo-container {

    width: 220px;

    display: table-cell;

    position: relative;

}



@media all and (min-width:1240px) {

    .logo-container::after {

        background: #e0e0e0;

        width: 1px;

        content: "";

        position: absolute;

        bottom: 0;

        top: 0px;

        right: 0px;

    }

}



.tagline-container {

    color: #FFF;

    font-family: 'Merriweather Light';

    font-size: 1.5rem;

    display: table-cell;

    position: relative;

    padding-left: 15px;

    vertical-align: middle;

}



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

    .tagline-container {

        display: none;

        position: relative;

    }

}





.navSearch {

    position: relative;

    z-index: 100;

}



.search-box {

    color: #333333;

}



.search-icon {

    color: #FFF;

    font-size: 2rem;

    padding-left: 10px;

}



.input-group-addon {

    background-color: transparent;

    border: 0;

    padding: 0;

}





.content_icon {

    width: 70px;

    height: 70px;

    float: left;

    margin-right: 10px;

}



    .content_icon path {

        fill: #000;

    }





.h_logo {

    width: 180px;

    display: inline-block;

    height: 40px;

}



@media all and (min-width: 992px) {

    .h_logo {

        width: 200px;

        height: 40px;

    }

}



.h_logo path {

    fill: #fff;

}



.logo__text {

    font-family: 'Swift Regular Italic';

    font-size: 1.475rem;

    color: #FFF;

    margin-left: 23px;

}



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

    .logo__text {

        font-size: 1.875rem;

    }

}





.icon-bar--vertical {

    background-color: #fff;

    border-radius: 2px;

    float: right;

    height: 2px;

    margin-top: 6px;

    width: 50px;

    transform: translateX(28px) rotate(90deg);

    transform-origin: left;

}



.search-toggle {

    float: right;

    transform: translate(10px, 18px);

    width: 25px;

}



    .search-toggle:hover {

        cursor: pointer;

    }



.sb-search {

    position: relative;

    display: inline-block;

    /*margin-top: 10px;*/

    width: 0%;

    min-width: 45px;

    height: 45px;

    right: -2px;

    float: right;

    margin: 0;

    overflow: hidden;

    -webkit-backface-visibility: hidden;

    z-index: 2;

    -webkit-transition: width 450ms ease-in-out;

    -moz-transition: width 450ms ease-in-out;

    transition: width 450ms ease-in-out;

}



.searchBox {

    display: table-cell;

    position: relative;

    width: 45px;

    -webkit-transition: width 450ms ease-in-out;

    -moz-transition: width 450ms ease-in-out;

    transition: width 450ms ease-in-out;

}



    .searchBox.active {

        width: 20%;

    }



@media all and (min-width: 992px) {

    .searchBox::before {

        background: #e0e0e0;

        width: 1px;

        content: "";

        position: absolute;

        bottom: 0;

        top: 0px;

        left: -5px;

        height: 45px;

    }

}



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

    .searchBox {

        width: 100%;

        float: left;

    }



        .searchBox.active {

            width: 100%;

        }

}



.sb-search-input {

    position: absolute;

    top: 0;

    right: 0;

    border: none;

    outline: none;

    background: #fff;

    width: 100%;

    height: 45px;

    margin: 0;

    z-index: -10;

    padding-left: 5px;

    font-family: inherit;

    font-size: 20px;

    color: #2c3e50;

}



    .sb-search-input::-webkit-input-placeholder {

        color: #efb480;

    }



    .sb-search-input:-moz-placeholder {

        color: #efb480;

    }



    .sb-search-input::-moz-placeholder {

        color: #efb480;

    }



    .sb-search-input:-ms-input-placeholder {

        color: #efb480;

    }



.sb-icon-search,

.sb-search-submit {

    width: 50px;

    height: 45px;

    display: block;

    position: absolute;

    right: 0;

    top: 0;

    padding: 0;

    margin: 0;

    line-height: 45px;

    text-align: center;

    cursor: pointer;

}





.sb-search-submit {

    background: #fff; /* IE needs this */

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */

    filter: alpha(opacity=0); /* IE 5-7 */

    opacity: 0;

    color: transparent;

    border: none;

    outline: none;

    z-index: -1;

}



.sb-icon-search {

    color: #fff;

    background: #003057;

    z-index: 90;

    font-size: 22px;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    -webkit-font-smoothing: antialiased;

}





/* Open state */

.sb-search.sb-search-open,

.no-js .sb-search {

    width: 100%;

}



    .sb-search.sb-search-open .sb-icon-search,

    .no-js .sb-search .sb-icon-search {

        background: #003057;

        color: #fff;

        z-index: 11;

    }



        .sb-search.sb-search .sb-icon-search:hover,

        .sb-search.sb-search-open .sb-icon-search:hover,

        .no-js .sb-search .sb-icon-search:hover {

            color: #0077C8;

        }



    .sb-search.sb-search-open .sb-search-submit,

    .no-js .sb-search .sb-search-submit {

        z-index: 90;

    }

/* END NAVIGATION */



/* FOOTER */

footer.AT_footer {

    background-color: #000;

    color: white;

    padding-top: 30px;

}



    footer.AT_footer .footer-copyright {

        background-color: #000;

        padding-top: 3px;

        padding-bottom: 3px;

        text-align: center;

    }



.footer.AT_footer .row:last-child {

    margin-bottom: 60px;

}



footer.AT_footer .navbar-brand {

    margin-top: 45px;

    height: 85px;

    text-align: center;

}



footer.AT_footer .footer-copyright p {

    margin: 10px;

    color: #ccc;

}



/*footer.AT_footer .f_logo {

    text-align: center;

}*/



.f_logo {

    width: 300px;

    height: 50px;

    text-align: center;

}



footer.AT_footer ul {

    font-size: 1.6rem;

    list-style-type: none;

    padding-left: 0;

    line-height: 1.7;

}



    footer.AT_footer ul.list-inline {

        font-size: 2rem;

    }



        footer.AT_footer ul.list-inline li {

            padding: 10px 15px 10px 0;

        }



        footer.AT_footer ul.list-inline > li > a {

            color: #0077C8;

        }



            footer.AT_footer ul.list-inline > li > a:hover {

                color: #ccc;

            }





@media (max-width: 768px) {

    footer .AT_footer ul.list-inline li {

        padding: 5px;

        display: block;

    }

}



footer.AT_footer h5 {

    font-size: 2rem;

    color: white;

    font-weight: bold;

    margin-top: 30px;

}



footer.AT_footer h2 a {

    font-size: 50px;

    text-align: center;

    color: #fff;

}



footer.AT_footer a {

    color: #ccc;

    text-decoration: none;

}





    footer.AT_footer a:hover,

    footer.AT_footer a:focus {

        text-decoration: none;

        color: #0077C8;

    }



footer.AT_footer .social-networks {

    text-align: left;

}



@media (max-width:768px) {

    footer.AT_footer .social-networks {

        text-align: center;

    }

}



footer.AT_footer .social-networks a {

    font-size: 32px;

    color: #f9f9f9;

    padding: 10px;

}



    footer.AT_footer .social-networks a:hover {

        text-decoration: none;

    }



.social__icon {

    height: 32px;

    width: 32px;

}



.social_icon {

    height: 32px;

    width: 32px;

}



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

    footer.AT_footer {

        text-align: center;

    }

}



.title {

    /*   border-bottom: 1px solid black;*/

    margin-bottom: 20px;

}



.download__container, .mixed-messaging-module {

    position: relative;

    display: flex;

    display: -ms-flexbox;

    align-content: center;

    flex-direction: row;

    justify-content: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-flex-flow: row wrap;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

}



.download_content__container, .mixed-messaging-module__container {

    position: relative;

    display: flex;

    display: -ms-flexbox;

    align-content: center;

    flex-direction: column;

    justify-content: center;

    margin: 20px;

    width: 75%;

    align-self: flex-start;

}



.content__title {

    font-size: 2.8rem;

    font-family: "Lato";

}



.download_content__container .content__title {

    margin: 0 15px;

}





.download_content__container .content__text,

.mixed-messaging-module .content__text {

    font-size: 2.4rem;

    font-family: "Lato Light";

    color: #000;

    top: 50%;

    margin: 60px 15px;

}



/* MIXED MESSAGING MODULE - put back in DEV.CSS later

.mixed-messaging-module__container {

    /* position: relative;

    display: flex;

    display: -ms-flexbox;

    align-content: center;

    -ms-align-content: center;

    flex-direction: column;

    -ms-flex-direction: column;

    justify-content: center;

    margin: 20px;

    width: 100%

}*/





/* .mixed-messaging-module > .image {

        display: inline-block;

    }

      



        .mixed-messaging-module p {

            font-size: 2.2rem;

            font-family: "Lato Light";

            margin-top: 30px;

        }



        .mixed-messaging-module > .copy {

            display: inline-block;

            float: left;

        } */



.mixed-messaging-module li {

    font-size: 1.8rem;

}



/* use (font--highlight-2 font--light) instead .mixed-messaging-module > .copy > .headline {

            font-size: 1.9rem;

            color: #0077C8;

            font-family: 'Lato Light', sans-serif;

            width: 100%;

        }*/



/* --not sure this is needed--

        .mixed-messaging-module > .copy > .sub-headline {

            font-size: 1.2rem;

            display: block;

            margin-bottom: 10px;

        }



    .mixed-messaging-module > .copy > .freeform {

            display: block;

        }*/





.content__text__container {

    background-color: #FFF;

    width: 50%;

}



@media (min-width: 768px) {

    .download_image__container {

        display: inline-block;

        margin: 20px;

        max-width: 380px;

        max-height: 490px; /*add something like this for the smaller screen sizes*/

    }



        .download_image__container .img-responsive {

            max-width: 380px;

            max-height: 490px;

        }



    .download_content__container {

        width: 50%;

    }

}



.industry_hero__container,

.product_hero__container {

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 45%;

    position: relative;

    display: flex;

    display: -ms-flexbox;

    align-content: center;

    -ms-flex-align: center;

    flex-direction: row;

    -ms-flex-direction: row;

    justify-content: flex-start;

}



.solution_hero__container {

    min-height: 20%;

}



.industry_hero,

.product_hero,

.solution_hero {

    position: relative;

    /*-ms-flex-align: center;

    align-items: center;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-pack: center;

    justify-content: center;*/

}



.hero_text__container {

    position: relative;

    color: #fff;

    min-height: 250px;

    width: 90%;

    margin: 5rem auto 8rem auto;

    padding: 2rem;

    -ms-flex-align: center;

    align-items: center;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-pack: center;

    justify-content: center;

}



.solution_hero .hero_text__container {

    min-height: 100px;

}





@media all and (max-width:768px) {

    .hero_text__container {

        -ms-flex-direction: column;

        flex-direction: column;

    }

}



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



    .hero_text__container {

        width: 100%;

    }

}



@media all and (max-width:480px) {

    .hero_text__container {

        padding: 0;

        margin: 1rem;

    }

}



.solution_hero {

    text-align: center;

}



    .solution_hero ul {

        top: 50%;

    }



.industry__subtitle,

.industry__name,

.industry__copy,

.product__name,

.product__copy {

    color: #FFF;

}



.industry__name,

.product__name {

    font-size: 3.75rem;

    /*text-align: right;*/

    margin-right: 60px;

    font-family: 'Lato Bold';

}



@media all and (max-width:480px) {

    .industry__name,

    .product__name {

        font-size: 3rem;

        margin: 0;

        text-align: left;

    }

}



.industry__copy,

.product__copy {

    font-size: 2.5rem;

}



.industry__title {

    margin-bottom: 5px;

}



.industry__subtitle {

    font-size: 2.5rem;

    font-family: "Lato";

}



.industry__name li h2 {

    font-family: 'Lato Bold';

    /*display: inline-block;*/

    padding-right: 20px;

}



.solution_hero ul > li.industry,

.solution_hero ul > li.function,

.solution_hero ul > li.role {

    position: relative;

    font-family: 'Lato Bold';

    padding-right: 30px;

    font-size: 3rem;

    color: #fff;

}





div.solution_hero ul li {

    display: inline;

}



@media all and (max-width:768px) {

    div.solution_hero ul li {

        display: block;

        text-align: left;

        border-bottom: 1px solid #fff;

    }

}



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

    .solution_hero ul > li.function::before,

    .solution_hero ul > li.role::before {

        background: #e0e0e0;

        width: 2px;

        content: "";

        position: absolute;

        bottom: 0px;

        top: 0px;

        left: -15px;

    }

}



@media (min-width: 768px) {

    .industry__copy, .product__copy {

        padding-left: 60px;

    }

}



.sticky_button {

    top: 80px;

    width: 100%;

    z-index: 1000;

}



    .sticky_button .affix-top {

    }



    .sticky_button .btn-row {

        top: 32px;

        margin-top: -32px;

        z-index: 1000;

    }



    .sticky_button .btn {

        z-index: 100;

        width: 125px;

    }



.mixedContent__container {

    font-size: 2.5rem;

}



.mixedContent__container {

    /*padding: 60px;*/

    margin: 60px 0;

}



.productContent__container {

    padding: 60px;

    margin: 60px 0;

}



.homeContent__container {

    padding: 0 60px;

}





@media all and (max-width:480px) {

    .mixedContent__container {

        padding: 30px 15px;

        margin: 0;

    }

}



@media all and (max-width:480px) {

    .productContent__container,

    .homeContent__container {

        padding: 30px 15px;

        margin: 30px 0;

    }

}



.productContent__container h2 {

    text-align: left;

    color: #000;

}



.productContent__container_head {

    display: flex;

    align-items: center;

    /*position: relative;*/

    padding: 0;

    /*height:50px;*/

    margin-bottom: 30px;

}



.productContent__title {

    display: inline-block;

    position: relative;

    font-size: 3.1rem;

    font-weight: normal;

}



    .productContent__title::after {

        background: #000;

        width: 2px;

        content: "";

        display: inline-block;

        position: absolute;

        bottom: 0;

        top: 0px;

        right: -20px;

        min-height: 50px;

    }



.productContent__subtitle {

    display: inline-block;

    font-size: 3.1rem;

    font-family: 'Lato Bold';

    margin-left: 20px;

    padding-left: 20px;

}





@media (min-width: 768px) {

    .vdivide-a:after {

        background: #e0e0e0;

        width: 1px;

        content: "";

        display: block;

        position: absolute;

        top: 0;

        bottom: 0;

        right: 0;

        min-height: 70px;

    }



    .vdivide-b:before {

        background: #e0e0e0;

        width: 1px;

        content: "";

        display: block;

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        min-height: 70px;

    }

}



.productContent__container .vdivide-b::before {

    background: #000;

    min-height: 10px;

    left: auto;

}





.vertical-list-container {

    padding: 120px 60px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.vertical-list-title {

    top: 50%;

    font-size: 3.1rem;

}



.vl-column-title {

    font-family: "Lato Bold";

    font-size: 3.1rem;

    display: block;

}



    .vl-column-title::before {

        background: #e0e0e0;

        width: 1px;

        content: "";

        display: block;

        position: absolute;

        top: 0;

        bottom: 0;

        left: 30px;

        min-height: 70px;

    }



.vl-column {

    display: block;

}



    .vl-column::before {

        background: #e0e0e0;

        width: 1px;

        content: "";

        display: block;

        position: absolute;

        top: 0;

        bottom: 0;

        left: 30px;

        min-height: 70px;

    }



.vertical-list ul {

    list-style-type: none;

}



.vertical-list li div.p, .vertical-list li div.adv {

    font-size: 2rem;

    width: 100%;

    padding-right: 30px;

}





.vertical-list li, .vertical-list div.p, .vertical-list div.adv {

    border-bottom: 1px solid transparent;

}



.content-hover btn {

    color: transparent;

}



.btn-row {

    margin-top: 30px;

    position: relative;

}



    .btn-row .btn {

        margin: 0 10px;

    }





.list-hover-content > .popover-content {

    padding: 10px;

}



@media all and (max-size:768px) {

    .popover,

    .list-hover-content {

        display: none;

    }

}



.popover,

.list-hover-content {

    background-color: rgba(255, 255, 255, 0.1);

    border: 1px solid #EA7600;

    max-width: 300px;

    margin-bottom: 15px;

    padding-bottom: 20px;

    color: #fff;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

}



    .popover > .arrow {

        display: none;

    }



    .popover.right {

        margin-left: 0;

    }





/* experimental cards from bootstrap 4.0 */

.card {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    border-radius: 0; /*0.25rem*/

}



.content-tile {

    background-color: #fff;

    color: #333333;

    /*border: 1px solid rgba(0, 0, 0, 0.75);*/

    cursor: pointer;

    margin-bottom: 30px;

    min-width: 250px;

}



.content-tile__button {

    min-width: 250px;

}



.btn-more {

    /*border: 1px solid #000;*/

    background-color: #0077C8;

    color: #fff;

    border: #0077C8;

}



    .btn-more:hover {

        /*border: 1px solid #000;*/

        background-color: #ccc;

    }



@media all and (min-width:480px) {

    .content-tile,

    .content-tile__button {

        max-width: calc(50% - 60px);

    }

}



.event-tile {

    background-color: #fff;

    color: #333333;

    border: 1px solid rgba(0, 0, 0, 0.75);

    cursor: pointer;

    margin-bottom: 30px;

    min-width: 235px;

    max-width: calc(25% - 30px);

}



/*@media all and (min-width:480px) {

    .content-tile {

        max-width: calc(33% - 30px);



    }*/



.content-hover, .vertical-list .popover-content {

    background-color: transparent;

    border: 1px solid #EA7600;

    max-width: 300px;

    margin-bottom: 15px;

    padding: 10px;

}



.card-block {

    -webkit-box-flex: 1;

    -webkit-flex: 1 1 auto;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    padding: 1.25rem;

}



.card-title {

    margin-bottom: 0.75rem;

    font-weight: bold;

    line-height: 1.35em;

}



.card-subtitle {

    margin-top: -0.375rem;

    margin-bottom: 0;

}



.card-text {

    margin-bottom: 0;

}



.card-link:hover {

    text-decoration: none;

}



.card-link + .card-link {

    margin-left: 1.25rem;

}



.card > .list-group:first-child .list-group-item:first-child {

    border-top-right-radius: 0.0rem;

    border-top-left-radius: 0.0rem;

}



.card > .list-group:last-child .list-group-item:last-child {

    border-bottom-right-radius: 0; /*0.25rem*/

    border-bottom-left-radius: 0; /*0.25rem*/

}



.card-header {

    padding: 0.75rem 1.25rem;

    margin-bottom: 0;

    background-color: #f7f7f9;

    border-bottom: 1px solid rgba(0, 0, 0, 0.125);

}



    .card-header:first-child {

        border-radius: 0; /*calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;*/

    }



.card-footer {

    padding: 0.75rem 1.25rem;

    background-color: #f7f7f9;

    border-top: 1px solid rgba(0, 0, 0, 0.125);

}



    .card-footer:last-child {

        border-radius: 0; /*0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);*/

    }



.card-header-tabs {

    margin-right: -0.625rem;

    margin-bottom: -0.75rem;

    margin-left: -0.625rem;

    border-bottom: 0;

}



.card-header-pills {

    margin-right: -0.625rem;

    margin-left: -0.625rem;

}



.card-primary {

    background-color: #0077C8;

    border-color: #0077C8;

}



    .card-primary .card-header,

    .card-primary .card-footer {

        background-color: transparent;

    }



.card-success {

    background-color: #5cb85c;

    border-color: #5cb85c;

}



    .card-success .card-header,

    .card-success .card-footer {

        background-color: transparent;

    }



.card-info {

    background-color: #5bc0de;

    border-color: #5bc0de;

}



    .card-info .card-header,

    .card-info .card-footer {

        background-color: transparent;

    }



.card-warning {

    background-color: #f0ad4e;

    border-color: #f0ad4e;

}



    .card-warning .card-header,

    .card-warning .card-footer {

        background-color: transparent;

    }



.card-danger {

    background-color: #d9534f;

    border-color: #d9534f;

}



    .card-danger .card-header,

    .card-danger .card-footer {

        background-color: transparent;

    }



.card-outline-primary {

    background-color: transparent;

    border-color: #0077C8;

}



.card-outline-secondary {

    background-color: transparent;

    border-color: #ccc;

}



.card-outline-info {

    background-color: transparent;

    border-color: #5bc0de;

}



.card-outline-success {

    background-color: transparent;

    border-color: #5cb85c;

}



.card-outline-warning {

    background-color: transparent;

    border-color: #f0ad4e;

}



.card-outline-danger {

    background-color: transparent;

    border-color: #d9534f;

}



.card-inverse {

    color: rgba(255, 255, 255, 0.65);

}



    .card-inverse .card-header,

    .card-inverse .card-footer {

        background-color: transparent;

        border-color: rgba(255, 255, 255, 0.2);

    }



    .card-inverse .card-header,

    .card-inverse .card-footer,

    .card-inverse .card-title,

    .card-inverse .card-blockquote {

        color: #fff;

    }



        .card-inverse .card-link,

        .card-inverse .card-text,

        .card-inverse .card-subtitle,

        .card-inverse .card-blockquote .blockquote-footer {

            color: rgba(255, 255, 255, 0.65);

        }



            .card-inverse .card-link:focus, .card-inverse .card-link:hover {

                color: #fff;

            }



.card-blockquote {

    padding: 0;

    margin-bottom: 0;

    border-left: 0;

}



.card-img {

    border-radius: 0; /* calc(0.25rem - 1px);*/

}



.card-img-overlay {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    padding: 1.25rem;

}



.card-img-top {

    border-top-right-radius: 0; /* calc(0.25rem - 1px);*/

    border-top-left-radius: 0; /* calc(0.25rem - 1px);*/

}



.card-img-bottom {

    border-bottom-right-radius: 0; /* calc(0.25rem - 1px);*/

    border-bottom-left-radius: calc(0.25rem - 1px);

}



/*.card-deck {

    margin-bottom: 30px;

}*/



@media (min-width: 576px) {

    .card-deck {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-flex-flow: row wrap;

        -ms-flex-flow: row wrap;

        flex-flow: row wrap;

        align-content: center;

    }



        .card-deck .card {

            display: -webkit-box;

            display: -webkit-flex;

            display: -ms-flexbox;

            display: flex;

            -webkit-box-flex: 1;

            -webkit-flex: 1 0 0%;

            -ms-flex: 1 0 0%;

            flex: 1 0 0%;

            -webkit-box-orient: vertical;

            -webkit-box-direction: normal;

            -webkit-flex-direction: column;

            -ms-flex-direction: column;

            flex-direction: column;

            margin-bottom: 15px;

            /*min-width: 235px;*/

        }



        /*.card-deck .card:not(:first-child) {

                margin-left: 15px;

            }



            .card-deck .card:not(:last-child) {

                margin-right: 15px;

            }*/

        .card-deck .card {

            margin-right: 30px;

            margin-bottom: 30px;

        }

}



.card-svg {

    background-color: #0077C8;

    height: 142px;

}



#LeadershipTeam .card-deck {

    box-sizing: border-box;

    margin: 30px auto;

    overflow-y: auto;

    text-align: center;

    width: 100%;

    padding-bottom: 600px;

}



#LeadershipTeam .bio {

    display: inline-block;

    margin: 0 30px 30px 0;

    min-height: 267px;

    position: relative;

    width: calc(33% - 30px);

    min-width: 270px;

    border: 0;

}



#LeadershipTeam .bio_top {

    left: 0;

    position: relative;

    top: 0;

    min-width: 270px;

    width: 100%;

    cursor: pointer;

}



#LeadershipTeam .active-bio-card .bio__full.active {

    cursor: default;

    display: block;

}



#LeadershipTeam .bio__full {

    background: white none repeat scroll 0 0;

    display: none;

    min-height: 280px;

    text-align: justify;

    padding: 10px 10px 10px;

    position: absolute;

    top: 420px;

    min-width: 270px;

    width: 100%;

    z-index: 2;

}



#LeadershipTeam .bio__image {

    left: 0;

    position: relative;

    top: 0;

    min-width: 270px;

    width: 100%;

}



#LeadershipTeam .active-bio-card .bio .bio__image {

    filter: grayscale(100%);

    opacity: 0.7;

}



#LeadershipTeam .active-bio-card .bio:hover .bio__image {

    opacity: 1;

    filter: none;

}



#LeadershipTeam .bio .bio__image {

    transition: opacity 0.5s ease 0s, filter 0.5s ease;

}



#LeadershipTeam .bio__close {

    top: 0;

    right: 0;

    z-index: 3;

    font-size: 2em;

    color: #ccc;

    position: absolute;

    margin-right: .3em;

    margin-top: 0.3em;

}



@media (min-width: 576px) {

    .card-group {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-flex-flow: row wrap;

        -ms-flex-flow: row wrap;

        flex-flow: row wrap;

    }



        .card-group .card {

            -webkit-box-flex: 1;

            -webkit-flex: 1 0 0%;

            -ms-flex: 1 0 0%;

            flex: 1 0 0%;

        }



            .card-group .card + .card {

                margin-left: 0;

                border-left: 0;

            }



            .card-group .card:first-child {

                border-bottom-right-radius: 0;

                border-top-right-radius: 0;

            }



                .card-group .card:first-child .card-img-top {

                    border-top-right-radius: 0;

                }



                .card-group .card:first-child .card-img-bottom {

                    border-bottom-right-radius: 0;

                }



            .card-group .card:last-child {

                border-bottom-left-radius: 0;

                border-top-left-radius: 0;

            }



                .card-group .card:last-child .card-img-top {

                    border-top-left-radius: 0;

                }



                .card-group .card:last-child .card-img-bottom {

                    border-bottom-left-radius: 0;

                }



            .card-group .card:not(:first-child):not(:last-child) {

                border-radius: 0;

            }



                .card-group .card:not(:first-child):not(:last-child) .card-img-top,

                .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {

                    border-radius: 0;

                }

}



@media (min-width: 576px) {

    .card-columns {

        -webkit-column-count: 2;

        -moz-column-count: 2;

        column-count: 2;

        -webkit-column-gap: 2.25rem;

        -moz-column-gap: 2.25rem;

        column-gap: 2.25rem;

    }



        .card-columns .card {

            display: inline-block;

            width: 100%;

            margin-bottom: 2.75rem;

        }

}



@media (max-width:575px) {

    .card-columns .card {

        margin-bottom: 20px;

    }

}



.card__type, .card__category {

    color: #fff;

    font-family: 'Lato Bold';

    padding: 3px 10px 3px 20px;

    position: absolute;

    z-index: 1;

}



.card__type {

    background: #0e6ba5;

    left: 0;

    top: 10px;

}



.card__category {

    background: #4c8d1f;

    right: 0;

    top: 30%;

}

/* Search and Resource Center */

.heading__divider {

    border-bottom: 2px solid #CCC;

    display: block;

}



.right-column__divider, .heading__divider {

    border-bottom: 1px solid #000;

    display: block;

    margin-bottom: .5em;

}



.horizontal_search-result {

    margin-bottom: 15px;

    display: block;

}



    .horizontal_search-result:after {

        clear: both;

    }



    .horizontal_search-result a {

        margin-top: 15px;

        margin-bottom: 5px;

        font-size: 1.2em;

        font-family: 'Lato Bold';

        display: block;

    }



    .horizontal_search-result p.desc {

        font-size: 1.1em;

    }



    .horizontal_search-result img {

        /*width: 125px;

        height: 70px;*/

        float: left;

        display: inline-block;

    }



    .horizontal_search-result .press__date,

    .horizontal_search-result a {

        margin-top: 5px;

    }



.horizontal_search-sidebar-result:after {

    clear: both;

}



/*.horizontal_search-sidebar-result > img {

    width: 70px;

    height: 70px;

    float: left;

    border: none !important;

    display: block;

    margin-right: 10px;

}*/

/*.horizontal_search-sidebar-result {

    vertical-align: top;

}*/

.horizontal_search-sidebar-result .content--type {

    font-family: 'Lato Bold';

    display: inline-block;

}





.search__filtered {

    font-size: 1.2em;

    font-family: 'Lato Bold';

    color: #000;

}



.right-column_widget {

    display: block;

    margin: 15px 15px 30px 0;

    padding-top: 10px;

    font-size: 1.6rem;

    text-align: left;

}



    .right-column_widget h3 {

        color: #000;

        margin-bottom: 10px;

    }





    .right-column_widget:first-child {

        margin-top: 0;

        padding-top: 0;

    }



    .right-column_widget > .spacer {

        display: block;

        height: 45px;

    }



.h-search-button {

    margin-left: 10px;

    max-width: 100px;

}



/*#filter-list > li {

    line-height: 2.5em;

    margin-left: 15px;

}*/

ul.filter-sublist {

    list-style-type: none;

    padding-left: 15px;

}



.filter-sublist > li {

    line-height: 1.5em;

}



/* Press Release */

.press-release-listing > h4 {

    line-height: 1.5em;

    width: 25%;

    margin-top: 15px;

    font-weight: 600;

}



.press-release-listing > h5 {

    margin-bottom: 0

}



.press-release-listing > .horizontal_search-result > .title {

    margin-top: -10px;

}



/* Internal Page Hero */

.int-hero {

    background-size: 100% auto;

}



.header-carousel-inner > .product-name {

    font-size: 2em;

    margin: 30px;

    display: block;

    margin-top: 10%;

    margin-bottom: 10%;

    font-size: 2em;

    float: left;

}



.int-hero > .product-copy {

    font-size: 2.0em;

    color: #ffffff;

    font-weight: bold;

    display: inline-block;

    float: left;

    width: 50%;

}



/*In The News */

.caption > .article-title {

    font-weight: bold;

}



/* Customer Success Carousel Module */

.carousel {

    width: 100%;

    height: auto;

}



.cbg-1 {

    background-image: url('../_Images/1920x500_At.com_Design.jpg'); /* set a bunch of these, let user pick. */

}



.carousel .item {

    max-height: 500px;

}



.cs-carousel-title {

    color: #000;

    margin-top: 30px;

    margin-left: 15%;

    display: inline-block;

    position: absolute;

    font-size: 2em;

}



/* Carousel Header */

.alpha60 {

    /* Fallback for web browsers that doesn't support RGBa */

    background: rgb(0, 0, 0);

    /* RGBa with 0.6 opacity */

    background: rgba(0, 0, 0, 0.6);

    /* For IE 5.5 - 7*/

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);

    /* For IE 8*/

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}



.header-carousel-inner {

    position: relative;

    color: #fff;

    min-height: 300px;

    width: 90%;

    margin: 6rem auto 8rem auto;

    padding: 2rem;

    -ms-flex-align: center;

    align-items: center;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-pack: center;

    justify-content: center;

}



@media all and (max-width:768px) {

    .header-carousel-inner {

        -ms-flex-direction: column;

        flex-direction: column;

    }

}



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

    .header-carousel-inner {

        width: 100%;

    }

}



.carousel-content-label {

    font-size: 2rem;

}



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

    .carousel-content-label {

        text-align: right;

    }

}



.carousel-content-image {

    width: 100%;

}





.carousel-content-copy {

    border-left: 2px solid #fff;

    padding-left: 4rem;

    font-size: 2.5rem;

    margin: 1em 0;

}



@media all and (max-width:768px) {

    .carousel-content-copy {

        border: 0;

        padding-left: 0;

        margin: 1em 0;

    }

}



.carousel-content-publication {

    display: block;

    font-size: 2.6em;

    color: #cccccc;

    margin-top: 15px;

}



.carousel-content-btn {

    position: absolute;

    bottom: 0;

    right: 0;

    display: block;

    padding: 10px;

    width: 33%;

    background: rgba(76, 141, 31, 1.0);

    border: none;

    color: #fff;

    text-align: center;

}



/* Single modules */

.messaging-module {

    display: block;

    background-color: #4B1360;

    color: #ffffff;

}



    .messaging-module > .copy {

        max-width: 55%;

        display: inline-block;

        padding: 2%;

        font-family: 'Lato Light', sans-serif;

    }



/* Topics / Product List Widget */

.topical-list {

    padding-top: 8px;

}



    .topical-list > li {

        line-height: 2.5rem;

        font-size: 1.8rem;

    }



/* Product Hero Module */

/*.product-hero-inner {

    color: #fff;

    position: relative;

    margin-left: auto;

    margin-right: auto;

}



    .product-hero-inner > .product-name {

        margin: 30px;

        margin-top: 10%;

        margin-bottom: 10%;

        font-size: 4rem;

        float: left;

        font-weight: bold;

    }



    .product-hero-inner > .product-content-copy {

        border-left: 2px solid #ffffff;

        padding-left: 30px;

        margin-right: 15px;

        font-size: 2.5rem;

        line-height: 1.4em;

        max-width: 700px;

        margin-top: 5%;

        margin-bottom: 5%;

        padding-top: 15px;

        padding-bottom: 15px;

    }*/



/* Blog */

.comment-btn {

    margin-top: -7px;

}



#blog-header_date {

    display: block;

}



#blog-header-author-block img {

    height: 90px;

    width: 90px;

    border: none;

    margin-right: 15px;

    display: inline-block;

}



#blog-header-author-block > #author-info {

    display: inline-block;

    margin: 10px;

    float: left;

}





#author-info {

    display: inline-block;

}

    #author-info p:first-child {

        font-weight: bold;

        margin-bottom: 0;

    }





#blog-header_date p {

    font-size: initial;

    margin: 0 0 15px;

}



.blog-tag-cloud {

    display: block;

    color: #000000;

    font-size: 1.6rem;

    background-color: #e4e4e4;

    padding: 15px 15px 0px 15px;

    margin-top: 15px;

}



    .blog-tag-cloud > .cloud-row {

        display: block;

        padding-bottom: 15px;

        padding-left: 15px;

    }



.cloud-row > .row-label {

    font-weight: bold;

    font-size: 1.6rem;

    margin-right: 15px;

}



.blog-social-bar {

    padding: 0 15px;

}





    .blog-social-bar a {

        color: #fff !important;

        text-decoration: none;

    }



    .blog-social-bar > .social__bar {

        float: right;

        width: 18rem;

    }



    .blog-social-bar > .btn-primary {

        float: left;

        vertical-align: bottom;

        margin: 20px 0;

    }



.featured-related {

    margin-top: 20px;

}



    .featured-related img,

    .related-tile img {

        width: 100%;

        height: auto;

    }



.featured-related-title {

    font-size: 2rem;

}



.related-tile {

    display: inline-block;

    margin-left: auto;

    margin-right: auto;

    margin-top: 10px;

}



.blog-contrib-listing {

    margin-left: 15px;

    padding-bottom: 30px;

}



    .blog-contrib-listing img {

        display: inline-block;

    }



.blog-post-summary {

    margin-bottom: 30px;

    font-size: initial;

}



.blog-contrib-img {

    width: 180px;

}



.blog-contrib-mobile-para {

    margin-top: 10px;

}



.blog-contrib-listing > .btn-lg {

    margin-top: 15px;

    margin-bottom: 15px;

}



.blog-author-tile {

    display: inline-block;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 30px;

}



    .blog-author-tile img {

        border: thin solid #000000 !important;

    }



.blog-content__page {

    font-size: initial;

}

.blog-content {

    padding: 0 60px;

    background-color: rgba(255,255,255,0.9);

}





.blog-content__title {

    color: #0e6ba5;

    margin-top: 20px;

}



.comment-form__form {

    padding: 0 15px;

}



ul.blog-content__comments__list {

    list-style-type: none;

    font-size: initial;

}



.blog-comment__divider {

    padding: 0 10px;

    color: #0e6ba5;

    font-size: 1rem;

}

/* Partner Directory */

.partner-container {

    display: block;

    margin-top: 20px;

    padding-bottom: 10px;

    border-bottom: #CCCCCC thin dotted;

}



.partner-logo {

    display: block;

    margin-right: 25px;

    float: left;

}



    .partner-logo img {

        width: 90px;

        height: auto;

    }



.partner-name {

    display: block;

    font-weight: bold;

    float: left;

}



.partner-subtext {

    font-size: 1.5rem;

    line-height: 1.5em;

    display: block;

    font-weight: normal;

    margin-top: 5px;

}



.partner-info {

    font-size: 1.5rem;

    line-height: 1.5em;

    display: block;

}



.partner-container h3 {

    padding-bottom: 0px !important;

    margin-bottom: 0px !important;

}



/* Pete's Global Styles */

.clr-row {

    clear: both;

    height: 25px;

    display: block;

}



.v-align {

    padding: 10% 0;

}



/* Mixin **JC: this is erroring out.**

        .text-overflow() {

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

        }

/* Mixin Usage example

.branch-name{

  display: inline-block;

  max-width: 200px;

 text-overflow();

}

*/

#footer_logo path {

    fill: #ccc;

}



#footer_logo:hover path {

    fill: #fff;

}



svg:hover path {

    fill: #fff;

}



.cls-1 {

    fill: #0077C8;

}



.cls-2 {

    fill: #fff;

}



.cls-3 {

    fill: #ccc;

}



.resourceCenter h1 {

    border-bottom: 1px solid #000;

    margin-bottom: 0.5em;

    padding-bottom: 0.5em;

}



.btn-search {

    background-color: #0077C8;

    color: #fff;

    border: 1px solid #ccc;

}



    .btn-search:hover {

        background-color: #003057;

        color: #fff;

    }



.advancedSearch {

    font-size: 24px;

    display: block;

    border-bottom: 1px solid #000;

}



    .advancedSearch a {

        text-decoration: none;

        color: #000;

    }



.panel-advancedSearch {

    border-radius: 0;

    border: 1px solid #666;

}



    .panel-advancedSearch .nav > li {

        font-size: 1.5rem;

    }



        .panel-advancedSearch .nav > li > a {

            line-height: 1.3em;

        }



.filter-sublist > li > input[type=checkbox] {

    margin-right: 10px;

}



.list_heading {

    font-size: 24px;

    display: block;

    border-bottom: 1px solid #000;

    margin-bottom: 30px;

}



    .list_heading .list_filter a {

        font-size: 1.4rem;

    }



        .list_heading .list_filter a:hover {

        }



.list_filter .dropdown-menu {

    background-color: #fff;

    opacity: 1;

}



    .list_filter .dropdown-menu a:hover {

        color: #0077C8;

    }



.events__container, .resourceCenter {

    padding-bottom: 120px;

    padding-top: 30px;

}



.event__title, .press__title {

    color: #000;

    margin-bottom: 1rem;

}



.event__date {

    font-size: 2.4rem;

}



.sub-event__container {

    margin: 3rem 0;

}



h3.sub-event__title {

    margin-bottom: 1rem;

}



.main-event__details,

.main-event__desc,

.event__venue,

.event__address {

    font-size: 1.8rem;

}



.sub-event__details, .sub-event__desc {

    font-size: 1.6rem;

    margin-bottom: .5rem;

}