#dash main/* Giles-Parscale Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.4 Developer: Giles-Parscale Inc Email Address: info@parscale.com Developer Website: http://www.parscale.com/ Client Website: http:// Last Modifier: Ali Alvarez - Giles-Parscale Inc Last Modified: 05.16.2016 */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework */ /* 1. Create a Clean Base ------------------------------------------------------------------------------*/ html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} blockquote, q {quotes: none;} br {height: 0;} ul, ol, dl {list-style: none;} /* Class for clearing floats */ .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* 2. Define Base Typography ------------------------------------------------------------------------------*/ /* Create the Default Headers */ h1, h2, h3, h4, h5, h6 {color: #cc0000; font-family: 'Eurostile', sans-serif; font-weight: 800;} /* Create the Default Paragraphs */ p {color: #1d1d1d; font-family: 'Work Sans', sans-serif; font-weight: 500; font-size: 15px; line-height: 20px; letter-spacing: .08em;} /* Specific Header Settings */ h1 {font-size: 60px; line-height: 62px; letter-spacing: .08em; text-transform: uppercase;} h2 {font-size: 50px; line-height: 62px; letter-spacing: .02em; text-transform: uppercase;} h3 {font-size: 24px; letter-spacing: .08em; line-height: 26px; color: #2b364e; text-transform: uppercase;} h4 {font-size: 24px; font-family: 'Work Sans', sans-serif; letter-spacing: .08em; color: #1d1d1d; font-weight: 600; line-height: 28px; text-transform: uppercase;} h5 {font-size: 20px; font-family: 'Roboto Mono', monospace; font-weight: 700; color: #2b364e; letter-spacing: .08em; line-height: 22px; text-transform: uppercase;} h6 {font-size: 18px; color: #2b364e; letter-spacing: .08em; text-transform: uppercase;} /* Other Typo */ strong {font-weight: bold;} hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;} ol {list-style: decimal;} ul {list-style: disc;padding-left:25px;box-sizing:border-box;} ul li {font-size: 14px;font-family:'Work Sans', sans-serif;line-height: 18px;font-weight: 500;letter-spacing: .08em;margin-bottom:5px;} blockquote {padding: 0 120px; font-family: 'Roboto Mono', monospace; font-style: italic; font-size: 18px; color: #cc0000;} /* Google Fonts font-family: 'Roboto Mono', monospace; font-family: 'Eurostile', sans-serif; font-family: 'Work Sans', sans-serif; font-family: 'Space Mono', monospace; */ /* Google Web Font Smoothing */ html, body, p, a, h1, h2, h3, h4, h5, h6 {-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;} /* 3. Images ------------------------------------------------------------------------------*/ /* Remove border around linked images */ img {border: 0; border-style: none;max-width: 100%;} /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a {color: #c90607; text-decoration: none; cursor: pointer;} a:hover {color: #c90607; text-decoration: none;} a:active {outline: none;} a:focus {outline: none;} /* 5. Forms ------------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset {border: 1px solid transparent;} input[type=submit] {cursor: pointer;} /* 6. Tables ------------------------------------------------------------------------------*/ /* Table Fixes */ table {border-spacing: 0; border-collapse: collapse;} td {text-align: left; font-weight: normal;} /* 7. Colors ------------------------------------------------------------------------------*/ /* red: #cc0000; navy: #2b364e; dark navy: #1d1d1d; */ /* 8. Basic Classes ------------------------------------------------------------------------------*/ .full_bg {background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .left {float: left;} .right {float: right;} .btn {display: inline-block; padding-right: 37px; background: url(/images/site/btn.png) right center no-repeat; padding-bottom: 4px; border-bottom: double #1d1d1d 4px; font-family: 'Roboto Mono', monospace; font-weight: 700; font-style: italic; font-size: 16px; letter-spacing: .08em;} .btn:hover {color: #2b364e;} .btn.wht {border-bottom: double #fff 4px; color: #fff; background: url(/images/site/btn_white.png) right center no-repeat;} .btn.wht:hover {border-bottom: double #cc0000 4px; color: #cc0000; background: url(/images/site/btn.png) right center no-repeat;} .btn:hover {} .last {margin-right: 0 !important;} .end {margin-bottom: 0 !important; border-bottom: none !important;} .vcenter {display: table-cell; vertical-align: middle;} /*.vertical_title {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}*/ .vertical_title {white-space: nowrap; display: inline-block; position: absolute; left: -27px; top: 0; float: none; transform: rotate(-90deg) translate(-100%, 0); -webkit-transform: rotate(-90deg) translate(-100%, 0); -moz-transform: rotate(-90deg) translate(-100%, 0); -o-transform: rotate(-90deg) translate(-100%, 0); -ms-transform: rotate(-90deg) translate(-100%, 0); transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0;} .vertical_title h6 {display: inline-block; vertical-align: middle; color: #cdcdcd !important; line-height: 16px; font-weight: 400; text-transform: none; font-family: 'Roboto Mono', monospace; font-size: 16px; font-style: italic;} .vertical_title:after {margin-left: 15px; background: #1d1d1d; display: inline-block; vertical-align: middle;} .angled_corner {position: relative;box-shadow:none !important;-webkit-clip-path: polygon(100% 0, 100% 100%, 5% 100%, 0 95%, 0 0);clip-path: polygon(100% 0, 100% 100%, 5% 100%, 0 95%, 0 0);} .angled_corner::after {content:"";position:absolute;background-color:#d5d4d4;-webkit-clip-path: polygon(100% 0, 100% 100%, 5% 100%, 0 95%, 0 0);clip-path: polygon(100% 0, 100% 100%, 5% 100%, 0 95%, 0 0);z-index:-2;left:-5px;right:-5px;top:-5px;bottom:-5px;} .angled_corner::before {content:"";position:absolute;background-color:#FFF;-webkit-clip-path: polygon(100% 0, 100% 100%, 5% 100%, 0 95%, 0 0);clip-path: polygon(100% 0, 100% 100%, 5% 100%, 0 95%, 0 0);z-index:-1;left: 1px;right: 1px;top: 1px;bottom: 1px;} .angled_corner:hover::before {background-color:#2b364e;} .angled_corner_large {position: relative;box-shadow:none !important;-webkit-clip-path: polygon(100% 0, 100% 100%, 2% 100%, 0 98%, 0 0);clip-path: polygon(100% 0, 100% 100%, 2% 100%, 0 98%, 0 0);} .angled_corner_large::after {content:"";position:absolute;background-color:#d5d4d4;-webkit-clip-path: polygon(100% 0, 100% 100%, 2% 100%, 0 98%, 0 0);clip-path: polygon(100% 0, 100% 100%, 2% 100%, 0 98%, 0 0);z-index:-2;left:-5px;right:-5px;top:-5px;bottom:-5px;} .angled_corner_large::before {content:"";position:absolute;background-color:#FFF;-webkit-clip-path: polygon(100% 0, 100% 100%, 2% 100%, 0 98%, 0 0);clip-path: polygon(100% 0, 100% 100%, 2% 100%, 0 98%, 0 0);z-index:-1;left: 1px;right: 1px;top: 1px;bottom: 1px;} .angled_corner_larger {position: relative;box-shadow:none !important;-webkit-clip-path: polygon(100% 0, 100% 100%, 3% 100%, 0 95%, 0 0);clip-path: polygon(100% 0, 100% 100%, 3% 100%, 0 95%, 0 0);} .angled_corner_larger::after {content:"";position:absolute;background-color:#d5d4d4;-webkit-clip-path: polygon(100% 0, 100% 100%, 3% 100%, 0 95%, 0 0);clip-path: polygon(100% 0, 100% 100%, 3% 100%, 0 95%, 0 0);z-index:-2;left:-5px;right:-5px;top:-5px;bottom:-5px;} .angled_corner_larger::before {content:"";position:absolute;background-color:#FFF;-webkit-clip-path: polygon(100% 0, 100% 100%, 3% 100%, 0 95%, 0 0);clip-path: polygon(100% 0, 100% 100%, 3% 100%, 0 95%, 0 0);z-index:-1;left: 1px;right: 1px;top: 1px;bottom: 1px;} .white_line {position: relative;margin-bottom:10px;} .white_line::after {position: absolute;bottom:0;left:0;content:"";background:#FFF;height:1px;width:120px;} /* 9. Framework ------------------------------------------------------------------------------*/ /* Page Layout */ html, body {height: 100%; font-size: 13px; font-family: 'Work Sans', sans-serif; background: #fff;} /* Wrapper */ #wrapper {min-height: 100%; height: auto !important; margin: 0 auto -500px; overflow: hidden;} .container {width: 1180px; margin: auto; position: relative;} /* Header */ header {height: 109px; background:none; border-bottom: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; -webkit-transition: ease 300ms all; -o-transition: ease 300ms all; transition: ease 300ms all;} header:after { -webkit-transition: ease 300ms all; -o-transition: ease 300ms all; transition: ease 300ms all;content:''; position: absolute;z-index: 1; left: 0; top: 0; width: 100%; height: 100%; display: block;background: #f5f6f8; opacity: 0;} header.sticky:after { opacity: 1;} header.sticky { border-bottom: 1px solid #e3e6e8; } header.transparent {background: transparent; border-bottom: none; -webkit-transition: ease 300ms all; -o-transition: ease 300ms all; transition: ease 300ms all;} header .container {height: 109px; z-index: 2;} header #brand {display: block; width: 170px; height: 109px; position: absolute; top: 0; left: -65px;} header #header_cart_container #header_cart_link {width: 20px; height: 20px; display: block; position: relative; top: -4px;} header #header_cart_container #header_cart_link span {color: #cc0000; display: block; position: absolute; top: 0; left: 25px; line-height: 20px;} header #header_cart_container #header_cart {background: #2b364e; position: absolute; top: 35px; right: -13px; z-index: 999; max-width: 325px; padding: 25px; opacity: 0; visibility: hidden; -webkit-transition: ease 300ms all; -o-transition: ease 300ms all; transition: ease 300ms all;} header #header_cart_container #header_cart.active {opacity: 1; visibility: visible;} header #header_cart_container #header_cart:before {display: block; content: ''; position: absolute; top: -10px; right: 20px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #2b364e;} header #header_cart_container #header_cart h3, header #header_cart_container #header_cart h4, header #header_cart_container #header_cart h5, header #header_cart_container #header_cart h6, header #header_cart_container #header_cart a {color: #fff;} header #header_cart_container #header_cart h3 {font-size: 14px;} header #header_cart_container #header_cart h4 {font-family: 'Roboto Mono', monospace; font-size: 18px; letter-spacing: .02em;} header #header_cart_container #header_cart h6 {font-family: 'Work Sans', sans-serif; font-size: 15px; font-weight: 400; margin-bottom: 5px;} header #header_cart_container #header_cart .cart_item {border-top: 1px solid #fff; padding: 15px 0;} header #header_cart_container #header_cart .cart_item .remove {display: block; margin-top: 15px; color: #cc0000; text-transform: none; font-family: 'Work Sans', sans-serif; font-style: italic; font-weight: 500;} header #header_cart_container #header_cart .cart_item .remove span {position: relative; top: 3px; display: inline-block; width: 30px; margin-right: 5px;} header #header_cart_container #header_cart .subtotal {margin-top: 15px; text-align: center; border: 1px solid #fff; padding: 20px; margin-bottom: 25px;} header #header_cart_container #header_cart .subtotal h3 {display: inline-block; line-height: 14px;} header #header_cart_container #header_cart .view_cart {float: left; font-family: 'Work Sans', sans-serif; font-weight: 400; font-size: 13px; letter-spacing: .02em; text-transform: none;} header #header_cart_container #header_cart .btn {text-transform: none; float: right;} header #header_cart_container #header_cart .btn:hover {color: #cc0000;} header nav.desktop ul li {margin-left: 30px; line-height: 15px; font-family: 'Space Mono', monospace; font-weight: 700; font-size: 15px; text-transform: uppercase; letter-spacing: .08em; list-style: none; float: left;} header nav.desktop ul li a {color: #2b364e;} header.transparent nav.desktop ul li a {color: #fff;} header nav.desktop ul li a:hover {color: #2b364e;} header.transparent nav.desktop ul li a:hover {color: #fff;} header nav.desktop ul li.has_dropdown {position: relative;} header nav.desktop ul li.has_dropdown a {background: url(/images/site/drop_arw.png) right center no-repeat; padding-right: 15px !important;} header nav.desktop ul li.has_dropdown:hover a {opacity: 1 !important;} header nav.desktop ul li.has_dropdown .dropdown {padding: 30px 0 30px 15px; display: table; position: absolute; top: 45px; left: -175px; background: #2b364e; z-index: 99; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);} header nav.desktop ul li.has_dropdown .dropdown .col {display: table-cell; vertical-align: top; padding-right: 30px;} header nav.desktop ul li.has_dropdown .dropdown ul li {margin-left: 0 !important;} header nav.desktop ul li.has_dropdown .dropdown ul li a {color: #fff; padding: 0 !important; opacity: 1 !important;} header nav.desktop ul li.has_dropdown .dropdown ul li.title {display: block; width: 100%; margin-bottom: 25px; font-size: 18px; line-height: 18px; white-space: nowrap;} header nav.desktop ul li.has_dropdown .dropdown ul li.has_sub_links {position: relative;} header nav.desktop ul li.has_dropdown .dropdown ul li.has_sub_links:before {position: absolute; top: 3px; left: -18px; display: block; content: ''; width: 12px; height: 12px; background: url(/images/site/graphic_plussign.png);} header nav.desktop ul li.has_dropdown .dropdown .sub_links ul li {letter-spacing: .1em; font-size: 14px;} header nav.desktop ul li.has_dropdown .dropdown .sub_links ul li a {opacity: .8 !important;} header nav.desktop ul li#dropdown_link_reports #dropdown_reports {display: none;} header nav.desktop ul li#dropdown_link_reports:hover #dropdown_reports {display: block;} header nav.desktop ul li#dropdown_link_reports #dropdown_reports .sub_links ul {width: 440px;} header nav.desktop ul li#dropdown_link_reports #dropdown_reports .sub_links ul li {margin-bottom: 10px; width: 50%; float: left;} header nav.desktop ul li#dropdown_link_news #dropdown_news {display: none;} header nav.desktop ul li#dropdown_link_news:hover #dropdown_news {display: block;} header nav.desktop ul li#dropdown_link_consulting #dropdown_consulting {right: 0; left: auto; display: none;} header nav.desktop ul li#dropdown_link_consulting:hover #dropdown_consulting {display: block;} header nav.desktop ul li#dropdown_link_consulting:hover #dropdown_consulting .sub_links ul {width: 440px;} header nav.desktop ul li#dropdown_link_consulting:hover #dropdown_consulting .sub_links ul li {margin-bottom: 10px; width: 50%; float: left;} header nav.desktop #search_trigger img {width: 15px;} #search_pop {z-index: 1000; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: url(/images/site/jpr_search-pattern.png);} #search_pop.hide {display: none;} #search_pop #close {width: 35px; position: absolute; right: 30px; top: 30px;} #search_pop .title {margin-top: 100px;} #search_pop .title p {width: 41%; color: #fff; margin-left: 5%} #search_pop span {left: calc(50% - 50px); top: 10px; float: left; border-radius: 5px; position: relative; display: inline-block; width: 6px; height: 6px; background: #fff; border: 2px solid #fff;} #search_pop span:after {position: absolute; right: 100%; top: 2px; display: block; content: ''; width: 1000px; height: 2px; background: #fff;} #search_pop form {margin-top: 25px; max-height: calc(100vh - 225px); overflow: scroll;} #search_pop textarea {resize: none; white-space: pre-wrap!important; word-wrap: break-word; width: 90%; padding: 20px 5% 10px; font-size: 95px; font-family: Eurostile, sans-serif; text-transform: uppercase; font-weight: bold; color: #fff; line-height: 100px; max-height: calc(100vh - 320px); overflow: scroll;} #search_pop input[type="submit"] {position: absolute; position: relative; width: 100px; margin-left: calc(50% - 50px); bottom: 50px;} header #header_nav_top {position: absolute; top: 32px; right: 0;} header #header_nav_top .social {float: left;} header #header_nav_top .social ul li a {display: block; text-indent: -9999px;} header #header_nav_top .social ul li a.facebook {width: 15px; height: 15px; background: url(/images/site/facebook.png);} header.transparent #header_nav_top .social ul li a.facebook {width: 15px; height: 15px; background: url(/images/site/f_facebook.png);} header #header_nav_top .social ul li a.linkedin {width: 15px; height: 15px; background: url(/images/site/linkedin.png);} header.transparent #header_nav_top .social ul li a.linkedin {width: 15px; height: 15px; background: url(/images/site/f_linkedin.png);} header #header_nav_top .social ul li a.twitter {width: 19px; height: 15px; background: url(/images/site/twitter.png);} header.transparent #header_nav_top .social ul li a.twitter {width: 19px; height: 15px; background: url(/images/site/f_twitter.png);} header #header_nav_top ul {float: left;} header #header_nav_top ul li.purchase_reports {letter-spacing: .04em;} header #header_nav_top ul li.purchase_reports a {color: #cc0000;} header #header_nav_top ul li.purchase_reports a:hover {color: #2b364e;} header.transparent #header_nav_top ul li.purchase_reports a:hover {color: #cc0000;} header #header_nav_top ul li.purchase_reports .purchase {text-indent: 2px;position: relative; top: -4px; padding-top: 4px; padding-left: 24px; width: 40px; min-height: 19px; display: inline-block; vertical-align: top; background: url(/images/site/purchase_new1.png) top left no-repeat;} header #header_nav_top ul li.purchase_reports .reports {text-indent: -2px;padding-bottom: 4px; padding-right: 7px; width: 63px; min-height: 19px; display: inline-block; vertical-align: middle; background: url(/images/site/reports_new1.png) bottom right no-repeat;} header #header_nav_top ul li a#log_in_link {color: #cc0000;} header #header_nav_top ul li a#log_in_link:hover {color: #2b364e;} header.transparent #header_nav_top ul li a#log_in_link:hover {color: #cc0000;} header #header_nav_bottom {position: absolute; bottom: 0; right: 0;} header #header_nav_bottom ul li a {display: block; opacity: .3; padding: 15px 0;} header.transparent #header_nav_bottom ul li a {opacity: 1;} header #header_nav_bottom ul li a:hover, header #header_nav_bottom ul li a.active {opacity: 1;} header #header_login {z-index: 999; font-family: 'Work Sans', sans-serif; font-weight: 500; opacity: 0; visibility: hidden; position: absolute; top: 35px; right: 0; background: #fff; text-align: center; padding: 40px 30px 20px 30px; -webkit-transition: ease 300ms all; -o-transition: ease 300ms all; transition: ease 300ms all; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.65); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} header #header_login.active {opacity: 1; visibility: visible;} header #header_login h3 {margin-bottom: 10px; color: #cc0000;} header #header_login input[type=text], header #header_login input[type=password] {display: block; width: 100%; padding: 15px; box-sizing: border-box; font-size: 18px; font-family: 'Roboto Mono', monospace; font-weight: 700; color: #2b364e; letter-spacing: .05em; line-height: 22px; text-transform: uppercase; -webkit-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); -moz-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); border-top: 1px solid #F9F9F9;} header #header_login input[type=text] {margin-bottom: 15px;} header #header_login input[type=password] {margin-bottom: 8px;} header #header_login input[type=submit] {margin-top: 35px; margin-bottom: 10px; color: #cc0000;} header #header_login span, header #header_login a.forgot {letter-spacing: 0em; font-size: 14px; text-transform: none; color: #2b364e; font-weight: 500;} header #header_login a.switch_login_signup {letter-spacing: 0em; font-weight: 600; font-family: 'Work Sans', sans-serif; text-transform: none; color: #cc0000;} header #header_login ::-webkit-input-placeholder {color: #2b364e;} header #header_login :-moz-placeholder {color: #2b364e;} header #header_login ::-moz-placeholder {color: #2b364e;} header #header_login :-ms-input-placeholder {color: #2b364e;} header #header_login:after{display: block;content: '';position: absolute;top: -10px;right: 76px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;} header #header_login_mobile {z-index: 999; font-family: 'Work Sans', sans-serif; font-weight: 500; display: none; position: relative; top: 15px; left: 0; width: calc(100% - 85px); background: #fff; text-align: center; padding: 40px 30px 20px 30px; -webkit-transition: ease 300ms all; -o-transition: ease 300ms all; transition: ease 300ms all; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.65); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} header #header_login_mobile.active {display: block;} header #header_login_mobile h3 {margin-bottom: 10px; color: #cc0000;} header #header_login_mobile input[type=text], header #header_login_mobile input[type=password] {display: block; width: 100%; padding: 12px 15px; box-sizing: border-box; font-size: 14px; font-family: 'Roboto Mono', monospace; font-weight: 700; color: #2b364e; letter-spacing: .05em; line-height: 15px; text-transform: uppercase; -webkit-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); -moz-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); border-top: 1px solid #F9F9F9;} header #header_login_mobile input[type=text] {margin-bottom: 15px;} header #header_login_mobile input[type=password] {margin-bottom: 8px;} header #header_login_mobile input[type=submit] {margin-top: 35px; margin-bottom: 10px; color: #cc0000;} header #header_login_mobile span, header #header_login_mobile a.forgot {letter-spacing: 0em; font-size: 14px; text-transform: none; color: #2b364e; font-weight: 500;} header #header_login_mobile a.switch_login_signup {letter-spacing: 0em; font-weight: 600; font-family: 'Work Sans', sans-serif; text-transform: none; color: #cc0000;} header #header_login_mobile ::-webkit-input-placeholder {color: #2b364e;} header #header_login_mobile :-moz-placeholder {color: #2b364e;} header #header_login_mobile ::-moz-placeholder {color: #2b364e;} header #header_login_mobile :-ms-input-placeholder {color: #2b364e;} header #header_signup {z-index: 999; font-family: 'Work Sans', sans-serif; font-weight: 500; opacity: 0; visibility: hidden; position: absolute; top: 35px; right: 0; background: #fff; text-align: center; padding: 40px 30px 20px 30px; -webkit-transition: ease 300ms all; -o-transition: ease 300ms all; transition: ease 300ms all; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.65); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} header #header_signup.active {opacity: 1; visibility: visible; max-height: 75vh; overflow: scroll;} header #header_signup h3 {margin-bottom: 10px; color: #cc0000;} header #header_signup input[type=text], header #header_signup input[type=password], header #header_signup input[type=email] {display: block; width: 100%; padding: 15px; box-sizing: border-box; font-size: 18px; font-family: 'Roboto Mono', monospace; font-weight: 700; color: #2b364e; letter-spacing: .05em; line-height: 22px; text-transform: uppercase; -webkit-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); -moz-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); border-top: 1px solid #F9F9F9;} header #header_signup input[type=text] {margin-bottom: 15px;} header #header_signup input[type=password] {margin-bottom: 15px;} header #header_signup input[type=email] {margin-bottom: 15px;} header #header_signup input[type=submit] {margin-top: 35px; margin-bottom: 10px; color: #cc0000;} header #header_signup span, header #header_signup a.forgot {letter-spacing: 0em; font-size: 14px; text-transform: none; color: #2b364e; font-weight: 500;} header #header_signup a.switch_login_signup {letter-spacing: 0em; font-weight: 600; font-family: 'Work Sans', sans-serif; text-transform: none; color: #cc0000;} header #header_signup ::-webkit-input-placeholder {color: #2b364e;} header #header_signup :-moz-placeholder {color: #2b364e;} header #header_signup ::-moz-placeholder {color: #2b364e;} header #header_signup :-ms-input-placeholder {color: #2b364e;} header #header_signup p {font-size: 10px; letter-spacing: 0em; color: #a3a3a4; text-transform: none;} header #header_signup p a {font-weight: 600; color: #cc0000;} header #header_signup_mobile {z-index: 999; font-family: 'Work Sans', sans-serif; font-weight: 500; display: none; position: relative; top: 15px; left: 0; width: calc(100% - 65px); background: #fff; text-align: center; padding: 15px 20px; -webkit-transition: ease 300ms all; -o-transition: ease 300ms all; transition: ease 300ms all; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.65); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} header #header_signup_mobile.active {display: block;} header #header_signup_mobile h3 {margin-bottom: 10px; color: #cc0000;} header #header_signup_mobile input[type=text], header #header_signup_mobile input[type=password], header #header_signup_mobile input[type=email] {display: block; width: 100%; padding: 12px 15px; box-sizing: border-box; font-size: 14px; font-family: 'Roboto Mono', monospace; font-weight: 700; color: #2b364e; letter-spacing: .05em; line-height: 15px; text-transform: uppercase; -webkit-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); -moz-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); border-top: 1px solid #F9F9F9;} header #header_signup_mobile input[type=text] {margin-bottom: 8px;} header #header_signup_mobile input[type=password] {margin-bottom: 8px;} header #header_signup_mobile input[type=email] {margin-bottom: 8px;} header #header_signup_mobile input[type=submit] {margin-top: 15px; margin-bottom: 10px; color: #cc0000;} header #header_signup_mobile span, header #header_signup_mobile a.forgot {letter-spacing: 0em !important; font-size: 14px !important;} header #header_signup_mobile span.select2-selection__placeholder {margin-top: -7px !important;} header #header_signup_mobile a.switch_login_signup {letter-spacing: 0em; font-weight: 600; font-family: 'Work Sans', sans-serif; text-transform: none; color: #cc0000;} header #header_signup_mobile ::-webkit-input-placeholder {color: #2b364e;} header #header_signup_mobile :-moz-placeholder {color: #2b364e;} header #header_signup_mobile ::-moz-placeholder {color: #2b364e;} header #header_signup_mobile :-ms-input-placeholder {color: #2b364e;} header #header_signup_mobile p {font-size: 10px; letter-spacing: 0em; color: #a3a3a4; text-transform: none;} header #header_signup_mobile p a {font-weight: 600; color: #cc0000;} header #header_signup_mobile .select2-container--login .select2-selection--single .select2-selection__arrow {top: 10px; width: 25px; height: 25px;} header #header_success {z-index: 999; font-family: 'Work Sans', sans-serif; font-weight: 500; opacity: 0; visibility: hidden; position: absolute; top: 35px; right: 0; background: #fff; text-align: center; padding: 40px 30px 20px 30px; -webkit-transition: ease 300ms all; -o-transition: ease 300ms all; transition: ease 300ms all; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.65); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} header #header_success.active {opacity: 1; visibility: visible;} header #header_success h3 {margin-bottom: 10px; color: #cc0000;} header #header_success a {text-transform:none;} /* Footer Push */ #push {height: 500px;} /* Footer */ footer {height: 500px; background: #2b364e; overflow: hidden; z-index: 50; position: relative; overflow: hidden;} footer:before {display: block; content: ''; width: 100%; height: 2px; background: #fff; position: absolute; top: 2px; z-index: 5;} footer .top {padding-top: 130px; text-align: center; margin-bottom: 65px;} footer .top .text {margin-left: -100px; height: 90px; display: inline-block; padding-left: 55px; padding-bottom: 25px; text-align: left; position: relative; background: url(/images/site/footer_graphic_end.png) bottom left no-repeat;} footer .top .text:before {display: block; content: ''; position: absolute; right: 100%; bottom: 16px; width: 2000%; height: 27px; background: url(/images/site/footer_graphic.png);} footer .top .text h5 {color: #fff; font-weight: 500; font-style: italic; font-size: 18px;} footer .top .text h2 {font-size: 60px; letter-spacing: .02em;} footer .top .text .btn {position: absolute; right: -170px; top: 27px;} footer .newsletter {text-align: center; margin-bottom: 50px;} footer .newsletter .text {float: right;} footer .newsletter h5 {margin-bottom: 5px; font-family: 'Eurostile', sans-serif; font-weight: 800; font-size: 18px; color: #cc0000;} footer .newsletter input[type=text] {font-family: 'Roboto Mono', monospace; color: #2b364e; font-weight: 500; margin-right: 20px; display: inline-block; vertical-align: middle; background: #fff; width: 275px; height: 35px; border-radius: 5px; padding: 0 10px;} footer .newsletter input[type=submit] {vertical-align: middle;} footer .bottom {width: 100%;} footer .bottom ul {display: block; margin-bottom: 5px;} footer .bottom ul li, footer .bottom ul li a, footer .bottom p {font-family: 'Roboto Mono', monospace; font-style: italic; font-size: 13px; font-weight: 500; color: #fff;} footer .bottom ul li {float: left; list-style: none; margin-right: 10px;} footer .bottom ul li a {text-decoration: underline;} footer .bottom ul li a.facebook, footer .bottom ul li a.linkedin, footer .bottom ul li a.twitter {margin-right: 10px; margin-bottom: 10px; display: block; text-indent: -9999px;} footer .bottom ul li a.facebook {width: 15px; height: 15px; background: url(/images/site/f_facebook.png);} footer .bottom ul li a.linkedin {width: 15px; height: 15px; background: url(/images/site/f_linkedin.png);} footer .bottom ul li a.twitter {width: 19px; height: 15px; background: url(/images/site/f_twitter.png);} footer .bottom .right {padding-top: 30px;} /* 10. Content ------------------------------------------------------------------------------*/ /* General */ main {position: relative; overflow-x: hidden; top: 109px; padding-bottom: 109px;} .body h2, .body h3, .body h4, .body h5, .body h6, .body p, .body img, .body ul, .body ol, .body blockquote {margin-bottom: 10px;} .body ul li, .body ol li {margin-left: 45px; color: #1d1d1d; font-family: 'Work Sans', sans-serif; font-weight: 500; font-size: 15px; line-height: 20px; letter-spacing: .08em;} /* Animations */ @-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);}} @-moz-keyframes bounce {0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);}} @-o-keyframes bounce {0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);}} @keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);}} .animated {-webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-fill-mode:both; -webkit-animation-duration:2s; -moz-animation-duration:2s; -ms-animation-duration:2s; -o-animation-duration:2s; animation-duration:2s;} .bounce {-webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce;} /* Home */ #home #banner {width: 100%; height: 600px; position: relative;} #home #banner .content {display: table; padding: 0 160px; position: absolute; top: 0; left: 0; width: calc(100% - 320px); height: 600px; z-index: 4; text-align: center;} #home #banner .content h1 {line-height: 73px; margin-bottom: 10px; font-size: 91px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);} #home #banner .content h1 span {font-family: 'Space Mono', monospace; font-weight: 700; font-size: 31px; letter-spacing: .08em; display: block; color: #fff;} #home #banner .content p {margin-bottom: 30px; padding: 0 50px; color: #fff; font-size: 16px; line-height: 22px;} #home #banner .content .vcenter a {margin:0 15px;} #home #banner .video {overflow: hidden; width: 100vw; height: auto; min-height: 600px; position: absolute; top: 0; left: 0; z-index: 1;} #home #banner .video .video-background {display: block;width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;} #home #banner .video .video-background iframe {width:100%;height:100%;} #home #banner .video video {min-width: 100vw; min-height: 600px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%);} #home #banner #scroll_page_down {position: absolute; bottom: 50px; left: 50%; margin-left: -11px; text-indent: -9999px; display: block; width: 22px; height: 53px; background: url(/images/site/mouse.png); z-index: 5;} #home #banner .overlay {opacity: .9; width: 100%; height: 600px; position: absolute; top: 0; left: 0; background: #2b364e; z-index: 2;} #home #banner .grid {opacity: .1; width: 100%; height: 600px; position: absolute; top: 0; left: 0; background: url(/images/site/pattern.png); z-index: 3;} #home #banner:after {display: block; content: ''; width: 100%; height: 4px; background: #fff; position: absolute; bottom: 3px; z-index: 5;} #home main {overflow: visible; top: 0; padding: 50px 0 100px 0; position: relative; background-image: url(/images/site/rectangle.png); background-position: center bottom 260px; background-size: 100% auto; background-repeat: no-repeat;} #home main h2 {font-size: 47px; line-height: 58px;} #home main .section_title h2 {font-size: 60px;} #home #reports {padding-bottom: 100px;} #home #reports .section_title {text-align: center; padding-bottom: 30px;} #home #reports .inner {padding: 0 7% 0 12%;} #home #reports .left {width: 58%;} #home #reports .left h5 {font-size: 18px; margin-bottom: 10px;} #home #reports .left ul {margin-bottom: 10px;} #home #reports .left p {font-size: 14px; line-height: 18px; margin-bottom: 10px;} #home #reports .left .categories {border-radius: 15px; margin: 25px 0; background: #f5f6f8; padding: 60px 35px 40px 35px;} #home #reports .left .categories ul {width: 100%;} #home #reports .left .categories ul li {margin-bottom: 25px; letter-spacing: .08em; width: 50%; list-style: none; font-family: 'Eurostile', sans-serif; font-weight: 800; font-size: 18px; text-transform: uppercase; line-height: 20px;} #home #reports .left .categories ul li a {color: #1d1d1d;} #home #reports .left .categories ul li a:hover {color: #c90607;} #home #reports .left .bottom_title {float: right; position: relative;} #home #reports .left .bottom_title:before {position: absolute; right: 100%; top: 11px; display: block; content: ''; width: 1000%; height: 2px; background: #a3a3a4;} #home #reports .left .bottom_title h3 {display: inline-block; vertical-align: middle;} #home #reports .left .bottom_title h3 a {color: #a3a3a4;} #home #reports .left .bottom_title h3 a:hover {color: #cc0000;} #home #reports .left .bottom_title h3:before {margin-right: 25px; vertical-align: middle; border-radius: 5px; content: ''; position: relative; display: inline-block; width: 5px; height: 5px; background: #fff; border: 2px solid #a3a3a4;} #home #reports .right {width: 35%; position: relative;} #home #reports .right .vertical_title:after {width: 190px; height: 1px; content: '';} #home #reports .right .block {margin-bottom: 30px; background-position: top 30px center; background-repeat: no-repeat; padding: 140px 25px 25px 25px; text-align: center;} #home #reports .right .block h3, #home #reports .right .block p, #home #reports .right .block a {color: #fff;} #home #reports .right .block p {font-size: 14px; line-height: 18px; margin: 10px 0 15px 0;} #home #reports .right .block a {font-weight: 700; text-transform: uppercase; font-size: 15px; letter-spacing: .08em;} #home #reports .right .block.top {background-color: #c90607;} #home #reports .right .block.bottom {background-color: #2b364e;} #home #events {padding-bottom: 100px;} #home #events .section_title {padding-bottom: 20px;} #home #events .event {position: relative;} #home #events .event .vertical_title {text-align: center; display: block; width: 400px;} #home #events .event .image {width: 61%; height: 400px;} #home #events .event .text {width: 29%; display: table;} #home #events .event .text .text_container {position: relative;} #home #events .event .text .date {padding: 20px; background: #2b364e; position: absolute; top: 0; right: calc(100% + 25px);} #home #events .event .text .date h3, #home #events .event .text .date h2 {color: #fff;} #home #events .event .text .date h3 {margin-bottom: 30px; font-size: 30px; line-height: 30px; font-family: 'Roboto Mono', monospace; font-weight: 500; font-style: italic;} #home #events .event .text .date h2 {font-size: 96px; line-height: 60px;} #home #events .event .text .info .info_text {width: calc(100% - 25px); padding-left: 25px; position: relative; border-left: 1px solid #1d1d1d;} #home #events .event .text .info p {margin: 15px 0;} #home #events .event .text .info .btn {margin-left: 25px;} #home #about {text-align: center; padding-bottom: 100px;} #home #about .before {left: 130px; float: left; border-radius: 5px; position: relative; display: inline-block; width: 6px; height: 6px; background: #fff; border: 2px solid #a3a3a4;} #home #about .before:before {position: absolute; right: 100%; top: 3px; display: block; content: ''; width: 1000px; height: 2px; background: #a3a3a4;} #home #about .after {right: 130px; float: right; border-radius: 5px; position: relative; display: inline-block; width: 6px; height: 6px; background: #fff; border: 2px solid #a3a3a4;} #home #about .after:after {position: absolute; left: 100%; top: 3px; display: block; content: ''; width: 1000px; height: 2px; background: #a3a3a4;} #home #about .after span {position: absolute; top: -23px; left: 15px; white-space: nowrap; font-family: 'Roboto Mono', monospace; font-weight: 500; font-size: 16px; color: #cdcdcd; font-style: italic;} #home #about .section_title {padding-bottom: 25px; position: relative;} #home #about .section_title:after {display: inline-block; width: 150px; height: 1px; background: #1d1d1d; content: '';} #home #about .inner {padding: 0 23%;} #home #about p {margin-bottom: 30px;} #home #blog {position: relative; padding-bottom: 100px;} #home #blog .text {width: 55%; position: absolute; top: 0; left: 0; z-index: 2;} #home #blog .text .info {padding-top: 50px; width: calc(46% - 51px); padding-right: 25px; float: left;} #home #blog .text .info h5 {font-size: 18px; margin-bottom: 15px;} #home #blog .text .info p {font-size: 14px; line-height: 18px; margin-bottom: 15px;} #home #blog .text .featured {background: #2b364e; padding: 20px; width: calc(54% - 40px); float: left; margin-top: 150px; margin-left: 25px; position: relative;} /*#home #blog .text .featured .vertical_title:after {width: 133px; height: 1px; content: '';}*/ #home #blog .text .featured h2, #home #blog .text .featured h6, #home #blog .text .featured h5, #home #blog .text .featured p {color: #fff;} #home #blog .text .featured h6 {margin-bottom: 10px; font-family: 'Roboto Mono', monospace; font-weight: 500; font-style: italic; text-transform: none;} #home #blog .text .featured h5 {display: inline-block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #fff;} #home #blog .image {width: 68%; position: relative; float: right; height: 500px;} #home #blog .after {right: 500px; top: 20px; float: right; border-radius: 5px; position: relative; display: inline-block; width: 6px; height: 6px; background: #fff; border: 2px solid #a3a3a4;} #home #blog .after:after {position: absolute; left: 100%; top: 3px; display: block; content: ''; width: 1000px; height: 2px; background: #a3a3a4;} /* Internal */ .internal main {padding: 70px 0 140px 0; position: relative; background-image: url(/images/site/rectangle.png); background-position: center bottom 260px; background-size: 100% auto; background-repeat: no-repeat;} /* Team */ #team #feature {padding-bottom: 95px;} #team #feature .image {position: relative; width: 47%; height: 550px; display: inline-block; vertical-align: bottom;} #team #feature .image .vertical_title {display: block; text-align: left; width: 550px;} #team #feature .image:after {content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #ffffff transparent;} #team #feature .text {margin-left: 60px; width: calc(47% - 68px); padding-right: 60px; display: inline-block; vertical-align: bottom;} #team #feature .before {top: 30px; left: 47%; float: left; border-radius: 5px; position: relative; display: inline-block; width: 6px; height: 6px; background: #fff; border: 2px solid #a3a3a4;} #team #feature .before:before {position: absolute; right: 100%; top: 3px; display: block; content: ''; width: 1000px; height: 2px; background: #a3a3a4;} #team #members .container .inner {margin: auto; width: 100%;text-align: center;} #team #members .team_member {cursor: pointer; display: block; width: 44%; height: 330px; position: relative; margin-bottom: 110px;} #team #members .team_member .image {overflow: hidden; background: #2b364e; width: 100%; height: 100%; position: relative; z-index: 1;} #team #members .team_member .image .image_inner {border: none; box-sizing: border-box; width: 100%; height: 100%; -webkit-transform: scale(1.075); -ms-transform: scale(1.075); -o-transform: scale(1.075); transform: scale(1.075); -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} #team #members .team_member:hover .image .image_inner {border: 20px solid #2b364e; box-sizing: border-box; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} #team #members .team_member .info {opacity: 0; box-sizing: border-box; padding: 30px 35px; background: #cc0000; width: 100%; height: auto; position: absolute; top: 20px; left: 20px; z-index: 2; -webkit-transition: ease 300ms all; -o-transition: ease 300ms all; transition: ease 300ms all;} #team #members .team_member .info.visible {opacity: 1; -webkit-transition: ease 300ms all; -o-transition: ease 300ms all; transition: ease 300ms all;} #team #members .team_member .info h6, #team #members .team_member .info p {color: #fff;} #team #members .team_member .info h6 {font-size: 24px; float: left; margin-bottom: 10px;} #team #members .team_member .info ul {float: left; margin-bottom: 10px;} #team #members .team_member .info ul li {list-style: none; display: inline-block; vertical-align: middle; margin-left: 10px;} #team #members .team_member .info ul li a {display: block; text-indent: -9999px;} #team #members .team_member .info ul li a.email {width: 19px; height: 13px; background: url(/images/site/team_email.png);} #team #members .team_member .info ul li a.linkedin {width: 15px; height: 15px; background: url(/images/site/team_linkedin.png);} #team #members .team_member .info ul li a.twitter {width: 19px; height: 15px; background: url(/images/site/team_twitter.png);} /* Blog/Reviews/Videos/Events */ #blog #feature {padding-bottom: 170px; position: relative;} #blog #feature .subnav {width: 60px; float: left; position: relative; height: 550px;} #blog #feature .subnav ul {width: 550px; text-align: center; white-space: nowrap; display: block; position: absolute; left: 0; top: 0; float: none; transform: rotate(-90deg) translate(-100%, 0); -webkit-transform: rotate(-90deg) translate(-100%, 0); -moz-transform: rotate(-90deg) translate(-100%, 0); -o-transform: rotate(-90deg) translate(-100%, 0); -ms-transform: rotate(-90deg) translate(-100%, 0); transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0;} #blog #feature .subnav ul li {line-height: 60px; margin: 0 35px; text-transform: uppercase; font-size: 18px; letter-spacing: .08em; font-family: 'Eurostile', sans-serif; font-weight: 800; display: inline-block;} #blog #feature .subnav ul li a {color: #2b364e;} #blog #feature .subnav ul li a:hover, #blog #feature .subnav ul li a.active {color: #c90607;} #blog #feature .image {width: calc(61% - 60px); height: 550px; float: left; position: relative;} #blog #feature .image .vertical_title {display: block; text-align: left; width: 550px;} #blog #feature .image:after {content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent transparent #ffffff transparent;} #blog #feature .title {z-index: 2; background: #2b364e; padding: 20px; width: calc(50% - 40px); position: absolute; bottom: -60px; right: 0;} #blog #feature .title h1, #blog #feature .title h5, #blog #feature .title p {color: #fff;} #blog #feature .title h1 {font-size: 45px;line-height: 52px; text-transform: capitalize;} #blog #feature .title h5 {font-weight: 500; font-style: italic; text-transform: none; font-size: 18px; display: inline-block; margin-bottom: 10px;} #blog #feature .text {position: relative; width: calc(39% - 140px); margin-left: 80px; padding-right: 60px; float: left; vertical-align: bottom;} #blog #feature .text h5 {text-transform: capitalize;} #blog #feature .text .vertical_title {left: -70px;} #blog #feature .text .vertical_title:before {margin-right: 15px; content: ''; width: 150px; height: 1px; margin-left: 15px; background: #1d1d1d; display: inline-block; vertical-align: middle;} #blog #feature .after {left: calc(50% - 50px); top: 30px; float: left; border-radius: 5px; position: relative; display: inline-block; width: 6px; height: 6px; background: #fff; border: 2px solid #a3a3a4;} #blog #feature .after:before {position: absolute; right: 100%; top: 3px; display: block; content: ''; width: 1000px; height: 2px; background: #a3a3a4;} #blog #feature .image_clear {display: none;} #blog aside {width: 25%; float: right;} #blog aside .before {right: 0; top: -30px; float: left; border-radius: 5px; position: relative; display: inline-block; width: 6px; height: 6px; background: #fff; border: 2px solid #a3a3a4;} #blog aside .before:after {position: absolute; left: 100%; top: 3px; display: block; content: ''; width: 1000px; height: 2px; background: #a3a3a4;} #blog aside .box {padding: 25px 30px; margin-bottom: 30px;} #blog aside .box ul li {margin-bottom: 5px; list-style: none; text-transform: uppercase; font-family: 'Work Sans', sans-serif; font-weight: 500; font-size: 20px; letter-spacing: .08em;} #blog aside .box ul li .content {display: none;} #blog aside .box ul li.active .content {display: block;} #blog aside .box ul li a {color: #2b364e;} #blog aside .box ul li a:hover, #blog aside .box ul li.active a.active {color: #c90607;} #blog aside .box h3 {margin-bottom: 15px; word-wrap: break-word;} #blog aside .box.cats {background: #2b364e;} #blog aside .box.cats h3, #blog aside .box.cats ul li a {color: #fff;} #blog aside .box.arch {background: #fff; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);} #blog #articles {width: 75%; float: left;} #blog #articles .blog_post {margin-bottom: 75px;} #blog #articles .blog_post .image {width: 43%; height: 300px;} #blog #articles .blog_post .text {position: relative; width: calc(52% - 90px); margin-left: 45px; padding-left: 45px;} #blog #articles .blog_post .text h3 {text-transform: capitalize;} #blog #articles .blog_post .text .vertical_title {left: 15px;} #blog #articles .blog_post .text:before {content: ''; display: block; position: absolute; left: -30px; top: 30px; height: 155px; width: 1px; background: #1d1d1d;} #blog #articles .blog_post .text .info h6 {margin: 10px 0; font-size: 16px; color: #1d1d1d; text-transform: none; font-family: 'Roboto Mono', monospace; font-weight: 500;} #blog #articles .blog_post .text .info p {margin-bottom: 15px;} #blog #pagination {padding-top: 50px; text-align: center;} #blog #pagination ul li {position: relative; margin: 0 15px; text-transform: uppercase; font-family: 'Eurostile', sans-serif; font-weight: 800; font-size: 24px; letter-spacing: .08em; display: inline-block;} #blog #pagination ul li a.page-previous, #blog #pagination ul li a.page-first, #blog #pagination ul li a.page-next, #blog #pagination ul li a.page-last {color: #2b364e;} #blog #pagination ul li .page-first-after {position: absolute; right: -13px; bottom: -13px; border-radius: 5px; display: inline-block; width: 6px; height: 6px; background: #fff; border: 2px solid #a3a3a4;} #blog #pagination ul li .page-first-after:after {position: absolute; right: 100%; top: 3px; display: block; content: ''; width: 1000px; height: 2px; background: #a3a3a4;} #blog #pagination ul li .page-last-after {position: absolute; left: -13px; bottom: -13px; border-radius: 5px; display: inline-block; width: 6px; height: 6px; background: #fff; border: 2px solid #a3a3a4;} #blog #pagination ul li .page-last-after:after {position: absolute; left: 100%; top: 3px; display: block; content: ''; width: 1000px; height: 2px; background: #a3a3a4;} #blog.detail main {background: transparent;} #blog.detail main .container {width: 960px;} #blog.detail #top h1 {font-size: 50px; margin-bottom: 15px; text-transform: capitalize;} #blog.detail #top .image {width: 100%;position: relative;} #blog.detail #top .image:after {content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent transparent #ffffff transparent;} #blog.detail #top .image .vertical_title h6 {font-style: normal; line-height: 18px; font-family: 'Eurostile', sans-serif; font-weight: 800; font-size: 18px; color: #2b364e !important; letter-spacing: .08em; text-transform: uppercase;} #blog.detail #top .image .vertical_title h6 a {color: #2b364e !important;} #blog.detail #top .image .vertical_title:before {margin-right: 15px; content: ''; width: 150px; height: 1px; margin-left: 15px; background: #1d1d1d; display: inline-block; vertical-align: middle;} #blog.detail #top .share {padding: 20px 0 25px 0; position: relative;} #blog.detail #top .share:after {position: absolute; top: 27px; right: 0; content: ''; width: 100%; height: 1px; background: #1d1d1d; display: inline-block; vertical-align: middle;} #blog.detail #top .share ul {float:left;display: inline-block; background: #fff; position: relative; z-index: 2;margin:0;padding:0;} #blog.detail #top .share ul li {line-height: 18px; font-family: 'Eurostile', sans-serif; font-weight: 800; font-size: 18px; color: #2b364e; letter-spacing: .08em; text-transform: uppercase; margin-right: 10px; list-style: none; display: inline-block; vertical-align: middle;} #blog.detail #top .share ul li .st_email_custom {display: block; width: 24px; height: 18px; background: url(/images/site/share_em.png) center center no-repeat;} #blog.detail #top .share ul li .st_facebook_custom {display: block; width: 18px; height: 18px; background: url(/images/site/share_fb.png) center center no-repeat;} #blog.detail #top .share ul li .st_linkedin_custom {display: block; width: 18px; height: 18px; background: url(/images/site/share_lnk.png) center center no-repeat;} #blog.detail #top .share ul li .st_twitter_custom {display: block; width: 23px; height: 18px; background: url(/images/site/share_twt.png) center center no-repeat;} #blog #content h6 {margin-bottom: 5px; font-size: 16px; color: #1d1d1d; text-transform: none; font-family: 'Roboto Mono', monospace; font-weight: 500;} #blog #content h5 {margin-bottom: 15px;} #blog.detail #reports {padding: 50px 0;} #blog.detail #reports .report {width: 43%; position: relative;box-shadow: none !important;-webkit-clip-path:none;clip-path:none} #blog.detail #reports .report::after {display:none;} #blog.detail #reports .report::before {display:none;} #blog.detail #reports .report .vertical_title:before {margin-right: 10px; content: ''; width: 123px; height: 1px; background: #1d1d1d; display: inline-block; vertical-align: middle;} #blog.detail #reports .report .image {width: 100%; height: 350px; margin-bottom: 20px; background-position: center 20%;} #blog.detail #reports .report h3 {margin-bottom: 25px;} #blog.videos main .container {padding-bottom: 30px;} #blog.videos #feature .image {display: table;} #blog.videos #feature .image .vcenter {width: 100%; text-align: center;} #blog.videos #feature .image .play {text-indent: -9999px; margin: auto; display: inline-block; width: 67px; height: 75px; background: url(/images/site/play.png);} #blog.videos #videos .video_post {margin-bottom: 50px; position: relative; display: block; width: 47%; height: 300px; text-align: center; background: #2b364e;} #blog.videos #videos .video_post .image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .7;} #blog.videos #videos .video_post .text {width: 100%; height: 100%; display: table; position: absolute; top: 0; left: 0;} #blog.videos #videos .video_post .play {margin: auto; display: inline-block; width: 67px; height: 75px; background: url(/images/site/play.png);} #blog.videos #videos .video_post h5 {color: #fff; padding: 30px 30px 0 30px;} #blog.videos #page-nav, #blog.videos .loading {clear: both; width: 100%; position: absolute; bottom: -8px; left: 0; height: 24px; text-align: center;} #blog.videos #page-nav {text-transform: uppercase; font-family: 'Eurostile', sans-serif; font-weight: 800; font-size: 24px; letter-spacing: .08em;} #blog.videos #infscr-loading {bottom: 20px; left: 0; width: 100%; position: absolute; text-align: center;} #blog.videos #infscr-loading #infscr-finished p {color: #2b364e; font-family: 'Roboto Mono', monospace; font-size: 16px; font-weight: 400;} #blog.videos #top .image {height: auto;} #blog.videos #top .image .iframe {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;} #blog.videos #top .image .iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #blog.videos #related {padding-top: 70px; text-align: center;} #blog.videos #related h3 {color: #cc0000; margin-bottom: 30px;} #blog.videos #related .related {margin-bottom: 50px; position: relative; display: block; width: 47%; height: 300px; text-align: center; background: #2b364e;} #blog.videos #related .related .image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .7;} #blog.videos #related .related .text {width: 100%; height: 100%; display: table; position: absolute; top: 0; left: 0;} #blog.videos #related .related .play {margin: auto; display: inline-block; width: 67px; height: 75px; background: url(/images/site/play.png);} #blog.videos #related .related h5 {color: #fff; padding: 30px 30px 0 30px;} #blog.events main {background-position: center bottom -550px;} #blog.events #feature .vertical_title {height: 60px; left: 0;} #blog.events #feature .vertical_title h6 {line-height: 60px;} #blog.events #feature .image {width: calc(68% - 60px); margin-left: 60px;} #blog.events #feature .image:after {border-width: 0 0 20px 20px; left: auto; right: 0;} #blog.events #feature .text {width: calc(32% - 55px); margin-left: 55px; padding-right: 0;} #blog.events #feature .text h5 {margin-bottom: 20px;} #blog.events #feature .text h6 {margin-bottom: 0; letter-spacing: .05em; font-weight: 700; font-family: 'Roboto Mono', monospace; font-size: 16px; font-style: italic; text-transform: none;} #blog.events #feature .text h6 span {text-decoration: underline; font-weight: 500;} #blog.events #feature .text .btn {margin-top: 30px;} #blog.events #feature #calendar_box {padding: 25px 15px; background: #2b364e; position: absolute; bottom: -70px; left: 0; z-index: 2;} #blog.events #feature #calendar_box td, #blog.events #feature #calendar_box th {position: relative; padding: 3px 8px; text-align: center; font-family: 'Roboto Mono', monospace; font-size: 18px;} #blog.events #feature #calendar_box th {font-size: 16px; font-weight: 700; color: #fff;} #blog.events #feature #calendar_box td {color: #697080;} #blog.events #feature #calendar_box td a {font-weight: 700; text-decoration: underline;} #blog.events #feature #calendar_box td.passed {color: #697080 !important;} #blog.events #feature #calendar_box td.passed a {color: #697080;} #blog.events #feature #calendar_box td.current {color: #fff;} #blog.events #feature #calendar_box td.today {color: #fff !important;} #blog.events #feature #calendar_box td .day_event_popup:before {position: absolute; top: -10px; left: 30px; display: block; content: ''; width: 19px; height: 10px; background: url(/images/site/bubble_arrow.png);} #blog.events #feature #calendar_box td .day_event_popup {line-height: 16px; z-index: 3; text-align: left; padding: 11px 13px; background: #fff; border-radius: 4px; display: none; position: absolute; top: 40px; left: -20px;} #blog.events #feature #calendar_box td .day_event_popup a {text-decoration: none; padding: 0; line-height: 16px; font-family: 'Roboto Mono', monospace; font-size: 14px; color: #c90607; font-weight: 500; letter-spacing: .08em;} #blog.events #feature #calendar_box td:hover .day_event_popup {display: block;} #blog.events #feature #calendar_box #calendar_box_title {padding: 0 8px 20px 8px;} #blog.events #feature #calendar_box #calendar_box_title h5 {margin-bottom: 15px; line-height: 30px; color: #fff; font-weight: 500; font-style: italic; font-size: 30px; letter-spacing: .08em;} #blog.events #feature #calendar_box #calendar_box_title h3 {line-height: 35px; color: #fff; font-size: 50px; letter-spacing: .02em;} #blog.events #feature #calendar_box #calendar_box_title .box {display: inline-block; vertical-align: bottom;} #blog.events #feature #calendar_box #calendar_box_title .box.first {padding-right: 20px;} #blog.events #feature #calendar_box #calendar_box_title .box a {padding: 0 3px; font-weight: 400; color: #fff; font-family: 'Eurostile', sans-serif; font-size: 35px;} #blog.events #feature #calendar_box #calendar_box_title .box a:hover {color: #cc0000;} #blog.events #articles h2 {color: #2b364e; margin-bottom: 20px;} #blog.events #articles .blog_post h3 {margin-bottom: 10px;} #blog.events #articles .blog_post p {font-family: 'Roboto Mono', monospace; font-size: 16px; font-weight: 500; margin-bottom: 0 !important;} #blog.events #articles .blog_post .btn {margin-top: 20px;} #blog.events #content .event_info {margin-bottom: 30px;} #blog.events #content .event_info h6 {margin-bottom: 0; letter-spacing: .05em; font-weight: 700; font-family: 'Roboto Mono', monospace; font-size: 16px; font-style: italic; text-transform: none;} #blog.events #content .event_info h6 span {text-decoration: underline; font-weight: 500;} #blog.events #content .btn {margin: 20px 30px 50px 0;} /* Presentations/Archive */ #presentations main {background: none;} #presentations main .container {width: 600px;} #presentations h1 {color: #2b364e; padding-bottom: 70px;} #presentations .year .year_trigger {position: relative; color: #787878; display: block; margin-bottom: 15px; padding-bottom: 15px;} #presentations .year .year_trigger:before {position: absolute; top: 0; left: -30px; display: block; content: ''; width: 18px; height: 18px; background: url(/images/site/plus.png) 0 0 no-repeat;} #presentations .year .year_trigger.active {color: #c90607;} #presentations .year .year_trigger.active:before {background: url(/images/site/plus.png) 0 -18px no-repeat;} #presentations .presentation_group {display: none; padding-bottom: 40px;} #presentations .presentation_group.open {display: block;} #presentations .presentation {margin-bottom: 30px;} #presentations .presentation .icon {width: 36px;} #presentations .presentation .text {width: calc(100% - 51px); padding-left: 15px;} #presentations .presentation .text h4 {padding-bottom: 5px; text-transform: capitalize;} #presentations .presentation .text h4 a {color: #2b364e;} #presentations .presentation .text h4 a:hover {color: #c90607;} /* Consulting */ #consulting main {background-position: center bottom -550px;} #consulting #top {padding-bottom: 190px;} #consulting #top .image {height: 550px; width: 47%; display: inline-block; vertical-align: bottom; position: relative;} #consulting #top .image:after {content: ''; position: absolute; bottom: 0; width: 0; height: 0; border-style: solid; border-color: transparent transparent #ffffff transparent; border-width: 0 0 20px 20px; right: 0;} #consulting #top .text {width: calc(53% - 128px); padding: 0 60px; display: inline-block; vertical-align: bottom;} #consulting #top .after {left: calc(50% - 50px); top: 30px; float: left; border-radius: 5px; position: relative; display: inline-block; width: 6px; height: 6px; background: #fff; border: 2px solid #a3a3a4;} #consulting #top .after:before {position: absolute; right: 100%; top: 3px; display: block; content: ''; width: 1000px; height: 2px; background: #a3a3a4;} #consulting #content {width: 890px; margin: auto; position: relative;} #consulting #content .text {padding-top: 35px; width: calc(54% - 40px); float: left; margin-right: 40px;} #consulting #content .text h2 {font-size: 60px; margin-bottom: 20px;} #consulting #content .text .border {padding-right: 40px; border-right: 1px solid #1d1d1d;} #consulting #content .box.list {padding: 30px 40px 50px 40px; background: #cc0000; width: calc(46% - 80px); float: right;} #consulting #content .box.list ul {padding-left:0;} #consulting #content .box.list ul li {margin-bottom: 20px; font-family: 'Work Sans', sans-serif; font-weight: 500; font-size: 16px; letter-spacing: .08em; color: #fff; list-style: none; background: url(/images/site/list.png) left center no-repeat; padding-left: 40px;} #consulting #content .box.tw {box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); display: inline-block; padding: 30px 40px; background: #f5f6f8; position: absolute; bottom: -120px; left: 45px;} #consulting #content .box.tw .left {max-width: 340px;} #consulting #content .box.tw .left p {font-size: 14px;} #consulting #content .box.tw .right {margin-left: 40px; text-align: center;} #consulting #content .box.tw .right img {margin-bottom: 15px;} #consulting #content .box.tw .right h3 {color: #cc0000;} #consulting #bottom {padding: 300px 0 50px 0; text-align: center;} #consulting #bottom .get_started {line-height: 15px; padding: 32px 70px 25px 70px; font-family: 'Eurostile', sans-serif; font-weight: 800; font-size: 24px; letter-spacing: .08em; line-height: 26px; text-transform: uppercase; display: inline-block; background: #2b364e; color: #fff;} /* Reports */ #reports main {background-position: center bottom -500px;} @media screen and (max-width:1545px) {#reports main {background-position: center bottom -170px;}} @media screen and (max-width:1150px) {#reports main {background-position: center bottom 80px;}} #reports #top {padding-bottom: 95px;} #reports #top .image {height: 550px; width: 47%; display: inline-block; vertical-align: bottom; position: relative;} #reports #top .image:after {content: ''; position: absolute; bottom: 0; width: 0; height: 0; border-style: solid; border-color: transparent transparent #ffffff transparent; border-width: 0 0 20px 20px; right: 0;} #reports #top .text {width: calc(53% - 128px); padding: 0 60px; display: inline-block; vertical-align: bottom;} #reports #top .text h1 {font-size:48px;text-transform:none;line-height:48px;} #reports #top .text h6 span {color: #cc0000;} #reports #top .text .btn {margin-right: 25px;} #reports #top .after {left: calc(50% - 50px); top: 30px; float: left; border-radius: 5px; position: relative; display: inline-block; width: 6px; height: 6px; background: #fff; border: 2px solid #a3a3a4;} #reports #top .after:before {position: absolute; right: 100%; top: 3px; display: block; content: ''; width: 1000px; height: 2px; background: #a3a3a4;} #reports #content {width: 100%;margin: auto;position: relative;max-width: 1180px;} #reports #content .text {width: calc(54% - 40px); float: left; margin-right: 40px; min-height: 300px;} #reports #content .text h2 {font-size: 60px; margin-bottom: 20px;} #reports #content .text h3 {color:#cc0000;margin-bottom:20px;margin-bottom: 13px; text-transform: capitalize;} #reports #content .text .border {position:relative;padding-right: 40px;} #reports #content .text .border p {margin-bottom:25px;font-family:"Work Sans", sans-serif;font-size:14px;font-weight:500;} #reports #content .text .border .fade {position: absolute;bottom: 0em;width:100%;height: 14em;background: -webkit-linear-gradient(rgba(245, 246, 247, 0) 0%,rgba(245, 246, 247, 1) 100%);background-image: -moz-linear-gradient(rgba(245, 246, 247, 0) 0%,rgba(245, 246, 247, 1) 100%);background-image: -o-linear-gradient(rgba(245, 246, 247, 0) 0%,rgba(245, 246, 247, 1) 100%);background-image: linear-gradient(rgba(245, 246, 247, 0) 0%,rgba(245, 246, 247, 1) 100%);background-image: -ms-linear-gradient(rgba(245, 246, 247, 0) 0%,rgba(245, 246, 247, 1) 100%);} @media screen and (max-width:767px) {#reports #content .text .border .fade {position: absolute;bottom: 0em;width:100%;height: 14em;background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);background-image: linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);}} #reports #content .box.list {margin-top:45px;padding: 30px 40px; background: #cc0000; width: calc(46% - 80px); float: right;} #reports #content .box.list h3 {color:#FFF; text-transform: capitalize;} #reports #content .box.list p {margin:15px 0;color:#FFF;} /*#reports #content .box.list ul {max-height: 155px; overflow: scroll;}*/ #reports #content .box.list ul {padding:0;} #reports #content .box.list ul li {margin-bottom: 20px; font-family: 'Work Sans', sans-serif; font-weight: 500; font-size: 16px; letter-spacing: .08em; color: #fff; list-style: none; background: url(/images/site/list.png) left center no-repeat; padding-left: 40px;} #reports #content .box.tw {box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); display: inline-block; padding: 30px 40px; background: #f5f6f8; position: absolute; top: 240px; left: auto;} #reports #content .box.tw .left {max-width: 340px; float: none; display: inline-block; vertical-align: middle; max-height: 200px; overflow: scroll;} #reports #content .box.tw .left p {font-size: 14px;} #reports #content .box.tw .right {margin-left: 40px; text-align: center; float: none; display: inline-block; vertical-align: middle;} #reports #content .box.tw .right img {margin-bottom: 15px;} #reports #content .box.tw .right h3 {color: #cc0000;} #reports #preview {padding: 300px 0 50px 0; text-align: center;} #reports #preview * {box-sizing:border-box;} #reports #preview h5 {margin-bottom: 15px;} #reports #preview .container {width:100%;max-width: 1180px; text-align: center;} #reports #preview .container .image {width: 100%; height: auto; max-width: 1180px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); position: relative;} #reports #preview .container .image img {width: 1180px; height: auto; display: block;} #reports #preview .container .image .text {position: absolute; bottom: 60px; left: 0; width: 100%; text-align: center;} #reports #preview .container .image .text h3,#reports #preview .container .image .text h3 a {color:#FFF;text-transform:none;font-family:"Work Sans", sans-serif;font-size:21px;font-weight:500;letter-spacing:.065em;} #reports #preview .container .image .text h3 {background: #2b364e;width: 100%;padding: 55px 25px;text-align: center;} @media screen and (max-width:1023px) {#reports #preview .container .image .text {position:relative;}} #main .container .columnOne {width:80%} #main .container .columnOne h4 {font-size:34px;line-height:26px;margin-bottom:25px;text-transform:none;} #main .container .columnOne p {margin-bottom:20px;} /* Dashboard */ #dash main {overflow:hidden;} #dash main {padding: 0 0 77px 0; background-position: center bottom -650px;} #dash main:before {display: block; content: ''; width: 100%; height: 200px; background: #F2F4F6; position: absolute; top: 0; left: 0;} #dash aside {width: 240px; float: left; background: #fff; position: relative; z-index: 2;} #dash main .container:before {display: block; width: 240px;height: 99999999px !important;min-height:1600px; background: #fff; content: ''; position: absolute; top: 0; left: 0; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3); z-index: 1;} #dash aside .box {display: block; padding: 20px; border-bottom: 2px solid #ccc;} #dash aside a.box {font-family: 'Roboto Mono', monospace; font-weight: 700; font-size: 18px; letter-spacing: .08em; text-transform: uppercase; color: #2b364e;} #dash aside a.box:hover, #dash aside a.box.active {color: #fff; background: #c90607;} #dash aside #dash_image {width: 100%; height: 240px;} #dash aside #dash_info {min-height: 160px;} #dash aside #dash_info h3 {margin-bottom: 25px;} #dash #content {width: calc(100% - 302px); float: right;} #dash #content #top {position: relative; height: auto; background: #F2F4F6;} #dash #content #top .title {position: relative;padding:15px 0;z-index:0;} #dash #content #top .title::before {content:"";position:absolute;left: -100%;width: 500%;height:100%;right:0;background:#F2F4F6;z-index:-1} #dash #content #top .title h1 {font-size: 50px; letter-spacing: 0; color: #2b364e; line-height: 50px;text-transform:none;} #dash #content #top .title p {font-size: 12px; letter-spacing: 0; margin-bottom: 5px;} #dash #content #main {padding: 55px 0;} #dash #content #main .row {padding-bottom: 55px;} #dash #content #main .row_title {color: #c90607; margin-bottom: 20px; float: left;} #dash #content #main .report {margin-bottom: 15px; position: relative; padding: 25px 20px 0 20px; box-sizing: border-box; background: #fff; float: left; width:calc(282px - 15px);height:322px !important; margin-right: 15px; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3);} #dash.collections #content #main .report {height:175px !important;} #dash #content #main .report .btn {position: absolute; bottom: 25px; left: 20px;max-width:85%;box-sizing:border-box;} #dash #content #main .report .btn.alt {bottom:65px;} #dash #content #main .report h3 {text-transform: none; font-size: 20px; line-height: 24px;} #dash #content #main .report > h6:first-of-type {display:none;} #dash #content #main .report h6 {font-family: 'Roboto Mono', monospace; font-size: 14px; font-weight: 700; margin-bottom: 5px;} #dash #content #main .report h4 {font-family: 'Work Sans', sans-serif; text-transform: none; font-weight: 400; letter-spacing: .025em; font-size: 21px; color: #2b364e;} #dash #content #main .report h5 {font-family: 'Space Mono', sans-serif;text-transform: none;font-weight: 400 !important;letter-spacing: .02em;font-size: 17px;} #dash.collections #content #main .report h5 {font-family: 'Work Sans', sans-serif !important;text-transform: none;font-weight: 400 !important;letter-spacing: .02em;font-size: 17px;} #dash #content #main .report .gb {background: #F2F4F6; padding: 10px; margin-top: 15px;} #dash #content #main .report .gb h4 {font-weight: 500;} #dash #content #main .report .gb.date {text-align: center;} #dash #content #main .report .gb.date h5 {text-transform: uppercase;} #dash #content #main .report .gb.date h2 {font-family: 'Space Mono', monospace; font-size: 45px; color: #2b364e; line-height: 45px;} /*#dash #content #main .report:nth-of-type(3n+3) {margin-right:0;}*/ #dash #content #main .report:hover {background: #2b364e;} #dash #content #main .report:hover h2, #dash #content #main .report:hover h3, #dash #content #main .report:hover h4, #dash #content #main .report:hover h5, #dash #content #main .report:hover h6, #dash #content #main .report:hover p {color: #fff;} #dash #content #main .report:hover .btn {border-bottom: double #fff 4px; color: #fff; background: url(/images/site/btn_white.png) right center no-repeat;} #dash #content #main .report:hover .gb {background: #fff;} #dash #content #main .report:hover .gb h2, #dash #content #main .report:hover .gb h3, #dash #content #main .report:hover .gb h4, #dash #content #main .report:hover .gb h5, #dash #content #main .report:hover .gb h6, #dash #content #main .report:hover .gb p {color: #2b364e;} #dash.landing #more {text-align: center; padding-bottom: 0 !important;} #dash.landing #more h3 {text-transform: none; font-size: 24px; line-height: 28px; margin-bottom: 15px; color: #c90607;} #dash.reports #sort {float: right;} #dash.reports #sort ul li {float: left; list-style: none; font-size: 14px; text-transform: uppercase; letter-spacing: .05em; font-weight: 500; margin-left: 5px;} #dash.reports #sort ul li a {color: #2b364e;} #dash.reports #sort ul li a.active {color: #c90607; font-weight: 700;} #dash.reports #sort ul li #search_reports {display: block;position: relative;top: -15px;} #dash.reports #sort ul li #search_reports .search {margin-left: 15px; position: relative;border: 1px solid #F2F4F6; background: url(/images/site/btn.png) right 15px center no-repeat #fff; display: inline-block; padding: 10px 55px 10px 15px; font-family: 'Space Mono', monospace;max-width:100px;} #dash.reports #sort ul li #search_reports .search_btn {width: 48px;height: 43px;position: absolute;top: 0;right: 0;display: inline-block;} #dash.reports .select.dropdown {overflow: hidden; position: relative; top: -15px; margin-left: 10px;} #dash.reports .select .select2-container {width: 100% !important;} #dash.reports .select .select2-container .select2-selection--single {height: auto !important;} #dash.reports .select .select2-container--default .select2-selection--single .select2-selection__rendered {padding: 0 25px; line-height: 43px !important;} #dash.reports .select .select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;} #dash.reports .select .select2-container--default .select2-selection--single .select2-selection__arrow {bottom: 0; right: 1px; top: auto; left: auto; overflow: hidden; height: 45px; width: 40px; background: url(/images/site/dropdown_arrow2.png) center center no-repeat; -webkit-transition: all .3s 0s ease-in-out; -moz-transition: all .3s 0s ease-in-out; -o-transition: all .3s 0s ease-in-out; -ms-transition: all .3s 0s ease-in-out; transition: all .3s 0s ease-in-out;} #dash.reports .select:hover .select2-container--default .select2-selection--single .select2-selection__arrow {bottom: -100%; -webkit-transition: all .3s 0s ease-in-out; -moz-transition: all .3s 0s ease-in-out; -o-transition: all .3s 0s ease-in-out; -ms-transition: all .3s 0s ease-in-out; transition: all .3s 0s ease-in-out;} #dash.reports .select .select2-container .select2-selection--single:after {display: block; content: ''; position: absolute; bottom: 100%; right: 1px; height: 45px; width: 40px; background: url(/images/site/dropdown_arrow2.png) center center no-repeat; -webkit-transition: all .3s 0s ease-in-out; -moz-transition: all .3s 0s ease-in-out; -o-transition: all .3s 0s ease-in-out; -ms-transition: all .3s 0s ease-in-out; transition: all .3s 0s ease-in-out;} #dash.reports .select:hover .select2-container .select2-selection--single:after {bottom: 0; -webkit-transition: all .3s 0s ease-in-out; -moz-transition: all .3s 0s ease-in-out; -o-transition: all .3s 0s ease-in-out; -ms-transition: all .3s 0s ease-in-out; transition: all .3s 0s ease-in-out;} #dash.collections .collection {padding: 25px 20px 70px 20px !important;} #dash.collections .collection.add {padding: 35px 20px 35px 20px !important; background: #c90607 !important; text-align: center;} #dash.collections .collection.add h3 {color: #fff;} #dash.collections .collection.add .plus {margin-bottom: 15px; position: relative; display: inline-block; width: 45px; height: 45px; background: #fff; border-radius: 45px;} #dash.collections .collection.add .plus a {font-size: 40px; line-height: 45px; font-weight: 700; position: absolute; top: 0; left: 10px; color: #c90607;} #dash.collection #sort {float: right;} #dash.collection #sort ul li {float: left; list-style: none; font-style: italic; font-size: 16px; letter-spacing: .05em; font-weight: 500; margin-left: 20px;} #dash.collection #sort ul li a span {width: 35px; display: inline-block; position: relative; top: 5px; margin-right: 5px;} #dash.collection #sort ul li a#remove_from_collection span {background:url('/images/site/icon_remove.svg');height:20px;} #dash.collection #sort ul li a#remove_from_collection.rem_open span {background:url('/images/site/icon_removeselect.svg');} #dash .popup.active {opacity: 1; visibility: visible;} #dash .popup {opacity: 0; visibility: hidden; display: table; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(43, 54, 78, .9); z-index: 1000; text-align: center;} #dash .popup .box {position:relative;background: #fff; display: inline-block; padding: 30px 50px;width:100%;max-width:320px;} #dash .popup .box::after {content:"";position:absolute;top:100%;left:0;background:url('/images/site/bottom_clip.png') no-repeat;width:100%;height:24px;} #dash .popup .box h3 {text-transform: none; font-size: 21px; line-height: 24px; margin-bottom: 30px;} #dash .popup .box .select2-container {display: block; width: 100% !important; text-align: left !important; margin-bottom: 15px;} #dash .popup .box .select2-container .select2-selection--single {height: 50px;} #dash .popup .box .select2-container--default .select2-selection--single {background: #fff; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);} #dash .popup .box .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 15px; font-weight: 700; text-transform: uppercase; font-family: 'Roboto Mono', monospace; color: #2b364e; line-height: 50px;} #dash.collections .select2-dropdown {border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} #dash.collections .select2-results__option {font-size: 16px; font-weight: 500; color: #2b364e;} #dash .popup .box .btn {margin-top: 20px;} #dash .popup .box input[type=text] {font-size: 15px; font-weight: 700; color: #2b364e; text-transform: uppercase; font-family: 'Roboto Mono', monospace; margin-bottom: 15px; padding: 0 8px; width: calc(100% - 16px); height: 50px; text-align: left; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);} #dash .popup .box ::-webkit-input-placeholder {color: #2b364e;} #dash .popup .box :-moz-placeholder {color: #2b364e;} #dash .popup .box ::-moz-placeholder {color: #2b364e;} #dash .popup .box :-ms-input-placeholder {color: #2b364e;} #dash.profile #main h3 {color: #c90607; margin-bottom: 20px;} #dash.profile #main .row {margin-bottom: 40px;} #dash.profile #main #contact {width:100%; margin-right: 0; float: left;} #dash.profile #main #contact .info_box .col {width: 50%; float: left; position: relative;} #dash.profile #main #contact .info_box .col .edit_pswd {text-transform: none; font-weight: 500; font-style: italic; font-size: 14px; padding-left: 10px;} #dash.profile #main #contact .info_box .col .col_row {margin-bottom: 30px;} #dash.profile #main #contact .info_box .update_info, #dash.profile #main #contact .info_box .update_password, #dash.profile #main #contact .info_box .forgot_password {display:none;} #dash.profile #main #contact .info_box .update_info .row {padding-bottom:25px;margin-bottom:0;} #dash.profile #main #contact .info_box .update_info input[type=text], #dash.profile #main #contact .info_box .update_info input[type=password], #dash.profile #main #contact .info_box .update_password input[type=text], #dash.profile #main #contact .info_box .update_password input[type=password], #dash.profile #main #contact .info_box .update_password input[type=email], #dash.profile #main #contact .info_box .forgot_password input[type=text], #dash.profile #main #contact .info_box .forgot_password input[type=password], #dash.profile #main #contact .info_box .forgot_password input[type=email] {margin-bottom: 15px; display: block; width: 90%; padding: 15px; box-sizing: border-box; font-size: 18px; font-family: 'Roboto Mono', monospace; font-weight: 700; color: #2b364e; letter-spacing: .05em; line-height: 22px; text-transform: uppercase; -webkit-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); -moz-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); border-top: 1px solid #F9F9F9;} #dash.profile #main #card {width: 43%; float: left;} #dash.profile #main #card .card {margin-bottom: 20px;} #dash.profile #main #card .card .card_info {width: 50%; float: left;} #dash.profile #main #card .card .remove {width: 50%; float: left; text-align: right; font-family: 'Roboto Mono', monospace; font-weight: 600; font-style: italic; font-size: 16px; letter-spacing: .05em;} #dash.profile #main #card .card .remove a span {width: 35px; display: inline-block; margin-right: 5px; position: relative; top: 5px;} #dash.profile #main .info_box {width: 100%; background: #fff; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3); padding: 20px; box-sizing: border-box;} #dash.profile #main .info_box h5 {font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 16px; margin-bottom: 5px;color:#2b364e;} #dash.profile #main .info_box p {font-family: 'Work Sans', sans-serif; font-weight: 400; font-size: 14px;color:#2b364e} #dash.profile #main #history .purchased_report {width: calc((100% / 3) - 26px); padding: 0px 13px; float: left; margin-bottom: 25px;} #dash.profile #main #history .purchased_report a {display: block; font-family: 'Roboto Mono', monospace; font-weight: 600; font-style: italic; font-size: 14px; letter-spacing: .05em; margin-top: 5px;} #dash.profile #main #history #load_more {display: block; text-align: center; padding-top: 30px;} /* View Report */ #view-report main {padding: 0 0 150px 0; background-image: none;} #view-report main .container {width: 1024px;} #view-report #title {min-height:110px;padding: 50px 0 20px 0; margin-bottom: 15px; position: relative; background: #f5f6f8;} #view-report #title h1 {color: #2b364e; font-size: 50px; line-height: 55px; width: 85%;text-transform:none;} #view-report #title h6 {font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 14px;} #view-report #title .report_pages {position: absolute; top: 0; right: 0; text-align: right;} #view-report #title .report_pages ul li {line-height: 55px;} #view-report #report_info {border-bottom: 2px solid #cc0000; padding-bottom: 10px; margin-bottom: 35px;} #view-report #report_info #category h6 {font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 16px;line-height:40px;} #view-report #report_body {border-bottom: 2px solid #1d1d1d; padding-bottom: 30px; margin-bottom: 20px;} #view-report #report_body.two-col {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; -webkit-column-width: 50%; -moz-column-width: 50%; column-width: 50%;} #view-report #report_body.three-col {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; -webkit-column-width: 33.333%; -moz-column-width: 33.333%; column-width: 33.333%;} #view-report #report_body img, #view-report #report_body iframe {max-width: 100%;} #view-report #report_body.body h2, #view-report .page_wrapper h2 {font-size: 21px !important; line-height: 26px; text-transform: none; letter-spacing: 0; color: #2b364e;} #view-report #report_body.body h3, #view-report .page_wrapper h3 {color: #1d1d1d; font-family: 'Work Sans', sans-serif; text-transform: none; font-weight: 500; font-size: 18px; letter-spacing: .02em;} #view-report #report_body.body h4, #view-report .page_wrapper h4 {color: #2b364e; font-family: 'Work Sans', sans-serif; font-weight: 700; font-size: 15px; letter-spacing: .02em;} #view-report #report_body.body a, #view-report .page_wrapper a {text-decoration: underline; font-weight: 600;} #view-report .report_pages {text-align: center;} #view-report .report_pages ul li {margin: 0 5px; display: inline-block; font-family: 'Eurostile', sans-serif; font-weight: 800; color: #c90607; font-size: 24px;} /* Store */ #store main {background-image: none; padding: 70px 0 230px 0;} #store main #title {margin-bottom: 30px; position: relative; z-index: 2;} #store main #title h1, #store main #title h2 {letter-spacing: .08em; font-family: 'Eurostile', sans-serif; font-weight: 800; color: #cc0000; font-size: 36px; line-height: 36px; margin-bottom: 10px;} #store main #title h3 {font-size: 19px;} #store main #title .go_back {text-transform: uppercase; color: #2b364e; font-weight: 500; margin-bottom: 10px; display: block;} #store.main_landing main .container {width: 1000px; text-align: center;} #store.main_landing #title {padding: 0 15% 50px 15%;} #store.main_landing #title h1 {font-size: 24px; letter-spacing: 0;} #store.main_landing #title p {font-weight: normal; line-height: 1.8;} #store.main_landing .store_type {padding: 60px 60px 30px 60px; box-sizing: border-box; width: calc(50% - 30px); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3); background: #fff;} #store.main_landing .store_type h2 {color: #2b364e; text-transform: none; font-weight: 800; font-size: 40px; line-height: 40px; margin-bottom: 15px;} #store.main_landing .store_type h4 {background: #f5f6f8; padding: 20px 0; font-weight: 500; font-size: 26px; letter-spacing: .02em; margin-bottom: 30px;} #store.main_landing .store_type:hover {background: #2b364e;} #store.main_landing .store_type:hover h2 {color: #fff;} #store.main_landing .store_type:hover .btn {border-bottom: double #fff 4px; color: #fff; background: url(/images/site/btn_white.png) right center no-repeat;} #store.landing .store_item {margin-bottom: 30px; padding: 30px 30px 10px; max-height: 215px; box-sizing: border-box; width: calc(50% - 12px); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3); background: #fff;} #store.landing .store_item.left {margin-right: 12px;} #store.landing .store_item.right {margin-left: 12px;} #store.landing .store_item .bottom {padding-top: 0px;} #store.landing .store_item .bottom .price {background: #F2F4F6; text-align: center; padding: 20px 0; width: 55%;} #store.landing .store_item .bottom .price h4 {font-size: 30px; color: #2B364E; letter-spacing: .01em; font-family: 'Eurostile', monospace;} #store.landing .store_item h3 {text-transform: none;} #store.landing .store_item h6 {font-family: 'Roboto Mono', monospace; text-transform: none; font-size: 15px;} #store.landing .store_item:hover {background: #2b364e;} #store.landing .store_item:hover .bottom .price {background: #fff;} #store.landing .store_item:hover h3, #store main .store_item:hover h6 {color: #fff;} #store.landing .store_item:hover .btn {border-bottom: double #fff 4px; color: #fff; background: url(/images/site/btn_white.png) right center no-repeat;} #store.subs main #title h3 {text-align: center; color: #C8212A; font-size: 28px; font-weight: bold;} #store.subs main .store_item .bottom .desc {margin-top: 38px;} #store.subs .store_item h6 {font-family: 'Work Sana', sans-serif; font-weight: 500;} #store.subs .store_item .bottom .price {padding: 13px 0 21px;} #store.subs .store_item .bottom .price .dollar {font-size: 23px; vertical-align: super; margin-right: 2px; font-weight: bold;} #store.detail #product_box {box-sizing: border-box; padding: 50px 40px; width: 100%; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3); background: #fff;} #store.detail #product_box .left {width: calc(67% - 86px); padding-right: 60px; border-right: 1px solid #ccc;} #store.detail #product_box .left h1 {font-size: 30px; line-height: 35px; color: #2b364e;} #store.detail #product_box .left h5 {text-transform: none; font-weight: 500; font-size: 18px;} #store.detail #product_box .left #product_box_desc {margin-top: 30px; padding-top: 30px; margin-bottom: 50px;} #store.detail #product_box .left #product_box_desc:before {display: block; width: 150px; height: 1px; content: ''; background: #2b364e; position: relative; top: -30px;} #store.detail #product_box .left #product_box_desc h6 {font-family: 'Roboto Mono', monospace; text-transform: uppercase; font-size: 14px;} #store.detail #product_box .left #product_box_desc p {margin-top: 25px;} #store.detail #product_box .left #product_box_desc ul {padding-left:25px;} #store.detail #product_box .left #product_box_desc ul li {font-family:"Work Sans", sans-serif;color: #2B364E;line-height: 24px;font-size: 16px;letter-spacing: .08em;} #store.detail #product_box .left #product_box_desc ul li a{font-family:"Work Sans", sans-serif;line-height: 24px;font-size: 16px;letter-spacing: .08em;} #store.detail #product_box .left #product_box_info, #store.detail #product_box .right #product_box_info {border: 1px solid #000; text-align: center; padding: 20px;} #store.detail #product_box .left #product_box_info p, #store.detail #product_box .right #product_box_info p {color: #c90607; display: inline-block; font-weight: 600; margin-right: 10px;} #store.detail #product_box .right {display: table; width: calc(30% - 5px); padding-left: 10px; text-align: center; position: relative;} #store.detail #product_box .right .title {margin-bottom: 30px; text-align: left;} #store.detail #product_box .right .title h3 {text-transform: none; color: #c90607;} #store.detail #product_box .right .title h4 {font-size: 16px; font-weight: 500;} #store.detail #product_box .right .title h4 span {font-weight: 600; color: #c90607; margin-left: 10px;} #store.detail #product_box .right .row {margin-bottom: 20px;} #store.detail #product_box .right .row h4, #store.detail #product_box .right .row label, #store.detail #product_box .right .row span, #store.detail #product_box .right .row input {float: right;} #store.detail #product_box .right .row label, #store.detail #product_box .right .row span {text-align: right; width: 35%; line-height: 68px; display: inline-block; text-transform: uppercase; font-family: 'Roboto Mono', monospace; font-size: 16px;} #store.detail #product_box .right .row h4, #store.detail #product_box .right .row input {letter-spacing: 0; margin-left: 10px; padding: 20px 0; font-size: 24px; font-weight: 600; font-family: 'Roboto Mono', monospace; width: calc(65% - 10px); text-align: center; display: inline-block; background: #f5f6f8;} #store.detail #product_box .right .btn {margin-top: 50px; color: #c90607;} #store.detail #product_box .right .btn:hover {color: #2b364e;} #store.detail #product_info {text-align: center; padding: 45px 15% 100px 15%;} #store.detail #product_info p {font-size: 13px;} #store.detail #product_box .left h5, #store.detail #product_box .left #product_box_desc p, #store.detail #product_info p {font-weight: normal; font-family: "Work Sans", sans-serif;} #store.detail #product_box .left #product_box_desc p {color: #2B364E; line-height: 24px; font-size: 16px;} #store.detail #product_box .left #product_box_desc h6, #store.detail #product_box .right .row h4, #store.detail #product_box .right .row input, #store.detail #product_info p a {font-weight: 500; font-family: "Work Sans", sans-serif;} #store.detail #product_box .left #product_box_desc h5, #store.detail #product_box .right .row label, #store.detail #product_box .right .row span {font-weight: 600;} #store.detail #product_box .right .row h4 {min-width: 240px; padding-left: 20px; margin-left: 12px; text-align: left;} #store.detail #product_box .right .row span {width: auto;} #store.detail #product_box .right .row input {max-width: 105px;} #store.detail #product_box .right .row input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; cursor:pointer; display:block; width:8px; color: #333; text-align:center; position:relative; opacity: 1 !important; } #store.detail #product_box .right .row input[type=number]:hover::-webkit-inner-spin-button { background:transparent url('/images/site/arrows_input.png') no-repeat 50% 50%; width: 14px; height: 14px; padding: 4px; position: relative; right: 4px; border-radius: 0; opacity: 1 !important; } #store.detail .select2-container {width: auto !important; margin-left: 12px;} #store.detail span.select2.select2-container.select2-container--default.select2-container--below {width: auto !important; margin-left: 12px !important;} #store.detail span.select2-selection.select2-selection--single {width: 77px !important; height: 68px !important; border: none; background: #f5f6f8; text-align: left !important;} #store.detail span#select2-item_qty-container {padding: 0px 20px; float: none !important;} #store.detail .select2-container--default .select2-selection--single .select2-selection__arrow {top: calc(65% - 26px); right: 10px;} #store.detail span.select2-container.select2-container--default.select2-container--open {margin-left: 0px !important;} #store.detail .select2-container--open .select2-dropdown--below {width: 77px; border: none; background: #f5f6f8;} #store.cart #cart_box {box-sizing: border-box; padding: 30px 35px 50px 35px; width: 100%; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3); background: #fff;} #store.cart #cart_box .row {border-bottom: 1px solid #2b364e; padding: 30px 0 20px 0;} #store.cart #cart_box h4 {font-family: 'Roboto Mono', monospace; text-transform: none; font-weight: 600; font-size: 21px; letter-spacing: 0; color: #2b364e;} #store.cart #cart_box .row.titles {padding: 5px 0 5px 0; border-top: 1px solid #2b364e;} #store.cart #cart_box .row.titles h6 {font-family: 'Roboto Mono', monospace; text-transform: uppercase; font-size: 15px;} #store.cart #cart_box .row .col {float: left;} #store.cart #cart_box .row .col1 {padding-right: 20px; width: calc(47% - 20px); word-wrap: break-word;} #store.cart #cart_box .row .col1 .links {padding-top: 40px;} #store.cart #cart_box .row .col1 .links a {font-style: italic; font-size: 16px; letter-spacing: .05em; font-weight: 500; margin-right: 20px;} #store.cart #cart_box .row .col1 .links a span {width: 35px; display: inline-block; margin-right: 5px; position: relative; top: 5px;} #store.cart #cart_box .row .col2 {padding-right: 20px; width: calc(28% - 20px); word-wrap: break-word;min-height:20px;} #store.cart #cart_box .row .col3 {width: 8%;} #store.cart #cart_box .row .col3 input[type=number] {width: 45px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #2b364e; font-family: 'Roboto Mono', monospace; text-transform: none; font-weight: 600; font-size: 21px; letter-spacing: 0; color: #2b364e;} #store.cart #cart_box .row .col4 {width: 17%;} #store.cart #cart_box .row.subtotal_promo {text-align: right;} #store.cart #cart_box .row.subtotal_promo .subtotal {width: 100%; float: right;} #store.cart #cart_box .row.subtotal_promo .subtotal .title {float: left; width: calc(79% - 30px); margin-right: 30px;} #store.cart #cart_box .row.subtotal_promo .subtotal .price {float: left; width: 21%;} #store.cart #cart_box .row.subtotal_promo .subtotal .title h3 {line-height: 28px;} #store.cart #cart_box .row.subtotal_promo .subtotal .price h4 {font-size: 24px; line-height: 28px;} #store.cart #cart_box .row.subtotal_promo .promo {float: right; width: 100%; padding: 20px 0;} #store.cart #cart_box .row.subtotal_promo .promo .title {float: left; width: calc(79% - 30px); margin-right: 30px;} #store.cart #cart_box .row.subtotal_promo .promo .title h4 {line-height: 50px;} #store.cart #cart_box .row.subtotal_promo .promo .input {float: left; width: 21%;} #store.cart #cart_box .row.subtotal_promo .promo .input input {width: 100%; height: 50px; border: 1px solid #2b364e; line-height: 45px; text-align: center; font-family: 'Roboto Mono', monospace; text-transform: none; font-weight: 400; font-size: 21px; letter-spacing: 0; color: #2b364e;} #store.cart #cart_box .total {float: right; width: 100%; text-align: right;} #store.cart #cart_box .total .title {float: left; width: calc(79% - 30px); margin-right: 30px;} #store.cart #cart_box .total .title h3 {line-height: 80px;} #store.cart #cart_box .total .price {float: left; width: calc(21% - 2px); height: 80px; text-align: center; border-left: 1px solid #2b364e; border-right: 1px solid #2b364e; border-bottom: 1px solid #2b364e;} #store.cart #cart_box .total .price h4 {line-height: 80px;} #store.cart #cart_box .checkout {padding-top: 30px;} #store.cart #cart_box .checkout .btn {float: right;} #store.checkout main {padding: 70px 0 250px 0;} #store.checkout main .container {width: 860px;} #store.checkout #checkout_process {width: 100%; text-align: center; position: absolute; top: -30px; left: 0;} #store.checkout #checkout_process ul {display: inline-block; position: relative;} #store.checkout #checkout_process ul:after {display: block; content: ''; width: 100%; height: 1px; background: #2b364e; position: absolute; top: 13px; left: 0;} #store.checkout #checkout_process ul li {position: relative; display: inline-block; font-family: 'Roboto Mono', monospace; letter-spacing: .05em; text-transform: uppercase; font-size: 12px; font-weight: 500;} #store.checkout #checkout_process ul li.middle {margin: 0 80px;} #store.checkout #checkout_process ul li.first:before {display: block; width: 27px; height: 27px; content: ''; background: #fff; position: absolute; top: 0; left: 0; z-index: 2;} #store.checkout #checkout_process ul li.end:after {display: block; width: 27px; height: 27px; content: ''; background: #fff; position: absolute; top: 0; right: 0; z-index: 2;} #store.checkout #checkout_process ul li span.number {margin-bottom: 3px; font-weight: 500; display: inline-block; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #2b364e; background: #fff; border: 1px solid #2b364e; position: relative; z-index: 3;} #store.checkout #checkout_process ul li.active span.number {color: #fff; background: #2b364e;} #store.checkout #checkout_process ul li span.text {display: block;} #store.checkout #checkout_box {text-align: center;} #store.checkout #checkout_box {box-sizing: border-box; padding: 30px 50px 50px 50px; width: 100%; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3); background: #fff;} #store.checkout #checkout_box .title {border-bottom: 1px solid #2b364e; padding: 20px 0;} #store.checkout #checkout_box .title h1 {font-size: 25px; line-height: 28px;} #store.checkout #checkout_box h3 {font-size: 22px;} #store.checkout #checkout_box ::-webkit-input-placeholder {color: #2b364e;} #store.checkout #checkout_box :-moz-placeholder {color: #2b364e;} #store.checkout #checkout_box ::-moz-placeholder {color: #2b364e;} #store.checkout #checkout_box :-ms-input-placeholder {color: #2b364e;} #store.checkout #checkout_box input[type=text], #store.checkout #checkout_box input[type=password], #store.checkout #checkout_box input[type=email] {margin-bottom: 15px; display: block; width: 100%; padding: 15px; box-sizing: border-box; font-size: 18px; font-family: 'Roboto Mono', monospace; font-weight: 700; color: #2b364e; letter-spacing: .05em; line-height: 22px; text-transform: uppercase; -webkit-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); -moz-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); border-top: 1px solid #F9F9F9;} #store.checkout.login #checkout_box .left {box-sizing: border-box; width: 50%; padding: 50px;} #store.checkout.login #checkout_box .left h3 {margin-bottom: 20px;} #store.checkout.login #checkout_box input[type=submit] {margin: 30px 0 20px 0; color: #c90607;} #store.checkout.login #checkout_box .left .forgot_password {font-size: 11px; font-weight: 700;} #store.checkout.login #checkout_box .right {box-sizing: border-box; width: calc(50% - 1px); padding: 50px; border-left: 1px solid #2b364e;} #store.checkout.login #checkout_box .right h3 {margin-bottom: 30px;} #store.checkout.login #checkout_box .right p {font-size: 10px; letter-spacing: 0;} #store.checkout #checkout_box .info {padding: 40px 35px;} #store.checkout #checkout_box .info label {color:#2b364e;text-align:left;display: block;text-transform:uppercase;font-weight:700;margin-bottom:3px;} #store.checkout #checkout_box .info .row .col {float: left; padding: 0 10px; width: calc(100% - 20px);} #store.checkout #checkout_box .info .row .col.two_col {width: calc(50% - 20px);} #store.checkout #checkout_box .info .row .col.three_col {width: calc(25% - 20px);} #store.checkout #checkout_box .info .row .col.four_col {width: calc(25% - 20px);} #store.checkout #checkout_box .info h6 {margin-bottom: 5px; text-align: left; font-family: 'Work Sans', sans-serif; font-weight: 500; font-size: 14px; letter-spacing: .02em;} #store.checkout #checkout_box .info .row.cards {text-align: left; margin-bottom: 30px;} #store.checkout #checkout_box .info .row.cards img {float: left; margin-right: 15px;} #store.checkout #checkout_box .subtotal {border-top: 1px solid #2b364e; margin-bottom: 40px;} #store.checkout #checkout_box .subtotal .text {padding: 30px 40px; display: inline-block; border-left: 1px solid #2b364e; border-bottom: 1px solid #2b364e; border-right: 1px solid #2b364e;} #store.checkout #checkout_box .subtotal .text h3, #store.checkout #checkout_box .subtotal .text h4 {margin: 0 10px; display: inline-block; line-height: 22px;} #store.checkout #checkout_box .select {position: relative; margin-bottom: 15px;} #store.checkout #checkout_box .select .select2-container {width: 100% !important; text-align: left;} #store.checkout #checkout_box .select .select2-container .select2-selection--single {height: auto !important;} #store.checkout #checkout_box .select .select2-container--default .select2-selection--single {background: #fff; font-size: 18px; font-family: 'Roboto Mono', monospace; font-weight: 700; color: #2b364e; letter-spacing: .05em; line-height: 22px; text-transform: uppercase; -webkit-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); -moz-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); border-top: 1px solid #F9F9F9;} #store.checkout #checkout_box .select .select2-container--default .select2-selection--single .select2-selection__rendered {padding: 0 15px; line-height: 53px !important; color: #2b364e;} #store.checkout #checkout_box .select .select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;} #store.checkout #checkout_box .select .select2-container--default .select2-selection--single .select2-selection__arrow {top: 0 !important; right: 1px !important; top: auto; left: auto; overflow: hidden; height: 53px; width: 40px; background: url(/images/site/drop_arw.png) center center no-repeat; -webkit-transition: all .3s 0s ease-in-out; -moz-transition: all .3s 0s ease-in-out; -o-transition: all .3s 0s ease-in-out; -ms-transition: all .3s 0s ease-in-out; transition: all .3s 0s ease-in-out;} #store.checkout #checkout_box .select:hover .select2-container--default .select2-selection--single .select2-selection__arrow {bottom: -100%; -webkit-transition: all .3s 0s ease-in-out; -moz-transition: all .3s 0s ease-in-out; -o-transition: all .3s 0s ease-in-out; -ms-transition: all .3s 0s ease-in-out; transition: all .3s 0s ease-in-out;} #store.checkout #checkout_box .select .select2-container .select2-selection--single:after {display: block; content: ''; position: absolute; bottom: 100%; right: 1px; height: 45px; width: 40px; background: url(/images/site/dropdown_arrow2.png) center center no-repeat; -webkit-transition: all .3s 0s ease-in-out; -moz-transition: all .3s 0s ease-in-out; -o-transition: all .3s 0s ease-in-out; -ms-transition: all .3s 0s ease-in-out; transition: all .3s 0s ease-in-out;} #store.checkout #checkout_box .select:hover .select2-container .select2-selection--single:after {bottom: 0; -webkit-transition: all .3s 0s ease-in-out; -moz-transition: all .3s 0s ease-in-out; -o-transition: all .3s 0s ease-in-out; -ms-transition: all .3s 0s ease-in-out; transition: all .3s 0s ease-in-out;} #store.checkout.details #checkout_box p {text-align: left; font-size: 13px;} #store.checkout .select2-dropdown {border: 1px solid #ccc;} #store.checkout.review h1 {font-size: 25px; text-align: center;} #store.checkout.review main .container {width: 1024px;} #store.checkout.review .review_title {margin-bottom: 25px; position: relative;} #store.checkout.review .review_title h4 {color:#2B364E;text-transform: uppercase !important; font-family: 'Space Mono', sans-serif !important; font-weight: 900 !important; font-size: 16px !important;} #store.checkout.review .review_title .edit {position: absolute; top: 0; right: 0; font-style: italic; font-weight: 600; letter-spacing: .05em;} #store.checkout.review #review_aside {box-sizing: border-box; padding: 25px; width: 29%; float: left; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3); background: #fff;} #store.checkout.review #review_aside .review_aside_block.billing {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #2b364e;} #store.checkout.review #review_aside .review_aside_block .row {margin-bottom: 15px;} #store.checkout.review #review_aside .review_aside_block p {text-transform: none; letter-spacing: 0; margin-bottom: 0; font-size: 16px; line-height: 16px;font-weight:400;color:#2B364E;} #store.checkout.review #review_aside .review_aside_block p strong {font-weight: 600; font-size: 14px;color:#2B364E;} #store.checkout.review #review_main {box-sizing: border-box; padding: 25px; width: 69%; float: right; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3); background: #fff;} #store.checkout.review #review_main .row {border-bottom: 1px solid #2b364e; padding: 30px 0 20px 0;} #store.checkout.review #review_main h4 {font-family: 'Roboto Mono', monospace; text-transform: none; font-weight: 600; font-size: 16px; line-height: 18px; letter-spacing: 0; color: #2b364e;} #store.checkout.review #review_main .row.titles {padding: 0 0 5px 0;} #store.checkout.review #review_main .row.titles h6 {font-family: 'Space Mono', monospace;font-weight:700; text-transform: uppercase; font-size: 16px;color:#2B364E;} #store.checkout.review #review_main .row .col {float: left;} #store.checkout.review #review_main .row .col1 {padding-right: 20px; width: calc(47% - 20px); word-wrap: break-word;} #store.checkout.review #review_main .row .col1 .links {padding-top: 40px;} #store.checkout.review #review_main .row .col1 .links a {font-style: italic; font-size: 15px; letter-spacing: .02em; font-weight: 500; margin-right: 20px;} #store.checkout.review #review_main .row .col1 .links a span {width: 30px; display: inline-block; margin-right: 5px; position: relative; top: 4px;} #store.checkout.review #review_main .row .col2 {padding-right: 20px; width: calc(28% - 20px); word-wrap: break-word;} #store.checkout.review #review_main .row .col3 {width: 8%;font-size:16px;font-family:"Work Sans", sans-serif;font-weight:500;} #store.checkout.review #review_main .row .col3 input[type=text] {width: 35px; height: 35px; line-height: 45px; text-align: center; border: 1px solid #2b364e; font-family: 'Roboto Mono', monospace; text-transform: none; font-weight: 600; font-size: 16px; letter-spacing: 0; color: #2b364e;} #store.checkout.review #review_main .row .col4 {width: 17%;} #store.checkout.review #review_main .total {float: right; width: 100%; text-align: right;} #store.checkout.review #review_main .total .text h3 {font-size: 24px; display: inline-block;} #store.checkout.review #review_main .total .text {float: right; padding: 20px 25px; text-align: center; border-left: 1px solid #2b364e; border-right: 1px solid #2b364e; border-bottom: 1px solid #2b364e;} #store.checkout.review #review_main .total .text h4 {display: inline-block;} #store.checkout.review #review_main .checkout {padding-top: 30px;} #store.checkout.review #review_main .checkout .btn {float: right;} #store.checkout.review #review_main .checkout p {font-family:"Work Sans";font-weight:500;float: left; font-size: 14px; letter-spacing: .02em;} #store.checkout.review #review_main .checkout p a {font-weight: 700;font-size:12px;} #store.checkout.review.received #title {margin-bottom: 25px; text-align: left;} #store.checkout.review.received #title h1 {font-size: 24px; text-align: left; letter-spacing: 0; color: #cc0000; line-height: 28px; margin-bottom: 0;} #store.checkout.review.received #title p {font-weight: 600; letter-spacing: .02em;} #store.checkout.review.received #title .order_info {display: inline-block; padding-top: 15px; margin-top: 15px; border-top: 1px solid #1d1d1d;} #store.checkout.review.received #title .order_info h4 {font-size: 14px; letter-spacing: .02em; line-height: 16px;} #store.checkout.review.received #title .order_info h4 span {font-weight: 700; color: #cc0000;} .card_icon {display: block;width:42px;height:25px;} .card_icon img {max-width:100%;height:auto;} /* Contact */ #contact main {background-image: none;} #contact #main #contact_left {width: 48%; float: left;} #contact #main #contact_left #map {margin-bottom: 30px;} #contact #main #contact_left .body {padding-bottom: 50px;} #contact #main #contact_left .body a {font-weight: 700; text-decoration: underline;} #contact #main #contact_left .info_box {margin-bottom: 50px; width: calc(50% - 30px); padding-right: 30px; float: left;} #contact #main #contact_right {width: 41%; float: right; padding-right: 60px;} #contact #main #contact_right h4, #contact #main #contact_right p {margin-bottom: 10px;} #contact #main #contact_right input[type=text], #contact #main #contact_right input[type=email], #contact #main #contact_right input[type=tel], #contact #main #contact_right textarea {padding: 15px; background: #2b364e; color: #fff;} #contact #main #contact_right .dform_label {font-family: 'Eurostile', sans-serif; font-size: 18px; text-transform: uppercase; font-weight: 800; letter-spacing: .08em; color: #cc0000;} #contact #main #contact_right input[type=text], #contact #main #contact_right input[type=email] {width: calc(100% - 30px);} #contact #main #contact_right .dfinput_phones .phone_area {width: 18% !important; margin-right: 4%;} #contact #main #contact_right .dfinput_phones .phone_area label {padding-top: 5px;} #contact #main #contact_right .dfinput_phones .phone_number {width: 78% !important;} #contact #main #contact_right .dfinput_phones .phone_number label {padding-top: 5px;} #contact #main #contact_right textarea {width: calc(100% - 30px); margin-bottom: 30px;} #contact #main #contact_right input[type=tel] {width: calc(100% - 30px);} #contact #main #contact_right label {font-family: 'Work Sans', sans-serif; font-weight: 500} #contact #main #contact_right input[type=submit] {color: #cc0000; display: inline-block; padding-right: 37px; background: url(/images/site/btn.png) right center no-repeat; padding-bottom: 4px; border-bottom: double #1d1d1d 4px; font-family: 'Roboto Mono', monospace; font-weight: 700; font-style: italic; font-size: 16px; letter-spacing: .08em;} #contact #main #contact_right input[type=submit]:hover {color: #2b364e;} #test_reports h1 {margin-bottom:25px;} #test_reports main #main #body_report p {display: block;margin-bottom:25px;} #test_reports main #main #body_report p img {max-width:100%;height:auto;} #test_reports main #main #body_report.two_col {column-count:2;column-gap:50px;-webkit-column-count:2;-webkit-column-gap:50px;-moz-column-count:2;-moz-column-gap:50px;-ms-column-count:2;-ms-column-gap:50px;-ms-column-break-inside:avoid;-moz-column-break-inside:avoid;-webkit-column-break-inside:avoid;column-break-inside:avoid;} #test_reports main #main #body_report.three_col {column-count:3;column-gap:50px;-webkit-column-count:3;-webkit-column-gap:50px;-moz-column-count:3;-moz-column-gap:50px;-ms-column-count:3;-ms-column-gap:50px;-ms-column-break-inside:avoid;-moz-column-break-inside:avoid;-webkit-column-break-inside:avoid;column-break-inside:avoid;} #dash #content #main article.report {position: relative;} #dash #content #main article.report .remove_item {display:none;width: 40px;height:23px;position: absolute;top: 10px;right: 0;cursor:pointer;background:url('/images/site/icon_remove.svg');} #dash #content #main article.report .remove_item.rem_open {background:url('/images/site/icon_removeselect.svg');height:40px;} #dash #content #main article.report .remove_item img {max-width:100%;height:auto;} #dash label.error {display: block;padding: 0 0 15px;text-align: left;} .dropdown_wrapper {display: block;position: relative;} .dropdown_wrapper .dropdown_title {position: relative;display: block;font-size: 15px;font-weight: 700;color: #2b364e;text-transform: uppercase;font-family: 'Roboto Mono', monospace;margin-bottom: 15px;padding: 0 8px;width: calc(100% - 16px);line-height: 50px;height: 50px;text-align: left;box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);cursor:pointer;} .dropdown_wrapper .dropdown_title::after {position:absolute;top:50%;right:15px;content:"";background:url('/images/site/icon_arrowdowngray.svg') no-repeat;width:10px;height:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);} .dropdown_wrapper .dropdown_title.open::after {background:url('/images/site/icon_arrowupgray.svg') no-repeat} .dropdown_wrapper .dropdown_inner {display: none;position: absolute;top: 100%;width: 100%;height:200px;background: #FFF;z-index: 999;padding:15px;box-sizing:border-box;text-align:left;border:1px solid #e5e5e5;overflow:auto;} .dropdown_wrapper .dropdown_inner .select2-container {width:100% !important;} #dash .select2-container--default .select2-results>.select2-results__options {max-height:140px !important;} #dash .select2-dropdown {border:0 none} #dash .select2-container--default.select2-container--focus .select2-selection--multiple {border: 1px solid #e1e1e1;border-radius: 0px !important;-webkit-border-radius:0px !important;margin-bottom:10px;} #view-report #report_info #category {display:block;float:left;} #view-report #report_info .addToCollection {display: block;float:right;position: relative;} #view-report #report_info .addToCollection .collection_menu_trigger {position: relative;display: block;background: #2B354E;color: #FFF;text-transform: uppercase;font-weight: 500;line-height: 40px;padding:0 35px 0 15px;letter-spacing:.06em;} #view-report #report_info .addToCollection .collection_menu_trigger::after {content:"";position: absolute;top:50%;right:15px;background:url('/images/site/icon_arrowdownwhite.svg');width: 10px;height: 7px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);} #view-report #report_info .addToCollection .collection_menu_trigger.open_menu {background:#CC0000} #view-report #report_info .addToCollection .collection_menu_trigger.open_menu::after {background:url('/images/site/icon_arrowupwhite.svg');} #view-report #report_info .addToCollection #collection_menu {display:none;position: absolute;top: 100%;width: 125%;height:auto;right: 0;border: 1px solid #CC0000;background: #FFF;padding: 15px 15px 40px 15px;z-index:10;} #view-report #report_info .addToCollection #collection_menu ul {list-style:none;margin-bottom: 15px;} #view-report #report_info .addToCollection #collection_menu ul li {display: block;} #view-report #report_info .addToCollection #collection_menu ul li a {position: relative;display: block;padding:5px 0;font-size:16px;color:#2b364e} #view-report #report_info .addToCollection #collection_menu ul li a:hover {color:#CC0000;font-weight:700;} #view-report #report_info .addToCollection #collection_menu ul li a:hover::after {content:"";background:url('/images/site/icon_addred.svg');width:17px;height:17px;position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);} #view-report #report_info .addToCollection #collection_menu #make_collection_btn {position: absolute;bottom:0;left:0;right:0;display: block;line-height:40px;background:#2B354E;color:#FFF;text-transform: uppercase;font-weight: 700;line-height: 40px;padding-left:45px;} #view-report #report_info .addToCollection #collection_menu #make_collection_btn::before {content:"";background:url('/images/site/icon_addwhite.svg');position: absolute;width:17px;height:17px;left:15px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);} .print-btn a {position: relative; display: block; background: #2B354E; color: #FFF; text-transform: uppercase; font-weight: 500; line-height: 40px; padding: 0 15px; letter-spacing: .06em; margin-left: 10px;} #dash #wrapper {margin: 0 auto -91px !important;} #dash #push {height: 91px !important;} #dash footer .top, #dash footer .newsletter {display:none !important;} #dash footer {height: 66px !important;padding-top: 25px !important;} #dash aside #dash_info {margin-top: 78px !important;} #dash main {background-position: 0 350px !important;} #dash.reports #sort ul li #search_reports .search {color: #2B364E;font-family: 'Space Mono', monospace;font-size: 15px;} #dash.reports #sort ul li #search_reports ::-webkit-input-placeholder,#dash.reports #sort ul li #search_reports ::-moz-placeholder,#dash.reports #sort ul li #search_reports :-ms-input-placeholder,#dash.reports #sort ul li #search_reports :-moz-placeholder {color: #2B364E;} /* Select 2 Styling */ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #c90607;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#2b364e; color: #fff;}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:48px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#fff;color:#1d1d1d}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* modal */ /* The Modal (background) */ .modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } /* Modal Content/Box */ .modal-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; max-width: 350px; } /* The Close Button */ .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .modal input[type=text]{ font-size: 15px; font-weight: 700; color: #2b364e; text-transform: uppercase; font-family: 'Roboto Mono', monospace; margin-bottom: 15px; padding: 0 8px; width: calc(100% - 16px); height: 50px; text-align: left; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); } .modal a{ } /*3-9-2017*/ #home header nav.desktop ul li a ,#home header nav.desktop ul li a:hover,#home header #header_nav_top ul li a#log_in_link{color: #fff;} #home header.sticky nav.desktop ul li a ,#home header.sticky nav.desktop ul li a:hover,#home header.sticky #header_nav_top ul li a#log_in_link{color: #2b364e; } header.sticky nav.desktop ul li a ,header.sticky nav.desktop ul li a:hover,header.sticky #header_nav_top ul li a#log_in_link{color: #2b364e !important ;} header #header_cart_container #header_cart_link img { display: none;} header #header_cart_container #header_cart_link:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: url(/images/site/cart_white.svg) no-repeat; background-size: 100% !important;-webkit-background-size: 100% !important;} header.sticky #header_cart_container #header_cart_link:after {background: url(/images/site/cart.svg) ;} header nav.desktop ul li.has_dropdown a { background-image: url(/images/site/drop_arw_white.png);} header.sticky nav.desktop ul li.has_dropdown a { background-image: url(/images/site/drop_arw.png);} body.internal #header_cart_container #header_cart_link:after {background: url(/images/site/cart.svg) ;} body.internal header nav.desktop ul li.has_dropdown a { background-image: url(/images/site/drop_arw.png);} body.internal header #header_nav_top ul li.purchase_reports a {color: #2b364e;} #home #banner .content p { width: 770px; max-width: 100%; margin: 0 auto 30px;} #home #banner .content h2 {line-height: 73px;margin-bottom: 10px;font-size: 91px;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);letter-spacing: .08em;text-transform: uppercase;color: #cc0000;font-family: 'Eurostile', sans-serif;font-weight: 800;} #home #banner .content h2 span {font-family: 'Space Mono', monospace;font-weight: 700;font-size: 31px;letter-spacing: .08em;display: block;color: #fff;} #home #banner .content h1 {width: 770px;max-width: 100%;margin: 0 auto 30px;padding: 0 50px;color: #fff;font-size: 16px;line-height: 22px;font-family: 'Work Sans', sans-serif;font-weight: 500;letter-spacing: .08em;text-transform: none;} #home main { background: none;} #home #reports .right .block {background-color: #2b364e !important; cursor: pointer;} #home #reports .right .block:hover {background-color: #c90607 !important;} #home #reports .right .block .btn2 {font-weight: 700;text-transform: uppercase;font-size: 15px;letter-spacing: .08em;color: #fff;text-decoration: none;} header nav.desktop ul li#dropdown_link_reports #dropdown_reports ul li a,header nav.desktop ul li.has_dropdown .dropdown ul li a { color: #fff !important;} #home #blog .vertical_title:after {width: 160px;height: 1px;content: '';} .vertical_title:after {margin-left: 15px;background: #1d1d1d;display: inline-block;vertical-align: middle;} #home #blog .image:before{ content: ''; position: absolute;right: 0; bottom: 0; z-index: 2; width: 0;height: 0;border-bottom: 18px solid #fff;border-left: 18px solid transparent;} #home #blog .image:after,#blog #feature .image:before,#blog.detail #top .image:before { opacity: 0.03;content: ''; position: absolute;right: 0; bottom: 0; z-index: 1; width: 100%;height: 100%; display:block;background: url(/images/site/pattern.png);} #blog .vertical_title.scroll-top, #store .vertical_title.scroll-top ,#reports .vertical_title.scroll-top,#consulting .vertical_title.scroll-top{white-space: nowrap;display: inline-block;position: absolute;right: -260px;top: 90px;left: auto !important;float: none;transform: rotate(-90deg) translate(-100%, 0);-webkit-transform: rotate(-90deg) translate(-100%, 0);-moz-transform: rotate(-90deg) translate(-100%, 0);-o-transform: rotate(-90deg) translate(-100%, 0);-ms-transform: rotate(-90deg) translate(-100%, 0);transform-origin: 0 0;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-o-transform-origin: 0 0;-ms-transform-origin: 0 0;} #blog .vertical_title.scroll-top a, #store .vertical_title.scroll-top a,#reports .vertical_title.scroll-top a,#consulting .vertical_title.scroll-top a{margin-bottom: 10px;font-family: 'Roboto Mono', monospace;font-weight: 500;font-style: italic;text-transform: none;display: inline-block;vertical-align: middle;color: #C9060F !important;line-height: 16px;font-size: 16px;cursor: pointer;} #blog .vertical_title.scroll-top:after, #store .vertical_title.scroll-top:after, #reports .vertical_title.scroll-top:after,#consulting .vertical_title.scroll-top:after {content: '';width: 160px;height: 1px;margin-left: 15px;background: #C9060F;display: inline-block;vertical-align: middle;} #blog.videos.internal #feature .text { top: 72px;} #blog.internal #feature .text { top: 0px;} #reports.internal #top .vertical_title { top: 315px; } #reports.internal #content .after {right:140px;bottom: -241px; float: right;border-radius: 5px;position: relative;display: inline-block; display: none; width: 6px;height: 6px;background: #fff;border: 2px solid #a3a3a4;} #reports.internal #content .after:after {position: absolute;left: 100%;top: 3px;display: block;content: '';width: 1000px;height: 2px;background: #a3a3a4;} #reports.internal .nav-wrapper,#consulting.internal .nav-wrapper { box-sizing: border-box; margin: 0 auto; padding: 0 5% 4% 5%; width: 100%; max-width: 100%; height: auto; display: block;position: relative; } #reports.internal .nav a,#consulting.internal .nav a{margin: 0; padding: 0; width: auto; display: inline-block; font-size: 20px;font-family: 'Roboto Mono', monospace;font-weight: 700;color: #2b364e !important;letter-spacing: .08em;line-height: 22px;text-transform: uppercase;} #reports.internal .nav-wrapper .reports-left,#consulting.internal .nav-wrapper .reports-left { float: left; } #reports.internal .nav-wrapper .reports-right,#consulting.internal .nav-wrapper .reports-right { float: right;} #reports.internal .nav-wrapper .reports-right .after,#consulting.internal .nav-wrapper .reports-right .after {left: -10px;bottom:-30px;float: left;border-radius: 5px;position: relative;display: inline-block;width: 6px;height: 6px;background: #fff;border: 2px solid #a3a3a4;} #reports.internal .nav-wrapper .reports-right .after:after,#consulting.internal .nav-wrapper .reports-right .after:after {position: absolute;left: 100%;top: 3px;display: block;content: '';width: 1000px;height: 2px;background: #a3a3a4;} #reports.internal .nav-wrapper .reports-left .after,#consulting.internal .nav-wrapper .reports-left .after {right:-10px;bottom:-30px;float: right;border-radius: 5px;position: relative;display: inline-block;width: 6px;height: 6px;background: #fff;border: 2px solid #a3a3a4;} #reports.internal .nav-wrapper .reports-left .after:after,#consulting.internal .nav-wrapper .reports-left .after:after {position: absolute;right: 100%;top: 3px;display: block;content: '';width: 1000px;height: 2px;background: #a3a3a4;} #reports.internal main { background-image: none;} #reports #preview { position: relative;} #reports .vertical_title.scroll-top { left: auto; right: -270px; bottom: 422px; top: auto;} #blog.internal main { background-position: center 205px; } #blog .vertical_title.scroll-top { top: auto; bottom: 25%;} #blog.internal .share { position: relative; } #blog.internal .share ul { display: inline-block; background: #fff; position: relative; z-index: 2; margin-bottom: 20px; } #blog.internal .share ul li { line-height: 18px; font-family: 'Eurostile', sans-serif; font-weight: 800; font-size: 18px; color: #2b364e; letter-spacing: .08em; text-transform: uppercase; margin-right: 10px; list-style: none; display: inline-block; vertical-align: middle; margin-left: 0; cursor: pointer; } #blog.internal .share ul li:first-child { display: block; margin-bottom: 5px;} #blog.internal .share ul li .st_email_custom { display: block; width: 24px; height: 18px; background: url(/images/site/share_em.png) center center no-repeat; } #blog.internal .share ul li .st_facebook_custom { display: block; width: 18px; height: 18px; background: url(/images/site/share_fb.png) center center no-repeat; } #blog.internal .share ul li .st_linkedin_custom { display: block; width: 18px; height: 18px; background: url(/images/site/share_lnk.png) center center no-repeat; } #blog.internal .share ul li .st_twitter_custom { display: block; width: 23px; height: 18px; background: url(/images/site/share_twt.png) center center no-repeat; } #blog #feature .title {bottom: -80px;} #blog.reviews #articles article { display: none;} #loadMore {width: 190px;height: auto;position: absolute; left: 0; bottom: 0; right: 0;display: inline-block; margin: 0 auto;cursor: pointer;font-family: 'Eurostile', sans-serif;font-weight: 800;font-size: 24px;letter-spacing: .08em;line-height: 26px;color: #c90607;text-transform: uppercase;} #blog #articles { padding-bottom: 4%;} #blog.internal.detail .vertical_title {top: 50%;} #blog.internal.detail .share .after{ /*right: -273px;*/ top: 4px; /*float: left;*/ border-radius: 5px; position: relative; display: inline-block; width: 6px; height: 6px; background: #fff; border: 2px solid #a3a3a4; } #blog.internal.detail .share .after:after { position: absolute; left: 100%; top: 3px; display: block; content: ''; width: 2000px; height: 2px; background: #a3a3a4; } #blog.detail #top .share:after { display: none;} #blog.internal.detail #content h5 { font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 15px; } .selectionSharer a.facebook { display: block !important;} .selectionSharer a.email { display: none !important;} #blog.internal.events .vertical_title.scroll-top {bottom: 35%;} #home .vertical_title.scroll-top {bottom: 78%;} #blog.events #articles .blog_post .text {top: 72px;} #blog.events #articles .blog_post .text:before { top: 0px;} #blog.events.landing .container .before { display: none;} #blog.events.landing .vertical_title.scroll-top { bottom: 24%;} #blog.internal.event-details main { padding: 70px 0 140px 0; position: relative; background: url(/images/site/rectangle.png) no-repeat center 205px; background-size: 100% auto; } #blog.internal.event-details .share ul li:first-child { margin-bottom: 0;margin-top: 4px;} #presentations .year .year_trigger.active:after { content:''; position: absolute; left: 0; top: 40px;width: 74px; height:2px ;background: #a3a3a4;} #consulting main { background-position: center 485px;} #consulting .vertical_title.scroll-top { bottom: 45%; top: auto;} #consulting.internal .nav-wrapper { margin-top: -110px;} #consulting #bottom {position: relative;z-index: 2;width: 30%;margin: auto;} #contact #ee_gmap_1 {height: 550px !important;} #contact .req { display: none !important;} #contact #main #contact_right textarea{ height: 236px !important;} #contact .addin-text { position: relative; top: -2px; font-size: 16px;} #contact .dform_element { position: relative;} #contact .dform_element .dform_error{ position: absolute; right: -30px; top: 49px; text-indent: -9999px; width: 20px; height: 19px; display: block; background: url(/images/site/error-img.png); } article.report {box-shadow:none !important;-webkit-clip-path: polygon(100% 0, 100% 100%, 5% 100%, 0 95%, 0 0);clip-path: polygon(100% 0, 100% 100%, 5% 100%, 0 95%, 0 0);} article.report::after {content:"";position:absolute;background-color:#d5d4d4;-webkit-clip-path: polygon(100% 0, 100% 100%, 5% 100%, 0 95%, 0 0);clip-path: polygon(100% 0, 100% 100%, 5% 100%, 0 95%, 0 0);z-index:-2;left:-5px;right:-5px;top:-5px;bottom:-5px;} article.report::before {content:"";position:absolute;background-color:#FFF;-webkit-clip-path: polygon(100% 0, 100% 100%, 5% 100%, 0 95%, 0 0);clip-path: polygon(100% 0, 100% 100%, 5% 100%, 0 95%, 0 0);z-index:-1;left: 1px;right: 1px;top: 1px;bottom: 1px;} article.report:hover::before,#dash.collections .collection.add:hover::before {background-color:#2b364e !important;} #dash.collections .collection.add::before {background-color:#c90607 !important} header.sticky #header_cart_container #header_cart_link img, header #header_cart_container #header_cart_link img {display: block} header.sticky #header_cart_container #header_cart_link:after, body.internal #header_cart_container #header_cart_link:after {background: none;} #home header nav.desktop ul li a, #home header nav.desktop ul li a:hover, #home header #header_nav_top ul li a#log_in_link {opacity: 1;} #home header #header_cart_container #header_cart_link img {display: none} #home header #header_nav_top .social ul li a.facebook {background: url(/images/site/icon-fb-white.svg);} #home header #header_nav_top .social ul li a.linkedin {background: url(/images/site/icon-linkedin-white.svg);} #home header #header_nav_top .social ul li a.twitter {background: url(/images/site/icon-twitter-white.svg);} #home header #header_nav_top ul li.purchase_reports a {background: url(/images/site/icon-jpr-store.svg) top center no-repeat;} #home header #header_nav_top ul li.purchase_reports .purchase {background: none;} #home header #header_nav_top ul li.purchase_reports .reports {background: none;} #home header #header_cart_container #header_cart_link span {color: #fff} #home header.sticky #header_nav_top .social ul li a.facebook {background: url(/images/site/facebook.png);} #home header.sticky #header_nav_top .social ul li a.linkedin {background: url(/images/site/linkedin.png);} #home header.sticky #header_nav_top .social ul li a.twitter {background: url(/images/site/twitter.png);} #home header.sticky #header_nav_top ul li.purchase_reports a {background: none;} #home header.sticky #header_nav_top ul li.purchase_reports .purchase {background: url(/images/site/purchase_new1.png) top left no-repeat;} #home header.sticky #header_nav_top ul li.purchase_reports .reports {background: url(/images/site/reports_new1.png) bottom right no-repeat;} #home header.sticky #header_cart_container #header_cart_link img {display: block;} #home header.sticky #header_cart_container #header_cart_link span {color: #cc0000} /*3-14-2017*/ header #dropdown_reports .sub_links ul { width: 740px !important;} header #dropdown_consulting .sub_links ul { width: 500px !important;} header .dropdown .sub_links ul li a,header .has_dropdown .dropdown div > ul li a { background: none !important; } body.internal header:after { opacity: 1 !important;} body.internal header {border-bottom: 1px solid #e3e6e8 !important;} #home #reports .left .categories ul li { float: none !important; display: inline-block !important; vertical-align: top !important; width: 46%;margin-right: 3%;margin-bottom: 20px;} #home header #header_nav_top ul li.purchase_reports a { background: none;} #home header #header_nav_top ul li.purchase_reports .purchase {background: url(/images/site/purchase_new1.png) top left no-repeat;} #home header #header_nav_top ul li.purchase_reports .reports {background: url(/images/site/reports_new1.png) bottom right no-repeat;} header #header_nav_bottom ul li a { opacity: 1;} #home.has-items header #header_cart_container #header_cart_link img { display: block;} #home.has-items header #header_cart_container #header_cart_link:after { background: none;} #home.has-items header #header_cart_container #header_cart_link span {color: #cc0000;} #home header #header_nav_top ul li.purchase_reports .purchase,#home header #header_nav_top ul li.purchase_reports .reports { color: #fff;} #home header.sticky #header_nav_top ul li.purchase_reports .purchase,#home header.sticky #header_nav_top ul li.purchase_reports .reports { color: #cc0000;} body.internal header #header_nav_top ul li.purchase_reports .purchase,body.internal header #header_nav_top ul li.purchase_reports .reports { color: #cc0000;} #home #reports .left .categories { border-radius: 0px; position: relative;} #home #reports .left .categories:before { content: ''; position: absolute; right: 0; top: 0;width: 0;height: 0;border-top: 15px solid #fff;border-left: 15px solid transparent;} #home #reports .left .categories:after{ content: ''; position: absolute; right: 0; bottom: 0;width: 0;height: 0;border-bottom: 15px solid #fff;border-left: 15px solid transparent;} #home #events .event .text .date {padding: 37px 20px;top: -107px;} #home #events .event .text .info.right { margin-right: 7%;} #home #events .event .image:before {opacity: 0.03;content: '';position: relative; z-index: 1;right: 0;bottom: 0;z-index: 1;width: 100%;height: 100%;display: block;background: url(/images/site/pattern.png);} header #header_cart_container #header_cart_link:after {background: url(/images/site/icon-cart-white-new.svg) no-repeat;} #reports #top .image:before,#consulting #top .image:before,#team #feature .image:before {opacity: 0.03;content: '';position: relative;right: 0;bottom: 0;z-index: 1;width: 100%;height: 100%;display: block;background: url(/images/site/pattern.png);} #reports #top .after:before ,#reports.internal #content .after:after{ width: 3000px} #reports #preview { z-index: 1;} #reports.internal main > .container { z-index:2; } #reports.internal main { background-image: url(/images/site/rectangle.png);} #reports .vertical_title.scroll-top {bottom: 135%;} #blog #articles .blog_post { margin-left: 60px;} #blog.internal main {background-position: center 715px;} #blog .vertical_title.scroll-top, #store .vertical_title.scroll-top {top:auto; bottom: 500px;} #blog aside .box.cats,#blog aside .box.arch { position: relative; left: 40px;} #blog .archives-wrapper li .content { display: none;} #blog .archives-wrapper li .title {cursor: pointer;font-family: 'Eurostile', sans-serif;font-weight: 800; letter-spacing: .08em;color: #2b364e; position: relative;} #blog .archives-wrapper li .title:before {position: absolute;top: 0;left: -25px;display: block;content: '';width: 15px;height: 15px;background: url(/images/site/plus_blue3.png) 0 0 no-repeat;} #blog .archives-wrapper { margin-left: 24px; margin-top: 20px;padding-left:0;} #blog .archives-wrapper li .content a { color: #1d1d1d;font-size: 17px;} #blog .archives-wrapper li .content ul { margin-top: 10px;padding-left:0;} #blog .archives-wrapper > li { margin-bottom: 25px !important; } #blog #pagination {padding-bottom: 4%;} #blog #pagination ul li .page-last-after { right: 50%; margin-right:110px; left: auto !important;} #blog #pagination ul li .page-last-after:after { width: 3000px;} #blog #pagination ul li.last-list {position: absolute; margin-left: 93px; } #blog #pagination ul li .page-first-after { left: 50%; margin-left:110px; right: auto !important;} #blog #pagination ul li .page-first-after:after { width: 3000px;} #blog #pagination ul li.first-list {position: absolute;margin-left: -270px;} #blog #feature .after:before { width: 3000px;} #blog.internal.detail .share ul li:first-child {margin-bottom: 0px;} #blog.detail #content ul li { list-style: none; position: relative;} #blog.detail #content ul li:before {content: '.'; position: absolute;left: -19px;top: -9px;font-size: 36px;color: #CC0000;} #blog.detail #reports .report .text { box-sizing: border-box; padding: 0 6%;} #blog.detail #reports .report .text h3 {font-size: 23px;} #blog.detail #reports .report .text h3 a {color:#2b364e} #blog.detail #reports .report .vertical_title {top:0;} #blog #feature .image:after { z-index: 2;} #blog.detail #top .image:before { z-index: 1;pointer-events:none;} #blog.events.landing .vertical_title.scroll-top {bottom: 33%;} #blog.events #feature #calendar_box td .day_event_popup { width: 140px; background: #f7f7f5 !important;} #consulting #top .image:after ,#team #feature .image:after{ z-index: 2;} #presentations .year-wrapper .year h3 a { color: #787878 ;} #presentations .year-wrapper .year h3.active a { color: #c90607;} #blog.internal.videos #top .image:after { display: none;} .qty_actual {display:none;} .qty_display {display: block;width: 45px;height: 45px;line-height: 45px;text-align: center;border: 1px solid #2b364e;font-family: 'Roboto Mono', monospace;text-transform: none;font-weight: 600;font-size: 21px;letter-spacing: 0;color: #2b364e;} .related_title {position:relative;} .related_title .after{right: -273px;top: -20px;float: left;border-radius: 5px;position: relative;display: inline-block;width: 6px;height: 6px;background: #fff;border: 2px solid #a3a3a4;} .related_title .after:after {position: absolute;left: 100%;top: 3px;display: block;content: '';width: 2000px;height: 2px;background: #a3a3a4;} .login_popup a {color: #cc0000 !important} .missing {color:#C8212A;font-family:"Work Sans";font-size:12px;font-weight:600;text-align: left;text-transform: none;margin-bottom:10px;} .missing img {max-width: 10px;margin-bottom: -1px;} .fieldEmpty {position: relative;} .fieldEmpty::after {content:"";background:url('/images/site/error-img.png') no-repeat;width:20px;height:20px;position:absolute;right:15px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .fieldFilled {position: relative;} .fieldFilled::after {content: "";background: url(/images/site/icon_check.svg);position: absolute;margin-top:3px;right: 15px;top: 50%;transform: translateY(-50%);width: 20px;-webkit-transform: translateY(-50%);height: 20px;background-repeat: no-repeat;} #registerForm span.error {text-align: left;display: block;color: red;margin-bottom: 10px;} .success_check {display: block;width: 30px;height: 30px;margin: 0 auto;background: url(/images/site/icon_check.svg) no-repeat;} article.report.article.equal_height.entry-2078 {display: none;} #brand2 {text-transform: uppercase; font-family: 'Work Sans', sans-serif; color: #2B364E; font-size: 14px; font-weight: 500;} /* Select 2 Theme */ .select2-container--login .select2-results{max-height: 350px !important;overflow: scroll;} .select2-container--login .select2-selection--single{display: block;width: 100%;padding: 0 15px;height:53px !important;box-sizing: border-box;font-size: 18px;font-family: 'Roboto Mono', monospace;font-weight: 700;color: #2b364e;letter-spacing: .05em;line-height: 50px;text-transform: uppercase;-webkit-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1);-moz-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1);box-shadow: -1px 2px 3px 0px rgba(208,208,208,1);border-top: 1px solid #F9F9F9;} .select2-container--login .select2-selection--single .select2-selection__rendered,.select2-container--login .select2-selection--single .select2-selection__placeholder{font-size: 18px !important;font-family: 'Roboto Mono', monospace !important;font-weight: 700 !important;color: #2b364e !important;letter-spacing: .05em !important;text-align:left !important;padding:0 !important;text-transform:uppercase !important;} .select2-container--login .select2-selection--single .select2-selection__arrow{height:50px;position:absolute;top:0px;right:1px;width:50px;background:url('/images/site/select-dropdown-arrow.png')} .select2-container--login .select2-selection--single .select2-selection__arrow b{display:none;} .select2-container--login .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700} .select2-container--login .select2-results__option {border-top:1px solid #f6f5f2;} .select2-container--login .select2-results__option:hover {background:#C90607;color:#FFF;} .select2-container--login .select2-selection--single .select2-selection__rendered {padding-right:50px !important;} /*New Search results Page*/ #search main {background: none;} #search .row {max-width: 1000px; width: 95%;} #search .row h2 {margin: 20px 0px 15px 50px; font-size: 30px; font-weight: 500;} #search .row hr {width: 75px; margin-left: 50px; border: 0 #e3e6e8 solid; border-top-width: 2px;} #search .row article {margin: 15px 20px 20px 50px;} #search .row article p {font-weight: 400; font-size: 14px; letter-spacing: .05em; margin-top: 5px;} /* PW Reset pages */ #forgot .input-field {margin: 15px 0px;} #forgot input[type="email"], #forgot input[type="password"], #forgot input[type="email"], #forgot input[type="text"] {display: block; width: 100%; max-width: 500px; padding: 15px; box-sizing: border-box; font-size: 18px; font-family: 'Roboto Mono', monospace; font-weight: 700; color: #2b364e; letter-spacing: .05em; line-height: 22px; text-transform: uppercase; -webkit-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); -moz-box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); box-shadow: -1px 2px 3px 0px rgba(208,208,208,1); border-top: 1px solid #F9F9F9;} #forgot input[type=submit] {cursor: pointer; margin-top: 35px; margin-bottom: 10px; color: #cc0000; display: inline-block; padding-right: 37px; background: url(/images/site/btn.png) right center no-repeat; padding-bottom: 4px; border-bottom: double #1d1d1d 4px; font-family: 'Roboto Mono', monospace; font-weight: 700; font-style: italic; font-size: 16px; letter-spacing: .08em;}