﻿.custm-as { min-height: 430px }
.custm-as.m-content-placement-item { border-radius:15px; overflow:hidden }
.custm-as.m-content-placement-item div { color: #fff; padding: 0 20px 10px }
.custm-as.m-content-placement-item div a, .custm-as.m-content-placement-item div a:hover {
        color: #fff
    }
.custm-as.m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus) {
    color:#fff
    }
.no-t-m {
    margin-top: 0 !important
}
.color-txt {
    color:#50e6ff
}

.custm-as.m-feature picture {
    text-align: center;
    margin-top: 30px
}
.banner-bg {
    background: url(../Images/cta-banner-bg.png) no-repeat 0 0/cover
}

.banner-bg a.c-call-to-action:focus:not(.x-hidden-focus) {
    outline-color:#fff; border-color:#fff
}

.custm-f.m-feature-group {
    background: #fff;
    padding-left: 0;
    padding-right: 0;
}

.custm-f.m-feature-group .m-feature{
    margin-top:0; margin-bottom:0;
}

.m-feature > div.vtr-count {
    padding-left: 130px;
}

.vtr-count:before {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    font-size: 100px;
    font-weight:bold;
    color: #0067b8;
}
.count-1:before { content:'1' }
.count-2:before {
    content: '2'
}
.count-3:before {
    content: '3'
}
.count-4:before {
    content: '4'
}

@media only screen and (min-width: 768px) {
    .cst-hero-as .m-hero-item .c-heading { max-height:105px }
    .cst-hero-as .m-hero-item > picture { width: 45% }
    .cst-hero-as .m-hero-item > div { width: 50%; left: 45% }
    .cst-hero-as .m-hero-item > div > div { max-width:550px}

    .custm-as.m-feature { min-height:280px; margin-top:0; border-radius:12px }
    .custm-as.m-feature picture { width: 40%; margin-top:8% }
    .custm-as.m-feature picture img { min-height:120px }
    .custm-as.m-feature > div { width: 60%; left: 40%; padding-left:0 }
    .custm-as.m-feature > div h3 { font-size:20px; line-height:25px; padding-top:0px }

    .x-type-right-md {text-align:right}
}

@media only screen and (min-width: 1084px) {
    .custm-as.m-feature{ min-height:350px }
    .custm-as.m-feature picture {
        margin-top: 20%
    }
}

@media only screen and (min-width: 1500px) {
    .custm-as.m-feature picture {
        margin-top: 16%
    }
}

@media screen and (-ms-high-contrast: active) {
    .banner-bg .x-type-right-md a.c-call-to-action:focus {
        outline: 2px dashed #fff !important;
        outline-offset: -6px !important;
    }
}


body{
    min-width:inherit!important;
}