/** {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }*/
html {
    height: 100%;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    /* Margin bottom by footer height */
    /*margin-bottom:120px;*/
    /*padding-bottom: 6rem;*/
    position: relative;
    margin: 0;
    min-height: 100%;
    padding: 0;
}

.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

body.modal-open.scrollable-open {
    padding-right: 0 !important;
    overflow-y: scroll !important;
}

.blackBG {
    background-color: #000000;
}

.darkGreyBG {
    background-color: #333333;
}

.lightGrayBG {
    background-color: rgb(240, 240, 240);
}

.blueBG {
    background-color: rgb(0, 93, 181);
}

.center {
    text-align: center;
}

.glyphicon.dot-bullet {
    overflow: hidden;
    margin-bottom: .1em;
}
.glyphicon.dot-bullet:before {
    content:"\25cf";
    font-size: .7em;
}

.generic-heading {
    position: relative;
    z-index: 1;
    padding: 20px;
}
.generic-heading + * {
    padding-top: 105px;
}

.navbar {
    margin-bottom: 0;
}

div.black {
    background-color: black;
}

.modal.nav.fade .modal-dialog {
    right: -330px;
    transition: right 0.3s ease-out;
    -webkit-transition: right 0.3s ease-out;
    transform: translate3d(0%, 0, 0);
    -webkit-transform: translate3d(0%, 0, 0);
}

.modal.nav.fade.in .modal-dialog {
    right: 0px;
}

productLinks, productLinks:hover {
    color: #28a7fb;
}

relocation:hover {
    cursor: pointer;
}

.whiteText {
    color: #ffffff;
}

.hidden {
    display: none;
}



/*image overlay*/
.overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    opacity: 0;
    z-index: -1;
}

    .overlay:before {
        display: inline-block;
        height: 37%;
        vertical-align: middle;
        content: '';
    }

    .overlay img {
        max-height: 974px;
        position: relative;
        top: 125%;
    }

    .overlay .closeBtn {
        color: #FFF;
        text-align: right;
        background: 0 0;
        font-family: Arial,Baskerville,monospace;
        font-size: 28px;
        opacity: .65;
        border: 0;
        outline: 0;
        width: 100%;
    }

        .overlay .closeBtn:hover {
            opacity: 1;
        }

        .overlay .closeBtn:focus {
            opacity: 1;
        }

.overlayAspectContainer {
    width: 100%;
    position: relative;
    text-align: center;
}

.overlayImgContainer {
    display: inline-block;
}

    .overlayImgContainer img {
        max-width: 100%;
        height: auto;
        width: auto;
    }

p.cancellation-msg {
    font-size: 1.8vmin;
    margin-top: 2vmin;
}

/*event calendar*/
.calendar-wrapper {
    margin-bottom: 20px;
    float: right;
    overflow: hidden;
    width: 100%;
}

    .calendar-wrapper .calendar {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .calendar-wrapper .mobile-events-view a {
        text-decoration: none;
    }

.calendar td {
    border: 1px solid #E5E5E5;
    font-family: Segoe UI;
    font-size: 1.4em;
    padding: 1px;
    height: 8em;
    text-align: left;
    width: 14.3%;
}

.calendar {
    margin-bottom: 30px;
}

    .calendar tr {
        font-size: 10px;
        vertical-align: top;
    }

    .calendar td.valid-day.weekend {
        background: #EDEDED;
    }

    .calendar td .date-heading {
        color: #d8d8d8;
    }

    .calendar td.valid-day.current-day .date-heading {
        color: #585858;
        background: #E5E5E5;
    }

    .calendar td.valid-day .date-heading {
        vertical-align: top;
        background: #f5f5f5;
        color: #5C5C5C;
        padding: 2px 0 4px 2px;
    }

    .calendar div.event-wrapper {
        word-wrap: break-word;
        display: flex;
    }

        .calendar div.event-wrapper .popover-inner {
            transform: translateX(-12px) !important;
            padding: 0px 12px !important;
            width: 110% !important;
        }

    .calendar a.calendar-popover-trigger {
        text-decoration: none;
        color: #585858;
    }

    .calendar div.event-wrapper p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        word-break: break-word;
    }

    .calendar div.event-wrapper, div.event-details {
        color: #585858;
        font-style: italic;
    }

        div.event-details a {
            color: rgb(88, 88, 88);
            font-size: 17px;
        }

    .calendar td.has-events:hover {
        box-shadow: rgba(0,0,0, 0.2) 0px 0px 6px;
    }

    .calendar td:not(.valid-day) {
        background: #F9F9F9;
    }

    .calendar .day-heading th {
        border-left: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
        color: #585858;
        background: #e5e5e5;
        font-size: 1.6em;
        height: 1.2em;
        line-height: 1.2em;
        text-align: center;
        font-weight: normal;
        padding: 4px 0px;
        vertical-align: middle;
        text-transform: none;
    }

.calendar-tabs.container {
    padding: 0px;
    margin: 0px;
}

