h1 {
    font-size: 48px;
    line-height: 1.25;
	font-weight: 700;
}


h2 {
    font-size: 40px;
    font-weight: 400 !important;
    color: #353534;
}

h3 {
    font-size: 33px;
    font-weight: 600;

}

h4 {
    font-size: 28px;
    font-weight: 400;
}

h5 {
    font-size: 23px;
    font-weight: 600;
    line-height: 1.5;
}

p {
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 1.75;
}

ul {
    padding: 0;
    margin-left: 15px;
    list-style-position: outside;

}

ul li {
    font-weight: 300 !important;
    margin: 10px 0;
}

.home .mast {
    background: #353534;
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.nav-gradient {
    background-image: linear-gradient(to left, #0F4959, #0D0D0B) !important;
    text-align: center !important;
}

.site-nav {
    padding: 0;
    margin: 0;
    height: 104px !important;
}

.left-container {
    background-image: linear-gradient(to right, rgba(53, 128, 145, .95), rgba(30, 94, 112, .95)) !important;
    background-color: transparent;
    border-bottom-left-radius: 200px;
    border-top-right-radius: 350px;
}

.left-container2 {
    background-image: linear-gradient(to right, #358091 50%, #1E5E70 100%) !important;
    background-color: #fff;
    border-bottom-left-radius: 300px;
}

.left-container2 h1 {
    color: #fff;
}


.home .mast .mast-video {
    position: absolute;
    left: 0;
    top: 0;
}

video {
    object-fit: contain;
    overflow-clip-margin: content-box;
    overflow: clip;
}

.site-nav {
    position: relative !important;
}

.home .mast__content {
    padding-top: 5em !important;
}


label {
    color: #FFFFFF !important;
}

label.lp-ellipsis {
    color: #1d252d !important;
}

h1.video-headline {
    color: white;
    font-size: 57.0px;
    text-align: center;
    margin: 0 !important;
}

.video-container {
    padding: 0px 20px;
}

label {
    color: #FFFFFF !important;
}

.btn {
    border-radius: 50rem !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    padding: 12px 40px !important;
}

.btn-primary-blue {
    color: #fff;
    background-color: #26788D;
    border-color: #26788D;
}

.btn-primary-blue:hover {
    color: #fff;
    background-color: #26788D;
}

.btn-1 {
    background-image: linear-gradient(to right, #26788d 0%, #469fb3 100%);
}

.btn-1:hover, .btn-1:active {
    background-image: linear-gradient(to right, #206475 0%, #206475 100%);
	text-decoration: none;
	color: #fff!important;
}

.btn-primary-gold {
    color: #000000;
    background-color: #d97a1C;
    border-color: #d97a1C;
}

.btn-primary-gold:hover, .btn-primary-gold:active{
    color: #000000!important;
    background-color: #d97a1C !important;
	text-decoration: none;
}

.btn-2 {

    background-image: linear-gradient(to right, #ed962b 0%, #edb12b 100%);
}

.btn-2:hover {
    background-image: linear-gradient(to right, #edb12b 0%, #edb12b 100%);
}


.card {
    border-radius: 16px;
    border: none !important;
}

.card-body {
    padding: 60px;
}

.card-body h5 {
    font-size: 18px;
}

.charcoal {
    color: #353534 !important;
}

.terms {
    font-size: 15px !important;
}

.black {
    color: $color--black;
}

.gold {
    color: #ed962b !important;
}

a.gold:hover {
    color: #edb12b !important;
}

.white {
    color: #fff;
}

.gold-dark {
    color: #d97a1C !important;
    font-weight: 600;
}

.gray-gradient {
    background-image: linear-gradient(to left, #353534 0%, #000000 100%);
}

.teal-gradient {
    background-image: linear-gradient(#358091, #1e5e70);
}

a {
    color: #26788D;
}

a:hover {
    color: #26788D;
    text-decoration: underline;
}

.light-gray {
    background-color: #F2F2F2;
}

.contact {
    min-height: 544px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.contact-b {
    max-height: 656px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

img.contact-img {
    width: auto;
    height: auto;
    float: left;
}

.contact-card-3 {
    background-color: transparent;
}

.contact-card-3 h5 {
    font-size: 23px;
}

.page-isc-west-white {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 554.1 814.9"><!-- Generator: Adobe Illustrator 29.2.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 116) --><defs><style> .st0 { fill: none; stroke: %23fff; stroke-width: 2px; } </style></defs><g id="Group_145586"><path id="Artboard_2" class="st0" d="M192,13.9C96.5,13.9,19.6,91.4,19.6,186.2v610.8l391-340.7c83.3-72.3,129.6-171.2,129.6-273.6V13.9H192Z"/><path id="Artboard_2-2" class="st0" d="M148.9,209.6c-71.4,0-129.3,57.9-129.3,129.3v458.2l293.3-255.6c62.5-54.2,97.2-128.4,97.2-205.2v-126.7H148.9Z"/></g></svg>');

    background-position: top 375px left -38%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 600px auto;
	padding: 0;
	margin: 0;
}

.page-isc-west-gold {
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 554.1 814.9"><!-- Generator: Adobe Illustrator 29.2.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 116) --><defs><style> .st0 { fill: none; stroke: %23ed962b; stroke-width: 2px; } </style></defs><g id="Group_146252"><g id="Group_145586"><path id="Artboard_2" class="st0" d="M362.3,14.7c95.4,0,172.4,77.5,172.4,172.4v610.8L143.7,457.2C60.4,384.9,14.1,286,14.1,183.6V14.7h348.2Z"/><path id="Artboard_2-2" class="st0" d="M405.4,210.4c71.4,0,129.3,57.9,129.3,129.3v458.2l-293.3-255.6c-62.5-54.2-97.2-128.4-97.2-205.2v-126.7h261.2Z"/></g></g></svg>');

    background-position: top 200px right -32%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 600px auto;
}

.bold {
    font-weight: 700 !important;
}

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

.img-right {
    text-align: right !important;
}

.img-left {
    text-align: left !important;
}

.product-solutions-light-gray {
    background-color: #F2F2F2;
}

.product-solutions-teal {
    background-image: linear-gradient(#358091, #1e5e70);

}

.icon {
    max-width: 100px;
    max-height: 100px;
    text-align: center;
    margin: auto;
}

.site-footer h3.animated-statements span.animated-statements__statement,
.site-footer .animated-statements.h3 span.animated-statements__statement {
    margin-left: 0px !important;
    position: absolute;
    width: 70% !important;
    opacity: 0;
}

.site-footer h3.animated-statements .letter.in,
.site-footer .animated-statements.h3 .letter.in {
    transform: rotateX(0deg);
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: inline !important;
}

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

    .page-commercial,
    .page-utilities,
    .page-retail,
    .page-systems-integrators,
    .page-education {
        background-image: none !important;
    }

    .page-isc-west-gold,
    .page-isc-west-white {
        background-image: none !important;
    }
}

@media only screen and (max-width: 1280px) {
    h1.video-headline {
        font-size: 57px !important;
    }

    .noline.separator13x hr {
        margin: 20px;
    }
}

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

    h1 {
        font-size: 40px;
        font-weight: 700;
    }

    h2 {
        font-size: 33px;
        font-weight: 400 !important;
    }

    h3 {
        font-size: 28px;
        font-weight: 600;

    }

    h4 {
        font-size: 23px;
        font-weight: 400;
    }

    h5 {
        font-size: 19px;
        font-weight: 600;
    }

    .hero p {
        font-size: 19px;
        line-height: 1.5;
        font-weight: 400;
    }

    .svg-scale {
        transform: scale(1);
        max-width: auto;
    }
}

@media only screen and (max-width: 900px) {
    h1.video-headline {
        font-size: 44px !important;
    }
}

@media only screen and (max-width: 820px) {
    h1.video-headline {
        font-size: 38px !important;
        line-height: 38px !important;
    }

}

@media only screen and (max-width: 540px) {
    h1.video-headline {
        font-size: 24px !important;
        line-height: 24px !important;
    }
}

@media only screen and (max-width: 280px) {
    h1.video-headline {
        font-size: 18px !important;
        line-height: 18px !important;
    }
}

@media only screen and (max-width: 768px) {
    .contact-card-3 {
        background: rgba(255, 255, 255, 0);
    }
}

@media only screen and (min-width: 769px) {
    .btn {
        align-self: flex-start;
    }
}

@media only screen and (max-width: 1023px) {
    .left-container2 {
        border-bottom-left-radius: 100px;
    }

    .left-container2 h1 {
        font-size: 34px !important;
        text-align: center;
    }

    .home .mast__content {
        padding-top: 3em !important;
    }
}

@media only screen and (min-width: 1024px) {
    .mast2 {
        display: none;
    }
}

@media only screen and (max-width: 1023px) {
    .mast {
        display: none;
        border: 1px solid red;
    }
}

@media only screen and (max-width: 1280px) {
    h1 {
        font-size: 40px !important;
        color: #fff;
    }

}