/*Get Started Microsite CSS*/

@import url('https://fonts.googleapis.com/css?family=Arvo');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face {
    font-family: 'ArgonPERSONAL-Regular';
    src: url(../fonts/ArgonPERSONAL-Regular.eot);
    /*ie only*/
}
@font-face {
    font-family: 'ArgonPERSONAL-Regular';
    src: local('ArgonPERSONAL-Regular'), url('../fonts/ArgonPERSONAL-Regular.ttf') format('truetype'), local('ArgonPERSONAL-Regular'), url('../fonts/ArgonPERSONAL-Regular.woff') format('woff'), local('ArgonPERSONAL-Regular'), url('../fonts/ArgonPERSONAL-Regular.woff2') format('woff2'), local('ArgonPERSONAL-Regular'), url('/sandbox/fonts/ArgonPERSONAL-Regular.svg') format('svg'), local('ArgonPERSONAL-Regular'), url('/sandbox/fonts/ArgonPERSONAL-Regular.otf') format('otf');
}
@font-face {
    font-family: 'Gotham-Bold';
    src: url(../fonts/Gotham-Bold.eot);
    /*ie only*/
}
@font-face {
    font-family: 'Gotham-Bold';
    src: local('Gotham-Bold'), url('../fonts/Gotham-Bold.ttf') format('truetype'), local('ArgonPERSONAL-Regular'), url('../fonts/Gotham-Bold.woff') format('woff'), local('Gotham-Bold'), url('../fonts/Gotham-Bold.woff2') format('woff2'), local('Gotham-Bold'), url('../fonts/Gotham-Bold.svg') format('svg');
}
body {
    /*font-size: 16px;*/
    font-family: Roboto;
}
p {
    font-size: 1.333em;
}
.jumbotron {
    /*background-color: #ffffff;*/
    padding-bottom: 25px;
    margin-bottom: 0;
    background-image: url(../img/background.jpg);
}
footer {
    background-image: url(../img/footer-background2.jpg);
    /*background-repeat: repeat-x;*/
    height: auto;
    width: auto;
    margin-top: 1em;
    padding: 10px 60px 60px 0;
    /*padding-left: 60px;
    padding-right: 60px;*/
}
.gotham {
    font-family: Gotham-Bold;
    color: #ffffff;
}
.gotham > a:hover {
    color: #FF7300;
}
@media (max-width: 1032px) {
    h1.argon {
        color: red;
        font-size: 3rem;
    }
}
@media (max-width: 505px) {
    h1.argon {
        /*color: red;*/
        /**/
        font-size: 2rem;
    }
}
h1.argon {
    font-family: ArgonPERSONAL-Regular;
    color: #ffffff;
    /*font-size: 3em;*/
}
h1,
h2,
h3,
h4,
h5 {
    font-family: Helvetica;
}
.scc-color {
    color: #6EC5E8;
}
.scc-blue {
    color: #6EC5E8;
}
.scc-yellow {
    color: #D6DE23;
}
.scc-green {
    color: #73C381;
}
.ic-circle {
    font-size: .25em;
    vertical-align: middle;
    padding-left: 0.3125em;
}
.ic-play {
    color: #6EC5E8;
    padding-right: 0.3125em;
}
/*a {
    color: #ffffff;
}*/
a:hover {
    color: #FF7300;
    text-decoration: none;
    transition: all .5s ease;
}
.m-img {
    margin-bottom: 1em;
}
h1.wave:after {
    content: url(../img/squiggles.png);
    vertical-align: top;
    /*padding: 10px;*/
    /*position: relative;*/
    /*margin-top: -1em;*/
}
h1.circles:after {
    content: url(../img/circles.png);
    position: relative;
    padding: 20px;
}






.m-steps {
    width: 6em;
    /*84px;*/
    height: auto;
    /*30px;*/
    /*background-color: #6ec5e8;*/
    font-weight: 700;
    font-size: 1.2em;
    color: #000000;
    float: left;
    display: flex;
    justify-content: center;
    /* align horizontal */
    align-items: center;
    /* align vertical */
    margin-right: 8px;
    margin-bottom: 1em;
    margin-top: -12px;
}

.m-steps:after {
    content: '';
    position: absolute;
    left: 6em;
    top: 1px;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    /*border-left: 11px solid #6ec5e8;*/
    clear: both;
}
.m-steps-last {
    /*background-color: #6ec5e8;*/
    width: 6em;
    height: auto;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: -12px;
    margin-bottom: 1em;
    text-align: center;
    color: #000000;
}

.m-steps-blue {
    background-color: #6ec5e8;
}
.m-steps-blue:after {
    border-left: 11px solid #6ec5e8;
}
.m-steps-last-blue {
    background-color: #6ec5e8;
}

.m-steps-yellow {
    background-color: #D6DE23;
}
.m-steps-yellow:after {
    border-left: 11px solid #D6DE23;
}
.m-steps-last-yellow {
    background-color: #D6DE23;
}

.m-steps-green {
    background-color: #73C381;
}
.m-steps-green:after {
    border-left: 11px solid #73C381;
}
.m-steps-last-green {
    background-color: #73C381;
}



/*.com_box {
    width: 60px;
    height: 50px;
    background: black;
    color: white;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    margin-bottom: 5px;
    margin-top: 1px;
}
.com_box:after {
    content: '';
    position: absolute;
    left: 61px;
    top: 15px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #000;
    clear: both;
}*/