.calendar-header {
    width: 100%;
    height: 85px;
    border: 1px solid #E5E5E5;
    border-bottom: 0;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.calendar-header-cell {
    color: #585858;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

    .calendar-header-cell.prev {
        padding-left: 2%;
        font-size: 17px;
        text-align: left;
    }

    .calendar-header-cell.current {
        font-size: 16px;
        -webkit-flex-direction: column;
        flex-direction: column;
        justify-content: center;
    }

        .calendar-header-cell.current span {
            font-size: 28px;
        }

    .calendar-header-cell .calendar-header-year {
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    .calendar-header-cell.next {
        padding-right: 2%;
        font-size: 17px;
        text-align: right;
        justify-content: flex-end;
    }

.calendar-tabs > ul {
    text-align: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.calendar-tabs li {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #F5F5F5;
    cursor: pointer;
    text-align: center;
    background: #F5F5F5;
    color: #555555;
    left: 0px;
    display: inline-block;
    padding: 13px 0px;
    font: normal normal 16px / 22px sans-serif;
    transition: display 1s;
    -webkit-transition: display 1s;
}

    .calendar-tabs li:hover {
        background: #ffffff;
        border: 1px solid #F5F5F5;
    }

    .calendar-tabs li.active {
        background: #ffffff;
        border: 1px solid #eeeeee;
    }

.calendar-tabs::after {
    content: '';
    display: table;
    clear: both;
}

.event-details {
    font-style: italic;
}

    .event-details > div:not(:last-child):after {
        content: "";
        display: block;
        border-bottom: 1px solid #8c8c8c;
        margin: 5% 10% 5% 10%;
    }

    .event-details .event-time {
        white-space: nowrap;
    }

        .event-details .event-time span {
            margin-right: 10px;
        }

[event-calendar-popover-trigger] {
    width: 100%;
    height: 100%;
}

.events-click-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .events-click-mobile::after {
        content: '';
        display: block;
        height: 8px;
        width: 8px;
        padding: 0;
        background-color: #e5e5e5;
        margin: 13px auto 13px;
    }

.calendar-wrapper .heading-date {
    font-size: 15px;
    font-style: italic;
    background: #e5e5e5;
    color: #585858;
}

.calendar-wrapper .day-events .heading-date {
    padding: .5% 0% .5% 4%;
}

.calendar-wrapper .event-list-item {
    background: #f9f9f9;
    border: 1px solid #D5DCE2;
    text-align: left;
}

.calendar-wrapper .list-events .row {
    margin: 0;
}

.calendar-wrapper .list-events .event-list-date {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.calendar-wrapper .list-events .event-list-heading {
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .calendar-wrapper .list-events .event-list-heading a {
        display: inline-block;
        margin-top: 1%;
    }

.calendar-wrapper .day-events .event-list-heading a {
    display: inline-block;
    margin: 1% 4%;
}

.calendar-wrapper .event-list-heading a {
    color: #585858;
    font-size: 17px;
    line-height: 19px;
    font-style: italic;
}

.calendar-wrapper .event-list-item .event-time {
    text-align: left;
    margin-top: 10px;
    font-style: italic;
}

    .calendar-wrapper .event-list-item .event-time span {
        display: inline-block;
        margin-left: 3%;
    }

.calendar-wrapper .event-list-item .event-list-details {
    margin: 3% 3% 0% 3%;
}

.calendar-wrapper .event-text {
    color: #676767;
    font-size: 15px;
}

.calendar-wrapper .no-events {
    color: #898989;
    margin: 2%;
}

.calendar-loading {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #585858;
    width: 300px;
    height: 300px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin-right: 5%;
}

.calendar-loading-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255, 0.5);
}

/*///////////////////////*/


.button-gray {
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: rgba(0,0,0,.1);
    font-size: 14px;
    padding: 14px 20px;
    color: #666;
    background-color: #EBEBEB;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .button-gray:hover, .button-gray:focus, .button-gray:active {
        color: #5e5e5e;
        background-color: #dcdcdc;
        text-decoration: none;
        outline: none;
    }

.button-blue-rect {
    padding-left: 14px;
    padding-right: 14px;
    background-color: #28a7fb;
    color: #ffffff;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    font: normal bold 14px / 42px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    border: none;
}

    .button-blue-rect:hover {
        background: #1e73be;
        color: #ffffff;
        text-decoration: none;
    }

    .button-blue-rect:active {
        text-decoration: none;
        background-color: rgba(0,0,0,.2);
    }

    .button-blue-rect:focus {
        text-decoration: none;
    }

.button-wrap {
    cursor: pointer;
}

/*//////////////////*/

.demoRequestHeaderText a {
    color: #afafaf;
    text-decoration: underline;
}

    .demoRequestHeaderText a:hover {
        text-decoration: none;
    }

.topHeaderText {
    color: #ffffff;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 13px;
    line-height: 19px;
    font-family: Montserrat, Helvetica, Arial, Verdana, sans-serif;
}

span.icon-facebook img {
    height: 30px;
}

span.icon-linkedin img {
    height: 26px;
    padding-top: 4px;
}

.register-btn {
    top: 5px;
    right: 20px;
    position: relative;
    display: inline-block;
}

    .register-btn a {
        display: inline-block;
        border: 1px solid transparent;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        border-color: rgba(0,0,0,.1);
        font-size: 14px;
        padding: 6px 12px;
        color: #ffffff;
        background-color: rgb(0, 93, 181);
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        text-decoration: none;
    }

.btn-support-request {
    color: white !important;
    background: #337ab7;
    text-decoration: none;
}

navbar-logo {
    position: relative;
    float: left;
}

navbar-logo::before {
    content: '';
    opacity: 0;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .4s ease-out;
}

navbar-logo:hover::before {
    opacity: 1;
}

navbar-logo > img {
    background-size: 100%;
    position: relative;
    display: inline-block;
    height: 61px;
    width: 275px;
}

/*Logo glow*/
/* 
.ac-nav navbar-logo::before {
    background-image: radial-gradient(#e70039 30%, black 70%);
}
.ac-nav navbar-logo > img {
    background-image: radial-gradient(#e70039, rgba(255, 255, 255, 0) 80%);
}
.as-nav navbar-logo::before {
    background-image: radial-gradient(#00a5ff 30%, black 70%);
}
.as-nav navbar-logo > img {
    background-image: radial-gradient(#00a5ff, rgba(255, 255, 255, 0) 80%);
}
    */

.navbar-title .left {
    float: left;
}

.navbar-title .right {
    float: right;
}

.navbar-title .row-one {
    top: 0;
    height: 70px;
}

.navbar-title .border-bottom {
    border-bottom: 1px solid white;
}

.navbar-title .row-two > div {
    top: 30%;
}

.register-btn a:hover {
    background-color: #1f80c1;
}

.navbar-title .link-element {
    display: inline;
}

.navbar-header {
    max-height: 200px;
}

    .navbar-header .header-nav-btn {
        margin-top: 3vmin;
    }

    .navbar-header .header-img img {
        float: left;
    }

.navHeaders {
    color: #ffffff;
    font: normal bold 16px / 20px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
}

.navbar-nav > li > a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.navbar {
    min-height: 32px !important
}

.navbar-nav li a:hover,
.navbar-nav li a:focus,
.navbar-nav li a:active {
    background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover {
    background-color: transparent;
}

.phoneHeader span {
    color: #ffffff;
    margin: -26px 0px 0px 25px;
    font-size: 24px;
    line-height: 24px;
}

.phoneHeader i {
    font-size: 28px;
    line-height: 28px
}

.navBackground {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000000;
    background-image: url(images/bannerRender2000x525.jpg);
    background-position: center center;
    height: 47.5vmin;
    z-index: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
}

    .navBackground:after {
        clear: both;
        display: table;
        content: ' ';
    }


.headerBackground::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(255,255,255,0) 50%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(255,255,255,0) 50%,rgba(0,0,0,1) 100%);
}

.headerBackground {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000000;
    background-position: center center;
    z-index: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

    .headerBackground:after {
        clear: both;
        display: table;
        content: ' ';
    }

    .headerBackground.one {
        background-image: url(images/bannerRender2000x683-01.jpg);
    }

    .headerBackground.two {
        background-image: url(images/bannerRender2000x683-02.jpg);
    }

    .headerBackground.three {
        background-image: url(images/bannerRender2000x683-03.jpg);
    }

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.fixed-navbar {
    opacity: 0;
    top: -100px;
    position: fixed;
    width: 100%;
    left: 0;
    /*transform: translateX(-15px);*/
    transition: top .1s linear;
}

    .fixed-navbar.shown {
        opacity: 1;
        top: 0px;
    }

.fixed-nav {
    z-index: 1050;
}

.vertical-nav-toggle {
    margin-left: 20px;
    text-align: left;
    position: relative;
    width: 40px;
    height: 40px;
    float: right;
}

    .vertical-nav-toggle .lines {
        position: absolute;
        border-radius: 3px;
        background: #fff;
        width: 30px;
        height: 2px;
        top: 19px;
        right: 5px;
    }

        .vertical-nav-toggle .lines::before, .vertical-nav-toggle .lines::after {
            position: absolute;
            content: '';
            border-radius: 3px;
            background: #fff;
            width: 30px;
            height: 2px;
            -webkit-transform-origin: 1.5px center;
            transform-origin: 1.5px center;
            -webkit-transition: 300ms all;
            transition: 300ms all;
        }

        .vertical-nav-toggle .lines::before {
            top: 10px;
        }

    .vertical-nav-toggle:hover .lines::before {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    .vertical-nav-toggle .lines::after {
        top: -10px;
    }

    .vertical-nav-toggle:hover .lines::after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    .vertical-nav-toggle.fixed {
        top: 15px;
        right: 15px;
        position: fixed;
        background-color: rgba(0,0,0,.2);
        padding: 10px 8px;
        transition: all .1s linear;
    }

        .vertical-nav-toggle.fixed:hover {
            background-color: rgba(0,0,0,.5);
        }

/*login modal*/
#loginModal .modal-header .info-msg {
    margin: 5px 0 5px 20px;
    color: #8a6d3b;
}

/*vertical nav modal*/
#verticalNavModal {
    height: 100%;
}

    #verticalNavModal [data-dismiss="modal"] {
        opacity: 1;
        position: relative;
        width: 30px;
        height: 30px;
        background: #28a7fb;
    }

        #verticalNavModal [data-dismiss="modal"]:hover {
            cursor: pointer;
        }

            #verticalNavModal [data-dismiss="modal"]:hover::before, #verticalNavModal [data-dismiss="modal"]:hover::after {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }

        #verticalNavModal [data-dismiss="modal"]::before, #verticalNavModal [data-dismiss="modal"]::after {
            content: '';
            position: absolute;
            border-radius: 3px;
            background: #fff;
            top: 14px;
            left: 5px;
            right: 5px;
            height: 2px;
            -webkit-transition: 100ms all ease-out;
            transition: 100ms all ease-out;
        }

        #verticalNavModal [data-dismiss="modal"]::before {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        #verticalNavModal [data-dismiss="modal"]::after {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    #verticalNavModal ul {
        list-style: none;
    }

    #verticalNavModal li {
        position: relative;
        padding: 16px 30px 16px 0px;
    }

        #verticalNavModal li.mainNav::before {
            position: absolute;
            content: "";
            top: -0.5px;
            height: 0px;
            border-top: solid 1px rgba(37,37,37,0.08);
            width: 100%;
            max-width: 100%;
            left: 0;
        }

        #verticalNavModal li.mainNav:first-of-type::before {
            display: none;
        }

    #verticalNavModal a {
        color: #252525;
        font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
        font-size: 14px;
        line-height: 28px;
    }

        #verticalNavModal a.mainNav {
            font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
            font-weight: bold;
            font-size: 16px;
            line-height: 20px;
        }

        #verticalNavModal a:hover, #verticalNavModal a:active {
            text-decoration: none;
            color: #28a7fb;
        }

        #verticalNavModal a.active {
            text-decoration: none;
            color: #28a7fb;
        }

    #verticalNavModal .modal-dialog {
        margin: auto;
        width: 330px;
        max-width: 100%;
        height: 100%;
        position: fixed;
    }

    #verticalNavModal .modal-content {
        border-radius: 0px;
        -webkit-border-radius: 0px;
        height: 100%;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
    }

    #verticalNavModal .modal-header {
        border-bottom: none;
    }

    #verticalNavModal .modal-body {
        flex-grow: 1;
    }

    #verticalNavModal .modal-footer {
        width: 100%;
        text-align: left;
        border-top: none;
        margin-bottom: 60px;
        padding-left: 40px;
    }

        #verticalNavModal .modal-footer span {
            padding: 5px;
            display: inline-block;
        }

    #verticalNavModal .subNavExpand {
        color: rgb(137,137,137);
        font-size: 14px;
        font-weight: 100;
        transition: transform .3s ease-out;
    }

        #verticalNavModal .subNavExpand.open {
            color: rgb(137,137,137);
            font-size: 14px;
            font-weight: 100;
            transform: rotate(45deg);
        }

