/* Theme Name: Infutor Description: Infutor Data Solutions Custom Theme Author: Damian Version: 1.0.0 */ /*------ Responsive Device Breakpoint Reference -------------------------------------*/ @media all and (max-width:599px) {} /* For Mobile Devices Only */ @media all and (min-width:600px) {} /* For Mobile - Tablet Portrait Up */ @media all and (min-width:900px) {} /* For Mobile - Tablet Landscape Up */ @media all and (min-width:1200px) {} /* For Desktop Up */ @media all and (min-width:1500px) {} /* For Mid Desktop Up */ @media all and (min-width:1800px) {} /* For Big Desktop Up */ /*-------------- Normalize ----------------------------------------------------------*/ html, body, div, ul, li, a, p, span, h1, h2, h3, h4, h5, h6, img, input, textarea {margin:0; padding:0; text-decoration:none; border:none; vertical-align:top; font-family: 'Open Sans', sans-serif; font-size:100%; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility !important; font-smoothing: antialiased !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-variant-ligatures: none; -webkit-font-variant-ligatures: none;} html, body {width:100%; min-width:250px; font-family: 'Open Sans', sans-serif; position:relative; overflow-x:hidden;} html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x:hidden;} a {background-color: transparent; -webkit-text-decoration-skip: objects; color:#00657f;} a:active, a:hover, a:visited {outline-width:0;} a:visited {color:#00657f;} sub, sup {font-size: 75%; line-height:0; position:relative; vertical-align:baseline;} sub {bottom: -0.25em;} sup {top: -0.5em;} audio, video {display: inline-block;} img {display:inline-block; font-size:16px; color:#535559; font-style:italic;} em {font-style:italic;} #breadcrumbs {font-size:14px; line-height:20px; margin:-70px 0 50px 0; color:#88888c; text-align:left;} #breadcrumbs a {color:#00b7c6;} #breadcrumbs a:hover {color:#00657f; text-decoration:underline;} #breadcrumbs .fa-angle-right {padding:0 8px;} ::selection {background:#00b7c6; color:#ffffff;} ::-moz-selection { background:#00b7c6; color:#ffffff;} .screen-reader-text {clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important;} .screen-reader-text:focus {background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;} .fade-this-in {position:relative; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;} #rotating-image, .rotate-large, .rotate-small {transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;} .parallax {transform:translate3d(0,0,0); transition: transform 0s linear; -o-transition: transform 0s linear; -moz-transition: transform 0s linear; -webkit-transition: transform 0s linear; will-change:transform;} .mover, .mover2 {position:relative; width:100%; max-width:550px; font-size:22px; text-align:center;} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .parallax {transition: all 0.02s linear;} } /*-------------- Popup Stuff --------------------------------------------------------*/ .popup-link {display:block; width:100%; height:auto; border-bottom:2px solid #00b7c6; border-top:2px solid #00b7c6; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; } .popup-link:hover {margin:-1% -1% 0% -1%; width:102%;} .popup-vid-overlay {display:none; position:fixed; top:0px; right:0px; bottom:0px; left:0px; width:100%; height:100vh; background:rgba(0,61,77,0.8); z-index:99999; text-align:center;} .popup-vid-close {position:absolute; top:0px; right:0px; width:100px; height:100px; color:#ffffff; font-size:70px; line-height:100px; text-align:center; cursor:pointer; z-index:999999;} .popup-vid-inner {width:80%; max-width:150vh; margin:auto; transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; position:relative; top:60%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);} .popup-vid-frame {position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:0px; width:100%; height:0; box-shadow:0px 20px 100px rgba(0,20,26,0.7);} .popup-vid-frame iframe {position:absolute; top:0; left:0; width:100%; height:100%;} /*-------------- Text and Inputs ----------------------------------------------------*/ h1 {font-weight:300; color:#00657f; padding:12px 0px 12px 0px; text-align:left;} h2 {font-weight:700; color:#c92027; padding:12px 0px 12px 0px; text-align:left;} h3 {font-weight:700; color:#981f62; padding:12px 0px 12px 0px; text-align:left;} h4 {font-weight:700; color:#00b7c6; padding:12px 0px 12px 0px; text-align:left;} h5 {font-weight:700; color:#f26b21; padding:12px 0px 12px 0px; text-align:left;} h6 {font-weight:700; color:#00657f; padding:12px 0px 12px 0px; text-align:left;} p {font-weight:400; padding:12px 0px 12px 0px; color:#6d6f73; text-align:justify;} p:empty {display: none;} ul, ol {padding:10px 0px 10px 20px;} li {font-weight:400; padding:12px 0px 12px 0px; color:#6d6f73; text-align:justify;} ul li, ol li {padding:10px 0px 10px 0px;} a {} .callout-quote-left {font-style:italic; font-weight:300; color:#88888c; margin:50px 0px 50px 0px; padding:10px 0px 10px 25px; text-align:right;} .callout-quote-right {font-style:italic; font-weight:300; color:#88888c; margin:50px 0px 50px 0px; padding:10px 25px 10px 0px; text-align:left;} .callout-quote-left span, .callout-quote-right span {font-weight:bold; color:#00b7c6;} strong {font-weight:700;} hr {border:none; height:1px; background:#cccccc; margin:50px 0px;} @media all and (min-width:900px) {hr {margin:80px 0px;}} @media all and (max-width:599px) { p, li {font-size:16px; line-height:28px;} h1 {font-size:36px; line-height:42px;} h2 {font-size:24px; line-height:30px;} h3 {font-size:20px; line-height:30px;} h4 {font-size:18px; line-height:28px;} h5 {font-size:18px; line-height:28px;} h6 {font-size:18px; line-height:28px;} } @media all and (min-width:600px) { p, li {font-size:16px; line-height:30px;} h1 {font-size:40px; line-height:46px;} h2 {font-size:30px; line-height:38px;} h3 {font-size:22px; line-height:32px;} h4 {font-size:20px; line-height:30px;} h5 {font-size:20px; line-height:30px;} h6 {font-size:20px; line-height:30px;} } @media all and (min-width:900px) { p, li {font-size:17px; line-height:32px;} h1 {font-size:42px; line-height:48px;} h2 {font-size:32px; line-height:40px;} h3 {font-size:24px; line-height:30px;} h4 {font-size:22px; line-height:30px;} h5 {font-size:22px; line-height:30px;} h6 {font-size:22px; line-height:30px;} } @media all and (min-width:1200px) { p, li {font-size:17px; line-height:32px;} h1 {font-size:44px; line-height:50px;} h2 {font-size:34px; line-height:40px;} h3 {font-size:26px; line-height:32px;} h4 {font-size:24px; line-height:30px;} h5 {font-size:24px; line-height:30px;} h6 {font-size:24px; line-height:30px;} } input[type="checkbox"] {float:left; width:20px; height:20px; display:inline-block; margin:5px 10px 0px 0px;} input[type="text"], input[type="tel"], input[type="email"] {height:38px; line-height:38px; font-size:16px; color:#00657f; border:1px solid #cccccc; width:99%; padding:0px 0px 0px 1%; background:none; margin:0px -1px 0px -1px; font-weight:400;} textarea {line-height:32px; height:120px; font-size:16px; color:#00657f; border:1px solid #cccccc; width:99%; padding:2px 0px 2px 1%; background:none; margin:0px -1px 0px -1px; font-weight:400;} input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus, select:focus {box-shadow:0px 0px 0px rgba(255,255,255,0.1); border:1px solid #00b7c6; outline:none;} ::-webkit-input-placeholder {opacity:0.8 !important; font-weight:400 !important; letter-spacing:1px !important;} :-moz-placeholder {opacity:0.8 !important; font-weight:400 !important; letter-spacing:1px !important;} ::-moz-placeholder {opacity:0.8 !important; font-weight:400 !important; letter-spacing:1px !important;} :-ms-input-placeholder {opacity:0.8 !important; font-weight:400 !important; letter-spacing:1px !important;} input[type="submit"], button[type="submit"] {font-size:20px; font-weight:700; color:#ffffff; background:#c92027; padding:5px 20px; border-radius:40px; display:inline-block; margin:15px 0px 0px 0px; vertical-align:middle; border:2px solid #c92027; cursor:pointer; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;} input[type="submit"]:hover, button[type="submit"]:hover {background:#ffffff; color:#c92027;} input[type="submit"]:focus, button[type="submit"]:focus {box-shadow:none; border:2px solid #c92027; outline:none;} select {cursor:pointer;} .wpcf7-response-output {font-size:16px; margin:20px 0px 20px 0px !important; padding:15px !important;} .wpcf7-not-valid-tip {font-size:16px !important; top:0px !important; left:0px !important; width:99%; height:35px; line-height:35px; margin:0px -1px !important; padding:0px 0px 0px 1% !important;} .bottom-cta {text-align:center; font-size:0px;} .bottom-cta h4 {color:#ffffff; text-align:center; font-weight:300;} @media all and (max-width:599px) {.bottom-cta h4 {font-size:35px; line-height:41px;}} @media all and (min-width:600px) {.bottom-cta h4 {font-size:38px; line-height:44px;}} @media all and (max-width:900px) {.bottom-cta {padding-bottom:30px;}} @media all and (min-width:900px) {.bottom-cta h4 {font-size:41px; line-height:47px;}} @media all and (min-width:1200px) {.bottom-cta h4 {font-size:44px; line-height:50px;}} .bottom-cta .hidden-form {} .bottom-cta input[type="text"], .bottom-cta input[type="email"], .bottom-cta input[type="tel"], .bottom-cta textarea {width:99%; height:40px !important; line-height:40px !important; margin:30px 0px 0px 0px; padding:0px 0px 0px 1%; border-bottom:1px solid #ffffff !important; border-top:none !important; border-right:none !important; border-left:none !important; display:inline-block !important; color:#ffffff !important; font-size:20px !important; overflow:hidden !important;} @media all and (min-width:900px) {.bottom-cta input[type="text"], .bottom-cta input[type="email"], .bottom-cta input[type="tel"], .bottom-cta textarea {margin:55px 0px 0px 0px}} .bottom-cta input[type="submit"], .bottom-cta button[type="submit"] {background:none; border:2px solid #ffffff; margin:40px auto 0px auto; padding:7px 20px 8px 20px; display:inline-block;} .bottom-cta input[type="submit"]:hover, .bottom-cta button[type="submit"]:hover {background:#ffffff; color:#00b7c6;} .bottom-cta .ajax-loader {position:absolute; top:5px; left:50%; margin:0px 0px 0px -8px;} .bottom-cta ::-webkit-input-placeholder {opacity:0.8 !important; font-weight:400 !important; letter-spacing:1px !important; color:#ffffff !important;} .bottom-cta :-moz-placeholder {opacity:0.8 !important; font-weight:400 !important; letter-spacing:1px !important; color:#ffffff !important;} .bottom-cta ::-moz-placeholder {opacity:0.8 !important; font-weight:400 !important; letter-spacing:1px !important; color:#ffffff !important;} .bottom-cta :-ms-input-placeholder {opacity:0.8 !important; font-weight:400 !important; letter-spacing:1px !important; color:#ffffff !important;} .bottom-cta .wpcf7-not-valid {} .bottom-cta .wpcf7-not-valid-tip {color:#ffffff; display:inline-block; background:#981f62 !important;} .cta-button {font-size:20px; font-weight:bold; color:#ffffff; background:#00b7c6; padding:5px 20px; border-radius:40px; display:inline-block; vertical-align:middle; border:2px solid #ffffff; margin:10px auto 0px auto; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;} .cta-button:visited {color:#ffffff;} .cta-button:hover {background:#ffffff; color:#00b7c6;} .bottom-cta .wpcf7-response-output {color:#ffffff; font-size:20px; margin:20px 0px 0px 0px !important;} .bottom-cta div.wpcf7-mail-sent-ok {font-size:30px !important; background:#00657f; border:2px solid #ffffff !important;} .bottom-cta .mktoFormCol {width:50% !important;} @media all and (max-width:500px) { .bottom-cta .mktoFormCol {width:100% !important;} } .download-cta {text-align:center; font-size:0px; color:#ffffff; font-weight:300;} @media all and (max-width:599px) {.download-cta h4 {font-size:35px; line-height:41px;}} @media all and (min-width:600px) {.download-cta h4 {font-size:38px; line-height:44px;}} @media all and (max-width:900px) {.download-cta {padding-bottom:30px;}} @media all and (min-width:900px) {.download-cta h4 {font-size:41px; line-height:47px;}} @media all and (min-width:1200px) {.download-cta h4 {font-size:44px; line-height:50px;}} .download-cta .hidden-download-form {} .download-cta input[type="text"], .download-cta input[type="email"], .download-cta input[type="tel"] {width:99%; height:40px; line-height:40px; margin:30px 0px 0px 0px; border-bottom:1px solid #00657f; border-top:none; border-right:none; border-left:none; padding:0px 0px 0px 1%; display:inline-block; color:#00657f; font-size:20px;} @media all and (min-width:900px) {.download-cta input[type="text"], .download-cta input[type="email"], .download-cta input[type="tel"] {margin:55px 0px 0px 0px;}} .download-cta input[type="submit"] {background:none; border:2px solid #00b7c6; margin:40px auto 0px auto; padding:7px 20px 8px 20px; display:inline-block; color:#00b7c6;} .download-cta input[type="submit"]:hover {background:#00b7c6; color:#ffffff;} .download-cta .ajax-loader {position:absolute; top:5px; left:50%; margin:0px 0px 0px -8px;} .download-cta ::-webkit-input-placeholder {opacity:0.8 !important; font-weight:400 !important; letter-spacing:1px !important; color:#00657f !important;} .download-cta :-moz-placeholder {opacity:0.8 !important; font-weight:400 !important; letter-spacing:1px !important; color:#00657f !important;} .download-cta ::-moz-placeholder {opacity:0.8 !important; font-weight:400 !important; letter-spacing:1px !important; color:#00657f !important;} .download-cta :-ms-input-placeholder {opacity:0.8 !important; font-weight:400 !important; letter-spacing:1px !important; color:#00657f !important;} .download-cta .wpcf7-not-valid {} .download-cta .wpcf7-not-valid-tip {color:#ffffff; display:inline-block; background:#981f62 !important;} .cta-download-button {font-size:20px; font-weight:bold; color:#ffffff; background:#00b7c6; padding:5px 20px; border-radius:40px; display:inline-block; vertical-align:middle; border:2px solid #ffffff; margin:10px auto 0px auto; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;} .cta-download-button:visited {color:#ffffff;} .cta-download-button:hover {background:#ffffff; color:#00b7c6; text-decoration:none !important;} .download-cta .wpcf7-response-output {color:#00657f; font-size:20px; margin:20px 0px 0px 0px !important;} .download-cta div.wpcf7-mail-sent-ok {font-size:30px !important; background:#00657f; border:2px solid #ffffff !important;} .careers-button {font-size:20px; font-weight:bold; color:#ffffff; background:#00b7c6; padding:5px 20px; border-radius:40px; display:inline-block; vertical-align:middle; border:2px solid #ffffff; margin:10px auto 0px auto; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;} .careers-button:visited {color:#ffffff;} .careers-button:hover {background:#ffffff; color:#00b7c6;} /*-------------- Navigation ---------------------------------------------------------*/ .side-nav a, .side-nav ul li, .side-nav ul li a { transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; } .main-nav {position:fixed; top:0px; right:0px; left:0px; height:70px; width:100%; min-width:200px; max-width:100%; z-index:9999; text-align:right; font-size:0px; background: #006680; -webkit-backface-visibility: hidden; background: -moz-linear-gradient(top, rgba(0,98,122,0.95) 0%, rgba(0,114,143,0.95) 100%); background: -webkit-linear-gradient(top, rgba(0,98,122,0.95) 0%, rgba(0,114,143,0.95) 100%); background: linear-gradient(to bottom, rgba(0,98,122,0.95) 0%, rgba(0,114,143,0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00627a', endColorstr='#00728f', GradientType=0 );} .main-nav .red-stripe {display:block; position:absolute; top:0px; left:5px; width:70px; height:70px; margin:0px 0px 0px 0px;} .main-nav .nav-logo {float:left; width:123px; height:auto; padding:20px 10px 14px 70px;} .main-nav .nav-logo img {width:100%; height:auto;} .main-nav ul {list-style-type:none; text-align:right; display:inline-block; padding:0px; position:relative;} .main-nav ul li {display:inline-block; height:80px; padding:0px; position:relative;} /*-- .main-nav .menu-mainnav-container > ul > li:before {content:"╲╱"; position:absolute; bottom:6px; left:50%; font-size:8px; width:16px; margin:0px 0px 0px -8px; color:#ffffff; line-height:8px; opacity:0.3; font-weight:bold; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;} .main-nav .menu-mainnav-container > ul > li:hover:before {content:"╲╱"; position:absolute; bottom:-4px; left:50%; font-size:8px; width:16px; margin:0px 0px 0px -8px; color:#ffffff; line-height:8px; opacity:0;} --*/ .main-nav ul li:hover {} .main-nav ul li a {font-size:16px; height:60px; line-height:20px; display:block; color:#ffffff; padding:20px 25px 0px 25px; text-align:center;} .main-nav ul.menu > li > a {cursor:default;} .main-nav ul > li:hover > a {border-bottom:3px solid #c92027; height:57px;} .main-nav ul li ul {display:block; position:absolute; top:100%; left:0px; opacity:0; width:220px; background:rgba(83,85,89,0.98); padding:0px; text-align:left; box-shadow:1px 8px 40px rgba(0,0,0,0.2); -moz-box-shadow:1px 8px 40px rgba(0,0,0,0.2); -webkit-box-shadow:1px 8px 40px rgba(0,0,0,0.2); transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;} .main-nav ul > li:hover > ul {opacity:1; padding:0px 0px;} .main-nav ul li ul li {display:block; position:relative; height:auto; width:100%; text-align:left;} .main-nav ul li ul li:hover {border-bottom:none; height:auto; background:#c92027;} .main-nav ul li ul li a {font-size:16px; height:0px; line-height:0px; display:block; width:77%; color:#ffffff; padding:0px 15% 0px 8%; border:none; overflow:hidden; text-align:left;} .main-nav ul li:hover ul li a {height:auto; line-height:22px; padding:15px 15% 15px 8%; position:relative;} .main-nav ul li:hover ul li a.hassub {width:77% !important; padding:15px 15% 15px 8% !important;} /*-- .main-nav ul li:hover ul li a.hassub:before {content:"\25BA"; float:right; font-weight:bold; margin:0px 5px 0px 10px; color:#e5e5e5;} --*/ .main-nav ul li:hover ul li a.hassub:before {content:''; width:8px; height:16px; position:absolute; top:50%; right:6px; font-weight:bold; margin:-9px 0px 0px 0px; background:url(/wp-content/uploads/2018/04/nav_arrow_right.png); background-size:100% 100%;} .main-nav ul > li > ul > li:hover > a {color:#ffffff; height:auto; border:none;} .main-nav ul li ul br {display:none;} .main-nav ul li ul li ul {display:block; position:absolute; top:0px; left:100%; width:0px; height:auto; background:rgba(102,105,110,0.97); overflow:hidden; padding:0px 0px; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;} .main-nav ul li ul li:hover ul {width:200px;} .main-nav ul li ul li ul li {display:block; height:auto; width:100%;} .main-nav ul li ul li ul li:hover {border-bottom:none; height:auto; background:#c92027;} .main-nav ul li ul li ul li a {font-size:16px; line-height:22px; display:block; color:#ffffff; padding:15px 15px; width:170px;} .main-nav ul li:hover ul li ul li a {padding:15px 15px;} .main-nav ul li ul li ul li:hover a {color:#ffffff;} #hamburger {color:#ffffff; float:right; height:64px; width:70px; margin:0px 0px 0px 10px; padding:6px 0px 0px 0px; font-size:40px; background:#c92027; text-align:center; position:relative;} .hamburger-inner {opacity:0; position:absolute; top:0px; right:0px; bottom:0px; left:0px; padding:6px 0px 0px 0px; background:#c92027; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;} #hamburger:hover .hamburger-inner {opacity:1;} .side-nav {position:absolute; top:0px; right:-300px; z-index:99999; width:300px; min-height:100%; background: rgb(0,112,140); background: -moz-linear-gradient(left, rgba(0,112,140,1) 0%, rgba(0,92,115,1) 100%); background: -webkit-linear-gradient(left, rgba(0,112,140,1) 0%, rgba(0,92,115,1) 100%); background: linear-gradient(to right, rgba(0,112,140,1) 0%, rgba(0,92,115,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00708c', endColorstr='#005c73', GradientType=1 ); transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;} .side-nav br {display:none;} .side-nav .topspacer {padding:25px; font-size:0px;} .side-nav .topspacer.stick {position:fixed; top:0px;} .side-nav a {display:inline-block; font-size:15px; font-weight:700; line-height:20px; color:#ffffff; padding:10px 5px;} .side-nav a:hover {color:#00b8c7;} .side-nav ul {list-style-type:none; text-align:left; margin:12px 0px 0px 0px; padding:0px 0px 0px 0px;} .side-nav ul li {display:block; border-top:1px solid rgba(255,255,255,0.2); padding:0px 0px 0px 0px; text-align:left;} .side-nav ul li:hover {} .side-nav ul li a {font-size:16px; font-weight:600; line-height:20px; color:#ffffff; width:240px; margin:0px -25px; padding:10px 30px;} .side-nav ul li.current-menu-ancestor > a {border-left:6px solid #00b7c6; padding:10px 35px 10px 24px !important;} .side-nav ul li ul li.current-menu-parent > a {border-left:12px solid #00b7c6; padding:10px 30px 10px 33px !important;} .sidenav-active {background:#00586e;} .side-nav ul li a:hover {background:rgba(255,255,255,0.1);} .notactive:before {content:"+"; float:right; font-weight:bold; color:#ffffff;} .isactive:before {content:"\2013"; float:right; font-weight:bold; color:#ffffff;} .side-nav ul li ul {display:none; background:#00586e; margin:0px -25px 0px -25px; padding:5px 25px 15px 25px;} .side-nav ul li ul li {border-top:none;} .side-nav ul > li.current-menu-ancestor > ul {border-left:6px solid #00b7c6; padding:5px 25px 15px 19px;} .side-nav ul li ul li a {padding:10px 30px 10px 45px; font-weight:300; width:225px;} .side-nav ul li.current-menu-ancestor ul li a {} .side-nav ul li ul li.current-menu-item > a {font-weight:800; color:#00b7c6; border-left:12px solid #00b7c6; padding:10px 30px 10px 33px !important;} .side-nav ul li ul li ul {background:rgba(0,0,0,0.1); padding:5px 25px 5px 19px;} .side-nav ul li.current-menu-ancestor ul li ul {padding:5px 25px 5px 19px;} .side-nav ul li ul li ul li {} .side-nav ul li ul li ul li a {margin:0px -25px 0px -19px;} .side-nav .side-search {clear:both; padding:15px 0px 15px 0px;} .side-nav .side-search-link {color:#00b8c7;} .side-nav .side-search-link:hover {color:#ffffff;} .side-nav .searchform {font-size:0px; text-align:center;} .side-nav input[type="text"] {display:inline-block; width:165px; padding:0px 0px 0px 10px; vertical-align:middle; color:#ffffff; font-size:16px; margin:0px 0px 0px 0px; border-top-left-radius:20px; border-bottom-left-radius:20px;} .side-nav input[type="submit"] {display:inline-block; width:68px; vertical-align:middle; margin:0px 0px 0px 0px; font-size:16px; font-weight:400; background:#00b7c6; border:none; padding:9px 0px; border-top-left-radius:0px; border-bottom-left-radius:0px; border-top-right-radius:20px; border-bottom-right-radius:20px;} a.sn-top-links {display:inline-block; width:25%; font-size:22px; text-align:center; color:#00b7c6; padding:5px 0px 5px 0px; margin:20px 0px 0px 0px;} a.sn-top-links:hover {color:#ffffff;} a.sn-top-links .sn-hover-text {position:absolute; top:-32px; left:0px; right:0px; width:300px; height:30px; overflow:hidden; opacity:0; z-index:1; color:#ffffff; font-weight:400; font-size:15px; line-height:35px; text-transform:uppercase; transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;} a.sn-top-links:hover .sn-hover-text {opacity:1; top:0px; z-index:2;} a.sn-top-links .sn-hover-line {position:absolute; top:32px; left:300px; background:#00b7c6; height:1px; width:300px;} a.sn-top-links:hover .sn-hover-line {left:0px;} .nav-overlay {opacity:0; position:absolute; top:0px; right:0px; bottom:0px; left:0px; width:1px; z-index:99998; background:rgba(255,255,255,0.85); transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out;} a.up-arrow {position:fixed; right:15px; bottom:15px; z-index:99997; width:45px; height:40px; padding:5px 0px 0px 0px; color:#ffffff; text-align:center; font-size:25px; background:#006680; border-radius:50%; border:2px solid #ffffff; display:none; box-shadow:2px 12px 30px rgba(0,56,70,0.3); -o-box-shadow:2px 12px 30px rgba(0,56,70,0.3); -moz-box-shadow:2px 12px 30px rgba(0,56,70,0.3); -webkit-box-shadow:2px 12px 30px rgba(0,56,70,0.3);} a.up-arrow:hover {color:#006680; background:#ffffff; border:2px solid #006680;} @media all and (max-width:400px) { .main-nav .red-stripe {display:none;} .main-nav .nav-logo {padding:20px 0px 14px 4%;}} @media all and (max-width:599px) {.main-nav ul {display:none;}} @media all and (min-width:600px) { .main-nav ul {display:none;} .main-nav{height:80px;} .main-nav .nav-logo {padding:24px 10px 14px 80px;} .main-nav .red-stripe {width:80px; height:80px;} #hamburger{height:68px; width:80px; padding:12px 0px 0px 0px;} .hamburger-inner {padding:12px 0px 0px 0px;}} @media all and (min-width:900px) {.main-nav ul {display:none;}} @media all and (min-width:1200px) {.main-nav ul {display:inline-block;} .main-nav ul li a {font-size:14px; padding:20px 22px 0px 22px;} .main-nav ul li ul li a {font-size:14px;} .main-nav ul li ul li ul li a {font-size:14px; width:150px;} .main-nav ul li ul{width:190px;} .main-nav ul li ul li:hover ul {width:180px;}} @media all and (min-width:1500px) { .main-nav ul li a {font-size:15px; padding:20px 28px 0px 28px;} .main-nav ul li ul li a {font-size:15px;} .main-nav ul li ul li ul li a {font-size:15px; width:160px;} .main-nav ul li ul{width:210px;} .main-nav ul li ul li:hover ul {width:190px;}} @media all and (min-width:1800px) { .main-nav ul li a {font-size:16px; padding:20px 36px 0px 36px;} .main-nav ul li ul li a {font-size:15px;} .main-nav ul li ul li ul li a {font-size:15px; width:170px;} .main-nav ul li ul{width:220px;} .main-nav ul li ul li:hover ul {width:200px;}} /*-------------- Home ---------------------------------------------------------------*/ .home-banner-callout {width:100%; background:rgba(152,31,98,0.85); position:absolute; bottom:0px; left:0px; z-index:2; border-top:2px solid #ffffff;} .home-banner-callout p {text-align:center; color:#ffffff; padding:6px 10px 40px 10px; margin:5px auto; font-size:18px; line-height:28px; font-weight:300;} .home-banner-callout p .call-line1 {font-size:30px; line-height:30px; text-transform:uppercase;} .home-banner-callout p .call-line2 {font-size:18px; line-height:18px; font-weight:400; display:block; margin:0px auto;} .home-banner-callout p a {font-size:18px; line-height:18px; font-weight:400; color:#ffffff; border-bottom:1px solid #ffffff; vertical-align:baseline;} @media all and (max-width:800px) { .home-banner-callout p {line-height:22px; padding:6px 10px 35px 10px;} .home-banner-callout p .call-line1 {font-size:26px; line-height:26px;} .home-banner-callout p .call-line2 {font-size:16px; line-height:20px;} .home-banner-callout p a {font-size:16px; line-height:16px;} } @media all and (min-width:700px) { .home-banner-callout p .breaker {display:none;} } @media all and (max-width:650px) { .home-banner-callout p .call-line1 {font-size:22px; line-height:26px;} .home-banner-callout p .call-line2 {max-width:350px;} } @media all and (max-width:550px) { .home-banner-callout p .lillines {display:none;} } @media all and (min-width:550px) { .home-banner-callout p .breaker2 {display:none;} } .hero-image {width:100%; text-align:center; overflow:hidden; position:relative;} .hero-image .banner-text {position:relative; top:160px; text-align:left; z-index:2; width:100%; max-width:1460px; margin:0px auto;} .hero-image .banner-text h1 {width:88%; max-width:540px; line-height:1px; font-size:0px; padding:25px 6% 25px 6%;} .hero-image .banner-text h1 .line1 {font-size:48px; font-weight:400; line-height:46px; color:#c92027;} .hero-image .banner-text h1 .line2 {font-size:74px; font-weight:700; line-height:70px; color:#c92027;} .hero-image .banner-text h1 .line3 {font-size:24px; font-weight:400; line-height:36px; color:#6d6f73;} .hero-image .banner-text h1 .line4 {font-size:28px; font-weight:700; line-height:38px; color:#006680;} .hero-image .inner {position:absolute; top:1px; right:0px; bottom:0px; left:0px; z-index:1; overflow:hidden; width:100%; height:auto; margin:0px auto; background:url("/wp-content/uploads/2018/05/MainBanner-v3sm.jpg"); background-position:top center; background-size:auto 100%; background-repeat:no-repeat;} @media all and (max-width:1100px) {.hero-image .banner-text h1 {background:rgba(255,255,255,0.8);}} @media all and (max-width:800px) { .hero-image .banner-text h1 .line1 {font-size:6vw; line-height:6.1vw;} .hero-image .banner-text h1 .line2 {font-size:9.2vw; line-height:8.5vw;} .hero-image .banner-text h1 .line3 {font-size:3vw; line-height:4.6vw;} .hero-image .banner-text h1 .line4 {font-size:3.5vw; line-height:4.8vw;} } @media all and (max-width:340px) { .hero-image .banner-text h1 .line3 br {display:none;}} @media all and (max-width:450px) {.hero-image .inner {background-position:-620px 0px;}} @media all and (max-width:599px) { .hero-image {height:550px;} .hero-image .banner-text h1 {} .hero-image .banner-text h1 .line1 {font-size:6.4vw; line-height:6.5vw;} .hero-image .banner-text h1 .line2 {font-size:9.6vw; line-height:8.9vw;} .hero-image .banner-text h1 .line3 {font-size:15px; line-height:24px;} .hero-image .banner-text h1 .line4 {font-size:16px; line-height:24px;} } @media all and (min-width:600px) { .hero-image .banner-text {top:220px;} .hero-image .banner-text h1 {padding:25px 3% 25px 3%;} .hero-image {height:660px;} } @media all and (min-width:700px) { .hero-image {height:680px;} } @media all and (min-width:800px) { .hero-image {height:700px;} } @media all and (min-width:1000px) { .hero-image {height:720px;} } .top-headline {width:94%; padding:90px 3% 70px 3%; margin:0px auto;} .top-headline h2 {text-align:center; line-height:28px;} .top-headline h2 .line1 {font-size:18px; line-height:22px; font-weight:700; color:#006680;} .top-headline h2 .line2 {font-size:15px; line-height:20px; font-weight:400; color:#6d6f73; max-width:830px;} .top-headline h2 .text-rotate {color:#c92027;} #text-rotate {position:relative; top:0px; display:inline-block; white-space:nowrap; height:1em;} @media all and (min-width:1280px) {.top-headline .breaker {display:none;}} @media all and (max-width:599px) { .top-headline { padding:60px 3% 0px 3%; } } @media all and (min-width:600px) { .top-headline h2 .line1 {font-size:34px; line-height:46px;} .top-headline h2 .line2 {font-size:22px; line-height:28px;} } @media all and (max-width:900px) {.top-headline h2 .line2 .linebreak {display:none;}} .featured-services {width:100%; font-size:0px;} .featured-services .container {width:96%; max-width:1500px; height:auto; padding:60px 2%; margin:0px auto;} .featured-services .all-services {width:96%; margin:25px 2%; border-radius:10px; border-top:4px solid #00b7c6; display:inline-block; font-size:16px; color:#ffffff; position:relative; /* background: rgb(0,122,153); background: -moz-linear-gradient(-45deg, rgba(0,122,153,0.9) 0%, rgba(0,86,107,0.9) 100%); background: -webkit-linear-gradient(-45deg, rgba(0,122,153,0.9) 0%, rgba(0,86,107,0.9) 100%); background: linear-gradient(135deg, rgba(0,122,153,0.9) 0%, rgba(0,86,107,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007a99', endColorstr='#00566b', GradientType=1 ); */ box-shadow:5px 22px 85px -10px rgba(0,50,62,0.5); -o-box-shadow:5px 22px 85px -10px rgba(0,50,62,0.5); -moz-box-shadow:5px 22px 85px -10px rgba(0,50,62,0.5); -webkit-box-shadow:5px 22px 85px -10px rgba(0,50,62,0.5);} .featured-services .all-services:hover {border-top:4px solid #00b7c6;} .featured-services .service1 {background: rgb(0,85,107); background: -moz-linear-gradient(45deg, rgba(0,85,107,0.9) 0%, rgba(0,111,139,0.9) 100%); background: -webkit-linear-gradient(45deg, rgba(0,85,107,0.9) 0%,rgba(0,111,139,0.9) 100%); background: linear-gradient(45deg, rgba(0,85,107,0.9) 0%,rgba(0,111,139,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00556b', endColorstr='#006f8b',GradientType=1 );} .featured-services .service2 {background: rgb(0,104,130); background: -moz-linear-gradient(45deg, rgba(0,104,130,0.9) 0%, rgba(0,118,148,0.9) 100%); background: -webkit-linear-gradient(45deg, rgba(0,104,130,0.9) 0%,rgba(0,118,148,0.9) 100%); background: linear-gradient(45deg, rgba(0,104,130,0.9) 0%,rgba(0,118,148,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006882', endColorstr='#007694',GradientType=1 );} .featured-services .service3 {background: rgb(0,86,107); background: -moz-linear-gradient(45deg, rgba(0,86,107,0.9) 0%, rgba(0,100,125,0.9) 100%); background: -webkit-linear-gradient(45deg, rgba(0,86,107,0.9) 0%,rgba(0,100,125,0.9) 100%); background: linear-gradient(45deg, rgba(0,86,107,0.9) 0%,rgba(0,100,125,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00566b', endColorstr='#00647d',GradientType=1 );} .featured-services .service4 {background: rgb(0,93,116); background: -moz-linear-gradient(45deg, rgba(0,93,116,0.9) 0%, rgba(0,118,148,0.9) 100%); background: -webkit-linear-gradient(45deg, rgba(0,93,116,0.9) 0%,rgba(0,118,148,0.9) 100%); background: linear-gradient(45deg, rgba(0,93,116,0.9) 0%,rgba(0,118,148,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005d74', endColorstr='#007694',GradientType=1 );} .featured-services .all-services .service-image {width: 310px; height:260px; margin:20px 20px 20px 0px; float:left; vertical-align:middle; text-align:center;} .featured-services .all-services .service-image img {display:block;} .featured-services .all-services .service-image1 img {width:70%; height:auto; margin:25px auto 25px auto;} .featured-services .all-services .service-image2 img {width:75%; height:auto; margin:25px auto 25px auto;} .featured-services .all-services .service-image3 img {width:67%; height:auto; margin:20px auto 20px auto;} .featured-services .all-services .service-image4 img {width:66%; height:auto; margin:16px auto 16px auto;} .featured-services .all-services p {padding:50px 3% 20px 0px; color:#ffffff; text-align:left;} .featured-services .learnmore {position:absolute; bottom:30px; right:30px; display:inline-block; padding:10px 20px; border:1px solid #ffffff; border-radius:20px; color:#ffffff; font-size:14px; line-height:14px; font-weight:400; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;} .featured-services .learnmore:hover {background:#ffffff; color:#006680;} .featured-services .learnmore .link-plus {opacity:0; font-size:0px; font-weight:300; float:right; margin:-1px -5px 0px 0px; vertical-align:middle; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;} .featured-services .learnmore:hover .link-plus {opacity:1; font-size:29px; padding:0px 0px 0px 8px;} @media all and (max-width:599px) { .featured-services .all-services .service-image{float:none; width:50%; height:auto; margin:50px auto 0px auto;} .featured-services .all-services p{padding:10px 3% 20px 3%; text-align:center;} .featured-services .learnmore {position:relative; margin:0px auto; bottom:0px; right:0px;} } @media all and (min-width:600px) { .featured-services .all-services{width:96%; max-width:740px;} .featured-services .all-services .service-image {width:20%; height:auto; min-width:200px;} .featured-services .all-services .service-image img {} } @media all and (min-width:900px) { .featured-services .all-services{width:96%; max-width:740px;} .featured-services .all-services .service-image {width:20%; height:auto; min-width:300px;} } @media all and (min-width:1200px) { .featured-services .all-services{min-height:300px; max-height:300px; width:46%; margin:25px 2%;} .featured-services .all-services .service-image {width:45%; height:auto; min-width:200px; margin:30px 5px 20px -5px;} } @media all and (min-width:1400px) { .featured-services .all-services {min-height:310px; max-height:310px;} .featured-services .all-services .service-image {width:310px; margin:30px 0px 20px -10px; float:left;} } @media all and (min-width:1600px) { .featured-services .all-services {min-height:280px;} } .bottom-headline {width:100%; margin:0px; overflow:hidden; padding:100px 0px 90px 0px;} .bottom-headline h3 {width:94%; max-width:1000px; padding:0px 3% 10px 3%; margin:0px auto; text-align:center;} .bottom-headline h3 .line1 {font-size:18px; line-height:22px; font-weight:700; color:#006680;} .bottom-headline h3 .line2 {font-size:15px; line-height:20px; font-weight:400; color:#6d6f73;} .bottom-headline .callout {font-weight:700; color:#c92027;} @media all and (max-width:599px) { .bottom-headline {padding:40px 0px 60px 0px;} } @media all and (min-width:600px) { .bottom-headline h3 .line1 {font-size:34px; line-height:40px;} .bottom-headline h3 .line2 {font-size:22px; line-height:28px;} } .vid-section {width:100%; background:#00b7c6; text-align:center; font-size:0px; margin:60px auto 90px auto; min-height:300px; position:relative;} .vid-section-container {position:relative; width:650px; max-width:80%; margin:-25px auto;} .vid-section-inner {position:absolute; top:0px; left:0px; padding-top:56.25%; width:100%; height:0px; overflow:hidden; margin:-25px auto; z-index:5; box-shadow:4px 17px 55px rgba(0,0,0,0.2); -moz-box-shadow:4px 17px 55px rgba(0,0,0,0.2); -webkit-box-shadow:4px 17px 55px rgba(0,0,0,0.2);} .vid-section-inner iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;} .vid-section-move {position:absolute; top:0px; right:0px; bottom:0px; left:0px; width:100%; height:100%; background:url(/wp-content/uploads/2018/05/busy-mall-background.jpg); overflow:hidden; z-index:4;} .vid-section-inside {position:absolute; top:0px; left:0px; margin:-25px auto; width:100%; z-index:5; box-shadow:4px 17px 55px rgba(0,0,0,0.2); -moz-box-shadow:4px 17px 55px rgba(0,0,0,0.2); -webkit-box-shadow:4px 17px 55px rgba(0,0,0,0.2);} .stats-section {width:94%; max-width:1400px; padding:40px 3% 0px 3%; margin:0px auto 0px auto; position:relative; z-index:60; min-height:300px;} .stats-section .maintext {width:96%; padding:60px 0px 20px 0px; float:none; margin:0px auto;} .stats-section .maintext h2 {font-weight:400; color:#c92027; padding:0px 0px 20px 0px;} .stats-section .maintext p {} .stats-section .circles {float:none; width:82%; margin:0px 0px 0px 15%; padding:0px;} .stats-section .circlebox {clear:both; min-height:150px;} .stats-section .circlebox p {padding:50px 0px 0px 0px; text-align:left;} .stats-section .circlebox .emphasis {font-weight:700; color:#00657f;} .stats-section .statcircles {width:150px; height:118px; border-radius:50%; border:2px solid #00b8c7; text-align:center; float:left; font-size:60px; color:#c92027; font-weight:700; padding:32px 0px 0px 0px; background:#ffffff; box-shadow:10px 30px 70px rgba(0,31,38,0.1); -o-box-shadow:10px 30px 70px rgba(0,31,38,0.1); -moz-box-shadow:10px 30px 70px rgba(0,31,38,0.1); -webkit-box-shadow:10px 30px 70px rgba(0,31,38,0.1);} .stats-section .circle1 {margin:0px 50px 20px -78px;} .stats-section .circle2 {margin:20px 50px 20px -78px;} .stats-section .circle3 {margin:20px 50px 0px -78px;} @media all and (max-width:599px) { .stats-section {padding:0px 3% 0px 3%;} .stats-section .maintext {padding:20px 0px 20px 0px;} } @media all and (min-width:1100px) { .stats-section {padding:80px 3% 0px 3%;} .stats-section .maintext {width:42%; padding:80px 0px 0px 0px; float:left;} .stats-section .circles {float:right; width:40%; padding:0px; border-left:2px solid #00b7c6; margin-left:-2px;} } @media all and (max-width:700px) { .stats-section .circlebox p {max-width:400px; text-align:center; margin:0px auto;} .stats-section .circles {width:96%; border-left:none; margin:0px auto;} .stats-section .statcircles {float:none; margin:80px auto 0px auto;} .stats-section .circlebox p {padding:30px 0px 0px 0px;} } .call-to-action {min-height:950px; position:relative; margin:0px 0px 0px 0px; padding:350px 0px 0px 0px; background:url("/wp-content/uploads/2018/05/home-lower-image-v2.jpg"); background-size:100% auto; background-position:center bottom; background-repeat:no-repeat;} .call-to-action .container {width:94%; max-width:1200px; margin:0px auto; padding:100px 3%; position:relative; z-index:55;} .call-to-action h2 {font-weight:400; color:#006680; text-align:center;} .call-to-action h3 {font-size:32px; line-height:40px; font-weight:700; color:#54565a; display:inline-block; padding:20px 0px 0px 0px; text-align:center;} .main-button {font-size:20px; font-weight:bold; color:#ffffff; background:#c92027; padding:5px 20px; border-radius:40px; display:inline-block; vertical-align:middle; border:2px solid #c92027; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;} .main-button:visited {color:#ffffff;} .main-button:hover {background:#ffffff; color:#c92027; text-decoration:none !important;} .cta-gradient {position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:50; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );} @media all and (min-width:1000px) { .call-to-action h2 {font-size:34px; line-height:46px; text-align:left;} .call-to-action h3 {font-size:42px; text-align:left;} } @media all and (max-width:1700px) {.call-to-action {background-size:1700px auto;}} @media all and (max-width:1200px) { .call-to-action {clear:both; min-height:600px; background-size:1700px auto; padding:0px 0px 0px 0px;} .call-to-action .container {padding:100px 3% 500px 3%;}} /*-------------- Pages --------------------------------------------------------------*/ .page-header {position:relative; text-align:center; padding:0px;} .page-header-inner {position:absolute; top:1px; right:0px; left:0px; bottom:0px; min-height:300px; padding:0px; z-index:60; background-size:auto 100% !important; opacity:0.3;} .page-header-container {padding:250px 0px 0px 0px; width:94%; max-width:1200px; margin:0px auto 0px auto; text-align:left;} .page-header h1 {width:100%; min-height:110px; margin:0px auto; padding:0px 0px 40px 0px; color:#00657f; font-weight:700; display:inline-block; text-align:center; position:relative; z-index:65; text-shadow:0px 1px 4px rgba(255,255,255,0.2);} .page-header h1:first-line {font-weight:400;} @media all and (max-width:599px) { .page-header-container {padding:180px 3% 10px 3%;} .page-header h1 {font-size:42px; line-height:48px;} } @media all and (min-width:600px) { .page-header-container {padding:200px 3% 10px 3%;} .page-header h1 {font-size:46px; line-height:54px;} } @media all and (min-width:900px) { .page-header {min-height:460px;} .page-header-container {padding:240px 3% 0px 3%;} .page-header h1 {font-size:48px; line-height:58px; width:50%; text-align:left;} .page-header-inner{opacity:1; background-size:2000px auto !important;} } @media all and (min-width:1200px) { .page-header-container {padding:240px 3% 0px 3%;} .page-header h1 {font-size:58px; line-height:62px;} .page-header h1:first-line {font-size:52px; line-height:60px;} } @media all and (min-width:2000px) { .page-header-inner{background-size:100% auto !important;} } @media all and (min-width:2500px) { .page-header-inner{background-size:2500px auto !important;} } .header-accent {position:relative; width:100%; padding:8px 0px; z-index:70;} .header-accent h4 {width:94%; max-width:1200px; margin:0px auto; color:#ffffff; font-weight:400; text-align:center;} .header-accent a {color:#ffffff; text-decoration:underline;} .page-header-short {height:100px; position:relative; text-align:center; padding:200px 0px 0px 0px;} .page-header-short h1 {max-width:1200px; margin:0px auto; padding:20px 4% 22px 4%; color:#00657f; font-weight:400; background:rgba(255,255,255,0.7); display:inline-block; position:relative; z-index:65; border:1px solid #ffffff;} .content-area {min-height:200px; position:relative; overflow:hidden;} .page-wrap {width:88%; max-width:1200px; margin:0px auto; padding:0px 6%; font-size:0px;} @media all and (max-width:599px) {.content-area {padding:50px 0px 80px 0px;}} @media all and (min-width:600px) {.content-area {padding:80px 0px 80px 0px;}} @media all and (min-width:900px) {.page-wrap {width:92%; padding:0px 4%;}} .page-wrap a:hover {text-decoration:underline;} .premise-icon-right {width:100%; max-width:150px; text-align:center; margin:0px auto; border:2px solid #00b7c6; border-radius:50%;} .premise-icon-left {width:100%; max-width:150px; text-align:center; margin:0px auto; border:2px solid #00b7c6; border-radius:50%;} @media all and (min-width:900px) { .premise-icon-right {float:right; width:100%; max-width:200px;} .premise-icon-left {float:left; width:100%; max-width:200px;} } .page-inline-circle {display:inline-block; margin:15px 1%; width:31%; min-width:130px;} .page-inline-circle p {text-align:center; color:#981f62; font-weight:bold; line-height:24px;} .page-inline-circle-inner {width:110px; height:110px; border:2px solid #00b7c6; border-radius:50%; display:block; position:relative; margin:0px auto;} .page-inline-circle-inner img {position:absolute; top:8px; left:8px; width:94px; height:auto;} .page-inline-circle2 {display:inline-block; margin:15px 1%; width:23%; min-width:120px;} .page-inline-circle2 p {text-align:center; color:#981f62; font-weight:bold; line-height:24px;} .page-inline-circle2-inner {width:100px; height:100px; border:2px solid #00b7c6; border-radius:50%; display:block; position:relative; margin:0px auto;} .page-inline-circle2-inner img {position:absolute; top:8px; left:8px; width:84px; height:auto;} .callout-red {border-left:10px solid #c92027; padding:10px 30px 10px 30px; background:#f0f0f0; margin:20px 0px 20px 0px;} .callout-teal {border-left:10px solid #00657f; padding:10px 30px 10px 30px; background:#f0f0f0; margin:20px 0px 20px 0px;} .callout-cyan {border-left:10px solid #00b7c6; padding:10px 30px 10px 30px; background:#daf1f7; margin:20px 0px 20px 0px;} .callout-orange {border-left:10px solid #f26b21; padding:10px 30px 10px 30px; background:#fceee3; margin:20px 0px 20px 0px;} .callout-plum {border-left:10px solid #981f62; padding:10px 30px 10px 30px; background:#f7e9f0; margin:20px 0px 20px 0px;} .full-width {width:100%; margin:30px 0px 30px 0px; text-align:center;} .full-width-teal {width:100%; background:#00657f; margin:100px 0px 100px 0px; text-align:center;} .full-width-red {width:100%; background:#c92027; margin:100px 0px 100px 0px; text-align:center;} .full-width-orange {width:100%; background:#f26b21; margin:100px 0px 100px 0px; text-align:center;} .full-width-plum {width:100%; background:#981f62; margin:100px 0px 100px 0px; text-align:center;} .full-width-cyan {width:100%; background:#00b7c6; margin:60px 0px 60px 0px; text-align:center;} .full-width-cyan-fade {width:100%; background:#00b7c6; margin:60px 0px 60px 0px; text-align:center; background:url("/wp-content/uploads/2018/04/cyan-back.png"); background-position:top left; background-size:200% 100%; transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;} .full-width-inner {width:88%; max-width:1200px; margin:0px auto; padding:40px 0px; position:relative; z-index:2;} @media all and (min-width:900px) {.full-width-inner{width:92%;}} .full-width-inner p, .full-width-inner li {color:#ffffff;} .row {width:106%; margin:0px -3% 0px -3%; text-align:center;} .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {position:relative;} @media all and (max-width:599px) { .col-12{display:inline-block; width:94%; padding:15px 3%;} .col-8 {display:inline-block; width:94%; padding:15px 3%;} .col-7 {display:inline-block; width:94%; padding:15px 3%;} .col-6 {display:inline-block; width:94%; padding:15px 3%;} .col-5 {display:inline-block; width:94%; padding:15px 3%;} .col-4 {display:inline-block; width:94%; padding:15px 3%;} .col-3 {display:inline-block; width:94%; padding:15px 3%;} .col-2 {display:inline-block; width:94%; padding:15px 3%;} } @media all and (min-width:600px) { .col-12{display:inline-block; width:94%; padding:15px 3%;} .col-8 {display:inline-block; width:94%; padding:15px 3%;} .col-7 {display:inline-block; width:94%; padding:15px 3%;} .col-6 {display:inline-block; width:94%; padding:15px 3%;} .col-5 {display:inline-block; width:94%; padding:15px 3%;} .col-4 {display:inline-block; width:94%; padding:15px 3%;} .col-3 {display:inline-block; width:94%; padding:15px 3%;} .col-2 {display:inline-block; width:94%; padding:15px 3%;} } @media all and (min-width:900px) { .col-12{display:inline-block; width:94%; padding:0px 3%;} .col-8 {display:inline-block; width:60.666%; padding:0px 3%;} .col-7 {display:inline-block; width:52%; padding:0px 3%;} .col-6 {display:inline-block; width:44%; padding:0px 3%;} .col-5 {display:inline-block; width:36%; padding:0px 3%;} .col-4 {display:inline-block; width:27.333%; padding:0px 3%;} .col-3 {display:inline-block; width:44%; padding:0px 3%;} .col-2 {display:inline-block; width:27.333%; padding:0px 3%;} .full-width-cyan {margin:100px 0px 100px 0px;} .full-width-cyan-fade {margin:100px 0px 100px 0px;} } @media all and (min-width:1200px) { .col-12{display:inline-block; width:94%; padding:0px 3%;} .col-8 {display:inline-block; width:60.666%; padding:0px 3%;} .col-7 {display:inline-block; width:52%; padding:0px 3%;} .col-6 {display:inline-block; width:44%; padding:0px 3%;} .col-5 {display:inline-block; width:36%; padding:0px 3%;} .col-4 {display:inline-block; width:27.333%; padding:0px 3%;} .col-3 {display:inline-block; width:19%; padding:0px 3%;} .col-2 {display:inline-block; width:14%; padding:0px 3%;} } @media all and (min-width:1500px) {} @media all and (min-width:1800px) {} /*-------------- Team ---------------------------------------------------------------*/ .team-bio-box {width:93%; margin:35px 3%; padding:0px 0px 0px 0px; display:inline-block; position:relative; /*-- max-width:400px; box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1); --*/ } .team-bio-box .bio-details {width:80%; max-width:200px; position:relative; top:0px; left:0px; margin:0px auto 20px auto;} .team-bio-box .bio-details img {float:left; clear:left; margin:5px auto 5px auto;} .team-bio-box .bio-details h2 {float:left; clear:left; padding:20px 0px 5px 0px; text-align:left; width:200px; font-weight:300; line-height:30px; color:#00657f;} .team-bio-box .bio-details h2 span {font-weight:700;} .team-bio-box .bio-details .bio-jobtitle {float:left; clear:left; width:200px; padding:5px 0px 20px 0px; text-align:left; font-style:italic; line-height:22px;} .team-bio-box .bio-details .social-link {float:left; clear:left; width:200px; height:32px; width:32px; border-radius:18px; line-height:32px; border:2px solid #00b7c6; color:#00b7c6; text-align:center; margin:0px 5px 0px 0px;} .team-bio-box .bio-details .full-bio-link {float:left; height:32px; width:90px; border-radius:18px; line-height:32px; border:2px solid #00b7c6; color:#00b7c6; text-align:center; font-weight:bold;} .team-bio-box .bio-box-questions {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; clear:both;} .team-bio-box .bio-box-questions p {margin:0px auto;} .team-bio-box .bio-box-questions p strong {color:#981f62;} @media all and (min-width:500px){ .team-bio-box .bio-details {width:100%; max-width:400px;} .team-bio-box .bio-details h2 {float:right; clear:none; padding:20px 0px 5px 10px;} .team-bio-box .bio-details .bio-jobtitle {float:right; clear:right; padding:5px 0px 20px 10px;} .team-bio-box .bio-details .social-link {float:right; clear:right;} .team-bio-box .bio-details .full-bio-link {float:right;} } @media all and (min-width:700px){ .team-bio-box .bio-details {width:200px; position:absolute; top:0px; left:0px; border-right:2px solid #e5e5e5; margin:0px auto 0px auto;} .team-bio-box .bio-box-questions {margin:0px 0px 0px 200px; padding:0px 0px 0px 50px; border-left:2px solid #e5e5e5; min-height:380px; clear:none;} .team-bio-box .bio-details h2 {float:left; clear:left; padding:20px 0px 5px 0px;} .team-bio-box .bio-details .bio-jobtitle {float:left; clear:left; max-width:200px; padding:5px 0px 20px 0px;} .team-bio-box .bio-details .social-link {float:left; clear:left;} .team-bio-box .bio-details .full-bio-link {float:left;} } .team-bio-box2 {width:93%; max-width:200px; margin:35px 3%; padding:0px 1% 0px 0px; display:inline-block; position:relative;} .team-bio-box2 img {float:left; clear:left; margin:5px auto 5px auto;} .team-bio-box2 .bio-box-questions {margin:0px 0px 0px 200px; padding:0px 0px 0px 50px; border-left:2px solid #e5e5e5;} .team-bio-box2 .bio-box-questions p {margin:0px auto;} .team-bio-box2 .bio-box-questions p strong {color:#981f62;} .team-bio-box2 h2 {float:left; clear:left; padding:20px 0px 5px 0px; text-align:left; max-width:200px; font-weight:300; line-height:30px; color:#00657f;} .team-bio-box2 h2 span {font-weight:700;} .team-bio-box2 .bio-jobtitle {float:left; clear:left; max-width:200px; padding:5px 0px 5px 0px; text-align:left; font-style:italic; line-height:22px;} @media all and (min-width:400px) { .team-bio-box2 img {float:left; margin:5px 18px 5px 5px;} .team-bio-box2 h3 {padding:35px 0px 0px 0px; text-align:left;} .team-bio-box2 .bio-jobtitle {padding:10px 0px 0px 0px; text-align:left;}} @media all and (min-width:800px) {.team-bio-box2{width:39%; margin:35px 5%;}} @media all and (min-width:1200px) {.team-bio-box2{width:13%; margin:35px 3%;}} /*-------------- Privacy Policy -----------------------------------------------------*/ .priv-policy-main {max-width:860px; margin:0px auto; padding:0px 0px 0px 340px; position:relative;} .sidebar-nav {position:absolute; top:0px; left:0px; max-width:220px; padding:0px 50px 0px 0px; text-align:left; border-right: 1px solid #cccccc;} @media all and (max-width:1000px) { .priv-policy-main {padding:0px 0px 0px 0px;} .sidebar-nav {display:none;} } /*-------------- Blog ---------------------------------------------------------------*/ .post-header {position:relative; text-align:center; padding:0px;} .post-header-inner {position:absolute; top:1px; right:0px; left:0px; bottom:0px; min-height:300px; padding:0px; z-index:60; background-size:auto 100% !important; opacity:0.3;} .post-header-container {padding:250px 0px 0px 0px; width:94%; max-width:1200px; margin:0px auto 0px auto; text-align:left;} .post-header h1 {width:100%; min-height:110px; margin:0px auto; padding:0px 0px 40px 0px; color:#00657f; font-weight:400; display:inline-block; text-align:center; position:relative; z-index:65; text-shadow:0px 1px 4px rgba(255,255,255,0.2);} @media all and (max-width:599px) { .post-header-container {padding:180px 3% 10px 3%;} .post-header h1 {font-size:36px; line-height:40px;} } @media all and (min-width:600px) { .post-header-container {padding:200px 3% 10px 3%;} .post-header h1 {font-size:42px; line-height:50px;} } @media all and (min-width:900px) { .post-header {min-height:460px;} .post-header-container {padding:240px 3% 0px 3%;} .post-header h1 {font-size:46px; line-height:54px; width:50%; text-align:left;} .post-header-inner{opacity:1; background-size:2000px auto !important;} } @media all and (min-width:1200px) { .post-header-container {padding:240px 3% 0px 3%;} .post-header h1 {font-size:52px; line-height:60px;} .post-header h1:first-line {font-size:52px; line-height:60px;} } @media all and (min-width:2000px) { .post-header-inner{background-size:100% auto !important;} } .blog-page {padding:0px 2%; font-size:0px; text-align:center;} .blog-post {padding:30px 1.5% 30px 1.5%; width:19%; max-width:400px; margin:20px 1.5% 40px 1.5%; display:inline-block; border-radius:5px; box-shadow:0px 0px 1px 1px rgba(0,0,0,0.15); -moz-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.15); -webkit-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.15); transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;} @media all and (min-width:900px) { .blog-post:hover {margin:15px 1.5% 45px 1.5%; box-shadow:0px 0px 1px 1px rgba(0,0,0,0.15), 0px 18px 35px -14px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.15), 0px 18px 35px -14px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.15), 0px 18px 35px -14px rgba(0,0,0,0.3);} } @media all and (max-width:1700px) {.blog-post {width:27%;}} @media all and (max-width:1200px) {.blog-post {width:43%; padding:30px 2% 30px 2%; margin:20px 1.5%;}} @media all and (max-width:800px) {.blog-post {width:91%; padding:30px 3% 30px 3%; margin:20px auto;}} .blog-post .image-container, .blog-post .image-container-vid, .blog-post .image-container-icon, .blog-post .image-container-banner { width:100%; height:180px; margin:0px 0px 25px 0px; overflow:hidden; position:relative; } .blog-post .image-container img {height:auto; width:200%; position:absolute; top:0%; left:0%; opacity:0.3; transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;} .blog-post .image-container-vid img {width:100%; height:auto; position:absolute; top:50%; left:50%; transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;} .blog-post .image-container-icon img {height:auto; max-height:100%; width:auto; max-width:100%; position:absolute; top:50%; left:50%; transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;} .blog-post .image-container-banner img {height:auto; max-height:100%; width:auto; position:absolute; top:50%; left:50%; transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;} .blog-post h2 {font-size:20px; line-height:24px; color:#c92027; text-align:center; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;} .blog-post h2:hover {color:#00b7c6;} .blog-post h5 {font-size:13px; font-weight:400; line-height:16px; text-transform:uppercase; text-align:center; padding:0px 0px 0px 0px; color:#cccccc; min-height:16px; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;} .blog-post h5 a:hover {font-weight:bold;} .blog-post p {font-size:15px; line-height:24px; text-align:left; padding:0px; margin:0px;} .blog-post p.link-more {text-align:center; font-size:14px; font-weight:700; text-transform:uppercase; padding:30px 0px 0px 0px;} .blog-post p.link-more a {float:left; color:#ffffff; background:#00657f; height:33px; line-height:33px; padding:0px 20px 0px 20px; border-radius:18px; border:1px solid #00657f;} .blog-post p.link-more a:hover {background:#ffffff; color:#00657f;} .blog-social-links {text-align:right; margin:0px;} a.blog-share-link {display:inline-block; font-size:20px; color:#ffffff; background:#b2b1b1; width:35px; height:32px; border-radius:50%; text-align:center; padding:3px 0px 0px 0px; margin:5px 5px 0px 5px; border:none !important; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;} a.share-link-fb:hover {background:#3b5998; color:#ffffff !important;} a.share-link-tw:hover {background:#55acee; color:#ffffff !important;} a.share-link-li:hover {background:#007bb5; color:#ffffff !important;} a.share-link-go:hover {background:#dd4b39; color:#ffffff !important;} @media all and (max-width:1200px) { .post-bottom-social {display:none;}} .categories-nav{ text-align:center; color:#cccccc; } .categories-nav a{border-bottom:2px solid #ffffff; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;} .categories-nav a:hover {border-bottom:2px solid #c92027;} .blog-sidebar {text-align:center; margin:50px auto 0px auto; padding:35px 0px 0px 0px; border-top:1px solid #cccccc;} .blog-contact-link {display:block; text-align:center; width:220px; height:40px; font-size:16px; font-weight:700; line-height:40px; margin:20px auto 0px auto; border:2px solid #00657f; color:#00657f; border-radius:50px; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;} .blog-contact-link:hover {background:#00657f; color:#ffffff;} .blog-sidebar section {display:block; width:100%; max-width:400px; margin:0px auto; padding:0px; vertical-align:top;} .blog-sidebar h2 {font-size:24px; line-height:34px; margin:0px; padding:40px 0px 6px 0px; clear:both;} .blog-sidebar ul {list-style-type:none; padding:0px 0px 10px 5px;} .blog-sidebar ul li {padding:0px; font-size:16px; line-height:24px; font-weight:400; color:#b2b1b1; text-align:right; clear:both; display:block;} .blog-sidebar ul li a {font-size:16px; line-height:24px; font-weight:400; color:#00657f; float:left; text-align:left; padding:6px 0px 6px 0px; margin:0px 0px 0px 0px;} .blog-sidebar ul li a:hover {color:#c92027; border-left:2px solid #00b7c6; padding:6px 0px 6px 6px; margin:0px 0px 0px -8px;} @media all and (min-width:450px) { .blog-contact-link {display:inline-block; margin:0px 0px 0px 10px;} .blog-sidebar .widget_recent_entries {float:none;} .blog-sidebar .widget_categories {float:none;} .blog-sidebar .widget_archive {float:none;} } @media all and (min-width:800px) { .blog-sidebar #sidebar {margin:20px auto 0px auto;} .blog-sidebar section {display:inline-block; width:40%; padding:0px 2%; vertical-align:top;} .blog-sidebar .widget_recent_entries {float:left;} .blog-sidebar .widget_categories {float:right;} .blog-sidebar .widget_archive {float:right;} } @media all and (min-width:1200px) { .blog-sidebar {width:250px; position:absolute; top:0px; right:4%; text-align:left; margin:0px; border-top:none; padding:0px;} .blog-sidebar #sidebar {margin:0px auto 0px auto;} .blog-sidebar section {display:block; width:100%; padding:0px;} .blog-contact-link {margin:20px 0px 0px 0px;} a.blog-share-link {margin:0px 5px 0px 5px;} .blog-sidebar .widget_recent_entries {float:none;} .blog-sidebar .widget_categories {float:none;} .blog-sidebar .widget_archive {float:none;} } #archives-dropdown-3 {height:35px; line-height:35px; font-size:15px; color:#00657f; border:1px solid #cccccc; width:100%; background:none; margin:0px -1px 0px -1px; font-weight:400;} #archives-dropdown-3 > option { line-height:50px;} .post-page-wrap {width:94%; max-width:1200px; margin:0px auto; padding:0px 3% 0px 3%; font-size:0px; position:relative;} .post-page-inner {padding:0px 3% 0px 3%;} .post-page-inner a {font-weight:600; border-bottom:1px solid #00b7c6; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;} .post-page-inner a:hover {color:#00b7c6; border-bottom:1px solid #00b7c6;} .post-page-inner img {max-width:100%; height:auto;} .post-page-inner .top-cats {font-size:13px; font-weight:400; line-height:16px; text-transform:uppercase; text-align:left; padding:0px 0px 0px 0px; color:#cccccc;} .post-page-inner .top-cats a {font-weight:400; border-bottom:none; color:#b2b1b1;} .post-page-inner .top-cats a:hover {color:#00b7c6; font-weight:700; text-decoration:none; border-bottom:none;} @media all and (min-width:1200px) { .post-page-inner {padding:0px 330px 0px 0px;} } .alignleft, img.alignleft {margin-right: 1.5em; display: inline; float: left;} .alignright, img.alignright {margin-left: 1.5em; display: inline; float: right;} .aligncenter, img.aligncenter {margin-right:auto; margin-left:auto; margin-top:1.5em; display:block; clear:both;} #related_posts {text-align:center; border-top:1px solid #cccccc; margin:120px 0px 0px 0px; clear:both;} #related_posts h3 {display:inline-block; margin:-20px auto 20px auto; padding:0px 10px 0px 10px; background:#ffffff; text-transform:uppercase; font-size:20px;} .post-page-icon {width: auto; max-width:90%; height:auto; max-height:300px; margin:0px auto 0px auto;} @media all and (min-width:900px) { .post-page-icon {max-width:40%; height:auto; max-height:80%; position:absolute; top:50%; left:55%; z-index:65; margin:50px 0px 0px 0px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);} } .post-video-frame {position:relative; margin:10px 0px 20px 0px; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0;} .post-video-frame iframe {position:absolute; top:0; left:0; width:100%; height:100%;} .pagination {padding:100px 0px 60px 0px;} .pagination .nav-links {} .pagination .nav-links .page-numbers {display:inline-block; width:40px; height:40px; line-height:40px; margin:0px 5px; background:#b2b1b1; color:#ffffff; font-size:20px;} .pagination .nav-links .page-numbers:hover {background:#00b7c6;} .pagination .nav-links .page-numbers.prev, .pagination .nav-links .page-numbers.next {width:80px;} .pagination .nav-links .page-numbers.current {background:#00657f;} .progress-bar {position:fixed; top:70px; left:0px; z-index:100; height:5px; width:10px; background:#00b7c6; margin:0px 0px 0px 0px;} @media all and (min-width:600px) { .progress-bar {top:80px;} } .blog-resource-cta {border-top:2px solid #00b7c6; border-right:2px solid #00b7c6; border-bottom:2px solid #00b7c6; border-left:8px solid #00b7c6; padding:10px 20px 10px 25px; margin:25px -5px 30px -5px; text-align:center;} .blog-resource-cta img {float:none; width:220px; height:auto; margin:10px auto 10px auto;} .blog-resource-cta a {border:2px solid #00b7c6; background:#00b7c6; display:inline-block; padding:2px 15px; border-radius:20px; color:#ffffff;} .blog-resource-cta a:hover {border:2px solid #00b7c6; background:#ffffff; color:#00b7c6;} @media all and (min-width:700px) { .blog-resource-cta img {float:right; width:220px; height:auto; margin:10px 0px 0px 20px;} } /*-------------- Landing Pages ------------------------------------------------------*/ .lp-top-logo {height:110px; width:100%; max-width:1200px; margin:0px auto; padding:20px 0px 0px 0px; background:rgba(0,101,127,1); text-align:center;} .lp-top-logo img {width:100px; height:auto; margin:0px auto;} .lp-white-logo {display:block;} .lp-color-logo {display:none;} .lp-header {background:rgba(0,101,127,1); width:100%; height:100%; position:relative;} .lp-header-container {width:100%; padding:0px 0px 50px 0px; margin:0px auto; position:relative;} .lp-headlines {position:relative; z-index:50; max-width:1200px; margin:0px 0px 0px 0px; padding:0px 6% 0px 6%;} .lp-headlines h1 {font-size:6.5vw; line-height:6.8vw; color:#ffffff; text-align:center;} .lp-headlines h2 {font-size:22px; line-height:30px; color:#ffffff; text-align:center; font-weight:400;} .lp-form {width:100%; max-width:600px; margin:0px auto; text-align:center; font-size:14px;} .lp-form .above-form {display:none;} .lp-form input {width:100%; border-top:none; border-right:none; border-left:none; border-bottom:1px solid #ffffff; color:#ffffff !important; font-size:18px !important;} .lp-form ::-webkit-input-placeholder {opacity:0.8 !important; font-weight:300 !important; color:#ffffff !important;} .lp-form :-moz-placeholder {opacity:0.8 !important; font-weight:300 !important; color:#ffffff !important;} .lp-form ::-moz-placeholder {opacity:0.8 !important; font-weight:300 !important; color:#ffffff !important;} .lp-form :-ms-input-placeholder {opacity:0.8 !important; font-weight:300 !important; color:#ffffff !important;} .lp-form button[type="submit"] {background:#981f62; color:#ffffff; border:2px solid #ffffff;} .lp-form button[type="submit"]:hover {background:#ffffff; color:#981f62;} .lp-vid-form {width:100%; max-width:600px; margin:0px auto; text-align:center; font-size:14px;} .lp-vid-form .mktoOffset {display:none !important;} .lp-vid-form .mktoFormCol {width:100% !important;} .lp-vid-form .mktoForm button.mktoButton {margin:25px auto 0px auto !important;} .lp-vid-form input {width:100% !important; max-width:100% !important; color:#00657f !important; font-size:16px !important; font-weight:400 !important; margin:10px auto 0px auto !important; border-top:none; border-right:none; border-left:none; border-bottom:1px solid #00657f;} .lp-vid-form ::-webkit-input-placeholder {opacity:0.8 !important; font-weight:400 !important; color:#00657f !important;} .lp-vid-form :-moz-placeholder {opacity:0.8 !important; font-weight:400 !important; color:#00657f !important;} .lp-vid-form ::-moz-placeholder {opacity:0.8 !important; font-weight:400 !important; color:#00657f !important;} .lp-vid-form :-ms-input-placeholder {opacity:0.8 !important; font-weight:400 !important; color:#00657f !important;} .lp-vid-form button[type="submit"] {background:#981f62; color:#ffffff; border:2px solid #ffffff;} .lp-vid-form button[type="submit"]:hover {background:#ffffff; color:#981f62;} .lp-hero-image {display:none;} .lp-hero-image-inner {display:none;} .lp-vid-left {} .lp-vid-left h1 {font-size:6.5vw; line-height:6.8vw; color:#ffffff; text-align:center; padding:0px 20px 0px 20px;} .lp-vid-left h2 {font-size:18px; line-height:28px; color:#ffffff; text-align:center; padding:0px 20px 40px 20px; font-weight:300; font-style:italic;} .lp-vid-left a {display:block; height:40px; line-height:40px; font-size:20px; font-weight:700; color:#00b7c6; text-align:center; border:2px solid #00b7c6; border-radius:22px;} .lp-vid-left a:hover {background:#ffffff; color:#00b7c6;} .lp-vid-right {width:90%; max-width:550px; margin:50px auto -70px auto; box-shadow:0px 5px 70px rgba(0,20,26,0.3); -moz-box-shadow:0px 5px 70px rgba(0,20,26,0.3); -webkit-box-shadow:0px 5px 70px rgba(0,20,26,0.3);} .lp-content-area {padding:50px 0px 80px 0px; min-height:200px; width:88%; max-width:1200px; margin:0px auto; position:relative;} .lp-content-area li {padding:5px 0px 5px 0px;} .lp-page-wrap {max-width:1200px; margin:0px auto; padding:50px 0px 0px 0px; font-size:0px;} .lp-resource {width:100%; max-width:350px; margin:40px auto 0px auto; text-align:center;} .lp-resource img {max-width:100%;} .lp-resource a {color:#00b7c6;} .lp-resource a:hover {color:#00657f;} .lp-resource .lp-download-button {display:inline-block; border:1px solid #00b7c6; border-radius:15px; padding:3px 15px; margin:5px auto 0px auto;} .lp-resource .lp-download-button:hover {background:#00b7c6; color:#ffffff;} .lp-cta-button {font-size:20px; font-weight:bold; color:#ffffff; background:#00b7c6; padding:5px 20px; border-radius:40px; display:inline-block; vertical-align:middle; border:2px solid #ffffff; margin:10px auto 0px auto; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;} .lp-cta-button:visited {color:#ffffff;} .lp-cta-button:hover {background:#ffffff; color:#00b7c6;} @media only screen and (max-width: 480px) {.mktoForm .mktoOffset {display:block !important;}} @media all and (max-width:615px) {.lp-headlines h1{font-size:40px; line-height:42px;}} @media all and (min-width:1000px) { .lp-top-logo {width:94%; background:rgba(255,255,255,0.9); text-align:left;} .lp-top-logo img {width:123px; height:auto; margin:0px;} .lp-white-logo {display:none;} .lp-color-logo {display:block;} .lp-header {padding:0px 0px 0px 0px; background:none;} .lp-header-container {width:100%; max-width:1240px; height:500px; padding:50px 0px 50px 0px; margin:0px auto; position:relative;} .lp-headlines {position:relative; z-index:50; background:rgba(255,255,255,0.9); max-width:1200px; margin:80px 420px 0px 0px; padding:12px 3% 18px 3%; border-left:5px solid #00b7c6; box-shadow:4px 15px 70px rgba(0,20,26,0.25); -moz-box-shadow:4px 15px 70px rgba(0,20,26,0.25); -webkit-box-shadow:4px 15px 70px rgba(0,20,26,0.25);} .lp-headlines h1 {font-size:52px; line-height:58px; color:#981f62; text-align:left;} .lp-headlines h2 {font-size:25px; line-height:34px; color:#535559; text-align:left; font-weight:400; font-style:italic;} .lp-form {position:absolute; top:-20px; right:20px; z-index:70; width:100%; max-width:350px; min-height:620px; background:rgba(0,101,127,0.95); text-align:center; padding:0px 0px 20px 0px; box-shadow:4px 15px 70px rgba(0,20,26,0.25); -moz-box-shadow:4px 15px 70px rgba(0,20,26,0.25); -webkit-box-shadow:4px 15px 70px rgba(0,20,26,0.25);} .lp-form .above-form {display:block;} .lp-hero-image {display:block; position:absolute; top:0px; right:0px; left:0px; bottom:0px; width:100%; height:600px; overflow:hidden;} .lp-hero-image-inner {display:block; position:absolute; top:0px; right:0px; left:0px; width:100%; height:700px; margin:-50px 0px 0px 0px;} .lp-content-area {padding:80px 0px 80px 0px; min-height:200px; width:92%; max-width:1200px; margin:0px auto; position:relative;} .lp-resource {width:100%; max-width:350px; position:absolute; top:90px; right:0px; margin:0px; text-align:center;} .lp-page-wrap {max-width:1200px; margin:0px auto; padding:0px 400px 0px 0px; font-size:0px;} .lp-resource img {max-width:100%;} .lp-vid-left {position:absolute; top:-20px; left:20px; z-index:70; width:100%; max-width:450px; min-height:620px; background:rgba(0,101,127,0.95); text-align:center; padding:0px 0px 20px 0px; box-shadow:4px 15px 70px rgba(0,20,26,0.25); -moz-box-shadow:4px 15px 70px rgba(0,20,26,0.25); -webkit-box-shadow:4px 15px 70px rgba(0,20,26,0.25);} .lp-vid-left h1 {font-size:52px; line-height:56px; text-align:left; padding:50px 40px 0px 40px;} .lp-vid-left h2 {font-size:20px; line-height:30px; text-align:left; padding:0px 40px 60px 40px;} .lp-vid-right {position:relative; z-index:50; background:rgba(255,255,255,0.9); margin:80px 20px 0px 630px; padding:0px; width:auto; max-width:620px; box-shadow:4px 15px 70px rgba(0,20,26,0.3); -moz-box-shadow:4px 15px 70px rgba(0,20,26,0.3); -webkit-box-shadow:4px 15px 70px rgba(0,20,26,0.3);} } @media all and (min-width:1200px) { .lp-resource {width:100%; max-width:350px; position:absolute; top:90px; right:0px; margin:0px; text-align:center;} .lp-page-wrap {max-width:1200px; margin:0px auto; padding:0px 400px 0px 0px; font-size:0px;} } .grecaptcha-badge {display:none !important;} /*-------------- Thank You Pages ------------------------------------------------------*/ .ty-top-logo {height:110px; width:100%; max-width:1200px; margin:0px auto; padding:20px 0px 0px 0px; background:rgba(0,101,127,1); text-align:center;} .ty-top-logo img {width:100px; height:auto; margin:0px auto;} .ty-white-logo {display:block;} .ty-color-logo {display:none;} .ty-header {background:rgba(0,101,127,1); width:100%; height:100%; position:relative;} .ty-header-container {width:100%; padding:0px 0px 50px 0px; margin:0px auto; position:relative;} .ty-headlines {position:relative; z-index:50; max-width:1200px; margin:0px 0px 0px 0px; padding:0px 6% 0px 6%;} .ty-headlines h1 {font-size:6.5vw; line-height:6.8vw; color:#ffffff; text-align:center;} .ty-headlines h2 {font-size:22px; line-height:30px; color:#ffffff; text-align:center; font-weight:400;} .ty-form {width:100%; max-width:600px; margin:0px auto; text-align:center; font-size:14px;} .ty-form .above-form {display:none;} .ty-form input {width:100% !important; max-width:100% !important; border-top:none; border-right:none; border-left:none; border-bottom:1px solid #ffffff; color:#ffffff !important; font-size:18px !important; font-family: 'Open Sans', sans-serif;} .ty-form select.mktoField {height:34px !important; border:1px solid #fff; border-radius:19px; font-size:18px; color:#fff; padding:2px 10px; background:#00657f; font-family: 'Open Sans', sans-serif; font-weight:400;} .ty-form ::-webkit-input-placeholder {opacity:0.8 !important; font-weight:300 !important; color:#ffffff !important;} .ty-form :-moz-placeholder {opacity:0.8 !important; font-weight:300 !important; color:#ffffff !important;} .ty-form ::-moz-placeholder {opacity:0.8 !important; font-weight:300 !important; color:#ffffff !important;} .ty-form :-ms-input-placeholder {opacity:0.8 !important; font-weight:300 !important; color:#ffffff !important;} .ty-form button[type="submit"] {background:#981f62 !important; color:#ffffff !important; border:2px solid #ffffff !important; font-size:20px !important;} .ty-form button[type="submit"]:hover {background:#ffffff !important; color:#981f62 !important;} .ty-form .resource-link {color:#f26b21; border:2px solid #f26b21; border-radius:20px; padding:5px 20px; font-size:20px; font-weight:700;} .ty-form .resource-link:hover {background:#ffffff;} .ty-vid-form {width:100%; max-width:600px; margin:0px auto; text-align:center; font-size:14px;} .ty-vid-form .mktoOffset, .ty-form .mktoOffset {display:none !important;} .ty-vid-form .mktoFormCol, .ty-form .mktoFormCol {width:100% !important;} .ty-vid-form .mktoForm button.mktoButton {margin:25px auto 0px auto !important;} .ty-vid-form input {width:100% !important; max-width:100% !important; color:#00657f !important; font-size:16px !important; font-weight:400 !important; margin:10px auto 0px auto !important; border-top:none; border-right:none; border-left:none; border-bottom:1px solid #00657f;} .ty-vid-form ::-webkit-input-placeholder {opacity:0.8 !important; font-weight:400 !important; color:#00657f !important;} .ty-vid-form :-moz-placeholder {opacity:0.8 !important; font-weight:400 !important; color:#00657f !important;} .ty-vid-form ::-moz-placeholder {opacity:0.8 !important; font-weight:400 !important; color:#00657f !important;} .ty-vid-form :-ms-input-placeholder {opacity:0.8 !important; font-weight:400 !important; color:#00657f !important;} .ty-vid-form button[type="submit"] {background:#981f62; color:#ffffff; border:2px solid #ffffff;} .ty-vid-form button[type="submit"]:hover {background:#ffffff; color:#981f62;} .ty-hero-image {display:none;} .ty-hero-image-inner {display:none;} .ty-vid-left {} .ty-vid-left h1 {font-size:6.5vw; line-height:6.8vw; color:#ffffff; text-align:center; padding:0px 20px 0px 20px;} .ty-vid-left h2 {font-size:18px; line-height:28px; color:#ffffff; text-align:center; padding:0px 20px 40px 20px; font-weight:300; font-style:italic;} .ty-vid-left a {display:block; height:40px; line-height:40px; font-size:20px; font-weight:700; color:#00b7c6; text-align:center; border:2px solid #00b7c6; border-radius:22px;} .ty-vid-left a:hover {background:#ffffff; color:#00b7c6;} .ty-vid-right {width:90%; max-width:550px; margin:50px auto -70px auto; box-shadow:0px 5px 70px rgba(0,20,26,0.3); -moz-box-shadow:0px 5px 70px rgba(0,20,26,0.3); -webkit-box-shadow:0px 5px 70px rgba(0,20,26,0.3);} .ty-content-area {padding:50px 0px 80px 0px; min-height:200px; width:88%; max-width:1200px; margin:0px auto; position:relative;} .ty-content-area li {padding:5px 0px 5px 0px;} .ty-page-wrap {max-width:1200px; margin:0px auto; padding:50px 0px 0px 0px; font-size:0px;} .ty-resource {width:100%; max-width:350px; margin:40px auto 0px auto; text-align:center;} .ty-resource img {max-width:100%;} .ty-resource a {color:#00b7c6;} .ty-resource a:hover {color:#00657f;} .ty-resource .ty-download-button {display:inline-block; border:1px solid #00b7c6; border-radius:15px; padding:3px 15px; margin:5px auto 0px auto;} .ty-resource .ty-download-button:hover {background:#00b7c6; color:#ffffff;} .ty-cta-button {font-size:20px; font-weight:bold; color:#ffffff; background:#00b7c6; padding:5px 20px; border-radius:40px; display:inline-block; vertical-align:middle; border:2px solid #ffffff; margin:10px auto 0px auto; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;} .ty-cta-button:visited {color:#ffffff;} .ty-cta-button:hover {background:#ffffff; color:#00b7c6;} @media only screen and (max-width: 480px) {.mktoForm .mktoOffset {display:block !important;}} @media all and (max-width:615px) {.ty-headlines h1{font-size:40px; line-height:42px;}} @media all and (min-width:1000px) { .ty-top-logo {width:94%; background:rgba(255,255,255,0.9); text-align:left;} .ty-top-logo img {width:123px; height:auto; margin:0px;} .ty-white-logo {display:none;} .ty-color-logo {display:block;} .ty-header {padding:0px 0px 0px 0px; background:none;} .ty-header-container {width:100%; max-width:1240px; height:400px; padding:50px 0px 50px 0px; margin:0px auto; position:relative;} .ty-headlines {position:relative; z-index:50; background:rgba(255,255,255,0.95); max-width:1200px; margin:80px 460px 0px 0px; padding:18px 3% 24px 3%; border-left:5px solid #00b7c6; box-shadow:4px 15px 70px rgba(0,20,26,0.25); -moz-box-shadow:4px 15px 70px rgba(0,20,26,0.25); -webkit-box-shadow:4px 15px 70px rgba(0,20,26,0.25);} .ty-headlines h1 {font-size:52px; line-height:58px; color:#981f62; text-align:left;} .ty-headlines h2 {font-size:25px; line-height:34px; color:#535559; text-align:left; font-weight:400; font-style:italic;} .ty-form {position:absolute; top:-20px; right:20px; z-index:70; width:100%; max-width:350px; min-height:465px; background:rgba(0,101,127,0.98); text-align:center; padding:55px 0px 20px 0px; border-top:5px solid #f26b21; box-shadow:4px 15px 70px rgba(0,20,26,0.25); -moz-box-shadow:4px 15px 70px rgba(0,20,26,0.25); -webkit-box-shadow:4px 15px 70px rgba(0,20,26,0.25);} .ty-form .above-form {display:block;} .ty-hero-image {display:block; position:absolute; top:0px; right:0px; left:0px; bottom:0px; width:100%; height:500px; overflow:hidden;} .ty-hero-image-inner {display:block; position:absolute; top:0px; right:0px; left:0px; width:100%; height:700px; margin:-50px 0px 0px 0px;} .ty-content-area {padding:80px 0px 80px 0px; min-height:200px; width:92%; max-width:1265px; margin:0px auto; position:relative;} .ty-resource {width:100%; max-width:350px; position:absolute; top:90px; right:0px; margin:0px; text-align:center;} .ty-page-wrap {max-width:1265px; margin:0px auto; padding:0px 0px 0px 0px; font-size:0px;} .ty-resource img {max-width:100%;} .ty-vid-left {position:absolute; top:-20px; left:20px; z-index:70; width:100%; max-width:450px; min-height:620px; background:rgba(0,101,127,0.95); text-align:center; padding:0px 0px 20px 0px; box-shadow:4px 15px 70px rgba(0,20,26,0.25); -moz-box-shadow:4px 15px 70px rgba(0,20,26,0.25); -webkit-box-shadow:4px 15px 70px rgba(0,20,26,0.25);} .ty-vid-left h1 {font-size:52px; line-height:56px; text-align:left; padding:50px 40px 0px 40px;} .ty-vid-left h2 {font-size:20px; line-height:30px; text-align:left; padding:0px 40px 60px 40px;} .ty-vid-right {position:relative; z-index:50; background:rgba(255,255,255,0.9); margin:80px 20px 0px 630px; padding:0px; width:auto; max-width:620px; box-shadow:4px 15px 70px rgba(0,20,26,0.3); -moz-box-shadow:4px 15px 70px rgba(0,20,26,0.3); -webkit-box-shadow:4px 15px 70px rgba(0,20,26,0.3);} } @media all and (min-width:1200px) { .ty-resource {width:100%; max-width:350px; position:absolute; top:90px; right:0px; margin:0px; text-align:center;} } .grecaptcha-badge {display:none !important;} /*-------------- Footer -------------------------------------------------------------*/ .site-footer {background:#54565a; font-size:0px; padding:0px 2%; width:96%;} .site-footer .wrap {width:100%; max-width:1200px; margin:0px auto;} .site-footer .all-columns {display:none; padding:40px 2%;} .site-footer .all-columns p {font-size:15px; color:#ffffff;} .site-footer .first-column {width:21%;} .site-footer .second-column {width:21%;} .site-footer .third-column {width:21%;} .site-footer .fourth-column {width:21%;} .site-footer .foot-blocks {width:600px; height:auto; margin:0px auto; padding:50px 0px 30px 0px;} .site-footer .foot-block-1 {float:left; width:250px; height:auto; padding:15px 30px 14px 0px; border-right:1px solid rgba(255,255,255,0.2);} .site-footer .foot-block-1 p {color:#ffffff; text-align:right; font-size:16px; line-height:20px;} .site-footer .foot-block-2 {float:right; width:289px; height:auto; padding:10px 0px 25px 30px; text-align:left; border-bottom:1px solid rgba(255,255,255,0.2);} .site-footer .foot-block-3 {float:right; width:300px; height:auto; padding:25px 0px 10px 14px; text-align:left;} .site-footer .foot-block-3 p {color:#b2b1b1; font-size:13px; padding:10px 0px 0px 0px; margin:0px 0px 0px -10px;} .site-footer .foot-block-3 a {color:#b2b1b1;} .site-footer .foot-block-3 a:hover {text-decoration:underline;} .site-footer .social-link {display:inline-block; width:50px; height:47px; border-radius:50%; text-align:center; font-size:32px; margin:0px 10px 0px 10px; padding:3px 0px 0px 0px; background:#00b7c6; color:#54565a !important; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;} .site-footer .social-link:hover {background:#ffffff;} .footer-group-logos {text-align:center; padding:0px 0px 40px 0px; width:100%; max-width:750px; margin:0px auto;} .footer-group-logos .foot-logo-dma {width:125px; height:auto; margin:16px 16px 10px 16px;} .footer-group-logos .foot-logo-bui {width:92px; height:auto; margin:3px 18px 10px 22px;} .footer-group-logos .foot-logo-inc {width:124px; height:auto; margin:14px 16px 10px 16px;} .footer-group-logos .foot-logo-lcg {width:125px; height:auto; margin:0px 16px 10px 16px;} .footer-group-logos .foot-logo-pac {width:115px; height:auto; margin:10px 16px 10px 16px;} .footer-group-logos .foot-logo-mba {width:134px; height:auto; margin:0px 14px 10px 16px;} @media all and (max-width:650px) { .site-footer .foot-blocks {width:100%; padding: 30px 0px 50px 0px;} .site-footer .foot-block-1 {float:none; width:100%; text-align:center; padding:15px 0px 14px 0px; border-right:none;} .site-footer .foot-block-1 p {text-align:center;} .site-footer .foot-block-2 {float:none; width:100%; text-align:center; padding:5px 0px 25px 0px;} .site-footer .foot-block-3 {float:none; width:100%; text-align:center; padding:25px 0px 0px 0px;} .site-footer .foot-block-3 p {text-align:center;} .footer-group-logos {text-align:center; padding:10px 0px 30px 0px;} .footer-group-logos .foot-logo-dma {width:95px; max-width:22%; margin:16px 2% 10px 2%;} .footer-group-logos .foot-logo-bui {width:55px; max-width:14%; margin:3px 2% 10px 2%;} .footer-group-logos .foot-logo-inc {width:80px; max-width:21%; margin:10px 2% 10px 2%;} .footer-group-logos .foot-logo-lcg {width:72px; max-width:20%; margin:0px 2% 10px 2%;} .footer-group-logos .foot-logo-pac {width:85px; max-width:21%; margin:10px 2% 10px 2%;} .footer-group-logos .foot-logo-mba {width:87px; max-width:21%; margin:0px 2% 10px 2%;} } /*-------------- Popup --------------------------------------------------------------*/ .pop-overlay {position:fixed; top:10px; right:10px; bottom:10px; left:10px; background:#e5e5e5; z-index:99999;} .pop-box {} /*-------------- Misc ---------------------------------------------------------------*/ .shadowed {height:auto; box-shadow:4px 17px 55px rgba(0,0,0,0.2); -moz-box-shadow:4px 17px 55px rgba(0,0,0,0.2); -webkit-box-shadow:4px 17px 55px rgba(0,0,0,0.2);} @keyframes animatedBackground { from { background-position: 0% 0px; } to { background-position: 100% 0px; } } @-o-keyframes animatedBackground { from { background-position: 0% 0px; } to { background-position: 100% 0px; } } @-moz-keyframes animatedBackground { from { background-position: 0% 0px; } to { background-position: 100% 0px; } } @-webkit-keyframes animatedBackground { from { background-position: 0% 0px; } to { background-position: 100% 0px; } } @keyframes animatedBackground2 { from { background-position: -50% 0px; } to { background-position: 50% 0px; } } @-o-keyframes animatedBackground2 { from { background-position: -50% 0px; } to { background-position: 50% 0px; } } @-moz-keyframes animatedBackground2 { from { background-position: -50% 0px; } to { background-position: 50% 0px; } } @-webkit-keyframes animatedBackground2 { from { background-position: -50% 0px; } to { background-position: 50% 0px; } } @keyframes animatedBackgroundRev { from { background-position: 100% 0px; } to { background-position: 0% 0px; } } @-o-keyframes animatedBackgroundRev { from { background-position: 100% 0px; } to { background-position: 0% 0px; } } @-moz-keyframes animatedBackgroundRev { from { background-position: 100% 0px; } to { background-position: 0% 0px; } } @-webkit-keyframes animatedBackgroundRev { from { background-position: 100% 0px; } to { background-position: 0% 0px; } } @keyframes animatedBackgroundVert1 { 0% { background-position: left 10px top 0px; } 100% { background-position: left 10px top 202px; } } @-o-keyframes animatedBackgroundVert1 { 0% { background-position: left 10px top 0px; } 100% { background-position: left 10px top 202px; } } @-moz-keyframes animatedBackgroundVert1 { 0% { background-position: left 10px top 0px; } 100% { background-position: left 10px top 202px; } } @-webkit-keyframes animatedBackgroundVert1 { 0% { background-position: left 10px top 0px; } 100% { background-position: left 10px top 202px; } } @keyframes animatedBackgroundVert2 { 0% { background-position: left 10px top 270px; } 100% { background-position: left 10px top 0px; } } @-o-keyframes animatedBackgroundVert2 { 0% { background-position: left 10px top 270px; } 100% { background-position: left 10px top 0px; } } @-moz-keyframes animatedBackgroundVert2 { 0% { background-position: left 10px top 270px; } 100% { background-position: left 10px top 0px; } } @-webkit-keyframes animatedBackgroundVert2 { 0% { background-position: left 10px top 270px; } 100% { background-position: left 10px top 0px; } } @keyframes animatedBackgroundVert3 { 0% { background-position: left 10px top -50px; } 100% { background-position: left 10px top 120px; } } @-o-keyframes animatedBackgroundVert3 { 0% { background-position: left 10px top -50px; } 100% { background-position: left 10px top 120px; } } @-moz-keyframes animatedBackgroundVert3 { 0% { background-position: left 10px top -50px; } 100% { background-position: left 10px top 120px; } } @-webkit-keyframes animatedBackgroundVert3 { 0% { background-position: left 10px top -50px; } 100% { background-position: left 10px top 120px; } } @media all and (min-width:900px) { .scroll-back {background-image: url("/wp-content/uploads/2018/05/scrolling-heads.jpg"); background-position: 0px 0px; background-size:auto 100%; background-repeat: repeat-x; animation: animatedBackground 70s linear infinite; -o-animation: animatedBackground 70s linear infinite; -moz-animation: animatedBackground 70s linear infinite; -webkit-animation: animatedBackground 70s linear infinite; } .scroll-back2 {background-image: url("/wp-content/uploads/2018/05/scrolling-heads.jpg"); background-position: -50% 0px; background-size:auto 100%; background-repeat: repeat-x; animation: animatedBackground2 40s linear infinite; -o-animation: animatedBackground2 40s linear infinite; -moz-animation: animatedBackground2 40s linear infinite; -webkit-animation: animatedBackground2 40s linear infinite; } .scroll-back-reverse {background-image: url("/wp-content/uploads/2018/05/scrolling-heads.jpg"); background-position: 100% 0px; background-size:auto 100%; background-repeat: repeat-x; animation: animatedBackgroundRev 70s linear infinite; -o-animation: animatedBackgroundRev 70s linear infinite; -moz-animation: animatedBackgroundRev 70s linear infinite; -webkit-animation: animatedBackgroundRev 70s linear infinite; } .scroll-back-vert1 {background-image: url("/wp-content/uploads/2018/08/email-symbols.jpg"); background-position: left 10px top 0px; background-size:60px 202px; background-repeat: repeat-y; animation: animatedBackgroundVert1 11s linear infinite; -o-animation: animatedBackgroundVert1 11s linear infinite; -moz-animation: animatedBackgroundVert1 11s linear infinite; -webkit-animation: animatedBackgroundVert1 11s linear infinite; } .scroll-back-vert2 {background-image: url("/wp-content/uploads/2018/08/email-symbols.jpg"); background-position: left 10px top 270px; background-size:80px 270px; background-repeat: repeat-y; animation: animatedBackgroundVert2 15s linear infinite; -o-animation: animatedBackgroundVert2 15s linear infinite; -moz-animation: animatedBackgroundVert2 15s linear infinite; -webkit-animation: animatedBackgroundVert2 15s linear infinite; } .scroll-back-vert3 {background-image: url("/wp-content/uploads/2018/08/email-symbols.jpg"); background-position: left 10px top -50px; background-size:50px 170px; background-repeat: repeat-y; animation: animatedBackgroundVert3 10s linear infinite; -o-animation: animatedBackgroundVert3 10s linear infinite; -moz-animation: animatedBackgroundVert3 10s linear infinite; -webkit-animation: animatedBackgroundVert3 10s linear infinite; } } .color1, .color-red {color:#c92027 !important;} .color2, .color-teal {color:#00657f !important;} .color3, .color-black {color:#211e1e !important;} .color4, .color-dark {color:#535559 !important;} .color5, .color-neutral {color:#88888c !important;} .color6, .color-light {color:#b2b1b1 !important;} .color7, .color-cyan {color:#00b7c6 !important;} .color8, .color-orange {color:#f26b21 !important;} .color9, .color-plum {color:#981f62 !important;} .color10, .color-ltgray {color:#f0f0f0 !important;} .color11, .color-ltcyan {color:#daf1f7 !important;} .color12, .color-ltplum {color:#f7e9f0 !important;} .color13, .color-ltorange {color:#fceee3 !important;} .back1, .back-red {background:#c92027 !important;} .back2, .back-teal {background:#00657f !important;} .back3, .back-black {background:#211e1e !important;} .back4, .back-dark {background:#535559 !important;} .back5, .back-neutral {background:#88888c !important;} .back6, .back-light {background:#b2b1b1 !important;} .back7, .back-cyan {background:#00b7c6 !important;} .back8, .back-orange {background:#f26b21 !important;} .back9, .back-plum {background:#981f62 !important;} .back10, .back-ltgray {background:#f0f0f0 !important;} .back11, .back-ltcyan {background:#daf1f7 !important;} .back12, .back-ltplum {background:#f7e9f0 !important;} .back13, .back-ltorange {background:#fceee3 !important;} .spacer5 {width:100%; height:5px;} .spacer10 {width:100%; height:10px;} .spacer15 {width:100%; height:15px;} .spacer20 {width:100%; height:20px;} .spacer25 {width:100%; height:25px;} .spacer30 {width:100%; height:30px;} .spacer35 {width:100%; height:35px;} .spacer40 {width:100%; height:40px;} .spacer45 {width:100%; height:45px;} .spacer50 {width:100%; height:50px;} .spacer55 {width:100%; height:55px;} .spacer60 {width:100%; height:60px;} .spacer65 {width:100%; height:65px;} .spacer70 {width:100%; height:70px;} .spacer75 {width:100%; height:75px;} .spacer80 {width:100%; height:80px;} .spacer85 {width:100%; height:85px;} .spacer90 {width:100%; height:90px;} .spacer95 {width:100%; height:95px;} .spacer100 {width:100%; height:100px;} @media all and (max-width:900px) {.spacer100 {width:100%; height:60px;}} .clearfix {clear:both;} @media all and (max-width:900px) {.mobile-hidden{display:none !important;}} .sr-only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip: rect(0,0,0,0); border:0;} .donut {position:relative; background:#f0f0f0; border-radius:50%; margin:0px auto; overflow:hidden; box-shadow: 2px 5px 12px rgba(0,0,0,0.2); -moz-box-shadow: 2px 5px 12px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 5px 12px rgba(0,0,0,0.2);} .donut .circle .mask, .donut .circle .fill, .donut .circle .shadow { width:100%; height:100%; position:absolute; top:0px; right:0px; bottom:0px; left:0px;} .donut .circle .mask, .donut .circle .fill { -webkit-backface-visibility: hidden; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .donut .circle .mask {overflow:hidden; width:100%; height:100%;} .donut .circle .mask.half {margin:0px 0px 0px 50%;} .donut .circle .mask.full {margin:0px 0px 0px 0px;} .donut .circle .mask.half .fill { transform-origin:center left; overflow:hidden; width:100%; height:100%; margin:0px 0px 0px 0px; background-color: #00b7c6;} .donut .circle .mask.full .fill { transform-origin:center left; overflow:hidden; width:100%; height:100%; margin:0px 0px 0px 50%; background-color: #00b7c6;} .donut .inset {width:64%; height:64%; position: absolute; margin-left:18%; margin-top:18%; background-color:#ffffff; border-radius:50%; display:table; box-shadow: 2px 5px 12px rgba(0,0,0,0.2) inset; -moz-box-shadow: 2px 5px 12px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 2px 5px 12px rgba(0,0,0,0.2) inset; } .donut .inset .percentage { width:100%; height:100%; text-align:center; display:table-cell; vertical-align:middle; color:#981f62; font-weight:300; font-size:30px; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .donut .inset .percentage:hover {font-weight:700;} .donut[data-progress="0"] .circle .mask.full {display:none;} .donut[data-progress="0"] .circle .mask.half {display:none;} .donut[data-progress="1"] .circle .mask.full{display:none;} .donut[data-progress="1"] .circle .mask.half .fill {-webkit-transform: rotate(-176.4deg); -ms-transform: rotate(-176.4deg); transform: rotate(-176.4deg);} .donut[data-progress="2"] .circle .mask.full{display:none;} .donut[data-progress="2"] .circle .mask.half .fill {-webkit-transform: rotate(-172.8deg); -ms-transform: rotate(-172.8deg); transform: rotate(-172.8deg);} .donut[data-progress="3"] .circle .mask.full{display:none;} .donut[data-progress="3"] .circle .mask.half .fill {-webkit-transform: rotate(-169.2deg); -ms-transform: rotate(-169.2deg); transform: rotate(-169.2deg);} .donut[data-progress="4"] .circle .mask.full{display:none;} .donut[data-progress="4"] .circle .mask.half .fill {-webkit-transform: rotate(-165.6deg); -ms-transform: rotate(-165.6deg); transform: rotate(-165.6deg);} .donut[data-progress="5"] .circle .mask.full{display:none;} .donut[data-progress="5"] .circle .mask.half .fill {-webkit-transform: rotate(-162deg); -ms-transform: rotate(-162deg); transform: rotate(-162deg);} .donut[data-progress="6"] .circle .mask.full{display:none;} .donut[data-progress="6"] .circle .mask.half .fill {-webkit-transform: rotate(-158.4deg); -ms-transform: rotate(-158.4deg); transform: rotate(-158.4deg);} .donut[data-progress="7"] .circle .mask.full{display:none;} .donut[data-progress="7"] .circle .mask.half .fill {-webkit-transform: rotate(-154.8deg); -ms-transform: rotate(-154.8deg); transform: rotate(-154.8deg);} .donut[data-progress="8"] .circle .mask.full{display:none;} .donut[data-progress="8"] .circle .mask.half .fill {-webkit-transform: rotate(-151.2deg); -ms-transform: rotate(-151.2deg); transform: rotate(-151.2deg);} .donut[data-progress="9"] .circle .mask.full{display:none;} .donut[data-progress="9"] .circle .mask.half .fill {-webkit-transform: rotate(-147.6deg); -ms-transform: rotate(-147.6deg); transform: rotate(-147.6deg);} .donut[data-progress="10"] .circle .mask.full{display:none;} .donut[data-progress="10"] .circle .mask.half .fill {-webkit-transform: rotate(-144deg); -ms-transform: rotate(-144deg); transform: rotate(-144deg);} .donut[data-progress="11"] .circle .mask.full{display:none;} .donut[data-progress="11"] .circle .mask.half .fill {-webkit-transform: rotate(-140.4deg); -ms-transform: rotate(-140.4deg); transform: rotate(-140.4deg);} .donut[data-progress="12"] .circle .mask.full{display:none;} .donut[data-progress="12"] .circle .mask.half .fill {-webkit-transform: rotate(-136.8deg); -ms-transform: rotate(-136.8deg); transform: rotate(-136.8deg);} .donut[data-progress="13"] .circle .mask.full{display:none;} .donut[data-progress="13"] .circle .mask.half .fill {-webkit-transform: rotate(-133.2deg); -ms-transform: rotate(-133.2deg); transform: rotate(-133.2deg);} .donut[data-progress="14"] .circle .mask.full{display:none;} .donut[data-progress="14"] .circle .mask.half .fill {-webkit-transform: rotate(-129.6deg); -ms-transform: rotate(-129.6deg); transform: rotate(-129.6deg);} .donut[data-progress="15"] .circle .mask.full{display:none;} .donut[data-progress="15"] .circle .mask.half .fill {-webkit-transform: rotate(-126deg); -ms-transform: rotate(-126deg); transform: rotate(-126deg);} .donut[data-progress="16"] .circle .mask.full{display:none;} .donut[data-progress="16"] .circle .mask.half .fill {-webkit-transform: rotate(-122.4deg); -ms-transform: rotate(-122.4deg); transform: rotate(-122.4deg);} .donut[data-progress="17"] .circle .mask.full{display:none;} .donut[data-progress="17"] .circle .mask.half .fill {-webkit-transform: rotate(-118.8deg); -ms-transform: rotate(-118.8deg); transform: rotate(-118.8deg);} .donut[data-progress="18"] .circle .mask.full{display:none;} .donut[data-progress="18"] .circle .mask.half .fill {-webkit-transform: rotate(-115.2deg); -ms-transform: rotate(-115.2deg); transform: rotate(-115.2deg);} .donut[data-progress="19"] .circle .mask.full{display:none;} .donut[data-progress="19"] .circle .mask.half .fill {-webkit-transform: rotate(-111.6deg); -ms-transform: rotate(-111.6deg); transform: rotate(-111.6deg);} .donut[data-progress="20"] .circle .mask.full{display:none;} .donut[data-progress="20"] .circle .mask.half .fill {-webkit-transform: rotate(-108deg); -ms-transform: rotate(-108deg); transform: rotate(-108deg);} .donut[data-progress="21"] .circle .mask.full{display:none;} .donut[data-progress="21"] .circle .mask.half .fill {-webkit-transform: rotate(-104.4deg); -ms-transform: rotate(-104.4deg); transform: rotate(-104.4deg);} .donut[data-progress="22"] .circle .mask.full{display:none;} .donut[data-progress="22"] .circle .mask.half .fill {-webkit-transform: rotate(-100.8deg); -ms-transform: rotate(-100.8deg); transform: rotate(-100.8deg);} .donut[data-progress="23"] .circle .mask.full{display:none;} .donut[data-progress="23"] .circle .mask.half .fill {-webkit-transform: rotate(-97.2deg); -ms-transform: rotate(-97.2deg); transform: rotate(-97.2deg);} .donut[data-progress="24"] .circle .mask.full{display:none;} .donut[data-progress="24"] .circle .mask.half .fill {-webkit-transform: rotate(-93.6deg); -ms-transform: rotate(-93.6deg); transform: rotate(-93.6deg);} .donut[data-progress="25"] .circle .mask.full{display:none;} .donut[data-progress="25"] .circle .mask.half .fill {-webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);} .donut[data-progress="26"] .circle .mask.full{display:none;} .donut[data-progress="26"] .circle .mask.half .fill {-webkit-transform: rotate(-86.4deg); -ms-transform: rotate(-86.4deg); transform: rotate(-86.4deg);} .donut[data-progress="27"] .circle .mask.full{display:none;} .donut[data-progress="27"] .circle .mask.half .fill {-webkit-transform: rotate(-82.8deg); -ms-transform: rotate(-82.8deg); transform: rotate(-82.8deg);} .donut[data-progress="28"] .circle .mask.full{display:none;} .donut[data-progress="28"] .circle .mask.half .fill {-webkit-transform: rotate(-79.2deg); -ms-transform: rotate(-79.2deg); transform: rotate(-79.2deg);} .donut[data-progress="29"] .circle .mask.full{display:none;} .donut[data-progress="29"] .circle .mask.half .fill {-webkit-transform: rotate(-75.6deg); -ms-transform: rotate(-75.6deg); transform: rotate(-75.6deg);} .donut[data-progress="30"] .circle .mask.full{display:none;} .donut[data-progress="30"] .circle .mask.half .fill {-webkit-transform: rotate(-72deg); -ms-transform: rotate(-72deg); transform: rotate(-72deg);} .donut[data-progress="31"] .circle .mask.full{display:none;} .donut[data-progress="31"] .circle .mask.half .fill {-webkit-transform: rotate(-68.4deg); -ms-transform: rotate(-68.4deg); transform: rotate(-68.4deg);} .donut[data-progress="32"] .circle .mask.full{display:none;} .donut[data-progress="32"] .circle .mask.half .fill {-webkit-transform: rotate(-64.8deg); -ms-transform: rotate(-64.8deg); transform: rotate(-64.8deg);} .donut[data-progress="33"] .circle .mask.full{display:none;} .donut[data-progress="33"] .circle .mask.half .fill {-webkit-transform: rotate(-61.2deg); -ms-transform: rotate(-61.2deg); transform: rotate(-61.2deg);} .donut[data-progress="34"] .circle .mask.full{display:none;} .donut[data-progress="34"] .circle .mask.half .fill {-webkit-transform: rotate(-57.6deg); -ms-transform: rotate(-57.6deg); transform: rotate(-57.6deg);} .donut[data-progress="35"] .circle .mask.full{display:none;} .donut[data-progress="35"] .circle .mask.half .fill {-webkit-transform: rotate(-54deg); -ms-transform: rotate(-54deg); transform: rotate(-54deg);} .donut[data-progress="36"] .circle .mask.full{display:none;} .donut[data-progress="36"] .circle .mask.half .fill {-webkit-transform: rotate(-50.4deg); -ms-transform: rotate(-50.4deg); transform: rotate(-50.4deg);} .donut[data-progress="37"] .circle .mask.full{display:none;} .donut[data-progress="37"] .circle .mask.half .fill {-webkit-transform: rotate(-46.8deg); -ms-transform: rotate(-46.8deg); transform: rotate(-46.8deg);} .donut[data-progress="38"] .circle .mask.full{display:none;} .donut[data-progress="38"] .circle .mask.half .fill {-webkit-transform: rotate(-43.2deg); -ms-transform: rotate(-43.2deg); transform: rotate(-43.2deg);} .donut[data-progress="39"] .circle .mask.full{display:none;} .donut[data-progress="39"] .circle .mask.half .fill {-webkit-transform: rotate(-39.6deg); -ms-transform: rotate(-39.6deg); transform: rotate(-39.6deg);} .donut[data-progress="40"] .circle .mask.full{display:none;} .donut[data-progress="40"] .circle .mask.half .fill {-webkit-transform: rotate(-36deg); -ms-transform: rotate(-36deg); transform: rotate(-36deg);} .donut[data-progress="41"] .circle .mask.full{display:none;} .donut[data-progress="41"] .circle .mask.half .fill {-webkit-transform: rotate(-32.4deg); -ms-transform: rotate(-32.4deg); transform: rotate(-32.4deg);} .donut[data-progress="42"] .circle .mask.full{display:none;} .donut[data-progress="42"] .circle .mask.half .fill {-webkit-transform: rotate(-28.8deg); -ms-transform: rotate(-28.8deg); transform: rotate(-28.8deg);} .donut[data-progress="43"] .circle .mask.full{display:none;} .donut[data-progress="43"] .circle .mask.half .fill {-webkit-transform: rotate(-25.2deg); -ms-transform: rotate(-25.2deg); transform: rotate(-25.2deg);} .donut[data-progress="44"] .circle .mask.full{display:none;} .donut[data-progress="44"] .circle .mask.half .fill {-webkit-transform: rotate(-21.6deg); -ms-transform: rotate(-21.6deg); transform: rotate(-21.6deg);} .donut[data-progress="45"] .circle .mask.full{display:none;} .donut[data-progress="45"] .circle .mask.half .fill {-webkit-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg);} .donut[data-progress="46"] .circle .mask.full{display:none;} .donut[data-progress="46"] .circle .mask.half .fill {-webkit-transform: rotate(-14.4deg); -ms-transform: rotate(-14.4deg); transform: rotate(-14.4deg);} .donut[data-progress="47"] .circle .mask.full{display:none;} .donut[data-progress="47"] .circle .mask.half .fill {-webkit-transform: rotate(-10.8deg); -ms-transform: rotate(-10.8deg); transform: rotate(-10.8deg);} .donut[data-progress="48"] .circle .mask.full{display:none;} .donut[data-progress="48"] .circle .mask.half .fill {-webkit-transform: rotate(-7.2deg); -ms-transform: rotate(-7.2deg); transform: rotate(-7.2deg);} .donut[data-progress="49"] .circle .mask.full{display:none;} .donut[data-progress="49"] .circle .mask.half .fill {-webkit-transform: rotate(-3.6deg); -ms-transform: rotate(-3.6deg); transform: rotate(-3.6deg);} .donut[data-progress="50"] .circle .mask.full{display:none;} .donut[data-progress="50"] .circle .mask.half .fill {-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(-0deg);} .donut[data-progress="51"] .circle .mask.full .fill{-webkit-transform: rotate(3.6deg); -ms-transform: rotate(3.6deg); transform: rotate(3.6deg);} .donut[data-progress="51"] .circle .mask.half .fill {} .donut[data-progress="52"] .circle .mask.full .fill{-webkit-transform: rotate(7.2deg); -ms-transform: rotate(7.2deg); transform: rotate(7.2deg);} .donut[data-progress="52"] .circle .mask.half .fill {} .donut[data-progress="53"] .circle .mask.full .fill{-webkit-transform: rotate(10.8deg); -ms-transform: rotate(10.8deg); transform: rotate(10.8deg);} .donut[data-progress="53"] .circle .mask.half .fill {} .donut[data-progress="54"] .circle .mask.full .fill{-webkit-transform: rotate(14.4deg); -ms-transform: rotate(14.4deg); transform: rotate(14.4deg);} .donut[data-progress="54"] .circle .mask.half .fill {} .donut[data-progress="55"] .circle .mask.full .fill{-webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg);} .donut[data-progress="55"] .circle .mask.half .fill {} .donut[data-progress="56"] .circle .mask.full .fill{-webkit-transform: rotate(21.6deg); -ms-transform: rotate(21.6deg); transform: rotate(21.6deg);} .donut[data-progress="56"] .circle .mask.half .fill {} .donut[data-progress="57"] .circle .mask.full .fill{-webkit-transform: rotate(25.2deg); -ms-transform: rotate(25.2deg); transform: rotate(25.2deg);} .donut[data-progress="57"] .circle .mask.half .fill {} .donut[data-progress="58"] .circle .mask.full .fill{-webkit-transform: rotate(28.8deg); -ms-transform: rotate(28.8deg); transform: rotate(28.8deg);} .donut[data-progress="58"] .circle .mask.half .fill {} .donut[data-progress="59"] .circle .mask.full .fill{-webkit-transform: rotate(32.4deg); -ms-transform: rotate(32.4deg); transform: rotate(32.4deg);} .donut[data-progress="59"] .circle .mask.half .fill {} .donut[data-progress="60"] .circle .mask.full .fill{-webkit-transform: rotate(36deg); -ms-transform: rotate(36deg); transform: rotate(36deg);} .donut[data-progress="60"] .circle .mask.half .fill {} .donut[data-progress="61"] .circle .mask.full .fill{-webkit-transform: rotate(39.6deg); -ms-transform: rotate(39.6deg); transform: rotate(39.6deg);} .donut[data-progress="61"] .circle .mask.half .fill {} .donut[data-progress="62"] .circle .mask.full .fill{-webkit-transform: rotate(43.2deg); -ms-transform: rotate(43.2deg); transform: rotate(43.2deg);} .donut[data-progress="62"] .circle .mask.half .fill {} .donut[data-progress="63"] .circle .mask.full .fill{-webkit-transform: rotate(46.8deg); -ms-transform: rotate(46.8deg); transform: rotate(46.8deg);} .donut[data-progress="63"] .circle .mask.half .fill {} .donut[data-progress="64"] .circle .mask.full .fill{-webkit-transform: rotate(50.4deg); -ms-transform: rotate(50.4deg); transform: rotate(50.4deg);} .donut[data-progress="64"] .circle .mask.half .fill {} .donut[data-progress="65"] .circle .mask.full .fill{-webkit-transform: rotate(54deg); -ms-transform: rotate(54deg); transform: rotate(54deg);} .donut[data-progress="65"] .circle .mask.half .fill {} .donut[data-progress="66"] .circle .mask.full .fill{-webkit-transform: rotate(57.6deg); -ms-transform: rotate(57.6deg); transform: rotate(57.6deg);} .donut[data-progress="66"] .circle .mask.half .fill {} .donut[data-progress="67"] .circle .mask.full .fill{-webkit-transform: rotate(61.2deg); -ms-transform: rotate(61.2deg); transform: rotate(61.2deg);} .donut[data-progress="67"] .circle .mask.half .fill {} .donut[data-progress="68"] .circle .mask.full .fill{-webkit-transform: rotate(64.8deg); -ms-transform: rotate(64.8deg); transform: rotate(64.8deg);} .donut[data-progress="68"] .circle .mask.half .fill {} .donut[data-progress="69"] .circle .mask.full .fill{-webkit-transform: rotate(68.4deg); -ms-transform: rotate(68.4deg); transform: rotate(68.4deg);} .donut[data-progress="69"] .circle .mask.half .fill {} .donut[data-progress="70"] .circle .mask.full .fill{-webkit-transform: rotate(72deg); -ms-transform: rotate(72deg); transform: rotate(72deg);} .donut[data-progress="70"] .circle .mask.half .fill {} .donut[data-progress="71"] .circle .mask.full .fill{-webkit-transform: rotate(75.6deg); -ms-transform: rotate(75.6deg); transform: rotate(75.6deg);} .donut[data-progress="71"] .circle .mask.half .fill {} .donut[data-progress="72"] .circle .mask.full .fill{-webkit-transform: rotate(79.2deg); -ms-transform: rotate(79.2deg); transform: rotate(79.2deg);} .donut[data-progress="72"] .circle .mask.half .fill {} .donut[data-progress="73"] .circle .mask.full .fill{-webkit-transform: rotate(82.8deg); -ms-transform: rotate(82.8deg); transform: rotate(82.8deg);} .donut[data-progress="73"] .circle .mask.half .fill {} .donut[data-progress="74"] .circle .mask.full .fill{-webkit-transform: rotate(86.4deg); -ms-transform: rotate(86.4deg); transform: rotate(86.4deg);} .donut[data-progress="74"] .circle .mask.half .fill {} .donut[data-progress="75"] .circle .mask.full .fill{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .donut[data-progress="75"] .circle .mask.half .fill {} .donut[data-progress="76"] .circle .mask.full .fill{-webkit-transform: rotate(93.6deg); -ms-transform: rotate(93.6deg); transform: rotate(93.6deg);} .donut[data-progress="76"] .circle .mask.half .fill {} .donut[data-progress="77"] .circle .mask.full .fill{-webkit-transform: rotate(97.2deg); -ms-transform: rotate(97.2deg); transform: rotate(97.2deg);} .donut[data-progress="77"] .circle .mask.half .fill {} .donut[data-progress="78"] .circle .mask.full .fill{-webkit-transform: rotate(100.8deg); -ms-transform: rotate(100.8deg); transform: rotate(100.8deg);} .donut[data-progress="78"] .circle .mask.half .fill {} .donut[data-progress="79"] .circle .mask.full .fill{-webkit-transform: rotate(104.4deg); -ms-transform: rotate(104.4deg); transform: rotate(104.4deg);} .donut[data-progress="79"] .circle .mask.half .fill {} .donut[data-progress="80"] .circle .mask.full .fill{-webkit-transform: rotate(108deg); -ms-transform: rotate(108deg); transform: rotate(108deg);} .donut[data-progress="80"] .circle .mask.half .fill {} .donut[data-progress="81"] .circle .mask.full .fill{-webkit-transform: rotate(111.6deg); -ms-transform: rotate(111.6deg); transform: rotate(111.6deg);} .donut[data-progress="81"] .circle .mask.half .fill {} .donut[data-progress="82"] .circle .mask.full .fill{-webkit-transform: rotate(115.2deg); -ms-transform: rotate(115.2deg); transform: rotate(115.2deg);} .donut[data-progress="82"] .circle .mask.half .fill {} .donut[data-progress="83"] .circle .mask.full .fill{-webkit-transform: rotate(118.8deg); -ms-transform: rotate(118.8deg); transform: rotate(118.8deg);} .donut[data-progress="83"] .circle .mask.half .fill {} .donut[data-progress="84"] .circle .mask.full .fill{-webkit-transform: rotate(122.4deg); -ms-transform: rotate(122.4deg); transform: rotate(122.4deg);} .donut[data-progress="84"] .circle .mask.half .fill {} .donut[data-progress="85"] .circle .mask.full .fill{-webkit-transform: rotate(126deg); -ms-transform: rotate(126deg); transform: rotate(126deg);} .donut[data-progress="85"] .circle .mask.half .fill {} .donut[data-progress="86"] .circle .mask.full .fill{-webkit-transform: rotate(129.6deg); -ms-transform: rotate(129.6deg); transform: rotate(129.6deg);} .donut[data-progress="86"] .circle .mask.half .fill {} .donut[data-progress="87"] .circle .mask.full .fill{-webkit-transform: rotate(133.2deg); -ms-transform: rotate(133.2deg); transform: rotate(133.2deg);} .donut[data-progress="87"] .circle .mask.half .fill {} .donut[data-progress="88"] .circle .mask.full .fill{-webkit-transform: rotate(136.8deg); -ms-transform: rotate(136.8deg); transform: rotate(136.8deg);} .donut[data-progress="88"] .circle .mask.half .fill {} .donut[data-progress="89"] .circle .mask.full .fill{-webkit-transform: rotate(140.4deg); -ms-transform: rotate(140.4deg); transform: rotate(140.4deg);} .donut[data-progress="89"] .circle .mask.half .fill {} .donut[data-progress="90"] .circle .mask.full .fill{-webkit-transform: rotate(144deg); -ms-transform: rotate(144deg); transform: rotate(144deg);} .donut[data-progress="90"] .circle .mask.half .fill {} .donut[data-progress="91"] .circle .mask.full .fill{-webkit-transform: rotate(147.6deg); -ms-transform: rotate(147.6deg); transform: rotate(147.6deg);} .donut[data-progress="91"] .circle .mask.half .fill {} .donut[data-progress="92"] .circle .mask.full .fill{-webkit-transform: rotate(151.2deg); -ms-transform: rotate(151.2deg); transform: rotate(151.2deg);} .donut[data-progress="92"] .circle .mask.half .fill {} .donut[data-progress="93"] .circle .mask.full .fill{-webkit-transform: rotate(154.8deg); -ms-transform: rotate(154.8deg); transform: rotate(154.8deg);} .donut[data-progress="93"] .circle .mask.half .fill {} .donut[data-progress="94"] .circle .mask.full .fill{-webkit-transform: rotate(158.4deg); -ms-transform: rotate(158.4deg); transform: rotate(158.4deg);} .donut[data-progress="94"] .circle .mask.half .fill {} .donut[data-progress="95"] .circle .mask.full .fill{-webkit-transform: rotate(162deg); -ms-transform: rotate(162deg); transform: rotate(162deg);} .donut[data-progress="95"] .circle .mask.half .fill {} .donut[data-progress="96"] .circle .mask.full .fill{-webkit-transform: rotate(165.6deg); -ms-transform: rotate(165.6deg); transform: rotate(165.6deg);} .donut[data-progress="96"] .circle .mask.half .fill {} .donut[data-progress="97"] .circle .mask.full .fill{-webkit-transform: rotate(169.2deg); -ms-transform: rotate(169.2deg); transform: rotate(169.2deg);} .donut[data-progress="97"] .circle .mask.half .fill {} .donut[data-progress="98"] .circle .mask.full .fill{-webkit-transform: rotate(172.8deg); -ms-transform: rotate(172.8deg); transform: rotate(172.8deg);} .donut[data-progress="98"] .circle .mask.half .fill {} .donut[data-progress="99"] .circle .mask.full .fill{-webkit-transform: rotate(176.4deg); -ms-transform: rotate(176.4deg); transform: rotate(176.4deg);} .donut[data-progress="99"] .circle .mask.half .fill {} .donut[data-progress="100"] .circle .mask.full .fill{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .donut[data-progress="100"] .circle .mask.half .fill {}