/*-----------------------------------------------------------------------------------*/
/*	GENERAL
/*-----------------------------------------------------------------------------------*/
body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
    background-color: #FFF;
    color: #848484;
}
body div {
    overflow-x: hidden;
}
input,
button,
select,
textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
}
a {
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}
a:hover,
a:focus {
    text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 0;
    color: #616161;
    font-weight: 900;
}

.field-validation-error {
    display: inline-block;
    color: #ff6666;
    padding-bottom: 0.5rem;
}
/*-----------------------------------------------------------------------------------*/
/*	LD OVERRIDES
/*-----------------------------------------------------------------------------------*/

/*-- NAVBAR --*/

.contain-to-grid.sticky {
    background: #3c3c3c;
}

.top-bar {
    background: #3c3c3c;
}

.top-bar-section li a:not(.button) {
    background: #3c3c3c !important;
    color: #f7fff7;
    /*text-transform: uppercase;*/
    font-weight: bold;
}

.top-bar-section li a:not(.button):hover {
    color: #33bbee !important;
}

.title-area .name img {
    width: 138px;
    height: 20px;
}

.menu-icon .fa-reorder {
    font-size: 1.4rem;
}


/*-- END NAVBAR --*/

header {
    /*background: #2f2f2f url(../img/bg/stars.svg);  /* #4a4a4a */
    /*background: hsl(206, 80%, 40%);*/
    background: #4a4a4a;
}

header .marketing-text {
    padding: 1.0rem 0;
}

header h2 {
    font-size: 1.9rem;
    text-transform: none;
    color: #e2e2e2;
    background: none;
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

header p {
    padding: 0.7rem;
    border: none;
    background: none;
    color: #eee;
    text-transform: uppercase;
    font-size: 0.8rem;
    margin-bottom: 0;
}

header div.row i {
    font-size: 3.0rem;
    color: #aaa;
}

header img {
    height: 180px;
    margin: 0.2rem 0 0;
}

.header-container {
    background: url(/Content/img/bg/grid-bg.png);
    background-position: top -1px left 0;
}

.slogan {
    padding-top: 0.9rem;
}

.sub-slogan {
    padding-top: 1.0rem;
}

.go-to-site {
    padding-top: 1.0rem;
}

.fullWidth {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
}

h2 {
    color: #ddd; /*#068CBA;*/
    font-weight: 700;
    font-size: 1.1rem;
    margin-top: 1.0rem;
    margin-bottom: 1.7rem;
    letter-spacing: 0.12rem;
}

h2 span {
    font-weight: 300;
    color: #bbb;
    letter-spacing: normal;
}

a.anchor {
    display: block;
    position: relative;
    top: -2.8rem;
    visibility: hidden;
}

div.section-extra-pad {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

div.row.section {
    padding-top: 2.0rem;
    padding-bottom: 2.0rem;
}

div.row.section-small {
    padding-top: 1.0rem;
    padding-bottom: 1.0rem;
}

header div.row.section {
    padding-top: 1.0rem;
    padding-bottom: 2.0rem;
}

.dark-row {
    background: #ddd;
}

.dark-row .panel {
    background: #f6f6f6;
}

.dark-row h2 {
    color: #538ed0;
}

.dark-row h2 span {
    color: #747474;
}

.dark-row h6 {
    color: #6c6c6c;
}

.dark-row p {
    color: #777;
}

.section-header {
    background: #ddd;
}

.section-header h2 {
    margin-top: 1.0rem;
    margin-bottom: 1.0rem;
}

.section-header div.row {
    background-color: #6f6f6f;
}

.service-listing {
    padding-top: 0.5rem;
    padding-bottom: 0.4rem;
}

.service-icon {
    color: #39c;
    font-size:2.2rem;
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
}

.service-title {
    color: #888;
}

.service-description {
    padding: 0 0.2rem;
    text-align: left;
}

.item-row-a {
    background: #fdfdfd;
}

.item-row-b {
    background: #f2f2f2;
}

.product-listing {
    padding-top: 2.0rem;
    padding-bottom: 2.0rem;
}

h6.product-title {
    padding-top: 1.0rem;
    color: #858585;
}

img.product-image {
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}

div.product-data {
}

div.product-badge-row {
}

img.product-badge {
    width: 130px;
    opacity: 0.8;
    margin-bottom: 1.0rem;
}

img.product-badge.inactive {
    width: 130px;
    opacity: 0.6;
}

img.product-badge.amazon {
    margin-left: -1px;
}

h6.tech-title {
    color: #7f7f7f;
}

.label.tech {
    font-size: 0.9875rem;
    padding: 0.5rem 0.75rem;
    margin-top: 0.15rem;
    margin-bottom: 0.15rem;
}

.use-case-listing {
    padding-top: 2.0rem;
    padding-bottom: 2.0rem;
}

h6.use-case-title {
    color: #777;
}

.use-case-listing p {
    margin-bottom: 0;
}

.use-case-listing i {
    color: #39c;
    font-size: 3.0rem;
    padding-top: 0.8rem;
}

.team-member h6 {
    color: #7c7c7c;
    padding-top: 1.0rem;
}

.team-member p {
    color: #737373;
    margin-bottom: 0;
    padding-bottom: 0.8rem;
}

.team-member img {
    opacity: 0.9;
    padding-top: 0.8rem;
}

.contact-header {
    background: #5c5c5c;
}

.contact-header h2 {
    color: #c3c3c3;
}

.contact-header h2 span:before {
    color: #c3c3c3;
}

.contact-header h2 span {
    color: #afafaf;
}

.contact-section {
    background: #4a4a4a
}

.contact-section label {
    color: #cccccc;
}

.contact-section form {
    padding-top: 0.8rem;
}

.contact-section form h5 {
    text-transform: capitalize;
}

.social-section {
    background: #3f3f3f;
}

.social-section .inline-list {
    display: table;
    margin: 0 auto;
    font-size: 1.4rem;
}

footer {
    background: #303538;
    color: #cacaca;
    padding: 1.5rem;
}

footer .columns {
    padding-bottom: 1.0rem;
}

footer div.row {
    padding-top: 0.3rem;
    padding-bottom: 0;
}