i.subNavExpand:hover {
    cursor: pointer
}

/*end vertical nav modal*/

/*footer slide show css*/

.section-header {
    margin-top: 33px;
    font-size: 4vmin;
    font-size: 5.8vmin;
    padding-right: 10px;
    text-align: center;
}
.section-header>span{
    color: rgb(0, 93, 181);
    vertical-align: middle;
}

#trainingBlock {
    color: white;
}

    #trainingBlock h2 {
        text-align: center;
    }

div.training-schedule {
    text-align: center;
}

div.training-schedule > span:first-of-type {
    font-size: 3vmin;
    display: block;
}
div.training-schedule > span:last-of-type {
    font-size: 2vmin;
        display: block;
}

div.training-schedule a {
    display: inline-block;
    padding: 1.5vmin 3.5vmin;
    margin-top: 10px;
    border: 1px solid white;
    border-radius: 3px;
    background-color: rgb(125, 125, 125);
    color: white;
    font-size: 3.5vmin;
    text-decoration: none;
}
div.training-schedule a:hover {
    background-color: rgb(167, 167, 167);
}  

.carousel-control.large {
    width: 80px;
    height: 80px;
}

    .carousel-control.large .glyphicon {
        font-size: 40px;
        margin-top: -20px;
    }

    .carousel-control.large .glyphicon-chevron-left {
        margin-left: -20px;
    }

