@font-face { font-family: 'Gotham Black'; src: url('/Files/Templates/Designs/eCommerce/assets/fonts/GOTHAM-BLACK.eot'); src: url('/Files/Templates/Designs/eCommerce/assets/fonts/GOTHAM-BLACK.eot?#iefix') format('embedded-opentype'), url('/Files/Templates/Designs/eCommerce/assets/fonts/GOTHAM-BLACK.woff') format('woff'), url('/Files/Templates/Designs/eCommerce/assets/fonts/GOTHAM-BLACK.ttf') format('truetype') } @font-face { font-family: 'Gotham Bold'; src: url('/Files/Templates/Designs/eCommerce/assets/fonts/GOTHAM-BOLD.eot'); src: url('/Files/Templates/Designs/eCommerce/assets/fonts/GOTHAM-BOLD.eot?#iefix') format('embedded-opentype'), url('/Files/Templates/Designs/eCommerce/assets/fonts/GOTHAM-BOLD.woff') format('woff'), url('/Files/Templates/Designs/eCommerce/assets/fonts/GOTHAM-BOLD.ttf') format('truetype') } @font-face { font-family: 'Gotham Light'; src: url('/Files/Templates/Designs/eCommerce/assets/fonts/GOTHAM-LIGHT.eot'); src: url('/Files/Templates/Designs/eCommerce/assets/fonts/GOTHAM-LIGHT.eot?#iefix') format('embedded-opentype'), url('/Files/Templates/Designs/eCommerce/assets/fonts/GOTHAM-LIGHT.woff') format('woff'), url('/Files/Templates/Designs/eCommerce/assets/fonts/GOTHAM-LIGHT.ttf') format('truetype') } .mktoForm .cf_widget_socialsignon .cf_sign_on, .cf_widget_socialsignon .cf_sign_on_button { width: initial; } .top-banner { margin-top: 50px; } .landing-page-middle { margin-top: 150px; } .checkout-step form label { font-size: 12px; } label, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { font-size: 14px; } .hero-button-white, .hero_button_white { padding: 10px 20px; margin-top: 30px; border: 1px #fff solid; max-width: 200px; text-align: center; text-decoration: none; color: #fff; font-family: "Gotham Bold"; font-size: 1em; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero-button-blue { padding: 10px 20px; margin-top: 30px; border: 1px #fff solid; max-width: 200px; text-align: center; text-decoration: none; color: #fff; font-family: "Gotham Bold"; font-size: 1em; background-color: #337ab7; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; } .hero-button-blue:hover { background-color: green; font-size: 1.5em; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; } .hero-button-blue a { color: white; font-size: 1em; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; } .hero-button-blue a:hover { color: #fff; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; } .hero-button-white { padding: 10px 20px; border: 1px #fff solid; max-width: 200px; text-align: center; text-decoration: none; overflow: hidden; color: #fff; font-family: "Gotham Bold"; font-size: 1.25em; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero-button-white:hover { color: #000; background-color: #fff; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero-button-white a, .hero_button_white a { color: #fff; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero-button-white a:hover, .hero_button_white a:hover, .hero_button_black a:active, a.hero_parent_hover { color: #000; background-color: white; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero_button_black { padding: 10px 20px; margin-top: 30px; border: 1px #000 solid; max-width: 200px; text-align: center; text-decoration: none; overflow: hidden; color: #000; font-family: "Gotham Bold"; font-size: 1.25em; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero_button_black a { color: #000; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero_button_black a:hover, .hero_button_black a:active { color: #fff; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero_button_black:hover { color: #fff; background-color: #000; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } #contentRight p, #contentRight li { font-size: 16px; text-align: left; } #contentRight li { line-height: 1.5em; margin-left: 10px; } .event, .press-release { height: 332px; } img.new-best { position: absolute; top: 0; } div.in-the-boxx a:hover, div.in-the-boxx a:visited { color: #5793d6; } .wide-silo img.new-best { position: absolute; top: 0; right: 0; } div.overhead { margin-top: 85px; } .pname>a { font-family: "Gotham Bold"; } .mxl-main { width: 100%; color: #ffffff; font-size: 16px; padding: 225px; text-align: left; background-image: url("../../../../../../Files/Images/Products/GOBOXX%20MLX/Goboxx-mxl-dark-body-background.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .mxl-vr-main { width: 100%; color: #ffffff; font-size: 16px; padding: 225px; text-align: left; background-image: url("../../../../../../Files/Images/Goboxx-mxl-vr-background.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .modal { position: fixed; top: 35%; right: auto; bottom: auto; left: 50%; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } p, ul, li { font-size: 12pt; } .top-container, .middle-container, .bottom-container { display: inline-flex; margin: 20px auto; width: 100%; padding: 20px; } .section-container { padding: 20px; } .product-group-top img { margin-left: 30%; } .box-list-title, li { line-height: 1.5em; } .box-list-item { min-height: 200px; padding-bottom: 0px; } .iray-maya { padding: 140px 0px; background-image: url("/Files/Images/Landing Pages/iray/iray-maya-bg.jpg"); background-size: cover; background-position: center center; color: white; } .iray-cinema4d { padding: 140px 0px; background-image: url("/Files/Images/Landing Pages/iray/iray-cinema4d-bg.jpg"); background-size: cover; background-position: center center; color: white; } .iray-rhino { padding: 140px 0px; background-image: url("/Files/Images/Landing Pages/iray/iray-rhino-bg.jpg"); background-size: cover; background-position: center center; color: white; } .bg-black { background-color: black; } .qs-icon-img { float: left; } .qs-icon-img>img { height: 60px; width: 60px; margin: -8px 0; -webkit-filter: invert(100%); filter: invert(100%); } div.gray-button-100width>a { color: white; text-decoration: none; } .silos-main>.prod { min-height: 500px; margin-top: 25px; } .siloproduct-image { min-height: 120px; text-align: center; } .silos-main .siloproduct-image { height: 230px; } .silos-main .product-title img { margin-left: 0; } .siloproduct-image img { margin-left: 0; /*height: 230px;*/ } .product-title>div:not(:first-child) { text-align: center; font-size: 10px; margin-left: 0px; font-family: "Gotham Bold"; } .solutions-top .box { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: none; background: white; border: none; padding: 15px; } .opening-copy { text-align: left; } li.user-name { font-size: 14px; color: white; } .boxx-top-nav { position: relative; background-color: black; background-repeat: no-repeat; background-position: left top; -webkit-transition: width 1s, height 1s, margin 1s, top 1s, left 1s; transition: width 1s, height 1s, margin 1s, top 1s, left 1s; } nav.site-breadcrumbs a { color: white; } .site-breadcrumbs { padding: 15px; } .login-form-lostpasswordhint { margin-right: 10px; font-size: 14px; padding: 10px; } form.form-inline>* { float: left; } .button:hover, .btn:hover { background: linear-gradient(#80ade0, #5793d6); color: #dddddd; } ::-webkit-input-placeholder { font-size: 14px; } ::-moz-placeholder { font-size: 14px; } /* firefox 19+ */ :-ms-input-placeholder { font-size: 14px; } /* ie */ input:-moz-placeholder { font-size: 14px; } .remember-group>label { font-size: 14px; color: white; margin: 10px; padding-top: 10px; } .site-nav a { color: #697179; display: block; line-height: 18px; padding: 0; } } .site-nav li { margin: 0; } ul, ol, dl { line-height: 0; } .site-nav .site-search button { right: 10px; top: 38px; } [class*="span"] { float: none; } .boxx-row { width: 100%; } .topnav.right { margin-top: 8px; } .vertical-center { min-height: 100%; min-height: 520px; display: flex; align-items: center; } .blackout { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); opacity: 0; z-index: 99; top: 50px; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; -ms-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; pointer-events: none; } .fadeit { opacity: 1; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; -ms-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } .section-title { height: 320px; background-image: url("../../../../../../Files/Images/generic-header-bg.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 150px; } .section-title>.container>h1 { color: #ffffff; font-family: "Gotham Bold"; padding-left: 15px; } .site-nav a.boxx-dropdown-toggle { display: flex; width: 100%; align-items: center; color: white; } .site-nav a.boxx-dropdown-toggle:hover { color: #00b4ff; } nav ul { z-index: 999; color: black; } .product-text>a { color: black; } .navbar-nav>li { float: left; } input#q { width: 100%; } .form-group { width: 100%; max-width: 500px; } .minicart-content { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; background: none; } .minicart-count { font-size: 18px; position: relative; z-index: 999; } .dwminicart-popup { background: white; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); background-image: -webkit-linear-gradient(#ffffff, #e5e5e5); background-image: -moz-linear-gradient(#ffffff, #e5e5e5); background-image: -o-linear-gradient(#ffffff, #e5e5e5); background-image: linear-gradient(#ffffff, #e5e5e5); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid #b4b4b4; color: #333; padding: 15px; width: 100%; line-height: 1em; margin: 5px 0px 20px 0px; } .dwminicart-popup { font-size: 13px } .dwminicart-popup .minicart-header { font-weight: bold; overflow: hidden; padding: 0 0 5px 0 } .dwminicart-popup .product-text { float: left; width: 40% } .dwminicart-popup .quantity-text { float: left; text-align: right; width: 30% } .dwminicart-popup .price-text, .dwminicart-popup .total-price-value { float: right; text-align: right; width: 30% } .dwminicart-popup .total-price-text { float: left; width: 70% } .dwminicart-popup .product-line, .dwminicart-popup .minicart-footer, .dwminicart-popup .minicart-buttons { clear: both } .dwminicart-popup .left-button-container { float: left } .dwminicart-popup .right-button-container { float: right } .dwminicart-popup .product-line, .dwminicart-popup .minicart-footer { border-top: 1px solid #cecece; overflow: hidden; padding: 5px 0 } .dwminicart-popup .minicart-footer { font-weight: bold } .qs-os-content { text-align: center; } .qs-os-content img { padding-top: 5px; max-width: 120px; border-radius: 0px; } /* startdesktop */ @media only screen and (min-width: 992px) { .mobile-icon { display: none; } #mobile-nav { display: none; } .top-nav-drawer { margin-top: 50px; position: absolute; z-index: 9999; background: white; } .stop-scrolling { height: 100%; overflow: hidden; } .full-width-sub-menu { background-color: #0840be; min-width: 100vw; top: 50px; left: 0px; position: fixed; z-index: 999999; margin: 0; padding: 10px 0px; transition: top 1s; } .pad-top-2 { padding-top: 4px; } .btn { padding: 8px 12px; margin-bottom: 14px; } .qs-ready-text { padding: 0; margin: 0; } .welcome-header { border-bottom: 2px solid; margin-bottom: 15px; position: relative; } .welcome-bighead { text-align: center; font-size: 24px; } div.checkout-step .btn { padding: 5px 12px; margin-bottom: 0; } .button-small, .btn-small { height: 30px; } .welcome-box { margin: 25vh 25vw; padding: 10px 25px; width: 40vw; background-color: white; border-radius: 12px; } .welcome-close.btn.btn-danger { padding: 5px; margin-bottom: 0; line-height: 1; height: 25px; width: 25px; position: absolute; top: 3px; right: 3px; } .welcome-body { width: 60%; text-align: center; margin: auto; } .welcome-body input#email { width: 250px; margin: 20px auto; } .welcome-footer { text-align: center; } .welcome-buttons>button { border-radius: 12px; height: 50px; line-height: 1em; margin: 0; color: white; } iframe#player { position: absolute; z-index: -100; margin-top: -200px; } ul.boxx-dropdown-menu ul.boxx-dropdown-menu { left: 300px; top: 0; } span#splashText { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25em; text-align: center; color: white; } .welcome-wrap { position: relative; overflow: hidden; } .bgvid { opacity: .4; height: 100vh; width: 100%; position: absolute; } p.about_text { font-size: 1.2em; font-family: "Gotham Light"; color: #333; line-height: 1.75em; padding-top: 130px; } .qs-mostpopular-text { font-family: "Gotham Bold"; font-size: 2.75em;  padding: 0px 0px 25px; } .qs-sameday-text { padding-bottom: 50px; } .qs-sameday-text { color: black; margin-top: -20px; font-size: 1.25em; } .qs-mostpopular-text { font-family: "Gotham Bold"; font-size: 2.75em;  padding: 40px 0px 25px; } .qs-ready-text { font-size: 10em; font-family: "Gotham Black"; color: black;  } .home-banner-header-text { font-family: "Gotham Black"; font-size: 3em;  padding: 80px 0 40px; line-height: 1em; color: #000; } .home-banner-text { font-size: 1.1em; line-height: 1.6em; color: #000; } div#captionDiv { font-size: 2.75em; } div#overlay-content { font-family: "Gotham Bold"; color: white; text-align: center; margin: auto; z-index: 499; height: 100vh; display: flex; align-items: center; padding-top: 50px; } h5.contact { color: #ffffff; font-size: 24px; float: left; } .form-inline .form-control { width: 200px; font-size: 16px; } h5, h6 { font-family: "Gotham Bold"; font-size: 1.2em; color: #000; line-height: .3em; } .site-header { position: fixed; z-index: 9999; padding: 0; min-width: 1475px; } .site-header .nav { clear: none !important; float: left; margin-right: 0; height: 50px; } .site-header .nav.short { clear: none !important; float: left; margin-right: 0; height: 50px; } ul#blackswitch2.nav.short { height: 50px; overflow: hidden; -webkit-transition: width .9s, height 1s, margin 1s, top 1s, left 1s, bottom 1s; transition: width .9s, height 1s, margin 1s, top 1s, left 1s, bottom 1s; } .site-nav.small-img { height: 50px; -webkit-transition: width 1s, height 1s, margin 1s, top 1s, left 1s, bottom 1s; transition: width 1s, height 1s, margin 1s, top 1s, left 1s, bottom 1s; } .home-welcome-content { height: 100vh; position: relative; overflow: hidden; } .search-button { padding: 0px 18px; border-radius: 8px; font-size: 14px; margin-left: 10px; color: white; text-align: center; height: 35px; } li.boxx-dropdown ul.boxx-dropdown-menu li.boxx-dropdown.boxx-dropdown-submenu { min-width: 100%; width: 300px; } li.boxx-dropdown.boxx-dropdown-submenu.boxx-show { display: inline-flex; padding: 0px; clear: both; font-weight: 400; min-height: 60px; color: #fff; font-family: "Gotham Bold";  } .menu-right-side { float: right; min-width: 70px; } .menu-right-side>img { height: 55px; width: 55px; float: right; padding-top: 4px; } .menu-right-side, .menu-left-side { white-space: normal; } .menu-left-side { float: left; margin: 15px 0; width: 190px; display: flex; align-items: center; } .menu-single { margin: auto 0; } .boxx-dropdown { position: relative; display: inline-block; } .boxx-dropdown-menu { display: none; position: fixed; background-color: #0840be; min-width: 160px; font-size: 14px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); -webkit-padding-start: 0px; top: 50px; } .boxx-dropdown.mobile-vert.boxx-dropdown-submenu { display: block; } .secondMenu { margin-top: 7px; -webkit-transition: width 1s, height 1s, margin 1s, top 1s, left 1s, bottom 1s; transition: width 1s, height 1s, margin 1s, top 1s, left 1s, bottom 1s; } .boxx-show { display: block; } .menuLow { top: 160px; } .menuHigh { top: 50px; } li.boxx-dropdown.boxx-dropdown-submenu:hover { background-color: white; color: #5793d6; } .boxx-menu-active { color: #5793d6 } a:hover, a:focus { text-decoration: none; } .nav-cont { float: left; } ul.full-width-sub-menu.usertop { top: 50px; } .nav>li>a:hover, .nav>li>a:focus { background-color: rgba(0, 0, 0, 0); color: #00b4ff; text-shadow: 0 0 20px #8bddff; } .nav.right a { font-size: 12px; font-family: "Gotham Bold"; } .boxx-dropdown span.caret { margin: 2px 0px 0px 6px; } .boxx-top-nav { height: 50px; min-width: 1185px; } .boxx-dropdown-menu>li>a { display: block; padding: 0px 20px; clear: both; font-weight: 400; min-height: 60px; min-width: 100%; color: #fff; font-family: "Gotham Bold";  font-size: 14px; line-height: 14px; } .ME-main { background-color: #000; background-image: url(/Files/Images/me-bg.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; color: white; width: 100%; height: 529px; overflow-x: hidden; } .MPD-main { background-color: #000; background-image: url(/Files/Images/mpd-bg.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; width: 100%; height: 529px; overflow-x: hidden; } .AE-main { background-color: #000; background-image: url(/Files/Images/ae-bg.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; width: 100%; height: 529px; overflow-x: hidden; } .VRA-main { background-color: #000; background-image: url(/Files/Images/vr-front.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; width: 100%; height: 529px; overflow-x: hidden; } .Broadcast-main { background-color: #000; background-image: url(/Files/Images/broadcast-front.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; width: 100%; height: 529px; overflow-x: hidden; } .story { height: 400px; position: relative; width: 100%; } .cust-stories-container { margin-bottom: 30px; } .cs-story-backg { display: inline-flex; position: relative; width: 100%; } .cs-story-backg>div>img { height: 400px; } .story-odd .cs-story-back-left { position: absolute; top: 0; left: -86%; z-index: 100; width: 1900px; } .story-odd .cs-story-image { position: absolute; top: 0; left: 2%; width: 100%; height: 400px; } .story-odd .cs-story-back-right { position: absolute; top: 0; left: 46%; z-index: 100; width: 150%; } .story-odd .cs-story-data { position: absolute; right: 0px; text-align: right; z-index: 500; color: white; width: 510px; padding-top: 50px; } .story-odd .cs-story-title { font-family: "Gotham Bold"; font-size: 32px;  line-height: 32px; } .story-odd .cs-story-title a { color: white; } .story-odd .cs-story-content>p { font-size: 14px; padding: 20px 0 25px; line-height: 26px; } .story-odd .cs-story-link { position: relative; } .story-odd .cs-story-link a { position: absolute; right: 0; } .story-even .cs-story-back-left { position: absolute; top: 0; left: -95%; z-index: 100; width: 1900px; } .story-even .cs-story-image { position: absolute; top: 0; left: 40%; width: 100%; height: 400px; } .story-even .cs-story-back-right { position: absolute; top: 0; left: 80%; z-index: 100; width: 100%; } .story-even .cs-story-data { position: absolute; z-index: 500; color: white; width: 510px; padding-top: 50px; } .story-even .cs-story-title { font-family: "Gotham Bold"; font-size: 32px;  line-height: 32px; } .story-even .cs-story-title a { color: white; } .story-even .cs-story-content>p { font-size: 14px; padding: 20px 0 25px; line-height: 26px; } .story.slide-left { opacity: 0; -moz-transition: all 1000ms linear; -webkit-transition: all 1000ms linear; -o-transition: all 1000ms linear; transition: all 1000ms linear; -moz-transform: translate3d(-2000px, 0px, 0px); -webkit-transform: translate3d(-2000px, 0px, 0px); -o-transform: translate(-2000px, 0px); -ms-transform: translate(-2000px, 0px); transform: translate3d(-2000px, 0px, 0px); } .story.slide-left.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .story.slide-right { opacity: 0; -moz-transition: all 1000ms linear; -webkit-transition: all 1000ms linear; -o-transition: all 1000ms linear; transition: all 1000ms linear; -moz-transform: translate3d(2000px, 0px, 0px); -webkit-transform: translate3d(2000px, 0px, 0px); -o-transform: translate(2000px, 0px); -ms-transform: translate(2000px, 0px); transform: translate3d(2000px, 0px, 0px); } .story.slide-right.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .hero-button-white { padding: 10px 20px; margin-top: 30px; border: 1px #fff solid; max-width: 200px; text-align: center; text-decoration: none; color: #fff; font-family: "Gotham Bold"; font-size: 1em;  -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero-button-blue { padding: 10px 20px; margin-top: 30px; border: 1px #fff solid; max-width: 200px; text-align: center; text-decoration: none; color: #fff; font-family: "Gotham Bold"; font-size: 1em; background-color: #337ab7;  -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; } .hero-button-blue:hover { background-color: green; font-size: 1.5em; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; } .hero-button-blue a { color: white; font-size: 1em; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; } .hero-button-blue a:hover { color: #fff; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s ease-in-out; } .site-content { padding-bottom: 0; background-color: white; max-width: 3000px; overflow: hidden; min-width: 1280px; margin: auto; } div#content-main-list { margin-top: 30px; } #content-main.cust-stories { padding: 5px 20px; background-color: transparent; margin-top: -20px; } .cust-stories .paging { margin-bottom: 5px; } .slider-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } #solutionslist1 { margin-top: 40px; } .welcome-text-home h1 { text-align: center; padding: 60px 0px 30px; font-size: 48px; font-family: 'Gotham Black';  color: black; } #mktoForm_1108 label { font-size: 14px; } .vdi-teaser { width: 100%; color: #ffffff; font-size: 16px; text-align: left; background-image: url("http://www.boxx.com/Files/Images/server_room002.jpg"); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; background-color: #000000; padding: 200px 0px; } .broadcast-teaser { width: 100%; color: #ffffff; font-size: 16px; text-align: left; background-image: url("http://www.boxx.com/Files/Images/videos-bg.jpg"); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; background-color: #000000; padding: 200px 0px; } ul#blackswitch.menu-to-top { /*width: 1024px !important;*/ height: 50px; background-color: black; position: absolute; -webkit-transition: width 1s, height 1s, margin 1s, top 1s, left 1s, transform 1s; transition: width 1s, height 1s, margin 1s, top 1s, left 1s, transform 1s; top: 0px !important; left: 160px !important; display: flex; border: none; transform: none; } ul#blackswitch { height: 50px; background-color: black; position: absolute; -webkit-transition: width 1s, height 1s, margin 1s, top 1s, left 1s, transform 1s; transition: width 1s, height 1s, margin 1s, top 1s, left 1s, transform 1s; top: 50px; left: 50%; transform: translateX(-50%); text-align: center; border: 3px outset black; background-color: black; background-repeat: no-repeat; background-position: left top; padding: 0 20px; font-size: 14px; padding-left: 15px; margin-left: 0px; } ul#blackswitch2 { position: fixed; background-color: black; z-index: 1; left: 170px; width: 900px; overflow: hidden; -webkit-transition: width .1s, height 1s, margin 1s, top 1s, left 1s, bottom 1s; transition: width .1s, height 1s, margin 1s, top 1s, left 1s, bottom 1s; } ul#blackswitch.menu-to-top .boxx-dropdown.mobile-vert { margin: 15px 0; font-family: "Gotham Bold"; text-align: center; } .solution-text { color: white; font-size: 20px; margin: 10px 0; } .quicklinks { margin: 25px 0; } .quicklink { text-align: center; } } /* enddesktop */ .box-header { border-bottom: none; } div.support-section > div { top: 50px; } .user-name { white-space: nowrap; font-size: 10px; text-align: right; padding: 0 16px 0px 0px; margin: 15px 0 0; } .user-name a { color: #00b4ff; padding-left: 3px; } div#cartCount { background-color: #0788fd; height: 15px; width: 15px; font-size: 9px; font-family: "Gotham Bold"; text-align: center; } div#topNavIcons { display: block; text-align: right; } .user-inter { display: block; position: relative; width: 360px; float: right; margin-top: 10px; -webkit-transition: margin-top 1s; transition: margin-top 1s; } .sm-margin { margin-top: 0px; } .font-white { color: white; } .mainbar { width: 100%; background-color: #ffffff; } .large-2.columns.topnav { margin-top: 20px; width: 10%; min-width: 200px; } .p0 { padding: 0; } .bb { border-bottom: 1px solid #0840be; } .bt { border-top: 1px solid #000000; } .mpd_vr { margin: 30px auto 0; float: right; } .hero-button-white { padding: 10px 20px; border: 1px #fff solid; max-width: 200px; text-align: center; text-decoration: none; overflow: hidden; color: #fff; font-family: "Gotham Bold"; font-size: 1.25em;  -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero-button-white:hover { color: #000; background-color: #fff; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero-button-white a { color: #fff; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero-button-white a:hover, .hero_button_black a:active, a.hero_parent_hover { color: #000; background-color: white; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero_button_black { padding: 10px 20px; margin-top: 30px; border: 1px #000 solid; max-width: 200px; text-align: center; text-decoration: none; overflow: hidden; color: #000; font-family: "Gotham Bold"; font-size: 1.25em;  -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero_button_black a { color: #000; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero_button_black a:hover, .hero_button_black a:active { color: #fff; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero_button_black:hover { color: #fff; background-color: #000; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } /*** */ .hero_button_green a:hover, .hero_button_green a:active, a.hero_parent_hover { color: white; background-color: green; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero_button_green_sm, .hero_button_green_sm a:hover, .hero_button_green_sm a:active, a.hero_parent_hover { color: white; background-color: green; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero_button_green_sm:hover { padding: 5px 10px; margin: 15px 0px 30px; border: 1px #000 solid; max-width: 150px; text-align: center; text-decoration: none; color: white; font-family: "Gotham Bold"; font-size: 1.2em;  background-color: green; color: green; height: 40px; -webkit-transition: background-color .5s ease-in-out, color .25s ease-in-out, margin-top .5s; -moz-transition: background-color .5s ease-in-out, color .5s ease-in-out, margin-top .5s; -o-transition: background-color .5s ease-in-out, color .5s ease-in-out, margin-top .5s; -ms-transition: background-color .5s ease-in-out, color .5s ease-in-out, margin-top .5s; transition: background-color .5s ease-in-out, color .5s ease-in-out, margin-top .5s; } .hero_button_green_sm { padding: 5px 10px; margin: 15px 0px 30px; border: 1px #000 solid; max-width: 150px; text-align: center; text-decoration: none; color: white; font-family: "Gotham Bold"; font-size: 1em;  background-color: green; color: white; height: 40px; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out, margin-top .5s; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out, margin-top .5s; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out, margin-top .5s; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out, margin-top .5s; transition: background-color .25s ease-in-out, color .25s ease-in-out, margin-top .5s; } .hero-button-blue-sm:hover { padding: 10px; margin: 15px 0px 30px; border: 1px #000 solid; max-width: 100%; text-align: center; text-decoration: none; font-size: 1.2em; color: white; background-color: #008800; /*4985d7 - blue*/ font-family: "Gotham Bold"; height: 40px; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5; transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5; } .hero-button-blue-sm { padding: 10px; margin: 15px 0px 30px; border: 1px #000 solid; max-width: 250px; text-align: center; text-decoration: none; color: white; font-family: "Gotham Bold"; font-size: 1em;  color: white; background-color: #3642e8; height: 40px; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .5s; transition: background-color 1s, font-size .5s ease-in-out; } .hero_button_green { padding: 10px 20px; margin-top: 30px; border: 1px #000 solid; max-width: 200px; text-align: center; text-decoration: none; overflow: hidden; color: #000; font-family: "Gotham Bold"; font-size: 1.25em;  -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out, width 1s, height 1s; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out, width 1s, height 1s; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out, width 1s, height 1s; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out, width 1s, height 1s; transition: background-color .25s ease-in-out, color .25s ease-in-out, width 1s, height 1s; } .hero_button_green a { color: #000; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero_button_green a:hover, .hero_button_green a:active { color: #fff; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } .hero_button_green:hover { color: #fff; background-color: #000; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } /* */ #product { margin-top: 200px; } .center { text-align: center; } .nav-bar-padding { padding: 35px 0 0; } .site-nav .site-search { padding: 30px 0 0 0; } .site-nav .submenu { top: 18px; } .site-nav .submenu { background: black; background-image: none; } .site-subfooter { border-top: none; } .site-footer a { line-height: 1.5em; } .site-footer-wp { padding: 45px 0 0px 0; height: 320px; position: relative; clear: both; background: rgb(211, 213, 215); } div#page.hfeed.site { margin-top: 90px; } .right.site-logo { width: 16.6666667%; } .product_descrip-sm { font-size: 12px; z-index: 999; height: 30px; } .qs-ship-splash { width: 250px; margin: auto; } .shipping { height: 50px; font-weight: bold; font-size: 9pt; color: #1171dc; line-height: 11pt; padding-left: 5px; } .products-row { text-align: center; } .pricing h1 { color: #000000; margin-top: 0px; font-family: "Gotham Black"; font-size: 36px; } .product_title { text-align: center; font-family: "Gotham Bold"; font-size: 24px; } .green_button_100width { width: 100%; background-color: #287f00; text-align: center; cursor: pointer; padding: 8px 0px; color: #FFFFFF; font-family: "Gotham Bold"; font-size: 14px; -webkit-transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -o-transition: background-color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; } .row { width: 100%; margin: 0; max-width: 100%; } .row .row { width: 100%; margin: 0; max-width: 100%; } img.workflow-logo { position: absolute; z-index: 10; top: 50px; left: 800px; } div#productImageDiv { position: absolute; z-index: 10; top: 20px; left: 420px; } div#contentbottomsection { background-color: white; } div.engineered-wrap { padding: 0; } div#engineered-overlay-content { position: absolute; top: 0; left: 0; } .container.box.box-main.news-detail { padding-top: 50px; } div#engineeredInfo { margin: 50px 0 0 0; } div#engineeredTitle { font-size: 3.5em; font-family: "Gotham Black"; } span#text>p { font-size: 14px; } .support-wrap { background-color: white; } .support-wrap div#bgvid { padding: 10px; } div#supportInfo { padding: 40px; } div#supportTitle { font-family: "Gotham Black"; font-size: 2em; margin-bottom: 25px; } /*Jays changes */ .nav>li>a { font-size: 16px; font-family: "Gotham Bold";  height: 78px; } .top-nav-icons>.nav>li>a { font-size: 16px; font-family: "Gotham Bold";  height: 50px; padding: 18px 14px; margin-bottom: -8px; } .mobile-vert>a { color: #ffffff; padding: 0 15px; } #overlay-content img { max-width: 400px; padding-bottom: 40px; width: 100%; } div#captionDiv {  padding-bottom: 25px; line-height: 1em; } .welcome-wrap { background-color: #000000; height: 100vh; } li.boxx-dropdown.boxx-dropdown-submenu:hover { background-color: #05266f; color: #FFFFFF; } .boxx-dropdown-menu>li>a { color: #ffffff; } li.boxx-dropdown-mid.mobile-vert.boxx-dropdown-submenu.vert .site-nav a:hover { background-color: #05266f; } .post-qs-cont { padding: 80px 0px 0px 0px; } .box { padding: 0; } .vertical-center { min-height: 300px; } .ts-video { opacity: 1; } .box { border: 0px solid #d3d5d7; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: none; } #content-main { padding: 50px 20px; background-color: #ffffff; } #content-main>div>p>span { font-size: 12pt; line-height: 21pt; } .product-tabs>li { height: 40px; font-size: 13pt; } .product-tabs>li>a { font-family: "Gotham Light"; font-size: 13pt;  color: #000000; font-weight: normal; height: 40px; padding-top: 10px; } .product-tabs>li>a:hover { color: #00b4ff; } .workflow-outer-wrap { position: relative; overflow: hidden; } .workflow { background-repeat: no-repeat; background-size: cover; padding: 70px 0px; width: 100%; overflow: hidden; } .workflow-image>img { width: 100%; max-width: 350px; } .workflow-text { color: #FFFFFF; } #textDiv { padding-bottom: 20px; } #supportTextDiv { padding-bottom: 20px; } .workflow-text>img { width: 100%; max-width: 450px; } .manufacturing { background-repeat: no-repeat; background-size: cover; background-position: center top; padding: 100px 0px; width: 100%; overflow: hidden; } .manufacturing-image>img { width: 100%; max-width: 900px; } .manufacturing-text { color: #000000; } .manufacturing-text>h1 {  font-family: "Gotham Black"; font-size: 24pt; padding-bottom: 10px; color: #000000; } .support { background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 100px 0px; width: 100%; overflow: hidden; } .support>img { width: 100%; max-width: 900px; } .support-text { color: #ffffff; } .support-text>h1 { font-family: "Gotham Black"; font-size: 24pt; padding-bottom: 10px; color: #ffffff; margin-top: 0; } #marketotest { padding: 60px 0px; } #marketoTitle { font-family: "Gotham Black"; font-size: 24pt; } .container.overlay { margin-top: 50px; padding-top: 100px; } .titlecontainer { margin-top: 200px; } .header-sm { background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 800px; } #contentbottomfullwidthsection { background-color: #ffffff; } .product-title { text-align: center; font-family: "Gotham Bold"; font-size: 36px; line-height: 26px; padding: 0px; } .product-graphic-overview { width: 100%; } .cpu-speed, .cpu-cores, .gpu-count, .memory { width: 100%; display: table-row; height: 60px; } .product-icon { min-width: 28px; display: table-cell; } .product-details { display: table-cell; width: 100%; padding-left: 20px; } .detail { font-family: "Gotham Bold"; font-size: 18px; vertical-align: top; } .detail, .additional { text-align: left; } .small-detail { float: right; text-align: right; font-size: 11px; vertical-align: text-bottom; padding-top: 11px; color: #999999; } .overclocked-anim, .overclocked-sm-anim { -moz-animation-name: overclocked-text; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease-in; -moz-animation-duration: 2s; -webkit-animation-name: overclocked-text; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 2s; animation-name: overclocked-text; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 2s; } @-moz-keyframes overclocked_text { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes overclocked_text { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes overclocked_text { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes overclocked-text { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes overclocked-text { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes overclocked-text { 0% { opacity: 0; } 100% { opacity: 1; } } .overclocked { float: left; text-align: left; color: #1171dc; font-family: "Gotham Bold"; font-size: 11px; vertical-align: text-bottom; } .slider-power { height: 8px; min-width: 180px; border: 1px #cccccc solid; background: #009600; background: -moz-linear-gradient(left, #009600 0%, #ffff00 50%, #ff0000 100%); background: -webkit-linear-gradient(left, #009600 0%, #ffff00 50%, #ff0000 100%); background: linear-gradient(to right, #009600 0%, #ffff00 50%, #ff0000 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#009600', endColorstr='#ff0000', GradientType=1); } .slider { height: 6px; background-color: #FFFFFF; float: right; } .short-specs-content { min-height: 140px; } .short-specs-content li { font-size: 9pt; line-height: 14px; font-family: "Gotham Light"; text-align: left; font-weight: bold; } .slider-animated { -moz-animation-name: fillSlides; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease-in; -moz-animation-duration: 1s; -webkit-animation-name: fillSlides; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 1s; animation-name: fillSlides; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 1s; } @-moz-keyframes fillSlides { 0% { width: 100%; } 100% { width: 0%; } } @-webkit-keyframes fillSlides { 0% { width: 100%; } 100% { width: 0%; } } @keyframes fillSlides { 0% { width: 100%; } 100% { width: 0%; } } .slider-cover { background-color: #FFFFFF; height: 6px; } .product-description { min-height: 50px; } .short-desc p { font-size: 9pt; line-height: 14px; font-family: "Gotham Light"; font-weight: bold; text-align: left; } span.short-specs-header-text { font-family: inherit; font-size: 16px; font-weight: bold; } .additional { padding: 2px 0px 5px; font-size: 11px; font-weight: bold; } a:hover { color: white; } .green-button-100width:hover { background-color: #38a800; -webkit-transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -o-transition: background-color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; cursor: pointer; } .green-button-100width { width: 100%; background-color: #287f00; text-align: center; padding: 8px 0px; margin-top: 10px; color: #FFFFFF; font-family: "Gotham Bold"; font-size: 14px;  -webkit-transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -o-transition: background-color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; } .blue-button-100width>a { color: #ffffff; } .blue-button-100width:hover { background-color: #287f00; font-size: 18px; -webkit-transition: background-color .25s ease-in-out, font-size .50s ease-in-out; -moz-transition: background-color .25s ease-in-out, font-size .50s ease-in-out; -o-transition: background-color .25s ease-in-out, font-size .50s ease-in-out; -ms-transition: background-color .25s ease-in-out, font-size .50s ease-in-out; transition: background-color .25s ease-in-out, font-size .50s ease-in-out; cursor: pointer; } .blue-button-100width { width: 100%; height: 40px; background-color: #337ab7; text-align: center; padding: 8px 0px; margin-top: 10px; color: #FFFFFF; font-family: "Gotham Bold"; font-size: 14px; -webkit-transition: background-color .25s ease-in-out, font-size .50s ease-in-out; -moz-transition: background-color .25s ease-in-out, font-size .50s ease-in-out; -o-transition: background-color .25s ease-in-out, font-size .50s ease-in-out; -ms-transition: background-color .25s ease-in-out, font-size .50s ease-in-out; transition: background-color .25s ease-in-out, font-size .50s ease-in-out; } .gray-button-100width { width: 100%; height: 40px; background-color: #777777; text-align: center; padding: 8px 0px; margin-top: 10px; color: #FFFFFF; font-family: "Gotham Bold"; font-size: 14px;  -webkit-transition: background-color .25s ease-in-out, font-size .50s ease-in-out; -moz-transition: background-color .25s ease-in-out, font-size .50s ease-in-out; -o-transition: background-color .25s ease-in-out, font-size .50s ease-in-out; -ms-transition: background-color .25s ease-in-out, font-size .50s ease-in-out; transition: background-color .25s ease-in-out, font-size .50s ease-in-out; } .green-button-100width>a { color: #ffffff; } .product-descrip { font-size: 14px; height: 160px; } .shipping { height: 50px; font-weight: bold; font-size: 9pt; text-align: left; color: #1171dc; line-height: 11pt; padding: 10px 0px 0px 5px; text-align: center; } .specs-short { font-size: 14px; padding: 0px; text-align: center; } .specs-short ul { padding-left: 15px; margin-bottom: 0px; text-align: left; } .specs-short li { padding-bottom: 10px; line-height: 1em; } .highlight { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c80e2+1,2c80e2+50&1+0,0+50 */ background: -moz-linear-gradient(top, rgba(44, 128, 226, 1) 0%, rgba(44, 128, 226, 0.98) 1%, rgba(44, 128, 226, 0) 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(44, 128, 226, 1) 0%, rgba(44, 128, 226, 0.98) 1%, rgba(44, 128, 226, 0) 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(44, 128, 226, 1) 0%, rgba(44, 128, 226, 0.98) 1%, rgba(44, 128, 226, 0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c80e2', endColorstr='#002c80e2', GradientType=0); /* IE6-9 */ border-radius: 10px; padding-bottom: 15px; } .pricing { text-align: center; color: #1171dc; margin-top: 0px; font-size: 16px; font-weight: bold; } .pricing .price { font-family: "Gotham Black"; font-size: 2.5em;  line-height: .9em; color: #000000; } .gray-button-100width { width: 100%; background-color: #666666; text-align: center; padding: 8px 0px; color: #FFFFFF; font-family: "Gotham Bold"; font-size: 14px; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .25s ease-in-out; } .gray-button-100width:hover { cursor: pointer; background-color: #999999; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out, font-size .25s ease-in-out; } div[id^='module'] #product-list.suggested { display: none; overflow: hidden; } .product-image>img { height: 250px; } .product-overlay { margin-top: 40px; } .solution-section-content { padding-bottom: 30px; } .solution-section-image { margin-bottom: -130px; } .suggested { padding-bottom: 60px; } span.support-text { margin-bottom: 30px; } .upto { font-family: "Gotham Bold"; font-weight: bold; font-size: 12px; opacity: .4;  letter-spacing: -1px; } .fa-4x { color: rgba(255, 255, 255, .8); -webkit-transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; -ms-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } .fa-4x:hover { color: rgba(255, 255, 255, 1); -webkit-transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; -ms-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } .solution-title { font-family: "Gotham Black"; font-size: 3em;  line-height: 1em; color: #fff; padding: 30px 0px; margin-top: 20px; } .qs-model.model-id { padding: 20px 0px 5px 0px; } .silo .qs-model.model-id { height: 80px; } .qs-cpu.cpu-model, .qs-gpu.gpu-model, .qs-ram.ram-size, .qs-hdd1.hdd1-size, .qs-hdd2.hdd2-size, .qs-xtra0.extra0 { padding: 2px 8px; background-color: #cccccc; border-radius: 5px; margin: 3px 0px; display: inline-block; } .qs-cpu-content img, .qs-gpu-content img, .qs-ram-content img, .qs-hdd1-content img, .qs-hdd2-content img, .qs-xtra-content img { max-width: 21px; border-radius: 0px; padding-right: 5px; } .search-results-button .btn { height: 37px; line-height: 1px; } .qs-available { text-align: left; font-size: 14px; } div.qs-details { font-size: 9pt; font-family: "Gotham Light"; font-weight: bold; color: #666666; } div.qs-details:hover { color: #1171dc; } .qs-available>div:nth-child(2) { color: red; } .product-image { text-align: center; } .row.product-top { margin: 100px 0px; } .cust-stories-teaser { width: 100%; color: #ffffff; font-size: 16px; padding: 200px 0px; text-align: left; background-image: url("../../../../../../Files/Images/CustomerStories/daniel-simon-bg.jpg"); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } .cust-stories-teaser .paragraph-title { font-family: Gotham Black; font-size: 48px; padding-bottom: 30px;  } #splashDiv { text-align: center; } .alert { color: #ff0000; font-size: 18px; font-family: Gotham Bold;  padding-left: 80px; } @media only screen and (min-height: 800px) { .overlay-content { height: 100% } } /* startie */ @supports (-ms-ime-align:auto) { .boxx-dropdown-menu { /*max-width: 300px;*/ } li.boxx-dropdown ul.boxx-dropdown-menu li.boxx-dropdown.boxx-dropdown-submenu { max-width: 300px; } li.boxx-dropdown ul.boxx-dropdown-menu li.boxx-dropdown.boxx-dropdown-submenu .menu-left-side { /*white-space: nowrap;*/ } .boxx-dropdown-menu>li>a { max-width: 300px; padding: 0; } .menu-left-side { margin: 15px; width: 250px; } li.boxx-dropdown.boxx-dropdown-submenu.boxx-show { white-space: nowrap; } } /* endie */ .footer-mini-nav { font-family: 'Gotham Bold'; font-size: 14pt; line-height: 24pt; list-style: none; margin: 0px 0px 50px 0px; } .footer-mini-nav li a { color: #bbbbbb; font-size: 14pt; line-height: 24pt; font-family: 'Gotham Bold'; } .footer-mini-nav li a:hover { color: #ffffff; text-decoration: none; } .footer-main-phone { font-family: 'Gotham Bold'; font-size: 32pt; margin: 0; } .footer-small-phone { font-family: 'Gotham Bold'; font-size: 21pt; margin: 0 0 17px 0; } .footer-hours { font-family: 'Gotham Bold'; font-size: 10pt; line-height: 19pt;  } .footer-copyright { font-size: 8pt; } .footer-email-btn { margin-bottom: 0px; } footer.footer { padding: 60px 0 30px 0; background-color: #666666; color: #bbbbbb; } .footer-hours a { font-family: 'Gotham Bold'; font-size: 14pt; line-height: 20pt; color: #bbbbbb; } .footer-hours a:hover { color: #ffffff; text-decoration: none; } .footer-inquiry-button a { font-family: 'Gotham Bold'; font-size: 14pt; line-height: 20pt; color: #bbbbbb; } .footer-inquiry-button a:hover { color: #ffffff; text-decoration: none; } .social-section i { padding: 0 5px; } .social-section a { color: #bbbbbb; } .social-section a:hover { color: #ffffff; } .social-section p { font-size: 10pt; } .fa-3x { font-size: 2.5em; } .button:hover, .btn:hover { background: linear-gradient(#80ade0, #5793d6); color: #ffffff; } a.privacy { color: #bbbbbb; text-decoration: underline; } .mb { margin-bottom: 0; } .paragraphwithtitleimage .paragraph-title { font-family: "Gotham Black"; font-size: 3.5em; color: #fff;  line-height: .9em; margin-top: 20px; margin-bottom: 30px; } a.provdi.boxx-dropdown-toggle { text-transform: none; } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { vertical-align: middle; } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td, table tr th, table tr td { font-size: 1.5rem; } .adjust-field { height: 150px; } td.cart-cell-fee-value { text-align: right; } .wide-silo .product-title { text-align: left; font-family: "Gotham Bold"; font-size: 18px; line-height: 26px; padding: 0px; display: block; width: 100%; overflow: hidden; } .icon-images { float: right; padding: 10px 5px; display: flex; } .icon-images>div { margin: 5px; } .family-model-container { float: left; display: block; width: 100%; text-align: left; margin-bottom: 10px; } .wide-silo:not(:nth-child(4n)) { background: transparent; padding-bottom: 10px; } .wide-silo:nth-child(4n) { background: rgba(0, 0, 0, 0.05); padding-bottom: 10px; } div.wide-silo div.product-family { font-family: 'Gotham Bold'; font-size: 11pt; margin-bottom: 0; } div.wide-silo div.product-model { font-family: 'Gotham Bold'; font-size: 26pt; margin-top: 0; letter-spacing: -2pt; margin-bottom: 10px; } div.wide-silo div.short-desc p { font-size: 8pt; line-height: 14px; font-family: "Gotham Light"; font-weight: bold; text-align: left; } div.wide-silo div.starting-at { font-size: 9pt; padding-bottom: 2px; } div.wide-silo div.in-the-boxx { font-size: 11px; padding-top: 8px; } div.wide-silo div.product-image img { width: 100%; height: auto; } div.wide-silo div.cpu-speed, div.wide-silo div.cpu-cores, div.wide-silo div.gpu-count, div.wide-silo div.memory { width: 100%; display: table-row; height: 40px; } .wide-silo .silo>div { padding-top: 20px; } div.wide-silo div.specs-short li { padding-bottom: 5px; line-height: 1.25em; } div.wide-silo div.short-specs-content li { font-size: 9pt; font-family: "Gotham Light"; text-align: left; font-weight: bold; } div.wide-silo div.spec-sheet { margin: 7px auto 15px auto; } div.wide-silo div.spec-sheet a { font-size: 8pt; } div.wide-silo div.specs-short { font-size: 14px; text-align: center; padding-right: 15px; } div.wide-silo div.short-specs-content { min-height: 20px; } .headliner.legacy, .headliner.mobile, .headliner.workstations, .headliner.deep-learning, .headliner.rendering, .headliner.software { font-size: 48px;  top: 80px; } .headliner { font-family: "Gotham Black"; text-align: center; margin-top: 50px; } .highlight { border: 2px solid #1383c6; background: none; border-radius: 0px; padding-bottom: 0px; } .pname { text-align: left; font-size: 48px; } .content { text-align: left; font-size: 12pt; } div.wide-silo div.product-icon img { margin-top: 7px; } div.wide-silo div.detail { font-family: "Gotham Bold"; font-size: 16px; padding-bottom: 2px; } .silo-header { position: relative; top: 0px; left: 0px; right: 0px; } div.wide-silo div.silo-header { text-align: left; font-family: 'Gotham Bold'; font-size: 16pt;  line-height: 50px; height: 50px; padding-left: 12px; background: #1383c6; } .horiz-silo-dimensions>p { font-size: 8pt; margin-bottom: 20px; color: #999999; } .wide-silo .pricing .price { font-family: "Gotham Black"; font-size: 1.5em;  line-height: .9em; color: #000000; } .wide-silo .pricing { text-align: left; } .consult { font-size: 11px; } .max-config-header { margin-bottom: 10px; } .product-description { min-height: 50px; text-align: left; margin-top: 30px; } .wide-silo .product-description { margin-top: 0; } .in-the-boxx { font-size: 12px; } .max-config-header, .short-specs-header { text-align: left; } .max-config, .short-specs-header-text { font-weight: bold; font-size: 16px; } .learn-more { font-size: 12px; } .system-text { font-size: 20px; } .intro>p { font-size: 22px; } div.pname>a:hover { color: #4386d1; } div.support-section>div { -webkit-transition: width 1s, height 1s, margin 1s, top 1s, left 1s, bottom 1s; transition: width 1s, height 1s, margin 1s, top 1s, left 1s, bottom 1s; } .toTop { /*top: 50px !important;*/ -webkit-transition: width 1s, height 1s, margin 1s, top 1s, left 1s, bottom 1s; transition: width 1s, height 1s, margin 1s, top 1s, left 1s, bottom 1s; } .toNormal { top: 160px; left: 400px; -webkit-transition: width 1s, height 1s, margin 1s, top 1s, left 1s, bottom 1s; transition: width 1s, height 1s, margin 1s, top 1s, left 1s, bottom 1s; } ul#blackswitch2 .boxx-dropdown.mobile-vert { font-size: 16px; margin: 15px 0; font-family: "Gotham Bold"; text-align: left; /*-webkit-transition: margin 1s, top 1s, left 1s, bottom 1s; transition: margin 1s, top 1s, left 1s, bottom 1s;*/ } .boxx-dropdown-menu { width: 245px; } ul#blackswitch .boxx-dropdown.mobile-vert { font-size: 18px; margin: 15px 0; font-family: "Gotham Bold"; text-align: center; /*-webkit-transition: margin 1s, top 1s, left 1s, bottom 1s; transition: margin 1s, top 1s, left 1s, bottom 1s;*/ } .site-nav a.boxx-dropdown-toggle { display: flex; width: 100%; align-items: center; } div#myCarousel { margin-top: 0px; } .site-logo-div.left.short { height: 50px; } .site-logo-div.left { height: 50px; } .site-nav { height: 50px; -webkit-transition: width 1s, height 1s, margin 1s, top 1s, left 1s, bottom 1s; transition: width 1s, height 1s, margin 1s, top 1s, left 1s, bottom 1s; } .boxx-top-nav.short { height: 50px; } .site-logo.short>img { height: 50px; } div#blackswitch2.short { left: 160px; } .site-logo.short { height: 50px; } .site-logo>img { height: 50px; -webkit-transition: width 1s, height 1s, margin 1s, top 1s, left 1s; transition: width 1s, height 1s, margin 1s, top 1s, left 1s; } .site-logo.imageFile { -webkit-transition: width 1s, height 1s, margin 1s, top 1s, left 1s; transition: width 1s, height 1s, margin 1s, top 1s, left 1s; height: 50px; } .logoimg { -webkit-transition: width 1s, height 1s, margin 1s, top 1s, left 1s; transition: width 1s, height 1s, margin 1s, top 1s, left 1s; height: 50px; } .logoimg.short { -webkit-transition: width 1s, height 1s, margin 1s, top 1s, left 1s; transition: width 1s, height 1s, margin 1s, top 1s, left 1s; height: 50px; } .site-nav li { display: block; float: left; padding: 0; position: relative; margin: 0; } #topNavIcons a i { color: white; } .privacy-link { color: #ccc; text-decoration: underline; } .privacy-link:hover { color: blue; } .link-text { color: white; } .link-text:hover { color: #cacaca; } .link-text-accept { background-color: rgb(7, 214, 60); display: inline-block; color: black; border: 1px solid rgb(4, 132, 37); padding: 3px 8px; text-align: center; } .link-text-accept:hover { background-color: #337ab7; color: white; } .clearfix { clear: both; } .boxx-dropdown-menu { min-width: 245px; padding: 5px; } /* Mobile Start */ @media only screen and (max-width: 991px) { .mobile-vert { width: 100%; clear: both; } .nav>li>a { height: 60px; display: flex; align-items: center; padding-left: 20px; } .nav-search a, .nav-contactus a, .nav-login a, .nav-cart a { color: white; } .form-group { max-width: 230px; } div.mobile-icon>a.right { padding: 10px; } .search-button { margin-left: 10px; min-height: 36px; color: white; font-size: 14px; min-width: 48px; } .pad-top { padding-top: 40px; } .pad-top a { float: left; margin-right: 10px; } .dwminicart-popup { width: auto; } #drawerLogin { min-width: 80px; margin-top: 6px; } .remember-group>label { margin-top: 0px; padding-top: 0px; } .col-md-4.text-right.pad-top { float: left; padding-top: 30px; text-align: left; } .col-md-6.text-right.pad-top-3 { float: left; } .top-nav-drawer { position: absolute; z-index: 1000; background: white; } .glassdoorimg { margin-left: 0; margin-right: 0; } .site-logo-div { display: none; } .section-title { margin-top: 0px } .site-header { display: none; } .overlay-content>img { width: 80%; font-size: 6px; } div#topNavIcons { margin-left: 40px; float: right; margin: 15px 0 0; } .full-width-sub-menu { background-color: #0840be; min-width: 100vw; left: 0px; z-index: 999999; margin: 0; padding: 5px 0px 20px 0px; } p.about_text { font-size: 1em; font-family: "Gotham Light"; color: #333; line-height: 1em; padding-top: 60px; } .qs-sameday-text { color: black; margin-top: -20px; font-size: 1.25em; } .qs-mostpopular-text { font-family: "Gotham Bold"; font-size: 2em;  padding: 40px 0px 25px; } .qs-ready-text { font-size: 4em; font-family: "Gotham Black"; color: black;  } .home-banner-header-text { font-family: "Gotham Black"; font-size: 2em;  padding: 20px 0 40px; line-height: .9em; color: #000; } .home-banner-text { font-size: 1em; line-height: 1.5em; color: #000; } div#captionDiv { font-size: 1em; } div#overlay-content { position: absolute; top: 0; font-family: "Gotham Bold"; color: white; text-align: center; width: 100%; margin: auto; } h5.contact { color: #ffffff; font-size: 18px; float: left; } h5, h6 { font-family: "Gotham Bold"; font-size: 1.2em; color: #000; line-height: .3em; } .home-welcome-content { position: relative; } .search-button { padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; border-radius: 8px; } .site-header .nav { clear: both !important; float: none; margin-right: 0; margin-top: 10px; } .mobile-icon { width: 100%; background-color: black; height: 55px; float: right; position: fixed; top: 0; left: 0; z-index: 5000; overflow: hidden; } .boxx-dropdown-submenu .boxx-dropdown-submenu { margin-left: 40px; } .boxx-dropdown-menu .boxx-dropdown-menu-sub { background-color: #05266f; } li.boxx-dropdown ul.boxx-dropdown-menu li.boxx-dropdown.boxx-dropdown-submenu { min-width: 100%; } li.boxx-dropdown.boxx-dropdown-submenu.boxx-show { display: block; padding: 0px; clear: both; font-weight: 400; min-height: 60px; color: #fff; font-family: "Gotham Bold";  } .working { color: white; display: block; position: absolute; left: 400px; transition: right 1s, left 1s; top: 0; } .working2 { color: white; display: block; position: absolute; left: 400px; transition: right 1s, left 1s; top: 0; } .working3 { color: white; display: block; position: absolute; left: 400px; transition: right 1s, left 1s; top: 0; } .working4 { color: white; display: block; position: absolute; left: 400px; transition: right 1s, left 1s; top: 0; } ul.boxx-dropdown-menu.working { position: absolute; display: block; top: 0; left: 400px; transition: left 1s, right 1s; } li.boxx-dropdown-sub.mobile-vert.boxx-dropdown-submenu { line-height: 18px; } .welcome-wrap { position: relative; overflow: hidden; height: 450px; } div#overlay-content { top: 30px; z-index: 499; } span#splashText { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; } aside#mobile-nav { left: 0px; background-color: #0840be; position: relative; z-index: 4000; width: 100%; border-bottom: 2px solid black; top: 55px; } aside#mobile-nav { border-bottom: none; } .ME-main { background-color: #000; background-image: url(/Files/Images/me-bg.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; color: white; width: 100%; height: 529px; overflow-x: hidden; } .MPD-main { background-color: #000; background-image: url(/Files/Images/mpd-bg.jpg); background-repeat: no-repeat; background-position: -900px center; background-size: cover; width: 100%; height: 529px; overflow-x: hidden; } .AE-main { background-color: #000; background-image: url(/Files/Images/ae-bg.jpg); background-repeat: no-repeat; background-position: -650px center; background-size: cover; width: 100%; height: 529px; overflow-x: hidden; } .VRA-main { background-color: #000; background-image: url(/Files/Images/virtual-bg.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; width: 100%; height: 529px; overflow-x: hidden; } .boxx-dropdown-menu>li>a, .boxx-dropdown-menu-sub>li>a, .boxx-dropdown-sub>li>a { display: flex; clear: both; font-weight: 400; min-height: 60px; min-width: 100%; color: #fff; font-family: "Gotham Bold";  align-items: center; } .nav>li>a:hover, .nav>li>a:focus { text-decoration: none; color: #ffffff; background-color: #0000a3; } .menu-right-side { display: none; } .menu-right-side>img { display: none; } .menu-right-side, .menu-left-side { white-space: normal; } .menu-left-side { float: left; padding-left: 20px; margin: auto 0; width: 190px } .menu-single { padding-left: 20px; margin: auto 0; } .boxx-dropdown { position: relative; display: block; } .boxx-dropdown-menu, .boxx-dropdown-menu-sub { display: none; position: absolute; background-color: #0840be; width: 100%; font-size: 14px; list-style: none; z-index: 100; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); -webkit-padding-start: 0px; margin-left: 0px; } .boxx-dropdown-menu-sub { z-index: 200; } .boxx-show { display: block; } li.boxx-dropdown.boxx-dropdown-submenu:hover { background-color: white; color: #5793d6; } .boxx-menu-active { color: #5793d6 } a:hover, a:focus { text-decoration: none; } .bgvid { opacity: 0; } .boxx-dropdown-menu { background-color: #153588; } .story { height: 400px; position: relative; width: 100%; } .cust-stories-container { margin-bottom: 30px; } .cs-story-backg { display: inline-flex; position: relative; width: 100%; } .cs-story-backg>div>img { height: 400px; } .story-odd .cs-story-back-left { position: absolute; top: 0; left: -165%; z-index: 100; width: 1900px; } .story-odd .cs-story-image { position: absolute; top: 0; left: 2%; width: 100%; height: 400px; } .story-odd .cs-story-back-right { position: absolute; top: 0; left: 46%; z-index: 100; width: 150%; } .story-odd .cs-story-data { position: absolute; right: 0px; text-align: right; z-index: 500; color: white; width: 300px; padding-top: 50px; } .story-odd .cs-story-title { font-family: "Gotham Bold"; font-size: 32px;  line-height: 32px; } .story-odd .cs-story-title a { color: white; } .story-odd .cs-story-content>p { font-size: 14px; padding: 20px 0 25px; line-height: 26px; } .story-odd .cs-story-link { position: relative; } .story-odd .cs-story-link a { position: absolute; right: 0; } .story-even .cs-story-back-left { position: absolute; top: 0; left: -200%; z-index: 100; width: 1900px; } .story-even .cs-story-image { position: absolute; top: 0; left: 40%; width: 100%; height: 400px; } .story .cs-story-back-right { position: absolute; display: none; top: 0; left: 80%; z-index: 100; width: 100%; } .story-even .cs-story-data { position: absolute; z-index: 500; color: white; width: 300px; padding-top: 50px; } .story-even .cs-story-title { font-family: "Gotham Bold"; font-size: 32px; line-height: 32px; } .story-even .cs-story-title a { color: white; } .story-even .cs-story-content>p { font-size: 14px; padding: 20px 0 25px; line-height: 26px; } .story.slide-left { opacity: 0; -moz-transition: all 1000ms linear; -webkit-transition: all 1000ms linear; -o-transition: all 1000ms linear; transition: all 1000ms linear; -moz-transform: translate3d(-2000px, 0px, 0px); -webkit-transform: translate3d(-2000px, 0px, 0px); -o-transform: translate(-2000px, 0px); -ms-transform: translate(-2000px, 0px); transform: translate3d(-2000px, 0px, 0px); } .story.slide-left.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .story.slide-right { opacity: 0; -moz-transition: all 1000ms linear; -webkit-transition: all 1000ms linear; -o-transition: all 1000ms linear; transition: all 1000ms linear; -moz-transform: translate3d(2000px, 0px, 0px); -webkit-transform: translate3d(2000px, 0px, 0px); -o-transform: translate(2000px, 0px); -ms-transform: translate(2000px, 0px); transform: translate3d(2000px, 0px, 0px); } .story.slide-right.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .paging { margin-top: 1.5em } .paging ul { margin-left: 40px; float: none; } .story .hero-button-white { padding: 5px 10px; margin-top: 10px; border: 1px #fff solid; max-width: 200px; text-align: center; text-decoration: none; color: #fff; font-family: "Gotham Bold"; font-size: 1em; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -o-transition: background-color .25s ease-in-out, color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out, color .25s ease-in-out; transition: background-color .25s ease-in-out, color .25s ease-in-out; } #mobileToggle { color: #999999; padding: 8px; border-radius: 5px; border: 2px solid #999999; } #mobileToggle:hover { color: #ffffff; padding: 8px; border-radius: 5px; border: 2px solid #ffffff; background-color: #0840be; } .mobile-vert>a { color: #ffffff; padding: 0 15px; } #mobile-nav>ul#blackswitch { font-size: 14px; padding-left: 0px; background-image: none; } .slider-bg { background-position: left center; } .welcome-text-home h1 { text-align: center; padding: 60px 0px 30px; font-size: 30px; font-family: 'Gotham Black';  color: black; } .paragraphwithtitleimage.cust-stories-teaser, .paragraphwithtitleimage.tiny-apexx1, .paragraphwithtitleimage.elite-compact, .paragraphwithtitleimage.highly-configurable, .paragraphwithtitleimage.svelte-beauty, .paragraphwithtitleimage.desktop-replacement, .paragraphwithtitleimage.vdi-teaser { background-attachment: scroll; } .hero-image { display: none; } .quicklink { margin-top: 25px; } .solution-wrap { margin: 50px; } .ir{} ir: hover { color: #444444; } }