@font-face {
    font-family: logo_font;
    src: url(/fonts/VanCondensedPro.otf)
}

@font-face {
    font-family: logo_font_light;
    src: url(/fonts/VanCondensedProLight.otf)
}

@font-face {
    font-family: univers_condensed_regular;
    src: url(/fonts/Univers/woff/Univers-Condensed.woff)
}

@font-face {
    font-family: univers_condensed_light;
    src: url(/fonts/Univers/woff/Univers-CondensedLight.woff)
}

@font-face {
    font-family: univers_condensed_bold;
    src: url(/fonts/Univers/woff/Univers-CondensedBold.woff)
}

@font-face {
    font-family: univers_condensed_italic;
    src: url(/fonts/Univers/woff/Univers-CondensedOblique.woff)
}

@font-face {
    font-family: univers_regular;
    src: url(/fonts/Univers/woff/Univers-Light.woff)
    /*src: url(/fonts/Univers/woff/Univers.woff)*/
}

@font-face {
    font-family: univers_thin;
    src: url(/fonts/Univers/woff/Univers-ThinUltraCondensed.woff)
}

@font-face {
    font-family: univers_light;
    src: url(/fonts/Univers/woff/Univers-Light.woff)
}

@font-face {
    font-family: univers_medium;
    src: url(/fonts/Univers/woff/UniversLTStd.woff)
}

@font-face {
    font-family: univers_bold;
    src: url(/fonts/Univers/woff/Univers-Bold.woff)
}

* {
    outline: 0!important
}

a {
    text-decoration: none!important
}

@-webkit-keyframes bodyloaded {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes bodyloaded {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

body {
    overflow-x: hidden!important;
    background: #FFF!important;
    -webkit-font-smoothing: subpixel-antialiased
}

body .body-content:not(.loaded) {
    opacity: 0
}

body .body-content.loaded {
    -webkit-animation-duration: 450ms;
    animation-duration: 450ms;
    -webkit-animation-name: bodyloaded;
    animation-name: bodyloaded
}

body .body-content.loading {
    opacity: 0;
    height: 0;
    overflow: hidden
}

body .body-preloader {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

label {
    display: inline-block;
    max-width: 100%;
    font-weight: 300;
    font-family: Roboto, sans-serif
}

.body-content {
	display: block;
}

#baseMainContent {
    background: #EEE;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
	position: absolute;
    top: 72px;
}

@media (max-device-width:1023px) {
    #baseMainContent {
        min-height: calc(100vh - 153px)
    }
}

@media (min-device-width:1024px) and (max-width:1199px) {
    #baseMainContent {
        min-height: calc(100vh - 153px)
    }
}

@media (min-device-width:1024px) and (min-width:1200px) {
    #baseMainContent {
        min-height: calc(100vh - 253px)
    }
}

#baseMainContent.no-banner {
    min-height: calc(100vh - 53px)
}

#baseMainContent.full-height {
    min-height: 100vh
}

#baseMainContent.nav-only {
    min-height: calc(100vh - 45px)
}

#baseMainContent.bg-wh {
    background: #FFF
}

#footerCompany,
#footerResources {
    margin-bottom: 40px
}

textarea {
    resize: vertical
}

a {
    outline: 0
}

a:focus {
    outline: 0!important
}

.section-divider {
    position: relative;
    height: 15px;
    background: #fff
}

.section-divider .divider-line {
    margin: 7px 0;
    border-bottom: 1px solid #AAA
}

.small-divider {
    position: relative;
    width: 100%;
    height: 7px;
    background: #fff
}

.small-divider .divider-line {
    margin: 3px 0;
    border-bottom: 1px solid #AAA
}

.banner-image-container {
    background: #fff;
    overflow: hidden
}

.banner-image {
    width: auto;
    height: 200px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#footerContainer {
    background: #3c3f47;
    color: #ffffff;
    padding-top: 30px;
    margin-top: 0;
    font-family: univers_regular;
    font-size: 16px
}

#footerContainer .footer-section-title {
    font-family: univers_regular;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .15em
}

#footerContainer a {
    color: #e9ebed;
    font-size: 14px
}

#footerContainer a:hover {
    color: #80d2ee;
    text-decoration: none
}

.footer-li {
    margin-top: 10px!important;
    margin-bottom: 10px!important
}

.footer-social-li {
    width: 32px;
    height: 32px;
    padding: 2px;
    margin: 0;
    margin-right: 10px
}

.footer-social-li:first-child {
    margin-left: 0!important
}

#footerLegal {
    margin-top: 20px
}

.logo-coin-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    height: 9px;
    z-index: 10
}

.logo-coin-box .logo-coin-dash {
    width: 20%;
    height: 1px;
    background: #CCC
}

.logo-coin-box .logo-coin-link {
    padding: 10px;
    border-radius: 24px;
    background: #52555d;
    z-index: 10
}

.logo-coin-box .logo-coin-link .logo-coin-svg {
    width: 24px;
    z-index: 1
}

#new-order-form-title {
    margin-top: auto;
    margin-bottom: auto
}

#gui {
    padding-bottom: 20px
}

.pad-margin-0 {
    padding: 0!important;
    margin: 0!important
}

.pad-margin-5 {
    padding: 5px;
    margin: 5px
}

.pad-margin-10 {
    padding: 10px;
    margin: 10px
}

.margin-0 {
    margin: 0!important
}

.margin-5 {
    margin: 5px!important
}

.margin-10 {
    margin: 10px!important
}

.margin-5p {
    margin: 5%!important
}

.margin-10p {
    margin: 10%!important
}

.status-display {
    margin-left: auto;
    margin-right: auto
}

.link-list-upper {
    padding: 10px;
    padding-right: 0;
    padding-bottom: 0;
    margin: 10px;
    margin-right: 0;
    margin-bottom: 0
}

.auto-margin-all {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto
}

.auto-margin-lr {
    margin-left: auto;
    margin-right: auto
}

.auto-margin-tb {
    margin-top: auto;
    margin-bottom: auto
}

.panel .form-group {
    margin-bottom: 0
}

#existingCustomerSelectorFG,
#newOrderNewCustomerDataFG .form-group {
    margin-bottom: 15px
}

.navbar-custom {
    padding-bottom: 0!important;
    border-bottom: 0!important;
    margin-bottom: 0!important
}

#navbar-shadow {
    min-width: 10000px;
    height: 60px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: -4000px;
    box-shadow: 0 0 15px #555;
    z-index: 1029;
    display: block
}

.navbar-brand-link {
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px
}

.navbar-brand-img {
    height: 50px;
    width: auto;
    padding: 0;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px
}

.navbar-default .navbar-nav>li>a,
.navbar-link {
    color: #777;
    text-transform: uppercase;
    font-size: 12px;
    font-family: univers_regular;
    letter-spacing: .15em
}

    padding: 10px 10px;
.v-divider-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.v-divider-container .v-divider-span {
    height: 32px;
    width: 1px;
    background: #DDD
}

.jumbotron-homepage {
    position: relative
}

.jumbotron-homepage-img {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1021
}

.jumbotron-homepage-overlay {
    position: absolute;
    top: 20%;
    width: 100%
}

.jumbotron-homepage-text {
    display: inline-block;
    margin: 0 auto;
    color: #000
}

.jumbotron-homepage-text>h1,
h2,
h3,
h4,
h5,
h6 {
    overflow: hidden
}

.underline {
    border-bottom: 1px solid #000;
    padding-bottom: 10px
}

.row-underline {
    border-bottom: 1px solid #969696;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    width: 100%
}

.row-overline {
    border-top: 1px solid #969696;
    width: 100%;
    padding-left: 5px;
    margin-bottom: 20px
}

.title-underline {
    position: relative;
    border-bottom: 1px solid #969696;
    padding: 0;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px
}

.btn-file {
    position: relative;
    overflow: hidden
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: 0;
    background: #fff;
    cursor: inherit;
    display: block
}

.btn-float-right {
    float: right
}

.float-right {
    float: right
}

.test-black {
    color: #fff!important;
    background: #000!important;
    height: 50px
}

.test-white {
    color: #000!important;
    background: #fff!important;
    height: 50px
}

.horizontal-divider {
    width: 100%;
    border: 0 solid transparent;
    border-bottom: 1px solid #999
}

.horizontal-divider.divider-light {
    border-color: #AAA
}

.horizontal-divider.divider-lighter {
    border-color: #CCC
}

.horizontal-divider.divider-lightest {
    border-color: #EEE
}

.horizontal-divider.divider-space-5 {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 5px;
    margin-bottom: 5px
}

.horizontal-divider.divider-space-10 {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 10px;
    margin-bottom: 10px
}

.horizontal-divider.divider-space-15 {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 15px;
    margin-bottom: 15px
}

.horizontal-divider.divider-space-20 {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px
}

.btn-load-cart-model {
    border-radius: 0px!important;
	background: none!important;
	border: none!important;
    text-transform: uppercase;
    font-family: univers_regular;
    font-size: 12px;
    letter-spacing: .15em
}

.btn-h3dp {
	color: #e54c3c !important;
    font-family: univers_bold;
    text-transform: uppercase;
	font-size: 11px; /*11px font == 0.7em*/
    letter-spacing: 1px; /*2px letter spacing == 0.5em/4 (because 8px == 0.5em) == 0.125em*/
	background: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 12px 30px 12px 30px;
	border: 0.14em solid #e54c3c !important;
	border-radius: 0px;
	display: flex;
}

.btn-h3dp:hover {
    background: #eeeeee;
    border-color: #f0614c;
	color: #f0614c!important;
}

.btn-h3dp.btn-xs {
    font-size: 10px
}

.btn-h3dp.btn-inverted {
    background: #FFF;
    color: #3dbae5;
    border-color: #3dbae5
}

.btn-h3dp.btn-inverted:hover {
    background: #EEE;
    color: #3dbae5!important;
    border-color: #3dbae5
}

.btn-h3dp.btn-inverted:active,
.btn-h3dp.btn-inverted:focus {
    background: #FFF;
    color: #3dbae5;
    border-color: #3dbae5
}

.link-bar.link-bar-bottom {
    margin: 10px 0
}

.swatch {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 3px 0 0;
    box-shadow: 0 1px 5px -1px #000
}

.swatch:hover {
    z-index: 9999;
    cursor: pointer
}

.swatch-Black {
    background: #212226
}

.swatch-White {
    background: #f4f5f7
}

.swatch-Red {
    background: #e42d1b
}

.swatch-Blue {
    background: #2010c9
}

.swatch-Yellow {
    background: #f6e900
}

.swatch-Green {
    background: #4aa256
}

.swatch-Brown {
    background: #8f7238
}

.swatch-Gray {
    background: #87888a
}

.swatch-Purple {
    background: #772b6f
}

.swatch-Pink {
    background: #f14b79
}

.swatch-Orange {
    background: #fa6c0e
}

.flex-row-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-column-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flex-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    padding: 0 1%
}

.flex-item-static {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.flex-item-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    padding: 0 1%
}

.flex-column-text-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 1%
}

.flex-column-text-item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    padding: 0 1%
}

@font-face {
    font-family: logo_font;
    src: url(/fonts/VanCondensedPro.otf)
}

@font-face {
    font-family: logo_font_light;
    src: url(/fonts/VanCondensedProLight.otf)
}

@font-face {
    font-family: h3dp_harmonia_regular;
    src: url(/fonts/HarmoniaSansStd-Regular.woff)
}

@font-face {
    font-family: h3dp_harmonia_light;
    src: url(/fonts/HarmoniaSansStd-Light.woff)
}

@font-face {
    font-family: h3dp_harmonia_bold;
    src: url(/fonts/HarmoniaSansStd-SemiBd.woff)
}

@font-face {
    font-family: univers_condensed_regular;
    src: url(/fonts/Roboto/woff/RobotoCondensed-Regular.woff)
}

@font-face {
    font-family: univers_condensed_regular_i;
    src: url(/fonts/Roboto/woff/RobotoCondensed-Italic.woff)
}

@font-face {
    font-family: univers_condensed_light;
    src: url(/fonts/Roboto/woff/RobotoCondensed-Light.woff)
}

@font-face {
    font-family: univers_condensed_light_i;
    src: url(/fonts/Roboto/woff/RobotoCondensed-LightItalic.woff)
}

@font-face {
    font-family: univers_condensed_bold;
    src: url(/fonts/Roboto/woff/RobotoCondensed-Bold.woff)
}

@font-face {
    font-family: univers_condensed_bold_i;
    src: url(/fonts/Roboto/woff/RobotoCondensed-BoldItalic.woff)
}

@font-face {
    font-family: univers_regular;
    src: url(/fonts/Roboto/woff/Roboto-Regular.woff)
}

@font-face {
    font-family: univers_regular_i;
    src: url(/fonts/Roboto/woff/Roboto-Italic.woff)
}

@font-face {
    font-family: univers_thin;
    src: url(/fonts/Roboto/woff/Roboto-Thin.woff)
}

@font-face {
    font-family: univers_thin_i;
    src: url(/fonts/Roboto/woff/Roboto-ThinItalic.woff)
}

@font-face {
    font-family: univers_light;
    src: url(/fonts/Roboto/woff/Roboto-Light.woff)
}

@font-face {
    font-family: univers_light_i;
    src: url(/fonts/Roboto/woff/Roboto-LightItalic.woff)
}

@font-face {
    font-family: univers_medium;
    src: url(/fonts/Roboto/woff/Roboto-Medium.woff)
}

@font-face {
    font-family: univers_medium_i;
    src: url(/fonts/Roboto/woff/Roboto-MediumItalic.woff)
}

@font-face {
    font-family: univers_bold;
    src: url(/fonts/Roboto/woff/Roboto-Bold.woff)
}

@font-face {
    font-family: univers_bold_i;
    src: url(/fonts/Roboto/woff/Roboto-BoldItalic.woff)
}

.font-accent {
    font-family: logo_font_light;
    font-size: 2.5em;
    text-transform: uppercase;
    vertical-align: middle
}

.font-header {
    font-family: univers_condensed_regular;
    font-size: 1.25em;
    text-transform: uppercase;
    letter-spacing: .15em
}

.font-header.font-xl {
    font-size: 4em
}

.font-info {
    font-family: univers_condensed_light;
    font-size: 1em
}

.font-help {
    font-family: univers_condensed_regular;
    font-size: .7em;
    color: #777
}

.font-statement {
    font-family: univers_condensed_light;
    font-size: 1.5em;
    vertical-align: middle
}

.font-explicative {
    font-family: univers_condensed_light;
    font-size: 1em;
    vertical-align: middle
}

.font-harmonia-reg {
    font-family: h3dp_harmonia_regular
}

.font-harmonia-lt {
    font-family: h3dp_harmonia_light
}

.font-harmonia-bd {
    font-family: h3dp_harmonia_bold
}

.font-h3dp-25 {
    font-family: univers_thin
}

.font-h3dp-35 {
    font-family: univers_light
}

.font-h3dp-37 {
    font-family: univers_condensed_light
}

.font-h3dp-45 {
    font-family: univers_regular
}

.font-h3dp-47 {
    font-family: univers_condensed_regular
}

.font-h3dp-57 {
    font-family: univers_condensed_bold
}

.font-data {
    font-family: univers_condensed_regular;
    font-size: .8em
}

.font-data.font-shade-dark {
    color: #777
}

.font-data.font-shade-medium {
    color: #AAA
}

.font-data.font-shade-light {
    color: #CCC
}

.banner-box {
    
    position: relative;
    width: 100%;
    min-height: 10em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: fixed;
    background-image: initial;
    background-color: #FFF;
    background-size: cover
}

@media (max-device-width:1024px) {
    .banner-box {
        height: 10em
    }
}

@media (min-device-width:1025px) and (max-width:1199px) {
    .banner-box {
        height: 10em
    }
}

@media (min-device-width:1025px) and (min-width:1200px) {
    .banner-box {
        height: 10em
    }
}

@media (max-width:499px) {
    .banner-box {
        font-size: 8px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .banner-box {
        font-size: 7px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner-box {
        font-size: 9px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .banner-box {
        font-size: 10px
    }
}

@media (min-width:1200px) {
    .banner-box {
        font-size: 10px
    }
}

.banner-box .banner-text-box {
    padding: .6em 3em;
    text-align: center;
    background: rgba(0, 0, 0, .35);
    display: block;
    position: absolute;
    vertical-align: bottom;
    top: 60%;
    /*border: 2px solid #FFF*/
}

.banner-box .banner-text-box .banner-text {
    font-family: univers_condensed_regular;
    font-size: 24px;
    letter-spacing: 2px;
    color: #FFFFFF;
    vertical-align: bottom;
}

.banner-box.banner-print-home {
    background-image: url(../../images/banners/highres/foorj_bg.jpg)
}

@media (max-width:499px) {
    .banner-box.banner-print-home {
        background-position: 71% 50%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .banner-box.banner-print-home {
        background-position: 68% 50%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner-box.banner-print-home {
        background-position: 60% 50%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .banner-box.banner-print-home {
        background-position: 56% 50%
    }
}

@media (min-width:1200px) {
    .banner-box.banner-print-home {
        background-position: 39% 50%
    }
}

.banner-box.banner-design-home {
    background-image: url(../../images/banners/highres/foorj_bg.jpg);
	display: inline-block;
	width: 100%;
	height: 5vh; /*300px;*/
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}

@media (max-width:499px) {
    .banner-box.banner-design-home {
        background-position: 30% 50%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .banner-box.banner-design-home {
        background-position: 16% 50%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner-box.banner-design-home {
        background-position: 10% 50%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .banner-box.banner-design-home {
        background-position: 31% 50%
    }
}

@media (min-width:1200px) {
    .banner-box.banner-design-home {
        background-position: 50% 50%
    }
}

.banner-box.banner-gallery {
    background-image: url(../../images/banners/highres/spray3.jpg)
}

@media (max-width:499px) {
    .banner-box.banner-gallery {
        background-position: 30% 50%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .banner-box.banner-gallery {
        background-position: 33% 50%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner-box.banner-gallery {
        background-position: 39% 50%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .banner-box.banner-gallery {
        background-position: 44% 50%
    }
}

@media (min-width:1200px) {
    .banner-box.banner-gallery {
        background-position: 50% 50%
    }
}

.banner-box.banner-faq {
    background-image: url(../../images/banners/highres/faq.jpg)
}

@media (max-width:499px) {
    .banner-box.banner-faq {
        background-position: 87% 50%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .banner-box.banner-faq {
        background-position: 91% 50%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner-box.banner-faq {
        background-position: 96% 50%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .banner-box.banner-faq {
        background-position: 96% 50%
    }
}

@media (min-width:1200px) {
    .banner-box.banner-faq {
        background-position: 96% 50%
    }
}

.banner-box.banner-about {
	min-height: 20em!important;
    background-image: url(../../images/banners/highres/gallery-banner.jpg)
}

.banner-box.banner-casestudy-geico{
    background-image: url(../../images/case-studies/case-study-banner-geico.jpg)
}
.banner-box.banner-casestudy-mtv{
    background-image: url(../../images/case-studies/case-study-banner-mtv.jpg)
}
.banner-box.banner-casestudy-ahs {
    background-image: url(../../images/case-studies/case-study-banner-ahs.jpg)
}
.banner-box.banner-casestudy-blizzard {
    background-image: url(../../images/case-studies/case-study-banner-blizzard.jpg)
}
.banner-box.banner-casestudy-spt {
    background-image: url(../../images/case-studies/case-study-banner-spt.jpg)
}
.banner-box.banner-casestudy-drpepper {
    background-image: url(../../images/case-studies/case-study-banner-drpepper.jpg)
}
.banner-box.banner-casestudy-acura {
    background-image: url(../../images/case-studies/case-study-banner-acura.jpg)
}
.banner-box.banner-casestudy-batmanvsuperman {
    background-image: url(../../images/case-studies/case-study-banner-batmanvsuperman.jpg)
}
.banner-box.banner-casestudy-kfc {
    background-image: url(../../images/case-studies/case-study-banner-kfc.jpg)
}
.banner-box.banner-casestudy-mailchimp {
    background-image: url(../../images/case-studies/case-study-banner-mailchimp.jpg)
}
.banner-box.banner-casestudy-hilton {
    background-image: url(../../images/case-studies/case-study-banner-hilton.jpg)
}
.banner-box.banner-casestudy-honda {
    background-image: url(../../images/case-studies/case-study-banner-honda.jpg)
}
.banner-box.banner-casestudy-toyota {
    background-image: url(../../images/case-studies/case-study-banner-toyota.jpg)
}
.banner-box.banner-casestudy-halo {
    background-image: url(../../images/case-studies/case-study-banner-halo.jpg)
}
.banner-box.banner-casestudy-carnagexgeazy {
    background-image: url(../../images/case-studies/case-study-banner-carnagexgeazy.jpg)
}
.banner-box.banner-casestudy-hpsprout {
    background-image: url(../../images/case-studies/case-study-banner-hpsprout.jpg)
}
.banner-box.banner-casestudy-hennessy {
    background-image: url(../../images/case-studies/case-study-banner-hennessy.jpg)
}
.banner-box.banner-casestudy-h1z1 {
    background-image: url(../../images/case-studies/case-study-banner-h1z1.jpg)
}
.banner-box.banner-casestudy-ronhoward {
    background-image: url(../../images/case-studies/case-study-banner-ronhoward.jpg)
}
.banner-box.banner-casestudy-kong {
    background-image: url(../../images/case-studies/case-study-banner-kong.jpg)
}
.banner-box.banner-casestudy-templerun {
    background-image: url(../../images/case-studies/case-study-banner-templerun.jpg)
}
.banner-box.banner-casestudy-medtronic {
    background-image: url(../../images/case-studies/case-study-banner-medtronic.jpg)
}
.banner-box.banner-casestudy-teamdowney {
    background-image: url(../../images/case-studies/case-study-banner-teamdowney.jpg)
}
.banner-box.banner-casestudy-farmheroes {
    background-image: url(../../images/case-studies/case-study-banner-farmheroes.jpg)
}

@media (max-width:499px) {
    .banner-box.banner-about {
        background-position: 68% 50%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .banner-box.banner-about {
        background-position: 50% 50%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner-box.banner-about {
        background-position: 50% 50%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .banner-box.banner-about {
        background-position: 50% 50%
    }
}

@media (min-width:1200px) {
    .banner-box.banner-about {
        background-position: 50% 50%
    }
}

.banner-box.banner-contact {
    /*background-image: url(../../images/banners/highres/blue_poly2.jpg);*/
    background-image: url(../../images/banners/highres/faq.jpg);
     background-position: 50% 50%;
}

@media (max-width:499px) {
    .banner-box.banner-contact {
        background-position: 61% 50%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .banner-box.banner-contact {
        background-position: 55% 50%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner-box.banner-contact {
        background-position: 51% 50%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .banner-box.banner-contact {
        background-position: 46% 50%
    }
}

@media (min-width:1200px) {
    .banner-box.banner-contact {
        background-position: 40% 50%
    }
}

.banner-box.banner-tos {
    background-image: url(../../images/banners/highres/tos.jpg)
}

@media (max-width:499px) {
    .banner-box.banner-tos {
        background-position: 87% 50%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .banner-box.banner-tos {
        background-position: 87% 50%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner-box.banner-tos {
        background-position: 100% 50%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .banner-box.banner-tos {
        background-position: 46% 50%
    }
}

@media (min-width:1200px) {
    .banner-box.banner-tos {
        background-position: 46% 50%
    }
}

.banner-box.banner-privacy {
    background-image: url(../../images/banners/highres/privacy.jpg)
}

@media (max-width:499px) {
    .banner-box.banner-privacy {
        background-position: 79% 50%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .banner-box.banner-privacy {
        background-position: 77% 50%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner-box.banner-privacy {
        background-position: 71% 50%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .banner-box.banner-privacy {
        background-position: 71% 50%
    }
}

@media (min-width:1200px) {
    .banner-box.banner-privacy {
        background-position: 71% 50%
    }
}

.banner-box.banner-cart {
    background-image: url(../../images/banners/highres/cart.jpg)
}

@media (max-width:499px) {
    .banner-box.banner-cart {
        background-position: 79% 50%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .banner-box.banner-cart {
        background-position: 77% 50%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner-box.banner-cart {
        background-position: 71% 50%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .banner-box.banner-cart {
        background-position: 71% 50%
    }
}

@media (min-width:1200px) {
    .banner-box.banner-cart {
        background-position: 71% 50%
    }
}

@-webkit-keyframes foorjboxer {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes foorjboxer {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes foorjboxer-b-to-r {
    0% {
        opacity: 1;
        border-color: #80d2ee
    }
    100% {
        opacity: 0;
        border-color: #e74c3d
    }
}

@keyframes foorjboxer-b-to-r {
    0% {
        opacity: 1;
        border-color: #80d2ee
    }
    100% {
        opacity: 0;
        border-color: #e74c3d
    }
}

.foorj-boxer {
    font-size: 32px
}

.foorj-boxer .boxer-box {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: center center -.5em;
    -ms-transform-origin: center center -.5em;
    transform-origin: center center -.5em;
    -webkit-transform: scale(.707107) rotateX(-35.26439deg) rotateY(45deg);
    transform: scale(.707107) rotateX(-35.26439deg) rotateY(45deg)
}

.foorj-boxer .boxer-box .boxer-face {
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    opacity: 0;
    -webkit-transform-origin: center center -.5em;
    -ms-transform-origin: center center -.5em;
    transform-origin: center center -.5em;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-duration: 1800ms;
    animation-duration: 1800ms;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: foorjboxer;
    animation-name: foorjboxer
}

.foorj-boxer .boxer-box .boxer-face.boxer-face-fr {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.foorj-boxer .boxer-box .boxer-face.boxer-face-br {
    -webkit-transform: translate(-50%, -50%) rotateY(90deg);
    transform: translate(-50%, -50%) rotateY(90deg);
    -webkit-animation-delay: 900ms;
    animation-delay: 900ms;
    z-index: 2
}

.foorj-boxer .boxer-box .boxer-face.boxer-face-fl {
    -webkit-transform: translate(-50%, -50%) rotateY(-90deg);
    transform: translate(-50%, -50%) rotateY(-90deg);
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
    z-index: 4
}

.foorj-boxer .boxer-box .boxer-face.boxer-face-bl {
    -webkit-transform: translate(-50%, -50%) rotateY(180deg);
    transform: translate(-50%, -50%) rotateY(180deg);
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
    z-index: 1
}

.foorj-boxer .boxer-box .boxer-face.boxer-face-tp {
    -webkit-transform: translate(-50%, -50%) rotateX(90deg);
    transform: translate(-50%, -50%) rotateX(90deg);
    -webkit-animation-delay: 1200ms;
    animation-delay: 1200ms;
    z-index: 6
}

.foorj-boxer .boxer-box .boxer-face.boxer-face-bt {
    -webkit-transform: translate(-50%, -50%) rotateX(-90deg);
    transform: translate(-50%, -50%) rotateX(-90deg);
    -webkit-animation-delay: 1500ms;
    animation-delay: 1500ms;
    z-index: 3
}

.foorj-boxer.boxer-react-component {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.foorj-boxer.boxer-react-component.boxer-solid-bg-xl {
    width: 3.2em;
    height: 3.6em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.foorj-boxer .boxer-box.foorj-boxer-bg-xl {
    font-size: 3em
}

.foorj-boxer .boxer-box.foorj-boxer-bg-xl .boxer-face {
    border: .015em solid #8A98AC;
    background: rgba(138, 152, 172, .2)
}

.foorj-boxer .boxer-box.boxer-solid-bg-xl {
    font-size: 3em
}

.foorj-boxer .boxer-box.boxer-solid-bg-xl .boxer-face {
    border: .015em solid #8A98AC;
    background: #8A98AC
}

.foorj-boxer .boxer-box.boxer-solid-bg-xl.boxer-bgcg .boxer-face {
    border: .015em solid #8A98AC;
    background: #8A98AC
}

.foorj-boxer .boxer-box.boxer-solid-bg-xl.boxer-bgcg-fade .boxer-face {
    border: .015em solid #8A98AC;
    background: rgba(138, 152, 172, .2)
}

.foorj-boxer .boxer-box.boxer-solid-bg-xl.boxer-bgcg-inv .boxer-face {
    border: .015em solid #FFF;
    background: #8A98AC
}

.foorj-boxer .boxer-box.boxer-solid-bg-xl.boxer-bgcg-inv-fade .boxer-face {
    border: .015em solid #FFF;
    background: rgba(138, 152, 172, .2)
}

.foorj-boxer .boxer-box.boxer-solid-bg-xl.boxer-bgwh .boxer-face {
    border: .015em solid #FFF;
    background: #FFF
}

.foorj-boxer .boxer-box.boxer-solid-bg-xl.boxer-bgwh-fade .boxer-face {
    border: .015em solid #FFF;
    background: rgba(255, 255, 255, .2)
}

.foorj-boxer .boxer-box.boxer-solid-bg-xl.boxer-bgwh-inv .boxer-face {
    border: .015em solid #8A98AC;
    background: #FFF
}

.foorj-boxer .boxer-box.boxer-solid-bg-xl.boxer-bgwh-inv-fade .boxer-face {
    border: .015em solid #8A98AC;
    background: rgba(255, 255, 255, .2)
}

.foorj-boxer .boxer-box.foorj-btn-boxer {
    display: inline-block;
    font-size: 1em;
    margin-right: .75em
}

.foorj-boxer .boxer-box.foorj-btn-boxer .boxer-face {
    border: .15em solid #FFF
}

.foorj-boxer .boxer-box.foorj-btn-boxer-inverted {
    display: inline-block;
    font-size: 1em;
    margin-right: .75em
}

.foorj-boxer .boxer-box.foorj-btn-boxer-inverted .boxer-face {
    border: .15em solid #3dbae5
}

@font-face {
    font-family: 'foorjlogo';
    src: url(/fonts/logo/foorjlogo.eot?pqwixk);
    src: url(/fonts/logo/foorjlogo.eot?pqwixk#iefix) format('embedded-opentype'), url(/fonts/logo/foorjlogo.ttf?pqwixk) format('truetype'), url(/fonts/logo/foorjlogo.woff?pqwixk) format('woff'), url(/fonts/logo/foorjlogo.svg?pqwixk#foorjlogo) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: 'foorjlogo';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-foorjlogo:before {
    content: "\e901"
}

.foorj-navbar {
	top:0px;
	display:block;
	/*position:relative;*/
	position: fixed;
	height: 72px;
	max-height: 20vh;
	width: 100%;
	background: rgba(233, 235, 237, 0.8);
	z-index:9;
	/*padding: 0px 0 0 0;*/
    /*border-bottom: 1px solid #e0e0e0*/
}

@media (max-width:499px) {
    .foorj-navbar {
        font-size: 8px;
		/*position:fixed!important;*/
    }
}

@media (min-width:500px) and (max-width:899px) {
    .foorj-navbar {
        font-size: 9px;
		/*position:fixed!important;*/
    }
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}

@media (min-width:900px) and (max-width:991px) {
    .foorj-navbar {
        font-size: 10px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .foorj-navbar {
        font-size: 10px
    }
}

@media (min-width:1200px) {
    .foorj-navbar {
        font-size: 12px
    }
}

.foorj-navbar .foorj-topbar-info {
	display: flex;
	flex-direction: column;
    justify-content: center;
	background: #e9ebed;
	height: 30px;
	align-items: center;
	font-family: univers_medium;
	font-size: 14px;
	border-bottom: 1px solid #00acff;
}

.foorj-navbar .foorj-topbar-info .foorj-topbar-blurb > a{
	display: block;
	color: #f0614c;
    font-family: univers_medium;
    text-transform: uppercase;
    font-size: 14px; /*11px font == 0.7em*/
}

.foorj-navbar .foorj-topbar-info .foorj-topbar-blurb:first-child{
	padding-left: 20vw;
}

.foorj-navbar .foorj-topbar-info .foorj-topbar-blurb:last-child{
	padding-right: 20vw;
}

@media (max-width:499px) {
	.foorj-navbar .foorj-topbar-info .foorj-topbar-blurb,
	.foorj-navbar .foorj-topbar-info .foorj-topbar-blurb > a{
		font-size: 12px;
	}
	.foorj-navbar .foorj-topbar-info .foorj-topbar-blurb:first-child{
	padding-left: 2em;
	}
	.foorj-navbar .foorj-topbar-info .foorj-topbar-blurb:last-child{
		padding-right: 2em;
	}
}

@media (min-width:500px) and (max-width:767px) {
	.foorj-navbar .foorj-topbar-info .foorj-topbar-blurb:first-child{
	padding-left:  4em;
	}
	.foorj-navbar .foorj-topbar-info .foorj-topbar-blurb:last-child{
		padding-right: 4em;
	}
}

@media (min-width:768px) and (max-width:991px) {
}

@media (min-width:992px) and (max-width:1199px) {}
}

@media (min-width:1200px) {
	.foorj-navbar .foorj-topbar-info .foorj-topbar-blurb:first-child{
	padding-left: 25em;
	}
	.foorj-navbar .foorj-topbar-info .foorj-topbar-blurb:last-child{
		padding-right: 25em;
	}
}

.foorj-navbar .foorj-navbar-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
	height:60px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-left .foorj-logo-box .foorj-logo-link {
    padding-left: 3em;
	padding-bottom: 3em;
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-left .foorj-logo-box .foorj-logo-link .foorj-logo-img {
    width: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
}

@media (max-width:499px) {
    .foorj-navbar .foorj-navbar-content .foorj-navbar-left .foorj-logo-box .foorj-logo-link .foorj-logo-img {
		width: 150px;
        padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media (min-width:500px) and (max-width:899px) {
    .foorj-navbar .foorj-navbar-content .foorj-navbar-left .foorj-logo-box .foorj-logo-link .foorj-logo-img {
        width: 150px;
        padding-top: 10px;
		padding-bottom: 10px;
	}
}

/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.services-dropdown {
    position: relative;
    display: inline-block;
	cursor: pointer;
	color: #000000;
    font-family: univers_medium;
    text-transform: uppercase;
	font-size: 14px; /*11px font == 0.7em*/
    letter-spacing: 2px; /*2px letter spacing == 0.5em/4 (because 8px == 0.5em) == 0.125em*/
	margin: 1.5em;
    padding: 1em;
	/*background: #00acff;*/
	/*border: 2px solid #00acff;*/
	border-radius: 5px;
}

/* Dropdown Content (Hidden by Default) */
.services-dropdown-content {
    display: none;
    position: fixed;
    background-color: #ffffff;
	color: #000000;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	margin-top: 15px;
	border: 2px dotted #00acff;
}

/* Links inside the dropdown */
.services-dropdown-content a {
    color: black;
    padding: 16px 16px;
    text-decoration: none;
    display: block;
}

.services-dropdown-link {
    color: #000000;
    font-family: univers_medium;
    text-transform: uppercase;
	font-size: 14px; /*11px font == 0.7em*/
    letter-spacing: 2px; /*2px letter spacing == 0.5em/4 (because 8px == 0.5em) == 0.125em*/
}

/* Change color of dropdown links on hover */
.services-dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.services-dropdown:hover .services-dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.services-dropdown:hover .dropbtn {background-color: #3e8e41;}

.navbar-ordernow-link {
    position: relative;
    display: inline-block;
	cursor: pointer;
	color: #2b2b2c;
    font-family: univers_medium;
    text-transform: uppercase;
	font-size: 14px; /*11px font == 0.7em*/
    letter-spacing: 2px; /*2px letter spacing == 0.5em/4 (because 8px == 0.5em) == 0.125em*/
	margin: 1em;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 0.55em;
    padding-bottom: 0.35em;
	background: none;
	border: 2px solid #78d6b2;
	border-radius: 0px;
}

.navbar-ordernow-link-sm {
    position: relative;
    display: inline-block;
	cursor: pointer;
	color: #2b2b2c;
    font-family: univers_medium;
    text-transform: uppercase;
	font-size: 11px; /*11px font == 0.7em*/
    letter-spacing: 2px; /*2px letter spacing == 0.5em/4 (because 8px == 0.5em) == 0.125em*/
	margin: 1em;
    padding-left: 1.2em;
    padding-right: 1.2em;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
	background: none;
	border: 2px solid #78d6b2;
	border-radius: 0px;
}

.navbar-ordernow-link-reg {
    position: relative;
    display: inline-block;
	cursor: pointer;
	color: #2b2b2c;
    font-family: univers_medium;
    text-transform: uppercase;
	font-size: 16px; /*11px font == 0.7em*/
    letter-spacing: 2px; /*2px letter spacing == 0.5em/4 (because 8px == 0.5em) == 0.125em*/
	margin: 1em;
    padding-left: 1.2em;
    padding-right: 1.2em;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
	background: none;
	border: 3px solid #78d6b2;
	border-radius: 0px;
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-link {
    color: #2b2b2c;
    font-family: univers_medium;
    text-transform: uppercase;
	font-size: 14px; /*11px font == 0.7em*/
    letter-spacing: 2px; /*2px letter spacing == 0.5em/4 (because 8px == 0.5em) == 0.125em*/
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-link.dark {
    color: #2b2b2c;
}

.foorj-navbar-link.focus-link {
	border: 2px solid #f0614c;
	background: #f0614c;
	color: #ffffff!important;
	border-radius: 0.5em;
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-link:hover {
    color:#969696
}


@media (max-width:499px) {
    .foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-links {
        display: none
    }

    .foorj-navbar-vdiv-box {
        display:initial;
    }
	
	.services-dropdown {
		font-size: 12px;
		margin: 1em;
		padding: 0.5em;
	}
	
	 .navbar-ordernow-link {
		font-size: 11px;
		margin: 1.2em;
		padding: 0.75em;
	}
	
	.navbar-ordernow-link-sm {
		font-size: 9px;
	}
	

}

@media (min-width:500px) and (max-width:767px) {
    .foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-links {
        display: none;
        font-size: 10px;
    }

    .foorj-navbar-vdiv-box {
        display:initial;
    }
    .foorj-navbar-vdiv {
        display:initial;
    }
	
	.services-dropdown {
		font-size: 12px;
		margin: 1em;
		padding: 0.5em;
	}

	 .navbar-ordernow-link {
		font-size: 12px;
		margin: 1em;
		padding: 0.5em;
	}
}

@media (min-width:768px) and (max-width:900px) {
    .foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-links {
        display: none;
    }
    .foorj-navbar-vdiv-box {
        display:initial;
    }
    .foorj-navbar-vdiv {
        display:initial;
    }
}

@media (min-width:901px) and (max-width:1199px) {
    .foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-links {
        display: initial;
    }
    .foorj-navbar-vdiv-box {
        display:none;
    }
    .foorj-navbar-vdiv {
        display:none;
    }
}

@media (min-width:1200px) {
    .foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-links {
        display: initial;
    }
    .foorj-navbar-vdiv-box {
        display:none;
    }
    .foorj-navbar-vdiv {
        display:none;
    }
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-links .foorj-navbar-link {
	margin: 1.5em;
    padding: 1em;
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu {
	top:0px;
	display:block;
	position:relative;
	height: auto;
	/*width: 100%;*/
	background: none;
	z-index:9;
    padding: 1em
}

@media (max-width:499px) {
    .foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu {
        display: initial
    }
}

@media (min-width:500px) and (max-width:767px) {
    .foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu {
        display: initial
    }
}

@media (min-width:768px) and (max-width:900px) {
    .foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu {
        display: initial
    }
}

@media (min-width:901px) and (max-width:1199px) {
    .foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu {
        display: none
    }
}

@media (min-width:1200px) {
    .foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu {
        display: none
    }
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu .foorj-navbar-menu-btn-box {
    cursor: pointer;
    background: none;
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu .foorj-navbar-menu-btn-box .foorj-navbar-menu-btn {
    width: 2.4em;
    height: 2.4em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    background:none;
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu .foorj-navbar-menu-btn-box .foorj-navbar-menu-btn .navbar-menu-icon {
    width: 2.9em;
    height: 2.9em;
    background: none;
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu .foorj-navbar-menu-box {
    max-height: 0;
	height: auto;
	width: auto;
	font-size: 1.5em;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #FFF;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 10;
    overflow: hidden;
    box-shadow: 0 0 5px -2px #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu .foorj-navbar-menu-box .foorj-navbar-link {
    opacity: 0;
    padding-left: 2em;
    padding-right: 2em
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu .foorj-navbar-menu-box .foorj-navbar-link:first-child {
    padding-top: 1em;
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu .foorj-navbar-menu-box .foorj-navbar-link:not(:first-child) {
    padding-top: 2em
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu .foorj-navbar-menu-box .foorj-navbar-link:last-child {
    padding-bottom: 1em
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu.pinned {
    background: #78d6b2;
    color: #FFF!important;
    box-shadow: 0 0 7px 1px #1992bc inset
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu.pinned .foorj-navbar-menu-box {
    max-height: 30em
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu.pinned .foorj-navbar-menu-box .foorj-navbar-link {
    opacity: 1
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-menu.pinned .navbar-menu-icon {
    -webkit-filter: contrast(30%) brightness(140%) contrast(140%) brightness(180%);
    filter: contrast(30%) brightness(140%) contrast(140%) brightness(180%)
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-vdiv-box {
    padding: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-vdiv-box .foorj-navbar-vdiv {
    height: 2.4em;
    width: 1px;
    background: #CCC
}

.foorj-navbar .foorj-navbar-content .foorj-navbar-right .foorj-navbar-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.foorj-navbar .navbar-account-li {
    position: relative;
    padding: 1em;
    margin-right: 1.5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.foorj-navbar .navbar-account-li .navbar-account-link {
    padding: 0;
    cursor: pointer
}

.foorj-navbar .navbar-account-li .navbar-account-link .navbar-account-icon {
    width: 2.4em
}

.foorj-navbar .navbar-account-li .navbar-account-box {
    position: absolute;
	width: 250px;
	height: auto;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    background: #FFF;
    pointer-events: none;
    box-shadow: 0 0 5px -2px #000;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.foorj-navbar .navbar-account-li .navbar-account-box .account-box-link {
    color: #000000;
    white-space: nowrap
}

.foorj-navbar .navbar-account-li .navbar-account-box .account-box-link:first-child {
    padding: 2em 2em 0 2em
}

.foorj-navbar .navbar-account-li .navbar-account-box .account-box-link:not(:first-child) {
    padding: .5em 2em 0 2em
}

.foorj-navbar .navbar-account-li .navbar-account-box .account-box-link:last-child {
    padding: .5em 2em 2em 2em
}

.foorj-navbar .navbar-account-li.pinned {
    background: #80d2ee;
    box-shadow: 0 0 7px 1px #1992bc inset
}

.foorj-navbar .navbar-account-li.pinned .navbar-account-icon {
    -webkit-filter: contrast(30%) brightness(140%) contrast(140%) brightness(180%);
    filter: contrast(30%) brightness(140%) contrast(140%) brightness(180%)
}

.foorj-navbar .navbar-account-li.pinned .navbar-account-box {
    opacity: 1;
    pointer-events: auto
}

.foorj-navbar .navbar-cart-li {
    position: relative;
    padding: 0.5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.foorj-navbar .navbar-cart-li .navbar-cart-icon-link {
    position: relative;
    padding: 0;
    color: #777;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.foorj-navbar .navbar-cart-li .navbar-cart-icon-link:focus:not(:hover) {
    color: #777
}

.foorj-navbar .navbar-cart-li .navbar-cart-icon-link:hover {
    color: #f0614c
}

.foorj-navbar .navbar-cart-li .navbar-cart-icon-link:hover .cart-icon-count-box {
    border-color: #f0614c
}

.foorj-navbar .navbar-cart-li .navbar-cart-icon-link .navbar-cart-icon {
    width: 2.4em
}

.foorj-navbar .navbar-cart-li .navbar-cart-icon-link .cart-icon-count-box {
    position: absolute;
    top: -.5em;
    right: -.5em;
    width: 1.2em;
    height: 1.2em;
    border: 1px solid #f0614c;
    border-radius: 1.2em;
    background: #f0614c;
    color: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.foorj-navbar .navbar-cart-li .navbar-cart-icon-link .cart-icon-count-box .cart-icon-count {
    font-size: 1.0em;
    font-family: univers_regular
}

.foorj-navbar .navbar-cart-li.pinned {
    background: #f0614c; 
    color: #FFF!important;
   /* box-shadow: 0 0 7px 1px #1992bc inset */
}

.foorj-navbar .navbar-cart-li.pinned .navbar-cart-icon {
    -webkit-filter: contrast(30%) brightness(140%) contrast(140%) brightness(180%);
    filter: contrast(30%) brightness(140%) contrast(140%) brightness(180%)
}

.foorj-navbar .navbar-cart-li.pinned .navbar-cart-icon-link {
    color: #FFF
}

.foorj-navbar .navbar-cart-li.pinned .navbar-cart-icon-link:focus:not(:hover) {
    color: #FFF
}

.foorj-navbar .navbar-cart-li.pinned .navbar-cart-icon-link:hover {
    color: #FFF
}

.foorj-navbar .navbar-cart-li.pinned .navbar-cart-icon-link .cart-icon-count-box {
    background: #FFF;
    color: #f0614c;
    border-color: #FFF
}

.navbar-cart-box {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 0 5px -2px #000;
    max-width: calc(100vw - 10em);
    width: 35em;
    cursor: auto;
    z-index: 10
}

.navbar-cart-icon-link:hover .navbar-cart-box,
.pinned .navbar-cart-box {
    opacity: 1;
    pointer-events: initial;
    height: initial;
    overflow: auto
}

.navbar-cart-box .navbar-cart-btn-box {
    /*width: 100%;*/
    padding: 1em;
    background: #FFF;
    border-top: 1px solid #EEE;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.navbar-cart-box .navbar-cart {
    position: relative;
    max-height: calc(100vh - 9em);
    background: #FFF;
    overflow: auto
}

.navbar-cart-box .navbar-cart .nav-cart-item {
    width: 100%;
    background: #FFF;
    font-family: univers_regular;
    color: #555
}

.navbar-cart-box .navbar-cart .nav-cart-item:not(:last-child) {
    border-bottom: 1px solid #EEE
}

.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print {
    padding: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print .item-header {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print .item-header .item-filename {
    white-space: nowrap;
    overflow: auto
}

.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print .item-body {
    width: 100%;
    margin-top: 1em;
    color: #777;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print .item-body .item-images {
    padding: .5em;
    background: #EEE;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print .item-body .item-images .item-image {
    box-shadow: 0 0 5px -2px rgba(0, 0, 0, .5);
    background: no-repeat center center;
    background-size: cover;
    cursor: pointer;
    margin-left: .5em
}

.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print .item-body .item-images .item-image:first-child,
.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print .item-body .item-images .item-image:first-child .item-img-link {
    width: 4.8em;
    height: 3em;
    margin: 0
}

.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print .item-body .item-images .item-image:nth-child(2),
.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print .item-body .item-images .item-image:nth-child(2) .item-img-link {
    width: 4.8em;
    height: 3em
}

.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print .item-body .item-images .item-image:nth-child(3),
.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print .item-body .item-images .item-image:nth-child(3) .item-img-link {
    width: 4.8em;
    height: 3em
}

.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print .item-body .item-infos {
    margin-left: 1em;
    -webkit-flex-basis: 10em;
    -ms-flex-preferred-size: 10em;
    flex-basis: 10em;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print .item-body .item-infos .item-info {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print .item-body .item-infos .item-info:nth-child(odd) {
    padding-right: .5em
}

.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print .item-body .item-infos .item-info:nth-child(even) {
    padding-left: .5em
}

.navbar-cart-box .navbar-cart .nav-cart-item.cart-item-print .item-body .item-infos .item-info .item-info-label {
    color: #AAA
}

.auth-container {
    font-size: 10px;
    background: #FFF;
    padding: 4em 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.auth-container .auth-form-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-flex-basis: 25em;
    -ms-flex-preferred-size: 25em;
    flex-basis: 25em;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.auth-container .auth-form-box .auth-form-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.auth-container .auth-form-box .auth-form-body .auth-form-field .auth-form-input {
    font-size: 1.3em;
    width: 100%;
    border: none;
    border-bottom: 1px solid #CCC;
    font-family: univers_light
}

.auth-register.auth-container .auth-form-box .auth-form-body .auth-email {
    margin-top: 3em
}

.auth-container .auth-form-box .auth-form-body .auth-pw {
    margin-top: 3em
}

.auth-container .auth-form-box .auth-form-footer {
    margin-top: 5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.auth-container .auth-form-box .auth-form-footer .auth-submit-btn {
    padding: .5em 1em;
    margin-bottom: .5em;
    font-size: .9em
}

.auth-container .auth-form-box .auth-form-footer .auth-recover-pw-btn {
    font-size: .9em;
    font-family: univers_light
}

.ff-icon-fixer:before {
    content: ' ';
    opacity: .01
}

.icon {
    width: 30px;
    height: 30px;
    padding: 0!important;
    margin: 0!important
}

.stellar-icon-box {
    display: inline-block
}

.stellar-icon-box>#camIcon {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(1)!important;
    -ms-transform: translateX(-50%) scale(1)!important;
    transform: translateX(-50%) scale(1)!important;
    width: 37px;
    height: 30px;
    padding: 2px!important;
    margin: 0!important;
    z-index: 170
}

.stellar-icon-box>#shotsLeft {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(1)!important;
    -ms-transform: translateX(-50%) scale(1)!important;
    transform: translateX(-50%) scale(1)!important;
    padding: 2px;
    color: #FFF;
    text-align: center;
    z-index: 180;
    cursor: pointer
}

.stellar-ui-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    padding: 3px!important;
    margin: 5px!important;
    cursor: pointer;
    z-index: 170;
    -webkit-filter: contrast(50%) brightness(130%);
    filter: contrast(50%) brightness(130%)
}

.stellar-ui-icon.stellar-icon-red,
.stellar-ui-icon:hover {
    -webkit-filter: brightness(70%) contrast(250%);
    filter: brightness(70%) contrast(250%)
}

.stellar-ui-icon.icon-scale {
    width: 41px;
    height: 35px;
    margin-top: 0!important
}

.stellar-ui-icon#bboxIcon,
.stellar-ui-icon#orthoIcon,
.stellar-ui-icon#perspIcon,
.stellar-ui-icon#rotateIcon,
.stellar-ui-icon#scaleIcon,
.stellar-ui-icon#wireframeIcon,
.stellar-ui-icon.ortho {
    background: #fff!important;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px -1px #000;
    border-radius: 2px;
    border-top-left-radius: 9px;
    border-bottom-right-radius: 9px;
    z-index: 170
}

.stellar-ui-icon#bboxIcon.ui-icon-inv,
.stellar-ui-icon#orthoIcon.ui-icon-inv,
.stellar-ui-icon#perspIcon.ui-icon-inv,
.stellar-ui-icon#rotateIcon.ui-icon-inv,
.stellar-ui-icon#scaleIcon.ui-icon-inv,
.stellar-ui-icon#wireframeIcon.ui-icon-inv,
.stellar-ui-icon.ortho.ui-icon-inv {
    border: 0 solid transparent;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, .5);
    -webkit-transition: -webkit-filter .1s ease-in-out;
    transition: -webkit-filter .1s ease-in-out;
    transition: -webkit-filter .1s ease-in-out, filter .1s ease-in-out
}

.stellar-ui-icon#bboxIcon.ui-icon-inv.stellar-icon-red,
.stellar-ui-icon#bboxIcon.ui-icon-inv:hover,
.stellar-ui-icon#orthoIcon.ui-icon-inv.stellar-icon-red,
.stellar-ui-icon#orthoIcon.ui-icon-inv:hover,
.stellar-ui-icon#perspIcon.ui-icon-inv.stellar-icon-red,
.stellar-ui-icon#perspIcon.ui-icon-inv:hover,
.stellar-ui-icon#rotateIcon.ui-icon-inv.stellar-icon-red,
.stellar-ui-icon#rotateIcon.ui-icon-inv:hover,
.stellar-ui-icon#scaleIcon.ui-icon-inv.stellar-icon-red,
.stellar-ui-icon#scaleIcon.ui-icon-inv:hover,
.stellar-ui-icon#wireframeIcon.ui-icon-inv.stellar-icon-red,
.stellar-ui-icon#wireframeIcon.ui-icon-inv:hover,
.stellar-ui-icon.ortho.ui-icon-inv.stellar-icon-red,
.stellar-ui-icon.ortho.ui-icon-inv:hover {
    -webkit-filter: contrast(100%) brightness(75%) contrast(150%) invert(100%);
    filter: contrast(100%) brightness(75%) contrast(150%) invert(100%);
    -webkit-transition: -webkit-filter .1s ease-in-out;
    transition: -webkit-filter .1s ease-in-out;
    transition: -webkit-filter .1s ease-in-out, filter .1s ease-in-out
}

.stellar-icon-box:hover>#camIcon {
    -webkit-filter: brightness(80%) contrast(180%);
    filter: brightness(80%) contrast(180%)
}

.turn-red {
    fill: red!important
}

#stellarPanelLeft {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 140
}

#stellarPanelRight {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 140
}

#stellarPanelTop {
    z-index: 140
}

#stellarPanelBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 140
}

#cameraGroup {
    position: absolute;
    top: 105px;
    left: 5px;
    z-index: 150
}

#orthoGroup {
    height: 0;
    z-index: 160
}

#orthoIcon {
    display: inline-block;
    z-index: 170
}

#orthoPanel {
    z-index: 160
}

.ortho-pair {
    width: 88px;
    z-index: 160
}

.ortho {
    display: inline-block;
    z-index: 170
}

#meshDisplayGroup {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 150
}

#meshModGroup {
    position: absolute;
    top: 0;
    right: 5px;
    left: auto;
    z-index: 150
}

#scaleGroup {
    position: absolute;
    text-align: right;
    vertical-align: middle;
    top: 10px;
    right: 0;
    width: 260px;
    height: 0;
    z-index: 160
}

#rotateGroup {
    position: absolute;
    top: 90px;
    right: 0;
    width: 210px;
    height: 0;
    text-align: right;
    vertical-align: middle;
    z-index: 160
}

#knobGroup {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    position: relative;
    right: 20px;
    z-index: 160
}

#userScaleControl {
    position: relative;
    right: 20px;
    width: 211px;
    z-index: 160
}

#userScaleDisplay {
    position: absolute;
    background: rgba(255, 255, 255, .85);
    left: -15px;
    top: 0;
    border: 1px solid #777;
    border-radius: 2px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 55px;
    z-index: 170
}

@media (max-width:767px) {
    #userScaleDisplay {
        left: 38px
    }
}

#userScaleSliderContainer {
    position: absolute;
    width: 151px;
    top: 3px;
    right: 0;
    z-index: 160
}

@media (max-width:767px) {
    #userScaleSliderContainer {
        width: 101px
    }
}

#screenCaptureIconGroup {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 37px;
    height: 30px
}

#imageControls {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#thumbnailContainer {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 125%);
    -ms-transform: translate(-50%, 125%);
    transform: translate(-50%, 125%);
    background: 0 0;
    text-align: center
}

@media (max-width:767px) {
    #thumbnailContainer {
        width: 287px
    }
}

#thumbnailContainer a {
    display: inline-block;
    position: relative;
    margin: 10px
}

@media (max-width:767px) {
    #thumbnailContainer a {
        margin: 20px 5px;
        width: 30px;
        height: 48px
    }
}

@media (min-width:768px) and (max-width:991px) {
    #thumbnailContainer a {
        width: 64px;
        height: 40px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #thumbnailContainer a {
        width: 80px;
        height: 50px
    }
}

@media (min-width:1200px) {
    #thumbnailContainer a {
        width: 96px;
        height: 60px
    }
}

#thumbnailContainer a>img {
    width: auto;
    height: 100%
}

#thumbnailContainer a>span.glyphicon {
    position: absolute;
    top: -8px;
    right: -12px;
    padding: 2px;
    color: #CD5151
}

#thumbnailContainer a>img {
    border: 1px solid #CCC
}

#progressBarContainer {
    padding: 10px 10px!important;
    min-height: 40px;
    display: none
}

#stellarContainer {
    position: relative;
    padding: 0;
    margin: 0!important
}

#stellarContainer #viewerColumn {
    margin-bottom: -4px
}

#viewer {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    z-index: 100;
    text-align: initial
}

#viewer>#viewerCanvas {
    display: block;
    margin: 0 auto;
    z-index: 120;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5)
}

#loadingScreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 960px;
    height: 600px;
    background: #646464;
    display: none
}

#stellarControlContainer {
    display: none
}

#stats {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    padding: 0;
    margin: 0;
    font-family: univers_thin!important;
    opacity: 0!important;
    -webkit-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out
}

#stats:hover {
    opacity: 1!important
}

#stats #fps {
    background: 0 0!important
}

#stats #fps #fpsText {
    width: 100px!important;
    padding: 5px;
    margin: 0;
    color: #777!important
}

#stats #fps #fpsGraph {
    display: none
}

#stats #ms {
    background: 0 0!important
}

#stats #ms #msText {
    width: 100px!important;
    padding: 5px;
    margin: 0;
    color: #777!important
}

#stats #ms #msGraph {
    display: none
}

.mvd-size-warning-lg {
    color: rgba(240, 30, 30, .9)
}

#mvdDisplayUnitsRow {
    height: 14px;
    margin-top: 3px;
    padding-top: 0;
    border-top: 1px solid #EEE;
    font-size: .8em;
    color: #CCC
}

#mvdDisplayUnitsRow>span:first-child {
    float: left
}

#mvdDisplayUnitsBtnGroup {
    float: right;
    margin-right: 3px
}

#mvdDisplayUnitsBtnGroup:last-child {
    margin-right: 0
}

#volumeDisplayTable {
    width: 100%
}

.model-info-section-title {
    border-bottom: 1px solid #CCC;
    font-family: univers_light;
    text-transform: uppercase;
    letter-spacing: .15em;
    margin-bottom: 5px
}

.control-container {
    position: relative;
    width: 180px;
    margin: 0 auto
}

.mvControlGroup {
    position: relative;
    width: 180px;
    margin: 0 auto
}

.mvControlKnobGroup {
    display: inline-block!important;
    position: relative;
    padding: 0!important;
    margin: 0 auto!important;
    width: 50px;
    z-index: 160
}

.mvControlKnobGroup>div.font-help {
    color: #D00!important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    font-size: .7em
}

.mvControlKnobGroup>div>input.font-help {
    color: #000!important;
    font-size: .95em;
    top: -4px
}

.mvControlKnobGroup>div:first-child {
    background: #fff;
    border-radius: 25px
}

.mvControlKnobGroup>div:last-child {
    position: absolute;
    bottom: 6px;
    right: 22px
}

.mvControlKnobRotation {
    z-index: 180
}

.knobCanvas {
    position: relative;
    top: 0;
    z-index: 170
}

#stellarPage {
    padding: 0;
    margin: 0 auto;
    background: #EEE
}

#stellarHeader {
    background: #FFF;
    padding: 10px;
    margin: 10px
}

#stellarPageTitle {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777
}

#stellarStarter {
    padding: 10px;
    margin: 0 auto 10px auto;
    background: #FFF;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5)
}

#stellarBody {
    padding: 10px;
    margin: 0
}

#stellarVersion {
    position: relative
}

#uploadFileNameLabel {
    display: inline-block;
    float: left;
    text-align: left;
    font-size: .9em
}

#uploadFileSizeLabel {
    display: inline-block;
    float: right;
    text-align: right
}

#uploadFileSizeLabel>span {
    margin: 0 5px
}

#uploadFileSizeLabel>span:first-child {
    font-size: .9em
}

#uploadFileSizeLabel>span:nth-child(2) {
    font-size: .9em;
    margin: 0
}

#uploadFileSizeLabel>span:last-child {
    font-size: .9em
}

#uploadProgress {
    position: relative;
    height: 16px;
    background: #fff;
    margin: 0 10px;
    text-align: center
}

#uploadProgressLabel {
    font-size: .75em!important;
    position: absolute;
    display: inline-block;
    color: #80d2ee;
    background: transparent;
    line-height: 16px;
    vertical-align: middle;
    z-index: 120
}

#uploadProgressBar {
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    background: #80d2ee;
    z-index: 110;
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg)
}

#uploadFilePriceGroup {
    margin: 10px auto;
    text-align: center
}

@media (max-width:767px) {
    #uploadFilePriceGroup {
        display: inline-block;
        width: 100%
    }
    #uploadFilePriceGroup>* {
        display: inline-block
    }
}

#uploadFilePriceOptions {
    padding: 5px 0;
    background: #FFF;
    margin: 0;
    margin-bottom: 10px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5)
}

.upload-option {
    position: relative;
    display: inline-block;
    margin: 0
}

.upload-option .upload-option-label {
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-family: univers_condensed_light;
    color: #777
}

@media (max-width:767px) {
    .upload-option .upload-option-label {
        min-width: initial
    }
}

@media (min-width:768px) {
    .upload-option .upload-option-label {
        min-width: 60px
    }
}

.upload-option #quantityInputBox {
    display: inline-block;
    width: 50px;
    text-align: center
}

@media (max-width:767px) {
    .upload-option #quantityInputBox {
        margin-left: 10px
    }
}

@media (min-width:768px) {
    .upload-option #quantityInputBox {
        margin-left: 0
    }
}

.upload-option #quantityInputBox #quantityInput {
    display: inline-block;
    border: none;
    max-width: 25px;
    font-size: 14px;
    text-align: center;
    font-family: univers_regular;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #777;
    padding: 0
}

.upload-option #quantityInputBox .cart-quantity-mod {
    display: inline-block;
    font-size: 14px
}

#infillIcon,
#rulerIcon {
    position: absolute;
    left: -25px;
    top: 0;
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
    vertical-align: middle
}

#fileUnitsBtnGroup,
#infillBtnGroup {
    display: inline-block;
    color: #777;
    text-transform: uppercase;
    font-size: 10px
}

.infill-button,
.mvd-fUnits-btn {
    display: inline-block;
    letter-spacing: .1em;
    cursor: pointer;
    font-family: univers_thin;
    color: #CCC
}

.infill-button:hover,
.mvd-fUnits-btn:hover {
    font-family: univers_regular
}

.infill-button.infill-active,
.infill-button.mvd-active,
.mvd-fUnits-btn.infill-active,
.mvd-fUnits-btn.mvd-active {
    color: #777;
    font-family: univers_regular
}

@media (max-width:767px) {
    .infill-button,
    .mvd-fUnits-btn {
        margin: 0 5px
    }
    .infill-button:last-child,
    .mvd-fUnits-btn:last-child {
        margin-right: 0
    }
}

@media (min-width:768px) {
    .infill-button,
    .mvd-fUnits-btn {
        margin: 0 5px 0 0
    }
    .infill-button:last-child,
    .mvd-fUnits-btn:last-child {
        margin-right: 0
    }
}

#modelPriceContainer {
    display: inline-block;
    font-family: univers_condensed_light;
    border: 1px solid #3dbae5;
    border-radius: 2px;
    background: #fff
}

#modelPriceContainer>#modelPrice {
    display: inline-block;
    width: 80px;
    margin: 2px 0;
    padding-left: 5px;
    border: 0 solid transparent;
    font-size: 16px;
    vertical-align: middle;
    font-family: univers_light;
    color: #3dbae5;
    text-align: center
}

#modelPriceContainer>#addToCart {
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 0;
    border: 0 solid transparent;
    padding: 5px 3px 5px 7px
}

.fancybox-skin {
    border-radius: 0
}

#stellarLauncher {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 960px;
    text-align: center
}

#stellarLauncher #launcherBannerContainer {
    position: relative;
    height: 200px;
    overflow: hidden
}

#stellarLauncher #launcherBannerContainer #launcherBanner {
    position: absolute;
    top: 0;
    right: 0
}

#stellarLauncher #launcherBannerContainer #stellarModalUpload {
    background: #fff
}

#stellarLauncher #launcherBannerContainer #stellarModalUpload #stellarModalUploadBtn {
    position: absolute;
    top: 50%;
    line-height: 1.5em;
    padding: 10px 20px;
    color: #FFF;
    box-shadow: -10px 10px 57px -15px #000
}

@media (max-width:399px) {
    #stellarLauncher #launcherBannerContainer #stellarModalUpload #stellarModalUploadBtn {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media (min-width:400px) {
    #stellarLauncher #launcherBannerContainer #stellarModalUpload #stellarModalUploadBtn {
        left: 20%;
        -webkit-transform: translate(-20%, -50%);
        -ms-transform: translate(-20%, -50%);
        transform: translate(-20%, -50%)
    }
}

#stellarLauncher #stellarModal {
    position: relative;
    background: #fff
}

#stellarLauncher #stellarModalTitle {
    display: inline-block;
    font-size: 1.2em;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

#stellarLauncher #stellarModalTitle>.font-title-small {
    margin-bottom: -.9em;
    text-align: left;
    letter-spacing: .21em
}

#stellarLauncher #stellarModalTitle>.font-title-huge {
    letter-spacing: 1.2em;
    font-size: 4em;
    margin-right: -1em
}

#stellarLauncher #stellarModalBody {
    text-align: left;
    padding: 0 10px;
    background: #fff;
    padding-bottom: 0
}

#stellarLauncher .stellar-modal-section-title {
    display: inline-block;
    margin-bottom: 0;
    padding: 10px 15px;
    border: 1px solid #555;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #EEE
}

#stellarLauncher .stellar-modal-section {
    color: #777;
    font-size: 16px;
    background-color: #fff;
    text-shadow: none;
    text-align: center
}

#stellarLauncher .launcher-body-graphic {
    display: inline-block;
    margin: 0 15px;
    max-width: 100%
}

@media (max-width:767px) {
    #stellarLauncher .launcher-body-graphic {
        margin: 0
    }
}

#stellarLauncher .launcher-header {
    margin: 10px 0 -15px 0;
    font-family: univers_light;
    text-transform: uppercase;
    font-size: 18px;
    text-align: left;
    padding: 5px 15px;
    border-left: 5px solid #777;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#stellarLauncher .launcher-header .launcher-header-icon {
    width: 48px;
    height: 48px;
    margin-right: 5px
}

@media (max-width:767px) {
    #stellarLauncher .launcher-header {
        margin-top: 20px!important
    }
}

#stellarLauncher .launcher-body {
    margin: 15px 0;
    padding: 5px 19px;
    padding-right: 0;
    text-align: justify;
    font-family: univers_light;
    font-size: 12px;
    border-left: 1px solid #CCC
}

#stellarLauncher .stellar-modal-footnote {
    position: absolute;
    left: 0;
    font-size: 11px;
    padding: 10px;
    text-align: justify;
    text-shadow: none;
    color: #777;
    line-height: 1em
}

#stellarLauncher .stellar-modal-footnote-bold {
    text-decoration: underline
}

@media (max-width:767px) {
    #stellarLauncher #stellarModalDemoBtn {
        left: 10%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width:768px) {
    #stellarLauncher #stellarModalDemoBtn {
        left: 20%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

#stellarLauncher #stellarModalDemoBtn {
    position: absolute;
    top: 50%;
    line-height: 1.5em;
    padding: 10px 20px;
    color: #FFF;
    box-shadow: -10px 10px 57px -15px #000
}

#errorDisplay {
    width: 600px;
    height: auto;
    padding: 15px;
    margin: 15px
}

#errorDisplayLink {
    width: 100%;
    margin: 0 15px
}

#errorDisplayErrors>div {
    margin: 10px;
    padding: 15px
}

.swatch-container {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px!important;
    margin: 5px!important;
    cursor: pointer
}

.swatch-container .swatch-flex-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.swatch-container .swatch-flex-item:hover {
    -webkit-transition: -webkit-transform .05s ease-out;
    transition: transform .05s ease-out;
    -webkit-transform: scale(1.6, 1.6);
    -ms-transform: scale(1.6, 1.6);
    transform: scale(1.6, 1.6)
}

.swatch-container .swatch {
    width: 10px;
    height: 10px;
    margin: 2px;
    box-shadow: 0 4px 7px -3px #000
}

.swatch-container .swatch:hover {
    z-index: 9999;
    cursor: pointer
}

.swatch-container #swatchBlack,
.swatch-container .swatch-Black,
.swatch-container .swatch-black {
    background: #212226
}

.swatch-container #swatchWhite,
.swatch-container .swatch-White,
.swatch-container .swatch-white {
    background: #f4f5f7
}

.swatch-container #swatchRed,
.swatch-container .swatch-Red,
.swatch-container .swatch-red {
    background: #e42d1b
}

.swatch-container #swatchBlue,
.swatch-container .swatch-Blue,
.swatch-container .swatch-blue {
    background: #2010c9
}

.swatch-container #swatchYellow,
.swatch-container .swatch-Yellow,
.swatch-container .swatch-yellow {
    background: #f6e900
}

.swatch-container #swatchGreen,
.swatch-container .swatch-Green,
.swatch-container .swatch-green {
    background: #4aa256
}

.swatch-container #swatchBrown,
.swatch-container .swatch-Brown,
.swatch-container .swatch-brown {
    background: #8f7238
}

.swatch-container #swatchGray,
.swatch-container .swatch-Gray,
.swatch-container .swatch-gray {
    background: #87888a
}

.swatch-container #swatchPurple,
.swatch-container .swatch-Purple,
.swatch-container .swatch-purple {
    background: #772b6f
}

.swatch-container #swatchPink,
.swatch-container .swatch-Pink,
.swatch-container .swatch-pink {
    background: #f14b79
}

.swatch-container #swatchOrange,
.swatch-container .swatch-Orange,
.swatch-container .swatch-orange {
    background: #fa6c0e
}

.slider-box {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.slider-box .slider-input-box {
    border: 1px solid #CCC;
    font-size: 12px;
    width: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.slider-box .slider-input-box .slider-input {
    border: none;
    text-align: center;
    min-width: 0;
    -webkit-flex-basis: 46px;
    -ms-flex-preferred-size: 46px;
    flex-basis: 46px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.slider-box .slider-input-box .slider-input:invalid {
    box-shadow: none
}

.slider-box .slider-input-box .slider-input:-moz-submit-invalid {
    box-shadow: none
}

.slider-box .slider-input-box .slider-input:-moz-ui-invalid {
    box-shadow: none
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr;
    width: 100px
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-stacking+.noUi-origin {
    z-index: -1
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s, top .3s;
    transition: left .3s, top .3s
}

.noUi-state-drag * {
    cursor: inherit!important
}

.noUi-base {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-horizontal {
    height: 15px;
    margin: 0 20px 0 0
}

.noUi-horizontal .noUi-handle {
    width: 8px;
    height: 20px;
    left: -4px;
    top: -2px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-connect {
    background: #3FB8AF;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-origin {
    border-radius: 2px
}

.noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #BBB
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    border-radius: 3px;
    background: #777;
    cursor: ew-resize
}

.noUi-active {
    opacity: .5
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: none;
    position: absolute;
    height: 14px;
    width: 1px;
    left: -4px;
    top: 6px
}

.noUi-handle:after {
    left: 5px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect,
[disabled].noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    font-family: univers_condensed_regular;
    font-size: 10px;
    color: #CCC;
    pointer-events: none;
    z-index: 1
}

.noUi-value {
    width: 40px;
    position: absolute;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #CCC
}

.noUi-marker-sub {
    background: #CCC
}

.noUi-marker-large {
    background: #CCC
}

.noUi-pips-horizontal {
    top: 0;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    margin-left: -20px;
    padding-top: 17px
}

.noUi-value-horizontal.noUi-value-sub {
    padding-top: 15px
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-marker.noUi-marker-horizontal.noUi-marker-normal {
    width: 1px;
    height: 11px;
    margin-left: -1px;
    top: 2px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    width: 15px;
    margin-left: 20px;
    margin-top: -5px
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

#carouselSlides {
    background: #000!important
}

.carousel-fade .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-fade .carousel-inner .item {
    opacity: 0
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-inner .next.left>img {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-inner .next.right>img {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active.left>img {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0
}

.carousel-fade .carousel-inner .active.right>img {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 0
}

.carousel-fade .carousel-inner .next.left>div {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-inner .next.right>div {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active.left>div {
    opacity: 0
}

.carousel-fade .carousel-inner .active.right>div {
    opacity: 0
}

.carousel-fade .carousel-control {
    z-index: 2
}

.carousel-control.right {
    opacity: 0;
    background-image: none!important;
    background: 0 0!important;
    background-repeat: no-repeat!important;
    -webkit-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out
}

.carousel-control.right:hover {
    opacity: 1;
    -webkit-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out
}

.carousel-control.left {
    opacity: 0;
    background-image: none!important;
    background: 0 0!important;
    background-repeat: no-repeat!important;
    -webkit-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out
}

.carousel-control.left:hover {
    opacity: 1;
    -webkit-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out
}

.carousel-caption-center {
    margin: 0!important;
    padding: 0!important
}

.carousel-title {
    margin: 0!important;
    padding: 0!important;
    font-size: 2.6em
}

.carousel-subtitle {
    font-size: 1.6em
}

.carousel-description {
    margin: 0!important;
    padding: 0!important;
    font-size: 1.1em
}

.carousel-link-btn {
    font-size: 1em;
    margin-top: 1.5em!important
}

.carousel-link-btn .font-header {
    font-size: .75em
}

.carousel-indicators-bottom {
    bottom: 1%!important;
    margin-bottom: 0!important;
    padding-bottom: 0!important
}

.carousel-img {
    width: auto!important;
    min-width: 100vw!important;
    max-width: none!important;
    position: relative;
    top: 0!important;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.carousel-caption {
    position: absolute;
    top: 0;
    left: 25%;
    right: 25%;
    height: 100%;
    max-width: 50%;
    z-index: 10;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px #000
}

.carousel-caption>.flex-column-container>.flex-item-static {
    padding-top: .1em!important;
    padding-bottom: .1em!important
}

.text-dark {
    color: #444;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

#homeBody {
    padding: 0
}

.home-block-down-arrow {
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 30px;
    overflow-x: hidden;
    background: 0 0;
    z-index: 1000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.home-block-down-arrow .arrow-left-box {
    width: 50vw;
    height: 30px;
    overflow: hidden;
    position: relative
}

.home-block-down-arrow .arrow-left-box .arrow-left {
    background: #FFF;
    -webkit-transform: skewX(45deg); 
    -ms-transform: skewX(45deg); 
    transform: skewX(45deg); 
    width: calc(100% + 20px);
    height: 30px;
    position: relative;
    left: -30px
}

.home-block-down-arrow .arrow-left-box .arrow-left.blue-bg {
    /*background: #8a98ab;*/
    background: #00acff;
    -webkit-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    transform: skewX(45deg);
    width: calc(100% + 20px);
    height: 30px;
    position: relative;
    left: -30px
}

.home-block-down-arrow .arrow-left-box .arrow-left.gray-bg {
    background: #e54c3c;
    -webkit-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    transform: skewX(45deg);
    width: calc(100% + 20px);
    height: 30px;
    position: relative;
    left: -30px
}

.home-block-down-arrow .arrow-left-box .arrow-left.dkgray-bg {
    background: #8a98ab;
    -webkit-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    transform: skewX(45deg);
    width: calc(100% + 20px);
    height: 30px;
    position: relative;
    left: -30px
}

.home-block-down-arrow .arrow-right-box {
    width: 50vw;
    height: 30px;
    overflow: hidden;
    position: relative
}

.home-block-down-arrow .arrow-right-box .arrow-right {
    background: #FFF;
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    width: calc(100% + 20px);
    height: 30px;
    position: relative;
    right: -10px
}

.home-block-down-arrow .arrow-right-box .arrow-right.blue-bg {
    /*background: #8a98ab;*/
    background: #00acff;
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    width: calc(100% + 20px);
    height: 30px;
    position: relative;
    right: -10px
}

.home-block-down-arrow .arrow-right-box .arrow-right.gray-bg {
    background: #e54c3c;
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    width: calc(100% + 20px);
    height: 30px;
    position: relative;
    right: -10px
}

.home-block-down-arrow .arrow-right-box .arrow-right.dkgray-bg {
    background: #8a98ab;
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    width: calc(100% + 20px);
    height: 30px;
    position: relative;
    right: -10px
}

.main-block {
    width: 100%;
	height:100%;
}


.main-block.home-carousel {
    width: 100%;
}

.main-block.dark-bg {
    background: #DDD
}

.main-block.light-bg {
    background: #FFF;
	/*max-height: 100px*/
}

.main-block.home-carousel .light-bg {
    background: #FFF;
	/*max-height: 100px*/
}

.main-block.blue-bg {
    position: relative;
    background: url(../../images/banners/highres/texture.jpg) no-repeat center center scroll;
    background-size: cover;
    padding: 0 0 40px 0
}

.main-block.blue-bg .home-block-btn-box {
    text-align: center;
    padding: 25px 0 20px 0
}

.main-block.blue-bg .home-block-text-box {
    max-width: 800px;
    color: #FFF;
    margin: 0 auto;
    padding: 0 40px 25px 40px
}

@media (max-width:499px) {
    .main-block.blue-bg .home-block-text-box {
        text-align: justify
    }
}

@media (min-width:500px) {
    .main-block.blue-bg .home-block-text-box {
        text-align: center
    }
}

.main-block.blue-bg .home-block-text-box .home-block-text.text-block-1 {
    max-width: 800px;
    margin: 0 auto;
    font-size: 22px;
    text-align: center
}

.main-block.blue-bg .home-block-text-box .home-block-text.text-block-2 {
    padding: 15px 0;
    padding-bottom: 15px
}

.main-block .flex-item {
    padding-top: 10px;
    padding-bottom: 10px
}

.copy-block {
    text-align: center;
    max-width: 850px;
    padding: 25px 0;
    margin: 25px 0;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777
}

#graphicContainer {
    background: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

#graphicContainer #mainGraphic {
	vertical-align: top;
    position: relative;
    margin: 10px 0 100px 0;
    width: 300px;
	height: auto;
    text-align: center;
    -webkit-perspective: 750px;
    perspective: 750px
}

#graphicContainer #mainGraphic .graphic-panel {
    width: 300px;
    position: absolute;
    top: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

#graphicContainer #mainGraphic .graphic-panel.mg-left {
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}

#graphicContainer #mainGraphic .graphic-panel.mg-right {
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}

#graphicContainer #mainGraphic .graphic-panel.mg-active {
    z-index: 10
}

#graphicContainer #mainGraphic .graphic-panel .mg-panel-header {
    position: absolute;
    top: 0;
    left: 50%;
    width: 300px;
    background: #e54c3c;
    border-radius: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-bottom: 10px;
    color: #FFF;
    font-family: univers_bold;
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

#graphicContainer #mainGraphic .graphic-panel .mg-panel-body {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 250px;
    height: 40px;
    color: #AAA;
    font-size: 14px;
    /*font-family: univers_condensed_light;*/
    font-family: univers_light;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

#graphicContainer #mainGraphic .graphic-panel .graphic-svg {
    background: #FAFAFA;
    box-shadow: 0 17px 40px -27px #000;
    width: 300px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

#graphicContainer .step-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*width: 100%;*/
    margin: 10px -5px;
    /*padding: 20px 0;*/
}

#graphicContainer .step-row .step-dash {
    width: 50px;
    height: 12px;
    margin: 0 5px;
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    cursor: pointer
}

#graphicContainer .step-row .step-dash.step-light {
    background: #CCC
}

#graphicContainer .step-row .step-dash.step-dark {
    background: #777
}

#designContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0 60px 0
}

@media (max-width:499px) {
    #designContainer .design-graphic-box .design-graphic {
        max-width: 250px
    }
}

@media (min-width:500px) and (max-width:767px) {
    #designContainer .design-graphic-box .design-graphic {
        max-width: 200px;
        margin-right: 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    #designContainer .design-graphic-box .design-graphic {
        max-width: 300px;
        margin-right: 30px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #designContainer .design-graphic-box .design-graphic {
        max-width: 400px;
        margin-right: 30px
    }
}

@media (min-width:1200px) {
    #designContainer .design-graphic-box .design-graphic {
        max-width: 400px;
        margin-right: 30px
    }
}

@media (max-width:499px) {
    #designContainer .design-text-box {
        max-width: 250px
    }
}

@media (min-width:500px) and (max-width:767px) {
    #designContainer .design-text-box {
        max-width: 240px
    }
}

@media (min-width:768px) and (max-width:991px) {
    #designContainer .design-text-box {
        max-width: 340px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #designContainer .design-text-box {
        max-width: 440px
    }
}

@media (min-width:1200px) {
    #designContainer .design-text-box {
        max-width: 440px
    }
}

#designContainer .design-text-box .design-title {
    margin-bottom: 20px
}

@media (max-width:499px) {
    #designContainer .design-text-box .design-title {
        font-size: 24px;
        margin-top: 30px
    }
}

@media (min-width:500px) and (max-width:767px) {
    #designContainer .design-text-box .design-title {
        font-size: 30px
    }
}

@media (min-width:768px) {
    #designContainer .design-text-box .design-title {
        font-size: 36px
    }
}

@media (max-width:767px) {
    #designContainer .design-text-box .design-text {
        margin: 0 0 30px 0
    }
}

@media (min-width:768px) {
    #designContainer .design-text-box .design-text {
        margin: 0 0 70px 60px
    }
}

@media (max-width:767px) {
    #designContainer .design-text-box .design-link-box {
        margin-left: 0
    }
}

@media (min-width:768px) {
    #designContainer .design-text-box .design-link-box {
        margin-left: 60px
    }
}

.animation-stage {
    position: relative;
    overflow: hidden;
    /*background: url(../../images/home/home_banner_foorj.jpg) no-repeat bottom right fixed;*/
    background: #000;
    background-size: cover;
    height: calc(90vh - 60px)
}

.animation-stage#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../../images/home/home_banner_3k.jpg) no-repeat bottom right fixed;
    background-size: cover; 
}

@media (max-device-width:1024px) {
    .animation-stage {
        background-attachment: scroll
    }
}

.animation-stage .banner-box {
    position: absolute;
    right: 0;
    bottom: 0
}

.animation-stage .banner-box .home-banner {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index: 1
}

@media (max-width:499px) {
    .animation-stage .banner-box .home-banner {
        min-width: 550px;
        right: -6%
    }
}

@media (min-width:500px) {
    .animation-stage .banner-box .home-banner {
        min-width: 750px
    }
}

.animation-stage #content_box {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 5;
    margin-bottom: 10vh
}

.animation-stage #content_box .tagline-box {
    color: #FFF;
    font-family: logo_font_light;
    letter-spacing: .08em
}

@media (max-width:499px) {
    .animation-stage #content_box .tagline-box {
        margin: 5px;
        font-size: 30px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .animation-stage #content_box .tagline-box {
        margin: 5px;
        font-size: 48px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .animation-stage #content_box .tagline-box {
        margin: 20px;
        font-size: 48px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .animation-stage #content_box .tagline-box {
        margin: 20px;
        font-size: 48px
    }
}

@media (min-width:1200px) {
    .animation-stage #content_box .tagline-box {
        margin: 20px;
        font-size: 60px
    }
}

.animation-stage #content_box .tagline-box .tagline-tm {
    font-family: univers_thin;
    width: 0;
    display: inline-block
}

@media (max-width:499px) {
    .animation-stage #content_box .tagline-box .tagline-tm {
        font-size: 16px
    }
}

@media (min-width:500px) {
    .animation-stage #content_box .tagline-box .tagline-tm {
        font-size: 24px
    }
}

.animation-stage #content_box .link-bar .btn-home-banner {
    width: 100px
}

.animation-stage #content_box .link-bar .link-box-plus {
    font-family: univers_thin;
    color: #FFF;
    vertical-align: middle
}

@media (max-width:499px) {
    .animation-stage #content_box .link-bar .link-box-plus {
        font-size: 24px;
        margin: 0 10px
    }
}

@media (min-width:500px) {
    .animation-stage #content_box .link-bar .link-box-plus {
        font-size: 36px;
        margin: 0 20px
    }
}

.animation-stage #content_box .link-bar .link-box {
    max-width: 50%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.animation-stage #sprite_box {
    position: absolute;
    top: 3%;
    height: 60%;
    z-index: 2;
    -webkit-font-smoothing: antialiased
}

@media (max-width:499px) {
    .animation-stage #sprite_box {
        left: 0;
        width: 100%
    }
}

@media (min-width:500px) {
    .animation-stage #sprite_box {
        left: 10%;
        width: 80%
    }
}

.animation-stage #sprite_box .sprite {
    position: absolute;
    color: #FFF;
    font-family: univers_light;
    text-transform: capitalize;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

@media (max-width:499px) {
    .animation-stage #sprite_box .sprite {
        font-size: 14px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .animation-stage #sprite_box .sprite {
        font-size: 16px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .animation-stage #sprite_box .sprite {
        font-size: 18px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .animation-stage #sprite_box .sprite {
        font-size: 20px
    }
}

@media (min-width:1200px) {
    .animation-stage #sprite_box .sprite {
        font-size: 22px
    }
}

.animation-stage #sprite_box .sprite .sprite-text {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.animation-stage #sprite_box .trianglify {
    position: absolute;
    opacity: .5
}

.animation-stage #control_box {
    position: absolute;
    padding: 10px;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 3
}

.animation-stage #control_box .btn-ctrl {
    margin: 10px
}

.gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gallery .gallery-thumbnail-link {
    margin: 1px
}

@media (max-width:499px) {
    .gallery .gallery-thumbnail-link .gallery-thumbnail-img {
        width: 91px;
        height: 91px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .gallery .gallery-thumbnail-link .gallery-thumbnail-img {
        width: 118px;
        height: 118px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .gallery .gallery-thumbnail-link .gallery-thumbnail-img {
        width: 118px;
        height: 118px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .gallery .gallery-thumbnail-link .gallery-thumbnail-img {
        width: 151px;
        height: 151px
    }
}

@media (min-width:1200px) {
    .gallery .gallery-thumbnail-link .gallery-thumbnail-img {
        width: 188px;
        height: 188px
    }
}

#faqBody {
    margin: 40px 0;
    padding: 80px;
    background: #FFF;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5)
}

#faqBody .faq-header {
	font-family: univers_bold;
    margin-bottom: 20px;
	text-transform: uppercase;
    font-size: 11px;
	color: #3c3f47;
	letter-spacing: 3px;
}

#faqBody .faq-description {
	font-family: univers_regular;
    margin-bottom: 60px;
    font-size: 11px;
	color: #000;
	letter-spacing: 1.5px;
}

#faqBody .faq-section .faq-section-header {
    font-family: univers_medium;
    margin-bottom: 20px;
	text-transform: uppercase;
    font-size: 11px;
	color: #777777;
	letter-spacing: 3px;
}

#faqBody .faq-section .faq-section-header .faq-section-btn-box {
    float: right
}

#faqBody .faq-section .faq-section-header .faq-section-btn-box .faq-collapse-btn,
#faqBody .faq-section .faq-section-header .faq-section-btn-box .faq-expand-btn {
    color: #CCC;
    background: #FFF;
    cursor: pointer;
    border-radius: 1px;
    padding: 0 3px
}

#faqBody .faq-section .faq-section-header .faq-section-btn-box .faq-collapse-btn:hover,
#faqBody .faq-section .faq-section-header .faq-section-btn-box .faq-expand-btn:hover {
    color: #3dbae5;
    border-color: #3dbae5;
    background: #FFF
}

#faqBody .faq-section .faq-section-body {
	font-family: univers_regular;
    margin-bottom: 30px;
    font-size: 11px;
	color: #000;
	letter-spacing: 1.5px;
}

#faqBody .faq-section .faq-section-body .faq-qa {
    margin-bottom: 30px
}

#faqBody .faq-section .faq-section-body .faq-qa .faq-q {
    margin-bottom: 10px;
    color: #80d2ee;
    font-family: univers_regular;
    cursor: pointer
}

#faqBody .faq-section .faq-section-body .faq-qa .faq-a {
    margin-left: 10px;
    display: none
}

.testimonials-section {
    background-position: 50% 50%;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: scroll;
	height:100%;
	align-content: center;
}
.testimonials-section .testimonials-info-container {
	position: relative;
	display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
	height: 100%;
}

.testimonials-info-container input {
	display: none;
}

.testimonials-slide-container { 
	position: absolute;
	width: 35%;
}

@media (max-width:499px)  { .testimonials-slide-container {width: 80%; }}
@media (min-width:500px) and (max-width:767px)  { .testimonials-slide-container {width: 70%; }}
@media (min-width:768px) and (max-width:991px)  { .testimonials-slide-container {width: 50%; }}
@media (min-width:992px) and (max-width:1199px)  { .testimonials-slide-container {width: 50%; }}
@media (min-width:1200px) { .testimonials-slide-container {width: 35%; }}

.testimonials-info-box {
	vertical-align:center;
    background: rgba(255, 255, 255, .9);
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
   -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
	width: auto;
	
	transform: scale(0);
	/*transition: 0.7s ease;*/
}

@media (max-width:499px) {
    .testimonials-info-box {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:500px) {
    .testimonials-info-box {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.testimonials-info-group {
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {.testimonials-info-group {width: 100%}}

@media (min-width:500px) {.testimonials-info-group {width: initial;}}

.testimonials-info-icon {
    margin-bottom: 5px;
}

@media (max-width:499px) {.testimonials-info-icon { margin-right: 0;}}

@media (min-width:500px) { .testimonials-info-icon { margin-right: 0px;}}

@media (max-width:499px) {.testimonials-info-icon {width: 100%;}}

@media (min-width:500px) {.testimonials-info-icon { width: initial;}}

@media (max-width:499px) { .testimonials-info-icon {text-align: center; }}

@media (min-width:500px) {.testimonials-info-icon {text-align: initial;}}

.testimonials-icon-img {
        width: 80px;
    }
	
.testimonials-info-subgroup {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
	text-align: left;
    flex-grow: 1
}

.testimonials-body-text {
    margin-bottom: 40px;
    font-family: univers_condensed_italic;
	font-weight: 600;
    font-size: 11px;
	text-align: left;
    letter-spacing: 1.5px;
	color: #3c3f47;
}

.testimonials-client-name {
    margin-bottom: 0px;
    font-family: univers_regular;
    font-size: 15px;
	text-align: center;
    letter-spacing: 1.5px;
	color: #000;
}

.testimonials-client-title {
    margin-bottom: 10px;
    font-family: univers_medium;
    font-size: 11px;
	text-align: center;
    letter-spacing: 1.5px;
	color: #000;
	width: 275px;
}

.testimonials-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.testimonials-prev {
    left: -25%;
    width: 0;
    border-width: 25px 25px 25px 0;
    border-color: transparent #e54c3c transparent transparent;
	cursor: pointer;

}

@media (max-width:499px)   { .testimonials-prev {left: -10%; border-width: 20px 20px 20px 0;}}
@media (min-width:500px) and (max-width:767px)  { .testimonials-prev {left: -15%; border-width: 25px 25px 25px 0;}}
@media (min-width:768px) and (max-width:991px)  { .testimonials-prev {left: -25%; }}
@media (min-width:992px) and (max-width:1199px)  { .testimonials-prev {left: -25%; }}
@media (min-width:1200px) { .testimonials-prev {left: -25%; }}

.testimonials-next {
    right: -25%;
    border-width: 25px 0 25px 25px;
    border-color: transparent transparent transparent #e54c3c;
	cursor: pointer;

}

@media (max-width:499px)   { .testimonials-next {right: -10%;  border-width: 20px 0 20px 20px; }}
@media (min-width:500px) and (max-width:767px)  { .testimonials-next {right: -15%; border-width: 25px 0 25px 25px; }}
@media (min-width:768px) and (max-width:991px)  { .testimonials-next {right: -25%; }}
@media (min-width:992px) and (max-width:1199px)  { .testimonials-next {right: -25%; }}
@media (min-width:1200px) { .testimonials-next {right: -25%; }}

.testimonials-info-data {
    font-family: univers_regular;
	font-size: 11px;
	letter-spacing: 1.5px;
	color: #000000;
}

.testimonials-info-group:not(:last-child) .testimonials-info-subgroup {
    padding-bottom: 20px;
    border-bottom: 1px solid #EEE
}

.testimonials-nav {
	position: relative;
	top: 35%;
	font-size: 0;
    line-height: 0;
	align-items: center;
	.noSelect();
}

.testimonials-nav label {
	position: relative;
	display: inline-block;
	cursor: pointer;
	border-radius: 50%;
	margin: 0 10px;
	padding: 2.5px;
	background: #81d1ed;
	vertical-align: middle;
}

@media (max-width:499px)   { .testimonials-nav {top: 40%; }}
@media (min-width:500px) and (max-width:767px)  { .testimonials-nav {top: 35%; }}
@media (min-width:768px) and (max-width:991px)  { .testimonials-nav {top: 35%; }}
@media (min-width:992px) and (max-width:1199px)  { .testimonials-nav {top: 35%; }}
@media (min-width:1200px) { .testimonials-nav {top: 35%; }}

input:checked + .testimonials-slide-container .testimonials-info-box {
    opacity: 1;
    transform: scale(1);
}

input#testimonials-slide-1:checked ~ .testimonials-nav label#slide-dot-1,
input#testimonials-slide-2:checked ~ .testimonials-nav label#slide-dot-2,
input#testimonials-slide-3:checked ~ .testimonials-nav label#slide-dot-3,
input#testimonials-slide-4:checked ~ .testimonials-nav label#slide-dot-4,
input#testimonials-slide-5:checked ~ .testimonials-nav label#slide-dot-5,
input#testimonials-slide-6:checked ~ .testimonials-nav label#slide-dot-6,
input#testimonials-slide-7:checked ~ .testimonials-nav label#slide-dot-7,
input#testimonials-slide-8:checked ~ .testimonials-nav label#slide-dot-8 {
	padding: 7px;
}
	
.noSelect() {        
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contact-section .contact-info-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.contact-section.contact-info {
    background-position: 50% 50%;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: scroll;
	height:100%;
  /*  background-image: initial;
    background-color: #FFF;
    background-size: cover;
    background-image: url(../../images/contact/map.jpg)*/
}

.contact-section.contact-info .contact-info-box {
	vertical-align:center;
    background: rgba(255, 255, 255, .9);
    margin: 200px 10px;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
   -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .contact-section.contact-info .contact-info-box {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:500px) {
    .contact-section.contact-info .contact-info-box {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.contact-section.contact-info .contact-info-box .contact-info-group {
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .contact-section.contact-info .contact-info-box .contact-info-group {
        width: 100%
    }
}

@media (min-width:500px) {
    .contact-section.contact-info .contact-info-box .contact-info-group {
        width: initial
    }
}

.contact-section.contact-info .contact-info-box .contact-info-group .contact-info-icon {

    margin-bottom: 10px;
}

@media (max-width:499px) {
    .contact-section.contact-info .contact-info-box .contact-info-group .contact-info-icon {
        margin-right: 0
    }
}

@media (min-width:500px) {
    .contact-section.contact-info .contact-info-box .contact-info-group .contact-info-icon {
        margin-right: 20px
    }
}

@media (max-width:499px) {
    .contact-section.contact-info .contact-info-box .contact-info-group .contact-info-icon {
        width: 100%
    }
}

@media (min-width:500px) {
    .contact-section.contact-info .contact-info-box .contact-info-group .contact-info-icon {
        width: initial
    }
}

@media (max-width:499px) {
    .contact-section.contact-info .contact-info-box .contact-info-group .contact-info-icon {
        text-align: center
    }
}

@media (min-width:500px) {
    .contact-section.contact-info .contact-info-box .contact-info-group .contact-info-icon {
        text-align: initial
    }
}

.contact-section.contact-info .contact-info-box .contact-info-group .contact-info-icon .contact-info-svg {
        width: 45px;
    }
	
.contact-section.contact-info .contact-info-box .contact-info-group .contact-info-subgroup {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
	text-align: left;
    flex-grow: 1
}

.contact-section.contact-info .contact-info-box .contact-info-group .contact-info-subgroup .contact-info-method {
    margin-bottom: 10px;
    font-family: univers_medium;
    font-size: 11px;
    text-transform: uppercase;
	text-align: left;
    letter-spacing: 3px;
}

.contact-section.contact-info .contact-info-box .contact-info-group .contact-info-subgroup .contact-info-data {
    font-family: univers_regular;
	font-size: 11px;
	letter-spacing: 1.5px;
	color: #000000;
}

.contact-section.contact-info .contact-info-box .contact-info-group:not(:last-child) .contact-info-subgroup {
    padding-bottom: 20px;
    border-bottom: 1px solid #EEE
}

.contact-section.contact-about {
    background: #FFF;
    padding: 40px 0
}

.contact-section.contact-about .contact-about-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .contact-section.contact-about .contact-about-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:500px) and (max-width:767px) {
    .contact-section.contact-about .contact-about-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:768px) and (max-width:991px) {
    .contact-section.contact-about .contact-about-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .contact-section.contact-about .contact-about-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:1200px) {
    .contact-section.contact-about .contact-about-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (max-width:499px) {
    .contact-section.contact-about .contact-about-container .contact-about-graphic {
        margin: 20px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .contact-section.contact-about .contact-about-container .contact-about-graphic {
        margin: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .contact-section.contact-about .contact-about-container .contact-about-graphic {
        margin: 30px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .contact-section.contact-about .contact-about-container .contact-about-graphic {
        margin: 30px
    }
}

@media (min-width:1200px) {
    .contact-section.contact-about .contact-about-container .contact-about-graphic {
        margin: 40px
    }
}

.contact-section.contact-about .contact-about-container .contact-about-body {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.contact-section.contact-about .contact-about-container .contact-about-body .contact-about-title {
    margin: 40px
}

@media (max-width:499px) {
    .contact-section.contact-about .contact-about-container .contact-about-body .contact-about-title {
        font-size: 24px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .contact-section.contact-about .contact-about-container .contact-about-body .contact-about-title {
        font-size: 24px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .contact-section.contact-about .contact-about-container .contact-about-body .contact-about-title {
        font-size: 26px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .contact-section.contact-about .contact-about-container .contact-about-body .contact-about-title {
        font-size: 28px
    }
}

@media (min-width:1200px) {
    .contact-section.contact-about .contact-about-container .contact-about-body .contact-about-title {
        font-size: 32px
    }
}

.contact-section.contact-about .contact-about-container .contact-about-body .contact-about-text {
    margin: 40px 40px 40px 80px
}

.contact-section.contact-form .contact-form-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
	background: #FFF;
	padding: 40px 0;
	max-width: 600px
}

    margin: 0px 0;
.contact-section.contact-form .contact-form-container .contact-form-box {
    padding: 40px;
    background: #FFF;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 900px
}

.contact-section.contact-form .contact-form-container .contact-form-box .contact-form-title {
    font-family: univers_light;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: .15em;
    padding: 5px 0;
    margin-bottom: 20px;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE
}

.contact-section.contact-form .contact-form-container .contact-form-box .contact-form-body .contact-form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.contact-section.contact-form .contact-form-container .contact-form-box .contact-form-body .contact-form-group .contact-form-label {
    min-width: 100px;
    text-align: right;
    margin: 10px;
    font-family: univers_condensed_regular
}

@media (max-width:499px) {
    .contact-section.contact-form .contact-form-container .contact-form-box .contact-form-body .contact-form-group .contact-form-label {
        text-align: left
    }
}

@media (min-width:500px) and (max-width:767px) {
    .contact-section.contact-form .contact-form-container .contact-form-box .contact-form-body .contact-form-group .contact-form-label {
        text-align: left
    }
}

@media (min-width:768px) and (max-width:991px) {
    .contact-section.contact-form .contact-form-container .contact-form-box .contact-form-body .contact-form-group .contact-form-label {
        text-align: right
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .contact-section.contact-form .contact-form-container .contact-form-box .contact-form-body .contact-form-group .contact-form-label {
        text-align: right
    }
}

@media (min-width:1200px) {
    .contact-section.contact-form .contact-form-container .contact-form-box .contact-form-body .contact-form-group .contact-form-label {
        text-align: right
    }
}

@media (max-width:499px) {
    .contact-section.contact-form .contact-form-container .contact-form-box .contact-form-body .contact-form-group .contact-form-label {
        width: 100%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .contact-section.contact-form .contact-form-container .contact-form-box .contact-form-body .contact-form-group .contact-form-label {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .contact-section.contact-form .contact-form-container .contact-form-box .contact-form-body .contact-form-group .contact-form-label {
        width: initial
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .contact-section.contact-form .contact-form-container .contact-form-box .contact-form-body .contact-form-group .contact-form-label {
        width: initial
    }
}

@media (min-width:1200px) {
    .contact-section.contact-form .contact-form-container .contact-form-box .contact-form-body .contact-form-group .contact-form-label {
        width: initial
    }
}

.contact-section.contact-form .contact-form-container .contact-form-box .contact-form-body .contact-form-group .contact-form-input,
.contact-section.contact-form .contact-form-container .contact-form-box .contact-form-body .contact-form-group .contact-subject {
    margin: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: none;
    border-bottom: 1px solid #EEE;
    border-radius: 0;
    background: #FFF;
    font-family: univers_light
}

.contact-section.contact-form .contact-form-container .contact-form-box .contact-form-body .contact-form-group .contact-message {
    height: 150px;
    resize: none;
    border: 1px solid #EEE
}

.contact-section.contact-form .contact-form-container .contact-form-box .contact-form-body .contact-form-btn-bar {
    text-align: right;
    padding: 10px 10px 0 0
}


/* The only rule that matters */
#video-background {
/*  making the video fullscreen  */
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}

.home-section {
    position: relative;
    background: #FFF;
    background-size: cover;
    overflow: hidden;
}

.home-section.gray-bg {
    position: relative;
    background: #eeeeee;
    background-size: cover;
    padding: 0 0 15px 0
}

.services-banner .banner-title-box {
	display: flex;
	flex-direction: column;
	background: rgba(255, 255, 255, 0.9);
	width: 40%;
	height: 60%;
	margin: 0 auto; 
	top: 80%;
	transform: perspective(1px) translateY(30%);
	text-align: center;
	padding: 5px;
	align-items: space-between;
	border-radius: 5px;
	justify-content: center;
}

.services-banner .home-section-title {
    font-size: 28px;
    text-align: center;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #3c3f47;
}

.services-banner .home-section-title span {
	color: #e54c3c;
}

.services-banner .home-section-title > h1 {
    font-size: 36px;
    text-align: center;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #3c3f47;
}

.services-banner .home-section-subtitle {
    font-size: 16px;
    text-align: center;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
}


@media (max-width:499px) {
    .services-banner .banner-title-box {
		width: 60%;
		transform: translate(0%, 30%)!important;
	}
	.services-banner .home-section-title > h1 {
		font-size: 28px;
	 }
	 
	 .services-banner .home-section-subtitle {
		padding-top: 1px;
		margin-bottom: 20px;
		font-size: 12px;
	}
}

@media (min-width:500px) and (max-width:639px) {
   .services-banner .banner-title-box {
		width: 40%;
		transform: translate(0%, 30%)!important;
	}
	
	.services-banner .home-section-title > h1 {
		font-size: 28px;
	 }
	 
	 .services-banner .home-section-subtitle {
		padding-top: 1px;
		margin-bottom: 10px;
		font-size: 14px;
	}
}

@media (min-width:640px) and (max-width:991px) {
    .services-banner .banner-title-box {
		width: 40%;
		transform: translate(0%, 30%)!important;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.services-banner .banner-title-box {
		width: 40%;
	}
}

@media (min-width:1200px) {
	.services-banner .banner-title-box {
		width: 40%;
	}
}
	
.home-section .home-section-title {
    font-size: 28px;
    text-align: center;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #3c3f47;
}

.home-section .home-section-title > h1 {
    font-size: 28px;
    text-align: center;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #3c3f47;
}

.home-section .home-section-subtitle {
    padding-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
}

.home-section .home-section-body {
	background: #FFFFFF;
	font-family: univers_regular;
	font-size: 11px;
	letter-spacing: 1.5px;
	color: #000000;
    text-align: justify;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 350px;
	margin-right: 350px;
}

@media (max-width:499px) {
    .home-section .home-section-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        text-align: justify;
        padding: 30px 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 50px;
		margin-right: 50px;
    }
}

@media (min-width:500px) and (max-width:767px) {
    .home-section .home-section-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        text-align: justify;
        padding: 30px 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 80px;
		margin-right: 80px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .home-section .home-section-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        text-align: justify;
		padding: 30px 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 200px;
		margin-right: 200px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .home-section .home-section-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
		padding-top: 30px;
		margin-top: 00px;
		margin-bottom: 00px;
		margin-left: 250px;
		margin-right: 250px;
    }
}

@media (min-width:1200px) {
    .home-section .home-section-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
     	padding-top: 30px;
		margin-top: 00px;
		margin-bottom: 00px;
		margin-left:300px;
		margin-right: 300px;
    }
}

.quoter-block {
	background-image: url(/images/quoter/meshbg-quoter.jpg);
}

.trophy-block {
	background-image: url(/images/services/landing_custom-trophies/custom-trophy-services.jpg);
}

.services-block {
	background: #ffffff;
}

.services-banner {
	display: block;
	width: 100%;
	height: 45vh; 
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	text-align: center;
}
  
    
.services-banner.tall {
    height: 80vh; 
} 

@media (max-width:499px) {
	.services-banner.tall {
		height: 50vh; 
	} 
	
	.services-banner {
		height: 25vh; 
	}
	
}

@media (min-width:500px) and (max-width:767px) {
	.services-banner.tall {
		height: 50vh; 
	} 
	
	.services-banner {
		height: 40vh; 
	}
}

@media (min-width:768px) and (max-width:991px) {
	.services-banner.tall {
		height: 50vh; 
	} 
	
	.services-banner {
		height: 40vh; 
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.services-banner.tall {
		height: 60vh; 
	} 
	
	.services-banner {
		height: 40vh; 
	}
	
}

@media (min-width:1200px) {
	.services-banner.tall {
		height: 80vh; 
	} 
	
	.services-banner {
		height: 50vh; 
	}
}
  
 .services-banner.short {
    height: 30vh; 
} 

.services-banner.vshort {
	height: 150px; 
}

@media (max-width:640px) {
    .services-banner.short {
        height: 20vh; 
    }
}


.services-body {
    background: #ffffff;
	display: block;
	max-width: 960px;
	margin: 0 auto;
	padding: 00px 0px 50px 0px;
}

.services-heading {
	padding-left: 50px;
	padding-right: 50px;
}

.services-heading > h1 {
	font-size: 28px;
	font-family: univers_condensed_regular;
	letter-spacing: 1.5px;
	color: #3c3f47;
	margin: 1.5em 0 0.5em;
}

.services-heading > h2 {
	font-size: 16px;
	font-family: univers_condensed_regular;
	letter-spacing: 1.5px;
	color: #3c3f47;
	margin: 1.5em 0 0.5em;
}

.services-heading > p {
	font-size: 16px;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #3c3f47;
    padding-top: 20px;
    margin-bottom: 10px;

}

.services-heading.centered > h1 {
	text-align: center;
}

.services-heading.centered > p {
    text-align: center;
}

.services-cta-btn-box {
	display: block;

	text-align: center;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

.btn-cta {
	display: inline-block;
	color: #e54c3c !important;
    font-family: univers_medium;
    text-transform: uppercase;
	font-size: 14px; /*11px font == 0.7em*/
    letter-spacing: 1px; /*2px letter spacing == 0.5em/4 (because 8px == 0.5em) == 0.125em*/
	background: #FFF;
	padding: 20px 30px;
	border: 0.14em solid #e54c3c !important;
	border-radius: 3px;
	width: auto;
	height: auto;
}

.btn-cta:hover {
	background: #e54c3c;
	color: #ffffff!important;
}

.services-hdiv {
	height: 2px;
    width: 100%;
    background: #78d6b2;
	margin-top: 30px;
	margin-bottom: 30px;
}

.services-hdiv.short-left {
    width: 10%;
}

.services-hdiv.medium-left {
    width: 40%;
}

.services-hdiv.short-center {
	width: 10%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.services-hdiv.medium-center {
	width: 40%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.services-section-flex {
    background: #ffffff;
	display: flex;
	flex-direction: row;
	max-width: 960px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	justify-content: space-between;
}

.services-section-flex-col {
    background: #ffffff;
    display: flex;
    flex-direction: column;
    max-width: 960px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    justify-content: space-between;
}

.services-section-flex-block {
	display: flex;
	flex-direction: column;
	width: 25%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}

.services-section-flex-block > h1 {
	color: #666666;
	font-family: univers_bold;
	text-transform: uppercase;
	font-size: 14px;
		letter-spacing: 3px;
}

.services-section-flex-block > p{
	color: #666666;
	font-family: univers_light;
	text-transform: none;
	font-size: 14px;
}

.service-page-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.service-page-icon.large {
	width: 220px;
	height: 220px;
}

@media (max-width:640px) {
   .services-section-flex {
		flex-direction: column;
   }
   
   .services-section-flex-block {
		width: 80%;
		margin-top: 25px;
		margin-bottom: 25px;
	}
}

.services-pipeline-section {
    background: #ffffff;
	width: 100%;
	display: inline-block;
	justify-content: center;
	align-items: center;
	height: 800px;
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	padding-bottom: 100px;
}

.services-backstory-section {
    background-image: url(/images/about/services-1.jpg);
	display: inline-block;
	width: 100%;
	height: 600px;
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}
  
.services-banner-text{
	position: relative;
	margin-right: 0;
    font-size: 24px;
    text-align: left;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #777777;
	top: 30%;
	width: 50%;
	padding-bottom: 40px;
	left: 15%;
	border-bottom: 1px solid #777777;

}

.services-banner-text > h1 {
    font-size: 24px;
    text-align: left;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #777777;
}

.services-section {
	background: #ffffff;
	height: 100%;
	position: relative;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
  }

.services-section-text-right{
	position: relative;
	padding-right: 10px;
    font-size: 24px;
    text-align: left;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #000000;
	top: 15%;
	left: 60%;
	width: 40%;
	display: flex;
	flex-direction: column;
}

.services-section-text-right > h1 {
    font-size: 15px;
    text-align: left;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
	width: auto;
	padding-top: 20px;
	border-top: 1px solid #000000;
	display: inline-block;
}

.services-section-text-right > p {
    font-size: 11px;
    text-align: left;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
}

.services-pipeline-image{
	position: relative;
	display: flex;
	flex-direction: column;
	height: 225px;
	width: 300px;
	left: 0%; 
	margin: 0 auto;
	margin-bottom: 50px;
}

.services-section-text-pipeline{
	position: relative;
	padding-left: 50px;
    font-size: 24px;
    text-align: left;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #000000;
	left: 0%;
	margin: 0 auto;
	width: 60%;
	border-left: 1px solid #000000;
	display: flex;
	flex-direction: column;
}

.services-section-text-pipeline > h1 {
    font-size: 24px;
    text-align: left;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #777777;
	width: 100%;
	display: inline-block;
	margin-top: 0;
}

.services-section-text-pipeline > h2 {
    font-size: 15px;
    text-align: left;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
	width: 100%;
	padding-top: 20px;
	display: inline-block;
}

.services-section-text-pipeline > p {
    font-size: 11px;
    text-align: left;
    font-family: univers_light;
	width: 100%;
	letter-spacing: 1px;
	color: #000000;
}

.services-section-text-center{
	position: relative;
	margin: 0 auto;
	padding-top: 60px;
    font-size: 24px;
    text-align: left;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #000000;
	align-self: center;
	width: 80%;
}

.services-section-text-center > h1 {
    font-size: 15px;
    text-align: left;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
	width: 30%;
	padding-top: 20px;
	border-top: 1px solid #000000;
	display: inline-block;
}

.services-section-text-center > p {
    font-size: 11px;
    text-align: left;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
}

.services-section-text-left{
	position: relative;
	margin-right: 0;
    font-size: 24px;
    text-align: left;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #000000;
	top: 20%;
	left: 10%;
	width: 60%;
}

.services-section-text-left > h1 {
    font-size: 15px;
    text-align: left;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
	width: 100%;
	padding-top: 20px;
	border-top: 1px solid #000000;
	display: inline-block;
}

.services-section-text-left > p {
    font-size: 11px;
    text-align: left;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
}


.about-banner {
    background-image: url(/images/about/about-1.jpg);
	display: inline-block;
	width: 100%;
	height: 100vh; /*300px;*/
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}
  
.about-body-section {
    background-image: url(/images/about/about-1.jpg);
	display: inline-block;
	width: 100%;
	height: 650px;
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}

.about-pipeline-section {
    background: #ffffff;
	width: 100%;
	display: inline-block;
	justify-content: center;
	align-items: center;
	height: 800px;
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	padding-bottom: 100px;
}

.about-backstory-section {
    background-image: url(/images/about/about-1.jpg);
	display: inline-block;
	width: 100%;
	height: 600px;
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}
  
.about-banner-text{
	position: relative;
	margin-right: 0;
    font-size: 24px;
    text-align: left;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #777777;
	top: 30%;
	width: 50%;
	padding-bottom: 40px;
	left: 15%;
	border-bottom: 1px solid #777777;

}

.about-banner-text > h1 {
    font-size: 24px;
    text-align: left;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #777777;
}

.about-section {
	background: #ffffff;
	height: 100%;
	position: relative;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
  }

.about-section-text-right{
	position: relative;
	padding-right: 10px;
    font-size: 24px;
    text-align: left;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #000000;
	top: 15%;
	left: 60%;
	width: 40%;
	display: flex;
	flex-direction: column;
}

.about-section-text-right > h1 {
    font-size: 15px;
    text-align: left;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
	width: auto;
	padding-top: 20px;
	border-top: 1px solid #000000;
	display: inline-block;
}

.about-section-text-right > p {
    font-size: 11px;
    text-align: left;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
}

.about-pipeline-image{
	position: relative;
	display: flex;
	flex-direction: column;
	height: 225px;
	width: 300px;
	left: 0%; 
	margin: 0 auto;
	margin-bottom: 50px;
}

.about-section-text-pipeline{
	position: relative;
	padding-left: 50px;
    font-size: 24px;
    text-align: left;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #000000;
	left: 0%;
	margin: 0 auto;
	width: 60%;
	border-left: 1px solid #000000;
	display: flex;
	flex-direction: column;
}

.about-section-text-pipeline > h1 {
    font-size: 24px;
    text-align: left;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #777777;
	width: 100%;
	display: inline-block;
	margin-top: 0;
}

.about-section-text-pipeline > h2 {
    font-size: 15px;
    text-align: left;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
	width: 100%;
	padding-top: 20px;
	display: inline-block;
}

.about-section-text-pipeline > p {
    font-size: 11px;
    text-align: left;
    font-family: univers_light;
	width: 100%;
	letter-spacing: 1px;
	color: #000000;
}

.about-section-text-center{
	position: relative;
	margin: 0 auto;
	padding-top: 60px;
    font-size: 24px;
    text-align: left;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #000000;
	align-self: center;
	width: 80%;
}

.about-section-text-center > h1 {
    font-size: 15px;
    text-align: left;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
	width: 30%;
	padding-top: 20px;
	border-top: 1px solid #000000;
	display: inline-block;
}

.about-section-text-center > p {
    font-size: 11px;
    text-align: left;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
}

.about-section-text-left{
	position: relative;
	margin-right: 0;
    font-size: 24px;
    text-align: left;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #000000;
	top: 20%;
	left: 10%;
	width: 60%;
}

.about-section-text-left > h1 {
    font-size: 15px;
    text-align: left;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
	width: 100%;
	padding-top: 20px;
	border-top: 1px solid #000000;
	display: inline-block;
}

.about-section-text-left > p {
    font-size: 11px;
    text-align: left;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
}


  
@media (min-width:500px) and (max-width:767px) {
	  .about-banner{ height: 100vh; }
	  .about-banner-text{ width: 45%;}
	  .about-body-section{ height: 500px; }
	  .about-backstory-section{ height: 500px; }
	  .about-pipeline-section{ height: 800px;}
	  .about-section-text-right{ width: 40%; top: 20%;}
	  .about-section-text-left{ width: 40%; top: 20%;}
	  .about-section-text-pipeline{ left: 0%; margin: 0 auto; width: 40%;}
	  .about-pipeline-image{ left: 0%; margin: 0 auto; height: 262.5px; width: 350px; margin-bottom: 50px;}
	  .about-section-text-center{ width: 70%; }
  }
  
@media (min-width:768px) and (max-width:991px) {
	  .about-banner{ height: 100vh; }
	  .about-banner-text{ width: 40%;}
	  .about-body-section{ height: 500px; }
	  .about-backstory-section{ height: 500px;}
	  .about-pipeline-section{ height: 600px; display: flex; }
	  .about-section-text-right{ width: 25%; top: 20%; margin-left: 50px;}
	  .about-section-text-left{ width: 40%; top: 20%;}
	  .about-section-text-pipeline{ left: 0%; width: 25%; display: flex; flex-direction: column;}
	  .about-pipeline-image{ left: 10%; height: 262.5px; width: 350px; display: flex; flex-direction: column; margin-bottom: 0px;}
	  .about-section-text-center{ width: 60%; }
  }
  
@media (min-width:992px) and (max-width:1199px) {
	  .about-banner{ height: 100vh; }
	  .about-banner-text{ width: 30%; left: 5%;}
	  .about-body-section{ height: 500px; }
	  .about-backstory-section{ height: 400px; }
	  .about-pipeline-section{ height: 600px; display: flex; }
	  .about-section-text-right{ width: 25%; top: 30%; margin-left: 50px;}
	  .about-section-text-left{ width: 30%; top: 30%;}
	  .about-section-text-pipeline{ left: 00%; width: 25%; display: flex; flex-direction: column;}
	  .about-pipeline-image{ left: 10%; height: 300px; width: 400px; display: flex; flex-direction: column; margin-bottom: 0px;}
	  .about-section-text-center{ width: 60%; }
  }
  
@media (min-width:1200px) and (max-width:1491px) {
	  .about-banner{ height: 100vh; }
	  .about-banner-text{ width: 25%; left: 10%;}
	  .about-body-section{ height: 700px; }
	  .about-backstory-section{ height: 400px; }
	  .about-pipeline-section{ height: 600px; display: flex; }
	  .about-section-text-right{ width: 25%; top: 30%; margin-left: 50px;}
	  .about-section-text-left{ width: 30%; top: 30%;}
	  .about-section-text-pipeline{ left:0%; width: 25%;}
	  .about-pipeline-image{ left: 10%; height: 375px; width: 500px; margin-bottom: 0px;}
	  .about-section-text-center{ width: 50%; }
  }
  
@media (min-width:1492px) {
	  .about-banner{ height: 100vh; }
	  .about-banner-text{ width: 25%; left: 10%;}
	  .about-body-section{ height: 850px; }
	  .about-backstory-section{ height: 400px; }
	  .about-pipeline-section{ height: 600px; display: flex;}
	  .about-section-text-right{ width: 25%; top: 30%; margin-left: 50px;}
	  .about-section-text-left{ width: 30%; top: 30%;}
	  .about-section-text-pipeline{ left:0%; width: 25%; display: flex; flex-direction: column;}
	  .about-pipeline-image{ left: 10%; height: 450px; width: 600px; display: flex; flex-direction: column; margin-bottom: 0px;}
	  .about-section-text-center{ width: 45%; }
  }
  
.about-body {
		font-family: univers_regular;
		font-size: 11px;
		letter-spacing: 1.5px;
		color: #000000;
}

.about-section .about-section-title {
    margin-bottom: 40px;
    font-size: 32px;
    font-family: univers_light
}

@media (max-width:499px) {
    .about-section .about-section-title {
        padding: 0 20px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .about-section .about-section-title {
        padding: 0 20px
    }
}

.about-section .about-section-subtitle {
    margin-bottom: 15px;
    font-size: 20px;
    font-family: univers_light
}

.about-section.about-history {
    background: #FFF
}

.about-section.about-history .about-section-title {
    text-align: center
}

.about-section.about-history .about-section-body {
    text-align: justify
}

@media (max-width:499px) {
    .about-section.about-history .about-section-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        text-align: justify;
        padding: 0 20px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .about-section.about-history .about-section-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        text-align: justify;
        padding: 0 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about-section.about-history .about-section-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        text-align: justify
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .about-section.about-history .about-section-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        height: 400px
    }
}

@media (min-width:1200px) {
    .about-section.about-history .about-section-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        height: 400px
    }
}

.about-section.about-history .about-section-body .about-history-graphic {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .about-section.about-history .about-section-body .about-history-graphic {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin: 20px 0
    }
}

@media (min-width:500px) and (max-width:767px) {
    .about-section.about-history .about-section-body .about-history-graphic {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin: 20px 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about-section.about-history .about-section-body .about-history-graphic {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin: 20px 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .about-section.about-history .about-section-body .about-history-graphic {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-flex-basis: 400px;
        -ms-flex-preferred-size: 400px;
        flex-basis: 400px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:1200px) {
    .about-section.about-history .about-section-body .about-history-graphic {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-flex-basis: 400px;
        -ms-flex-preferred-size: 400px;
        flex-basis: 400px;
        margin-left: auto;
        margin-right: auto
    }
}

.about-section.about-history .about-section-body .about-history-graphic .about-history-img {
    width: 500px
}

@media (max-width:499px) {
    .about-section.about-history .about-section-body .about-history-graphic .about-history-img {
        width: 250px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .about-section.about-history .about-section-body .about-history-graphic .about-history-img {
        width: 325px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about-section.about-history .about-section-body .about-history-graphic .about-history-img {
        width: 350px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .about-section.about-history .about-section-body .about-history-graphic .about-history-img {
        width: 350px
    }
}

@media (min-width:1200px) {
    .about-section.about-history .about-section-body .about-history-graphic .about-history-img {
        width: 450px
    }
}

@media (max-width:499px) {
    .about-section.about-history .about-section-body .about-history-text-upper {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        max-width: 100%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .about-section.about-history .about-section-body .about-history-text-upper {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        max-width: 100%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about-section.about-history .about-section-body .about-history-text-upper {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        max-width: 100%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .about-section.about-history .about-section-body .about-history-text-upper {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        max-width: 500px;
        margin-left: auto;
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .about-section.about-history .about-section-body .about-history-text-upper {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        max-width: 600px;
        margin-left: auto;
        margin-bottom: 20px
    }
}

@media (max-width:499px) {
    .about-section.about-history .about-section-body .about-history-text-lower {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        max-width: 100%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .about-section.about-history .about-section-body .about-history-text-lower {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        max-width: 100%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about-section.about-history .about-section-body .about-history-text-lower {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        max-width: 100%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .about-section.about-history .about-section-body .about-history-text-lower {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        max-width: 500px;
        margin-left: auto
    }
}

@media (min-width:1200px) {
    .about-section.about-history .about-section-body .about-history-text-lower {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        max-width: 600px;
        margin-left: auto
    }
}

.about-section.about-full-bg {
    background: url(../../images/banners/highres/bg-full-about.jpg) no-repeat center center scroll;
    background-size: cover;
    color: #FFF
}

.about-section.about-mission {
    background: url(../../images/banners/highres/texture.jpg) no-repeat center center scroll;
    background-size: cover;
    color: #FFF
}

.about-section.about-mission .about-section-body {
    text-align: justify
}

@media (max-width:499px) {
    .about-section.about-mission .about-section-body {
        padding: 0 20px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .about-section.about-mission .about-section-body {
        padding: 0 20px
    }
}

.about-section.about-team {
    background: #FFF;
}

.about-section.about-team .about-team-photo-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .about-section.about-team .about-team-photo-box {
        max-width: 400px;
        margin: 0 auto
    }
}

@media (min-width:500px) and (max-width:767px) {
    .about-section.about-team .about-team-photo-box {
        max-width: 400px;
        margin: 0 auto
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about-section.about-team .about-team-photo-box {
        max-width: 100%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .about-section.about-team .about-team-photo-box {
        max-width: 100%
    }
}

@media (min-width:1200px) {
    .about-section.about-team .about-team-photo-box {
        max-width: 100%
    }
}

.about-section.about-team .about-team-photo-box .about-photo-group {
    position: relative;
    margin: 5px;
    overflow: hidden
}

@media (max-width:499px) {
    .about-section.about-team .about-team-photo-box .about-photo-group {
        width: 65px;
        height: 65px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .about-section.about-team .about-team-photo-box .about-photo-group {
        width: 75px;
        height: 75px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about-section.about-team .about-team-photo-box .about-photo-group {
        width: 95px;
        height: 95px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .about-section.about-team .about-team-photo-box .about-photo-group {
        width: 95px;
        height: 95px
    }
}

@media (min-width:1200px) {
    .about-section.about-team .about-team-photo-box .about-photo-group {
        width: 135px;
        height: 135px
    }
}

.about-section.about-team .about-team-photo-box .about-photo-group:hover .about-photo-overlay {
    opacity: 0.6;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.about-section.about-team .about-team-photo-box .about-photo-group:hover .about-photo-img {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06)
}

.about-section.about-team .about-team-photo-box .about-photo-group .about-photo-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width:499px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-bg {
        width: 55px;
        height: 55px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-bg {
        width: 65px;
        height: 65px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-bg {
        width: 85px;
        height: 85px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-bg {
        width: 85px;
        height: 85px
    }
}

@media (min-width:1200px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-bg {
        width: 125px;
        height: 125px
    }
}

.about-section.about-team .about-team-photo-box .about-photo-group .about-photo-bg .about-photo-img {
    -webkit-transition: -webkit-transform 1.5s ease-out;
    transition: transform 1.5s ease-out
}

@media (max-width:499px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-bg .about-photo-img {
        width: 55px;
        height: 55px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-bg .about-photo-img {
        width: 65px;
        height: 65px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-bg .about-photo-img {
        width: 85px;
        height: 85px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-bg .about-photo-img {
        width: 85px;
        height: 85px
    }
}

@media (min-width:1200px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-bg .about-photo-img {
        width: 125px;
        height: 125px
    }
}

.about-section.about-team .about-team-photo-box .about-photo-group .about-photo-overlay {
    position: relative;
    opacity: 0;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: opacity .25s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: opacity .25s ease-in-out, transform .15s ease-in-out;
    background: rgba(120, 150, 175, .75);
    color: #FFF;
    font-family: univers_condensed_light;
    z-index: 2
}

@media (max-width:499px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-overlay {
        width: 150px;
        height: 150px;
        padding: 20px;
        font-size: 18px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-overlay {
        width: 180px;
        height: 180px;
        padding: 20px;
        font-size: 18px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-overlay {
        width: 160px;
        height: 160px;
        padding: 20px;
        font-size: 18px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-overlay {
        width: 180px;
        height: 180px;
        padding: 20px;
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-overlay {
        width: 180px;
        height: 180px;
        padding: 20px;
        font-size: 18px
    }
}

.about-section.about-team .about-team-photo-box .about-photo-group .about-photo-overlay .about-photo-title {
    font-family: univers_light_i;
     color: #000;
}

@media (max-width:499px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-overlay .about-photo-title {
        font-size: 18px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-overlay .about-photo-title {
        font-size: 18px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-overlay .about-photo-title {
        font-size: 18px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-overlay .about-photo-title {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .about-section.about-team .about-team-photo-box .about-photo-group .about-photo-overlay .about-photo-title {
        font-size: 18px
    }
}

.design-page-content,
.printing-page-content {
    width: 100%;
    z-index: 5
}

.design-page-content .content-block,
.printing-page-content .content-block {
    padding: 30px;
    padding: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .design-page-content .content-block,
    .printing-page-content .content-block {
        min-height: calc(.5 * (100vh - 160px))
    }
}

@media (min-width:500px) and (max-width:767px) {
    .design-page-content .content-block,
    .printing-page-content .content-block {
        min-height: calc(.5 * (100vh - 160px))
    }
}

@media (min-width:768px) and (max-width:991px) {
    .design-page-content .content-block,
    .printing-page-content .content-block {
        min-height: calc(.5 * (100vh - 160px))
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .design-page-content .content-block,
    .printing-page-content .content-block {
        min-height: calc(.5 * (100vh - 160px))
    }
}

@media (min-width:1200px) {
    .design-page-content .content-block,
    .printing-page-content .content-block {
        min-height: calc(.5 * (100vh - 260px))
    }
}

.design-page-content .content-block.light-bg,
.printing-page-content .content-block.light-bg {
    background: #FFF;
    color: #777;
	max-height: 100px
}

.design-page-content .content-block.light-bg .block-header .block-header-text,
.printing-page-content .content-block.light-bg .block-header .block-header-text {
    border-bottom: 1px solid #777
}

.design-page-content .content-block.blue-bg,
.printing-page-content .content-block.blue-bg {
    position: relative;
    background: url(../../images/banners/highres/texture.jpg) no-repeat center center scroll;
    background-size: cover;
    color: #FFF
}

.design-page-content .content-block.blue-bg .block-header .block-header-text,
.printing-page-content .content-block.blue-bg .block-header .block-header-text {
    border-bottom: 1px solid #FFF
}

@media (max-width:499px) {
    .design-page-content .content-block .content-block-container.block-1,
    .printing-page-content .content-block .content-block-container.block-1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:500px) and (max-width:767px) {
    .design-page-content .content-block .content-block-container.block-1,
    .printing-page-content .content-block .content-block-container.block-1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:768px) and (max-width:991px) {
    .design-page-content .content-block .content-block-container.block-1,
    .printing-page-content .content-block .content-block-container.block-1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .design-page-content .content-block .content-block-container.block-1,
    .printing-page-content .content-block .content-block-container.block-1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:1200px) {
    .design-page-content .content-block .content-block-container.block-1,
    .printing-page-content .content-block .content-block-container.block-1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

.design-page-content .content-block .content-block-container.block-2,
.printing-page-content .content-block .content-block-container.block-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.design-page-content .content-block .block-header,
.printing-page-content .content-block .block-header {
    width: 100%
}

.design-page-content .content-block .block-header .block-header-text,
.printing-page-content .content-block .block-header .block-header-text {
    padding-bottom: 5px;
    min-width: 200px;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: .15em;
    font-family: univers_light
}

.design-page-content .content-block .viewer-img-box,
.printing-page-content .content-block .viewer-img-box {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:499px) {
    .design-page-content .content-block .viewer-img-box .viewer-img,
    .printing-page-content .content-block .viewer-img-box .viewer-img {
        width: 300px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .design-page-content .content-block .viewer-img-box .viewer-img,
    .printing-page-content .content-block .viewer-img-box .viewer-img {
        width: 375px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .design-page-content .content-block .viewer-img-box .viewer-img,
    .printing-page-content .content-block .viewer-img-box .viewer-img {
        width: 300px;
        margin-right: 40px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .design-page-content .content-block .viewer-img-box .viewer-img,
    .printing-page-content .content-block .viewer-img-box .viewer-img {
        width: 300px;
        margin-right: 40px
    }
}

@media (min-width:1200px) {
    .design-page-content .content-block .viewer-img-box .viewer-img,
    .printing-page-content .content-block .viewer-img-box .viewer-img {
        width: 375px;
        margin-right: 40px
    }
}

.design-page-content .content-block .text-block,
.printing-page-content .content-block .text-block {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.design-page-content .content-block .text-block .text-block-header,
.printing-page-content .content-block .text-block .text-block-header {
    font-size: 28px
}

.design-page-content .content-block .text-block .text-block-text,
.printing-page-content .content-block .text-block .text-block-text {
    font-size: 18px;
    text-align: justify
}

@media (max-width:499px) {
    .design-page-content .content-block .text-block .text-block-text,
    .printing-page-content .content-block .text-block .text-block-text {
        margin: 40px 0 40px 0
    }
}

@media (min-width:500px) and (max-width:767px) {
    .design-page-content .content-block .text-block .text-block-text,
    .printing-page-content .content-block .text-block .text-block-text {
        margin: 40px 0 40px 60px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .design-page-content .content-block .text-block .text-block-text,
    .printing-page-content .content-block .text-block .text-block-text {
        margin: 40px 0 40px 60px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .design-page-content .content-block .text-block .text-block-text,
    .printing-page-content .content-block .text-block .text-block-text {
        margin: 40px 0 40px 60px
    }
}

@media (min-width:1200px) {
    .design-page-content .content-block .text-block .text-block-text,
    .printing-page-content .content-block .text-block .text-block-text {
        margin: 40px 0 40px 60px
    }
}

.design-page-content .content-block .text-block .text-block-link-box,
.printing-page-content .content-block .text-block .text-block-link-box {
    text-align: center
}

.design-page-content .content-block .text-block .text-block-link-box .loading-options,
.printing-page-content .content-block .text-block .text-block-link-box .loading-options {
    -webkit-flex-basis: 66%;
    -ms-flex-preferred-size: 66%;
    flex-basis: 66%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.design-page-content .content-block .text-block .text-block-link-box .loading-options .loading-option,
.printing-page-content .content-block .text-block .text-block-link-box .loading-options .loading-option {
    margin: 10px
}

.design-page-content .content-block .block-icon-row,
.printing-page-content .content-block .block-icon-row {
    width: 100%;
    margin: 40px 0 0 0
}

@media (max-width:499px) {
    .design-page-content .content-block .block-icon-row,
    .printing-page-content .content-block .block-icon-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:500px) and (max-width:767px) {
    .design-page-content .content-block .block-icon-row,
    .printing-page-content .content-block .block-icon-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:768px) and (max-width:991px) {
    .design-page-content .content-block .block-icon-row,
    .printing-page-content .content-block .block-icon-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .design-page-content .content-block .block-icon-row,
    .printing-page-content .content-block .block-icon-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:1200px) {
    .design-page-content .content-block .block-icon-row,
    .printing-page-content .content-block .block-icon-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

.design-page-content .content-block .block-icon-row .block-icon-group,
.printing-page-content .content-block .block-icon-row .block-icon-group {
    text-align: center;
    font-family: univers_light;
    font-size: 20px
}

@media (max-width:499px) {
    .design-page-content .content-block .block-icon-row .block-icon-group:not(: last-child), .printing-page-content .content-block .block-icon-row .block-icon-group:not(: last-child) {
        margin-bottom: 40px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .design-page-content .content-block .block-icon-row .block-icon-group:not(: last-child), .printing-page-content .content-block .block-icon-row .block-icon-group:not(: last-child) {
        margin-bottom: 40px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .design-page-content .content-block .block-icon-row .block-icon-group:not(: last-child), .printing-page-content .content-block .block-icon-row .block-icon-group:not(: last-child) {
        margin-bottom: 20px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .design-page-content .content-block .block-icon-row .block-icon-group:not(: last-child), .printing-page-content .content-block .block-icon-row .block-icon-group:not(: last-child) {
        margin-bottom: 20px
    }
}

@media (min-width:1200px) {
    .design-page-content .content-block .block-icon-row .block-icon-group:not(: last-child), .printing-page-content .content-block .block-icon-row .block-icon-group:not(: last-child) {
        margin-bottom: 20px
    }
}

@media (max-width:499px) {
    .design-page-content .content-block .block-icon-row .block-icon-group,
    .printing-page-content .content-block .block-icon-row .block-icon-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        width: 100%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .design-page-content .content-block .block-icon-row .block-icon-group,
    .printing-page-content .content-block .block-icon-row .block-icon-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        width: 100%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .design-page-content .content-block .block-icon-row .block-icon-group,
    .printing-page-content .content-block .block-icon-row .block-icon-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        max-width: 240px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .design-page-content .content-block .block-icon-row .block-icon-group,
    .printing-page-content .content-block .block-icon-row .block-icon-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        max-width: 240px;
        margin-left: 10px;
        margin-right: 10px
    }
}

@media (min-width:1200px) {
    .design-page-content .content-block .block-icon-row .block-icon-group,
    .printing-page-content .content-block .block-icon-row .block-icon-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        max-width: 240px;
        margin-left: 20px;
        margin-right: 20px
    }
}

.design-page-content .content-block .block-icon-row .block-icon-group .block-icon-box,
.printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-box {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width:768px) and (max-width:991px) {
    .design-page-content .content-block .block-icon-row .block-icon-group .block-icon-box,
    .printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-box {
        width: 100%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .design-page-content .content-block .block-icon-row .block-icon-group .block-icon-box,
    .printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-box {
        width: 100%
    }
}

@media (min-width:1200px) {
    .design-page-content .content-block .block-icon-row .block-icon-group .block-icon-box,
    .printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-box {
        width: 100%
    }
}

@media (max-width:499px) {
    .design-page-content .content-block .block-icon-row .block-icon-group .block-icon-box .block-icon,
    .printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-box .block-icon {
        width: 50px;
        margin-right: 20px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .design-page-content .content-block .block-icon-row .block-icon-group .block-icon-box .block-icon,
    .printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-box .block-icon {
        width: 50px;
        margin-right: 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .design-page-content .content-block .block-icon-row .block-icon-group .block-icon-box .block-icon,
    .printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-box .block-icon {
        width: 70px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .design-page-content .content-block .block-icon-row .block-icon-group .block-icon-box .block-icon,
    .printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-box .block-icon {
        width: 70px
    }
}

@media (min-width:1200px) {
    .design-page-content .content-block .block-icon-row .block-icon-group .block-icon-box .block-icon,
    .printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-box .block-icon {
        width: 70px
    }
}

.design-page-content .content-block .block-icon-row .block-icon-group .block-icon-text,
.printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-text {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

@media (max-width:499px) {
    .design-page-content .content-block .block-icon-row .block-icon-group .block-icon-text,
    .printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-text {
        text-align: left
    }
}

@media (min-width:500px) and (max-width:767px) {
    .design-page-content .content-block .block-icon-row .block-icon-group .block-icon-text,
    .printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-text {
        text-align: left
    }
}

@media (min-width:768px) and (max-width:991px) {
    .design-page-content .content-block .block-icon-row .block-icon-group .block-icon-text,
    .printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-text {
        text-align: center
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .design-page-content .content-block .block-icon-row .block-icon-group .block-icon-text,
    .printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-text {
        text-align: center
    }
}

@media (min-width:1200px) {
    .design-page-content .content-block .block-icon-row .block-icon-group .block-icon-text,
    .printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-text {
        text-align: center
    }
}

@media (min-width:768px) and (max-width:991px) {
    .design-page-content .content-block .block-icon-row .block-icon-group .block-icon-text .block-icon-title,
    .printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-text .block-icon-title {
        margin-top: 20px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .design-page-content .content-block .block-icon-row .block-icon-group .block-icon-text .block-icon-title,
    .printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-text .block-icon-title {
        margin-top: 20px
    }
}

@media (min-width:1200px) {
    .design-page-content .content-block .block-icon-row .block-icon-group .block-icon-text .block-icon-title,
    .printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-text .block-icon-title {
        margin-top: 20px
    }
}

.design-page-content .content-block .block-icon-row .block-icon-group .block-icon-text .block-icon-body,
.printing-page-content .content-block .block-icon-row .block-icon-group .block-icon-text .block-icon-body {
    font-size: 12px
}

.design-page-content .content-block .marquis-box,
.printing-page-content .content-block .marquis-box {
    margin: 70px 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.design-page-content .content-block .marquis-box .marquis-segment,
.printing-page-content .content-block .marquis-box .marquis-segment {
    position: relative;
    width: 31%
}

.design-page-content .content-block .marquis-box .marquis-segment.marquis-end .marquis-bottom,
.design-page-content .content-block .marquis-box .marquis-segment.marquis-end .marquis-top,
.printing-page-content .content-block .marquis-box .marquis-segment.marquis-end .marquis-bottom,
.printing-page-content .content-block .marquis-box .marquis-segment.marquis-end .marquis-top {
    border-right: 3px solid #777
}

.design-page-content .content-block .marquis-box .marquis-segment .marquis-top,
.printing-page-content .content-block .marquis-box .marquis-segment .marquis-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    -webkit-transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    transform: skewX(30deg);
    border-left: 3px solid #777;
    border-top: 3px solid #777
}

.design-page-content .content-block .marquis-box .marquis-segment .marquis-bottom,
.printing-page-content .content-block .marquis-box .marquis-segment .marquis-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    -webkit-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    transform: skewX(-30deg);
    border-left: 3px solid #777;
    border-bottom: 3px solid #777
}

.design-page-content .content-block .marquis-box .marquis-segment .marquis-text-box,
.printing-page-content .content-block .marquis-box .marquis-segment .marquis-text-box {
    width: 100%;
    height: 100%;
    padding: 20px 10px 20px 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.error-page-container {
    background: #FAFAFA;
    margin: 20px 0;
    box-shadow: 0 0 5px -2px rgba(0, 0, 0, .5)
}

@media (max-width:499px) {
    .error-page-container {
        padding: 20px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .error-page-container {
        padding: 40px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .error-page-container {
        padding: 60px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .error-page-container {
        padding: 60px
    }
}

@media (min-width:1200px) {
    .error-page-container {
        padding: 60px
    }
}

.error-page-container .error-page-title {
    font-family: univers_light;
    font-size: 24px;
    color: #e74c3d;
    margin-bottom: 20px
}

.error-page-container .error-page-body {
    font-family: univers_regular;
    font-size: 14px;
    color: #555;
    text-align: justify
}

@media (max-width:499px) {
    .error-page-container .error-page-body {
        margin: 0 10px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .error-page-container .error-page-body {
        margin: 0 40px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .error-page-container .error-page-body {
        margin: 0 40px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .error-page-container .error-page-body {
        margin: 0 40px
    }
}

@media (min-width:1200px) {
    .error-page-container .error-page-body {
        margin: 0 40px
    }
}

.remove-cart-item-modal {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 30px;
    background: #FFF;
}

@media (max-width:767px) {
    .remove-cart-item-modal {
        width: 90%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .remove-cart-item-modal {
        width: 660px;
        height: 260px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .remove-cart-item-modal {
        width: 660px;
        height: 260px
    }
}

@media (min-width:1200px) {
    .remove-cart-item-modal {
        width: 660px;
        height: 260px
    }
}

.remove-cart-item-modal>.cart-item-clone {
    display: inline-block;
    max-width: 330px;
    padding: 30px;
    position: absolute;
    top: 0;
    right: 0
}

.remove-cart-item-modal>.cart-item-clone>.cart-item {
    margin: 0
}

.remove-cart-item-modal>.confirm-remove-item-container {
	position: relative;
	margin: 0 auto;
	padding-top: 10px;
    padding-bottom: 10px;
	text-align: left;
	width: 80%;
}

@media (min-width:768px) {
    .remove-cart-item-modal>.confirm-remove-item-container {
        position: relative;
        top: 0;
        left: 0;
        width: 70%;
    }
}

.remove-cart-item-modal>.confirm-remove-item-container>.confirm-remove-q {
    font-size: 18px;
    font-family: univers_regular;
    margin: -9px 0 25px 0
}

.remove-cart-item-modal>.confirm-remove-item-container>.confirm-remove-body {
    font-family: univers_regular;
    font-size: 14px;
    color: #777;
    margin-top: 20px;
    margin-bottom: 20px;
}

.remove-cart-item-modal>.confirm-remove-item-container>.confirm-remove-btn-row {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.remove-cart-item-modal>.confirm-remove-item-container>.confirm-remove-btn-row>.confirm-remove-btn {
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: .15em;
    font-size: .75em;
    font-family: univers_light;
    height: 30px;
	align-self: center;
}

.remove-cart-item-modal>.mfp-close {
    width: 20px;
    height: 20px;
    line-height: 20px
}

.cart-quantity-container {
    position: relative
}

.cart-quantity-container .cart-quantity {
    display: inline-block;
    border: none;
    max-width: 15px;
    font-size: 12px;
    text-align: center
}

.cart-quantity-container .cart-quantity-mod {
    display: inline-block
}

.cart-quantity-minus,
.cart-quantity-plus {
    cursor: pointer;
    color: #CCC
}

.cart-quantity-minus:hover,
.cart-quantity-plus:hover {
    color: #3dbae5
}

.cart-item-detail-value {
    white-space: nowrap
}

.cart-item-detail-value .swatch {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 3px 0 0
}

.cart-item-detail-value .swatch:hover {
    z-index: 9999;
    cursor: default
}

.cart-item-detail-value .swatch-Black {
    background: #212226
}

.cart-item-detail-value .swatch-White {
    background: #f4f5f7
}

.cart-item-detail-value .swatch-Red {
    background: #e42d1b
}

.cart-item-detail-value .swatch-Blue {
    background: #2010c9
}

.cart-item-detail-value .swatch-Yellow {
    background: #f6e900
}

.cart-item-detail-value .swatch-Green {
    background: #4aa256
}

.cart-item-detail-value .swatch-Brown {
    background: #8f7238
}

.cart-item-detail-value .swatch-Gray {
    background: #87888a
}

.cart-item-detail-value .swatch-Purple {
    background: #772b6f
}

.cart-item-detail-value .swatch-Pink {
    background: #f14b79
}

.cart-item-detail-value .swatch-Orange {
    background: #fa6c0e
}

#total:before {
    content: '$'
}

.cart-large #orderDetailsContainer,
.cart-large .cart-container {
    padding: 10px
}

.cart-large #orderDetails,
.cart-large .cart-body {
    margin-top: 2px;
    margin-bottom: 20px
}

.cart-large #orderDetails>.cart-body-control-bar,
.cart-large .cart-body>.cart-body-control-bar {
    margin-top: 10px;
    margin-bottom: 15px
}

.cart-large #orderDetailsLabel,
.cart-large .cart-header {
    margin-top: 10px;
    padding: 10px 10px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5);
    background: #FFF
}

.cart-large #orderDetailsLabel>.cart-header-title-bar,
.cart-large .cart-header>.cart-header-title-bar {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-radius: 0;
    margin-left: 5px;
    margin-right: 5px;
    background: #FFF
}

.cart-large #orderDetailsLabel>.cart-header-title-bar.row,
.cart-large .cart-header>.cart-header-title-bar.row {
    margin-left: 0;
    margin-right: 0
}

.cart-large #orderDetailsLabel>.cart-header-title-bar>.cart-header-title,
.cart-large .cart-header>.cart-header-title-bar>.cart-header-title {
    font-size: 1.25em;
    text-transform: uppercase;
    letter-spacing: .15em;
    font-family: univers_light;
    padding-left: 5px
}

.cart-large #orderDetailsLabel>.cart-header-title-bar>.cart-header-subtotal,
.cart-large .cart-header>.cart-header-title-bar>.cart-header-subtotal {
    font-family: univers_condensed_light;
    font-size: 12px;
    padding: 5px 0;
    padding-right: 5px;
    color: #CCC
}

.cart-large #collapseCartItems,
.cart-large #expandCartItems,
.cart-large .collapse-cart-items,
.cart-large .expand-cart-items {
    font-size: .6em;
    font-family: univers_light;
    color: #CCC;
    background: #FFF;
    cursor: pointer;
    border-radius: 1px;
    padding: 0 3px
}

.cart-large #collapseCartItems:hover,
.cart-large #expandCartItems:hover,
.cart-large .collapse-cart-items:hover,
.cart-large .expand-cart-items:hover {
    color: #3dbae5;
    border-color: #3dbae5;
    background: #FFF
}

.cart-large .cart-item-count {
    font-family: univers_light;
    color: #AAA;
    text-transform: uppercase;
    font-size: 12px
}

.cart-large .cart-item {
    margin-bottom: 30px;
    background: #FFF;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5)
}

.cart-large .cart-item-title {
    padding: 5px 10px;
    cursor: pointer
}

.cart-large .cart-item-body {
    margin: 0 10px;
    padding: 10px 0;
    border-top: 1px solid #EEE
}

.cart-large .cart-item-body .cart-item-info-block-1>div.row:first-child {
    margin-top: 0
}

@media (max-width:549px) {
    .cart-large .cart-item-body .cart-item-info-block-2>div.row:first-child {
        margin-top: 5px
    }
}

@media (min-width:550px) {
    .cart-large .cart-item-body .cart-item-info-block-2>div.row:first-child {
        margin-top: 0
    }
}

.cart-large .cart-item-data {
    font-size: .7em;
    font-family: univers_condensed_light
}

.cart-large .data-row {
    margin-left: -25px
}

.cart-large .cart-item-detail-name {
    font-family: univers_condensed_light;
    font-size: .7em;
    color: #CCC;
    padding: 0
}

.cart-large .cart-item-detail-value {
    font-family: univers_condensed_regular;
    font-size: .7em;
    color: #777;
    padding: 0;
    height: 15px
}

.cart-large .cart-item-dimension {
    padding: 0!important;
    text-align: center
}

.cart-large .cart-item-footer {
    position: relative
}

.cart-large .cart-modifier {
    position: absolute;
    bottom: -17px;
    font-size: .6em;
    font-family: univers_light;
    letter-spacing: .15em;
    color: #CCC;
    cursor: pointer;
    text-transform: uppercase
}

.cart-large .cart-modifier:hover {
    color: #3dbae5
}

.cart-large .cart-item-edit,
.cart-large .cart-item-remove {
    right: -1px;
    text-decoration: none!important
}

.cart-large #charges,
.cart-large .charges {
    padding-top: 5px;
    padding-bottom: 5px;
    background: #FFF;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5)
}

.cart-large .charge-item {
    position: relative;
    margin: 0 0
}

.cart-large .charge-label {
    text-align: right;
    color: #CCC;
    text-transform: uppercase;
    font-size: 11px;
    font-family: univers_light;
    letter-spacing: .15em;
    vertical-align: middle
}

.cart-large .charge-amount {
    text-align: right
}

.cart-large #totalLabel,
.cart-large .total-label {
    color: #777;
    font-family: univers_condensed_bold
}

.cart-large #total,
.cart-large .total {
    font-size: 20px
}

.cart-sidebar #orderDetailsContainer,
.cart-sidebar .cart-container {
    padding: 10px
}

.cart-sidebar #orderDetails,
.cart-sidebar .cart-body {
    margin-top: 2px;
    margin-bottom: 20px
}

.cart-sidebar #orderDetails>.cart-body-control-bar,
.cart-sidebar .cart-body>.cart-body-control-bar {
    margin-top: 10px;
    margin-bottom: 15px
}

.cart-sidebar #orderDetailsLabel,
.cart-sidebar .cart-header {
    padding: 10px 10px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5);
    background: #FFF
}

.cart-sidebar #orderDetailsLabel>.cart-header-title-bar,
.cart-sidebar .cart-header>.cart-header-title-bar {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-radius: 0;
    margin-left: 5px;
    margin-right: 5px;
    background: #FFF
}

.cart-sidebar #orderDetailsLabel>.cart-header-title-bar.row,
.cart-sidebar .cart-header>.cart-header-title-bar.row {
    margin-left: 0;
    margin-right: 0
}

.cart-sidebar #orderDetailsLabel>.cart-header-title-bar>.cart-header-title,
.cart-sidebar .cart-header>.cart-header-title-bar>.cart-header-title {
    font-size: 1.25em;
    text-transform: uppercase;
    letter-spacing: .15em;
    font-family: univers_light;
    padding-left: 5px
}

.cart-sidebar #orderDetailsLabel>.cart-header-title-bar>.cart-header-subtotal,
.cart-sidebar .cart-header>.cart-header-title-bar>.cart-header-subtotal {
    font-family: univers_condensed_light;
    font-size: 12px;
    padding: 5px 0;
    padding-right: 5px;
    color: #CCC
}

.cart-sidebar #collapseCartItems,
.cart-sidebar #expandCartItems,
.cart-sidebar .collapse-cart-items,
.cart-sidebar .expand-cart-items {
    font-size: .6em;
    font-family: univers_light;
    color: #CCC;
    background: #FFF;
    cursor: pointer;
    border-radius: 1px;
    padding: 0 3px
}

.cart-sidebar #collapseCartItems:hover,
.cart-sidebar #expandCartItems:hover,
.cart-sidebar .collapse-cart-items:hover,
.cart-sidebar .expand-cart-items:hover {
    color: #3dbae5;
    border-color: #3dbae5;
    background: #FFF
}

.cart-sidebar .cart-item-count {
    font-family: univers_light;
    color: #AAA;
    text-transform: uppercase;
    font-size: 12px
}

.cart-sidebar .cart-item {
    margin-bottom: 30px;
    background: #FFF;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5)
}

.cart-sidebar .cart-item-title {
    padding: 5px 10px;
    cursor: pointer
}

.cart-sidebar .cart-item-body {
    margin: 0 10px;
    padding: 10px 0;
    border-top: 1px solid #EEE
}

.cart-sidebar .cart-item-body .cart-item-info-block-1>div.row:first-child {
    margin-top: 0;
    margin-bottom: 5px
}

@media (max-width:549px) {
    .cart-sidebar .cart-item-body .cart-item-info-block-2>div.row:first-child {
        margin-top: 5px
    }
}

@media (min-width:550px) {
    .cart-sidebar .cart-item-body .cart-item-info-block-2>div.row:first-child {
        margin-top: 0
    }
}

.cart-sidebar .cart-item-data {
    font-size: .7em;
    font-family: univers_condensed_light
}

.cart-sidebar .data-row {
    margin-left: -25px
}

.cart-sidebar .cart-item-detail-name {
    font-family: univers_condensed_light;
    font-size: .7em;
    color: #CCC
}

@media (min-width:992px) and (max-width:1199px) {
    .cart-sidebar .cart-item-info-block-1 .cart-item-detail-name {
        padding-left: 20px
    }
}

@media (min-width:1200px) {
    .cart-sidebar .cart-item-info-block-1 .cart-item-detail-name {
        padding-left: 0
    }
}

.cart-sidebar .cart-item-detail-value {
    font-family: univers_condensed_regular;
    font-size: .7em;
    color: #777;
    height: 15px
}

.cart-sidebar .cart-item-dimension {
    padding: 0!important;
    text-align: center
}

.cart-sidebar .cart-item-footer {
    position: relative
}

.cart-sidebar .cart-modifier {
    position: absolute;
    bottom: -17px;
    font-size: .6em;
    font-family: univers_light;
    letter-spacing: .15em;
    color: #CCC;
    cursor: pointer;
    text-transform: uppercase
}

.cart-sidebar .cart-modifier:hover {
    color: #42a7a8
}

.cart-sidebar .cart-item-edit,
.cart-sidebar .cart-item-remove {
    right: -1px;
    text-decoration: none!important
}

.cart-sidebar #charges,
.cart-sidebar .charges {
    padding-top: 5px;
    padding-bottom: 5px;
    background: #FFF;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5)
}

.cart-sidebar .charge-item {
    position: relative;
    margin: 0 0
}

.cart-sidebar .charge-label {
    text-align: right;
    color: #AAA;
    text-transform: uppercase;
    font-size: 12px;
    font-family: univers_condensed_light;
    vertical-align: middle
}

.cart-sidebar .charge-amount {
    text-align: right
}

.cart-sidebar #totalLabel,
.cart-sidebar .total-label {
    color: #777;
    font-family: univers_condensed_bold
}

.cart-sidebar #total,
.cart-sidebar .total {
    font-size: 20px
}

.cart-sidebar .cart-thumb-container {
    display: block;
    position: relative;
    padding: 0;
    margin: 0 auto
}

@media (max-width:991px) {
    .cart-sidebar .cart-thumb-container {
        width: 155px;
        height: 65px;
        margin: 0 auto 10px auto
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cart-sidebar .cart-thumb-container {
        width: 155px;
        height: 65px;
        margin: 0 auto 10px 0
    }
}

@media (min-width:1200px) {
    .cart-sidebar .cart-thumb-container {
        width: 155px;
        height: 65px;
        margin: 0 auto 10px 0
    }
}

.cart-sidebar .cart-thumb-container .cart-thumb-link {
    overflow: hidden;
    border: 1px solid #CCC
}

.cart-sidebar .cart-thumb-container .cart-thumb-link.thumb-link-main {
    display: inline-block
}

@media (max-width:991px) {
    .cart-sidebar .cart-thumb-container .cart-thumb-link.thumb-link-main {
        width: 104px;
        height: 65px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cart-sidebar .cart-thumb-container .cart-thumb-link.thumb-link-main {
        width: 104px;
        height: 65px
    }
}

@media (min-width:1200px) {
    .cart-sidebar .cart-thumb-container .cart-thumb-link.thumb-link-main {
        width: 104px;
        height: 65px
    }
}

.cart-sidebar .cart-thumb-container .cart-thumb-link.thumb-link-side {
    position: absolute;
    right: 0
}

@media (max-width:991px) {
    .cart-sidebar .cart-thumb-container .cart-thumb-link.thumb-link-side {
        width: 50px;
        height: 32px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cart-sidebar .cart-thumb-container .cart-thumb-link.thumb-link-side {
        width: 50px;
        height: 32px
    }
}

@media (min-width:1200px) {
    .cart-sidebar .cart-thumb-container .cart-thumb-link.thumb-link-side {
        width: 50px;
        height: 32px
    }
}

.cart-sidebar .cart-thumb-container .cart-thumb-link.thumb-link-side:nth-child(2) {
    top: 0;
    padding-top: 0
}

.cart-sidebar .cart-thumb-container .cart-thumb-link.thumb-link-side:last-child {
    bottom: 0;
    padding-bottom: 0
}

.cart-sidebar .cart-thumbnail {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: auto
}

.cart-large .cart-thumb-container {
    display: block;
    position: relative;
    padding: 0;
    margin: 0 auto
}

@media (max-width:991px) {
    .cart-large .cart-thumb-container {
        width: 155px;
        height: 65px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cart-large .cart-thumb-container {
        width: 155px;
        height: 65px
    }
}

@media (min-width:1200px) {
    .cart-large .cart-thumb-container {
        width: 155px;
        height: 65px
    }
}

.cart-large .cart-thumb-container .cart-thumb-link {
    overflow: hidden;
    border: 1px solid #CCC
}

.cart-large .cart-thumb-container .cart-thumb-link.thumb-link-main {
    display: inline-block
}

@media (max-width:991px) {
    .cart-large .cart-thumb-container .cart-thumb-link.thumb-link-main {
        width: 104px;
        height: 65px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cart-large .cart-thumb-container .cart-thumb-link.thumb-link-main {
        width: 104px;
        height: 65px
    }
}

@media (min-width:1200px) {
    .cart-large .cart-thumb-container .cart-thumb-link.thumb-link-main {
        width: 104px;
        height: 65px
    }
}

.cart-large .cart-thumb-container .cart-thumb-link.thumb-link-side {
    position: absolute;
    right: 0
}

@media (max-width:991px) {
    .cart-large .cart-thumb-container .cart-thumb-link.thumb-link-side {
        width: 50px;
        height: 32px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cart-large .cart-thumb-container .cart-thumb-link.thumb-link-side {
        width: 50px;
        height: 32px
    }
}

@media (min-width:1200px) {
    .cart-large .cart-thumb-container .cart-thumb-link.thumb-link-side {
        width: 50px;
        height: 32px
    }
}

.cart-large .cart-thumb-container .cart-thumb-link.thumb-link-side:nth-child(2) {
    top: 0;
    padding-top: 0
}

.cart-large .cart-thumb-container .cart-thumb-link.thumb-link-side:last-child {
    bottom: 0;
    padding-bottom: 0
}

.cart-large .cart-thumbnail {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: auto
}

.checkout-stage-container {
    padding: 50px 10px
}

.sc-header {
	text-align: left;
	font-family: univers_condensed_regular;
	font-size: 22px;
	color: #666666;
}
.checkout-stage-dash {
    width: 100%;
    height: 5px;
    -webkit-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    transform: skewX(45deg);
    background: #ababab;
}

.checkout-stage-dash.dash-light {
    background: #ababab
}
.checkout-stage-dash.dash-dark {
    background: #666666
}

.checkout-stage-label {
    text-align: center;
    font-family: univers_medium;
	font-size: 12px;
	color: #ababab;
	margin-bottom: 30px;
}

.checkout-stage-label.label-light {
    color: #ababab
}

.checkout-stage-label.label-dark {
    color: #666666
}

#orderInfoContainer {
    padding: 10px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5);
    background: #FFF;
	margin: auto;
    margin-bottom: 20px
}

#orderForm input {
    font-family: univers_regular;
	font-size: 12px;
}

#orderForm textarea {
    font-family: univers_regular;
	font-size: 12px;
}

.field-invalid,
input.error,
select.error {
    border-bottom: 1px solid #CD5151!important
}

div.error,
label.error {
    color: #CD5151;
    font-size: 12px;
    margin-top: -10px;
    display: block;
    font-family: univers_light
}

div.error#tos-error,
label.error#tos-error {
    margin-top: 10px;
    border-top: 1px solid #CD5151
}

div.error.error-large,
label.error.error-large {
    font-size: 16px;
    font-family: univers_condensed_light
}

#shippingAddress.inactive {
    opacity: .25
}

.cc-icon {
    display: inline-block
}

.cc-icon img {
    width: 45px;
    height: auto;
    margin: 5px
}

.cc-icon:first-child>img {
    margin-left: 0
}

#checkoutContainer {
    background: 0 0;
}

#checkoutContainer #orderInfoContainer input:not([type=radio]):not([type=checkbox]),
#checkoutContainer #orderInfoContainer select {
    font-family: univers_light;
    font-size: 14px;
    border-radius: 0!important;
    padding: 2px 0 0 5px;
    border: 0;
    border-bottom: 1px solid #DDD;
    height: 22px;
    margin-top: 6px;
    box-shadow: none
}

#checkoutContainer #orderInfoContainer input:not([type=radio]):not([type=checkbox])#state,
#checkoutContainer #orderInfoContainer select#state {
    height: 21px;
    margin-top: 7px
}

.checkout-section-header {
    margin-bottom: 20px
}

.checkout-section-header .checkout-section-title-bar {
    margin: 0;
    margin-bottom: 15px;
  /*  border-top: 1px solid #CCC;*/
    border-bottom: 1px solid #CCC
}

.checkout-section-header .checkout-section-title-bar .checkout-section-title {
    font-size: 1.25em;

    font-family: univers_condensed_regular;
    padding-left: 5px
}

.checkout-section {
    margin-bottom: 20px
}

.checkout-section .form-control {
    margin-bottom: 10px
}

.form-group-container {
    margin-bottom: 20px
}

div.form-group-container div.form-group>div {
    margin-bottom: 10px
}

div.form-group-container div.row>div {
    margin-bottom: 10px
}

#shippingOptionsContainer {
    margin-bottom: 20px
}

.custom-checkbox {
    display: inline-block;
    margin: 5px;
    margin-left: 0;
    width: 15px;
    height: 16px;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #777;
    cursor: pointer
}

.custom-checkbox>span {
    color: transparent;
    top: -5px;
    left: 1px;
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25)
}

.custom-checkbox.checkbox-active>span {
    color: #42a7a8
}

.shipping-option-label {
    font-family: univers_condensed_regular;
	font-size: 14px;
    text-align: left
}

.tos-statement {
    font-family: univers_condensed_regular;
	font-size: 16px;
    text-align: left
}

#shippingOptionsOR {
    display: inline-block;
    margin-bottom: 20px;
    color: #AAA;
    font-family: univers_thin
}

#pickupParagraph,
#shippingParagraph {
    color: #AAA;
    font-family: univers_condensed_light;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

.checkout-form-label {
    font-family: univers_condensed_regular;
    margin: 6px 0;
    font-size: 14px;
    padding-top: 2px;
    font-weight: 400
}

@media (max-width:767px) {
    .checkout-form-label {
        text-align: left
    }
    .checkout-form-label.text-right {
        text-align: right
    }
}

@media (min-width:768px) {
    .checkout-form-label {
        text-align: right
    }
}

#tosStatement.field-invalid {
    padding: 5px 10px
}

#lowerLinkBar {
    margin: 5px 0;
    padding: 5px 5px;
    background: #fff
}

.custom-radio {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    margin: 0;
    margin-right: 5px;
    -webkit-transform: translate(-200%, 25%);
    -ms-transform: translate(-200%, 25%);
    transform: translate(-200%, 25%)
}

.custom-radio label {
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    background: #FFF;
    border-radius: 1px;
    border: 1px solid #777
}

.custom-radio label:after {
    content: '';
    width: 10px;
    height: 5px;
    position: absolute;
    top: 3px;
    left: 2px;
    border: 2px solid #3dbae5;
    border-top: none;
    border-right: none;
    background: 0 0;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.custom-radio label:hover::after {
    opacity: .5
}

.custom-radio input[type=checkbox],
.custom-radio input[type=radio] {
    visibility: hidden
}

.custom-radio input[type=checkbox]:checked+label:after,
.custom-radio input[type=radio]:checked+label:after {
    opacity: 1
}

.checkout-review-info {
    padding: 10px 10px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5);
    background: #FFF
}

.checkout-review-info .checkout-review-data-label {
    font-family: univers_condensed_regular;
    font-size: 14px
}

@media (max-width:767px) {
    .checkout-review-info .checkout-review-data-label {
        text-align: left
    }
}

@media (min-width:768px) {
    .checkout-review-info .checkout-review-data-label {
        text-align: right
    }
}

.checkout-review-info .cc-icon-img {
    width: 40px;
    margin: -5px 5px 0 0;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, .5)
}

.checkout-review-info .checkout-review-data-value {
    font-family: univers_light;
    font-size: 14px
}

.checkout-review-info .payment-source-text {
    font-family: univers_light;
    font-size: 14px
}

.orders-container .orders-page-title {
    background: #FFF;
    padding: 10px;
    margin: 10px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5);
    font-family: univers_light;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: .15em
}

.orders-container .orders-page-title .order-page-logo {
    width: 24px;
    height: 24px;
    margin-bottom: -3px;
    vertical-align: initial
}

.orders-container .order-group {
    background: #FFF;
    padding: 10px;
    margin: 10px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5);
    font-size: 12px
}

.orders-container .order-group .order-row-header {
    font-family: univers_light;
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #CCC
}

.orders-container .order-group .order-row-header .order-header-icon {
    font-size: 16px;
    margin-right: 10px
}

.orders-container .order-group .order-row-header .order-open {
    color: #42a6a7
}

.orders-container .order-group .order-row-header .order-closed {
    color: #CD5151
}

.orders-container .order-group .order-row .order-col .order-info-block {
    margin-bottom: 15px;
    min-height: 101px
}

@media (min-width:1200px) {
    .orders-container .order-group .order-row .order-col .order-info-block {
        display: inline-block;
        padding-left: 1%;
        padding-right: 1%;
        width: 33%
    }
    .orders-container .order-group .order-row .order-col .order-info-block:first-child {
        padding-left: 0
    }
    .orders-container .order-group .order-row .order-col .order-info-block:last-child {
        padding-right: 0
    }
}

@media (max-width:767px) {
    .orders-container .order-group .order-row .order-col-files .order-file-label-container {
        border-right: 1px solid #EEE
    }
}

@media (min-width:768px) {
    .orders-container .order-group .order-row .order-col-files .order-file-label-container {
        border-bottom: 1px solid #EEE;
        margin-bottom: 10px;
        text-align: center
    }
}

.orders-container .order-group .order-row .order-col-files .order-info-label {
    font-family: univers_condensed_light;
    color: #777;
    letter-spacing: .1em;
    margin-bottom: 5px
}

.orders-container .order-group .order-row .order-col-files .order-file-container {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .orders-container .order-group .order-row .order-col-files .order-file-container {
        text-align: center
    }
}

.orders-container .order-group .order-row .order-col-files .order-file-container>div.col-sm-2 {
    overflow: auto;
    white-space: nowrap
}

.orders-container .order-group .order-row .order-col-files .order-file-container .order-file-link {
    margin: 0 0 5px 0
}

.orders-container .order-group .order-row .order-col-files .order-info-value {
    font-family: univers_light;
    margin-bottom: 5px
}

.orders-container .order-group .order-row .order-col-files .order-info-value .order-info-rotation:not(:last-child) {
    padding-right: 5px
}

.orders-container .order-group .order-row .order-col,
.orders-container .order-group .order-row .order-col-files {
    margin-bottom: 15px;
    overflow: auto;
    min-height: 101px
}

.orders-container .order-group .order-row .order-col .order-col-header,
.orders-container .order-group .order-row .order-col-files .order-col-header {
    font-family: univers_light;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .15em;
    margin-bottom: 10px;
    border-bottom: 1px solid #EEE
}

.orders-container .order-group .order-row .order-col .order-table,
.orders-container .order-group .order-row .order-col-files .order-table {
    width: 100%
}

.orders-container .order-group .order-row .order-col .order-table .order-table-th,
.orders-container .order-group .order-row .order-col-files .order-table .order-table-th {
    font-family: univers_condensed_light;
    color: #777;
    letter-spacing: .1em;
    padding-right: 15px;
    width: 33%;
    min-width: 100px;
    white-space: nowrap
}

.orders-container .order-group .order-row .order-col .order-table .order-table-td,
.orders-container .order-group .order-row .order-col-files .order-table .order-table-td {
    font-family: univers_light;
    white-space: nowrap;
    text-align: right
}

#accountContainer {
    background: 0 0;
    padding-top: 20px;
    margin-top: 20px
}
.account-section-container {
    padding: 50px 10px
}

.account-section-dash {
    width: 50%;
    height: 15px;
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    background: #666
}

.account-section-dash.dash-light {
    background: #BBB
}
.account-section-dash.dash-dark {
    background: #666
}

.order-title {
  float: left;
  width: 25%;
  text-align: center;
}

.order-date-created {
  float: left;
  width: 25%;
  text-align: center;
}

.order-status {
  float: left;
  width: 25%;
   text-align: center;
}

.order-total {
  float: left;
  width: 25%;
  text-align: center;
}


/* This is used as the traditional .clearfix class */
.group:before, .order-list:before, .column-labels:before, .order:before,
.group:after,
.order-list:after,
.column-labels:after,
.order:after

.group:after, .order-list:after, .column-labels:after, .order:after {
  clear: both;
}

.group, .order-list, .column-labels, .order{
  zoom: 1;
}

/* Apply clearfix in a few places */
/* Apply dollar signs */
.order .order-line-price:before, {
  content: '$';
}

.order .order-id .order-id-title {
  margin-right: 20px;
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium";
}

.order-list {
  margin-top: -45px;
}

/* Column headers */
.column-labels label {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.column-labels .order-list{
  text-indent: -9999px;
}

/* Order entries */
.order {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}


.order .order-tracking input {
  width: 40px;
}

/* Make adjustments for tablet */
@media screen and (max-width: 650px) {
  .order-list {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid #eee;
  }

  .column-labels {
    display: none;
  }

  .order-list {
    float: none;
    margin-bottom: 10px;
    width: auto;
  }

  .order-date-created {
    clear: both;
    width: 70px;
  }

  .order-tracking {
    width: 100px;
  }
  .order-tracking input {
    margin-left: 20px;
  }

  .order-line-price {
    float: right;
    width: 70px;
  }
}
/* Make more adjustments for phone */
@media screen and (max-width: 350px) {

  .order-line-price {
    float: right;
    clear: left;
    width: auto;
    margin-top: 10px;
  }

  .order .order-line-price:before {
    content: 'Item Total: $';
  }
}

.quote-title {
  float: left;
  width: 25%;
  text-align: center;
}

.quote-date-created {
  float: left;
  width: 25%;
  text-align: center;
}

.quote-status {
  float: left;
  width: 25%;
   text-align: center;
}

.quote-total {
  float: left;
  width: 25%;
  text-align: center;
}

/* This is used as the traditional .clearfix class */
.group:before, .quote-list:before, .column-labels:before, .quote:before,
.group:after,
.quote-list:after,
.column-labels:after,
.quote:after

.group:after, .quote-list:after, .column-labels:after, .quote:after {
  clear: both;
}

.group, .quote-list, .column-labels, .quote{
  zoom: 1;
}

/* Apply clearfix in a few places */
/* Apply dollar signs */
.quote .quote-line-price:before, {
  content: '$';
}

.quote .quote-id .quote-id-title {
  margin-right: 20px;
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium";
}

.quote-list {
  margin-top: -45px;
}

/* Column headers */
.column-labels label {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.column-labels .quote-list{
  text-indent: -9999px;
}

/* quote entries */
.quote {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}


.quote .quote-tracking input {
  width: 40px;
}

/* Make adjustments for tablet */
@media screen and (max-width: 650px) {
  .quote-list {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid #eee;
  }

  .column-labels {
    display: none;
  }

  .quote-list {
    float: none;
    margin-bottom: 10px;
    width: auto;
  }

  .quote-date-created {
    clear: both;
    width: 70px;
  }

  .quote-tracking {
    width: 100px;
  }
  .quote-tracking input {
    margin-left: 20px;
  }

  .quote-line-price {
    float: right;
    width: 70px;
  }
}
/* Make more adjustments for phone */
@media screen and (max-width: 350px) {

  .quote-line-price {
    float: right;
    clear: left;
    width: auto;
    margin-top: 10px;
  }

  .quote .quote-line-price:before {
    content: 'Item Total: $';
  }
}

.model-view {
  float: left;
  width: 25%;
  height: auto;
  text-align: center;
}

.model-title {
  float: left;
  width: 25%;
  text-align: center;
}

.model-size {
  float: left;
  width: 25%;
   text-align: center;
}

.model-status {
  float: left;
  width: 25%;
  text-align: center;
}

/* This is used as the traditional .clearfix class */
.group:before, .model-list:before, .column-labels:before, .model:before,
.group:after,
.model-list:after,
.column-labels:after,
.model:after

.group:after, .model-list:after, .column-labels:after, .model:after {
  clear: both;
}

.group, .model-list, .column-labels, .model{
  zoom: 1;
}

/* Apply clearfix in a few places */
/* Apply dollar signs */
.model .model-line-price:before, {
  content: '$';
}

.model .model-id .model-id-title {
  margin-right: 20px;
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium";
}

.model-list {
  margin-top: -45px;
}

/* Column headers */
.column-labels label {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.column-labels .model-list{
  text-indent: -9999px;
}

/* model entries */
.model {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}


.model .model-tracking input {
  width: 40px;
}

/* Make adjustments for tablet */
@media screen and (max-width: 650px) {
  .model-list {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid #eee;
  }

  .column-labels {
    display: none;
  }

  .model-list {
    float: none;
    margin-bottom: 10px;
    width: auto;
  }

  .model-date-created {
    clear: both;
    width: 70px;
  }

  .model-tracking {
    width: 100px;
  }
  .model-tracking input {
    margin-left: 20px;
  }

  .model-line-price {
    float: right;
    width: 70px;
  }
}
/* Make more adjustments for phone */
@media screen and (max-width: 350px) {

  .model-line-price {
    float: right;
    clear: left;
    width: auto;
    margin-top: 10px;
  }

  .model .model-line-price:before {
    content: 'Item Total: $';
  }
}


.calc-container .calc-page-title {
    background: #FFF;
    padding: 10px;
    margin: 10px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5);
    font-family: univers_light;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: .15em
}

.calc-container .calc-page-title .calc-page-logo {
    width: 24px;
    height: 24px;
    margin-bottom: -3px;
    vertical-align: initial
}

.calc-container .calc-tool-group {
    background: #FFF;
    padding: 10px;
    margin: 10px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5);
    font-size: 12px
}

.calc-container .calc-tool-group .calc-row-header {
    font-family: univers_light;
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #CCC
}

.calc-container .calc-tool-group .calc-row-header .calc-name-icon-box {
    padding: 10px 10px 5px 10px;
    margin: -10px 10px -5px -10px;
    border-right: 1px solid #CCC;
    box-shadow: 0 0 10px -3px #000 inset;
    text-align: center;
    color: #3b9596;
    display: inline-block
}

.calc-container .calc-tool-group .calc-row-header .calc-icon-box {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    color: #777
}

.calc-container .calc-tool-group .calc-row .calc-tool-description {
    color: #AAA;
    font-size: 12px;
    font-family: univers_light;
    margin: 10px 20px
}

.calc-container .calc-tool-group .calc-row .calc-tool {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.calc-container .calc-tool-group .calc-row .calc-tool .calc-tool-table {
    text-align: center;
    font-family: univers_regular;
    font-size: 12px;
    border: 1px solid #CCC;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5);
    margin: 10px 20px
}

.calc-container .calc-tool-group .calc-row .calc-tool .calc-tool-table .calc-tool-tr .calc-tool-th {
    padding: 10px;
    padding-bottom: 0;
    text-align: center
}

.calc-container .calc-tool-group .calc-row .calc-tool .calc-tool-table .calc-tool-tr .calc-tool-td {
    padding: 10px;
    padding-top: 0;
    text-align: center
}

.calc-container .calc-tool-group .calc-row .calc-tool .calc-tool-table .calc-tool-tr .calc-tool-td .calc-tool-input-num {
    width: 50px;
    text-align: center;
    border: 1px solid #CCC;
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, .5) inset
}

.calc-container .calc-tool-group .calc-row .calc-tool .calc-tool-table .calc-tool-tr .calc-tool-td .calc-tool-output-num {
    display: inline-block;
    width: 50px;
    text-align: center;
    border: 1px solid #CCC;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .5)
}

#animation {
    position: relative;
    z-index: 1
	height: 100%
}

@media (max-width:499px) {
    #animation {
        min-height: calc(100vh - 160px)
    }
}

@media (min-width:500px) and (max-width:767px) {
    #animation {
        min-height: calc(100vh - 160px)
    }
}

@media (min-width:768px) and (max-width:991px) {
    #animation {
        min-height: calc(100vh - 160px)
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #animation {
        min-height: calc(100vh - 160px)
    }
}

@media (min-width:1200px) {
    #animation {
        min-height: calc(100vh - 260px)
    }
}

#animation-small {
    position: relative;
    z-index: 1
}

@media (max-width:499px) {
    #animation-small {
        max-height: calc(100vh - 760px)
    }
}

@media (min-width:500px) and (max-width:767px) {
    #animation-small {
        max-height: calc(100vh - 760px)
    }
}

@media (min-width:768px) and (max-width:991px) {
    #animation-small {
        max-height: calc(100vh - 760px)
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #animation-small {
        max-height: calc(100vh - 760px)
    }
}

@media (min-width:1200px) {
    #animation-small {
        max-height: calc(100vh - 60px)
    }
}

.engine {
    position: relative;
    /*min-height: calc(100vh - 260px);*/
    background: no-repeat center center #EEE;
    background-size: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .engine {
        /*min-height: calc(100vh - 160px)*/
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine {
        /*min-height: calc(100vh - 160px)*/
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine {
        /*min-height: calc(100vh - 260px)*/
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine {
       /*min-height: calc(100vh - 260px)*/
    }
}

@media (min-width:1200px) {
    .engine {
       /*min-height: calc(100vh - 260px)*/
    }
}

.engine .spinbox {
    position: absolute;
	display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .upload-progress-box {
    position: absolute;
    bottom: 0;
    left: 0;
    background: 0 0;
    width: 100%
}

.engine .upload-progress-box .upload-progress-bar {
    width: 0;
    height: 3px;
    background: #80d2ee;
    -webkit-transition: width .1s ease-in-out;
    transition: width .1s ease-in-out
}

.engine .resize-canvas {
    width: 640px;
    height: 400px;
    display: none
}

.engine .model-viewer {
    position: relative;
    margin: 20px;
    box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .7);
    background: #FFF;
    z-index: 1
	
}

@media (max-width:499px) {
    .engine .model-viewer {
        margin-bottom: 75px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer {
        margin-bottom: 75px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer {
        margin-bottom: 75px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer {
        margin-bottom: 75px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:1200px) {
    .engine .model-viewer {
        margin-bottom: 75px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

.engine .model-viewer .canvas-container {
    background: no-repeat center center #FFF;
	background-image: none;
    background-size: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .engine .model-viewer .canvas-container .webgl-canvas {
        width: 320px!important;
        height: 200px!important
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .canvas-container .webgl-canvas {
        width: 400px!important;
        height: 250px!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .canvas-container .webgl-canvas {
        width: 640px!important;
        height: 400px!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .canvas-container .webgl-canvas {
        width: 640px!important;
        height: 400px!important
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .canvas-container .webgl-canvas {
        width: 70vw!important;
        height: 43.75vw!important
    }
}

.engine .model-viewer .viewer-ui-container {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-ui-container {
        width: 320px!important;
        height: 200px!important
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-ui-container {
        width: 400px!important;
        height: 250px!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-ui-container {
        width: 640px!important;
        height: 400px!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-ui-container {
        width: 640px!important;
        height: 400px!important
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-ui-container {
        width: 70vw!important;
        height: 43.75vw!important
    }
}


.engine .model-viewer .viewer-ui-container .view-controls {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.engine .model-viewer .viewer-ui-container .view-controls .controls-section {
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.engine .model-viewer .viewer-ui-container .view-controls .controls-section.controls-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-ui-container .view-controls .controls-section.controls-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-ui-container .view-controls .controls-section.controls-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-type-group,
.engine .model-viewer .viewer-ui-container .view-controls .mesh-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-ui-container .view-controls .cam-type-group,
    .engine .model-viewer .viewer-ui-container .view-controls .mesh-group {
        margin: 4px 0 0 4px;
        width: 34px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-ui-container .view-controls .cam-type-group,
    .engine .model-viewer .viewer-ui-container .view-controls .mesh-group {
        margin: 6px 0 0 6px;
        width: 39px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-ui-container .view-controls .cam-type-group,
    .engine .model-viewer .viewer-ui-container .view-controls .mesh-group {
        margin: 8px 0 0 8px;
        width: 44px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-ui-container .view-controls .cam-type-group,
    .engine .model-viewer .viewer-ui-container .view-controls .mesh-group {
        margin: 8px 0 0 8px;
        width: 44px
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-ui-container .view-controls .cam-type-group,
    .engine .model-viewer .viewer-ui-container .view-controls .mesh-group {
        margin: 8px 0 0 8px;
        width: 44px
    }
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group {
    margin: 10px 0 10px 10px;
    width: 120px;
    height: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube {
    width: 70px;
    height: 70px;
    pointer-events: auto;
    -webkit-transition: width .15s ease-out, height .15s ease-out;
    transition: width .15s ease-out, height .15s ease-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .icon-back,
.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .icon-front {
    -webkit-transition: top .15s ease-out, left .15s ease-out, -webkit-transform .15s ease-out;
    transition: top .15s ease-out, left .15s ease-out, transform .15s ease-out
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .icon-front {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    top: -12px;
    left: 12px
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .icon-back {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    top: 12px;
    left: -12px
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube:hover {
    width: 100px;
    height: 100px
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube:hover .icon-front {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    top: -25px;
    left: 25px
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube:hover .icon-back {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    top: 25px;
    left: -25px
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-row {
    pointer-events: none;
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-cell {
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r1 {
    z-index: 1
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r1 .camcube-r1-c1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r1 .camcube-r1-c2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r1 .camcube-r1-c2 .icon-box {
    position: relative;
    z-index: 1;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r1 .camcube-r1-c3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r1 .camcube-r1-c3 .icon-box {
    position: relative;
    z-index: 0;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r2 {
    z-index: 2
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r2 .camcube-r2-c1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r2 .camcube-r2-c1 .icon-box {
    position: relative;
    z-index: 3;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r2 .camcube-r2-c2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r2 .camcube-r2-c3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r2 .camcube-r2-c3 .icon-box {
    position: relative;
    z-index: 2;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r3 {
    z-index: 3
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r3 .camcube-r3-c1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r3 .camcube-r3-c1 .icon-box {
    position: relative;
    z-index: 5;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r3 .camcube-r3-c2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r3 .camcube-r3-c2 .icon-box {
    position: relative;
    z-index: 4;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.engine .model-viewer .viewer-ui-container .view-controls .cam-pos-group .camcube .camcube-r3 .camcube-r3-c3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-ui-container .view-controls .capture-controls {
        margin: 0 0 4px 0
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-ui-container .view-controls .capture-controls {
        margin: 0 0 6px 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-ui-container .view-controls .capture-controls {
        margin: 0 0 8px 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-ui-container .view-controls .capture-controls {
        margin: 0 0 8px 0
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-ui-container .view-controls .capture-controls {
        margin: 0 0 8px 0
    }
}

.engine .model-viewer .viewer-ui-container .view-controls .icon-box {
    background: #FFF;
    border-radius: 9px 2px 9px 2px;
    box-shadow: 0 1px 3px -1px #000;
    pointer-events: auto;
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-ui-container .view-controls .icon-box {
        width: 16px;
        height: 16px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-ui-container .view-controls .icon-box {
        width: 18px;
        height: 18px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-ui-container .view-controls .icon-box {
        width: 20px;
        height: 20px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-ui-container .view-controls .icon-box {
        width: 20px;
        height: 20px
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-ui-container .view-controls .icon-box {
        width: 20px;
        height: 20px
    }
}

.engine .model-viewer .viewer-ui-container .view-controls .icon-box .ui-icon {
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-ui-container .view-controls .icon-box .ui-icon {
        width: 10px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-ui-container .view-controls .icon-box .ui-icon {
        width: 12px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-ui-container .view-controls .icon-box .ui-icon {
        width: 14px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-ui-container .view-controls .icon-box .ui-icon {
        width: 14px
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-ui-container .view-controls .icon-box .ui-icon {
        width: 14px
    }
}

.engine .model-viewer .viewer-ui-container .view-controls .icon-box.active,
.engine .model-viewer .viewer-ui-container .view-controls .icon-box:hover {
    background: #80d2ee;
    border-color: #1992bc;
    box-shadow: 0 0 7px 1px #1992bc inset
}

.engine .model-viewer .viewer-ui-container .view-controls .icon-box.active .ui-icon,
.engine .model-viewer .viewer-ui-container .view-controls .icon-box:hover .ui-icon {
    -webkit-filter: contrast(30%) brightness(140%) contrast(140%) brightness(180%);
    filter: contrast(30%) brightness(140%) contrast(140%) brightness(180%)
}

.engine .model-viewer .viewer-ui-container .view-controls .thumbnail-group {
    pointer-events: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-ui-container .view-controls .thumbnail-group .thumbnail-box {
    position: relative;
    box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .7)
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-ui-container .view-controls .thumbnail-group .thumbnail-box {
        margin: 2px 2px 0 0
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-ui-container .view-controls .thumbnail-group .thumbnail-box {
        margin: 3px 3px 0 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-ui-container .view-controls .thumbnail-group .thumbnail-box {
        margin: 4px 4px 0 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-ui-container .view-controls .thumbnail-group .thumbnail-box {
        margin: 4px 4px 0 0
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-ui-container .view-controls .thumbnail-group .thumbnail-box {
        margin: 4px 4px 0 0
    }
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-ui-container .view-controls .thumbnail-group .thumbnail-box .viewer-thumbnail {
        width: 48px;
        height: 30px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-ui-container .view-controls .thumbnail-group .thumbnail-box .viewer-thumbnail {
        width: 64px;
        height: 40px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-ui-container .view-controls .thumbnail-group .thumbnail-box .viewer-thumbnail {
        width: 64px;
        height: 40px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-ui-container .view-controls .thumbnail-group .thumbnail-box .viewer-thumbnail {
        width: 64px;
        height: 40px
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-ui-container .view-controls .thumbnail-group .thumbnail-box .viewer-thumbnail {
        width: 64px;
        height: 40px
    }
}

.engine .model-viewer .viewer-ui-container .view-controls .thumbnail-group .thumbnail-box .icon-remove {
    position: absolute;
    top: 0;
    right: 0;
    color: #e74c3d;
    cursor: pointer;
    font-size: 12px
}

.engine .model-viewer .viewer-side-panel {
    border-left: 1px solid #EEE;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
	width: 100%;
	margin: 0 auto;
    align-self: stretch;
    background: #FFF;
	
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-side-panel {
        padding: 20px;
        height: 440px;
        max-width: 320px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-side-panel {
        padding: 20px;
        height: 440px;
        max-width: 400px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-side-panel {
        padding: 20px;
        height: 257px;
        max-width: 640px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-side-panel {
        padding: 20px;
        height: 257px;
        max-width: 640px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-side-panel {
       padding: 20px;
        height: 257px;
        max-width: 640px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

.engine .model-viewer .viewer-side-panel .vsp-group {
    padding: 0 5px 5px 5px;
    border: 1px solid #CCC
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-side-panel .vsp-group {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-side-panel .vsp-group {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-side-panel .vsp-group {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        width: calc(50% - 10px)
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-side-panel .vsp-group {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        width: calc(50% - 10px)
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-side-panel .vsp-group {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        width: calc(50% - 10px)
    }
}

.engine .model-viewer .viewer-side-panel .vsp-group .vsp-group-title {
    display: inline-block;
    text-align: left;
    font-family: univers_regular;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #777;
    margin-left: 5px;
    margin-bottom: -6px;
    position: relative;
    top: -12px;
    background: #FFF;
    padding: 2px 5px;
    border: 1px solid #CCC;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.engine .model-viewer .viewer-side-panel .vsp-group:last-child {
    margin-bottom: 0
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-side-panel .vsp-group.model-info {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin: 20px 0 0 0
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-side-panel .vsp-group.model-info {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin: 20px 0 0 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-side-panel .vsp-group.model-info {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin: 0 0 0 10px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-side-panel .vsp-group.model-info {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin: 0 0 0 10px
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-side-panel .vsp-group.model-info {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin: 0 0 0 10px
    }
}

.engine .model-viewer .viewer-side-panel .vsp-group.model-info .model-info-table {
    width: 100%;
    font-size: 11px;
    text-align: right;
    overflow: auto
}

.engine .model-viewer .viewer-side-panel .vsp-group.model-info .model-info-table .mvd-info-row {
    height: 20px
}

.engine .model-viewer .viewer-side-panel .vsp-group.model-info .model-info-table .mvd-info-row .mvd-info-label {
    color: #CCC;
    font-size: 11px;
    font-family: univers_condensed_regular_i;
    text-align: left
}

.engine .model-viewer .viewer-side-panel .vsp-group.model-info .model-info-table .mvd-info-row .mvd-info-label.mvd-info-label-col-2 {
    padding-left: 15px
}

.engine .model-viewer .viewer-side-panel .vsp-group.model-info .model-info-table .mvd-info-row .mvd-info-value {
    color: #777;
    font-family: univers_regular
}

.engine .model-viewer .viewer-side-panel .vsp-group.model-info .model-info-table .mvd-info-row .mvd-info-units {
    font-family: univers_condensed_regular;
    color: #777
}

.engine .model-viewer .viewer-side-panel .vsp-group.model-info .display-units-box {
    font-size: 11px;
    margin-top: 3px;
    padding-top: 4px;
    border-top: 1px solid #EEE;
    color: #CCC;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-side-panel .vsp-group.model-info .display-units-box .display-units-label {
    font-family: univers_condensed_regular_i
}

.engine .model-viewer .viewer-side-panel .vsp-group.model-info .display-units-box .display-units-btn-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-side-panel .vsp-group.model-info .display-units-box .display-units-btn-box .display-units-btn {
    padding: 1px 3px 0 3px;
    font-family: univers_regular;
    font-size: 9px;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-align: center;
    color: #CCC;
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: all .1s;
    transition: all .1s
}

.engine .model-viewer .viewer-side-panel .vsp-group.model-info .display-units-box .display-units-btn-box .display-units-btn:not(:first-child) {
    margin-left: 5px
}

.engine .model-viewer .viewer-side-panel .vsp-group.model-info .display-units-box .display-units-btn-box .display-units-btn:hover:not(.mvd-active) {
    color: #80d2ee;
    border-color: #80d2ee;
    background: #FFF
}

.engine .model-viewer .viewer-side-panel .vsp-group.model-info .display-units-box .display-units-btn-box .display-units-btn.mvd-active {
    color: #FFF;
    border-color: #1992bc;
    background: #80d2ee;
    box-shadow: 0 0 4px 1px #1992bc inset
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-side-panel .vsp-group.print-options {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin: 0
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-side-panel .vsp-group.print-options {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-side-panel .vsp-group.print-options {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 10px 0 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-side-panel .vsp-group.print-options {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 10px 0 0
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-side-panel .vsp-group.print-options {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 10px 0 0
    }
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-options-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option:not(:last-child) {
    margin-bottom: 10px
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .print-option-label {
    font-family: univers_regular_i;
    font-size: 12px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .color-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .color-group .print-swatch-box .swatch-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .color-group .print-swatch-box .swatch-row .swatch {
    width: 10px;
    height: 10px;
    margin: 3px;
    box-shadow: 0 4px 7px -3px #000;
    cursor: pointer
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .color-group .print-swatch-box .swatch-row .swatch:hover {
    -webkit-transition: -webkit-transform .05s ease-out;
    transition: transform .05s ease-out;
    -webkit-transform: scale(1.6, 1.6);
    -ms-transform: scale(1.6, 1.6);
    transform: scale(1.6, 1.6)
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .color-group .print-swatch-box .swatch-black {
    background: #212226
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .color-group .print-swatch-box .swatch-white {
    background: #f4f5f7
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .color-group .print-swatch-box .swatch-red {
    background: #e42d1b
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .color-group .print-swatch-box .swatch-blue {
    background: #2010c9
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .color-group .print-swatch-box .swatch-yellow {
    background: #f6e900
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .color-group .print-swatch-box .swatch-green {
    background: #4aa256
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .color-group .print-swatch-box .swatch-brown {
    background: #8f7238
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .color-group .print-swatch-box .swatch-gray {
    background: #87888a
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .color-group .print-swatch-box .swatch-purple {
    background: #772b6f
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .color-group .print-swatch-box .swatch-pink {
    background: #f14b79
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .color-group .print-swatch-box .swatch-orange {
    background: #fa6c0e
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .quantity-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .quantity-group .quantity-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .quantity-group .quantity-box .quantity-input {
    border: none;
    max-width: 25px;
    font-size: 12px;
    text-align: center;
    font-family: univers_regular;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #777;
    padding: 0
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .quantity-group .quantity-box .quantity-minus,
.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .quantity-group .quantity-box .quantity-plus {
    cursor: pointer;
    color: #CCC
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .quantity-group .quantity-box .quantity-minus:hover,
.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .quantity-group .quantity-box .quantity-plus:hover {
    color: #3dbae5
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .option-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .option-group .print-option-btn-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .option-group .print-option-btn-box .option-btn {
    padding: 1px 3px 0 3px;
    font-family: univers_regular;
    font-size: 9px;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-align: center;
    color: #CCC;
    border: 1px solid #CCC;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: all .1s;
    transition: all .1s
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .option-group .print-option-btn-box .option-btn:not(:first-child) {
    margin-left: 5px
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .option-group .print-option-btn-box .option-btn:hover:not(.option-active) {
    color: #80d2ee;
    border-color: #80d2ee;
    background: #FFF
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .option-group .print-option-btn-box .option-btn.option-active {
    color: #FFF;
    border-color: #1992bc;
    background: #80d2ee;
    box-shadow: 0 0 4px 1px #1992bc inset
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .print-option .scale-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .infill-button,
.engine .model-viewer .viewer-side-panel .vsp-group.print-options .mvd-fUnits-btn {
    display: inline-block;
    letter-spacing: .1em;
    cursor: pointer;
    font-family: univers_thin;
    color: #CCC
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .infill-button:hover,
.engine .model-viewer .viewer-side-panel .vsp-group.print-options .mvd-fUnits-btn:hover {
    font-family: univers_regular
}

.engine .model-viewer .viewer-side-panel .vsp-group.print-options .infill-button.infill-active,
.engine .model-viewer .viewer-side-panel .vsp-group.print-options .infill-button.mvd-active,
.engine .model-viewer .viewer-side-panel .vsp-group.print-options .mvd-fUnits-btn.infill-active,
.engine .model-viewer .viewer-side-panel .vsp-group.print-options .mvd-fUnits-btn.mvd-active {
    color: #777;
    font-family: univers_regular
}

.engine .model-viewer .viewer-side-panel .vsp-group.atc-box {
    position: relative;
	
}.engine .model-viewer .viewer-side-panel .vsp-group.atc-box-homepage {
	margin-top: auto;
	margin-bottom: auto;
    position: relative;
	width: 100%;
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-side-panel .vsp-group.atc-box {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        margin: 20px 0 0 0
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-side-panel .vsp-group.atc-box {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        margin: 20px 0 0 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-side-panel .vsp-group.atc-box {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        margin: 20px 0 0 10px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-side-panel .vsp-group.atc-box {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        margin: 20px 0 0 10px
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-side-panel .vsp-group.atc-box {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        margin: 20px 0 0 10px
    }
}

.engine .model-viewer .viewer-side-panel .vsp-group.atc-box .atc-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-side-panel .vsp-group.atc-box .atc-group .atc-inner {
    font-family: univers_condensed_light;
    border: 1px solid #3dbae5;
    border-radius: 2px;
    background: #fff;
    margin-top: -4px;
    margin-bottom: 4px;
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;*/
    display: flex;
	flex-wrap: wrap;
    /*-webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;*/
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-side-panel .vsp-group.atc-box .atc-group .atc-inner .atc-price {
    min-width: 80px;
    padding: 0 3px;
    border: 0 solid transparent;
    font-size: 16px;
    font-family: univers_regular;
    color: #3dbae5;
    text-align: center
}

.engine .model-viewer .viewer-side-panel .vsp-group.atc-box .atc-group .atc-inner .atc-button {
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 0;
    border: 0 solid transparent;
    padding: 5px 3px 5px 7px
}

.engine .model-viewer .viewer-side-panel .vsp-group.atc-box .atc-group .atc-inner .quote-modal-button {
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 0;
    border: 0 solid transparent;
    padding: 5px 3px 5px 7px
}

.engine .model-viewer .viewer-side-panel .vsp-group.atc-box-homepage .atc-group .atc-inner .demo-view-button {
	background:#e54c3c;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 0;
    border: 0 solid transparent;
	margin: 5px 5px 5px 5px;
    padding: 5px 3px 5px 7px;
}

.engine .model-viewer .viewer-launcher {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-launcher {
        width: 320px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-launcher {
        width: 400px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-launcher {
        width: 640px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-launcher {
        width: 640px
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-launcher {
        width: 640px
    }
}

.engine .model-viewer .viewer-launcher .launcher-upper {
    width: 100%;
    background: no-repeat center center;
    background-size: cover;
    background-image: url(../../images/launcher_banner.jpg);
    background-position: 99% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-launcher .launcher-upper {
        -webkit-flex-basis: 100px;
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-launcher .launcher-upper {
        -webkit-flex-basis: 100px;
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-launcher .launcher-upper {
        -webkit-flex-basis: 150px;
        -ms-flex-preferred-size: 150px;
        flex-basis: 150px;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-launcher .launcher-upper {
        -webkit-flex-basis: 150px;
        -ms-flex-preferred-size: 150px;
        flex-basis: 150px;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-launcher .launcher-upper {
        -webkit-flex-basis: 150px;
        -ms-flex-preferred-size: 150px;
        flex-basis: 150px;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }
}

.engine .model-viewer .viewer-launcher .launcher-upper .loading-options {
    -webkit-flex-basis: 66%;
    -ms-flex-preferred-size: 66%;
    flex-basis: 66%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine .model-viewer .viewer-launcher .launcher-upper .loading-options .loading-option {
    margin: 10px
}

.engine .model-viewer .viewer-launcher .launcher-lower {
    background: #FFF;
    padding: 20px
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-launcher .launcher-lower {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-launcher .launcher-lower {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-launcher .launcher-lower {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-launcher .launcher-lower {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-launcher .launcher-lower {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
}

.engine .model-viewer .viewer-launcher .launcher-lower .launcher-section {
    color: #777;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section {
        font-size: 10px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section {
        font-size: 11px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section {
        font-size: 12px;
        -webkit-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section {
        font-size: 12px;
        -webkit-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section {
        font-size: 12px;
        -webkit-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section:not(: first-child) {
        margin-top: 10px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section:not(: first-child) {
        margin-top: 10px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section:not(: first-child) {
        margin-left: 10px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section:not(: first-child) {
        margin-left: 10px
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section:not(: first-child) {
        margin-left: 10px
    }
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section:not(: last-child) {
        margin-bottom: 10px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section:not(: last-child) {
        margin-bottom: 10px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section:not(: last-child) {
        margin-bottom: 10px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section:not(: last-child) {
        margin-right: 10px
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section:not(: last-child) {
        margin-right: 10px
    }
}

.engine .model-viewer .viewer-launcher .launcher-lower .launcher-section .launcher-header {
    margin: 0 0 -15px 0;
    font-family: univers_light;
    font-size: 18px;
    text-align: left;
    padding: 5px 15px;
    border-left: 5px solid #777;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section .launcher-header {
        font-size: 14px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section .launcher-header {
        font-size: 14px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section .launcher-header {
        font-size: 16px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section .launcher-header {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section .launcher-header {
        font-size: 16px
    }
}

.engine .model-viewer .viewer-launcher .launcher-lower .launcher-section .launcher-header .launcher-header-icon {
    margin-right: 5px
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section .launcher-header .launcher-header-icon {
        width: 30px;
        height: 30px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section .launcher-header .launcher-header-icon {
        width: 30px;
        height: 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section .launcher-header .launcher-header-icon {
        width: 48px;
        height: 48px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section .launcher-header .launcher-header-icon {
        width: 48px;
        height: 48px
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-launcher .launcher-lower .launcher-section .launcher-header .launcher-header-icon {
        width: 48px;
        height: 48px
    }
}

.engine .model-viewer .viewer-launcher .launcher-lower .launcher-section .launcher-body {
    margin: 15px 0 0 0;
    padding: 15px 19px;
    padding-right: 0;
    text-align: justify;
    font-family: univers_light;
    border-left: 1px solid #CCC;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.engine .model-viewer .viewer-launcher .launcher-footnote-box {
    position: absolute;
    left: 0;
    padding: 10px;
    font-size: 11px;
    text-align: justify;
    color: #777;
    font-family: univers_light_i;
    line-height: 1em
}

@media (max-width:499px) {
    .engine .model-viewer .viewer-launcher .launcher-footnote-box {
        font-size: 8px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .engine .model-viewer .viewer-launcher .launcher-footnote-box {
        font-size: 8px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .engine .model-viewer .viewer-launcher .launcher-footnote-box {
        font-size: 10px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .engine .model-viewer .viewer-launcher .launcher-footnote-box {
        font-size: 10px
    }
}

@media (min-width:1200px) {
    .engine .model-viewer .viewer-launcher .launcher-footnote-box {
        font-size: 10px
    }
}

.engine .model-viewer .viewer-launcher .launcher-footnote-box .launcher-footnote .launcher-footnote-bold {
    font-family: univers_condensed_regular
}

.engine #control_box {
    padding: 10px;
    width: 100%;
    z-index: 3;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.engine #control_box .btn-ctrl {
    margin: 10px
}

.engine #control_box .control-group-row {
    margin: 0 30px;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.li-thumbnail-group {
	width: 90%;
}

.li-thumbnail-group .li-thumbnail-box {
    position: relative;
    box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .7)
}

/* 
@media (max-width:499px) {
    .li-thumbnail-group .li-thumbnail-box {
        margin: 2px 2px 0 0
    }
}

@media (min-width:500px) and (max-width:767px) {
    .li-thumbnail-group .li-thumbnail-box {
        margin: 3px 3px 0 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .li-thumbnail-group .li-thumbnail-box {
        margin: 4px 4px 0 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .li-thumbnail-group .li-thumbnail-box {
        margin: 4px 4px 0 0
    }
}

@media (min-width:1200px) {
    .li-thumbnail-group .li-thumbnail-box {
        margin: 4px 4px 0 0
    }
}
*/

@media (max-width:499px) {
    .li-thumbnail-group .li-thumbnail-box .li-thumbnail {
        width: 100%;
        height: 100%;
    }
}

@media (min-width:500px) and (max-width:767px) {
    .li-thumbnail-group .li-thumbnail-box .li-thumbnail {
        width: 100%;
        height: 100%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .li-thumbnail-group .li-thumbnail-box .li-thumbnail {
        width: 100%;
        height: 100%;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .li-thumbnail-group .li-thumbnail-box .li-thumbnail {
        width: 100%;
        height: 100%;
    }
}

@media (min-width:1200px) {
    .li-thumbnail-group .li-thumbnail-box .li-thumbnail {
        width: 100%;
        height: 100%;
    }
}

.admin-section {
    padding: 80px;
    background: #FFF;
    box-shadow: 0 2px 10px -4px rgba(0, 0, 0, .5);
	width: 90%;
	margin: 0 auto;
	margin-top: 20px;
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
	background-image: url(/images/quoter/uploadarrow-quoter.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

.admin-section .btn-box-atc {
	display: flex;
	justify-content: flex-end;
}

.admin-section .btn-box-checkout {
	display: flex;
	justify-content: space-between;
}

.admin-section .uploaded-files-label {
	border-top: 1px solid #777777;
	color: #777777;
    font-family: univers_condensed_regular;
	font-size: 12px; /*11px font == 0.7em*/
    letter-spacing: 1px; /*2px letter spacing == 0.5em/4 (because 8px == 0.5em) == 0.125em*/
	padding: 20px 0 40px 0;
}
.admin-section .btn-box-atc .atc-button {
	color: #e54c3c;
    font-family: univers_bold;
    text-transform: uppercase;
	font-size: 14px; /*11px font == 0.7em*/
    letter-spacing: 1px; /*2px letter spacing == 0.5em/4 (because 8px == 0.5em) == 0.125em*/
	background: #FFF;
	margin-top: 20px;
	padding: 12px 30px 12px 30px;
	border: 0.14em solid #e54c3c;
	border-radius: 0px;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.admin-section .btn-box-atc .atc-button:hover{
    background: #eeeeee;
    border-color: #f0614c;
	color: #f0614c!important;
}

.admin-section .btn-box-atc .atc-button.invalid-items{
	color: #777777;
	border: 0.14em solid #777777;
}

.btn-box-ratequote {
	display: flex;
	justify-content: center;
}

.quote-file {
	display: flex;
	justify-content: center;
}

.admin-section .subtotal-box {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	color: #777777;
    font-family: univers_condensed_regular;
	font-size: 12px; /*11px font == 0.7em*/
    letter-spacing: 1px; /*2px letter spacing == 0.5em/4 (because 8px == 0.5em) == 0.125em*/

}

.admin-section .subtotal-box .subtotal-heading {
	padding-bottom: 10px;
	text-align: right;
	width: 30%;
	border-bottom: 1px solid #777777;
	align-self: flex-end;
	margin-bottom: 40px;
}

.admin-section .subtotal-box .subtotal-price {
	display: flex;
	align-self: flex-end;
	margin-bottom: 40px;
}

.checkout-subtotal-wrapper {
	display: grid;
	grid-template-colums: 50px 50px 150px 100px;
	grid-template-rows: 50px 50px 50px 100px 50px;
}

#loadingscreen {
    background-color: black;
    background-color: rgba(1, 1, 1, 0.7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
}

#loadingscreen * {
    vertical-align: middle;
}

#loading_box {
    display: inline-block;
    height: 100%;
}
#loading_txt {
    color: #49a0dc;
    font-weight: bold;
/*    margin-left: 0.5em;*/
    font-family: "Arial Black", Gadget, sans-serif;
}

.order-pages-titlebar {
	padding-top: 20px;
    padding-bottom: 20px;
    font-size: 24px;
    text-align: center;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	fill: #3c3f47;
}

.quote-options-flexbox {
	display: flex; 
	flex-direction: row;
	align-items: center;
	height: auto;
	width: 80%;
	text-align: center;
	background: rgba(255, 255, 255, 0.9);
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}

.quote-options-flexbox-rev {
	display: flex; 
	flex-direction: row;
	align-items: center;
	height: auto;
	width: 80%;
	text-align: center;
	background: rgba(255, 255, 255, 0.9);
	margin: 0 auto;
	margin-bottom: 10px;
	border-radius: 5px;
}

.quote-option-box {
	background: #ffffff;
	width: 25%;
	border-radius: 1em;
	border: 3px solid #00acff;
	margin: 30px;
	margin-top: 50px;
	display: flex;
	text-align: center;
	justify-content: flex-start;
	flex-direction: column;

}

.quote-option-box:hover{
	background: #ffffff;
	border: 3px solid #e54c3c;
}

.order-type-label {
	display: flex;
	border-bottom: 1px solid #666666;
	align-self: center;
	text-align: center;
	color: #666666;
    font-family: univers_condensed_regular;
	font-size: 16px; /*11px font == 0.7em*/
    letter-spacing: 1px; /*2px letter spacing == 0.5em/4 (because 8px == 0.5em) == 0.125em*/
	padding: 20px 0 20px 0;
    margin: 0 auto;
	
}

.order-type-label-home {
	display: flex;
	align-self: center;
	text-align: center;
	color: #000000;
    font-family: univers_medium;
	text-transform: uppercase;
	font-size: 20px; /*11px font == 0.7em*/
    letter-spacing: 2px; /*2px letter spacing == 0.5em/4 (because 8px == 0.5em) == 0.125em*/
	padding: 10px 0 10px 0;
    margin: 0 auto;
	
}

.services-icon {
	display: flex;
	flex-direction: column;
	width: 100px;
	height: 100px;
	align-self: center;
	margin-top: 40px;
	color: #f0614c!important;
}

.order-option-text{
	position: relative;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
    font-size: 24px;
    text-align: left;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #000000;
	align-self: left;
	width: 80%;
}

.order-option-text > h1 {
    font-size: 14px;
    text-align: left;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
	width: 30%;
	padding-top: 20px;
	border-top: 1px solid #000000;
	display: flex;
	flex-direction: column;
}

.order-option-text > p {
    font-size: 12px;
    text-align: left;
    font-family: univers_light;
	letter-spacing: 1px;
	color: #000000;
	display: flex;
	flex-direction: column;
	padding-bottom: 20px;
}

.order-option-btn {
    color: #e54c3c;
    font-family: univers_bold;
    text-transform: uppercase;
	font-size: 11px; /*11px font == 0.7em*/
    letter-spacing: 1px; /*2px letter spacing == 0.5em/4 (because 8px == 0.5em) == 0.125em*/
	background: #FFF;
	margin-top: 30px;
	padding: 12px 30px 12px 30px;
	border: 0.14em solid #e54c3c;
	border-radius: 0px;
	display: flex;
	flex-direction: column;
	text-align: center;
	align-self: center;
	justify-content: center;
	width: 50%;
}

.order-option-btn:hover {
	border-color: #e54c3c;
    background-color: #eeeeee;
	color: #e54c3c;
}

.quote-options-heading {
	padding-left: 50px;
	padding-right: 50px;
}

.quote-options-heading > h1 {
	font-size: 28px;
	font-family: univers_condensed_regular;
	font-weight: 500;
	letter-spacing: 1.5px;
	color: #3c3f47;
	margin: 1.5em 0 0.5em;
	margin: auto 0;
}

.quote-options-heading > p {
	font-size: 16px;
    font-family: univers_regular;
	letter-spacing: 1px;
	color: #3c3f47;
    padding-top: 20px;
    margin-bottom: 10px;
}

@media (max-width:499px) {
	.quote-options-flexbox {
		flex-direction: column;
		height: auto;
		text-align: center;
		width: 90%;
	}

	.quote-options-flexbox-rev {
		flex-direction: column-reverse;
		height: auto;
		text-align: center;
		width: 90%;
	}
		
	.quote-options-heading > h1 {
		font-size: 22px;
	}

	.quote-options-heading > p {
		font-size: 12px;
	}
	
	.quote-option-box {
		/*flex-direction: row;*/
		width:70%;
	}

	.quote-option-box:hover{
	}

	.order-type-label {
        font-size: 12px; /*11px font == 0.7em*/
	}
	
	.order-type-label-home {
        font-size: 10px; /*11px font == 0.7em*/
	}

	.services-icon {
	}

	.order-option-text{
		display: none;
	}
}

@media (min-width:500px) and (max-width:767px) {
	.quote-options-flexbox {
		flex-direction: column;
		height: auto;
		text-align: center;
		width: 90%
	}
	
	.quote-options-flexbox-rev{
		flex-direction: column-reverse;
		height: auto;
		text-align: center;
		width: 90%;
	}
	
	.quote-options-heading > h1 {
		font-size: 22px;
	}

	.quote-options-heading > p {
		font-size: 16px;
	}
	
	.quote-option-box {
		/*flex-direction: row;*/
		width:70%;
	}
	
	.order-option-text {
		display: none;
	}

    .order-type-label {
        font-size: 12px; /*11px font == 0.7em*/
    }
	
	.order-type-label-home {
        font-size: 12px; /*11px font == 0.7em*/
	}
}

@media (min-width:768px) and (max-width:991px) {
	.quote-options-flexbox {
		flex-direction: row;
		height: auto;
		text-align: center;
		width: 90%;
	}
	
	.quote-options-flexbox-rev{
		flex-direction: row;
		height: auto;
		text-align: center;
		width: 90%;
	}
	
	.quote-options-heading > h1 {
		font-size: 28px;
	}

	.quote-options-heading > p {
		font-size: 16px;
	}
	
	.quote-option-box {
		/*flex-direction: row;*/
		width:70%;
	}
	
	.order-option-text {
		display: none;
	}
	
	.order-type-label-home {
        font-size: 14px; /*11px font == 0.7em*/
	}
}

@media (min-width:992px) and (max-width:1199px) {

}

@media (min-width:1200px) {

}

.home-servicegrid-wrapper {
	display: grid;
	grid-template-columns: 100px 100px 100px 100px;
	grid-template-rows: 80px 30px 80px 30px;
	padding-bottom: 10px;
	align-items: center;
	vertical-align: center;
}

.home-servicegrid-1_1 {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
}

.home-servicegrid-1_2 {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}

.home-servicegrid-1_3 {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 1;
}

.home-servicegrid-1_4 {
	grid-column-start: 4;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 1;
}

.home-servicegrid-2_1 {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 2;
	grid-row-end: 2;
}

.home-servicegrid-2_2 {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 2;
}

.home-servicegrid-2_3 {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 2;
}

.home-servicegrid-2_4 {
	grid-column-start: 4;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 2;
}

.home-servicegrid-3_1 {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 3;
	grid-row-end: 3;
}

.home-servicegrid-3_2 {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 3;
	grid-row-end: 3;
}

.home-servicegrid-3_3 {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 3;
}

.home-servicegrid-3_4 {
	grid-column-start: 4;
	grid-column-end: 4;
	grid-row-start: 3;
	grid-row-end: 3;
}

.home-servicegrid-4_1 {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 4;
	grid-row-end: 4;
}

.home-servicegrid-4_2 {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 4;
	grid-row-end: 4;
}

.home-servicegrid-4_3 {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 4;
	grid-row-end: 4;
}

.home-servicegrid-4_4 {
	grid-column-start: 4;
	grid-column-end: 4;
	grid-row-start: 4;
	grid-row-end: 4;
}

.home-grid-icon {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    max-height: 55px;
    align-self: center;
    color: #f0614c!important;
    margin: 0 auto;
    position: relative;

}

.quote-screen-overlay-text {
	font-family: univers_light!important;
	font-size: 24px;
	color: #81d1ed!important;
	text-transform: none;
}

.nice-dropzone-wrapper {
	display: grid;
	grid-template-columns: 150px 250px 150px 250px;
	grid-template-rows: 120px;
	padding-bottom: 20px;
} 

.nice-dropzone-upload {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 1;
    border: 1px solid #777777;
    border-radius: 10px;
    background-image: url(/images/home/contact-upload-btn-lg.png);
}

@media (max-width:1000px) {
    .nice-dropzone-wrapper {
        display: grid;
        grid-template-columns: 80px 180px;
        grid-template-rows: 120px;
        padding-bottom: 40px;
    } 
	
	.nice-dropzone-upload {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 1;
        border: 1px solid #777777;
        border-radius: 10px;
        background-image: url(/images/home/contact-upload-btn-sm.png);
    }
}

.quote-options-wrapper {
	position:relative;
	display: grid;
	grid-template-columns: 600px 300px;
	grid-template-rows: 200px 200px 200px 200px;
	width: 80%;
	margin: 0 auto;
}


.quote-options-3ds-2{
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
}

.quote-options-3ds-3{
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}

.quote-options-3dd-2{
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 2;
	grid-row-end: 2;
}

.quote-options-3dd-3{
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 2;
}


.quote-options-3dp-2{
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 3;
	grid-row-end: 3;
}

.quote-options-3dp-3{
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 3;
	grid-row-end: 3;
}

.quote-options-b3d-2{
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 4;
	grid-row-end: 4;
}

.quote-options-b3d-3{
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 4;
	grid-row-end: 4;
}

.quote-li-wrapper {
	display: grid;
	grid-template-columns: 142px 20px 200px 25px 25px 25px 200px 60px 1px 80px 30px;
	grid-template-rows: 5px 35px 20px 20px 20px;
	padding-bottom: 60px;
}

.quote-li-loadbar {
	grid-column-start: 2;
	grid-column-end: 12;
	grid-row-start: 1;
	grid-row-end: 1;
}

.quote-li-thumb {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 5;
}

.quote-li-fileicon{
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 2;
	color: #81d1ed;
}

.quote-li-filename{
	grid-column-start: 2;
	grid-column-end: 11;
	grid-row-start: 2;
	grid-row-end: 2;
	font-family: univers_medium;
	font-size: 14px;
	color: #000;
	align-self: start;
	text-align: left;
}

.quote-li-filename-long{
	grid-column-start: 2;
	grid-column-end: 11;
	grid-row-start: 2;
	grid-row-end: 2;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
	align-self: start;
}

.quote-li-filecheck{
	grid-column-start: 11;
	grid-column-end: 11;
	grid-row-start: 2;
	grid-row-end: 2;
	display: flex;
	justify-content: center;
}

.quote-li-notes{
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 5;
	/*border: 1px solid #eeeeee;*/
	height: 100%;
	width: 90%;
}

.quote-li-notes-long{
	grid-column-start: 3;
	grid-column-end: 11;
	grid-row-start: 3;
	grid-row-end: 5;
	/*border: 1px solid #eeeeee;*/
	height: 100%;
	width: 95%;
}

.btn-save-notes.option-active {
	color: #00acff!important;
}

.quote-li-savenotes{
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 4;
	grid-row-end: 4;
	height: 100%;
	width: 90%;
}

.quote-li-unitsheader{
	grid-column-start: 4;
	grid-column-end: 7;
	grid-row-start: 3;
	grid-row-end: 3;
	font-family: univers_light;
	font-size: 11px;
	color: #ababab;
	justify-self: left;
	align-self: center;
}

.quote-li-unitsmm{
	grid-column-start: 4;
	grid-column-end: 4;
	grid-row-start: 4;
	grid-row-end: 4;
	font-family: univers_medium;
	font-size: 12px;
	color: #000000;
	text-transform: uppercase;
	justify-self: left;
	align-self: end;
}

.quote-li-unitscm{
	grid-column-start: 5;
	grid-column-end: 5;
	grid-row-start: 4;
	grid-row-end: 4;
	font-family: univers_medium;
	font-size: 12px;
	color: #000000;
	text-transform: uppercase;
	justify-self: left;
	align-self: end;
}

.quote-li-unitsin{
	grid-column-start: 6;
	grid-column-end: 6;
	grid-row-start: 4;
	grid-row-end: 4;
	font-family: univers_medium;
	font-size: 12px;
	color: #000000;
	text-transform: uppercase;
	justify-self: left;
	align-self: end;
}

.quote-li-unitsmm .option-active,
.quote-li-unitscm .option-active,
.quote-li-unitsin .option-active {
	color: #e54c3c;
	font-family: univers_medium;
	text-decoration: underline;
}

.quote-li-dimsheader{
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 3;
	grid-row-end: 3;
	font-family: univers_light;
	font-size: 11px;
	color: #ababab;
	justify-self: left;
}

.quote-li-dims{
	grid-column-start: 2;
	grid-column-end: 4;
	grid-row-start: 4;
	grid-row-end: 4;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
	text-align: left;
}

.quote-li-qty{
	grid-column-start: 8;
	grid-column-end: 8;
	grid-row-start: 3;
	grid-row-end: 5;
	border: 1px solid #eeeeee;
	height: 100%;
	width: 80%;
	top: 50%;
	justify-self: center;
	align-self: bottom;
}

.quote-li-material{
	grid-column-start: 7;
	grid-column-end: 7;
	grid-row-start: 3;
	grid-row-end: 5;
	justify-self: center;
	align-self: center;
	height: 100%;
	width: 90%;
}

.quote-li-wrapper .dropdown-menu,
.quote-li-wrapper .dropdown-menu li a {
	position: relative;
	top: 0%;
	margin: 0%;
	width: 100%;
	text-align: left;
	font-family: univers_medium;
	font-size: 11px;
	color: #000;
}

.quote-li-lpheader{
	grid-column-start: 10;
	grid-column-end: 10;
	grid-row-start: 3;
	grid-row-end: 3;
	font-family: univers_light;
	font-size: 11px;
	color: #ababab;
	justify-self: center;
	align-self: top;
}

.quote-li-lp{
	grid-column-start: 10;
	grid-column-end: 10;
	grid-row-start: 4;
	grid-row-end: 4;
	font-family: univers_medium;
	font-size: 14px;
	color: #ababab;
	text-align: center;
}

.quote-li-delbutton{
	grid-column-start: 11;
	grid-column-end: 11;
	grid-row-start: 4;
	grid-row-end: 4;
	display: flex;
	justify-content: center;
}

.quote-li-statusmsg{
	grid-column-start: 1;
	grid-column-end: 12;
	grid-row-start: 5;
	grid-row-end: 5;
	font-family: univers_light;
	font-size: 11px;
	color: #ababab;
	text-align: right;
	padding-top: 10px;
}

.quote-li-statusmsg.warning-active{
	color: #e54c3c;
}


.quote-li-qty .quantity-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
	height: 100%;
}

.quote-li-qty .quantity-box .quantity-input {
    border: none;
    font-size: 12px;
    text-align: center;
    font-family: univers_regular;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #777;
    padding: 0;
	width: 100%;
}

.quote-li-wrapper .quote-file-description {
	font-family: univers_light;
	font-size: 11px;
	color: #ababab;
	border: 0px none;
	height: 100%;
	width: 100%;
	resize: none;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 10px;
	border-bottom: 2px solid #eeeeee;
}

.btn-group-mtl {
	border-radius: 0px;
	border: 1px solid #eeeeee;
	height: 100%;
}

.quote-li-wrapper .matsel-btn {
	background: #FFF;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.quote-li-wrapper .matsel-label {
	display: inline-block;
	font-family: univers_medium;
	font-size: 11px;
	color: #000;
}

.quote-li-wrapper .blue-caret {
	border: solid #81d1ed;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

@media (min-width:200px) and (max-width:674px) {
	.quote-li-wrapper {
		grid-template-columns: 80px 20px 50px 25px 25px 25px 25px 30px 30px 20px;
		grid-template-rows: 20px 30px 20px 30px 40px 40px 20px;
		padding-bottom: 30px;
	}
	
	.quote-li-loadbar {
		grid-column-start: 2;
		grid-column-end: 11;
	}
	
	.quote-li-dimsheader {
		grid-column-start: 1;
		grid-column-end: 5;
	}

	.quote-li-dims {
		grid-column-start: 1;
		grid-column-end: 5;
	}
	
	.quote-li-material {
		grid-column-start: 1;
		grid-column-end: 6;
		grid-row-start: 5;
		grid-row-end: 5;
		height: 90%;
		justify-self: left;
	}
	
		
	.quote-li-qty {
		grid-column-start: 6;
		grid-column-end: 9;
		grid-row-start: 5;
		grid-row-end: 5;
		height: 90%;
		width: 50%;
		justify-self: left;
		align-self: center;
	}
	
	.quote-li-unitsheader{
		grid-column-start: 5;
		grid-column-end: 8;
		grid-row-start: 3;
		grid-row-end: 3;
	}

	.quote-li-unitsmm{
		grid-column-start: 5;
		grid-column-end: 5;
		grid-row-start: 4;
		grid-row-end: 4;
		align-self: start;
	}

	.quote-li-unitscm{
		grid-column-start: 6;
		grid-column-end: 6;
		grid-row-start: 4;
		grid-row-end: 4;
		align-self: start;
	}

	.quote-li-unitsin{
		grid-column-start: 7;
		grid-column-end: 7;
		grid-row-start: 4;
		grid-row-end: 4;
		align-self: start;
	}
	
	.quote-li-statusmsg{
		grid-column-start: 1;
		grid-column-end: 11;
		grid-row-start: 6;
		grid-row-end: 6;
	}
	
	.quote-li-lpheader {
		grid-column-start: 8;
		grid-column-end: 10;
		grid-row-start: 3;
		grid-row-end: 3;
	}
	
	.quote-li-lp {
		grid-column-start: 8;
		grid-column-end: 10;
		grid-row-start: 4;
		grid-row-end: 4;
	}
	
	.quote-li-filecheck{
		grid-column-start: 10;
		grid-column-end: 10;
		grid-row-start: 2;
		grid-row-end: 2;
	}
	
	.quote-li-delbutton{
		grid-column-start: 10;
		grid-column-end: 10;
		grid-row-start: 4;
		grid-row-end: 4;
	}
}

@media (min-width:675px) and (max-width:930px) {
	.quote-li-wrapper {
		grid-template-columns: 142px 20px 200px 25px 25px 25px 80px 30px;
		grid-template-rows: 20px 30px 20px 30px 40px 40px 20px;
	}
	
	.quote-li-filename{
		grid-column-start: 2;
		grid-column-end: 9;
	}
	
	.quote-li-filename-long{
		grid-column-start: 2;
		grid-column-end: 9;
	}

	.quote-li-loadbar {
		grid-column-start: 2;
		grid-column-end: 9;
	}

	.quote-li-notes {
		grid-column-start: 3;
		grid-column-end: 9;
		grid-row-start: 6;
		grid-row-end: 6;
		width: 100%;
	}
	
	.quote-li-notes-long {
		grid-column-start: 3;
		grid-column-end: 9;
		grid-row-start: 6;
		grid-row-end: 6;
		width: 100%;
	}
	
	.quote-li-savenotes{
		grid-row-start: 6;
		grid-row-end: 6;
	}

	.quote-li-dimsheader {
		grid-column-start: 2;
		grid-column-end: 2;
	}

	.quote-li-dims {
		grid-column-start: 2;
		grid-column-end: 4;
	}
	
	.quote-li-unitsmm,
	.quote-li-unitscm,
	.quote-li-unitsin{ 
		align-self: start;
	}
	
	.quote-li-material {
		grid-column-start: 2;
		grid-column-end: 4;
		grid-row-start: 5;
		grid-row-end: 5;
		height: 90%;
		justify-self: left;
	}
	
	.quote-li-qty {
		grid-column-start: 4;
		grid-column-end: 7;
		grid-row-start: 5;
		grid-row-end: 5;
		height: 90%;
		justify-self: left;
		align-self: center;
	}
	
	.quote-li-lpheader {
		grid-column-start: 7;
		grid-column-end: 7;
	}
	
	.quote-li-lp {
		grid-column-start: 7;
		grid-column-end: 7;
	}
	
	.quote-li-delbutton{
		grid-column-start: 8;
		grid-column-end: 8;
	}

	.quote-li-statusmsg{
		grid-column-start: 1;
		grid-column-end: 9;
		grid-row-start: 7;
		grid-row-end: 7;
	}

	.quote-li-filecheck{
		grid-column-start: 8;
		grid-column-end: 8;
	}
}
	
@media (min-width:931px) and (max-width:1200px) {
    .quote-li-wrapper {
		grid-template-columns: 142px 20px 200px 25px 25px 25px 170px 50px 80px 30px;
		grid-template-rows: 20px 30px 20px 20px 40px 20px;
	}
	
	.quote-li-loadbar {
		grid-column-start: 2;
		grid-column-end: 11;
	}

	.quote-li-notes {
		grid-column-start: 3;
		grid-column-end: 11;
		grid-row-start: 5;
		grid-row-end: 5;
		width: 100%;
	}
	
	.quote-li-notes-long {
		grid-column-start: 3;
		grid-column-end: 11;
		grid-row-start: 5;
		grid-row-end: 5;
		width: 100%;
	}
	
	.quote-li-savenotes{
		grid-row-start: 5;
		grid-row-end: 5;
	}

	.quote-li-dimsheader {
		grid-column-start: 2;
		grid-column-end: 2;
	}

	.quote-li-dims {
		grid-column-start: 2;
		grid-column-end: 4;
	}
	
	.quote-li-material {
		grid-column-start: 7;
		grid-column-end: 7;
	}
	
	.quote-li-lpheader {
		grid-column-start: 9;
		grid-column-end: 9;
	}
	
	.quote-li-lp {
		grid-column-start: 9;
		grid-column-end: 9;
	}
	
	.quote-li-delbutton{
		grid-column-start: 10;
		grid-column-end: 10;
	}

	.quote-li-statusmsg{
		grid-column-start: 1;
		grid-column-end: 11;
		grid-row-start: 6;
		grid-row-end: 6;
	}

	.quote-li-filecheck{
		grid-column-start: 10;
		grid-column-end: 10;
	}
}

.sc-container {
	display: flex;
	justify-content: center;
}

.sc-li-wrapper {
	display: grid;
	grid-template-columns: 142px 200px 150px 100px 50px 100px 30px;
	grid-template-rows: 10px 20px 20px 20px 40px;
	padding-bottom: 70px;
}

.sc-li-wrapper.locked {
	grid-template-columns: 142px 200px 150px 80px 80px 100px;
}

.sc-li-topline {
	grid-column-start: 2;
	grid-column-end: 8;
	grid-row-start: 1;
	grid-row-end: 1;
	border-top: 1px solid #777777;
}

.sc-li-thumb {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 5;
}

.sc-li-filename{
	grid-column-start: 2;
	grid-column-end: 8;
	grid-row-start: 2;
	grid-row-end: 2;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
	text-transform: uppercase;
	align-self: start;
}

.sc-li-notes{
	grid-column-start: 2;
	grid-column-end: 8;
	grid-row-start: 5;
	grid-row-end: 5;
	height: 100%;
	padding-top: 10px;
}

.sc-li-dimsheader{
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 3;
	grid-row-end: 3;
	font-family: univers_light;
	font-size: 11px;
	color: #ababab;
	justify-self: left;
	align-self: center;
}

.sc-li-dims{
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 4;
	grid-row-end: 4;
	font-family: univers_medium;
	font-size: 11px;
	color: #000;
	align-self: end;
}

.sc-li-matheader{
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 3;
	font-family: univers_light;
	font-size: 11px;
	color: #ababab;
	justify-self: left;
	align-self: center;
}

.sc-li-mat{
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 4;
	grid-row-end: 4;
	font-family: univers_medium;
	font-size: 11px;
	color: #000;
	align-self: end;
}

.sc-li-unitpriceheader{
	grid-column-start: 4;
	grid-column-end: 4;
	grid-row-start: 3;
	grid-row-end: 3;
	font-family: univers_light;
	font-size: 11px;
	color: #ababab;
	justify-self: left;
	align-self: center;
}

.sc-li-unitprice{
	grid-column-start: 4;
	grid-column-end: 4;
	grid-row-start: 4;
	grid-row-end: 4;
	font-family: univers_medium;
	font-size: 11px;
	color: #000;
	align-self: end;
}

.sc-li-qtyheader{
	grid-column-start: 5;
	grid-column-end: 5;
	grid-row-start: 3;
	grid-row-end: 3;
	font-family: univers_light;
	font-size: 11px;
	color: #ababab;
	justify-self: left;
	align-self: center;
}

.sc-li-qty{
	grid-column-start: 5;
	grid-column-end: 5;
	grid-row-start: 4;
	grid-row-end: 4;
	font-family: univers_medium;
	font-size: 11px;
	color: #000;
	align-self: end;
	border: 1px solid #eeeeee;
	height: 100%;
}

.sc-li-qty.input-disabled {
	border: none;
}

.sc-li-qty .quantity-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
	height: 100%;
}

.sc-li-qty .quantity-box .quantity-input {
    border: none;
    font-size: 12px;
    text-align: center;
    font-family: univers_regular;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #777;
    padding: 0;
	width: 100%;
}

.sc-li-lpheader{
	grid-column-start: 6;
	grid-column-end: 6;
	grid-row-start: 3;
	grid-row-end: 3;
	font-family: univers_light;
	font-size: 11px;
	color: #ababab;
	justify-self: left;
	align-self: center;
	padding-left: 30px;
}

.sc-li-lp{
	grid-column-start: 6;
	grid-column-end: 6;
	grid-row-start: 4;
	grid-row-end: 4;
	font-family: univers_condensed_regular;
	font-size: 14px;
	letter-spacing: 1.2px;
	color: #777777;
	align-self: end;
	padding-left: 30px;
}

.sc-li-delbutton{
	grid-column-start: 7;
	grid-column-end: 7;
	grid-row-start: 3;
	grid-row-end: 3;
	display: flex;
	justify-content: right;
	padding-left: 15px;
}

.sc-li-wrapper .sc-file-description {
	font-family: univers_light;
	font-size: 11px;
	color: #ababab;
	border: 0px none;
	height: 100%;
	width: 100%;
	resize: none;
	padding-left: 0px;
	padding-right: 10px;
	border-bottom: 2px solid #eeeeee;
}

.sc-li-wrapper .sc-file-description.input-disabled {
	background: #FFF!important;
}

@media (max-width:930px) {
    .sc-li-wrapper {
		grid-template-columns: 142px 200px 50px 100px 30px;
		grid-template-rows: 10px 20px 20px 20px 20px 20px 40px;
		padding-bottom: 70px;
	}
	
	.sc-li-wrapper.locked {
		grid-template-columns: 142px 200px 50px 100px;
	}

	.sc-li-topline {
		grid-column-start: 2;
		grid-column-end: 6;
		grid-row-start: 1;
		grid-row-end: 1;
	}
	
	.sc-li-filename {
		grid-column-start: 2;
		grid-column-end: 6;
		grid-row-start: 2;
		grid-row-end: 2;
	}

	.sc-li-notes {
		grid-column-start: 2;
		grid-column-end: 6;
		grid-row-start: 7;
		grid-row-end: 7;
	}

	.sc-li-dimsheader {
		grid-column-start: 2;
		grid-column-end: 2;
		grid-row-start: 5;
		grid-row-end: 5;
		padding-top: 10px;
	}

	.sc-li-dims {
		grid-column-start: 2;
		grid-column-end: 2;
		grid-row-start: 6;
		grid-row-end: 6;
	}
	
	.sc-li-matheader {
		grid-column-start: 2;
		grid-column-end: 2;
		grid-row-start: 3;
		grid-row-end: 3;
		padding-top: 10px;
	}
	
	.sc-li-mat {
		grid-column-start: 2;
		grid-column-end: 2;
		grid-row-start: 4;
		grid-row-end: 4;
	}
	
	.sc-li-unitpriceheader {
		grid-column-start: 3;
		grid-column-end: 3;
		grid-row-start: 5;
		grid-row-end: 5;
		padding-top: 10px;
	}
	
	.sc-li-unitprice {
		grid-column-start: 3;
		grid-column-end: 3;
		grid-row-start: 6;
		grid-row-end: 6;
	}
	
	.sc-li-qtyheader {
		grid-column-start: 3;
		grid-column-end: 3;
		grid-row-start: 3;
		grid-row-end: 3;
	}
	
	.sc-li-qty {
		grid-column-start: 3;
		grid-column-end: 3;
		grid-row-start: 4;
		grid-row-end: 4;
		width: 100%;
	}
	
	.sc-li-lpheader {
		grid-column-start: 4;
		grid-column-end: 4;
		grid-row-start: 4;
		grid-row-end: 4;
	}
	
	.sc-li-lp {
		grid-column-start: 4;
		grid-column-end: 4;
		grid-row-start: 5;
		grid-row-end: 5;
	}
	
	.sc-li-delbutton{
		grid-column-start: 5;
		grid-column-end: 5;
		grid-row-start: 4;
		grid-row-end: 4;
	}

}

.sc-summary-div {
	display: flex;
	justify-content: flex-end;
}

.sc-summary-wrapper {
	display: grid;
	grid-template-columns: 200px 150px;
	grid-template-rows: 45px 30px;
	padding-top: 50px;
	padding-bottom: 100px;
	align-self: end;
	font-family: univers_condensed_regular;
	font-size: 14px;
	color: #777777;
	text-align: right;
}

.sc-summary-line {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 1;
	border-top: 1px solid #777777;
	margin-top: 15px;
	margin-bottom: 15px;
}

.sc-summary-total {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 2;
	grid-row-end: 2;
}

.sc-summary-totalnum {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 2;
}

.sc-lockedsummary-wrapper {
	display: grid;
	grid-template-columns: 180px 200px;
	grid-template-rows: 30px 30px 30px 45px 30px;
	padding-top: 50px;
	padding-bottom: 100px;
	align-self: end;
	font-family: univers_condensed_regular;
	font-size: 14px;
	color: #777777;
	text-align: right;
}

.sc-lockedsummary-subtotal {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
}

.sc-lockedsummary-subtotalnum {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}

.sc-lockedsummary-tax {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 2;
	grid-row-end: 2;
}

.sc-lockedsummary-taxnum {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 2;
}

.sc-lockedsummary-shipping {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 3;
	grid-row-end: 3;
}

.sc-lockedsummary-shippingnum {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 3;
	grid-row-end: 3;
}

.sc-lockedsummary-line {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 4;
	grid-row-end: 4;
	border-top: 1px solid #777777;
	margin-top: 15px;
	margin-bottom: 15px;
}

.sc-lockedsummary-total {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 5;
	grid-row-end: 5;
}

.sc-lockedsummary-totalnum {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 5;
	grid-row-end: 5;
}

.order-lookup-wrapper {
	display: grid;
	grid-template-columns: 100px 250px 150px 400px;
	grid-template-rows: 50px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 60px 40px;
	padding-top: 50px;
	padding-bottom: 100px;
	align-self: end;
	font-family: univers_condensed_regular;
	font-size: 14px;
	color: #777777;
	text-align: left;
	align-items: center;
}

.order-lookup-inputid {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}

.order-lookup-submitbtn {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 1;
	padding-left: 20px;
}

.order-lookup-name {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 2;
	user-select: all;
}

.order-lookup-email {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 3;
	grid-row-end: 3;
	user-select: all;
}

.order-lookup-phone {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 4;
	grid-row-end: 4;
	user-select: all;
}

.order-lookup-shipline1 {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 5;
	grid-row-end: 5;
}

.order-lookup-shipline2 {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 6;
	grid-row-end: 6;
}

.order-lookup-shipcity {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 7;
	grid-row-end: 7;
}

.order-lookup-shipstate {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 8;
	grid-row-end: 8;
}

.order-lookup-shipzip {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 9;
	grid-row-end: 9;
}

.order-lookup-subtotal {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 10;
	grid-row-end: 10;
}

.order-lookup-tax {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 11;
	grid-row-end: 11;
}

.order-lookup-shipping {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 12;
	grid-row-end: 12;
}

.order-lookup-total {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 13;
	grid-row-end: 13;
}

.order-lookup-created {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 14;
	grid-row-end: 14;
}

.order-lookup-custid {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 15;
	grid-row-end: 15;
	user-select: all;
}

.order-lookup-stripecustid {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 16;
	grid-row-end: 16;
	user-select: all;
}

.order-lookup-paycaptured {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 17;
	grid-row-end: 17;
}

.order-lookup-payverified {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 18;
	grid-row-end: 18;
}

.order-lookup-trackingnum {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 19;
	grid-row-end: 19;
	user-select: all;
}

.order-lookup-shippinglabel {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start:20;
	grid-row-end: 20;
}

.order-lookup-markshippedbtn {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 21;
	grid-row-end: 21;
}

.order-lookup-responsebody {
	grid-column-start: 4;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 15;
		height: 100%;
}

.order-lookup-requestappointmentbtn {
	grid-column-start: 4;
	grid-column-end: 4;
	grid-row-start: 16;
	grid-row-end: 16;
}


.order-manifest-wrapper {
	display: grid;
	grid-template-columns: 80px 200px 80px 80px;
	grid-template-rows: 100px 20px 20px;
	padding-top: 50px;
	padding-bottom: 100px;
	align-self: end;
	font-family: univers_condensed_regular;
	font-size: 14px;
	color: #777777;
	text-align: left;
	align-items: center;
}

.order-manifest-img {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
}

.order-manifest-filename {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}

.order-manifest-quantity {
	grid-column-start:3;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 1;
}

.order-manifest-price {
	grid-column-start: 4;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 1;
}

.order-manifest-dlbutton {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 2;
	grid-row-end: 2;
}

.order-manifest-dimensions {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 2;
}

.order-manifest-material {
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 2;
	grid-row-end: 2;
}

.order-manifest-notes {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 3;
	grid-row-end: 3;
}

.checkout-info-container {
	display: flex;
	justify-content: center;
}

.checkout-contact-wrapper {
	display: grid;
	grid-template-columns: 100px 200px 200px 200px;
	grid-template-rows: 60px 60px;
	align-self: end;
	font-family: univers_condensed_regular;
	font-size: 14px;
	color: #777777;
	text-align: left;
	border-bottom: 1px solid #777777;
	height: 100%;
	width: 90%;
}

.checkout-contact-heading {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 3;
	text-align: right;
	font-family: univers_bold;
	font-size: 12px;
	border-bottom: none;
}

.checkout-contact-fn {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}

.checkout-contact-ln {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 1;
}

.checkout-contact-company {
	grid-column-start: 4;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 1;
}

.checkout-contact-phone {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 2;
}

.checkout-contact-email {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 2;
}

.checkout-contact-email2 {
	grid-column-start: 4;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 2;
}

.quote-designrequest-wrapper {
	display: grid;
	grid-template-columns: 266.67px 266.67px 266.67px;
	grid-template-rows: 60px 30px 60px 30px 30px 20px 90px 90px 90px;
	padding-bottom: 100px;
} 

.quote-designrequest-topbar {
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 1;
	border-bottom: 1px solid #777777;
	margin-bottom: 20px;
	font-family: univers_medium;
	font-size: 16px;
	color: #000;
}

.quote-designrequest-descriptionheader {
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 2;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
}

.quote-designrequest-description {
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 3;
	grid-row-end: 3;
	font-family: univers_medium;
	font-size: 12px;
	color: #777777;
}

.quote-designrequest-textarea {
	font-family: univers_light;
	font-size: 12px;
	color: #777777;
	border: 0px none;
	height: 90%;
	width:  100%;
	resize: none;
	border-bottom: 2px solid #eeeeee;
}

.quote-designrequest-materialheader {
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 5;
	grid-row-end: 5;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
}

.dr-mat-icon {
	display: flex;
	flex-direction: column;
	width: 35px;
	height: 35px;
	align-self: center;
	margin: 5px;
}

.quote-designrequest-materialicon {
	display: flex;
	flex-direction: column;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
	text-align: center;
	border: 2px solid #eeeeee;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;	
	background: #ffffff;
	align-items: center;
}

.quote-designrequest-materialicon:hover {
	background: #81d1ed;
	color: #ffffff;
}

.quote-designrequest-materialicon.one {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 7;
	grid-row-end: 7;
}

.quote-designrequest-materialicon.two {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 7;
	grid-row-end: 7;
}

.quote-designrequest-materialicon.three {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 7;
	grid-row-end: 7;
}
.quote-designrequest-materialicon.four {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 8;
	grid-row-end: 8;
}

.quote-designrequest-materialicon.five {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 8;
	grid-row-end: 8;
}

.quote-designrequest-materialicon.six {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 8;
	grid-row-end: 8;
}

.quote-designrequest-materialicon.seven {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 9;
	grid-row-end: 9;
}

.quote-designrequest-materialicon.eight {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 9;
	grid-row-end: 9;
}

.quote-designrequest-materialicon.nine {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 9;
	grid-row-end: 9;
}

@media (max-width:1000px) {
	.quote-designrequest-wrapper {
		grid-template-columns: 100px 100px 100px;
			grid-template-rows: 60px 30px 60px 30px 30px 20px 100px 100px 100px;
	} 

	.quote-designrequest-topbar {
	}

	.quote-designrequest-descriptionheader {
	}

	.quote-designrequest-description {
	}

	.quote-designrequest-textarea {
	}

	.quote-designrequest-materialheader {
	}

	.dr-mat-icon {
	}

	.quote-designrequest-materialicon {
		display: flex;
		flex-direction: column;
		font-family: univers_medium;
		font-size: 11px;
		color: #000;
		text-align: center;
		border: 2px solid #eeeeee;
		margin: 5px 5px 5px 5px;
		padding: 5px 5px 5px 5px;	
		background: #ffffff;
		align-items: center;
	}

	.quote-designrequest-materialicon:hover {
	}

	.quote-designrequest-materialicon.one {
	}

	.quote-designrequest-materialicon.two {
	}

	.quote-designrequest-materialicon.three {

	}
	.quote-designrequest-materialicon.four {
	}

	.quote-designrequest-materialicon.five {
	}

	.quote-designrequest-materialicon.six {
	}

	.quote-designrequest-materialicon.seven {
	}

	.quote-designrequest-materialicon.eight {
	}

	.quote-designrequest-materialicon.nine {
	}
}

.quote-scanrequest-wrapper {
	display: grid;
	grid-template-columns: 133.33px 133.33px 133.33px 133.33px 133.33px 133.33px ;
	grid-template-rows: 60px 30px 90px 20px 30px 60px 20px 30px 30px 20px 30px 60px 20px 30px 60px 20px 30px 90px;
	padding-bottom: 100px;
} 

.quote-scanrequest-topbar {
	grid-column-start: 1;
	grid-column-end: 7;
	grid-row-start: 1;
	grid-row-end: 1;
	border-bottom: 1px solid #777777;
	margin-bottom: 20px;
	font-family: univers_medium;
	font-size: 16px;
	color: #000;
}

.quote-scanrequest-typeheader {
	grid-column-start: 1;
	grid-column-end: 7;
	grid-row-start: 2;
	grid-row-end: 2;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
}

.quote-scanrequest-serviceicon {
	display: flex;
	flex-direction: column;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
	text-align: center;
	border: 2px solid #eeeeee;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;	
	background: #ffffff;
	align-items: center;
}

.quote-scanrequest-serviceicon:hover {
	background: #81d1ed!important;
	color: #ffffff;
}

.quote-scanrequest-serviceicon.object {
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 3;
	grid-row-end: 3;
}

.quote-scanrequest-serviceicon.person {
	grid-column-start: 4;
	grid-column-end: 7;
	grid-row-start: 3;
	grid-row-end: 3;
}

.quote-scanrequest-descriptionheader {
	grid-column-start: 1;
	grid-column-end: 7;
	grid-row-start: 5;
	grid-row-end: 5;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
}

.quote-scanrequest-description {
	grid-column-start: 1;
	grid-column-end: 7;
	grid-row-start: 6;
	grid-row-end: 6;
	font-family: univers_medium;
	font-size: 12px;
	color: #777777;
}

.quote-scanrequest-dimensionsheader {
	grid-column-start: 1;
	grid-column-end: 7;
	grid-row-start: 8;
	grid-row-end: 8;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
}

.quote-scanrequest-dimlength{
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 9;
	grid-row-end: 9;
	font-family: univers_medium;
	font-size: 12px;
	color: #777777;
	display:flex;
	justify-content: center;
}

.quote-scanrequest-dimwidth{
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 9;
	grid-row-end: 9;
	font-family: univers_medium;
	font-size: 12px;
	color: #777777;
	display:flex;
	justify-content: center;
}

.quote-scanrequest-dimheight{
	grid-column-start: 5;
	grid-column-end: 7;
	grid-row-start: 9;
	grid-row-end: 9;
	font-family: univers_medium;
	font-size: 12px;
	color: #777777;
	display:flex;
	justify-content: center;
}

.quote-scanrequest-intendeduseheader {
	grid-column-start: 1;
	grid-column-end: 7;
	grid-row-start: 11;
	grid-row-end: 11;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
}

.quote-scanrequest-intendeduse {
	grid-column-start: 1;
	grid-column-end: 7;
	grid-row-start: 12;
	grid-row-end: 12;
	font-family: univers_medium;
	font-size: 12px;
	color: #777777;
}

.quote-scanrequest-modificationheader {
	grid-column-start: 1;
	grid-column-end: 7;
	grid-row-start: 14;
	grid-row-end: 14;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
}

.quote-scanrequest-modification {
	grid-column-start: 1;
	grid-column-end: 7;
	grid-row-start: 15;
	grid-row-end: 15;
	font-family: univers_medium;
	font-size: 12px;
	color: #777777;
}

.quote-scanrequest-serviceoptheader {
	grid-column-start: 1;
	grid-column-end: 7;
	grid-row-start: 17;
	grid-row-end: 17;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
}

.quote-scanrequest-textarea {
	font-family: univers_light;
	font-size: 12px;
	color: #777777;
	border: 0px none;
	height: 90%;
	width:  100%;
	resize: none;
	border-bottom: 2px solid #eeeeee;
	display: flex;
	align-self: center;
}

.quote-scanrequest-textarea.dimensions {
	width:  50%;
}

.quote-scanrequest-serviceicon.opt1{
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 18;
	grid-row-end: 18;
}
.quote-scanrequest-serviceicon.opt2 {
	grid-column-start: 4;
	grid-column-end: 7;
	grid-row-start: 18;
	grid-row-end: 18;
}


@media (max-width:1000px) {
	.quote-scanrequest-wrapper {
		display: grid;
		grid-template-columns: 43.33px 43.33px 43.33px 43.33px 43.33px 43.33px ;
		grid-template-rows: 60px 30px 90px 20px 30px 60px 20px 30px 30px 20px 30px 60px 20px 30px 60px 20px 30px 90px;
		padding-bottom: 100px;
	} 

	.quote-scanrequest-topbar {
	}

	.quote-scanrequest-typeheader {
	}

	.quote-scanrequest-serviceicon {
	}

	.quote-scanrequest-serviceicon:hover {
	}

	.quote-scanrequest-serviceicon.object {
	}

	.quote-scanrequest-serviceicon.person {
	}

	.quote-scanrequest-descriptionheader {
	}

	.quote-scanrequest-description {
	}

	.quote-scanrequest-dimensionsheader {
	}

	.quote-scanrequest-dimlength{
	}

	.quote-scanrequest-dimwidth{
	}

	.quote-scanrequest-dimheight{
	}

	.quote-scanrequest-intendeduseheader {
	}

	.quote-scanrequest-intendeduse {
	}

	.quote-scanrequest-modificationheader {
	}

	.quote-scanrequest-modification {
	}

	.quote-scanrequest-serviceoptheader {
	}

	.quote-scanrequest-textarea {
	}

	.quote-scanrequest-textarea.dimensions {
	}

	.quote-scanrequest-serviceicon.opt1{
	}
	
	.quote-scanrequest-serviceicon.opt2 {
	}
}


.quote-request-wrapper {
	display: grid;
	grid-template-columns: 150px 250px 150px 250px;
	grid-template-rows: 60px 30px 20px 30px 20px 60px;
	padding-bottom: 50px;
} 

.quote-request-topbar {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 1;
	border-bottom: 1px solid #777777;
	margin-bottom: 20px;
	font-family: univers_medium;
	font-size: 16px;
	color: #000;
}

.quote-request-firstnameheader {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 2;
	grid-row-end: 2;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
}

.quote-request-firstname {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 2;
	font-family: univers_medium;
	font-size: 12px;
	color: #777777;
}

.quote-request-lastnameheader {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 2;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
}

.quote-request-lastname {
	grid-column-start: 4;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 2;
	font-family: univers_medium;
	font-size: 12px;
	color: #777777;
}

.quote-request-phoneheader {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 4;
	grid-row-end: 4;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
}

.quote-request-phone {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 4;
	grid-row-end: 4;
	font-family: univers_medium;
	font-size: 12px;
	color: #777777;
}

.quote-request-emailheader {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 4;
	grid-row-end: 4;
	font-family: univers_medium;
	font-size: 12px;
	color: #000;
}

.quote-request-email {
	grid-column-start: 4;
	grid-column-end: 4;
	grid-row-start: 4;
	grid-row-end: 4;
	font-family: univers_medium;
	font-size: 12px;
	color: #777777;
}

.quote-request-textarea {
	font-family: univers_light;
	font-size: 12px;
	color: #777777;
	border: 0px none;
	height: 90%;
	width:  80%;
	resize: none;
	border-bottom: 2px solid #eeeeee;
}

@media (max-width:1000px) {
	.quote-request-wrapper {
		display: grid;
		grid-template-columns: 80px 180px;
		grid-template-rows: 80px 30px 20px 30px 20px 30px 20px 30px 20px 120px;
		padding-bottom: 40px;
	} 

	.quote-request-topbar {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 1;
		border-bottom: 1px solid #777777;
		margin-bottom: 20px;
		font-family: univers_medium;
		font-size: 16px;
		color: #000;
	}

	.quote-request-firstnameheader {
		grid-column-start: 1;
		grid-column-end: 1;
		grid-row-start: 2;
		grid-row-end: 2;
		font-family: univers_medium;
		font-size: 12px;
		color: #000;
	}

	.quote-request-firstname {
		grid-column-start: 2;
		grid-column-end: 2;
		grid-row-start: 2;
		grid-row-end: 2;
		font-family: univers_medium;
		font-size: 12px;
		color: #000;
	}

	.quote-request-lastnameheader {
		grid-column-start: 	1;
		grid-column-end: 1;
		grid-row-start: 4;
		grid-row-end: 4;
		font-family: univers_medium;
		font-size: 12px;
		color: #000;
	}

	.quote-request-lastname {
		grid-column-start: 2;
		grid-column-end: 2;
		grid-row-start: 4;
		grid-row-end: 4;
		font-family: univers_medium;
		font-size: 12px;
		color: #000;
	}

	.quote-request-phoneheader {
		grid-column-start: 1;
		grid-column-end: 1;
		grid-row-start: 6;
		grid-row-end: 6;
		font-family: univers_medium;
		font-size: 12px;
		color: #000;
	}

	.quote-request-phone {
		grid-column-start: 2;
		grid-column-end: 2;
		grid-row-start: 6;
		grid-row-end: 6;
		font-family: univers_medium;
		font-size: 12px;
		color: #000;
	}

	.quote-request-emailheader {
		grid-column-start: 1;
		grid-column-end: 1;
		grid-row-start: 8;
		grid-row-end: 8;
		font-family: univers_medium;
		font-size: 12px;
		color: #000;
	}

	.quote-request-email {
		grid-column-start: 2;
		grid-column-end: 2;
		grid-row-start: 8;
		grid-row-end: 8;
		font-family: univers_medium;
		font-size: 12px;
		color: #000;
	}
}

.quote-request-services-wrapper {
	display: grid;
	grid-template-columns: 150px 250px 150px 250px;
	grid-template-rows: 60px 20px 20px 20px 20px 60px;
	padding-bottom: 20px;
} 

.contact-request-wrapper {
    display: grid;
    grid-template-columns: 150px 250px 150px 250px;
    grid-template-rows: 30px 20px 30px 20px 30px 60px 20px 120px;
    padding-bottom: 50px;
    text-align: right;
} 

.contact-request-firstnameheader {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    font-family: univers_medium;
    font-size: 14px;
    color: #000;
}

.contact-request-firstname {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
    font-family: univers_medium;
    font-size: 14px;
    color: #777777;
}

.contact-request-lastnameheader {
    grid-column-start: 3;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 1;
    font-family: univers_medium;
    font-size: 14px;
    color: #000;
}

.contact-request-lastname {
    grid-column-start: 4;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 1;
    font-family: univers_medium;
    font-size: 14px;
    color: #777777;
}

.contact-request-phoneheader {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 3;
    grid-row-end: 3;
    font-family: univers_medium;
    font-size: 14px;
    color: #000;
}

.contact-request-phone {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 3;
    font-family: univers_medium;
    font-size: 14px;
    color: #777777;
}

.contact-request-emailheader {
    grid-column-start: 3;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 3;
    font-family: univers_medium;
    font-size: 14px;
    color: #000;
}

.contact-request-email {
    grid-column-start: 4;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 3;
    font-family: univers_medium;
    font-size: 14px;
    color: #777777;
}

.contact-request-textarea {
    font-family: univers_light;
    font-size: 14px;
    color: #777777;
    border: 0px none;
    height: 90%;
    width:  80%;
    resize: none;
    border-bottom: 2px solid #eeeeee;
}

.contact-request-descriptionheader {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 5;
    text-align: left;
    font-family: univers_medium;
    font-size: 14px;
    color: #000;
}

.contact-request-description {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 6;
    grid-row-end: 6;
    font-family: univers_medium;
    font-size: 14px;
    color: #777777;
}

.contact-request-upload {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 8;
    grid-row-end: 8;
    border: 1px solid #777777;
    border-radius: 10px;
    background-image: url(/images/home/contact-upload-btn-lg.png);
}

@media (max-width:1000px) {
    .contact-request-wrapper {
        display: grid;
        grid-template-columns: 80px 180px;
        grid-template-rows: 30px 20px 30px 20px 30px 20px 30px 20px 120px 20px 120px;
        padding-bottom: 40px;
    } 

    .contact-request-firstnameheader {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
        font-family: univers_medium;
        font-size: 12px;
        color: #000;
    }

    .contact-request-firstname {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 1;
        font-family: univers_medium;
        font-size: 12px;
        color: #000;
    }

    .contact-request-lastnameheader {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 3;
        grid-row-end: 3;
        font-family: univers_medium;
        font-size: 12px;
        color: #000;
    }

    .contact-request-lastname {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 3;
        font-family: univers_medium;
        font-size: 12px;
        color: #000;
    }

    .contact-request-phoneheader {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 5;
        grid-row-end: 5;
        font-family: univers_medium;
        font-size: 12px;
        color: #000;
    }

    .contact-request-phone {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 5;
        grid-row-end: 5;
        font-family: univers_medium;
        font-size: 12px;
        color: #000;
    }

    .contact-request-emailheader {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 7;
        grid-row-end: 7;
        font-family: univers_medium;
        font-size: 12px;
        color: #000;
    }

    .contact-request-email {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 7;
        grid-row-end: 7;
        font-family: univers_medium;
        font-size: 12px;
        color: #000;
    }

    .contact-request-descriptionheader {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 9;
        grid-row-end: 9;
        text-align: left;
        font-family: univers_medium;
        font-size: 12px;
        color: #000;
    }

    .contact-request-description {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 9;
        grid-row-end: 9;
        font-family: univers_medium;
        font-size: 12px;
        color: #777777;
    }

    .contact-request-upload {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 11;
        grid-row-end: 11;
        border: 1px solid #777777;
        border-radius: 10px;
        background-image: url(/images/home/contact-upload-btn-sm.png);
    }
}

.seo-landing-wrapper {
	display: grid;
	grid-template-columns: 70px 220px;
	grid-template-rows: 30px 15px 30px 15px 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.seo-landing-firstnameheader {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
	font-family: univers_medium;
	font-size: 14px;
	color: #FFF;
	text-align: right;
	vertical-align: middle;
}

.seo-landing-firstname {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
	font-family: univers_medium;
	font-size: 14px;
	color: #000;
}

.seo-landing-lastnameheader {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 3;
	grid-row-end: 3;
	font-family: univers_medium;
	font-size: 14px;
	color: #FFF;
	text-align: right;
}

.seo-landing-lastname {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 3;
	grid-row-end: 3;
	font-family: univers_medium;
	font-size: 14px;
	color: #000;
}

.seo-landing-emailheader {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 5;
	grid-row-end: 5;
	font-family: univers_medium;
	font-size: 14px;
	color: #FFF;
	text-align: right;
}

.seo-landing-email {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 5;
	grid-row-end: 5;
	font-family: univers_medium;
	font-size: 14px;
	color: #000;
}

.pr-signup-wrapper {
	display: grid;
	grid-template-columns: 50px 250px;
	grid-template-rows: 30px 15px 30px 15px 30px ;
	padding-top: 20px;
	padding-bottom: 20px;
}

.pr-signup-firstnameheader {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
	font-family: univers_medium;
	font-size: 14px;
	color: #FFF;
	text-align: left;
}

.pr-signup-firstname {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
	font-family: univers_medium;
	font-size: 14px;
	color: #000;
	text-align: center;
}

.pr-signup-lastnameheader {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 3;
	grid-row-end: 3;
	font-family: univers_medium;
	font-size: 14px;
	color: #FFF;
	text-align: left;
}

.pr-signup-lastname {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 3;
	grid-row-end: 3;
	font-family: univers_medium;
	font-size: 14px;
	color: #000;
	text-align: center;
}

.pr-signup-emailheader {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 5;
	grid-row-end: 5;
	font-family: univers_medium;
	font-size: 14px;
	color: #FFF;
	text-align: left;
}

.pr-signup-email {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 5;
	grid-row-end: 5;
	font-family: univers_medium;
	font-size: 14px;
	color: #000;
	text-align: center;
}
	
	
.admin-section .admin-section-header {
    padding: 10px;
    margin: 10px;
    border-bottom: 1px solid #EEE
}

.admin-section .admin-section-header .admin-header-text {
    font-size: 24px;
    font-family: univers_light;
    color: #555;
	align-content: left
}

.admin-section .admin-section-header .admin-header-detail-text {
    font-size: 18px;
    font-family: univers_light;
    color: #555;
	align-content: right
}

.admin-section .admin-viewer-section-body {
    padding: 10px;

    margin: 20px 10px 10px 10px
}

.admin-section .admin-chat-convo-section-body {
    padding: 10px;
	height: 500px;
	overflow-y: scroll; // Only add scroll to vertical column
    margin: 20px 10px 10px 10px
}

.admin-section .admin-chat-entry-section-body {
    padding: 10px;
	height: 200px;
    margin: 20px 10px 10px 10px
}

.admin-section .admin-section-footer {
    margin: 20px
}

.admin-section .admin-section-footer .admin-section-link-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.admin-section .admin-section-footer .admin-section-link-bar .admin-links-left {
    width: 33%
}

.admin-section .admin-section-footer .admin-section-link-bar .admin-links-mid {
    width: 33%
}

.admin-section .admin-section-footer .admin-section-link-bar .admin-links-right {
    text-align: right;
    width: 33%
}

.admin-section .admin-gallery-dropzone-file-list {
    padding: 20px 0
}

.admin-section .admin-gallery-dropzone-file-list .admin-gallery-file:not(:last-child) {
    margin-bottom: 10px
}

.admin-section .admin-gallery-dropzone-file-list .admin-gallery-file .admin-gallery-progress-container {
    margin-left: 20px
}

.admin-section .admin-gallery-dropzone-file-list .admin-gallery-file .admin-gallery-progress-container>.progress-bar {
    width: 0;
    height: 2px;
    float: none
}

.admin-section .admin-gallery-dropzone-file-list .admin-gallery-file .admin-gallery-dropzone-file-data {
    width: 100%;
    overflow: auto;
    background: #FFF;
    padding: 5px 0 10px 0;
    color: #555
}

.admin-section .admin-gallery-dropzone-file-list .admin-gallery-file .admin-gallery-dropzone-file-data .admin-gallery-file-data.file-progress {
    float: right;
    color: #80d2ee;
    font-family: univers_light;
    letter-spacing: .1em;
    font-size: 10px
}

.admin-section .admin-gallery-dropzone-file-list .admin-gallery-file .admin-gallery-dropzone-file-data .admin-gallery-file-data.file-name {
    font-family: univers_condensed_regular;
    font-size: 14px;
    max-width: 90%;
    overflow: auto;
    white-space: nowrap
}

.admin-section .admin-gallery-dropzone-file-list .admin-gallery-file .admin-gallery-dropzone-file-data .admin-gallery-file-data.file-name .admin-gallery-file-description {
    display: block;
    width: 100%;
    margin-top: 4px
}

.admin-section .admin-gallery-dropzone-file-list .admin-gallery-file .admin-gallery-dropzone-file-data .admin-gallery-file-data.file-name .admin-gallery-file-data-text {
    display: inline-block;
    font-family: univers_regular;
    font-size: 12px;
    color: #777
}

.admin-section .admin-gallery-dropzone-file-list .admin-gallery-file .admin-gallery-dropzone-file-data .admin-gallery-file-data.file-name .admin-gallery-file-icon {
    display: inline-block;
    color: #80d2ee;
    padding-right: 5px
}

.admin-section .admin-gallery-dropzone-file-list .admin-gallery-file .admin-gallery-dropzone-file-data .admin-gallery-file-data.file-name .admin-gallery-file-thumb {
    display: inline-block;
    vertical-align: top;
    max-width: 80px;
    max-height: 80px;
    margin-right: 10px
}

.admin-section .admin-gallery-dropzone-file-list .admin-gallery-file .admin-gallery-dropzone-file-data .admin-gallery-file-data.file-name .admin-gallery-file-thumb .admin-gallery-file-img {
    max-width: 80px;
    max-height: 80px
}

.admin-section .admin-gallery-dropzone-file-list .admin-gallery-file .admin-gallery-dropzone-file-data .admin-gallery-file-data.file-status {
    font-family: univers_light;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 10px;
    padding-top: 5px;
    padding-left: 19px;
    color: #80d2ee
}

.admin-section .admin-gallery-dropzone {
    min-height: 200px;
    position: relative;
    cursor: pointer
}

.admin-section .admin-gallery-dropzone .admin-gallery-dropzone-bg {
    height: 200px;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    border: 1px solid #EEE
}

.admin-section .admin-gallery-dropzone .admin-gallery-dropzone-bg .admin-gallery-dropzone-bg-icon {
    height: 300px;
    width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 160px;
    color: #F7F7F7;
    overflow: hidden
}

.admin-section .admin-gallery-dropzone .admin-gallery-dropzone-bg .admin-gallery-dropzone-overlay {
    z-index: 1;
    max-width: 400px
}

.admin-section .admin-gallery-dropzone .admin-gallery-dropzone-bg .admin-gallery-dropzone-overlay .admin-gallery-dropzone-overlay-body {
    text-align: center;
    padding: 10px;
	color: #777777;
    font-family: univers_bold;
	font-size: 20px;
    letter-spacing: 1px;
}

.admin-section .admin-gallery-uploads-header {
    margin: 20px 0 40px 0;
    font-family: univers_light;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: .15em;
    border-bottom: 1px solid #CCC
}

.admin-section .admin-gallery-uploads {
    width: 100%
}

.admin-section .admin-gallery-uploads .admin-gallery-user-file {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.admin-section .admin-gallery-uploads .admin-gallery-user-file:not(:last-child) {
    margin-bottom: 50px
}

.admin-section .admin-gallery-uploads .admin-gallery-user-file:last-child {
    margin-bottom: 40px
}

.admin-section .admin-gallery-uploads .admin-gallery-user-file .admin-gallery-user-file-header {
    width: 100%
}

.admin-section .admin-gallery-uploads .admin-gallery-user-file .file-name {
    font-family: univers_condensed_regular;
    font-size: 20px;
    width: 100%;
    margin-bottom: 10px
}

.admin-section .admin-gallery-uploads .admin-gallery-user-file .file-preview {
    min-width: 180px;
    height: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    background: #EEE;
    overflow: hidden
}

@media (max-width:499px) {
    .admin-section .admin-gallery-uploads .admin-gallery-user-file .file-preview {
        width: 100%;
        margin: 0
    }
}

@media (min-width:500px) {
    .admin-section .admin-gallery-uploads .admin-gallery-user-file .file-preview {
        width: 180px;
        margin: 0 10px 0 0
    }
}

.admin-section .admin-gallery-uploads .admin-gallery-user-file .file-preview .file-preview-img {
    max-width: 160px;
    max-height: 100px
}

.admin-section .admin-gallery-uploads .admin-gallery-user-file .file-info {
    min-width: 200px;
    height: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.admin-section .admin-gallery-uploads .admin-gallery-user-file .file-info .file-material {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 10px
}

.admin-section .admin-gallery-uploads .admin-gallery-user-file .file-info .file-material .file-material-title {
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
    color: #555;
    font-family: univers_regular
}

.admin-section .admin-gallery-uploads .admin-gallery-user-file .file-info .file-description {
    font-family: univers_light;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .15em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.admin-section .admin-gallery-uploads .admin-gallery-user-file .file-info .file-description .admin-gallery-description-input {
    display: block;
    width: 100%;
    border: 1px solid #CCC;
    resize: none;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.admin-section .admin-gallery-thumbnail-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    margin: 0 -10px
}

.admin-section .admin-gallery-thumbnail-container .admin-gallery-image-edit-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    height: 150px;
    margin: 10px
}

@media (max-width:991px) {
    .admin-section .admin-gallery-thumbnail-container .admin-gallery-image-edit-group {
        width: 400px
    }
}

@media (min-width:992px) {
    .admin-section .admin-gallery-thumbnail-container .admin-gallery-image-edit-group {
        width: 500px
    }
}

.admin-section .admin-gallery-thumbnail-container .admin-gallery-image-edit-group .admin-gallery-thumbnail-link {
    text-align: center
}

.admin-section .admin-gallery-thumbnail-container .admin-gallery-image-edit-group .admin-gallery-thumbnail-link .admin-gallery-thumbnail-img {
    max-width: 150px;
    max-height: 150px
}

.admin-section .admin-gallery-thumbnail-container .admin-gallery-image-edit-group .admin-gallery-thumbnail-description-box {
    height: 120px;
    margin-left: 10px;
    border: 1px solid #EEE
}

@media (max-width:991px) {
    .admin-section .admin-gallery-thumbnail-container .admin-gallery-image-edit-group .admin-gallery-thumbnail-description-box {
        width: 240px
    }
}

@media (min-width:992px) {
    .admin-section .admin-gallery-thumbnail-container .admin-gallery-image-edit-group .admin-gallery-thumbnail-description-box {
        width: 340px
    }
}

.admin-section .admin-gallery-thumbnail-container .admin-gallery-image-edit-group .admin-gallery-thumbnail-description-box .admin-gallery-thumbnail-description {
    width: 100%;
    height: 100%;
    padding: 5px;
    border: 1px solid transparent;
    resize: none;
    overflow: auto;
    font-family: univers_condensed_regular;
    font-size: 14px
}

.admin-section .admin-gallery-thumbnail-container .admin-gallery-image-edit-group .admin-gallery-thumbnail-description-box .admin-gallery-thumbnail-description.modified {
    border: 2px solid #80d2ee
}

.admin-section .admin-gallery-thumbnail-container .admin-gallery-image-edit-group .admin-gallery-thumbnail-description-box .admin-gallery-thumbnail-description.editable {
    font-family: univers_light;
    background-color: rgba(83, 194, 232, .1)
}

.admin-section .admin-gallery-thumbnail-container .admin-gallery-image-edit-group .admin-gallery-thumbnail-control-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    margin-left: 10px;
    width: 240px
}

@media (max-width:991px) {
    .admin-section .admin-gallery-thumbnail-container .admin-gallery-image-edit-group .admin-gallery-thumbnail-control-box {
        width: 240px
    }
}

@media (min-width:992px) {
    .admin-section .admin-gallery-thumbnail-container .admin-gallery-image-edit-group .admin-gallery-thumbnail-control-box {
        width: 340px
    }
}

.admin-section .quote-file-dropzone-file-list {
    padding: 20px 0
}

.admin-section .quote-file-dropzone-file-list .quote-file:not(:last-child) {
    margin-bottom: 10px
}

.admin-section .quote-file-dropzone-file-list .quote-file .quote-file-progress-container {
    margin-left: 20px
}

.admin-section .quote-file-dropzone-file-list .quote-file .quote-li-wrapper .progress-bar {
    width: 0;
    height: 2px;
    float: none
}

.admin-section .quote-file-dropzone-file-list .quote-file .quote-file-dropzone-file-data {
    width: 100%;
    overflow: auto;
    background: #FFF;
    padding: 5px 0 10px 0;
    color: #555
}

.admin-section .quote-file-dropzone-file-list .quote-file .quote-file-dropzone-file-data .quote-file-data.file-progress {
    float: right;
    color: #80d2ee;
    font-family: univers_light;
    letter-spacing: .1em;
    font-size: 10px
}

.admin-section .quote-file-dropzone-file-list .quote-file .quote-file-dropzone-file-data .quote-file-data.file-name {
    font-family: univers_condensed_regular;
    font-size: 14px;
    max-width: 90%;
    overflow: auto;
    white-space: nowrap
}

.admin-section .quote-file-dropzone-file-list .quote-file .quote-file-dropzone-file-data .quote-file-data.file-name .quote-file-description {
    display: block;
    width: 100%;
    margin-top: 4px
}

.admin-section .quote-file-dropzone-file-list .quote-file .quote-file-dropzone-file-data .quote-file-data.file-name .quote-file-data-text {
    display: inline-block;
	width: 80%;
	height: auto;
    font-family: univers_regular;
    font-size: 12px;
    color: #777
}

.admin-section .quote-file-dropzone-file-list .quote-file .quote-file-dropzone-file-data .quote-file-data.file-name .quote-file-icon {
    display: inline-block;
    color: #80d2ee;
    padding-right: 5px
}

.admin-section .quote-file-dropzone-file-list .quote-file .quote-file-dropzone-file-data .quote-file-data.file-name .quote-file-thumb {
    display: inline-block;
    vertical-align: top;
    max-width: 80px;
    max-height: 80px;
    margin-right: 10px
}

.admin-section .quote-file-dropzone-file-list .quote-file .quote-file-dropzone-file-data .quote-file-data.file-name .quote-file-thumb .quote-file-img {
    max-width: 80px;
    max-height: 80px
}

.admin-section .quote-file-dropzone-file-list .quote-file .quote-file-dropzone-file-data .quote-file-data.file-status {
    font-family: univers_light;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 10px;
    padding-top: 5px;
    padding-left: 19px;
    color: #80d2ee
}

.admin-section .quote-file-dropzone {
    height: 100%;
    position: relative;
    cursor: pointer
}

.admin-section .quote-file-dropzone .quote-file-dropzone-bg {
    height: 100%;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    /*border: 1px solid #EEE*/
}

.admin-section .quote-file-dropzone .quote-file-dropzone-bg .quote-file-dropzone-bg-icon {
    height: 300px;
    width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 160px;
    color: #F7F7F7;
    overflow: hidden
}

.admin-section .quote-file-dropzone .quote-file-dropzone-bg .quote-file-dropzone-overlay {
    z-index: 1;
    max-width: 400px;
	top:
}

.admin-section .quote-file-dropzone .quote-file-dropzone-bg .quote-file-dropzone-overlay .quote-file-dropzone-overlay-body {
    text-align: center;
	color: #000000;
    font-family: univers_condensed_regular;
	font-size: 28px;
    letter-spacing: 1px;
	padding-top: 20px;
}

.admin-section .quote-file-dropzone .quote-file-dropzone-bg .quote-file-dropzone-overlay .quote-file-dropzone-overlay-subtext {
    text-align: center;
	color: #000000;
    font-family: univers_condensed_regular;
	font-size: 20px;
    letter-spacing: 1px;
	padding-top: 20px;
}

.admin-section .quote-file-uploads-header {
    margin: 20px 0 40px 0;
    font-family: univers_light;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: .15em;
    border-bottom: 1px solid #CCC
}

.admin-section .quote-file-uploads {
    width: 100%
}

.admin-section .quote-file-uploads .quote-file-user-file {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.admin-section .quote-file-uploads .quote-file-user-file:not(:last-child) {
    margin-bottom: 50px
}

.admin-section .quote-file-uploads .quote-file-user-file:last-child {
    margin-bottom: 40px
}

.admin-section .quote-file-uploads .quote-file-user-file .quote-file-user-file-header {
    width: 100%
}

.admin-section .quote-file-uploads .quote-file-user-file .file-name {
    font-family: univers_condensed_regular;
    font-size: 20px;
    width: 100%;
    margin-bottom: 10px
}

.admin-section .quote-file-uploads .quote-file-user-file .file-preview {
    min-width: 180px;
    height: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    background: #EEE;
    overflow: hidden
}

@media (max-width:499px) {
    .admin-section .quote-file-uploads .quote-file-user-file .file-preview {
        width: 100%;
        margin: 0
    }
}

@media (min-width:500px) {
    .admin-section .quote-file-uploads .quote-file-user-file .file-preview {
        width: 180px;
        margin: 0 10px 0 0
    }
}

.admin-section .quote-file-uploads .quote-file-user-file .file-preview .file-preview-img {
    max-width: 160px;
    max-height: 100px
}

.admin-section .quote-file-uploads .quote-file-user-file .file-info {
    min-width: 200px;
    height: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.admin-section .quote-file-uploads .quote-file-user-file .file-info .file-material {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 10px
}

.admin-section .quote-file-uploads .quote-file-user-file .file-info .file-material .file-material-title {
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
    color: #555;
    font-family: univers_regular
}

.admin-section .quote-file-uploads .quote-file-user-file .file-info .file-description {
    font-family: univers_light;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .15em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.admin-section .quote-file-uploads .quote-file-user-file .file-info .file-description .quote-file-description-input {
    display: block;
    width: 100%;
    border: 1px solid #CCC;
    resize: none;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.admin-section .quote-file-thumbnail-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    margin: 0 -10px
}

.admin-section .quote-file-thumbnail-container .quote-file-image-edit-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    height: 150px;
    margin: 10px
}

@media (max-width:991px) {
    .admin-section .quote-file-thumbnail-container .quote-file-image-edit-group {
        width: 400px
    }
}

@media (min-width:992px) {
    .admin-section .quote-file-thumbnail-container .quote-file-image-edit-group {
        width: 500px
    }
}

.admin-section .quote-file-thumbnail-container .quote-file-image-edit-group .quote-file-thumbnail-link {
    text-align: center
}

.admin-section .quote-file-thumbnail-container .quote-file-image-edit-group .quote-file-thumbnail-link .quote-file-thumbnail-img {
    max-width: 150px;
    max-height: 150px
}

.admin-section .quote-file-thumbnail-container .quote-file-image-edit-group .quote-file-thumbnail-description-box {
    height: 120px;
    margin-left: 10px;
    border: 1px solid #EEE
}

@media (max-width:991px) {
    .admin-section .quote-file-thumbnail-container .quote-file-image-edit-group .quote-file-thumbnail-description-box {
        width: 240px
    }
}

@media (min-width:992px) {
    .admin-section .quote-file-thumbnail-container .quote-file-image-edit-group .quote-file-thumbnail-description-box {
        width: 340px
    }
}

.admin-section .quote-file-thumbnail-container .quote-file-image-edit-group .quote-file-thumbnail-description-box .quote-file-thumbnail-description {
    width: 100%;
    height: 100%;
    padding: 5px;
    border: 1px solid transparent;
    resize: none;
    overflow: auto;
    font-family: univers_condensed_regular;
    font-size: 14px
}

.admin-section .quote-file-thumbnail-container .quote-file-image-edit-group .quote-file-thumbnail-description-box .quote-file-thumbnail-description.modified {
    border: 2px solid #80d2ee
}

.admin-section .quote-file-thumbnail-container .quote-file-image-edit-group .quote-file-thumbnail-description-box .quote-file-thumbnail-description.editable {
    font-family: univers_light;
    background-color: rgba(83, 194, 232, .1)
}

.admin-section .quote-file-thumbnail-container .quote-file-image-edit-group .quote-file-thumbnail-control-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    margin-left: 10px;
    width: 240px
}

@media (max-width:991px) {
    .admin-section .quote-file-thumbnail-container .quote-file-image-edit-group .quote-file-thumbnail-control-box {
        width: 240px
    }
}

@media (min-width:992px) {
    .admin-section .quote-file-thumbnail-container .quote-file-image-edit-group .quote-file-thumbnail-control-box {
        width: 340px
    }
}

.admin-dhr-manager {
    font-size: 10px;
    background: #FFF;
    padding: 3em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.admin-dhr-manager .admin-dhr-header {
    font-size: 1.6em;
    font-family: univers_regular;
    color: #777
}

.admin-dhr-manager .admin-dhr-body .dhr {
    padding: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dhr-manager .admin-dhr-body .dhr:not(:last-child) {
    margin-right: 1em
}

.admin-dhr-manager .admin-dhr-body .dhr:nth-child(even) {
    background: #f8f8f8
}

.admin-dhr-manager .admin-dhr-body .dhr.dhr-info-labels {
    font-family: univers_regular;
    color: #777
}

.admin-dhr-manager .admin-dhr-body .dhr .dhr-info-label {
    font-size: 1.3em
}

.admin-dhr-manager .admin-dhr-body .dhr .dhr-date {
    -webkit-flex-basis: 12em;
    -ms-flex-preferred-size: 12em;
    flex-basis: 12em;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.admin-dhr-manager .admin-dhr-body .dhr .dhr-email {
    -webkit-flex-basis: 15em;
    -ms-flex-preferred-size: 15em;
    flex-basis: 15em;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.admin-dhr-manager .admin-dhr-body .dhr .dhr-files {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-flex-basis: 4em;
    -ms-flex-preferred-size: 4em;
    flex-basis: 4em;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.admin-dhr-manager .admin-dhr-body .dhr .dhr-description {
    max-height: 4em;
    overflow: auto;
    -webkit-flex-basis: 25em;
    -ms-flex-preferred-size: 25em;
    flex-basis: 25em;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.admin-dhr-manager .admin-dhr-body .dhr .dhr-btns {
    -webkit-flex-basis: 15em;
    -ms-flex-preferred-size: 15em;
    flex-basis: 15em;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.admin-dhr-manager .admin-dhr-footer {
    padding-top: 3em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-account-manager {
    font-size: 10px;
    background: #FFF;
    padding: 3em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.admin-account-manager .admin-account-header {
    font-size: 1.6em;
    font-family: univers_regular;
    color: #777
}

.accounts-overview.admin-account-manager .admin-account-body .account {
    padding: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.accounts-overview.admin-account-manager .admin-account-body .account:not(:last-child) {
    margin-right: 1em
}

.accounts-overview.admin-account-manager .admin-account-body .account:nth-child(even) {
    background: #f8f8f8
}

.accounts-overview.admin-account-manager .admin-account-body .account.account-info-labels {
    font-family: univers_regular;
    color: #777
}

.accounts-overview.admin-account-manager .admin-account-body .account .account-info-label {
    font-size: 1.3em
}

.accounts-overview.admin-account-manager .admin-account-body .account .account-date {
    -webkit-flex-basis: 12em;
    -ms-flex-preferred-size: 12em;
    flex-basis: 12em;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.accounts-overview.admin-account-manager .admin-account-body .account .account-email {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-flex-basis: 15em;
    -ms-flex-preferred-size: 15em;
    flex-basis: 15em;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.accounts-overview.admin-account-manager .admin-account-body .account .account-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-flex-basis: 5em;
    -ms-flex-preferred-size: 5em;
    flex-basis: 5em;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.accounts-overview.admin-account-manager .admin-account-body .account .account-verified {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-flex-basis: 5em;
    -ms-flex-preferred-size: 5em;
    flex-basis: 5em;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.accounts-overview.admin-account-manager .admin-account-body .account .account-btns {
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-flex-basis: 15em;
    -ms-flex-preferred-size: 15em;
    flex-basis: 15em;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.view-account.admin-account-manager .admin-account-body .account {
    margin: 2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.view-account.admin-account-manager .admin-account-body .account .account-info {
    margin: 1em 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.view-account.admin-account-manager .admin-account-body .account .account-info .account-info-label {
    font-size: 1.3em;
    font-family: univers_condensed_regular;
    -webkit-flex-basis: 8em;
    -ms-flex-preferred-size: 8em;
    flex-basis: 8em;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.view-account.admin-account-manager .admin-account-body .account .account-info .account-info-value {
    font-size: 1.3em;
    font-family: univers_regular;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.admin-account-manager .admin-account-footer {
    padding-top: 3em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard {
    font-size: 10px
}

.admin-dashboard::input-placeholder {
    color: #cdd3dc!important;
    font-family: univers_light!important
}

.admin-dashboard::-webkit-input-placeholder {
    color: #cdd3dc!important;
    font-family: univers_light!important
}

.admin-dashboard:-ms-input-placeholder {
    color: #cdd3dc!important;
    font-family: univers_light!important
}

.admin-dashboard::-ms-input-placeholder {
    color: #cdd3dc!important;
    font-family: univers_light!important
}

.admin-dashboard:-moz-placeholder {
    color: #cdd3dc!important;
    font-family: univers_light!important
}

.admin-dashboard::-moz-placeholder {
    color: #cdd3dc!important;
    font-family: univers_light!important
}

.admin-dashboard::-webkit-input-placeholder {
    color: #cdd3dc!important;
    font-family: univers_light!important
}

.admin-dashboard .dash-component {
    background: #FFF;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dash-component .dash-nav-component {
    position: relative;
    height: 100vh;
    width: 225px;
    background: #FFF;
    overflow-y: auto;
    padding-top: 48px;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

@media (max-width:499px) {
    .admin-dashboard .dash-component .dash-nav-component {
        position: relative
    }
}

@media (min-width:500px) and (max-width:767px) {
    .admin-dashboard .dash-component .dash-nav-component {
        position: relative
    }
}

@media (min-width:768px) and (max-width:991px) {
    .admin-dashboard .dash-component .dash-nav-component {
        position: fixed
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .admin-dashboard .dash-component .dash-nav-component {
        position: fixed
    }
}

@media (min-width:1200px) {
    .admin-dashboard .dash-component .dash-nav-component {
        position: fixed
    }
}

.admin-dashboard .dash-component .dash-nav-component .dash-nav-header {
    background: #8A98AC!important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.admin-dashboard .dash-component .dash-content-component {
    background: #F7F7F7;
    overflow-y: auto;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .admin-dashboard .dash-component .dash-content-component {
        margin-left: 0
    }
}

@media (min-width:500px) and (max-width:767px) {
    .admin-dashboard .dash-component .dash-content-component {
        margin-left: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .admin-dashboard .dash-component .dash-content-component {
        margin-left: 225px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .admin-dashboard .dash-component .dash-content-component {
        margin-left: 225px
    }
}

@media (min-width:1200px) {
    .admin-dashboard .dash-component .dash-content-component {
        margin-left: 225px
    }
}

.admin-dashboard .dash-component .dash-content-component h1 {
    font-size: 13px!important;
    font-weight: 300!important;
    line-height: 13px!important;
    text-transform: uppercase;
    letter-spacing: .25em!important;
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.admin-dashboard .dashboard-section-body {
    min-height: calc(100vh - 48px);
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .contacts-section {
    padding: 3em;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .contacts-section .loading-contacts-boxer {
    margin: 8em 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-button-bar {
    border: 1px solid transparent;
    border-bottom: 1px solid #c6cdd6
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-button-bar .contacts-button {
    font-size: 2em;
    border: 1px solid #EEE;
    border-bottom: 1px solid transparent;
    background: #FFF;
    color: #8A98AC;
    font-family: univers_light;
    text-transform: uppercase;
    padding: .5em 1em .25em 1em;
    margin: 0 0 -1px 0
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-button-bar .contacts-button:first-child {
    margin-left: 1.5em
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-button-bar .contacts-button:hover:not(.active) {
    background: #c6cdd6;
    border: 1px solid #c6cdd6;
    color: #FFF
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-button-bar .contacts-button.active {
    border: 1px solid #6c7e97;
    background: #6c7e97;
    color: #FFF
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-button-bar .contacts-button:not(.active) {
    box-shadow: 0 -.7em .4em -.75em #c6cdd6 inset
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection {
    box-shadow: 0 .2em 1em -.3em rgba(0, 0, 0, .25);
    border: 1px solid #c6cdd6;
    border-top: 1px solid transparent;
    padding: 5em;
    background: #FFF
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .new-contact-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .new-contact-form .new-contact-input {
    font-size: 3em;
    letter-spacing: .1em;
    border: 1px solid transparent;
    background: 0 0;
    padding: 0;
    margin: -.2em 0;
    width: 50vw;
    font-family: univers_light;
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .new-contact-form .contacts-button {
    font-size: 2em;
    padding: .25em 1em;
    border: 1px solid #b7bfcc;
    font-family: univers_light;
    background: #b7bfcc;
    border-radius: 1em;
    color: #FFF;
    box-shadow: 0 .2em 1em -.3em rgba(0, 0, 0, .5);
    text-transform: uppercase;
    letter-spacing: .15em;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .new-contact-form .contacts-button:hover {
    border-color: #56657a;
    background-color: #6c7e97
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .search-bar {
    margin: 6em 0 12em 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .search-bar .search-by-box {
    position: relative;
    font-family: univers_light;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .search-bar .search-by-box .search-by {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .search-bar .search-by-box .search-by .search-by-box-active {
    font-size: 1.5em;
    width: 10em;
    background: #b7bfcc;
    border: 1px solid #b7bfcc;
    color: #FFF;
    border-radius: 9em;
    padding: .5em 1em;
    white-space: nowrap;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .search-bar .search-by-box .search-by .search-by-box-active:hover {
    background-color: #6c7e97;
    border: 1px solid #6c7e97
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .search-bar .search-by-box .search-by-options {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 1em;
    margin-left: 2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .search-bar .search-by-box .search-by-options .search-by-box-option {
    font-size: 1.3em;
    padding: 0 1em;
    background: 0 0;
    border: none;
    white-space: nowrap;
    color: #b7bfcc
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .search-bar .search-by-box .search-by-options .search-by-box-option:hover {
    color: #6c7e97
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .search-bar .search-by-box .search-by-options:not(.active) {
    display: none
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .search-bar .find-contact-input {
    font-size: 3em;
    margin: 0 1em;
    width: 15em;
    border: 1px solid transparent;
    border-bottom: 1px solid #e4e7eb;
    font-family: univers_light;
    color: #8A98AC
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .search-bar .contacts-button {
    font-size: 1.75em;
    padding: .5em 1em;
    white-space: nowrap;
    border-radius: 10em;
    border: 1px solid #b7bfcc;
    background: #b7bfcc;
    color: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .search-bar .contacts-button:hover {
    border-color: #56657a;
    background-color: #6c7e97
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form,
.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .list-contacts-form {
    color: #4c596b;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .contacts-list-entry,
.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .list-contacts-form .contacts-list-entry {
    font-family: univers_light;
    padding: 1em 2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .contacts-list-entry .contact-info,
.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .list-contacts-form .contacts-list-entry .contact-info {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1.5em
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .contacts-list-entry .contact-info.contact-name,
.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .list-contacts-form .contacts-list-entry .contact-info.contact-name {
    -webkit-flex-basis: 100px;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .contacts-list-entry .contact-info.contact-email,
.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .list-contacts-form .contacts-list-entry .contact-info.contact-email {
    -webkit-flex-basis: 200px;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    -webkit-box-flex: 4;
    -webkit-flex-grow: 4;
    -ms-flex-positive: 4;
    flex-grow: 4;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .contacts-list-entry .contact-info.contact-phone,
.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .list-contacts-form .contacts-list-entry .contact-info.contact-phone {
    -webkit-flex-basis: 100px;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .contacts-list-entry .contact-info.contact-company,
.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .list-contacts-form .contacts-list-entry .contact-info.contact-company {
    -webkit-flex-basis: 100px;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .contacts-list-entry.contacts-list-column-headers:nth-child(odd),
.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .list-contacts-form .contacts-list-entry.contacts-list-column-headers:nth-child(odd) {
    background: #e4e7eb
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .contacts-list-entry.contacts-list-column-headers .contact-info.contact-info-header,
.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .list-contacts-form .contacts-list-entry.contacts-list-column-headers .contact-info.contact-info-header {
    font-size: 1.4em;
    font-family: univers_condensed_regular
}

.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .find-contact-form .contacts-list-entry:nth-child(odd),
.admin-dashboard .dashboard-section-body .contacts-section .contacts-subsection .list-contacts-form .contacts-list-entry:nth-child(odd) {
    background: #f2f4f6
}

.admin-dashboard .dashboard-section-body .missed-calls-section {
    padding: 0 3em 3em 3em;
    min-height: calc(100vh - 48px);
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .missed-calls-section label {
    z-index: initial!important
}

.admin-dashboard .dashboard-section-body .missed-calls-section .foorj-boxer-container {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-calls {
    width: 100%;
    max-width: 1024px
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-calls-filter-bar {
    max-width: 1024px;
    min-height: 72px;
    padding: 0!important;
    background-color: #F7F7F7!important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-calls-filter-bar .filter-bar-group {
    margin-top: -.5em;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

@media (max-width:499px) {
    .admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-calls-filter-bar .filter-bar-group.filter-bar-date {
        display: none
    }
}

@media (min-width:500px) and (max-width:767px) {
    .admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-calls-filter-bar .filter-bar-group.filter-bar-date {
        display: none
    }
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-calls-filter-bar .filter-bar-group:not(:first-child) {
    margin-left: .5em
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-calls-filter-bar .filter-bar-group:not(:last-child) {
    margin-right: .5em
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-calls-filter-bar .filter-bar-group.filter-bar-toggle {
    margin-right: 2em;
    margin-top: 1.15em
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-calls-filter-bar .filter-bar-group.filter-bar-search {
    margin-right: 2em;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-calls-filter-bar .filter-bar-group .filter-bar-toggle-label {
    font-family: Roboto;
    font-size: 11.5px;
    color: rgba(0, 0, 0, .4);
    margin-bottom: .6em
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-calls-filter-bar .filter-bar-group label {
    z-index: initial!important
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-call-list {
    width: 100%;
    max-width: 1024px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-call-list .admin-missed-call-card:not(:last-child) {
    margin-bottom: 3em
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-call-list .admin-missed-call-card .amcc-header-icons {
    float: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-call-list .admin-missed-call-card .admin-missed-call-card-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-call-list .admin-missed-call-card .admin-missed-call-card-footer .amcc-footer-phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-call-list .admin-missed-call-card .admin-missed-call-card-footer .amcc-footer-answered-by {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-call-list .admin-missed-call-card .admin-missed-call-card-footer .amcc-footer-answered-by .amcc-footer-label {
    font-size: .8em;
    margin-right: 1em;
    color: rgba(0, 0, 0, .54)
}

.admin-dashboard .dashboard-section-body .missed-calls-section .admin-missed-call-list .admin-missed-call-card .admin-missed-call-card-footer .amcc-footer-answered-by .amcc-footer-value {
    text-align: right
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0)
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg)
}

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: .8
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0
}

.tooltipster-default {
    border: 1px solid #3dbae5;
    background: #3dbae5;
    color: #FFF;
    max-width: 275px
}

.tooltipster-default .tooltipster-content {
    line-height: initial;
    padding: 0;
    overflow: hidden
}

.tooltipster-default .tooltipster-content .dh-tooltip {
    margin: 2px;
    padding: 8px;
    text-align: center
}

.tooltipster-default .tooltipster-content .dh-tooltip .dh-tooltip-title {
    padding-bottom: 3px;
    text-align: center;
    font-size: 14px;
    font-family: univers_regular;
    color: #ecf8fc
}

.tooltipster-default .tooltipster-content .dh-tooltip .dh-tooltip-msg {
    font-size: 10px;
    font-family: univers_light;
    letter-spacing: .05em;
    color: #e3f5fb
}

.tooltipster-errortip {
    border: 1px solid #CD5151;
    background: #CD5151;
    color: #FFF;
    max-width: 275px;
    z-index: 1030!important
}

.tooltipster-errortip .tooltipster-content {
    line-height: initial;
    padding: 0;
    overflow: hidden
}

.tooltipster-errortip .tooltipster-content .dh-tooltip {
    margin: 2px;
    padding: 3px;
    text-align: center
}

.tooltipster-errortip .tooltipster-content .dh-tooltip .dh-tooltip-title {
    padding-bottom: 0;
    text-align: center;
    font-family: univers_regular;
    color: #e8b0b0
}

@media (max-width:767px) {
    .tooltipster-errortip .tooltipster-content .dh-tooltip .dh-tooltip-title {
        font-size: 10px
    }
}

@media (min-width:768px) {
    .tooltipster-errortip .tooltipster-content .dh-tooltip .dh-tooltip-title {
        font-size: 14px
    }
}

.tooltipster-errortip .tooltipster-content .dh-tooltip .dh-tooltip-msg {
    font-family: univers_light;
    letter-spacing: .05em;
    color: #FFF
}

@media (max-width:767px) {
    .tooltipster-errortip .tooltipster-content .dh-tooltip .dh-tooltip-msg {
        font-size: 8px
    }
}

@media (min-width:768px) {
    .tooltipster-errortip .tooltipster-content .dh-tooltip .dh-tooltip-msg {
        font-size: 10px
    }
}

.tooltipster-icon {
    cursor: help;
    margin-left: 4px
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible
}

.tooltipster-base .tooltipster-content {
    overflow: hidden
}

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.tooltipster-arrow span,
.tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-left span,
.tooltipster-arrow-top-right span {
    border-left: 8px solid transparent!important;
    border-right: 8px solid transparent!important;
    border-top: 8px solid;
    bottom: -7px
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border {
    border-left: 9px solid transparent!important;
    border-right: 9px solid transparent!important;
    border-top: 9px solid;
    bottom: -7px
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-bottom-right span {
    border-left: 8px solid transparent!important;
    border-right: 8px solid transparent!important;
    border-bottom: 8px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    border-left: 9px solid transparent!important;
    border-right: 9px solid transparent!important;
    border-bottom: 9px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top span {
    left: 0;
    right: 0;
    margin: 0 auto
}

.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-top-left span {
    left: 6px
}

.tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
    left: 5px
}

.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-top-right span {
    right: 6px
}

.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border {
    right: 5px
}

.tooltipster-arrow-left .tooltipster-arrow-border,
.tooltipster-arrow-left span {
    border-top: 8px solid transparent!important;
    border-bottom: 8px solid transparent!important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent!important;
    border-bottom: 9px solid transparent!important;
    border-left: 9px solid;
    margin-top: -8px
}

.tooltipster-arrow-right .tooltipster-arrow-border,
.tooltipster-arrow-right span {
    border-top: 8px solid transparent!important;
    border-bottom: 8px solid transparent!important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent!important;
    border-bottom: 9px solid transparent!important;
    border-right: 9px solid;
    margin-top: -8px
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow-show {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    transition-property: all;
    top: 0!important;
    opacity: 0
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    transition-property: all;
    left: 0!important;
    opacity: 0
}

.tooltipster-content-changing {
    opacity: .5;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.dropdown-menu {
	min-width: 170px;
}
.dropdown-menu.columns-2 {
	min-width: 400px;
}
.dropdown-menu.columns-3 {
	/*position: relative;*/
	min-width: 600px;
	font-size: 14px;	
}
.dropdown-menu li a {
	padding: 5px 5px;
	padding-top: 10px;
	font-weight: 500;
	font-size: 14px;
}

.dropdown:hover .dropdown-menu {
	display: block;
}

.multi-column-dropdown {
	list-style: none;
}
.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1em;
	color: #000;
	white-space: normal;
}
.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #f0614c;
}
 
@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
}

.btn-navdrop {
    border: 0px solid transparent;
	color: #777;
    text-transform: uppercase;
    font-family: univers_medium;
	font-size: 12px;
    letter-spacing: .15em
}

.btn-navdrop:hover  {
	color:#f0614c;
	background:none
}

.btn-navdrop:focus  {
	color:#777;
	background:none
}

.btn-navdrop:active {
	color:#f0614c;
	background:none
}

.btn-navdrop.btn-xs {
    font-size: 10px
}

/* Global "table" column settings */
.product-image {
  float: left;
  width: 20%;
}

.product-details {
  float: left;
  width: 37%;
}

.product-price {
  float: left;
  width: 12%;
}

/*.product-quantity {
  float: left;
  width: 10%;
}*/

.product-removal {
  float: left;
  width: 9%;
}

.product-line-price {
  float: left;
  width: 12%;
  text-align: right;
}

/* This is used as the traditional .clearfix class */
.group:before, .shopping-cart:before, .column-labels:before, .product:before, .totals-item:before,
.group:after,
.shopping-cart:after,
.column-labels:after,
.product:after,
.totals-item:after {
  content: '';
  display: table;
}

.group:after, .shopping-cart:after, .column-labels:after, .product:after, .totals-item:after {
  clear: both;
}

.group, .shopping-cart, .column-labels, .product, .totals-item {
  zoom: 1;
}

/* Apply clearfix in a few places */
/* Apply dollar signs */
.product .product-price:before, .product .product-line-price:before, .totals-value:before {
  content: '$';
}

/* Body/Header stuff */
/*
body {
  padding: 0px 30px 30px 20px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 100;
}

h1 {
  font-weight: 100;
}

label {
  color: #aaa;
}
*/

.shopping-cart {
  margin-top: -45px;
}

/* Column headers */
.column-labels label {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.column-labels .product-image, .column-labels .product-details, .column-labels .product-removal {
  text-indent: -9999px;
}

/* Product entries */
.product {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.product .product-image {
  text-align: center;
}
.product .product-image img {
  width: 50px;
}
.product .product-details .product-title {
  margin-right: 20px;
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium";
}
.product .product-details .product-description {
  margin: 5px 20px 5px 0;
  line-height: 1.4em;
}
.product .product-quantity input {
  width: 40px;
}
.product .remove-product {
  border: 0;
  padding: 4px 8px;
  background-color: #c66;
  color: #fff;
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium";
  font-size: 12px;
  border-radius: 3px;
}
.product .remove-product:hover {
  background-color: #a44;
}

/* Totals section */
.totals .totals-item {
  float: right;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}
.totals .totals-item label {
  float: left;
  clear: both;
  width: 79%;
  text-align: right;
}
.totals .totals-item .totals-value {
  float: right;
  width: 21%;
  text-align: right;
}
.totals .totals-item-total {
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium";
}

.checkout {
  float: right;
  border: 0;
  margin-top: 20px;
  padding: 6px 25px;
  background-color: #6b6;
  color: #fff;
  font-size: 25px;
  border-radius: 3px;
}

.checkout:hover {
  background-color: #494;
}

/* Make adjustments for tablet */
@media screen and (max-width: 650px) {
  .shopping-cart {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid #eee;
  }

  .column-labels {
    display: none;
  }

  .product-image {
    float: right;
    width: auto;
  }
  .product-image img {
    margin: 0 0 10px 10px;
  }

  .product-details {
    float: none;
    margin-bottom: 10px;
    width: auto;
  }

  .product-price {
    clear: both;
    width: 70px;
  }

  .product-quantity {
    width: 100px;
  }
  .product-quantity input {
    margin-left: 20px;
  }

  .product-quantity:before {
    content: 'x';
  }

  .product-removal {
    width: auto;
  }

  .product-line-price {
    float: right;
    width: 70px;
  }
}
/* Make more adjustments for phone */
@media screen and (max-width: 350px) {
  .product-removal {
    float: right;
  }

  .product-line-price {
    float: right;
    clear: left;
    width: auto;
    margin-top: 10px;
  }

  .product .product-line-price:before {
    content: 'Item Total: $';
  }

  .totals .totals-item label {
    width: 60%;
  }
  .totals .totals-item .totals-value {
    width: 40%;
  }
}

/* CHAT WINDOW CSS */

/* 
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
*/

::selection{
  background: rgba(82,179,217,0.3);
  color: inherit;
}
a{
  color: rgba(82,179,217,0.9);
}

/* M E N U */

.menu {
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 50px;
    background: rgba(82,179,217,0.9);
    z-index: 100;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.back {
    position: relative;
    width: 90px;
    height: 50px;
    top: 0px;
    left: 0px;
    color: #fff;
    line-height: 50px;
    font-size: 30px;
    padding-left: 10px;
    cursor: pointer;
}
.back img {
    position: relative;
    top: 5px;
    left: 30px;
    width: 40px;
    height: 40px;
    background-color: rgba(255,255,255,0.98);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    margin-left: 15px;
    }
.back:active {
    background: rgba(255,255,255,0.2);
}
.name{
    position: relative;
    top: 3px;
    left: 110px;
    font-family: 'Lato';
    font-size: 25px;
    font-weight: 300;
    color: rgba(255,255,255,0.98);
    cursor: default;
}
.last{
    position: relative;
    top: 30px;
    left: 115px;
    font-family: 'Lato';
    font-size: 11px;
    font-weight: 400;
    color: rgba(255,255,255,0.6);
    cursor: default;
}

/* M E S S A G E S */

.chat {
    list-style: none;
    background: none;
    margin: 0;
    padding: 0 0 50px 0;
    margin-top: 60px;
    margin-bottom: 10px;
}
.chat li {
    padding: 0.5rem;
    overflow: hidden;
    display: flex;
}
.chat .avatar {
    width: 40px;
    height: 40px;
    position: relative;
    display: block;
    z-index: 2;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    background-color: rgba(255,255,255,0.9);
}
.chat .avatar img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    background-color: rgba(255,255,255,0.9);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.chat .day {
    position: relative;
    display: block;
    text-align: center;
    color: #c0c0c0;
    height: 20px;
    text-shadow: 7px 0px 0px #e5e5e5, 6px 0px 0px #e5e5e5, 5px 0px 0px #e5e5e5, 4px 0px 0px #e5e5e5, 3px 0px 0px #e5e5e5, 2px 0px 0px #e5e5e5, 1px 0px 0px #e5e5e5, 1px 0px 0px #e5e5e5, 0px 0px 0px #e5e5e5, -1px 0px 0px #e5e5e5, -2px 0px 0px #e5e5e5, -3px 0px 0px #e5e5e5, -4px 0px 0px #e5e5e5, -5px 0px 0px #e5e5e5, -6px 0px 0px #e5e5e5, -7px 0px 0px #e5e5e5;
    box-shadow: inset 20px 0px 0px #e5e5e5, inset -20px 0px 0px #e5e5e5, inset 0px -2px 0px #d7d7d7;
    line-height: 38px;
    margin-top: 5px;
    margin-bottom: 20px;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.chat .notification {
    position: relative;
    display: inherit;
    text-align: center;
    font-size: 13px;
    color: #555;
    background: #e5e5e5;
    line-height: 30px;
    border-radius: 100px;
    margin: 7px 35%;
    height: 30px;
    width: 30%;
    box-shadow: 0px 1px 0px rgba(0,0,0,.05), 0px -1px 0px rgba(0,0,0,.05), inset 0px 1px 0px rgba(255,255,255,.02), inset 0px -1px 0px rgba(255,255,255,.02);
    text-shadow: 0px -1px 0px rgba(0,0,0,.1), 0px 1px 0px rgba(255,255,255,.05);
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    transition: all .2s cubic-bezier(0.565, -0.260, 0.255, 1.410);
}

.chat .notification time {
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 11px;
    padding: 8px;
    border-radius: none;
	border: none;
    background: #e5e5e5;
    box-shadow: 0px 0px 2px rgba(255,255,255,.02), inset 0px 0px 1px rgba(27,35,42,0.1);
    height: 1px;
    line-height: 0px;
    color: #555;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    transition: all .2s cubic-bezier(0.565, -0.260, 0.255, 1.410);
}

.other .msg {
    order: 1;
    /* border-top-left-radius: 0px; */
	/* box-shadow: -1px 2px 0px #D4D4D4; */
	box-shadow: none;
	border:none;
}
.other:before {
    content: "";
    position: relative;
    top: 0px;
    right: 0px;
    left: 40px;
    width: 0px;
    height: 0px;
    /*border: 5px solid #fff; */
	border: none;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.self {
    justify-content: flex-end;
    align-items: flex-end;
}
.self .msg {
    order: 1;
    /* border-top-left-radius: 0px; */
	/* box-shadow: -1px 2px 0px #D4D4D4; */
	box-shadow: none;
	border:none;
}
.self .avatar {
    order: 2;
}
.self .avatar:after {
    content: "";
    position: relative;
    display: inline-block;
    bottom: 19px;
    right: 0px;
    width: 0px;
    height: 0px;
    /* border: 5px solid #fff; */
	border:none;
    border-right-color: transparent;
    border-top-color: transparent;
    box-shadow: 0px 2px 0px #D4D4D4;
}

.msg {
    background: white;
    min-width: 50px;
    padding: 10px;
    border-radius: 2px;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.07);
}
.msg p {
    font-size: 1.8rem;
    margin: 0 0 0.2rem 0;
    color: #777;
}
.msg img {
    position: relative;
    display: block;
    width: 450px;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #eee;
    transition: all .4s cubic-bezier(0.565, -0.260, 0.255, 1.410);
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
@media screen and (max-width: 800px) {
    .msg img {
    width: 300px;
}
}
@media screen and (max-width: 550px) {
    .msg img {
    width: 200px;
}
}

.other .msg time {
    font-size: 1.2rem;
    color: #ccc;
    margin-top: 3px;
    float: left;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.self .msg time {
    font-size: 1.2rem;
    color: #ccc;
    margin-top: 3px;
    float: right;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.msg time:before{
    content:"\f017";
    color: #ddd;
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 4px;
}

emoji{
    display: inline-block;
    height: 18px;
    width: 18px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -7px;
    margin-right: 2px;
    transform: translate3d(0px, 3px, 0px);
}
emoji.please{background-image: url(http://imgur.com/ftowh0s.png);}
emoji.lmao{background-image: url(http://i.imgur.com/MllSy5N.png);}
emoji.happy{background-image: url(http://imgur.com/5WUpcPZ.png);}
emoji.pizza{background-image: url(http://imgur.com/voEvJld.png);}
emoji.cryalot{background-image: url(http://i.imgur.com/UUrRRo6.png);}
emoji.books{background-image: url(http://i.imgur.com/UjZLf1R.png);}
emoji.moai{background-image: url(http://imgur.com/uSpaYy8.png);}
emoji.suffocated{background-image: url(http://i.imgur.com/jfTyB5F.png);}
emoji.scream{background-image: url(http://i.imgur.com/tOLNJgg.png);}
emoji.hearth_blue{background-image: url(http://i.imgur.com/gR9juts.png);}
emoji.funny{background-image: url(http://i.imgur.com/qKia58V.png);}

@-webikt-keyframes pulse {
  from { opacity: 0; }
  to { opacity: 0.5; }
}

/*
::-webkit-scrollbar {
    min-width: 12px;
    width: 12px;
    max-width: 12px;
    min-height: 12px;
    height: 12px;
    max-height: 12px;
    background: #e5e5e5;
    box-shadow: inset 0px 50px 0px rgba(82,179,217,0.9), inset 0px -52px 0px #fafafa;
}

::-webkit-scrollbar-thumb {
    background: #bbb;
    border: none;
    border-radius: 100px;
    border: solid 3px #e5e5e5;
    box-shadow: inset 0px 0px 3px #999;
}

::-webkit-scrollbar-thumb:hover {
    background: #b0b0b0;
  box-shadow: inset 0px 0px 3px #888;
}

::-webkit-scrollbar-thumb:active {
    background: #aaa;
  box-shadow: inset 0px 0px 3px #7f7f7f;
}

::-webkit-scrollbar-button {
    display: block;
    height: 26px;
}
*/
/* T Y P E */

input.textarea {
    position: relative;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 50px;
    z-index: 99;
    background: #fafafa;
    border: none;
    outline: none;
    padding-left: 55px;
    padding-right: 55px;
    color: #666;
    font-weight: 400;
}
.emojis {
    position: fixed;
    display: block;
    bottom: 8px;
    left: 7px;
    width: 34px;
    height: 34px;
    background-image: url(http://i.imgur.com/5WUpcPZ.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 100;
    cursor: pointer;
}
.emojis:active {
    opacity: 0.9;
}

#quoteContainer.container {
	background: #F4846D;
}

.btn-input {
   display: block;
}

.btn-input .btn.form-control {
    text-align: left;
}

.btn-input .btn.form-control span:first-child {
   left: 10px;
   overflow: hidden;
   position: absolute;
   right: 25px;
}

.btn-input .btn.form-control .caret {
   margin-top: -1px;
   position: absolute;
   right: 10px;
   top: 50%;
}

/*Fullpage.js styles*/
	fp-h1{
		font-size: 5em;
		font-family: arial,helvetica;
		color: #fff;
		margin:0;
		padding:0;
	}
	.intro fp-p{
		color: #fff;
	}
	/* Centered texts in each section*/
	.section{
		text-align:center;
	}
	/* Fixed header*/
	#fp-header{
		position:relative;
		height: auto;
		display:block;
		width: 100%;
		background: #FFF;
		z-index:9;
		text-align:center;
		color: #f2f2f2;
		padding: 0px 0 0 0;
	}
	#fp-header{
		top:0px;
	}
	
	
	#myVideo{
		position: absolute;
		right: 0;
		bottom: 0;
		top:0;
		right:0;
		width: 100%;
		height: 50vh;
		background-size: 100% 100%;
 		background-color: black; /* in case the video doesn't fit the whole page*/
  		background-image: /* our video */;
  		background-position: center center;
  		background-size: contain;
   		object-fit: cover; /*cover video background */
   		z-index:3;
	}
	
	/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */
	#banner-3dprinting .layer{
		position: absolute;
		z-index: 4;
		width: 100%;
		height:100%;
		left: 0;
		top: 43%;
		/* 
		* Preventing flicker on some browsers 
		* See http://stackoverflow.com/a/36671466/1081396  or issue #183
		*/
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	/*solves problem with overflowing video in Mac with Chrome */
	#banner-3dprinting{
		overflow: hidden;
	}
	/* Bottom menu
	* --------------------------------------- */
	#infoMenu li a {
		color: #fff;
	}
	
	video::-webkit-media-controls {
	  display:none !important;
	}
	
	.slide .header-text-box {
		position: relative;
		padding: .6em 3em;
		text-align: center;
		background: rgba(1, 1, 1, .75);
		border: 2px solid #FFF;
		top: 50%;
		transform: translateY(-70%);
	}	
	
	.slide .header-text-box h1{
		position: relative;
		top: 50%!important;
		text-align: center!important;
		font-family: univers_condensed_regular; 
		font-size: 24px; 
		color: #FFF;
		letter-spacing: 2px;
		padding-top:25px;
		padding-bottom:25px;
		margin-top:0px;
		margin-bottom:0px;
	}
	
	@media (max-width:499px) {
		.slide .header-text-box h1{
			/*font-size: 32px*/
		}
	}

	@media (min-width:500px) and (max-width:767px) {
		.slide .header-text-box h1{
			/*font-size: 50px*/
		}
	}

	@media (min-width:768px) and (max-width:991px) {
		.slide .header-text-box h1{
			/*font-size: 70px*/
		}
	}

	@media (min-width:992px) and (max-width:1199px) {
		.slide .header-text-box h1{
			/*font-size: 80px*/
		}
	}

	@media (min-width:1200px) {
		.slide .header-text-box h1{
			/*font-size: 90px*/
		}
	}

/* Mobile fallback image for homepage banner */
@media screen and (max-width: 768px){
    video{
        display:none;
    }

    #banner-3dprinting{
        display: none;
    }

 /* 
 #banner-3dprinting{
    background: url(/images/banner-mobile.jpg);
	height: 100%;
	position: relative;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
  }
  */
}

.home-grid-row {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-orient: horizontal; 
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    flex-direction: row;

    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;  
    align-items: center;
}

@media (max-width:640px) {
    .home-grid-row{
        flex-direction: column;
    }
}

.home-grid-cell {
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto; 
    display: flex;
    flex-direction: column;

    padding: 15px;
    margin: 10px;
    text-align: center;
	position: relative;
    align-items: flex-center;
    justify-content: flex-center;
    border: 2px solid #e1e1e5;
    border-radius: 10px;
}

.home-grid-cell.services{
	padding: 5px;
	margin: 5px;
}

.home-grid-cell.services:hover{
    border: 2px solid #78d6b2;
	padding: 5px;
	margin: 5px;
}

.home-grid-cell.services.active {
    border: 2px solid #78d6b2;
	padding: 5px;
	margin: 5px;
}

.home-grid-img-text {

	font-family: univers_medium;
    letter-spacing: 2px;
	color: #000000;
	background: #ffffff;
    text-transform: uppercase;
	border-radius: 5px;
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;

}

.home-grid-img-text > h2 {
	font-size: 16px;
}

.home-grid-img-text > p {
	font-family: univers_condensed_regular;
	font-size: 12px;
}

.home-hdiv {
	height: 2px;
    width: 90%;
    background: #78d6b2;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

.home-grid-row-nocol {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*flex-wrap: wrap;*/

    -webkit-box-orient: horizontal; 
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    flex-direction: row;

    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;  
    align-items: center;
}

/*.home-grid-row-nocol>* {
    flex: 0 1 20.5%;
}*/
/*@media (max-device-width:640px) {
    .home-grid-row-nocol{
        flex-direction: row;
    }
}*/

.quote-lookuplist-wrapper {
    display: grid;
    grid-template-columns: 300px 200px 100px 100px 200px 100px;
    grid-template-rows: 20px;
    padding-bottom: 20px;
}

.quote-lookuplist-id {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
}

.quote-lookuplist-created {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
}

.quote-lookuplist-type {
    grid-column-start: 3;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 1;
}

.quote-lookuplist-name {
    grid-column-start: 4;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 1;
}

.quote-lookuplist-email{
    grid-column-start: 5;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 1;
}

.quote-lookuplist-phone {
    grid-column-start: 6;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 1;
}

 .portfolio-widget-wrapper {
    position:relative;
    display:block;
    max-width:1200px; /* REMOVE THIS IF YOU DON´T NEED PORTFOLIO WRAPPER 1200PX */  
    width:100%;
    margin: 15px auto;
    margin-top: 45px;  
    padding:15px;  
    height:100%;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box; 
            box-sizing:border-box;
    background: #FFFFFF
}

.portfolio-widget-media {
    position:relative;
    display:block;
    margin:0;
    padding:0;
    width:100%;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box; 
            box-sizing:border-box;
}

  .c-slider__dots {
    text-align: center;
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 0.5em;
    left: 0;
  }

.c-slider__dot {
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    height: 15px;
    width:  15px;
    background: #000;
    opacity: 0.4;
    transform: translateZ(0);
  }
  
  .c-slider__dot:not(:last-child) {
      margin-right: 0.5em;
    }

    .c-slider__dot--is-active {
      opacity: 0.9;
    }
  
 .c-slider__btn {
	position: absolute;
	content: '';
	display: block;
	height: 30px; 
	width: 30px;
	top: 50%;
	margin-top: -16px;
	border-style: solid;
	border-width: 8px;
	border-color: #000;
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	transform: rotate(45deg);
	vertical-align: top;
	background: #fff;
	padding: 1em;
}

.c-slider__btn--left {
      left: 25%;
		transform: rotate(225deg);
    }

    .c-slider__btn--right {
      right: 25%;
	  transform: rotate(45deg);

    }

.dh-steps-container {
	width: 300px;
	margin: 0 auto;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	justify-content: space-between;
}

.dh-form-container {
	width: 300px;
	margin: 0 auto;
}


.dh-form-titlebar {
	padding: 0px; 
	margin-top: 50px; 
	margin-bottom: 30px; 
	height:auto;
	padding-top: 20px;
    padding-bottom: 20px;
    font-size: 28px;
    text-align: center;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #68b396;
	width: 100%;
}

.dh-button-bar {
	width: 100%; 
	display: flex;
	flex-direction: row;
	align-items: middle;
	margin-top: 50px;
	margin-bottom: 15px;
}

.btn-dh-next {
	background: #68b396;
	text-transform: uppercase;
	font-family: univers_medium;
	font-size: 16px;
	text-align: center;
	color: #fff;
	border: none;
	margin: 0 auto;
	width: 100px;
}

.dh-p1-textarea {
	font-family: univers_light;
	font-size: 18px;
	color: #000;
	height: 90%;
	width:  100%;
	resize: none;
	border: 1px solid #3c3f47;
	border-radius: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

.dh-p1-textarea:focus {
	box-shadow: 0 0 5px #78d6b2;
	border: 1px solid #78d6b2;
}

.dh-p1-wrapper {
	display: grid;
	grid-template-columns: 300px;
	grid-template-rows: 30px 50px 30px 30px 50px;
	margin: 0 auto!important;
} 

.dh-p1-fnheader {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
	font-family: univers_bold;
	font-size: 16px;
	color: #4f4e4e;
	text-align: left;
}

.dh-p1-fn {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 2;
	font-family: univers_regular;
	font-size: 16px;
	color: #000;
	text-align: left;
}

.dh-p1-lnheader {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 4;
	grid-row-end: 4;
	font-family: univers_bold;
	font-size: 16px;
	color: #4f4e4e;
	text-align: left;
}

.dh-p1-ln {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 5;
	grid-row-end: 5;
	font-family: univers_regular;
	font-size: 16px;
	color: #000;
	text-align: left;
}

.dh-p2-textarea {
	font-family: univers_light;
	font-size: 18px;
	color: #000;
	height: 90%;
	width:  100%;
	resize: none;
	border: 1px solid #3c3f47;
	border-radius: 5px;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
	float: left;
}

.dh-p2-textarea:focus {
	box-shadow: 0 0 5px #78d6b2;
	border: 1px solid #78d6b2;
}

.dh-p2-wrapper {
	display: grid;
	grid-template-columns: 300px;
	grid-template-rows: 30px 250px;
	margin: 0 auto!important;
} 

.dh-p2-desc-header {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
	font-family: univers_bold;
	font-size: 16px;
	color: #3c3f47;
	text-align: left;
}

.dh-p2-desc {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 2;
	font-family: univers_regular;
	font-size: 16px;
	color: #000;
	text-align: left;
}

.dh-p3-optionbox {
    font-family: univers_light;
    font-size: 18px;
    color: #000;
    height: 90%;
    width:  100%;
    resize: none;
    border: 1px solid #3c3f47;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.dh-p3-optionbox:active {
    box-shadow: 0 0 5px #78d6b2;
    border: 1px solid #78d6b2;
}

.dh-p3-wrapper {
    display: grid;
    grid-template-columns: 300px;
    grid-template-rows: 80px 20px 80px 20px 80px;
    margin: 0 auto!important;
} 

.dh-p3-opt1 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
    font-family: univers_medium;
    font-size: 16px;
    color: #000;
    text-align: left;
    border: 1px solid #000;
    border-radius: 5px;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    background: #eeeeee;
    height: 100%;
	display: flex;
    align-items: center;
}

.dh-p3-opt2{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 3;
    font-family: univers_medium;
    font-size: 16px;
    color: #000;
    text-align: left;
    border: 1px solid #000;
    border-radius: 5px;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    background: #eeeeee;
    height: 100%;
	display: flex;
    align-items: center;
}

.dh-p3-opt3 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 5;
    grid-row-end: 5;
    font-family: univers_medium;
    font-size: 16px;
    color: #000;
    text-align: left;
    border: 1px solid #000;
    border-radius: 5px;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    background: #eeeeee;
    height: 100%;
    display: flex;
    align-items: center;
}



.dh-p3-opt1:hover, .dh-p3-opt2:hover, .dh-p3-opt3:hover {
    background: #fff;
    box-shadow: 0 0 5px #78d6b2;
    border: 1px solid #78d6b2; 
}

.dh-p3-opt1.active, .dh-p3-opt2.active, .dh-p3-opt3.active {
    background: #fff;
    box-shadow: 0 0 5px #78d6b2;
    border: 1px solid #78d6b2; 
}

.dh-p4-wrapper {
    display: grid;
    grid-template-columns: 300px;
    grid-template-rows: 150px;
    margin: 0 auto!important;
} 

.dh-p4-fu {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 2;
	font-family: univers_regular;
	font-size: 16px;
	color: #000;
	border: 2px solid #000;
	border-radius: 5px;
	display: flex;
    align-items: center;

}

.dh-p4-fu:hover {
	box-shadow: 0 0 5px #78d6b2;
	border: 2px solid #78d6b2;
}

 .quote-file-dropzone-overlay-body {
    text-align: center;
	color: #000000;
    font-family: univers_condensed_regular;
	font-size: 28px;
    letter-spacing: 1px;
	padding-top: 20px;
}

.ref-file-wrapper {
    display: grid;
    grid-template-columns: 320px 30px;
    grid-template-rows: 20px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #ababab;
	padding: 5px;
}

.ref-file-loadbar {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
}

.ref-file-filename-long{
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
    font-family: univers_medium;
    font-size: 12px;
    color: #000;
    text-align: left;
}

.ref-file-filecheck{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
    display: flex;
    margin-left: auto;
}

.ref-file-delbutton{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    display: flex;
    margin-left: auto;
}

/*Homepage Banner and Sub-Banner Text for responsive behavior */
.foorj-banner-overlay-box {
	display: flex;
	flex-direction: column;
	text-align: center;
	padding: 5px;
	align-items: left;
	border-radius: 5px;
	width: 280px; 
	height: auto; 
	background: none; 
	height: 100%;
}

.foorj-banner-overlay-text {
	width: 450px;
	font-size: 44px;
    text-align: left;
    font-family: univers_condensed_regular;
	letter-spacing: 1px;
	color: #3c3f47;
	position: relative;
	top: 30%;
	margin-left: 80px;
	padding: 15px;

}

.foorj-banner-heading-box {
	width: 100%; 
	margin: 0 auto; 
	padding-left: 50px;
	padding-right: 50px;
}

.foorj-banner-mobile-heading {
	font-size: 28px;
	font-family: univers_condensed_regular;
	font-weight: 500;
	letter-spacing: 1.5px;
	color: #3c3f47;
	margin: 1.5em 0 0.5em;
	margin: auto 0;
	margin-top: 10px; 
	margin-bottom: 20px;
	display: none;
}

.foorj-banner-subheading {
	font-size: 28px;
    font-family: univers_regular;
	letter-spacing: 1px;
	color: #3c3f47;
    padding-top: 20px;
    margin-bottom: 10px;
	padding-top: 0px; 
	text-align: center;
}

	@media (max-width:499px) {
		.foorj-banner-overlay-text {
			display: none;
		}

		.foorj-banner-mobile-heading {
			display: block;
		}

		.foorj-banner-subheading {
			font-size: 16px;
		}
	}

	@media (min-width:500px) and (max-width:767px) {
		.foorj-banner-overlay-text {
			display: none;
		}

		.foorj-banner-mobile-heading {
			display: block;
		}

		.foorj-banner-subheading {
			font-size: 16px;
		}
	}

	@media (min-width:768px) and (max-width:991px) {
		.foorj-banner-overlay-text {
			font-size: 30px;
			width: 300px;
			margin-left: 20px;
		}

		.foorj-banner-subheading {
			font-size: 20px;
		}
	}

	@media (min-width:992px) and (max-width:1199px) {
		.foorj-banner-overlay-text {
			font-size: 34px;
			width: 350px;
			margin-left: 50px;
		}

		.foorj-banner-subheading {
			font-size: 22px;
		}
	}

	@media (min-width:1200px) {
		
	}