.carousel-wrapper {
    margin-top: 30px;
    /*height: 40vmin;*/
    padding: 0;
    text-align: center;
}

#headerCarousel {
    height: 55vmin;
}
#headerCarousel .carousel-inner {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

#messagesCarousel {
    height: 100%;
}

    #messagesCarousel .carousel-inner, .item {
        height: inherit;
    }

    #messagesCarousel .item {
        text-align: center;
        background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
    }

    #messagesCarousel .carousel-control {
        top: 50%;
        cursor: pointer;
        background: rgba(201,201,201,0.75);
        position: absolute;
        display: block;
        border: 1px solid rgba(255, 255, 255, 1);
        margin: 0px;
        padding: 0px;
    }

        #messagesCarousel .carousel-control:hover {
            background: #000000;
        }

    #messagesCarousel .item .container {
        padding-top: 8vmin;
    }

    #messagesCarousel .details-button {
        text-align: left;
        line-height: 17px;
        padding: 12px 35px;
        letter-spacing: 2px;
        font-weight: 600;
        font-size: 17px;
        color: #ffffff;
        background-color: rgba(219,28,34,1.00);
        border: none;
    }

        #messagesCarousel .details-button:hover {
            background-color: #000000;
        }

    #messagesCarousel .fade.shown {
        opacity: 1;
    }

    #messagesCarousel .up.shown {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }

    #messagesCarousel .zoom.shown {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

/*end footer slide show css*/

.carousel-wrapper .carousel-control {
    top: 50%;
    cursor: pointer;
    background: rgba(201,201,201,0.75);
    position: absolute;
    display: block;
    border: 1px solid rgba(255, 255, 255, 1);
    margin: 0px;
    padding: 0px;
}

    .carousel-wrapper .carousel-control:hover {
        background: #000000;
    }

.workflow-carousel {
    font-family: Calibri;
    font-weight: 700;
    font-size: 3.6vmin;
    color: black;
    /*height:70vmin;*/
    margin-top: 0px;
    padding-top: 30px;
}

.workflow-carousel > .header > div:first-of-type {
    font-size: 3.2vmin;
    margin-bottom: 1vmin;
}
.workflow-carousel > .header > div:last-of-type,
.workflow-carousel .features-column p {
    font-weight: 500;
    font-size: 2vmin;
}
.workflow-carousel .features-column p {
    text-align: left;
}

.workflow-carousel > img {
    padding-right: 10px;
}

.workflow-carousel.gray {
    background-color: rgb(240, 240, 240);
}

.workflow-carousel.white {
    background-color: white;
}

.alarmcad.banner {
    background: black;
    text-align: center;
    height: 55vmin;
}

    .alarmcad.banner video {
        height: 100%;
        pointer-events: none;
    }

    .alarmcad.banner div.fade-overlay {
        height: inherit;
    }

        .alarmcad.banner div.fade-overlay::before {
            content: '';
            height: inherit;
            width: 5%;
            position: absolute;
            margin-left: -1px;
            background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 1%, rgba(0,0,0,0) 100%);
            background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 1%,rgba(0,0,0,0) 100%);
            background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 1%,rgba(0,0,0,0) 100%);
        }

        .alarmcad.banner div.fade-overlay::after {
            content: '';
            height: inherit;
            width: 5%;
            position: absolute;
            margin-left: calc(-5% + 1px);
            background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 99%, rgba(0,0,0,1) 100%);
            background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%);
            background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%);
        }

.alarmcad.workflow-carousel .left {
    transform: matrix(1,0,0,1,20,0);
}
.alarmcad.workflow-carousel .right {
    transform: matrix(1,0,0,1,-20,0);
}
.workflow-carousel .left {
    transform: matrix(1,0,0,1,20,-70);
}
.workflow-carousel .right {
    transform: matrix(1,0,0,1,-20,-70);
}

.workflow-carousel .carousel {
    /*height: 80%;*/
}

.workflow-carousel .carousel-inner, .item, .workflow-carousel ul.features-bullets {
    /*height: 100%;*/
}

.workflow-carousel .item {
    text-align: center;
    background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.workflow-carousel.subtitled .item .container {
    padding-top: 8vmin;
}
.workflow-carousel .item .container {
    padding-top: 1.8vmin;
}

.workflow-carousel .item .features-column {
    /*height: 100%;*/
    display: table;
}

.workflow-carousel .item .features-column > * {
    display: table-cell;
    vertical-align: middle;
}

.workflow-carousel .item .features-column img {
    width: 100%;
    max-height: 100%;
}

.alarmcad.workflow-carousel .item div.row {
    padding: 2vmin 0;
}

/*Training Carousel*/
#carouselTraining .carousel-control.right {
    transform: matrix(1,0,0,1,-20,-30);
}

#carouselTraining .carousel-control.left {
    transform: matrix(1,0,0,1,20,-30);
}
/*End Training Carousel*/

#messagesCarousel2 .animation-sequence-1, #messagesCarousel3 .animation-sequence-1, #messagesCarousel4 .animation-sequence-1 {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

#messagesCarousel1 {
    background-image: url(http://mepcad.cloudapp.net/wp-content/uploads/footer.jpg);
}

    #messagesCarousel1 .container {
        padding-left: 8vw;
        text-align: left;
    }

    #messagesCarousel1 .animation-sequence-1 {
        opacity: 0;
        text-align: left;
        margin-top: 3vmin;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
    }

    #messagesCarousel1 .animation-sequence-2 {
        opacity: 0;
        text-align: center;
        color: rgb(0, 93, 181);
        font-size: 4.5vmin;
        font-weight: bold;
        height: 7.7vmin;
        line-height: 6.7vmin;
        user-select: none;
        display: inline-block;
        position: relative;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, transform 1s;
    }

        #messagesCarousel1 .animation-sequence-2.shown {
            -webkit-transition-delay: .2s;
            transition-delay: .2s;
        }

    #messagesCarousel1 .animation-sequence-3 {
        font-size: 3.1vmin;
        line-height: 3.3vmin;
        font-weight: 400;
        color: rgb(0, 97, 188);
        opacity: 0;
        display: block;
        position: relative;
        text-align: left;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: opacity .5s, -webkit-transform .5s;
        transition: opacity .5s, transform .5s;
    }

        #messagesCarousel1 .animation-sequence-3.shown {
            -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
        }

#messagesCarousel2 {
    background-image: url(http://mepcad.cloudapp.net/wp-content/uploads/2017/01/fountain-4.png);
}

    #messagesCarousel2 .animation-sequence-1 {
        opacity: 0;
        text-align: left;
        height: 15.6vmin;
        width: 22.5vmin;
        float: left;
        -webkit-transition: opacity 1s;
        transition: opacity 1s;
    }

        #messagesCarousel2 .animation-sequence-1 img {
            height: inherit;
            width: inherit;
        }

    #messagesCarousel2 .animation-sequence-2 {
        opacity: 0;
        float: left;
        margin-top: 50px;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
    }

        #messagesCarousel2 .animation-sequence-2.shown {
            -webkit-transition-delay: 1s;
            transition-delay: 1s;
        }

    #messagesCarousel2 .animation-sequence-3 {
        opacity: 0;
        font-size: 3.9vmin;
        font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
        line-height: 4vmin;
        font-weight: 800;
        color: rgb(255, 0, 0);
        text-align: left;
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: 50% 50% 0px;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, transform 1s;
    }

        #messagesCarousel2 .animation-sequence-3.shown {
            -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
        }

#messagesCarousel3 {
    background-image: url(http://mepcad.cloudapp.net/wp-content/uploads/sprinklerfooter.jpg);
}

    #messagesCarousel3 .animation-sequence-1 {
        opacity: 0;
        float: right;
        margin-right: 10vmin;
        height: 27.2vmin;
        width: 25.2vmin;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
    }

        #messagesCarousel3 .animation-sequence-1 img {
            height: inherit;
            width: inherit;
        }

    #messagesCarousel3 .animation-sequence-2 {
        opacity: 0;
        margin-top: 5vmin;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
    }

        #messagesCarousel3 .animation-sequence-2.shown {
            -webkit-transition-delay: .2s;
            transition-delay: .2s;
        }

    #messagesCarousel3 .animation-sequence-3 {
        opacity: 0;
        font-size: 4.1vmin;
        font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
        line-height: 4.2vmin;
        font-weight: 800;
        color: rgb(42, 95, 211);
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, transform 1s;
    }

        #messagesCarousel3 .animation-sequence-3.shown {
            -webkit-transition-delay: .4s;
            transition-delay: .4s;
        }

#messagesCarousel4 {
    background-image: url(http://mepcad.cloudapp.net/wp-content/uploads/boston.jpg);
}

    #messagesCarousel4 .animation-sequence-1 {
        opacity: 0;
        height: 24.9vmin;
        width: 12.5vmin;
        float: left;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
    }

        #messagesCarousel4 .animation-sequence-1 img {
            height: inherit;
            width: inherit;
        }

    #messagesCarousel4 .animation-sequence-2 {
        opacity: 0;
        float: left;
        margin-top: 5vmin;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
    }

        #messagesCarousel4 .animation-sequence-2.shown {
            -webkit-transition-delay: .2s;
            transition-delay: .2s;
        }

    #messagesCarousel4 .animation-sequence-3 {
        opacity: 0;
        z-index: 5;
        font-size: 4.1vmin;
        line-height: 4.2vmin;
        font-weight: 800;
        color: rgb(255, 255, 255);
        text-align: left;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        transition: opacity 1s, transform 1s;
    }

        #messagesCarousel4 .animation-sequence-3.shown {
            -webkit-transition-delay: .4s;
            transition-delay: .4s;
        }

    #messagesCarousel2 .container, #messagesCarousel3 .container, #messagesCarousel4 .container {
        padding: 0 5vw;
    }

.external-links-wrapper {
    text-align: center;
    margin-top: 60px;
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: auto;
}

    .external-links-wrapper .carousel-control {
        cursor: pointer;
    }

        .external-links-wrapper .carousel-control .glyphicon {
            margin-top: -1.5vmin !important;
            font-size: 3vmin !important;
        }

.external-links-container {
    position: relative;
    height: auto;
}

    .external-links-container .link {
        opacity: 0;
        position: relative;
        display: inline-block;
        width: 16.66666666666667%;
        padding: 0 1%;
    }

        .external-links-container .link a {
            display: inline-block;
            position: relative;
        }

        .external-links-container .link.shown {
            opacity: 1;
        }

            .external-links-container .link.shown i {
                opacity: 0;
                background-color: rgba(40,167,251,0.4);
                position: absolute;
                top: 0;
                right: 0;
                width: 100%;
                height: 100%;
                display: block;
                -webkit-transition: all 450ms ease;
                transition: all 450ms ease;
            }

            .external-links-container .link.shown:hover i {
                opacity: 1;
            }

        .external-links-container .link img {
            width: 100%;
            max-width: 170px;
            height: auto;
            position: relative;
        }

.footer-slide-one-button {
    font-size: 15px;
    line-height: 15px;
    font-weight: 900;
    color: #ffffff;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.75);
    border-color: rgb(0, 0, 0);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    letter-spacing: 1px;
    cursor: pointer;
    margin: 0px;
    padding: 12px 35px;
    border: none;
}

    .footer-slide-one-button:hover {
        color: #000000;
        background-color: #ffffff;
    }

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadein-zoom {
    from {
        opacity: 0;
        transform: scale(.5);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes fadein-zoom {
    from {
        opacity: 0;
        transform: scale(.5);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadein-move-up {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@-webkit-keyframes fadein-move-up {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

/*make sure to set play state if using 'animation' property shorthand animation:...  */
.animation-sequence-2, .animation-sequence-3, .animation-sequence-4, .animation-sequence-5 {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

/*home page css*/

.generic-background {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(http://mepcad.cloudapp.net/wp-content/uploads/2016/12/backgrond.jpg);
    background-attachment: fixed;
    background-position: center center;
    z-index: 0;
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
}

ul.features-list {
    display: inline-block;
    padding-left: 0px;
    margin: 1em 0 2em;
    list-style: none;
}

.features-bullets {
    line-height: 4vmin;
    font-size: 2.4vmin;
    font-weight: 400;
    text-align: left;
}

    .features-bullets > li:not(:first-of-type) {
        margin-top: 2vmin;
    }

.featuresTab {
    border: 1px solid #becbd2;
    border-color: #47a3da;
    border-width: 1px;
    border-radius: 7px 7px 0px 0px;
    -webkit-border-radius: 7px 7px 0px 0px;
    border-bottom: none;
    padding: 0px;
    margin: 0 0.25em;
    float: left;
    position: relative;
    text-align: center;
}

.featuresTitle {
    font-weight: normal;
    margin: 0;
    line-height: normal;
    color: #ffffff;
    font: normal bold 24px / 34px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-weight: bold;
    font-stretch: normal;
    font-size: 24px;
    text-transform: none;
}

.featuresContainer {
    padding: 30px 0px;
    margin: 30px auto;
    background-color: #000000;
}

.featuresContent {
    overflow: hidden;
    text-align: left;
    width: 100%;
    color: rgb(137, 137, 137);
    font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.25em;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 150px;
}

    .featuresContent ul li {
        margin: 15px 0px;
    }

        .featuresContent ul li strong {
            color: #bfbfbf;
        }


.featuresDiv {
    padding-left: 40px;
}

.featuresDisplay {
    background-color: white;
}

.featureHighlights {
    font-weight: normal;
    margin: 0;
    line-height: normal;
    color: #272727;
    font: normal bold 24px / 34px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-weight: bold;
    font-stretch: normal;
    font-size: 24px;
    text-transform: none;
}

.featuresTab > a {
    color: #ffffff;
    display: block;
    text-decoration: none;
    padding: 0 1.25em;
    font-size: 1.45em;
    line-height: 2.5;
    white-space: nowrap
}

.featuresTab.active > a {
    color: #28a7fb;
}

.featuresTab.active:after {
    content: '';
    position: absolute;
    height: 1px;
    bottom: 0;
    background: #47a3da;
    right: auto;
    left: 100%;
    width: 4000px;
}

.featuresTab.active:before {
    content: '';
    position: absolute;
    height: 1px;
    right: 100%;
    bottom: 0;
    width: 4000px;
    background: #47a3da;
}

.featuresTab > a:hover {
    color: #28a7fb;
}

.featuresTab > a > i {
    line-height: 2.5;
}

.featuresTab > a > span {
    padding-left: 10px;
}

.featuresContent-sm-12, .featuresContent-sm-8, .featuresContent-sm-4 {
    float: left;
    position: relative;
    box-sizing: border-box;
    display: block;
    padding: 0px 20px;
}

.featuresContent img {
    max-width: 100%;
    height: auto;
}

.mainVideo, .featuresVideo, .sidebarVideo {
    width: 100%;
    max-width: 720px;
}

.sidebarVideo {
    padding-bottom: 15px;
}

/* selected link */
@media (min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

@media (max-width: 52.375em) {
    .featuresContainer > nav > ul > li > a > span {
        display: none;
    }
}

@media (max-width: 32em) {
    .featuresContainer > nav > ul > li {
        width: calc(20% + 1px);
        min-width: 50px;
    }
}

@media (min-width: 768px) {
    .featuresContent-sm-12 {
        width: 100%;
    }

    .featuresContent-sm-8 {
        width: 66.666666667%;
    }

    .featuresContent-sm-4 {
        width: 33.33333333%;
    }

    .events-click-mobile, .mobile-events-view {
        display: none;
    }
    /*.carousel-wrapper {
        margin-bottom: 60px;
    }*/
}

@media (max-width: 768px) {
    .calendar td {
        height: 50px;
    }

    .calendar .event-wrapper * {
        display: none;
    }

    .calendar-loading {
        height: 150px;
        width: 150px;
        margin-right: 8%;
    }
    /*.carousel-wrapper {
        margin-bottom: 100px;
    }*/
}

@media (min-width: 450px) {
    .heading-date .shortened-date {
        display: none;
    }
}

@media (max-width: 450px) {
    .heading-date .full-date {
        display: none;
    }
}

@media (max-width: 600px) {
    .calendar-nav-label {
        display: none;
    }
}

.nav > li > a {
    padding-left: 18px;
    padding-right: 10px;
    display: inline-block;
}

.decorationLine {
    height: 2px;
    background-color: #28a7fb;
    position: absolute;
    top: -3px;
    left: 6px;
    width: 100%;
    content: "";
    opacity: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-sizing: border-box;
    transition: opacity .3s ease;
    padding: 0px;
    margin: 0px;
}

.mainMenuElement.active > .decorationLine {
    opacity: 1;
}

.mainMenuElement {
    color: #ffffff;
    font: normal bold 18px / 54px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    text-decoration: none;
    cursor: pointer;
}

    /* mouse over link */
    .mainMenuElement:hover {
        color: #28a7fb;
        text-decoration: none;
    }

    /* selected link */
    .mainMenuElement.active {
        color: #28a7fb;
        text-decoration: none;
    }

.mainMenuDropdown:after {
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 8px;
    height: 8px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='8px' viewBox='0 0 8 8' fill='%23ffffff' enable-background='new 0 0 8 8' xml:space='preserve'%3E%3Cpolygon points='7.825,2.5 6.976,1.6 4.289,4.417 3.66,4.417 0.975,1.6 0.176,2.5 3.66,6 3.975,6 4.289,6 '/%3E%3C/svg%3E");
}

.mainMenuDropdown:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='8px' viewBox='0 0 8 8' fill='%2328a7fb' enable-background='new 0 0 8 8' xml:space='preserve'%3E%3Cpolygon points='7.825,2.5 6.976,1.6 4.289,4.417 3.66,4.417 0.975,1.6 0.176,2.5 3.66,6 3.975,6 4.289,6 '/%3E%3C/svg%3E");
}

.mainMenuDropdown.active::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='8px' viewBox='0 0 8 8' fill='%2328a7fb' enable-background='new 0 0 8 8' xml:space='preserve'%3E%3Cpolygon points='7.825,2.5 6.976,1.6 4.289,4.417 3.66,4.417 0.975,1.6 0.176,2.5 3.66,6 3.975,6 4.289,6 '/%3E%3C/svg%3E");
}

.navLinkMenu.active {
    color: #28a7fb;
}

.mainMenuDropdownList > li > a {
    font: 600 14px / 18px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    position: relative;
    z-index: 2;
    color: #252525;
}

    .mainMenuDropdownList > li > a:hover {
        color: #28a7fb;
        outline: initial;
    }

.button-animated-arrow {
    white-space: nowrap;
    visibility: inherit;
    transition: none;
    text-align: inherit;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
}

.button-animated-arrow span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.button-animated-arrow span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -100px;
    transition: 0.5s;
}

.button-animated-arrow:hover span {
    padding-right: 20px;
}

.button-animated-arrow:hover span:after {
    opacity: 1;
    right: 0;
}

.buttonMain {
    font-family: Arial;
    font-weight: 700;
    z-index: 5;
    transform-origin: 50% 50% 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    font-size: 15px;
    line-height: 15px;
    font-weight: 900;
    color: rgb(10, 10, 10);
    text-transform: uppercase;
    background-color: rgb(193, 193, 193);
    border-color: rgb(0, 0, 0);
    /*border-radius: 30px;
    -webkit-border-radius: 30px;*/
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    letter-spacing: 1px;
    cursor: pointer;
    margin: 0px;
    padding: 12px 35px;
}

    .as.buttonMain:hover {
        color: white;
        background-color: rgb(0, 93, 181);
    }


.lasVegasText {
    min-width: 1114px;
    max-width: 1114px;
    white-space: normal;
    font-size: 40px;
    line-height: 41px;
    font-weight: 800;
    visibility: inherit;
    transition: none;
    text-align: right;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    min-height: 142px;
    max-height: 142px;
    top: 100px;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.productLinks {
    padding-left: 18px;
    padding-right: 18px;
    color: #ffffff;
    font: normal bold 18px / 54px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    text-decoration: none;
}

    /* mouse over link */
    .productLinks:hover {
        color: rgb(0, 93, 181);
        text-decoration: none;
    }

    /* selected link */
    .productLinks:active {
        color: blue;
        text-decoration: none;
    }

.buttonStyle {
    color: #ffffff;
    border: 1px solid transparent;
    border-color: #EBEBEB;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border-width: 2px;
    background-color: transparent;
    padding: 17px 24px;
    font-size: 16px;
}

    .buttonStyle:hover {
        transition: 0.5s;
        background-color: #EBEBEB;
        color: #000000;
    }

.coverTopParent {
    z-index: 100;
    /*min-height:300px;*/
    width: 100%;
    background-color: black;
    padding-top: 6%;
}

.coverTop {
    width: 100%;
    background-color: #000000;
    z-index: 100;
    /*min-height:300px;*/
    width: 100%;
    background-color: black;
    /*padding-top:3%;*/
}

.coverBottom {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    /*height:150px;
    /*width:100%;
    background-color:black;*/
}

.coverVideo {
    color: #ffffff;
    top: 250px;
    max-height: 200px;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.requestDemoDiv {
    bottom: 0;
}

.videowrapper {
    float: none;
    clear: both;
    display: inline-block;
    position: relative;
    padding-top: 0px;
    width: 100%;
}

    .videowrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

.testimonialHeader {
    color: #3f3f3f;
    font-weight: normal;
    line-height: normal;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-stretch: normal;
    font-size: 24px;
    font-family: Montserrat, Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}

.testimonialDiv {
    /*padding: 20px 25px 20px;*/
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 10px;
    color: #4f4f4f;
    word-spacing: normal;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 14px;
    line-height: 28px;
    font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    box-shadow: 0 6px 18px rgba(0,0,0,0.1);
    text-align: left;
}

.testimonialContact {
    text-align: left;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    margin-left: 20px;
    word-wrap: break-word;
}

.testimonialScrollLayout .testimonialDiv {
    opacity: 0;
}

.testimonialDiv.scroll-animate {
    animation-name: testimonial-scroll-layout-anim;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    transform-origin: bottom;
    -webkit-animation-name: testimonial-scroll-layout-anim;
    -webkit-animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-transform-origin: bottom;
}

@-webkit-keyframes testimonial-scroll-layout-anim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-500px) scaleY(.2);
    }

    50% {
        opacity: .5;
        -webkit-transform: translateY(0px) scaleY(.2);
    }

    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
    }
}

@keyframes testimonial-scroll-layout-anim {
    0% {
        opacity: 0;
        transform: translateY(-500px) scaleY(.2);
    }

    50% {
        opacity: .5;
        transform: translateY(0px) scaleY(.2);
    }

    100% {
        opacity: 1;
        transform: scaleY(1);
    }
}

.testimonialsCarousel .carousel-indicators {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}


.testimonialsCarouselControls li {
    background-color: #28a7fb;
}

    .testimonialsCarouselControls li.active {
        background-color: #28a7fb;
        border: 3px solid #c2e4f9;
    }

.testimonialsCarousel div.testimonialContact {
    margin-bottom: 25px;
}

.testimonialContact span.no-avatar {
    border: 1px solid;
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: rgba(79,79,79,0.15);
    border-color: rgba(79,79,79,0.15);
    margin-right: 15px;
}

.testimonialContact .no-avatar:after {
    color: rgba(152,154,159,0.3);
    content: "\f007";
    font-size: 28px;
    position: absolute;
    top: 25%;
    left: 32%;
    font: normal normal normal 28px/1 FontAwesome;
}

/*member login page*/
.loginHeader {
    font: normal bold 16px / 20px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-size: 24px;
}

.loginButton {
    color: #ffffff;
    background-color: #28a7fb;
    padding-left: 14px;
    padding-right: 14px;
    border: none;
    outline: none;
    font: normal bold 14px / 42px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    text-align: center;
}

.loginspinner {
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 13px;
    padding-bottom: 13px;
}

/*Training page*/
.headerFont {
    color: #ffffff;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-weight: bold;
    font-stretch: normal;
    font-size: 30px;
    font-family: Montserrat, Helvetica, Arial, Verdana, sans-serif;
}

.trainingHeaders {
    color: #898989;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 24pt;
    line-height: 28px;
    font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}

#courseRegForm input:not([type="submit"]) {
    font: normal 14px / 28px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    box-sizing: border-box;
    padding: 7px 15px;
    color: #b8bcbe;
    border: 1px solid #e0e1e1;
    background-color: #fcfcfc;
    width: 100%;
}

#courseRegForm .input-wrapper {
    margin-bottom: 30px;
}

.training-icon {
    opacity: 0;
    color: #5472D2;
    font-size: 5em;
    margin-top: 30px;
    margin-bottom: 10px;
}

    .training-icon.scroll-animate {
        animation: training-icon-anim .5s forwards;
        -webkit-animation: training-icon-anim .5s forwards;
    }

.training-full-row {
    width: 100%;
    padding: 0% 10% 50px 10%;
    margin-top: 15px;
    text-align: center;
}

    .training-full-row.page-heading {
        padding: 0% 10%;
        margin: 0;
    }

        .training-full-row.page-heading * {
            font-family: Montserrat, Helvetica, Arial, Verdana, sans-serif;
            font-size: 24px;
            font-weight: normal;
        }

    .training-full-row::before {
        display: table;
        content: " ";
    }

    .training-full-row::after {
        clear: both;
        display: table;
        content: " ";
    }

.text-gray {
    color: #4f4f4f;
    line-height: 28px;
}

.text-light-gray {
    color: #9b9b9b;
    line-height: 28px;
}

h2.training-heading {
    font: normal bold 24px / 34px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
}

h3.training-heading {
    font: normal bold 20px / 30px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
}

@media (min-width: 992px) {
    .training-left-col {
        text-align: right;
    }

    .carousel-wrapper {
        height: 40vmin;
    }

    .workflow-carousel {
        height: 70vmin;
    }

    .workflow-carousel .carousel {
        height: 80%;
    }

    .workflow-carousel .carousel-inner, .item, .workflow-carousel ul.features-bullets {
        height: 100%;
    }

    .workflow-carousel .item .features-column {
        height: 100%;
    }
}

@media (max-width: 991px) {
    .training-left-col {
        text-align: center;
    }

    .alarmcad.workflow-carousel .left {
        transform: matrix(1,0,0,1,20,-60);
    }
    .alarmcad.workflow-carousel .right {
        transform: matrix(1,0,0,1,-20,-60);
    }
}

@-webkit-keyframes training-icon-anim {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 0;
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes training-icon-anim {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 0;
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

/*Contact Page*/
.formFont {
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 14px;
    line-height: 28px;
    font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    color: #898989;
}


/*footer css*/
.learnfromtheProsText {
    z-index: 6;
    min-width: 737px;
    max-width: 737px;
    white-space: normal;
    font-size: 61px;
    font-weight: 700;
    color: rgb(0, 93, 181);
    font-family: "Open Sans";
    visibility: inherit;
    transition: none;
    text-align: left;
    line-height: 90px;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    min-height: 104px;
    max-height: 104px;
}

    .learnfromtheProsText p {
        z-index: 5;
        min-width: 396px;
        max-width: 396px;
        white-space: normal;
        font-size: 31px;
        line-height: 34px;
        font-weight: 400;
        color: rgb(0, 97, 188);
        visibility: inherit;
        transition: none;
        text-align: left;
        border-width: 0px;
        margin: 0px;
        padding: 0px;
        letter-spacing: 0px;
        min-height: 233px;
        max-height: 233px;
    }

.conference-text {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: opacity 5s ease, -webkit-transform 3.33333s ease-out;
    transition: opacity 5s ease, -webkit-transform 3.33333s ease-out;
    transition: transform 3.33333s ease-out, opacity 5s ease;
    transition: transform 3.33333s ease-out, opacity 5s ease, -webkit-transform 3.33333s ease-out;
}

    .conference-text.loaded {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

.conference-container {
    position: absolute;
    color: white;
    font-family: 'Cutive Mono', monospace;
    letter-spacing: 4px;
    font-size: 40px;
    -webkit-font-smoothing: antialiased;
}

.productOverviewText {
    font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    text-align: center;
    color: rgb(137, 137, 137);
    background-color: #ffffff;
}

    .productOverviewText h1,
    .productOverviewText h2,
    .productOverviewText h3 {
        font-family: Montserrat, Helvetica, Arial, Verdana, sans-serif;
        font-weight: bold;
        color: rgb(37, 37, 37);
    }

div.productOverviewText {
    padding-bottom: 80px;
    padding-top: 30px;
}

.footer {
    position: fixed;
    background-color: red;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
}

a.btnLinks {
    color: #ffffff;
    text-decoration: none; /* no underline */
}

.row.full-page {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
}

#newFeatures {
    padding-left: 50px;
    padding-right: 50px;
}
#newFeatures > div {
    margin-top: 5vh;
    text-align: center;
}
#newFeatures video {
    height:auto;
    width:80%;
}
#newFeatures h3 {
    border-bottom: 1px solid black;
}
#newFeatures a {
    margin: 1vmin auto;
    width: 100%;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
}

table.training-table tr {
    font-size: 1.7vmin;
}
table.training-table table tr > td {
    padding: .2vmin;
}

/*/// vid modal */
div.vid-modal-launch {
    position: relative;
    cursor: pointer;
}
div.vid-modal-launch > img {
    width: 100%;
    height: auto;
}
div.vid-modal-launch > button {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 10vmin;
    width: 13vmin;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 20px;
    background-color: rgba(175, 175, 175, .4);
    transition: all .2s ease-out;
    font-size: 5vmin;
    border: none;
    outline: none;
}
    div.vid-modal-launch > button > .glyphicon {
        top: 0;
    }

    div.vid-modal-launch.autosprink > button {
        background-color: rgba(51, 122, 183, .4);
    }
    div.vid-modal-launch.autosprink:hover > button {
        background-color: rgba(51, 122, 183, .8);
    }
    div.vid-modal-launch.autosprink > button:active {
        background-color: rgba(51, 122, 183, 1);
    }
    div.vid-modal-launch.autosprink:not(:hover) > button:focus {
        background-color: rgba(51, 122, 183, .4);
    }    

    div.vid-modal-launch:hover > button {
        height: 11vmin;
        width: 14vmin;
        font-size: 6vmin;
        background-color: rgba(175, 175, 175, .8);
    }
    div.vid-modal-launch > button:active {
        background-color: rgba(175, 175, 175, 1);
        font-size: 7vmin;
    }
    div.vid-modal-launch:not(:hover) > button:focus {
        background-color: rgba(175, 175, 175, .4);
    }

div.modal.vid-modal .modal-title {
    text-align: center;
}
div.modal.vid-modal div.modal-header > button.close {
    font-size: 35px;
}
div.modal.vid-modal > div.modal-dialog {
    margin: 20vh auto;
}
div.modal.vid-modal > div.modal-dialog > div.modal-content > div.modal-body{
    padding: 0;
}

div.modal.vid-modal video {
    width: 100%;
    height: auto;
}

/*/// youtube iframe */
div.ytube-outer-wrapper {
    width: 100%;
}
div.ytube-inner-wrapper {
    position: relative;
    padding-top: 56.25%;
}
div.ytube-inner-wrapper>iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

p.test-wrap {
    font-size: 2vmin;
    font-weight: 400;
}
p.test-wrap span {
    color: black;
    font-size: .5em;
}

download-link {
    position: relative;
}
download-link.bold a {
    font-weight: 700;
}
.disabled-link {
    /*cursor: not-allowed;*/
    cursor: pointer;
    color: grey !important;
    text-decoration: none !important;
}
.download-popover {
    color: #a94442;
    width: 220px;
}
.download-popover span.glyphicon {
    margin-right: 10px;
}