/*####### Fonts font-family: 'Oswald', sans-serif; font-family: 'Open Sans', sans-serif; ########*/ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- // 0 - Bootstrap variables and mixins 1.0 - Reset 2.0 - Typography 3.0 - Elements 4.0 - Utilities 5.0 - Main 5.1 - Structure 6.0 - Navigation 6.1 - Top Menu 6.2 - Main Menu 6.3 - Sub header Menu 6.4 - Footer Menu 7.0 - Header 8.0 - Content 8.1 - Structure 8.2 - Featured area 8.3 - Post & Pages 8.4 - Error page 8.5 - Navigation 8.6 - Comments 8.7 - Elements 8.8 - Breadcrumbs 9.0 - Media 9.1 - Galleries 10.0 - Page/Post Layouts 11.0 - Sidebar 12.0 - Widgets 13.0 - Footer 13.1 - Footer Widgets 13.2 - Social icons 13.3 - Copyright & Powered 14.0 - Extras (alignment) 15.0 - Accessibility 16.0 - Plugin specific styles 16.1 - WooCommerce 16.2 - Jetpack --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - Reset --------------------------------------------------------------*/ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html {font-family: 'Open Sans', sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body {margin: 0;scroll-behavior: smooth;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} audio, canvas, progress, video {display: inline-block; vertical-align: baseline;} audio:not([controls]) {display: none; height: 0;} [hidden], template {display: none;} a {background: transparent;} a:active, a:hover {outline: 0;} abbr[title] {border-bottom: 1px dotted;} b, strong {font-weight: bold;} dfn {font-style: italic;} h1 {font-size: 2em; margin: 0.67em 0;} mark {background: #ff0; color: #000;} small {font-size: 80%;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {border: 0;} svg:not(:root) {overflow: hidden;} figure {margin: 1em 40px;} hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;} pre {overflow: auto;} code, kbd, pre, samp {font-family: 'Open Sans', sans-serif; font-size: 1em;} button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;} button {overflow: visible;} button, select {text-transform: none;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;} button[disabled], html input[disabled] {cursor: default;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} input {line-height: normal;} input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;} input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;} input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend {border: 0; padding: 0;} textarea {overflow: auto;} optgroup {font-weight: bold;} table {border-collapse: collapse; border-spacing: 0;} td, th {padding: 0;} @media print { * {text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important;} a, a:visited {text-decoration: underline;} a[href]:after {content: " (" attr(href) ")";} abbr[title]:after {content: " (" attr(title) ")";} a[href^="javascript:"]:after, a[href^="#"]:after {content: "";} pre, blockquote {border: 1px solid #999; page-break-inside: avoid;} thead {display: table-header-group;} tr, img {page-break-inside: avoid;} img {max-width: 100% !important;} p, h2, h3 {orphans: 3; widows: 3;} h2, h3 {page-break-after: avoid;} select {background: #fff !important;} .navbar {display: none;} .table td, .table th {background-color: #fff !important;} .btn > .caret, .dropup > .btn > .caret {border-top-color: #000 !important;} .label {border: 1px solid #000;} .table {border-collapse: collapse !important;} .table-bordered th, .table-bordered td {border: 1px solid #ddd !important;} } * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html {font-size: 62.5%; -webkit-tap-highlight-color: transparent;} body {font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.42857; color: #333333; background-color: white;;} input, button, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit;} a {color: #0081c8; text-decoration: none;} a:hover, a:focus {color: #333333; text-decoration: none;} a:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} figure {margin: 0;} img {vertical-align: middle;} .img-responsive {display: block; max-width: 100%; height: auto;} .img-rounded {border-radius: 6px;} .img-thumbnail {padding: 4px; line-height: 1.42857; background-color: white; border: 1px solid #dddddd; border-radius: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto;} .img-circle {border-radius: 50%;} hr {margin-top: 25px; margin-bottom: 25px; border: 0; border-top: 1px solid #d1d2d4;} .sr-only {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} .sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;} .mb-0 {margin-bottom: 0 !important;} .pb-0 {padding-bottom: 0 !important;} /*-------------------------------------------------------------- 2.0 - Typography --------------------------------------------------------------*/ @font-face {font-family: 'FontAwesome'; src: url("fonts/fontawesome-webfont.eot?v=4.1.0"); src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal;} /** * Typography */ /* HEADINGS ===================*/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit;} h1 {font-size: 50px; line-height: 55px; font-family: 'Oswald', sans-serif; text-transform: uppercase;} h2 {font-size: 34px; line-height: 40px; margin: 0 0 25px; font-weight: 700; font-family: 'Oswald', sans-serif; color: #062442;} h3 {font-size: 32px; line-height: 36px; margin: 0 0 10px; font-weight: 800; text-transform: none; font-family: 'Open Sans', sans-serif; color: #333333;} h4 {font-size: 24px; line-height: 28px; margin: 0 0 10px; font-weight: 700; text-transform: uppercase; font-family: 'Oswald', sans-serif; color: #333333;} h5 {font-size: 14px;} /* BODY TEXT ===================*/ p {font-size: 16px; line-height: 26px; margin: 0 0 20px; font-weight: 400; color: #333333; font-family: 'Open Sans', sans-serif;} li {font-size: 16px; line-height: 26px; margin: 0px; padding: 0 0 10px; font-weight: 400; color: #333333; font-family: 'Open Sans', sans-serif;} ul li {font-size: 16px; line-height: 26px; margin: 0px; padding: 0 0 10px; font-weight: 400; color: #333333; font-family: 'Open Sans', sans-serif; list-style-type: square;} ul li ol li {font-size: 16px; line-height: 26px; margin: 0px; padding: 0 0 10px; font-weight: 400; color: #333333; font-family: 'Open Sans', sans-serif; list-style-type: decimal;} @media (max-width: 800px) { h1 {font-size: 44px; line-height: 49px;} h2 {font-size: 30px; line-height: 36px;} h3 {font-size: 28px; line-height: 32px;} } @media (max-width: 600px) { h1 {font-size: 38px; line-height: 42px;} h2 {font-size: 26px; line-height: 32px;} h3 {font-size: 24px; line-height: 30px;} h4 {font-size: 18px; line-height: 20px;} } .single h1 {font-size: 40px; line-height: 50px; font-family: 'Open Sans', sans-serif; text-transform: none !important; color: #062442; font-weight: 800;} .single .post-entry h2 {font-size: 32px; line-height: 36px; margin: 0 0 10px; padding: 50px 0 0; font-weight: 800; text-transform: uppercase; font-family: 'Open Sans', sans-serif; color: #062442;} .single .post-entry h3 {font-size: 24px; line-height: 30px; margin: 0 0 5px; padding: 15px 0 0; font-weight: 800; text-transform: none; font-family: 'Open Sans', sans-serif; color: #062442;} .single .post-entry h4 {font-size: 22px; line-height: 28px; margin: 0 0 10px; font-weight: 700; text-transform: uppercase; font-family: 'Open Sans', sans-serif; color: #333333;} /* BODY TEXT ===================*/ .single .post-entry p {font-size: 20px; line-height: 32px; margin: 0 0 25px; font-weight: 400; color: #333333; font-family: 'Open Sans', sans-serif;} .single .post-entry li {font-size: 20px; line-height: 32px; margin: 0px; padding: 0 0 10px; font-weight: 400; color: #333333; font-family: 'Open Sans', sans-serif;} .single .post-entry img {padding: 20px 0 0; margin: 0 0 30px !important; display: block;} @media (max-width: 600px) { .single h1 {font-size: 34px; line-height: 44px;} .single .post-entry h2 {font-size: 28px; line-height: 32px; padding: 30px 0 0;} .single .post-entry h3 {font-size: 20px; line-height: 26px; padding: 10px 0 0;} .single .post-entry h4 {font-size: 18px; line-height: 24px;} .single .post-entry p {font-size: 18px; line-height: 28px; margin: 0 0 20px;} .single .post-entry li {font-size: 18px; line-height: 28px;} } /* EMPHASIS ===================*/ small, .small {font-size: 85%;} cite {font-style: normal;} mark, .mark {background-color: #fcf8e3; padding: .2em;} /* LISTS ===================*/ ul, ol {margin-top: 0; margin-bottom: 30px;} .post-entry ul, .post-entry ol {margin-top: 0; margin-bottom: 30px;} ul ul, ul ol, ol ul, ol ol {margin-bottom: 0;} /* DESCRIPTION LISTS ===================*/ dl {margin-top: 0; margin-bottom: 20px;} dt, dd {line-height: 1.42857;} dt {font-weight: bold;} dd {margin-left: 0;} /* MISC ===================*/ abbr[title], abbr[data-original-title] {cursor: help; border-bottom: 1px dotted #999999;} blockquote {padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee;} blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {margin-bottom: 0;} blockquote footer, blockquote small, blockquote .small {display: block; font-size: 80%; line-height: 1.42857; color: #999999;} blockquote footer:before, blockquote small:before, blockquote .small:before {content: '\2014 \00A0';} blockquote:before, blockquote:after {content: "";} address {margin-bottom: 20px; font-style: normal; ine-height: 1.42857;} /*-------------------------------------------------------------- 3.0 - Elements --------------------------------------------------------------*/ code, kbd, pre, samp {font-family: Menlo, Monaco, Consolas, "Courier New", monospace;} code {padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 0;} kbd {padding: 2px 4px; font-size: 90%; color: white; background-color: #333333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);} pre {display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857;word-break: break-all; word-wrap: break-word; color: #333333; background-color: whitesmoke; border: 1px solid #cccccc; border-radius: 0;} pre code {padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0;} .pre-scrollable {max-height: 340px; overflow-y: scroll;} table {max-width: 100%; background-color: transparent;} th {text-align: left;} table {width: 100%; margin-bottom: 20px;} table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td {padding: 10px 8px; line-height: 26px; font-size: 16px; vertical-align: top;} table > thead > tr > th {vertical-align: bottom; border-bottom: 2px solid #dddddd;} table > caption + thead > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > th, table > thead:first-child > tr:first-child > td {border-top: 0;} table > tbody + tbody {border-top: 2px solid #dddddd;} fieldset {padding: 0; margin: 0; border: 0; min-width: 0;} legend {display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5;} label {display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold;} input[type="search"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} input[type="radio"], input[type="checkbox"] {margin: 4px 0 0; margin-top: 1px \9; line-height: normal;} input[type="file"] {display: block;} input[type="range"] {display: block; width: 100%;} select[multiple], select[size] {height: auto;} input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} output {display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #555555;} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {display: inline-block; width: 100%; padding: 11px 15px; font-size: 16px; line-height: 26px;; color: #555555; background-color: white; background-image: none; border: 1px solid #bbbbbb; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;} select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);} select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder {color: #999999; opacity: 1;} select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder {color: #999999;} select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder {color: #999999;} select[disabled], select[readonly], fieldset[disabled] select, textarea[disabled], textarea[readonly], fieldset[disabled] textarea, input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"] {cursor: not-allowed; background-color: #eeeeee; opacity: 1;} textarea {height: 200px;} input[type="submit"], input[type="reset"], input[type="button"] {color: #fff; background-color: #dc1d30; text-transform: uppercase; padding: 12px 30px; font-size: 15px; line-height: 23px; border: 2px solid #dc1d30; font-family: 'Oswald',sans-serif; font-weight: 700; text-align: center; display: inline-block;} input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="submit"].active, .open > input[type="submit"].dropdown-toggle, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="reset"].active, .open > input[type="reset"].dropdown-toggle, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="button"].active, .open > input[type="button"].dropdown-toggle {color: #fff !important; background-color: #333; text-decoration: none; border: 2px solid #333;} input[type="submit"]:active, input[type="submit"].active, .open > input[type="submit"].dropdown-toggle, input[type="reset"]:active, input[type="reset"].active, .open > input[type="reset"].dropdown-toggle, input[type="button"]:active, input[type="button"].active, .open > input[type="button"].dropdown-toggle {background-image: none;} input[type="submit"].disabled, input[type="submit"].disabled:hover, input[type="submit"].disabled:focus, input[type="submit"].disabled:active, input[type="submit"].disabled.active, input[type="submit"][disabled], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, input[type="submit"][disabled]:active, input[type="submit"][disabled].active, fieldset[disabled] input[type="submit"], fieldset[disabled] input[type="submit"]:hover, fieldset[disabled] input[type="submit"]:focus, fieldset[disabled] input[type="submit"]:active, fieldset[disabled] input[type="submit"].active, input[type="reset"].disabled, input[type="reset"].disabled:hover, input[type="reset"].disabled:focus, input[type="reset"].disabled:active, input[type="reset"].disabled.active, input[type="reset"][disabled], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="reset"][disabled]:active, input[type="reset"][disabled].active, fieldset[disabled] input[type="reset"], fieldset[disabled] input[type="reset"]:hover, fieldset[disabled] input[type="reset"]:focus, fieldset[disabled] input[type="reset"]:active, fieldset[disabled] input[type="reset"].active, input[type="button"].disabled, input[type="button"].disabled:hover, input[type="button"].disabled:focus, input[type="button"].disabled:active, input[type="button"].disabled.active, input[type="button"][disabled], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="button"][disabled]:active, input[type="button"][disabled].active, fieldset[disabled] input[type="button"], fieldset[disabled] input[type="button"]:hover, fieldset[disabled] input[type="button"]:focus, fieldset[disabled] input[type="button"]:active, fieldset[disabled] input[type="button"].active {background-color: #cf0013; border-color: #cf0013;} input[type="submit"] .badge, input[type="reset"] .badge, input[type="button"] .badge {color: #428bca; background-color: white;} input[type="submit"]:focus, input[type="submit"]:active:focus, input[type="submit"].active:focus, input[type="reset"]:focus, input[type="reset"]:active:focus, input[type="reset"].active:focus, input[type="button"]:focus, input[type="button"]:active:focus, input[type="button"].active:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus {color: #cf0013; text-decoration: none;} input[type="submit"]:active, input[type="submit"].active, input[type="reset"]:active, input[type="reset"].active, input[type="button"]:active, input[type="button"].active {outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);} /*-------------------------------------------------------------- 5.0 Main --------------------------------------------------------------*/ body {word-wrap: break-word; background: #fff;} /*-------------------------------------------------------------- 5.1 Structure --------------------------------------------------------------*/ .container, #featured-area {margin-right: auto; margin-left: auto; max-width: 1140px; padding: 0 20px;} #content {max-width: 1140px; width: 100%; margin: 0 auto; padding: 0 20px; overflow: hidden;} #content-archive {max-width: 1140px; width: 100%; margin: 0 auto; padding: 0 20px; overflow: hidden;} #content-search {max-width: 1140px; width: 100%; margin: 0 auto; padding: 0 20px; overflow: hidden;} #content-search article {margin-bottom: 50px; border-bottom: none !important; padding: 0 !important;} #content-search .entry-summary {font-size: 16px; line-height: 26px; margin: 0 0 20px; font-weight: 400; color: #333333; padding: 0 0 50px; border-bottom: 1px solid #adadad;} #content-search .entry-title {font-size: 34px; line-height: 44px; color: #004990 !important; margin: 0 0 10px; font-weight: 700;} #content-search .read-more {margin: 35px 0 0;} #content-search .read-more a {color: #0081c8; background-color: #ffffff; text-transform: uppercase; padding: 13px 15px; font-size: 18px; line-height: 22px; border: 2px solid #0081c8; font-weight: 700; text-align: center; display: inline-block; width: 100%; max-width: 280px; letter-spacing: 0px;} #content-search .read-more a:hover {color: #fff; background-color: #0081c8; text-decoration: none; border: 2px solid #0081c8;} .error404 #main.error-page {margin: 0 auto; max-width: 1140px; width: 100%; padding: 50px 20px 120px; float: none;} .single #content {max-width: 1140px; width: 100%; margin: 0 auto; padding: 0 20px; overflow: hidden;} #content-full {margin: 0 auto; width: 100%; padding: 0;} #header .container {margin-right: auto; margin-left: auto; max-width: 1100px; padding: 0; border-bottom: 1px solid #d7d7d7;} .container:before, .content-area:before, #featured-area:before, .home-widgets:before, #footer #footer-wrapper:before, .container:after, .content-area:after, #featured-area:after, .home-widgets:after, #footer #footer-wrapper:after {content: " "; display: table;} .container:after, .content-area:after, #featured-area:after, .home-widgets:after, #footer #footer-wrapper:after {clear: both;} .container-full-width, .home-widgets {margin-right: auto; margin-left: auto;} /*.site-content {padding-top: 148px;}*/ .site-content {padding-top: 126px;} .page-template-default #wrapper {width: 100%; height: 100%;} .content-sidebar-page #wrapper {width: 100%; height: 100%;} @media (max-width: 1330px) { .site-content {padding-top: 168px;} } .home #wrapper {background: #ffffff;} @media (max-width: 992px) { .site-content {padding-top: 53px;} } /*-------------------------------------------------------------- 6.0 Menu --------------------------------------------------------------*/ /*-------------------------------------------------------------- 6.1 Top Menu --------------------------------------------------------------*/ #top-menu-container {padding: 0; background: linear-gradient(to right, #746e6b 0%, #746e6b 50%, #cf0013 50%, #cf0013 100%);} #top-menu-container .top-menu {float: right; margin: 0; padding: 0;} #top-menu-container .top-menu li {float: left; margin: 0 12px; list-style: none; font-size: 14px; line-height: 22px; font-weight: 700; text-transform: uppercase; font-family: 'Open Sans', sans-serif; padding: 0;} #top-menu-container .top-menu li a {text-decoration: none; color: #ffffff; } #top-menu-container .top-menu li a:hover {color: #ef0013;} #top_menu_wrapper {max-width: 1100px; width: 100%; margin: 0 auto; height: 40px;} #top_menu_area {display: inline-block; width: 100%; margin-bottom: 0px;} #top-menu {float: right; position: relative; max-width: 500px; width: 100%; margin: 0; padding: 9px 20px; background-color: #746e6b;} .header-container {width: 100%; margin: 0 auto; position: fixed; z-index: 5000;} @media (max-width: 992px) { #top-menu-container {display: none;} .header-container {border-bottom: 1px solid #bbbbbb;} } /*-------------------------------------------------------------- 6.2 Main Menu --------------------------------------------------------------*/ #main-menu {float: left; max-width: 1100px; width: 100%; padding: 10px 0; letter-spacing: 0px;} #mobile-nav-button {float: right; padding: 0 0 0 10px; font-size: 1.5em; background: #333333; border: none;} #mobile-nav-button:before {content: "\f0c9"; color: #eeeeee; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #mobile-nav-button:hover {cursor: pointer;} #mobile-nav-button:hover:before {color: #999999;} @media (min-width: 992px) { #mobile-nav-button {display: none;} } #mobile-current-item {position: absolute; top: 10px; padding-left: 10px; color: #ffffff; font-size: 18px; line-height: 34px; font-weight: 500;} @media (min-width: 992px) { #mobile-current-item {display: none;} } #main-menu-container {background-color: #333333;} #main-navigation:before, #main-navigation:after {content: " "; display: table;} #main-navigation:after {clear: both;} #main-navigation.menu-open ul {display: block;} #main-navigation ul {display: none; margin: 0; padding-left: 10px; list-style: none;} #main-navigation ul li {margin: 0; padding: 0; list-style: none;} #main-navigation ul li a {color: #262525; font-weight: 700; text-decoration: none; font-size: 16px; line-height: 69px; margin: 0 0 0 25px; padding: 0;} #main-navigation ul li a:hover {color: #ef0013;} #main-navigation ul li a:last-child {margin: 0 0 0 13px; } #main-navigation .main-nav > ul {padding-top: 35px;} #main-navigation .main-nav .menu li li a::before {content: '\2013'; position: absolute; margin-left: -15px;} @media (min-width: 992px) { #main-navigation ul {display: block;} #main-navigation .main-nav ul {padding: 0;} #main-navigation .main-nav ul:before, #main-navigation .main-nav ul:after {content: " "; display: table;} #main-navigation .main-nav ul:after {clear: both;} #main-navigation .main-nav ul li {margin: 0; padding: 0; list-style: none; position: relative; float: left;} #main-navigation .main-nav ul li:hover > ul {display: block;} #main-navigation .main-nav ul li li:hover > ul {left: 100%; top: 0;} /*#main-navigation .main-nav ul li > ul {position: absolute; z-index: 999; width: auto; min-width: 280px; padding: 20px; background-color: #f1f1f1; border: 1px solid #d7d7d7;}*/ #main-navigation .main-nav ul li > ul {position: absolute; z-index: 999; width: auto; min-width: 200px; padding: 20px; background: #f1f1f1; border: 1px solid #d7d7d7;} #main-navigation .main-nav ul li > ul:after, #main-navigation .main-nav ul li > ul:before {bottom: 100%; left: 30%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} #main-navigation .main-nav ul li > ul:after {border-color: rgba(241, 241, 241, 0); border-bottom-color: #f1f1f1; border-width: 10px; margin-left: -10px;} #main-navigation .main-nav ul li > ul:before {border-color: rgba(215, 215, 215, 0); border-bottom-color: #d7d7d7; border-width: 11px; margin-left: -11px;} #main-navigation .main-nav ul li ul {display: none;} #main-navigation .main-nav ul li ul li {float: none; text-align: center; padding: 6px 0px;} #main-navigation .main-nav ul li ul li a {line-height: 22px; border-bottom: none; font-size: 16px; color: #454545; font-weight: 400; margin: 0; padding: 0 0 10px;} #main-navigation .main-nav ul li ul li a:hover {color: #e1261c;} #main-navigation .main-nav .menu li li a::before {content: ''; position: relative; margin-left: 0;} } @media (max-width: 992px){ #main-navigation .main-nav > ul {padding: 50px 0 25px;} #main-menu {position: relative; width: 100%; float: none; padding: 10px 20px !important; background-color: #333333; max-width: 1000px;} #main-navigation .main-nav ul li ul {margin-left: 20px;} #main-navigation ul li a {color: #ffffff; margin: 0; border-bottom: none; padding: 0; line-height: 35px;} #main-navigation ul li a:hover {border-bottom: none; color: #e1261c;} #main-navigation ul li a:last-child {margin: 0;} } /*-------------------------------------------------------------- 6.3 Subheader Menu --------------------------------------------------------------*/ #sub-menu-container {background-color: #333333;} #sub-navigation:before, #sub-navigation:after {content: " "; display: table;} #sub-navigation:after {clear: both;} #sub-navigation.menu-open ul {display: block;} #sub-navigation ul {display: none; margin: 0; padding-left: 10px; list-style: none;} #sub-navigation ul li { margin: 0; padding: 0; list-style: none;} #sub-navigation ul li a {color: #fff; text-decoration: none; line-height: 3em;} #sub-navigation ul li a:hover {color: #fff;} #sub-navigation > ul {padding-top: 35px;} @media (min-width: 992px) { #sub-navigation ul {display: block;} #sub-navigation ul {padding: 0;} #sub-navigation ul:before, #sub-navigation ul:after {content: " "; display: table;} #sub-navigation ul:after {clear: both;} #sub-navigation ul li {margin: 0; padding: 0; list-style: none; position: relative; float: left;} #sub-navigation ul li:hover ul {display: block;} #sub-navigation ul li li:hover > ul {left: 100%; top: 0;} #sub-navigation ul li a {margin: 13px; color: #fff;} #sub-navigation ul li a:hover {text-decoration: none; color: #fff;} #sub-navigation ul li > ul {position: absolute; z-index: 999; width: auto; min-width: 200px; padding: 0; background-color: #999999;} #sub-navigation ul li ul {display: none;} #sub-navigation ul li ul li {float: none; } #sub-navigation ul li ul li a {line-height: 2.5em; white-space: nowrap;} } /*-------------------------------------------------------------- 6.4 Footer Menu --------------------------------------------------------------*/ #footer-menu-container .footer-menu {margin: 0; padding: 0;} @media (min-width: 992px) { #footer-menu-container .footer-menu {float: left;} } #footer-menu-container .footer-menu li {float: left; margin-left: 10px; list-style: none;} #footer-menu-container .footer-menu li:after {content: '|'; color: #999999; font-weight: 100; margin-left: 10px;} #footer-menu-container .footer-menu li:last-child:after {margin-left: 0; content: '';} #footer-menu-container .footer-menu li a {text-decoration: none; color: #eeeeee; font-size: 0.8em;} #footer-menu-container .footer-menu li a:hover {color: #428bca;} /*-------------------------------------------------------------- 7.0 - Header --------------------------------------------------------------*/ #header {padding-top: 0; padding-bottom: 0px;} .header-row {} .header-row:before, .header-row:after {content: " "; display: table;} .header-row:after {clear: both;} #site-branding {position: relative; min-height: 1px; padding: 10px 0; float: left; max-width: 101px; width: 100%; margin-right: 25px;} #site-branding .site-name a {color: #333333;} #site-branding .site-description {font-size: 20px;} #secondary-header {position: relative; min-height: 1px; padding: 0 0 20px; text-align: center; float: right; width: calc(100% - 589px); margin: 9px 19px 0 0;} #secondary-header-area {display: inline-block; width: 100%; margin: 0 auto;} #secondary-header p {font-size: 13px; line-height: 17px; font-weight: 600; margin: 0;} #secondary-header a {color: #ffffff;} #secondary-header a:hover {color: #746e6b;} #secondary-header img {margin: -2px 0 0 10px;} #secondary-header #text-2 a {color: #0081c8;} #secondary-header #text-2 a:hover {color: #746e6b;} .page-template-landing-page .breadcrumb-list {display: none;} .page-template-pillar-page .breadcrumb-list {display: none;} .archive .breadcrumb-list {display: none;} .single .breadcrumb-list {display: none;} #header_landing_container {z-index: 1000; width: 100%; background-color: #ffffff; background-size: cover;} #header_landing_wrapper {display: inline-block; width: 100%; margin-bottom: 0; border-bottom: 1px solid #dfe6ea;} #header_lander_top {padding: 20px; margin: 0 auto; max-width: 1140px; width: 100%; position: relative;} #header_landing_logo {max-width: 210px; width: 100%; margin: 0;} #header_lander_bottom {background-color: #333333;} #header_bottom_area {padding: 55px 20px; margin: 0 auto; max-width: 780px; width: 100%; position: relative;} #header_landing_title {} #header_landing_title h1 {color: #ffffff; text-align: center; padding: 0; margin: 0;} @media (max-width: 1330px) { #secondary-header {max-width: 395px; width: 100%;} } @media (max-width: 992px) { #site-branding {float: none; margin: 0 auto; padding: 10px 0 20px;} #secondary-header {display: none;} } @media (max-width: 600px) { #header_landing_logo {max-width: 160px;} } /*-------------------------------------------------------------- 8.0 - Structure --------------------------------------------------------------*/ .content-area:before, .content-area:after {content: " "; display: table;} .content-area:after {clear: both;} .front-page .content-area {width: 100%; padding: 0; background: #0079C0; margin: 0; color: #fff;} main:before, main:after {content: " "; display: table;} main:after {clear: both;} /*-------------------------------------------------------------- 8.2 - Featured area --------------------------------------------------------------*/ main #featured-content, main #featured-image {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; padding: 40px 30px;} @media (min-width: 992px) { main #featured-content, main #featured-image {float: left; width: 50%;} } main #featured-content h1, main #featured-image h1, main #featured-content h2, main #featured-image h2, main #featured-content p, main #featured-image p {text-align: center;} main #featured-content .call-to-action, main #featured-image .call-to-action {padding: 15px 0; text-align: center; margin-top: 30px;} main #featured-content .call-to-action .cta-button, main #featured-image .call-to-action .cta-button {color: white; background-color: #0d4c82; border-color: #0b3e6b; padding: 15px 35px; font-size: 24px; line-height: 24px; border-radius: 0;} main #featured-content .call-to-action .cta-button:hover, main #featured-image .call-to-action .cta-button:hover, main #featured-content .call-to-action .cta-button:focus, main #featured-image .call-to-action .cta-button:focus, main #featured-content .call-to-action .cta-button:active, main #featured-image .call-to-action .cta-button:active, main #featured-content .call-to-action .cta-button.active, main #featured-image .call-to-action .cta-button.active, .open > main #featured-content .call-to-action .cta-button.dropdown-toggle, .open > main #featured-image .call-to-action .cta-button.dropdown-toggle {color: white; background-color: #083154; border-color: #051e33;} main #featured-content .call-to-action .cta-button:active, main #featured-image .call-to-action .cta-button:active, main #featured-content .call-to-action .cta-button.active, main #featured-image .call-to-action .cta-button.active, .open > main #featured-content .call-to-action .cta-button.dropdown-toggle, .open > main #featured-image .call-to-action .cta-button.dropdown-toggle {background-image: none;} main #featured-content .call-to-action .cta-button.disabled, main #featured-image .call-to-action .cta-button.disabled, main #featured-content .call-to-action .cta-button.disabled:hover, main #featured-image .call-to-action .cta-button.disabled:hover, main #featured-content .call-to-action .cta-button.disabled:focus, main #featured-image .call-to-action .cta-button.disabled:focus, main #featured-content .call-to-action .cta-button.disabled:active, main #featured-image .call-to-action .cta-button.disabled:active, main #featured-content .call-to-action .cta-button.disabled.active, main #featured-image .call-to-action .cta-button.disabled.active, main #featured-content .call-to-action .cta-button[disabled], main #featured-image .call-to-action .cta-button[disabled], main #featured-content .call-to-action .cta-button[disabled]:hover, main #featured-image .call-to-action .cta-button[disabled]:hover, main #featured-content .call-to-action .cta-button[disabled]:focus, main #featured-image .call-to-action .cta-button[disabled]:focus, main #featured-content .call-to-action .cta-button[disabled]:active, main #featured-image .call-to-action .cta-button[disabled]:active, main #featured-content .call-to-action .cta-button[disabled].active, main #featured-image .call-to-action .cta-button[disabled].active, fieldset[disabled] main #featured-content .call-to-action .cta-button, fieldset[disabled] main #featured-image .call-to-action .cta-button, fieldset[disabled] main #featured-content .call-to-action .cta-button:hover, fieldset[disabled] main #featured-image .call-to-action .cta-button:hover, fieldset[disabled] main #featured-content .call-to-action .cta-button:focus, fieldset[disabled] main #featured-image .call-to-action .cta-button:focus, fieldset[disabled] main #featured-content .call-to-action .cta-button:active, fieldset[disabled] main #featured-image .call-to-action .cta-button:active, fieldset[disabled] main #featured-content .call-to-action .cta-button.active, fieldset[disabled] main #featured-image .call-to-action .cta-button.active {background-color: #0d4c82; border-color: #0b3e6b;} main #featured-content .call-to-action .cta-button .badge, main #featured-image .call-to-action .cta-button .badge {color: #0d4c82; background-color: white;} main #featured-content .call-to-action .cta-button:hover, main #featured-image .call-to-action .cta-button:hover {text-decoration: none;} .home-widget {position: relative; min-height: 1px; padding-left: 0; padding-right: 0;} .home-widget .widget-wrapper .widget-title-home {text-align: center; margin-top: 0;} /*################### Home Hero ################*/ #home_hero {display: inline-block; width: 100%; margin: 0;} #text-8 {padding: 100px 20px 35px; margin: 0; width: 50%; float: left; min-height: 560px; position: relative; background-color: #0081c8; background-image: url(/wp-content/uploads/bkgd_home_hero_left_products.jpg); background-position: center; background-size: cover;} #hero_left_area {float: right; max-width: 560px; width: 100%; padding: 0 110px 0 0; z-index: 100; position: relative;} #hero_left_area h1 {margin: 0 0 20px; font-weight: 500; color: #ffffff;} #hero_left_area p {font-weight: 600; color: #ffffff; margin: 0 0 25px;} #hero_left_area a {color: #ffffff;} #hero_left_area a:hover {color: #333333;} .page-id-3647 #text-8 {background-image: none;} /*.page-id-3647 #main_banner_bkgd {display: none;}*/ .vimeo-wrapper {position: absolute; top: 0px; left: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; overflow: hidden;} .vimeo-wrapper video { width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .vimeo-wrapper .overlay {position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.61);} .wistia-wrapper {} .wistia_placebo_close_button {background: #0081c8 !important; border-radius: 50%; max-width: 18px;} .wistia_placebo_close_button:hover {background: #dc1d30 !important;} .wistia_placebo_close_button img {right: 3px !important; top: 3px !important; height: 25px !important; width: 25px !important;} .wistia_popover_overlay {background-color: rgba(0, 0, 0, 0.8) !important;} #wistia_video {margin: 0 auto 40px; padding: 20px 0 0;} .home_hero_bold_block {display: block; font-weight: 700;} #text-9 {padding: 35px 20px 25px; margin: 0 0 4px 4px; width: calc(50% - 4px); float: right; background-image: url(/wp-content/uploads/FAS_Index_2021_aboutVideo-hero.jpg); background-position: center; background-size: cover; min-height: 278px;} #hero_right_top_area {float: left; max-width: 425px; width: 100%; padding: 0 0 0 25px;} #hero_right_top_area h2 {font-family: 'Open Sans', sans-serif; font-size: 23px; line-height: 28px; margin: 0 0 20px; font-weight: 700; color: #ffffff; text-transform: none;} #hero_right_top_area h5 {font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 23px; margin: 0 0 5px; font-weight: 700; color: #ffffff; text-transform: uppercase;} #hero_right_top_area h5:last-child {font-size: 20px;} #hero_right_top_area h5 img {margin: -3px 0 0 10px;} #hero_right_top_area hr {width: 200px; margin: 0 0 15px; border: 1px solid #dc1d30;} #hero_right_top_area a {color: #dc1d30; font-weight: 600; font-family: 'Oswald', sans-serif;} #hero_right_top_area a:hover {color: #ffffff;} #text-14 {padding: 13px 20px 0px; margin: 0 0 0 4px; width: calc(50% - 4px); float: right; background-color: #001d39; min-height: 278px;} #hero_right_bottom_area {float: left; max-width: 535px; width: 100%; padding: 0 0 0 25px; display: inline-block;} #hero_right_bottom_area h2 {font-family: 'Open Sans', sans-serif; font-size: 23px; line-height: 28px; margin: 0 0 20px; font-weight: 700; color: #ffffff; text-transform: none;} #hero_right_bottom_area h5 {font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 23px; margin: 0 0 5px; font-weight: 700; color: #ffffff; text-transform: uppercase;} #hero_right_bottom_area h5:last-child {font-size: 20px;} #hero_right_bottom_area h5 img {margin: -3px 0 0 10px;} #hero_right_bottom_area hr {width: 200px; margin: 0 0 15px; border: 1px solid #dc1d30;} #hero_right_bottom_area a {color: #dc1d30; font-weight: 600; font-family: 'Oswald', sans-serif;} #hero_right_bottom_area a:hover {color: #ffffff;} #hero_right_bottom_content {float: left; max-width: 295px; width: 100%; margin: 60px 30px 0 0;} #hero_right_bottom_image {float: left; max-width: 184px; width: 100%; margin: 0;} @media (max-width: 1175px) { #hero_right_bottom_content {max-width: 200px; width: 100%; margin: 35px 30px 0 0;} } @media (max-width: 1140px) { #hero_left_area {float: none;} #hero_right_top_area {float: none;} #hero_right_bottom_area {float: none;} #hero_left_area {padding: 0;} } @media (max-width: 1000px) { #home_hero {margin: 0 0 -5px;} #text-8 {padding: 60px 20px; width: 100%; float: none; min-height: 100px; text-align: center; margin: 0 0 4px;} #hero_left_area {max-width: 680px; width: 100%; margin: 0 auto; padding: 0;} #text-9 {padding: 60px 20px 50px; margin: 0 0 4px; width: 100%; float: none; min-height: 50px; text-align: center;} #hero_right_top_area {max-width: 680px; width: 100%; margin: 0 auto; padding: 0;} #text-14 {width: 100%; float: none; min-height: 50px; text-align: center; margin:0;} #hero_right_bottom_area {max-width: 600px; width: 100%; margin: 0 auto; padding: 0;} #hero_right_bottom_content {max-width: 300px; width: 100%; margin: 50px 30px 0 0;} #hero_right_top_area hr {margin: 0 auto 15px;} #hero_right_bottom_area hr {margin: 0 auto 15px;} } @media (max-width: 800px){ #hero_left_area h1 {font-size: 42px; line-height: 50px;} } @media (max-width: 600px){ #hero_left_area h1 {font-size: 35px; line-height: 42px;} #hero_right_bottom_content {float: none; max-width: 500px; width: 100%; margin: 0 auto 30px;} #hero_right_bottom_image {float: none; max-width: 184px; width: 100%; margin: 0 auto;} #text-9 {padding: 40px 20px 30px;} #text-14 {padding: 40px 20px 0;} #hero_right_top_area h2 {font-size: 20px; line-height: 25px;} #hero_right_bottom_area h2 {font-size: 20px; line-height: 25px;} } @media (max-width: 480px){ #hero_right_bottom_image {max-width: 120px; width: 100%;} } /*##################################################*/ /*################### Home Widget 1 ################*/ #home_widget_1 {} #text-10 {padding: 0; margin: 0 auto; width: 100%;} #home_product_section_wrapper {padding: 100px 20px 60px; margin: 0 auto; max-width: 1220px; width: 100%;} #home_product_section_area {display: inline-block; width: 100%; margin: 0 auto;} #home_product_section_top {max-width: 750px; width: 100%; padding: 0 0 30px; text-align: center; margin: 0 auto;} #home_product_wrapper {margin: 0 auto; width: 100%;} #home_product_area {display: flex; width: 100%; margin: 0 auto; flex-wrap: wrap;} #home_product_area h3 {font-size: 24px; line-height: 30px; margin: 0 0 10px; font-weight: 400; font-family: 'Oswald', sans-serif; text-transform: uppercase;} #home_product_area p {margin: 0 0 15px;} #home_product_area a {display: inline-block; color: #dc1d30; font-weight: 600; font-size: 15px; line-height: 23px; font-family: 'Oswald', sans-serif; text-transform: uppercase;} #home_product_area a:hover {color: #333333;} .home_product_blocks {float: left; width: calc(25% - 40px); margin: 0 20px 40px;} .home_product_image {margin: 0 auto 25px; float: none;} .home_product_image img {margin: 0 auto; display: block;} .home_product_info {text-align: center;} .home_product_info a img {margin: 0 0 0 10px;} @media (min-width: 601px) { .home_product_image {height: 120px; position: relative;} .home_product_image img {position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);} } @media (max-width: 1000px) { .home_product_blocks {width: calc(50% - 40px); margin: 0 20px 40px;} } @media (max-width: 800px) { #home_product_section_wrapper {padding: 80px 20px 40px;} } @media (max-width: 600px) { #home_product_section_wrapper {padding: 60px 20px 20px;} .home_product_blocks {width: 100%; margin: 0 auto 40px; float: none;} #home_product_area h3 {font-size: 18px; line-height: 20px;} } #featured_cta_area {display: inline-block; width: 100%; margin-bottom: -5px;} #featured_cta_left {float: left; width: 100%; max-width: 530px; margin: 65px 98px 0 0;} #featured_cta_right {float: left; width: 100%; max-width: 272px; margin: 0;} #featured_cta_left p {text-align: left; font-size: 20px; line-height: 30px; font-weight: 600; margin: 0 0 10px; text-transform: uppercase;} #featured_cta_left h2 {text-align: left; font-size: 43px; line-height: 53px; font-weight: 700; color: #004990; margin: 0 0 35px;} #featured_cta_left h4 {text-align: left; font-size: 23px; line-height: 33px; font-weight: 400; margin: 0;} #featured_cta_left img {margin: -2px 0 0 5px;} #featured_cta_left a {color: #0081c8;} #featured_cta_left a:hover {color: #333333;} @media (max-width: 960px) { #featured_cta_left p {text-align: center;} #featured_cta_left h2 {text-align: center;} #featured_cta_left h4 {text-align: center;} #featured_cta_left {float: none; margin: 0 auto 40px;} #featured_cta_right {float: none; margin: 0 auto;} } @media (max-width: 600px) { #featured_cta_left h2 {font-size: 33px; line-height: 43px; margin: 0 0 20px;} } /*##################################################*/ /*################### Home Widget 2 ################*/ #thirty_years_container {background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;} #thirty_years_wrapper {padding: 95px 20px; margin: 0 auto; max-width: 1140px; width: 100%;} #thirty_years_area {display: inline-block; width: 100%; margin: 0 auto;} #thirty_years_content {max-width: 700px; width: 100%; padding: 55px 45px; background-color: rgba(0,73,144,.82); float: none; margin: 0 auto;} #thirty_years_area h3 {font-family: 'Oswald', sans-serif; font-weight: 700; color: #ffffff; margin: 0 0 20px; text-transform: uppercase; text-align: left; font-size: 34px; line-height: 37px;} #thirty_years_area p {font-weight: 600; color: #ffffff; margin: 0 0 25px;} .thirty_years_buttons {display: inline-block; width: 100%; margin: 0 auto;} .thirty_years_btn_left {float: left; margin: 0 40px 0 0;} .thirty_years_btn_right {float: left; margin: 0;} .thirty_years_btn_right a.btn_red_outline {} a.btn_red_outline .icon_video {display: inline;} a.btn_red_outline .icon_video_hover {display: none;} a.btn_red_outline:hover .icon_video_hover {display: inline;} a.btn_red_outline:hover .icon_video {display: none;} @media (max-width: 900px) { #thirty_years_content {float: none; margin: 0 auto; text-align: center;} #thirty_years_area h3 {text-align: center;} } @media (max-width: 800px) { #thirty_years_wrapper {padding: 80px 20px;} } @media (max-width: 700px) { .thirty_years_btn_left {float: none; margin: 0 auto 20px;} .thirty_years_btn_right {float: none; margin: 0 auto;} .thirty_years_btn_left a.btn_orange {width: 100%; max-width: 336px;} } @media (max-width: 600px) { #thirty_years_wrapper {padding: 60px 20px;} #thirty_years_content {padding: 40px 20px;} #thirty_years_area h3 {font-size: 26px; line-height: 28px;} } /*##################################################*/ /*################### Home Widget 3 ################*/ #home_widget_3 {display: none;} #home_widget_3_wrapper {padding: 90px 20px 30px; margin: 0 auto; max-width: 1140px; width: 100%;} #home_widget_3_area {display: inline-block; width: 100%; margin: 0;} /*##################################################*/ /*################### Home Widget 4 ################*/ #home_widget_4 {display: none;} /*##################################################*/ /*################### Bottom CTA Area ################*/ .front-page #bottom_cta {display: none;} #bottom_cta {background: #007fc6; /* Old browsers */ background: -moz-linear-gradient(left, #007fc6 0%, #004e95 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #007fc6 0%,#004e95 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #007fc6 0%,#004e95 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fc6', endColorstr='#004e95',GradientType=1 ); /* IE6-9 */} #repair_bottom_cta_wrapper {max-width: 1090px; width: 100%; padding: 55px 20px; margin: 0 auto;} #repair_bottom_cta_area {display: inline-block; width: 100%; margin-bottom: 0;} #repair_bottom_cta_left {float: left; max-width: 700px; width: 100%; margin: 9px 50px 0 0;} #repair_bottom_cta_left p {font-size: 24px; line-height: 32px; font-weight: 600; margin: 0; color: #ffffff;} #repair_bottom_cta_right {float: right; max-width: 175px; width: 100%; margin: 0;} @media (max-width: 980px) { #repair_bottom_cta_wrapper {padding: 40px 20px;} #repair_bottom_cta_left {float: none; margin: 0 auto 25px; text-align: center;} #repair_bottom_cta_right {float: none; margin: 0 auto;} } @media (max-width: 600px) { #repair_bottom_cta_left p {font-size: 20px; line-height: 28px;} } /*-------------------------------------------------------------- 8.3 - Post & Pages --------------------------------------------------------------*/ #main {position: relative; min-height: 1px;} @media (min-width: 992px) { #main {float: left; width: 66.66667%;} } #main article {margin: 50px 0 100px; border-bottom: 1px solid #bbbbbb; padding: 0 0 10px;} .archive #main article {margin: 50px 0 60px; border-bottom: 1px solid #bbbbbb; padding: 0 0 10px;} #main article:before, #main article:after {content: " "; display: table;} #main article:after {clear: both;} #main article:last-child {border-bottom: none; padding-bottom: 0px;} .page-template-full-width-page #main article {margin: 0;} .page-template-pillar-page #main article {margin: 0;} .single #main article {border-bottom: none;} .post-entry h2 {} .post-entry h1 {font-size: 38px; line-height: 46px; color: #062442 !important; font-weight: 700; margin: 0 0 25px; text-transform: none;} /*.post-entry h3 {font-size: 20px; line-height: 30px; margin: 0 0 10px; font-weight: 700;} .post-entry h4 {font-size: 18px; line-height: 28px; font-family: 'Open Sans', sans-serif;}*/ .careers-page .post-entry h3 {margin: 0 0 25px;} .post-entry .career_title {font-size: 40px; line-height: 50px; color: #004990 !important; margin: 0 0 10px; font-weight: 700; text-align: left; text-transform: uppercase; font-family: 'Oswald', sans-serif;} .post-entry .product_title {font-size: 18px; line-height: 26px; margin: 0 0 10px; font-weight: 700; text-transform: none; font-family: 'Open Sans', sans-serif; color: #333333;} .post-entry h1.product_title {color: #333333 !important;} .post-entry h2.product_title {color: #333333 !important; margin: 0 0 10px;} .post-entry h1.ansi_product_title {font-size: 34px; line-height: 40px; margin: 0 0 11px; font-weight: 700; text-transform: uppercase; font-family: 'Oswald', sans-serif; color: #333333;} @media (max-width: 800px) { .post-entry h1.ansi_product_title {font-size: 30px; line-height: 36px;} .post-entry h1 {font-size: 34px; line-height: 42px;} } @media (max-width: 600px) { .post-entry h1.ansi_product_title {font-size: 26px; line-height: 32px;} .post-entry h1 {font-size: 30px; line-height: 38px; margin: 0 0 15px;} } #product_header_details h3 {font-size: 20px; line-height: 26px; margin: 0 0 20px; color: #dc1f30; text-transform: none; font-weight: 400; font-family: 'Oswald', sans-serif;} .entry-header {} .entry-header h1 {font-size: 40px; line-height: 50px; margin: 0 0 25px; font-weight: 800; text-transform: uppercase; color: #062442;} .entry-header h1 a {color: #004990;} .entry-header h1 a:hover {color: #333333;} .entry-thumbnail {margin-bottom: 20px;} #product_header_details_lightbox {display: inline-block; width: 100%; margin: 0 auto; padding: 15px 0 0;} #lightbox_image {float: left; max-width: 550px; width: 100%; margin: 0;} #lightbox_image .wp-caption {border: none; margin: 0 0 10px !important;} #lightbox_image .wp-caption .wp-caption-text {padding: 20px 10px; font-weight: 700; text-align: left;} #lightbox_image .wp-caption .red_text {color: #dc1d30;} #lightbox_button {float: left; max-width: 215px; width: 100%; margin: 0;} .slb_details {display: none !important;} @media (max-width: 600px) { .entry-header h1 {font-size: 32px; line-height: 38px; margin: 0 0 20px;} #main article {margin: 30px 0 80px;} .archive #main article {margin: 30px 0 40px;} #product_header_details h3 {font-size: 18px; line-height: 24px;} } /*-------------------------------------------------------------- 8.4 - Error Page --------------------------------------------------------------*/ #main.error-page {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} @media (min-width: 992px) { #main.error-page {float: left; width: 100%;} } /*-------------------------------------------------------------- 8.5 - Navigation --------------------------------------------------------------*/ .site-main [class*="navigation"] {overflow: hidden;} .navigation {margin: 20px 0 60px;} .navigation .nav-previous {float: left; width: 50%;} .navigation .nav-next {float: right; width: 50%; text-align: right;} /*-------------------------------------------------------------- 8.6 - Comments --------------------------------------------------------------*/ .comment-content {clear: both;} .comment-content a {word-wrap: break-word;} .comment-body {padding: 10px;} .comment-body .comment-meta {text-align: left;} .comment-body .comment-meta a {font-size: 11px;} .commentlist {list-style: none; padding-left: 0;} .commentlist li.alt > article {background: #f9f9f9;} .commentlist .children {list-style: none;} .commentlist .avatar {float: left; margin-right: 10px; vertical-align: middle;} /*-------------------------------------------------------------- 8.7 - Elements --------------------------------------------------------------*/ blockquote cite {display: block; text-align: right;} /*-------------------------------------------------------------- 8.8 - Breadcrumbs --------------------------------------------------------------*/ .breadcrumb-list {padding: 35px 0 20px;} .page-template-full-width-page .breadcrumb-list, .page-template-case-studies .breadcrumb-list {max-width: 1140px; width: 100%; margin: 0 auto; padding: 35px 20px 20px;} .home .breadcrumb-list {display: none;} .breadcrumb {padding: 0; margin-bottom: 0; background-color: #fff; border-radius: 0; font-size: 13px; line-height: 23px;} .breadcrumb a {text-decoration: underline;} .breadcrumb .chevron {padding: 0 5px;} p#breadcrumbs {padding: 0; margin-bottom: 0; background-color: #fff; border-radius: 0; font-size: 13px; line-height: 23px;} p#breadcrumbs a {text-decoration: underline;} p#breadcrumbs .chevron {padding: 0 5px;} article .post-data {margin-top: 0px;} article .post-data .tags-links {float: left;} article .post-data .entry-meta {float: right;} .page article .post-data {display: none;} /*-------------------------------------------------------------- 9.0 - Media --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {margin-top: 0; margin-bottom: 0; padding: 0; border: none;} .wp-caption {max-width: 100%; margin-bottom: 1.5em; border: none;} .wp-caption img[class*="wp-image-"] {display: block; max-width: 98%; margin: 1.2% auto 0;} .wp-caption .wp-caption-text {margin: 0; padding: 0 10px 10px} .oem_tabs_image .wp-caption .wp-caption-text {margin: -30px 0 0; padding: 20px} .wp-caption-text {text-align: center;} img {max-width: 100%; height: auto;} /* Make sure embeds and iframes fit their containers */ embed, iframe, object {max-width: 100%;} /*-------------------------------------------------------------- 9.1 - Gallery --------------------------------------------------------------*/ .gallery {margin-left: -15px; margin-right: -15px;} .gallery:before, .gallery:after {content: " "; display: table;} .gallery:after {clear: both;} .gallery.gallery-columns-1 .gallery-item {position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px;} .gallery.gallery-columns-2 .gallery-item {position: relative; float: left; width: 50%; min-height: 1px; padding-left: 15px; padding-right: 15px;} .gallery.gallery-columns-3 .gallery-item {position: relative; float: left; width: 33.33333%; min-height: 1px; padding-left: 15px; padding-right: 15px;} .gallery.gallery-columns-4 .gallery-item {position: relative; float: left; width: 25%; min-height: 1px; padding-left: 15px; padding-right: 15px;} .gallery.gallery-columns-5 .gallery-item {position: relative; float: left; width: 20%; min-height: 1px; padding-left: 15px; padding-right: 15px;} .gallery.gallery-columns-6 .gallery-item {position: relative; float: left; width: 16.66667%; min-height: 1px; padding-left: 15px; padding-right: 15px;} .gallery.gallery-columns-7 .gallery-item {position: relative; float: left; width: 14.28571%; min-height: 1px; padding-left: 15px; padding-right: 15px;} .gallery.gallery-columns-8 .gallery-item {position: relative; float: left; width: 12.5%; min-height: 1px; padding-left: 15px; padding-right: 15px;} .gallery.gallery-columns-9 .gallery-item {position: relative; float: left; width: 11.11111%; min-height: 1px; padding-left: 15px; padding-right: 15px;} /*-------------------------------------------------------------- 10.0 - Page/Post Layouts --------------------------------------------------------------*/ main#main {position: relative; min-height: 1px;} main#main {float: left; width: 100%;} .sidebar-content-page main#main {float: right; width: 100%; max-width: 830px; margin: 0; padding: 75px 0 40px 40px; background-color: #ffffff; padding-bottom: 20000px; margin-bottom: -20000px;} .content-sidebar-page main#main {float: left; width: calc(100% - 300px); max-width: 700px; margin: 0; padding: 35px 60px 40px 0; background-color: #ffffff;} .content-sidebar-half-page main#main {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} @media (max-width: 900px) { .content-sidebar-page main#main {float: none; width: 100%; max-width: 900px; margin: 0; padding: 30px 0 0;} } @media (min-width: 992px) { .content-sidebar-half-page main#main {float: left; width: 50%;} } .sidebar-content-half-page main#main {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} @media (min-width: 992px) { .sidebar-content-half-page main#main {float: left; width: 50%;} } @media (min-width: 992px) { .sidebar-content-half-page main#main {left: 50%;} } .full-width-page main#main, .page-template-page-templateslanding-page-php main#main, .page-template-page-templatessitemap-php main#main {position: relative; min-height: 1px;} @media (min-width: 992px) { .full-width-page main#main, .page-template-page-templateslanding-page-php main#main, .page-template-page-templatessitemap-php main#main, .page-template-resources main#main {float: left; width: 100%;} } main#main.sitemap .sitemap-widgets {margin-left: -15px; margin-right: -15px;} main#main.sitemap .sitemap-widgets:before, main#main.sitemap .sitemap-widgets:after {content: " "; display: table;} main#main.sitemap .sitemap-widgets:after {clear: both;} .page-template-page-templateslanding-page-php #top-menu-container, .page-template-page-templateslanding-page-php #main-menu-container, .page-template-page-templateslanding-page-php #sub-menu-container, .page-template-page-templateslanding-page-php #footer-menu-container {display: none;} #post_featured_image {max-width:1000px; width: 100%; margin: 0 0 65px; float: left; position: relative; background-repeat: no-repeat; background-position: top center; min-height: 448px;} #post_title_meta {position: absolute; top: 50%; transform: translateY(-50%); padding: 0 20px; width: 100%} #post_title_meta h1 {font-size: 45px; line-height: 55px; margin: 0 0 15px; font-weight: 700; text-transform: uppercase; font-family: 'Open Sans', sans-serif; color: #ffffff; text-align: center;} #post_title_meta p {font-size: 18px; line-height: 28px; margin: 0 0 10px; font-weight: 500; text-transform: uppercase; font-family: 'Open Sans', sans-serif; color: #ffffff; text-align: center;} #post_title_meta p a {color: #ffffff;} #post_title_meta p a:hover {color: #cf0013;} #excerpt_image {margin: 0 0 30px; float: left; position: relative; background-repeat: no-repeat; background-position: top center; min-height: 150px;} #excerpt_date {position: absolute; top: 5px; right: 0px; background-color: rgba(0,0,0,0.65); color: #ffffff; padding: 5px 10px; line-height: 26px; font-size: 22px; font-weight: 700; text-transform: uppercase; width: 75px; text-align: center;} .post-meta {margin: 0 0 20px; padding: 0 0 15px; display: inline-block; width: 100%;} #excerpt_date_single {float: right;} #excerpt_author {float: left; margin: 0 30px 0 0;} .post-meta p {font-size: 16px; line-height: 35px; margin: 0; padding: 0; font-weight: 600; color: #333333; font-family: 'Open Sans', sans-serif;} #excerpt_content .post-meta p {line-height: 26px;} .post-meta p .postDate {font-weight: 700; font-style: normal;} .post-meta p a {font-style: normal;} .excerpt_image img {margin: 0 0 30px;} #excerpt_content {max-width: 620px; width: 100%; margin: 0 0 50px; float: left;} #excerpt_content h2 {font-size: 32px; line-height: 40px; margin: 0 0 20px; color: #062442;} #excerpt_content h2 a {color: #062442;} #excerpt_content h2 a:hover {color: #333333;} #excerpt_content p a {color: #0081c8; font-weight: 700; text-transform: uppercase; font-family: 'Oswald', sans-serif;} #excerpt_content p a:hover {color: #333333;} #excerpt_content .entry-content {font-size: 18px; line-height: 28px; margin: 0; font-weight: 400; font-family: 'Open Sans', sans-serif; color: #333333;} #excerpt_content .post-meta {margin: 0 0 20px; padding: 0; width: 100%; display: inline-block;} #excerpt_content .read-more {margin: 25px 0 0; display: block;} #excerpt_content .read-more a {color: #fff; background-color: #dc1d30; text-transform: uppercase;padding: 11px 25px; font-size: 15px; line-height: 23px; border: 2px solid #dc1d30; font-family: 'Oswald', sans-serif; font-weight: 700; text-align: center; display: inline-block;} #excerpt_content .read-more a:hover {color: #ffffff !important; background-color: #333333; text-decoration: none; border: 2px solid #333333;} #excerpt_content .read-more img {margin: 0 0 0 15px;} .social_share_wrapper {display: inline-block; max-width: 210px; float: left; width: 100%; margin: 0; padding: 50px 0 0;} .social_share_wrapper_bottom {display: inline-block; max-width: 210px; float: left; width: 100%; margin: 50px 0 0;} .social_share_text {float: left; font-size: 16px; line-height: 32px; color: #252c39; padding: 0 10px 0 0; font-weight: 700;} .social_share_icons {float: left;} .single .post-entry .social_share_icons img {padding: 0 !important; margin: 0 !important;} @media (max-width: 845px) { #excerpt_image {max-width: 800px; width: 100%; margin: 0 auto 35px; float: none; background-size: cover;} #excerpt_content {max-width: 800px; width: 100%; margin: 0 auto 35px; float: none;} } @media (max-width: 700px) { #excerpt_date_single {float: none;} #excerpt_author {float: none; margin: 0 0 10px;} } @media (max-width: 600px) { #excerpt_content .entry-content {font-size: 18px; line-height: 28px;} #excerpt_content h2 {font-size: 28px; line-height: 32px;} .post-meta p {font-size: 16px; line-height: 26px;} } @media (max-width: 480px) { #post_title_meta h1 {font-size: 35px; line-height: 45px;} } /*-------------------------------------------------------------- 11.0 - Sidebar --------------------------------------------------------------*/ .default-sidebar, .gallery-sidebar {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} #footer_bottom_container {margin-left: 0; margin-right: 0; background-color: #eff2f4;} #colophon-widget {max-width: 1140px; width: 100%; margin: 0 auto; padding: 30px 20px; border-top: 1px solid #bbbbbb;} #colophon-widget:before, #colophon-widget:after {content: " "; display: table;} #colophon-widget:after {clear: both;} .colophon-widget {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} @media (min-width: 992px) { .colophon-widget {float: left; width: 100%;} } .home-widgets {margin: 0 auto !important;} .left-sidebar {float: left; width: 100%; max-width: 270px; margin: 0; padding: 75px 20px 0 0; background-color: #f6f6f6; padding-bottom: 20000px; margin-bottom: -20000px;} .right-sidebar {float: right; width: 100%; max-width: 300px; margin: 0; padding: 85px 0 0;} .left-half-sidebar {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} @media (max-width: 980px) { .left-sidebar {padding: 75px 20px 0 20px;} } @media (max-width: 900px) { .right-sidebar {float: none; margin: 0; padding: 30px 0 20px;} } @media (min-width: 992px) { .left-half-sidebar {float: left; width: 50%;} } @media (min-width: 992px) { .left-half-sidebar {right: 50%;} } .right-half-sidebar {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} @media (min-width: 992px) { .right-half-sidebar {float: left; width: 50%;} } /*-------------------------------------------------------------- 12.0 - Widgets --------------------------------------------------------------*/ #widgets, main#main.sitemap .sitemap-widgets {} #widgets:before, main#main.sitemap .sitemap-widgets:before, #widgets:after, main#main.sitemap .sitemap-widgets:after {content: " "; display: table;} #widgets:after, main#main.sitemap .sitemap-widgets:after {clear: both; padding: 0 0 50px;} #widgets .widget-title, main#main.sitemap .sitemap-widgets .widget-title {margin-bottom: 20px;} #widgets ul, main#main.sitemap .sitemap-widgets ul {padding-left: 0px; list-style-type: none;} #widgets ul li, main#main.sitemap .sitemap-widgets ul li {list-style: none; font-size: 16px; line-height: 26px; font-weight: 400; padding: 0 0 10px; font-family: 'Open Sans', sans-serif;} .front-page #widgets:after {padding: 0;} #widgets ul li a {color: #333333;} #widgets ul li a:hover {color: #0081c8; text-decoration: none;} #widgets ul .current_page_item a {color: #0081c8;} .widget-wrapper {padding: 0; margin: 0px;} #content .widget-wrapper {margin: 0 0 30px; max-width: 300px; width: 100%;} .widget_calendar #wp-calendar {width: 100%;} .widget_calendar #wp-calendar caption {margin-bottom: 20px;} .widget_calendar #wp-calendar thead tr th {padding-bottom: 10px; text-align: center;} .widget_calendar #wp-calendar tbody tr {border-bottom: 1px solid #555555;} .widget_calendar #wp-calendar tbody tr:last-child {border-bottom: none;} .widget_calendar #wp-calendar tbody tr td {text-align: center; padding: 5px;} .widget_calendar #wp-calendar tfoot tr td {padding-top: 10px;} .sitemap .sitemap-widget {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} .widget-title h3 {color: #333333; font-weight: 700; font-size: 20px; line-height: 30px; text-transform: uppercase; margin: 0 0 15px; padding: 0; font-family: 'Oswald', sans-serif;} .textwidget h3 {color: #333333; font-weight: 700; font-size: 20px; line-height: 30px; text-transform: uppercase; margin: 0 0 15px; padding: 0; font-family: 'Oswald', sans-serif;} .widget-wrapper h3 {color: #333333; font-weight: 700; font-size: 24px; line-height: 28px; text-transform: uppercase; margin: 0 0 20px; padding: 0; font-family: 'Oswald', sans-serif; text-align: center;} .textwidget h3 a {color: #333333;} .textwidget h3 a:hover {color: #0081c8;} .widget-title h3 a {color: #333333;} .widget-title h3 a:hover {color: #0081c8;} .widget-wrapper h3 a {color: #333333;} .widget-wrapper h3 a:hover {color: #0081c8;} #custom_html-4 .widget-title, #custom_html-5 .widget-title, #custom_html-6 .widget-title, #custom_html-7 .widget-title, #custom_html-8 .widget-title {display: none;} #search-4 {background-color: #eff2f4; padding: 30px 30px 5px; margin: 0 0 30px;} #search-4 label {display: inline-block; max-width: 250px; width: 100%; margin-bottom: 0; font-weight: 700;} #mc4wp_form_widget-2 {margin: 0 0 30px; padding: 40px 30px 35px; background-color: #062442;} #mc4wp_form_widget-2 .widget-title h3 {text-align: center; padding: 0 25px; color: #fff;} #mc4wp_form_widget-2 p {margin: 0 0 10px;} #mc4wp_form_widget-2 input[type="submit"] {font-family: 'Oswald', sans-serif; display: inline-block; margin-bottom: 0; font-weight: 600; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 2px solid #dc1d30 !important; white-space: nowrap; padding: 12px 15px; font-size: 15px; line-height: 22px; color: #fff !important; background-color: #dc1d30 !important; text-transform: uppercase; width: 100%;} #mc4wp_form_widget-2 input[type="submit"]:hover, #mc4wp_form_widget-2 input[type="submit"]:focus {color: #ffffff !important; background-color: #dc1d30 !important; border-color: #ffffff !important;} #text-15 {margin: 0 0 40px;} #text-16 {border-bottom: 1px solid #bbbbbb; padding: 0 0 35px; margin: 0 0 40px;} #widget_free_ebook_top {background-color: #004990; padding: 30px 35px;} #widget_free_ebook_top h3 {color: #ffffff; font-weight: 700; font-size: 31px; line-height: 41px; text-transform: uppercase; margin: 0 0 20px; padding: 0; font-family: 'Oswald', sans-serif; text-align: center;} #widget_free_ebook_top img {display: block; margin: 0 auto;} #widget_free_ebook_bottom a.btn_blue {color: #fff; background-color: #0081c8; text-transform: uppercase; padding: 15px 20px; font-size: 19px; line-height: 23px; border: 2px solid #0081c8; font-family: 'Oswald', sans-serif; font-weight: 400; text-align: center; display: inline-block; width: 100%;} #widget_free_ebook_bottom a.btn_blue:hover {color: #ffffff !important; background-color: #333333; text-decoration: none; border: 2px solid #333333;} #extended-categories-2 {border-bottom: 1px solid #bbbbbb; padding: 0 0 35px; margin: 0 0 40px;} #extended-categories-3 {margin: 0 0 20px -20px;} #extended-categories-3 .widget-title h3 {color: #ffffff; font-weight: 700; font-size: 24px; line-height: 34px; text-transform: uppercase; margin: 0 0 15px; padding: 8px 0 8px 55px; font-family: 'Oswald', sans-serif; background-color: #004990;} #extended-categories-3 ul li {padding: 15px 0 15px 55px; text-transform: uppercase;} #recent-posts-2 {margin: 0px !important; border-left: 1px solid #c7c7c7; padding: 15px 30px;} #recent-posts-2 .widget-title h3 {color: #333333; font-weight: 700; font-size: 16px; line-height: 26px; text-transform: none; margin: 0 0 20px; padding: 0; font-family: 'Open Sans', sans-serif; text-align: left;} #recent-posts-2 ul li {list-style: none; font-size: 14px; line-height: 24px; font-weight: 600; padding: 0 0 20px; font-family: 'Open Sans', sans-serif;} #recent-posts-2 a {color: #0081c8 !important; text-decoration: underline;} #recent-posts-2 a:hover {color: #333333 !important;;} #nav_menu-11 {margin: 0 0 20px -20px !important;} #nav_menu-11 .widget-title h3 {color: #ffffff; font-weight: 700; font-size: 24px; line-height: 34px; text-transform: uppercase; margin: 0 0 15px; padding: 8px 0 8px 55px; font-family: 'Oswald', sans-serif; background-color: #004990;} #nav_menu-11 ul li {padding: 5px 0 5px 55px;} #text-17 {padding: 0 30px 15px; border-left: 1px solid #c7c7c7;} #text-17 p {font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 23px; margin: 0 0 15px; font-weight: 700; color: #dc1d30; text-transform: uppercase;} #text-17 a {color: #dc1d30; font-weight: 600; font-family: 'Oswald', sans-serif;} #text-17 a:hover {color: #333333;} #text-17 p img {margin: 0 0 0 10px;} @media (min-width: 992px) { .sitemap .sitemap-widget {float: left; width: 33.33333%;} } .widget_search {margin-top: 0px;} .search-form {position: relative; max-width: 600px; width: 100%;} .search-form label {width: 100%; margin: 0;} .search-form .search-field {position: relative; border-top-right-radius: 0; border-bottom-right-radius: 0; margin: 0 0 20px; border: 1px solid #adadad;} .search-form .search-submit {position: relative; border-bottom-left-radius: 0; border-top-left-radius: 0; width: 100%;} /*-------------------------------------------------------------- 13.0 - Footer --------------------------------------------------------------*/ #footer {margin: 0 auto; padding: 0; background-color: #eceded; color: #333333; border-top: 4px solid #ffffff;} #footer:before, #footer:after {content: " "; display: table;} #footer:after {clear: both;} #footer-wrapper {} /*-------------------------------------------------------------- 13.1 - Footer widgets --------------------------------------------------------------*/ #footer-widgets-container {background-color: #eff2f4;} #footer-widgets-container:before, #footer-widgets-container:after {content: " "; display: table;} #footer-widgets-container:after {clear: both;} #footer-widget {max-width: 1140px; width: 100%; margin: 0 auto; padding: 80px 20px 40px; letter-spacing: 0px;} #footer-widget:before, #footer-widget:after {content: " "; display: table;} #footer-widget:after {clear: both;} #footer-widget .footer-widget {} #text-4 {max-width: 217px; width: 100%; margin: 0 53px 30px 0; position: relative; min-height: 1px; padding: 0; float: left;} .footer_logo {margin: 0 0 30px;} #footer_locations_wrapper {float: left; max-width: 830px; width: 100%; margin: 0;} #footer_locations_area {display: inline-block; width: 100%; margin: 0 auto;} .footer_headquarters {max-width: 230px; width: 100%; margin: 0 50px 30px 0; position: relative; padding: 0; float: left;} .footer_moc {max-width: 360px; width: 100%; margin: 0 50px 30px 0; position: relative; padding: 0; float: left;} .moc_section {display: inline-block; width: 100%; margin: 0 auto;} .moc_left {float: left; width: calc(50% - 15px); margin: 0 30px 0 0;} .moc_right {float: left; width: calc(50% - 15px); margin: 0;} .footer_quick_links {max-width: 140px; width: 100%; margin: 0 0 30px; position: relative; padding: 0; float: left;} .footer_numbers_wrapper {display: inline-block; width: 100%; margin: 0 auto; font-size: 15px; line-height: 21px; font-weight: 400; color: #333333;} .footer_numbers_left {float: left; width: 35px;} .footer_numbers_right {float: right; width: calc(100% - 40px);} #nav_menu-2 {float: none; max-width: 910px; width: 100%; margin: 0 auto;} #nav_menu-2 ul {display: inline-block; padding: 0; margin: 0; width: 100%;} #nav_menu-2 ul li {list-style-type: none; float: left; font-size: 18px; line-height: 28px; margin: 0px; padding: 0 17px 10px; font-weight: 600; color: #333333; font-family: 'Open Sans', sans-serif;} #custom_html-3 {float: none; max-width: 1100px; width: 100%; margin: 0 auto;} #custom_html-3 ul {display: inline-block; padding: 0; margin: 0; width: 100%;} #custom_html-3 ul li {list-style-type: none; float: left; font-size: 18px; line-height: 28px; margin: 0px; padding: 0 17px 10px; font-weight: 600; color: #333333; font-family: 'Open Sans', sans-serif;} @media (min-width: 801px) { #custom_html-3 ul li {width: 16.6669%; text-align: center;} } #footer-widget .footer-widget .widget-title {color: #999999;} #footer-widget .footer-widget ul {padding: 0; margin: 0 0 15px;} #footer-widget .footer-widget ul li {list-style: none; font-size: 15px; line-height: 25px; margin: 0; font-weight: 500; color: #aca7a5; padding: 0;} #footer a {color: #333333;} #footer a:hover {color: #0081c8; text-decoration: none;} #footer-widget .footer-widget h3 {font-size: 18px; line-height: 22px; font-weight: 700; margin: 0 0 15px; color: #004990; text-transform: uppercase; font-family: 'Oswald', sans-serif; border-bottom: none; padding: 0;} #footer-widget .footer-widget p {font-size: 15px; line-height: 21px; margin: 0 0 10px;} #social_icons_wrapper {max-width: 72px; width: 100%; margin: 0;} #social_icons {margin: 0 auto; display: inline-block; width: 100%;} .social_icon {float: left; margin: 0 10px 0 0;} @media (max-width: 1160px) { #text-4 {max-width: 250px; width: 100%; margin: 0 0 40px;} #footer_locations_wrapper {max-width: 1000px; width: 100%;} } @media (max-width: 610px) { #footer-widget {width: 100%; padding: 50px 20px 30px;} #text-4 {margin: 0 0 40px; float: none;} .footer_moc {max-width: 600px; width: 100%; margin: 0 0 30px;} .moc_left {width: calc(50% - 10px); margin: 0 20px 0 0;} .moc_right {width: calc(50% - 10px);} .footer_quick_links {max-width: 600px; width: 100%; margin: 0;} .footer_quick_links ul {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;} .footer_quick_links li {display: block; width: 100%; break-inside: avoid-column;} } @media (max-width: 480px) { #nav_menu-2 ul li {float: none; text-align: center;} #custom_html-3 ul {column-count: 2;} #custom_html-3 ul li {float: none; text-align: center;} #footer-widget .footer-widget p {font-size: 14px; line-height: 20px;} .footer_numbers_wrapper {font-size: 14px; line-height: 20px;} #text-4 p {font-size: 15px !important; line-height: 21px !important;} } /*-------------------------------------------------------------- 13.2 - Social icons --------------------------------------------------------------*/ #menu-social-container {display: none;} #menu-social-container:before, #menu-social-container:after {content: " "; display: table;} #menu-social-container:after {clear: both;} #footer-menu-container {position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center;} @media (min-width: 992px) { #footer-menu-container {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} } @media (min-width: 992px) and (min-width: 992px) { #footer-menu-container {float: left; width: 58.33333%;} } #social-icons-container {position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: center;} @media (min-width: 992px) { #social-icons-container {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} } @media (min-width: 992px) and (min-width: 992px) { #social-icons-container {float: left; width: 41.66667%;} } .social-icons {padding: 0;} @media (min-width: 992px) { .social-icons {float: right;} } .social-icons li {display: inline-block; height: 24px; width: 24px; list-style: none; margin-left: 5px;} .social-icons li a {color: #fff; display: block; width: 24px; height: 24px; font-size: 1.2em;} .social-icons li a:hover {opacity: 0.8;} .social-icons li.facebook-icon a:before {content: "\f09a"; color: white; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .social-icons li.foursquare-icon a:before {content: "\f180"; color: white; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .social-icons li.googleplus-icon a:before {content: "\f0d5"; color: white; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .social-icons li.instagram-icon a:before {content: "\f16d"; color: white; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .social-icons li.linkedin-icon a:before {content: "\f0e1"; color: white; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .social-icons li.pinterest-icon a:before {content: "\f0d2"; color: white; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .social-icons li.rss-icon a:before {content: "\f09e"; color: white; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .social-icons li.stumbleupon-icon a:before {content: "\f1a4"; color: white; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .social-icons li.twitter-icon a:before {content: "\f099"; color: white; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .social-icons li.vimeo-icon a:before {content: "\f194"; color: white; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .social-icons li.youtube-icon a:before {content: "\f167"; color: white; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /*-------------------------------------------------------------- 13.3 - Copyright & Powered --------------------------------------------------------------*/ #footer-base {background-color: #00366b;} #footer-base:before, #footer-base:after {content: " "; display: table;} #footer-base:after {clear: both;} #footer-base-wrapper {margin: 0 auto; max-width: 1070px; width: 100%; padding: 0 20px;} #footer_logo {margin: 0 25px 30px 0; float: left;} #footer_company_info {margin: 0; float: left; max-width: 750px; width: 100%;} #footer_company_info h3 {color: #9f9999; font-size: 22px; line-height: 32px; font-weight: 700; margin: 0 0 5px; text-transform: uppercase ;} #footer_company_info li {color: #9f9999; font-size: 14px; line-height: 24px; font-weight: 700; margin: 0 0 5px; text-transform: uppercase; display: inline-block;} #footer_company_info ul {list-style-type: none; margin: 0; padding: 0;} #footer_company_info a {color: #9f9999;} #footer_company_info a:hover {color: #cf0013; text-decoration: none;} #footer-base .copyright {padding: 25px 20px 20px; margin: 0 auto; max-width: 1140px; width: 100%;} #footer-base .copyright_area {display: inline-block; width: 100%; margin: 0 auto;} #footer-base .copyright p {font-size: 15px; line-height: 25px; color: #ffffff; margin: 0;} .copyright_info {float: left; max-width: 600px; width: 100%; margin: 0 40px 0 0;} .designed_by {float: right; max-width: 220px; width: 100%; margin: 0; text-align: right;} .footer-divider {padding: 0 5px;} .site_by {padding: 0 0 0 5px;} #footer-base .scroll-top {position: relative; min-height: 1px; padding: 0px;} #footer-base .powered {position: relative; min-height: 1px; padding: 0px; float: left; max-width: 600px; width: 100%; margin: 0 30px 30px 0;} #footer-base .powered p {font-size: 16px; line-height: 22px; font-weight: 500; color: #687f96;} #footer-base a {color: #333333;} #footer-base a:hover {color: #0081c8; text-decoration: none;} .copyright a {color: #ffffff !important;} .copyright a:hover {color: #0081c8 !important; text-decoration: none;} @media (max-width: 950px) { .copyright_info {float: none; width: 100%; margin: 0 auto 10px; text-align: center;} .designed_by {float: none; margin: 0 auto; text-align: center;} } @media screen and (max-width: 700px) { #footer_company_info li {display: block;} #footer_company_info ul {margin: 0 0 25px;} .footer_slashes {display: none !important;} } @media (max-width: 650px) { .site_by {display: block;} } /*-------------------------------------------------------------- 14.0 - Extras --------------------------------------------------------------*/ /* ALIGNMENT ===================*/ .alignleft {display: inline; float: left; margin: 0 40px 30px 0;} .alignright {display: inline; float: right; margin: 0 0 30px 40px;} .aligncenter {display: block; clear: both; margin: 0 auto 40px;} .alignnone {display: block; clear: both; margin: 0 0 40px;} @media screen and (max-width: 600px) { .alignleft {display: block; float: none; margin: 0 0 30px;} .alignright {display: block; float: none; margin: 0 0 30px;} } /*-------------------------------------------------------------- 15.0 - Accessibility --------------------------------------------------------------*/ .screen-reader-text {position: absolute !important; clip: rect(1px, 1px, 1px, 1px);} .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {z-index: 100000; /* Above WP toolbar */ top: 5px; left: 5px; display: block; clip: auto !important; width: auto; height: auto; padding: 15px 23px 14px; text-decoration: none; color: #428bca; border-radius: 3px; background-color: #eff2f4; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); font-size: 14px; font-weight: bold; line-height: normal;} .accessibile-label {font-size: 0; height: 1px; overflow: hidden; display: block;} /*-------------------------------------------------------------- 16.0 - Plugin specific styles --------------------------------------------------------------*/ /*-------------------------------------------------------------- 16.2 - Jetpack --------------------------------------------------------------*/ /* *Infinite scroll */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer {/* Theme Footer (when set to scrolling) */ display: none;} /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer {display: block;} #infinite-footer .container, #infinite-footer .content-area, #infinite-footer #featured-area, #infinite-footer .home-widgets, #infinite-footer #footer #footer-wrapper, #footer #infinite-footer #footer-wrapper {width: 1170px;} /*-------------------------------------------------------------- 16.1 - WooCommerce --------------------------------------------------------------*/ #breadcrumb {padding: 40px 0 0 0;} #breadcrumb a {color: #0066cc; font-size: 12px; font-weight: 400;} #breadcrumb a:hover {color: #444444; text-decoration: none;} #content-woocommerce {margin-top: 40px; margin-bottom: 20px;} .products ul, ul.products {margin-top: 40px;} .cart-collaterals .shipping_calculator {width: 100%;} table.shop_table {table-layout: fixed; -ms-word-break: break-all; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;} @media screen and (max-width: 767px) { table.shop_table {font-size: 10px;} } @media screen and (max-width: 400px) { table.shop_table {font-size: 8px;} } table.cart td.actions .coupon .input-text, table.cart td.actions .coupon .input-text {cursor: text;} .front-page .content-area {display: none;} /*################### Global Classes ################*/ .bold {font-weight: 700;} a.btn_home_widget_4 {color: #fff; background:rgba(0,0,0,0.0); text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 3px solid #cf0013; font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center; display: inline-block; width: 100%; max-width: 280px; letter-spacing: 0px;} a.btn_home_widget_4:hover {color: #fff; background:rgba(0,0,0,0.0); text-decoration: none; border: 3px solid #ffffff;} a.btn_blue {color: #fff; background-color: #dc1d30; text-transform: uppercase; padding: 13px 20px; font-size: 15px; line-height: 23px; border: 2px solid #dc1d30; font-family: 'Oswald', sans-serif; font-weight: 400; text-align: center; display: inline-block; width: 100%;} a.btn_blue:hover {color: #ffffff !important; background-color: #333333; text-decoration: none; border: 2px solid #333333;} a.btn_blue_apply {color: #fff; background-color: #dc1d30; text-transform: uppercase; padding: 13px 20px; font-size: 15px; line-height: 23px; border: 2px solid #dc1d30; font-family: 'Oswald', sans-serif; font-weight: 400; text-align: center; display: inline-block; max-width: 250px; width: 100%;} a.btn_blue_apply:hover {color: #ffffff !important; background-color: #333333; text-decoration: none; border: 2px solid #333333;} a.btn_orange {color: #fff; background-color: #dc1d30; text-transform: uppercase; padding: 11px 25px; font-size: 15px; line-height: 23px; border: 2px solid #dc1d30; font-family: 'Oswald', sans-serif; font-weight: 700; text-align: center; display: inline-block;} a.btn_orange:hover {color: #ffffff !important; background-color: #333333; text-decoration: none; border: 2px solid #333333;} a.btn_orange img {margin: 0 0 0 15px;} a.btn_red_outline {color: #dc1d30; background-color: #ffffff; text-transform: uppercase; padding: 11px 25px; font-size: 15px; line-height: 23px; border: 2px solid #dc1d30; font-family: 'Oswald', sans-serif; font-weight: 700; text-align: center; display: inline-block;} a.btn_red_outline:hover {color: #ffffff !important; background-color: #dc1d30; text-decoration: none; border: 2px solid #dc1d30;} a.btn_red_outline img {margin: 0 0 0 15px;} a.btn_white_red {color: #dc1d30; background-color: #fff; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #dc1d30; font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center; display: inline-block; width: 100%; max-width: 100%; letter-spacing: 2px;} a.btn_white_red:hover {color: #fff; background-color: #dc1d30; text-decoration: none; border: 2px solid #dc1d30;} a.button_apply {color: #fff; background-color: #dc1d30; text-transform: uppercase; padding: 11px 15px; font-size: 18px; line-height: 22px; border: 2px solid #dc1d30; font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center; display: inline-block; width: 280px; letter-spacing: 2px;} a.button_apply:hover {color: #dc1d30; background-color: #fff; text-decoration: none; border: 2px solid #dc1d30;} a.btn_view_products {color: #fff; background-color: #dc1d30; text-transform: uppercase; padding: 8px 25px; font-size: 15px; line-height: 23px; border: 2px solid #dc1d30; font-family: 'Oswald', sans-serif; font-weight: 700; text-align: center; display: inline-block; margin: 0 0 15px;} a.btn_view_products:hover {color: #ffffff !important; background-color: #333333; text-decoration: none; border: 2px solid #333333;} #api_plan_details a.btn_view_products img {margin: -2px 0 0 10px !important; display: inline-block !important; padding: 0 !important;} a.btn_request_quote {color: #fff; background-color: #dc1d30; text-transform: uppercase; padding: 8px 25px; font-size: 16px; line-height: 20px; border: 2px solid #dc1d30; font-family: 'Oswald', sans-serif; font-weight: 700; text-align: center; display: inline-block;} a.btn_request_quote:hover {color: #ffffff !important; background-color: #333333; text-decoration: none; border: 2px solid #333333;} a.btn_request_quote img {margin: 0 0 0 15px;} /*################### Landing Pages ################*/ .page-template-landing-page .site-content {padding-top: 0px !important;} #landing_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 30px 20px 0;} #landing_area {display: inline-block; width: 100%; margin-bottom: 0;} #landing_text {float: left; max-width: 740px; width: 100%; margin: 0 60px 40px 0;} #landing_text h3 {font-size: 20px; line-height: 30px; margin: 0 0 10px; color: #004990; text-align: left;} #landing_text p {text-align: left;} #landing_text ul {list-style-type: square;} #landing_text li {text-align: left;} #landing_form {float: left; margin: 0 0 40px; max-width: 300px; width: 100%; padding: 0;} #landing_form h3 {text-align: left; margin: 0 0 25px; color: #004990; font-size: 24px; line-height: 34px;} .nf-required-items {text-align: center; margin: 0 0 15px; color: #333333;} .nf-form-wrap label {font-size: 15px; line-height: 25px; margin: 0; padding: 0; color: #333333; font-weight: 400 !important;} .nf-field-error p {font-size: 15px; line-height: 25px; margin: 0; padding: 0; color: red; font-weight: 700 !important;} .nf-error-msg {text-align: center; margin: 0 0 20px;} .nf-field-container, #ninja_forms_required_items {clear: both; position: relative; margin-bottom: 15px !important;} .nf-form-fields-required {margin: 0 0 15px; color: #333333;} .field-wrap input[type="submit"], .field-wrap input[type="button"], .field-wrap button {width: 100% !important;} .label-above .nf-field-label {margin-bottom: 5px !important;} @media screen and (max-width: 1155px) { #landing_text {float: none; max-width: 740px; width: 100%; margin: 0 auto 40px;} #landing_form {float: none; margin: 0 auto 40px; max-width: 740px; width: 100%;} .arrow_form {display: none;} } @media screen and (max-width: 650px) { .alignright {display: block; float: none; margin: 0 0 40px;} } /*##################################################*/ /*################### Main Banner Area ################*/ #main_banner_bkgd {z-index: 1000; width: 100%; min-height: 177px; background-repeat: no-repeat; background-position: top center; background-color: #333333; background-size: cover;} #main_banner_area {padding: 55px 20px 65px; margin: 0 auto; max-width: 1140px; width: 100%; min-height: 177px;} #main_banner_area .entry-header {margin: 0; } #main_banner_area h1 {font-size: 50px; line-height: 55px; color: #ffffff; text-align: center; padding: 0; margin: 0; display: block; font-weight: 400; text-transform: uppercase;} #main_banner_area h2 {font-size: 50px; line-height: 55px; color: #ffffff; text-align: center; padding: 0; margin: 0; display: block; font-weight: 400; text-transform: uppercase;} /*.single-api-plans #main_banner_area h1 {text-transform: none;} .single-api-plans #main_banner_area h2 {text-transform: none;}*/ @media (max-width: 800px){ #main_banner_area h1 {font-size: 44px; line-height: 49px;} #main_banner_area h2 {font-size: 44px; line-height: 49px;} } @media (max-width: 600px){ #main_banner_area h1 {font-size: 38px; line-height: 42px;} #main_banner_area h2 {font-size: 38px; line-height: 42px;} } /*##################################################*/ /*################# Pagination Styles ######################*/ #pagination_wrapper {float: left; max-width: 1100px; width: 100%; padding: 0; margin: 0 0 50px;} #pagination_wrapper .navigation {margin: 0;} .navigation li a, .navigation li.disabled {background-color: #ffffff; color: #062442; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 700; line-height: 18px; margin: 4px; padding: 8px 20px; text-decoration: none; border: 1px solid #bbbbbb;} .navigation li a:hover, .navigation li.active a {background-color: #dc1d30; color: #ffffff; text-decoration: none; border: 1px solid #dc1d30;} .navigation li {display: inline; font-size: 20px; line-height: 24px; color: #9f9d9d; font-family: 'Oswald', sans-serif; font-weight: 700;} .navigation ul {text-align: center; margin: 0; padding: 0;} @media (max-width: 690px){ .navigation li a, .navigation li.disabled {padding: 12px 10px;} .navigation li a:hover, .navigation li.active a {padding: 12px 10px;} } @media (max-width: 570px){ .navigation li {display: inline; font-size: 16px; line-height: 20px; color: #9f9d9d;} } @media (max-width: 490px){ .navigation li a, .navigation li.disabled {padding: 12px 5px;} .navigation li a:hover, .navigation li.active a {padding: 12px 5px;} } #covid_banner_wrapper {padding: 15px 10px; background-color: #f97e24; width: 100%; margin: 0;} #covid_banner_area {max-width: 1000px; margin: 0 auto; text-align: center;} #covid_banner_area p {font-weight: 700; font-size: 18px; line-height: 28px; color: #ffffff; margin: 0;} #covid_banner_area a {color: #ffffff; display: inline-block; text-decoration: underline;} #covid_banner_area a:hover {color: #333333;} @media (max-width: 500px) { #covid_banner_area p {font-size: 16px; line-height: 26px;} } /*################### SlideIn CTA ################*/ #slidebox {padding: 0 25px; background-color: #f97e24; position: fixed; bottom: -250px; right: 0; width: 100%; z-index: 1000;} a.close {position: absolute; cursor: pointer; top: 15px; right: 15px; text-decoration: none !important; opacity: 1.0; font-size: 18px; line-height: 22px; font-weight: bold; color: #ffffff;} a.close:hover {color: #3b3b3b; opacity: 1.0; text-shadow: none;} .slide_arrow {padding: 0 0 0 10px;} #slidebox_inner {max-width: 1000px; margin: 0 auto; padding: 18px 20px;} #slidebox_inner_area {display: inline-block; position: relative; width: 100%;} #slidebox_inner_area p {margin: 0; color: #ffffff; text-align: center;} #slidebox_inner_area a {text-decoration: none; color: #ffffff; font-weight: 800; text-transform: uppercase;} #slidebox_inner_area a:hover {color: #3b3b3b;} #slidebox_inner_area .uppercase {text-transform: uppercase;} #slidebox_inner_area .extra_bold {font-weight: 800;} #slidebox_inner_area .text_before_link {padding: 0 40px 0 0} @media (max-width: 740px) { #slidebox_inner_area a {display: block;} } /*##################################################*/ /*################# Product lander Styles ######################*/ .post-entry h2.lander_h2 {margin: 0 0 10px;} .about_blocks {position: relative; margin: 20px -12px 50px; padding: 0; max-width: 1100px; width: calc(100% + 24px); list-style: none; text-align: center; display: inline-block;} .about_blocks_area {width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;} /* Common style */ .about_blocks figure {float: left; width: calc(33.3336% - 24px); position: relative; display: inline-block; margin: 0 12px 24px; border: 1px solid #bbbbbb;} .about_blocks figure:hover {border: 1px solid #dc1d30;} .about_blocks figure.blue_box {float: left; width: calc(33.3336% - 24px); position: relative; display: inline-block; margin: 0 12px 24px; border: none; background-color: #062442; align-items:center; justify-content:center; display: flex; text-align: left;} .about_blocks .single_cta {float: left; width: calc(33.3336% - 24px); position: relative; display: inline-block; margin: 0 12px 24px; border: none; background-color: #062442; align-items:center; justify-content:center; display: flex; text-align: left;} .about_blocks figure .product-image {position: relative; height: 160px; display: flex; align-items: center; justify-content: center; margin: 0 0 25px;} .about_blocks figure img {margin: 0 auto; max-height: 160px;} .about_blocks figure figcaption {padding: 30px 30px 20px;} /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .about_blocks figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} .about_blocks figure a {display: inline-block; width: 100%; height: 100%; border: 1px solid #fff;} .about_blocks figure h4 {display: none;} figure.effect-oscar h3 {font-size: 18px; line-height: 22px; margin: 0; font-weight: 700; color: #333333; text-transform: none; font-family: 'Oswald', sans-serif;} figure.effect-oscar p {font-size: 16px; line-height: 22px; margin: 10px 0 0;} .about_blocks figure.blue_box figcaption {padding: 50px; width: 100%;} figure.blue_box h3 {width: 100%; font-size: 24px; line-height: 30px; font-weight: 700; color: #ffffff; text-transform: uppercase; font-family: 'Oswald', sans-serif;} figure.blue_box p {font-size: 18px; line-height: 24px; margin: 0 0 35px; font-weight: 700; color: #fff;} figure.blue_box p:last-child {margin: 0;} figure.blue_box p a.btn_red {color: #fff; background-color: #dc1d30; text-transform: uppercase; padding: 6px 15px; font-size: 15px; line-height: 23px; border: 2px solid #dc1d30; font-family: 'Oswald',sans-serif; font-weight: 700; text-align: center; display: inline-block; width: 100%; max-width: 150px;} figure.blue_box p a.btn_red:hover {border: 2px solid #fff;} figure.blue_box p a img {margin: -2px 0 0 10px;} .feature_versions_wrapper {padding: 0 0 60px; width: 100%;} .feature_versions_area {-ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin: 0 auto;} .feature_version_image {float: left; max-width: 400px; width: 100%; margin: 0 50px 0 0;} .feature_version_content {float: left; width: calc(100% - 450px); margin: 0;} @media screen and (max-width: 1000px) { .feature_version_image {max-width: 300px;} .feature_version_content { width: calc(100% - 350px);} } @media screen and (max-width: 900px) { .about_blocks figure {width: calc(50% - 24px);} .about_blocks figure.blue_box {width: calc(50% - 24px);} .about_blocks .single_cta {width: calc(50% - 24px);} } @media screen and (max-width: 800px) { .feature_version_image {max-width: 250px;} .feature_version_content { width: calc(100% - 300px);} } @media screen and (max-width: 600px) { .about_blocks {margin: 20px auto; width: 100%;} .about_blocks figure {float: none; width: 100%; margin: 0 auto 24px;} .about_blocks figure.blue_box {float: none; width: 100%; margin: 0 auto 24px;} .about_blocks .single_cta {float: none; width: 100%; margin: 0 auto 24px;} .about_blocks figure figcaption {padding: 20px;} .about_blocks figure .product-image {height: 100px; margin: 0 0 20px;} .about_blocks figure img {max-height: 100px;} .about_blocks figure.blue_box figcaption {padding: 50px 30px; text-align: center;} figure.blue_box h3 {font-size: 20px; line-height: 26px;} figure.blue_box p {font-size: 16px; line-height: 24px; margin: 0 0 20px;} .feature_versions_wrapper {padding: 0 0 30px;} .feature_version_image {float: none; max-width: 300px; margin: 0 0 30px;} .feature_version_content {float: none; width: 100%;} } #product_bottom_cta {margin: 0px 0 40px; max-width: 1100px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.11), 0 1px 2px rgba(0,0,0,0.11), 0 2px 4px rgba(0,0,0,0.11), 0 4px 8px rgba(0,0,0,0.11), 0 8px 16px rgba(0,0,0,0.11), 0 16px 32px rgba(0,0,0,0.11); box-shadow: 0 1px 1px rgba(0,0,0,0.11), 0 1px 2px rgba(0,0,0,0.11), 0 2px 4px rgba(0,0,0,0.11), 0 4px 8px rgba(0,0,0,0.11), 0 8px 16px rgba(0,0,0,0.11), 0 16px 32px rgba(0,0,0,0.11);} #product_bottom_cta img {padding: 0 !important; margin: 0 !important;} #product_lander_bottom_cta {margin: 0px 0 40px; max-width: 1076px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.11), 0 1px 2px rgba(0,0,0,0.11), 0 2px 4px rgba(0,0,0,0.11), 0 4px 8px rgba(0,0,0,0.11), 0 8px 16px rgba(0,0,0,0.11), 0 16px 32px rgba(0,0,0,0.11); box-shadow: 0 1px 1px rgba(0,0,0,0.11), 0 1px 2px rgba(0,0,0,0.11), 0 2px 4px rgba(0,0,0,0.11), 0 4px 8px rgba(0,0,0,0.11), 0 8px 16px rgba(0,0,0,0.11), 0 16px 32px rgba(0,0,0,0.11);} #product_lander_bottom_cta img {padding: 0 !important; margin: 0 !important;} #welded_metal_bellows_faq_section {padding: 40px 0 0;} #welded_metal_bellows_faq_section .accordion {padding: 40px 0 0;} /*##################################################*/ /*################# Product Detail Styles ######################*/ .icon_arrow_left {margin: 3px 10px 22px 0 !important; float: left; clear: left;} .tabcontent a.btn_blue {max-width: 300px; width: 100%;} .tabcontent table {max-width: 450px; width: 100%; margin: 10px 0 50px; color: #333333 !important;} .tabcontent tr:nth-child(odd) {background: #e5eaed;} .tabcontent tr p:nth-child(even) {background: #ffffff;} .responsive-tabs-wrapper {padding-top: 30px;} .responsive-tabs-wrapper h3 {font-size: 30px; line-height: 34px; margin: 0 0 25px; font-weight: 700; text-transform: none; font-family: 'Open Sans', sans-serif; color: #062442;} .responsive-tabs-wrapper h4 {font-size: 20px; line-height: 26px; margin: 0 0 10px; font-weight: 700; text-transform: none; font-family: 'Open Sans', sans-serif; color: #333333;} .responsive-tabs-wrapper .responsive-tabs__panel ul.two-column {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px;} .responsive-tabs-wrapper .responsive-tabs__panel ul.two-column li {width: 100%; break-inside: avoid-column;} .responsive-tabs .responsive-tabs__panel {background: #fff; border: none !important; border-top: 2px solid #dc1d30 !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; clear: left; margin-bottom: 0; padding: 55px 40px 0 !important; word-wrap: break-word;} .responsive-tabs .responsive-tabs__list__item {background: #eff2f4 !important; border: none !important; -webkit-border-top-left-radius: 0 !important; -webkit-border-top-right-radius: 0 !important; -moz-border-radius-topleft: 0 !important; -moz-border-radius-topright: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; color: #8f9599; font-size: 18px !important; line-height: 22px !important; text-transform: inherit; margin: 0 13px 13px 0 !important; padding: 19px 25px !important; white-space: nowrap; float: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: calc(25% - 10px); font-weight: 700; text-align: center; text-transform: uppercase;} .responsive-tabs .responsive-tabs__list__item:last-child {margin: 0 0 13px !important;} .responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover {background: #062442 !important; border-color: #062442 !important; color: #ffffff !important; margin-top: 0; position: relative; top: 0px !important;} .page-id-5320 .responsive-tabs .responsive-tabs__list__item, .page-id-5322 .responsive-tabs .responsive-tabs__list__item {width: calc(20% - 8px); margin: 0 10px 13px 0 !important; padding: 19px 10px !important;} .page-id-5320 .responsive-tabs .responsive-tabs__list__item:last-child, .page-id-5322 .responsive-tabs .responsive-tabs__list__item:last-child {margin: 0 0 13px !important;} .responsive-tabs ul.responsive-tabs__list {font-size: 18px; line-height: 18px; margin: 0 !important; padding: 0;} .table-responsive table {margin: 0 auto !important;} .post-entry .table > tbody > tr > td {padding: 20px; border: 1px solid #ddd; white-space: normal !important;} .post-entry .table > tbody > tr > td:first-child {font-weight: 700;} .post-entry .table > tbody > tr > td p {margin: 0;} #download_links, .download_links {display: inline-block; margin: 10px 0 20px; width: 100%;} #download_link_left, .download_link_left {width: calc(50% - 30px); float: left; margin: 0 60px 20px 0;} #download_link_right, .download_link_right {width: calc(50% - 30px); float: right; margin: 0 0 20px;} #download_links p, .download_links p {margin: 0; position: relative; padding: 0 0 0 35px;} #download_links .icon_arrow_left, .download_links .icon_arrow_left {margin: 3px 10px 0 0 !important; position: absolute; top: 0px; left: 0px;} #images_additional {display: inline-block; margin: 10px 0 20px; width: 100%;} #images_additional_left {max-width: 300px; float: left; margin: 0 100px 30px 0; max-height: 400px;} #images_additional_right {max-width: 300px; float: right; margin: 0 0 30px; max-height: 400px} #images_additional img {max-height: 400px} .spec_tables {display: flex; flex-wrap: wrap;} .spec_table_left {width: 50%; padding: 0 20px 0 0;} .spec_table_right {width: 50%; padding: 0 0 0 20px;} .spec_table {width: 100%;} .spec_tables p.sub_note {font-size: 14px; line-height: 24px; margin: 0; color: #808285;} @media (max-width: 1000px) { .page-id-5320 .responsive-tabs .responsive-tabs__list__item, .page-id-5322 .responsive-tabs .responsive-tabs__list__item {font-size: 15px !important;} .spec_table_left {width: 100%; padding: 0 0 30px;} .spec_table_right {width: 100%; padding: 0;} } @media (max-width: 992px) { .table-responsive {border: none !important;} .responsive-tabs-wrapper .table-responsive table {width: 100% !important; margin: 0 auto !important;} } @media (max-width: 810px) { #images_additional_left {float: none; margin: 0 0 40px;} #images_additional_right {float: none;} } @media screen and (max-width: 800px) { #download_link_left, .download_link_left {float: none; width: 100%; margin: 0 0 20px;} #download_link_right, .download_link_right {float: none; width: 100%;} } @media screen and (max-width: 767px) { .responsive-tabs-wrapper {padding-top: 0px; margin-top: 40px;} .responsive-tabs .responsive-tabs__panel {padding: 30px 20px !important;} .responsive-tabs .responsive-tabs__heading {background: #eff2f4 !important; border: 1px solid #eff2f4 !important; border-top: none; color: #8f9599 !important; font-size: 16px !important; text-transform: uppercase !important; margin: 0 0 5px !important; padding: 10px 0; padding-left: 20px; position: relative; font-weight: 700 !important;} .responsive-tabs .responsive-tabs__heading--active, .responsive-tabs .responsive-tabs__heading--active:hover {background: #062442 !important; color: #fff !important; border: 1px solid #062442 !important;} .responsive-tabs-wrapper {border-top: none !important;} } @media (max-width: 600px) { .responsive-tabs-wrapper td {display: block} .responsive-tabs-wrapper h3 {font-size: 22px; line-height: 26px; margin: 0 0 25px;} .responsive-tabs-wrapper h4 {font-size: 18px; line-height: 24px;} #images_additional_left {max-height: 300px;} #images_additional_right {max-height: 300px} #images_additional img {max-height: 300px} } /*##################################################*/ /*################# About Page Styles ######################*/ #faq_top_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 30px 20px 80px;} #faq_top_area {display: inline-block; width: 100%; margin-bottom: 0px;} #faq_top_area .accordion {margin: 0 0 60px; padding: 0;} @media (max-width: 600px) { #faq_top_wrapper {padding: 30px 20px 60px;} } /*##################################################*/ /*################# About Page Styles ######################*/ #about_area {display: inline-block; width: 100%; margin-bottom: 0px;} #about_top_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 30px 20px 80px;} #about_top_image {max-width: 415px; width: 100%; margin: 0 60px 50px 0; float: left;} #about_top_text {max-width: 1100px; width: 100%; margin: 0; float: left;} #about_middle_container {background-image: url(../images/bkgd_about_fas_advantage.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center;} #about_middle_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 100px 20px 60px;} #about_middle_wrapper h2 {color: #ffffff !important; text-align: center;} #about_middle_wrapper h3 {font-size: 24px; line-height: 32px; color: #ffffff !important; margin: 0 0 10px; font-weight: 400; text-align: center; text-transform: uppercase; font-family: 'Oswald', sans-serif;} #about_middle_wrapper p {color: #ffffff;} #about_middle_wrapper img {display: block; margin: 0 auto; max-width: 600px; width: 100%;} #about_middle_wrapper a {color: #ffffff;} #about_middle_text {max-width: 500px; width: 100%; margin: 0 60px 20px 0; float: left;} #about_middle_video {max-width: 500px; width: 100%; margin: 0 0 20px; float: left;} @media screen and (max-width: 1120px) { #about_middle_text {margin: 0 auto; float: none;} #about_middle_video {margin: 0 auto 20px; float: none;} #about_middle_wrapper p {text-align: center} } #core_values_container {background-color: #eff2f4; border-top: 5px solid #ffffff;} #core_values_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 90px 20px 35px;} #core_values_wrapper h2 {margin: 0 0 50px; text-align: center;} #core_values_area {display: inline-block; width: 100%; margin-bottom: 0px;} .core_values {max-width: 510px; width: 100%; margin: 0 20px; float: left;} .core_values_icon {max-width: 108px; width: 100%; margin: 0 22px 0 0; float: left;} .core_values_text {max-width: 380px; width: 100%; margin: 35px 0 0; float: left; min-height: 270px;} .core_values ul {padding: 0 0 0 20px;} .core_values h4 {font-weight: 400; color: #0081c8;} @media screen and (max-width: 1160px) { .core_values {margin: 0 auto; float: none;} .core_values_text {min-height: 150px;} } #about_bottom_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 110px 20px 10px;} #about_bottom_content {} #about_bottom_image {max-width: 415px; width: 100%; margin: 5px 60px 50px 0; float: left;} #about_bottom_text {max-width: 625px; width: 100%; margin: 0 0 50px; float: left;} #about_bottom_wrapper h2 {margin: 0 0 40px; text-align: center;} #about_bottom_text h3 {font-size: 24px; line-height: 32px; color: #0081c8 !important; margin: 0 0 10px; font-weight: 400; text-align: left; text-transform: uppercase; font-family: 'Oswald', sans-serif;} #about_bottom_text h4 {font-size: 20px; line-height: 30px; color: #0081c8 !important; margin: 0 0 20px; font-weight: 400; text-align: left; padding: 0 0 5px; border-bottom: 1px solid #0081c8;} #about_bottom_text ul {margin: 0 0 20px; overflow: hidden; padding: 0 0 0 20px;} #about_bottom_text li {padding: 0; float: left; list-style-type: square;} #double li {width: 47%; margin: 0 15px 0 0;} @media screen and (max-width: 1160px) { #about_bottom_image {margin: 0 auto 50px; float: none;} #about_bottom_text {margin: 0 auto 50px; float: none;} } @media screen and (max-width: 800px) { #about_middle_wrapper {padding: 80px 20px 60px;} #about_bottom_wrapper {padding: 80px 20px 10px;} #core_values_wrapper {padding: 80px 20px 35px;} } @media screen and (max-width: 767px) { #double li { width: 100%;} } @media screen and (max-width: 600px) { #about_middle_wrapper {padding: 60px 20px 50px;} #about_bottom_wrapper {padding: 60px 20px 10px;} #core_values_wrapper {padding: 60px 20px 35px;} #about_top_wrapper {padding: 30px 20px 60px;} } /*##################################################*/ .h2k {font-size: 34px; line-height: 44px; color: #004990 !important; margin: 0 0 10px; font-weight: 700; text-transform: uppercase; font-family: 'Oswald', sans-serif;} /*################# Career Page Styles ######################*/ #careers_area {display: inline-block; width: 100%; margin-bottom: 0px;} #careers_top_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 30px 20px 100px;} #careers_top_text {width: 100%; margin: 0; float: none;} #careers_top_text p {font-size: 20px; line-height: 30px; text-align: center;} #careers_detail_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 0;} #careers_detail_text {width: 100%; margin: 0; float: none;} #careers_detail_text p {text-align: left;} #careers_top_text #image_area_careers {display: inline-block; width: 100%; margin: 30px 0 0;} #careers_top_text #image_area_careers img {max-width: 356px; width: calc(33.3336% - 10px); margin: 0 5px 10px; float: left;} #careers_top_text #careers_contact_button {display: block; width: 100%; max-width: 600px; margin: 30px auto 0;} @media screen and (max-width: 700px) { #careers_top_text #image_area_careers img {margin: 0 auto 10px; width: 100%;float: none; display: block;} } #careers_bottom_wrapper {max-width: 1040px; width: 100%; margin: 0 auto; float: none; padding: 70px 20px;} #careers_bottom_text {width: 100%; margin: 0; float: none;} #careers_bottom_text h2 {text-align: center;} #careers_bottom_text h3 {font-size: 24px; line-height: 32px; color: #0081c8 !important; margin: 0px; font-weight: 400; text-align: center; text-transform: uppercase; font-family: 'Oswald', sans-serif;} #careers_bottom_text table {width: 100%; border-collapse: collapse;} /* Zebra striping */ #careers_bottom_text th {color: #0081c8; font-weight: bold; font-size: 20px; line-height: 30px; margin: 0;} #careers_bottom_text td, #careers_bottom_text th {padding: 30px 10px; border: none; text-align: left; width: 40%} #careers_bottom_text td:last-child, #careers_bottom_text th:last-child {padding: 30px 10px; border: none; text-align: left; width: 20%} #careers_bottom_text thead tr {border-bottom: 2px solid #0081c8;} #careers_bottom_text tbody tr {border-bottom: 1px solid #bbbbbb;} @media screen and (max-width: 767px) { /* Force table to not be like tables anymore */ #careers_bottom_text table, #careers_bottom_text thead, #careers_bottom_text tbody, #careers_bottom_text th, #careers_bottom_text td, #careers_bottom_text tr {display: block;} #careers_bottom_text thead tr {position: absolute; top: -9999px; left: -9999px;} #careers_bottom_text tr {border: 1px solid #ccc;} #careers_bottom_text td {border: none; border-bottom: 1px solid #eee; position: relative; padding: 10px 20px; text-align: center;} #careers_bottom_text td h3 {text-align: center;} #careers_bottom_text td, #careers_bottom_text th {width: 100%;} #careers_bottom_text td:last-child, #careers_bottom_text th:last-child {width: 100%;} #careers_bottom_text td:before {color: #0081c8; font-weight: bold; font-size: 20px; line-height: 30px; margin: 0; display: block; padding: 10px 0;} #careers_bottom_text tr:nth-of-type(even) {background: #f6f6f6;} #careers_bottom_text td:nth-of-type(1):before { content: "Job Title"; } #careers_bottom_text td:nth-of-type(2):before { content: "Location"; } #careers_bottom_text td:nth-of-type(3):before { content: ""; } } @media screen and (max-width: 800px) { #about_middle_wrapper {padding: 80px 20px 60px;} #about_bottom_wrapper {padding: 80px 20px 10px;} #core_values_wrapper {padding: 80px 20px 35px;} } @media screen and (max-width: 600px) { #careers_top_wrapper {padding: 30px 20px 60px;} #careers_bottom_wrapper {padding: 60px 20px;} } /*##################################################*/ /*################# Applicatons/Industry Page Styles ######################*/ #applictions_header_area {width: 100%; margin: 0 0 40px; float: none; display: inline-block;} #applications_header_left {max-width: 250px; width: 100%; margin: 0 0 30px; float: left;} #applications_header_right {max-width: 485px; width: 100%; margin: 0 0 30px; float: left;} #applictions_header {max-width: 1100px; width: 100%; margin: 0 auto 30px;} #applictions_header_area {display: inline-block; width: 100%; margin: 0 auto;} #applictions_header_details {float: left; max-width: 700px; width: 100%; margin: 0 50px 0 0;} #applictions_header_image {float: right; max-width: 250px; width: 100%;} @media (max-width: 1060px) { #applictions_header_details {width: calc(100% - 300px);} } @media (max-width: 700px) { #applictions_header_details {float: none; width: 100%; margin: 0 0 30px;} #applictions_header_image {float: none;} } #applictions_header_area img {} #applictions_top_area {width: 100%; margin: 0; float: none; display: inline-block;} #applications_top_left {width: 50%; margin: 0 0 30px; float: left;} #applications_top_right {width: 50%; margin: 0 0 30px; float: left;} #applictions_top_area ul {margin: 0 0 30px; padding: 0 40px;} #applictions_top_area h3 {border-bottom: 1px solid #0081c8; padding: 0 0 5px; margin: 0 0 20px; font-size: 20px; line-height: 30px; color: #0081c8; font-family: 'Oswald',sans-serif; text-transform: uppercase;} #applictions_bottom_area {width: 100%; margin: 0; float: none; display: inline-block;} #applications_bottom_left {width: 50%; margin: 0 0 30px; float: left;} #applications_bottom_right {width: 50%; margin: 0 0 30px; float: left;} #applictions_bottom_area ul {margin: 0 0 30px; padding: 0 40px;} #applictions_bottom_area h3 {border-bottom: 1px solid #0081c8; padding: 0 0 5px; margin: 0 0 20px; font-size: 20px; line-height: 30px; color: #0081c8; font-family: 'Oswald',sans-serif; text-transform: uppercase;} @media screen and (max-width: 850px) { #applications_header_right {max-width: 810px; width: 100%;} #applications_top_left {max-width: 810px; width: 100%;} #applications_top_right {max-width: 810px; width: 100%;} #applictions_top_area ul {padding: 0 0 0 40px;} #applications_bottom_right h3 {display: none} #applications_bottom_left {max-width: 810px; width: 100%; margin: 0; float: left;} #applications_bottom_right {max-width: 810px; width: 100%;} #applications_bottom_left ul {margin: 0; padding: 0 0 0 40px;} #applications_bottom_right ul {padding: 0 0 0 40px;} } /*##################################################*/ /*################### Contact Page ################*/ .contact_h2 {font-size: 26px !important; line-height: 36px !important;} #contact_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 60px 20px 80px;} #contact_area {display: inline-block; width: 100%; margin-bottom: 0;} #contact_left {float: left; margin: 0 30px 40px 0; max-width: 400px; width: 100%;} #contact_left h2 {text-align: left;} #contact_left h3 {font-size: 22px; line-height: 28px; margin: 0 0 15px; color: #0081c8; font-weight: 700; font-family: 'Oswald', sans-serif; text-align: left; text-transform: uppercase;} #contact_left p {text-align: left;} #contact_left a {text-decoration: underline;display: inline-block;} /*@media (min-width: 601px){ a[href^="tel:"] {pointer-events: none; color: #333333;} }*/ .location_wrapper {width: 100%; margin: 0 0 10px;} .location_area {display: inline-block; width: 100%; margin: 0 auto;} .location_icon {padding: 0 0 10px;} .location_area h5 {font-size: 18px; line-height: 28px; margin: 0 0 5px; font-weight: 700;} #contact_form {float: right; margin: 0 0 40px; max-width: 600px; width: 100%; padding: 0;} #contact_form p {margin: 0 0 40px;} #contact_form .hs-form-59aa0251-8905-4459-8817-463c1d809902_936aae62-6a39-4dcb-9416-c55d24111d7f .hs-form-field label:not(.hs-error-msg) {color: #333333 !important;} .hs-form-59aa0251-8905-4459-8817-463c1d809902_96b60fad-99c8-4b81-8020-90c3e7f63de8 .hs-richtext {color: #ffffff;} @media screen and (max-width: 1090px) { #contact_form {max-width: 500px; width: 100%;} } @media screen and (max-width: 990px) { #contact_form {max-width: 400px; width: 100%;} } @media screen and (max-width: 900px) { #contact_left {float: none; max-width: 900px; width: 100%; margin: 0 auto 40px;} #contact_form {float: none; max-width: 900px; width: 100%; margin: 0 auto;} .locations {display: flex; width: 100%; flex-wrap: wrap;} .location {width: 50%;} .locations .location:nth-child(odd) {padding: 0 20px 10px 0;} .locations .location:nth-child(even) {padding: 0 0 10px 20px;} } @media (max-width: 600px) { #contact_wrapper {padding: 30px 20px 60px;} #contact_left h3 {font-size: 18px; line-height: 24px;} .location {width: 100%;} .locations .location:nth-child(odd) {padding: 0 0 10px;} .locations .location:nth-child(even) {padding: 0 0 10px;} } #contact_map_wrapper {overflow: hidden; padding-bottom: 30%; position: relative; height: 0;} #contact_map_wrapper iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;} .contact_info_wraper {max-width: 830px; width: 100%; margin: 0 auto; float: none; padding: 60px 25px 40px; border-top: 1px solid #bbbbbb;} .contact_info_area {display: inline-block; width: 100%; margin-bottom: 0;} .contact_info_left {float: left; margin: 0 40px 0px 0; max-width: 350px; width: 100%;} .contact_left_text {float: left; margin: 0 20px 0 0; max-width: 200px; width: 100%;} .contact_left_maps {float: left; width: 130px; margin: 6px 0 20px;} .contact_left_maps img {float: left; margin: 0 10px 0 0;} .contact_left_maps img:last-child {margin: 0;} .contact_info_right {float: left; margin: 0; max-width: 350px; width: 100%;} .contact_us_sales_wraper {max-width: 790px; width: 100%; margin: 0 auto; float: none; padding: 35px 50px 0; border-top: 1px solid #bbbbbb;} .contact_us_sales_area {display: inline-block; width: 100%; margin-bottom: 0;} .contact_us_sales_left {float: left; margin: 0 60px 30px 0; max-width: 240px; width: 100%;} .contact_us_sales_right {float: left; margin: 0px 0 30px; max-width: 390px; width: 100%;} .us_sales_p {padding: 0 0 60px 15px;} @media screen and (max-width: 600px) { .contact_us_sales_wraper {padding: 35px 20px 0;} .us_sales_p {padding: 0 0 30px;} } /*##################################################*/ /*################### Support Page ################*/ #support_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 65px 20px 100px;} #support_area {display: flex; width: 100%; margin: 0 auto; flex-wrap: wrap;} #support_area h3 {font-size: 22px; line-height: 28px; margin: 0 0 10px; color: #0081c8; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase;} #support_area a {text-decoration: underline;display: inline-block;} .support_blocks {float: left; width: calc(33.3336% - 40px); margin: 0 20px 60px;} .support_icon {margin: 0 auto 25px; float: none;} .support_icon img {margin: 0 auto; display: block;} .support_info {text-align: center;} @media (min-width: 601px) { .support_icon {height: 53px; position: relative;} .support_icon img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} } @media (max-width: 900px) { .support_blocks {width: calc(50% - 40px); margin: 0 20px 40px;} } @media (max-width: 600px) { #support_wrapper {padding: 45px 20px 80px;} } @media (max-width: 600px) { #support_wrapper {padding: 25px 20px 80px;} #support_area h3 {font-size: 18px; line-height: 24px;} .support_blocks {width: 100%; margin: 0 auto 40px; float: none;} } /*##################################################*/ /*################### International Sales Page ################*/ #int_sales_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 65px 20px 100px;} #int_sales_area {display: flex; width: 100%; margin: 0 auto; flex-wrap: wrap;} #int_sales_area h3 {font-size: 22px; line-height: 28px; margin: 0 0 10px; color: #0081c8; font-weight: 700; font-family: 'Oswald', sans-serif; text-transform: uppercase;} #int_sales_area h4 {font-size: 20px; line-height: 28px; margin: 0 0 10px;} #int_sales_area a {text-decoration: underline;display: inline-block;} .int_sales_blocks {float: left; width: calc(50% - 40px); margin: 0 20px 40px;} .int_sales_icon {margin: 0 auto 25px; float: none;} .int_sales_icon img {margin: 0 auto; display: block;} .int_sales_info {text-align: center;} .int_sales_icon_2 {max-width: 212px; width: 100%; margin: 0 auto 25px;} .int_sales_icon_2_area {display: inline-block; width: 100%; margin: 0 auto;} .int_sales_icon_2 img {margin: 0 10px; display: block; float: left;} @media (max-width: 800px) { #int_sales_wrapper {padding: 45px 20px 80px;} } @media (max-width: 600px) { #int_sales_wrapper {padding: 25px 20px 80px;} #int_sales_area h3 {font-size: 20px; line-height: 26px;} #int_sales_area h4 {font-size: 18px; line-height: 26px;} .int_sales_blocks {width: 100%; margin: 0 auto 20px; float: none;} } /*##################################################*/ #solutions_catagories {padding-top: 5px; width: 200px; float: left;} .dividereqp {width: 95%; border-bottom: 1px solid #54c4ed;} #flygt_copy {width: 100%; margin: 0; float: none; display: inline-block;} .flygt_left {max-width: 360px; width: 100%; margin: 0 30px 30px 0; float: left; min-height: 300px;} .flygt_right {max-width: 360px; width: 100%; margin: 0 0 30px; float: left; min-height: 300px;} #flygt_copy img {margin: 0 0 15px;} @media screen and (max-width: 800px) { .flygt_left {margin: 0 0 30px; float: none; min-height: 200px;} .flygt_right {float: none; min-height: 200px;} } #accordions-1531 .accordions-head:nth-child(4n-7) {color: #ffffff; font-size: 14px; background: #0081c8 !important;} #accordions-1531 .ui-accordion-header-active:nth-child(4n-7) {background: #0081c8 !important;} .ml-responsive-table {margin-bottom: 50px;} .boxzilla {position: fixed; z-index: 999999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: none !important; padding: 0px !important; border: none !important;} .boxzilla-close-icon {position: absolute; right: 405px !important; top: 0px !important; text-align: center; padding: 6px; cursor: pointer; -webkit-appearance: none; font-size: 28px; font-weight: 700; line-height: 20px; color: red !important; opacity: 1 !important;} .boxzilla-close-icon:focus, .boxzilla-close-icon:hover {opacity: 1 !important; color: #0081c8 !important;} .boxzilla a img {outline : none; border: none;} .ml-responsive-table .ml-grid {border-top: none; border-bottom: none; margin: 0 0 15px;} /*################### Distributor Page ################*/ #distributor_top_container {} #distributor_top_wrapper {max-width: 1140px; padding: 65px 20px 40px; margin: 0 auto 70px; border-bottom: 1px solid #3bb9d2;} #distributor_top_area {position: relative; display: inline-block; width: 100%; margin-bottom: 0px;} #distributor_top_content {max-width: 1100px; margin: 0 auto;} #distributor_top_content p {font-size: 18px; line-height: 26px; text-align: center;} #distributor_middle_container {} #distributor_middle_wrapper {max-width: 1140px; padding: 0px 20px 40px; margin: 0 auto 70px; border-bottom: 1px solid #3bb9d2;} #distributor_middle_area {position: relative; display: inline-block; width: 100%; margin-bottom: 0px;} #distributor_middle_content {max-width: 1080px; margin: 0 auto;} #distributor_middle_content h2 {text-align: center; margin: 0 0 65px;} #distributor_middle_icons_area {display: inline-block; width: 100%; margin-bottom: 0;} #distributor_middle_icons {max-width: 310px; width: 100%; float: left; margin: 0 25px 25px;} #distributor_middle_icons img {display: block; clear: both; margin: 0 auto 20px;} #distributor_middle_icons h3 {font-size: 20px; line-height: 30px; color: #333333; text-align: center;} #distributor_middle_icons p {text-align: center;} @media screen and (max-width: 1140px) { #distributor_middle_content {max-width: 720px; margin: 0 auto;} #distributor_middle_icons:last-child {float: none; margin: 0 auto 25px;} } @media screen and (max-width: 780px) { #distributor_middle_icons {float: none; margin: 0 auto 45px;} } @media screen and (max-width: 600px) { #distributor_middle_icons h3 {font-size: 18px; line-height: 28px;} } #distributor_bottom_container {} #distributor_bottom_wrapper {max-width: 1140px; padding: 0px 20px 80px; margin: 0 auto; } #distributor_bottom_area {position: relative; display: inline-block; width: 100%; margin-bottom: 0px;} #distributor_bottom_content {max-width: 930px; margin: 0 auto;} #distributor_bottom_content h2 {margin-bottom: 10px; text-align: center;} #distributor_bottom_content p {text-align: center;} #distributor_bottom_form {} #distributor_bottom_form .nf-form-fields-required {text-align: center; margin: 0 0 15px; color: #333333;} #distributor_bottom_form .nf-form-content .html-container {text-align: center; padding: 0 0 5px;} .nf-form-content .html-container {padding: 0 0 5px;} #distributor_bottom_form .nf-form-wrap label {font-size: 15px; line-height: 25px; margin: 0; padding: 0; color: #333333; font-weight: 400 !important;} #distributor_bottom_form .nf-field-error p {font-size: 15px; line-height: 25px; margin: 0; padding: 0; color: red; font-weight: 700 !important;} #distributor_bottom_form .nf-error-msg {text-align: left; margin: 0 0 20px;} #nf-field-27-container {float: left; max-width: 450px; width: 100%; margin: 0 30px 10px 0; clear: none;} #nf-field-31-container {float: left; max-width: 450px; width: 100%; margin: 0 0 10px; clear: none;} #nf-field-28-container {float: left; max-width: 450px; width: 100%; margin: 0 30px 10px 0; clear: none;} #nf-field-32-container {float: left; max-width: 450px; width: 100%; margin: 0 0 10px; clear: none;} #nf-field-29-container {float: left; max-width: 450px; width: 100%; margin: 0 30px 10px 0; clear: none;} #nf-field-33-container {float: left; max-width: 450px; width: 100%; margin: 0 0 10px; clear: none;} #nf-field-34-container {float: left; max-width: 450px; width: 100%; margin: 0 30px 10px 0; clear: none;} #nf-field-35-container {float: left; max-width: 450px; width: 100%; margin: 0 0 10px; clear: none;} #nf-field-36-container {float: left; max-width: 450px; width: 100%; margin: 0 30px 10px 0; clear: none;} #nf-field-37-container {float: left; max-width: 450px; width: 100%; margin: 0 0 10px; clear: none;} #nf_field_38-container {width: 100%;} @media screen and (max-width: 990px) { #nf-field-27-container {float: none; max-width: 920px; width: 100%; margin: 0 auto 10px;} #nf-field-31-container {float: none; max-width: 920px; width: 100%; margin: 0 auto 10px;} #nf-field-28-container {float: none; max-width: 920px; width: 100%; margin: 0 auto 10px;} #nf-field-32-container {float: none; max-width: 920px; width: 100%; margin: 0 auto 10px} #nf-field-29-container {float: none; max-width: 920px; width: 100%; margin: 0 auto 10px;} #nf-field-33-container {float: none; max-width: 920px; width: 100%; margin: 0 auto 10px;} #nf-field-34-container {float: none; max-width: 920px; width: 100%; margin: 0 auto 10px;} #nf-field-35-container {float: none; max-width: 920px; width: 100%; margin: 0 auto 10px;} #nf-field-36-container {float: none; max-width: 920px; width: 100%; margin: 0 auto 10px;} #nf-field-37-container {float: none; max-width: 920px; width: 100%; margin: 0 auto 10px;} } /*##################################################*/ /*################### Request A Quote Page ################*/ #request_a_quote_wrapper {max-width: 640px; padding: 30px 20px 0px; margin: 0 auto; } #request_a_quote_area {position: relative; display: inline-block; width: 100%; margin-bottom: 0px;} #request_a_quote_content {max-width: 600px; margin: 0 auto;} #request_a_quote_content h2 {text-align: center; margin: 0 0 65px;} /*##################################################*/ /*################### Thank You Page ################*/ #content_wrapper {max-width: 1140px; padding: 30px 20px 0px; margin: 0 auto; } #content_area {position: relative; display: inline-block; width: 100%; margin-bottom: 0px; text-align: center;} /*##################################################*/ .justified_paragraph {padding-left: 298px;} @media screen and (max-width: 600px) { .justified_paragraph {padding-left: 0px;} } #glt-translate-trigger {display: none;} @media only screen and (max-width: 992px) { #glt-translate-trigger {display: block;} } /*################# Privacy Policy Styles ######################*/ #privacy_policy_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 45px 20px 100px;} #privacy_policy_area {display: inline-block; width: 100%; margin-bottom: 0px;} #privacy_policy_area h2 {padding: 20px 0 0;} #privacy_policy_area h4 {padding: 20px 0 0; margin: 0 0 20px;} #privacy_policy_area h4:first-child {padding: 0;} #privacy_policy_area .table-responsive table {margin: 0 auto 20px !important;} @media (max-width: 600px) { #privacy_policy_wrapper {padding: 25px 20px 80px;} } /*##################################################*/ div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {margin: 0px !important;} div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {margin: 0 0 15px !important; color: #323b43 !important; font-family: inherit; font-size: 14px !important; font-weight: normal !important; line-height: 24px !important; text-align: left; text-shadow: none !important; float: left !important;} div#hs-eu-cookie-confirmation {z-index: 100000000!important; position: fixed !important; bottom: 0 !important; top: auto !important; border-bottom: 1px solid #d3d8db !important; border-top: 1px solid #d3d8db !important; -webkit-box-shadow: 0px 8px 28px rgba(0,0,0,0.08) !important; -moz-box-shadow: 0px 8px 28px rgba(0,0,0,0.08) !important; box-shadow: 0px 8px 28px rgba(0,0,0,0.08) !important;} div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {max-width: 880px !important; padding: 20px !important;} div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a, div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a:hover {color: #0081c8 !important;} div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {color: #ffffff !important;} div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {justify-content: normal !important;} @media (max-width: 850px) { div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {display: inline-block !important;} } /*################# Privacy Policy Styles ######################*/ .new_line {display: inline-block;} .bold_cap {font-weight: 700; text-transform: uppercase;} .slash_divider {padding: 0 10px;} #gulf_south_b1_container {background-image: url(../images/bkgd_gulf_south_map.jpg); background-position: top center; background-repeat: no-repeat;} #gulf_south_b1_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 115px 20px 80px;} #gulf_south_b1_area {display: inline-block; width: 100%; margin-bottom: 0px;} #gulf_south_b1_block {float: right; max-width: 530px; width: 100%; margin: 0;} #gulf_south_b1_block h4 {font-size: 18px; line-height: 28px; margin: 0px; color: #004990; padding: 5px 0 0;} #gulf_south_b2_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 20px 20px 80px;} #gulf_south_b2_area {display: inline-block; width: 100%; margin-bottom: 0px;} #gulf_south_b2_text {float: left; max-width: 520px; width: 100%; margin: 105px 85px 40px 0;} #gulf_south_b2_area p {margin: 0 0 15px;} #gulf_south_b2_area a.btn_blue {max-width: 300px; width: 100%; margin: 15px 0 0;} #gulf_south_b2_image {float: left; max-width: 495px; width: 100%; margin: 0;} #gulf_south_b3_container {background-image: url(../images/bkgd_gulf_south_experience_and_expertise.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat;} #gulf_south_b3_wrapper {max-width: 890px; width: 100%; margin: 0 auto; float: none; padding: 140px 20px 100px;} #gulf_south_b3_area {display: inline-block; width: 100%; margin-bottom: 0px;} #gulf_south_b3_area h2 {color: #ffffff !important; text-align: center;} #gulf_south_b3_area p {color: #ffffff; text-align: center;} @media (max-width: 1160px) { #gulf_south_b2_text {float: none; max-width: 820px; width: 100%; margin: 0 auto 50px;} #gulf_south_b2_area h2 {text-align: center;} #gulf_south_b2_area p {text-align: center;} #gulf_south_b2_image {float: none; margin: 0 auto;} } @media (max-width: 1000px) { #gulf_south_b1_container {background-position: 30% top; background-size: auto 250px;} #gulf_south_b1_wrapper {padding: 260px 20px 80px;} #gulf_south_b1_block {float: none; max-width: 820px; width: 100%; margin: 0;} #gulf_south_b1_block h2 {text-align: center;} #gulf_south_b1_block p {text-align: center;} #gulf_south_b1_block h4 {text-align: center;} } @media (max-width: 800px) { #gulf_south_b2_wrapper {padding: 0 20px 80px;} #gulf_south_b3_wrapper {padding: 80px 20px;} } @media (max-width: 490px) { #gulf_south_b1_block .new_line {display: inline;} } @media (max-width: 400px) { #gulf_south_b1_block .slash_divider {display: none;} #gulf_south_b1_block .address_info {display: block;} } /*##################################################*/ /*################# Installation Instructions ######################*/ #install_instructions_wrapper {max-width: 1100px; width: 100%; margin: 0 auto 50px; padding: 40px 0 0;} #install_instructions_area {margin: 0 auto; width: 100%; display: inline-block; border-bottom: 1px solid #bbbbbb;} .install_instruction_block {width: 100%; border-top: 1px solid #bbbbbb; padding: 20px;} .install_instruction_block_area {margin: 0 auto; width: 100%; display: inline-block;} .install_instruction_block_area img {display: block; margin: 0 auto;} .install_instruction_block_area a {width: 100%; display: inline-block;} .install_instruction_block_area a p {color: #333333;} .install_instruction_block_area a:hover p {color: #0081c8;} .install_image {max-width: 91px; width: 100%; float: left; margin: 0 50px 0 0;} .install_image_area {display: table-cell; vertical-align: middle; height: 78px; width: 91px;} .install_text {float: left; max-width: 556px; width: 100%;} .install_text_area {display: table-cell; vertical-align: middle; height: 78px;} .install_text p {margin: 0px; font-size: 18px; line-height: 28px; font-weight: 700;} .install_download_icon {max-width: 23px; width: 100%; float: right; margin: 0 0 0 30px;} .install_download_icon_area {display: table-cell; vertical-align: middle; height: 78px;} @media (max-width: 1160px) { #install_instructions_wrapper {max-width: 1060px; width: 100%; margin: 0 auto;} } @media (max-width: 850px) { .install_text {max-width: 350px; width: 100%;} } @media (max-width: 650px) { .install_image {margin: 0 30px 0 0;} .install_text {max-width: 250px; width: 100%;} } @media (max-width: 530px) { .install_image {float: none; margin: 0 auto 20px;} .install_image_area {display: block; height: 100%;} .install_text {float: none; max-width: 550px; width: 100%; margin: 0 auto 20px;} .install_text_area {display: block; height: 100%;} .install_text p {text-align: center;} .install_download_icon {float: none; margin: 0 auto;} .install_download_icon_area {display: block; height: 100%;} } /*##################################################*/ /*################# Product Brochure Instructions ######################*/ #product_brochures_wrapper {max-width: 1100px; width: 100%; margin: 0 auto 50px;} #product_brochures_area {margin: 0 auto; width: 100%; display: inline-block; border-bottom: 1px solid #bbbbbb;} #product_brochures_area h3 {margin: 0 0 20px; padding: 0; font-size: 20px; line-height: 30px; font-weight: 700; text-transform: uppercase; font-family: 'Oswald',sans-serif; color: #0081c8;} .solutions_wrapper h3 {margin: 0 0 20px; padding: 0; font-size: 20px; line-height: 30px; font-weight: 700; text-transform: uppercase; font-family: 'Oswald',sans-serif; color: #0081c8;} .product_brochure_block {width: 100%; border-top: 1px solid #bbbbbb; padding: 20px;} .product_brochure_block_area {margin: 0 auto; width: 100%; display: inline-block;} .product_brochure_block_area img {display: block; margin: 0 auto; max-height: 78px;} .product_brochure_block_area a {width: 100%; display: inline-block;} .product_brochure_block_area a p {color: #333333;} .product_brochure_block_area a:hover p {color: #0081c8;} .product_brochure_image {max-width: 91px; width: 100%; float: left; margin: 0 50px 0 0;} .product_brochure_image_area {display: table-cell; vertical-align: middle; height: 78px; width: 91px;} .product_brochure_text {float: left; max-width: 556px; width: 100%;} .product_brochure_text_area {display: table-cell; vertical-align: middle; height: 78px;} .product_brochure_text p {color: #333333; margin: 0px; font-size: 18px; line-height: 28px; font-weight: 700;} .product_brochure_download_icon {max-width: 23px; width: 100%; float: right; margin: 0 0 0 30px;} .product_brochure_download_icon_area {display: table-cell; vertical-align: middle; height: 78px;} @media (max-width: 1160px) { #product_brochures_wrapper {max-width: 1060px; width: 100%; margin: 0 auto;} #product_brochures_area h3 {padding: 40px 0 0;} } @media (max-width: 850px) { .product_brochure_text {max-width: 350px; width: 100%;} } @media (max-width: 650px) { .product_brochure_image {margin: 0 30px 0 0;} .product_brochure_text {max-width: 250px; width: 100%;} } @media (max-width: 530px) { #product_brochures_area h3 {padding: 50px 0 0; text-align: center;} .product_brochure_image {float: none; margin: 0 auto 20px;} .product_brochure_image_area {display: block; height: 100%;} .product_brochure_text {float: none; max-width: 550px; width: 100%; margin: 0 auto 20px;} .product_brochure_text_area {display: block; height: 100%;} .product_brochure_text p {text-align: center;} .product_brochure_download_icon {float: none; margin: 0 auto;} .product_brochure_download_icon_area {display: block; height: 100%;} } /*##################################################*/ /*######################### Accordion ##################################*/ .accordion, .accordion * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .accordion {overflow: hidden; width: 100%; border-bottom: 1px solid #bbbbbb; margin: 0 0 110px; padding: 80px 0 0;} .page-id-4386 .accordion {margin: 0 0 75px; padding: 10px 0 0;} /*----- Section Titles -----*/ .accordion-section-title {width: 100%; padding: 25px 80px 25px 25px; display: inline-block; border-top: 1px solid #bbbbbb; background-color: #ffffff; transition: all linear 0.15s; font-size: 18px; line-height: 28px; font-weight: 700; text-transform: none; color: #333333 !important; font-family: 'Oswald', sans-serif; background-image: url(/wp-content/uploads/icon_plus_blue.png); background-repeat: no-repeat; background-position: 97% center; text-decoration: none !important;} .accordion-section-title.active, .accordion-section-title:hover {color: #ffffff !important; background-color: #004990; border-top: 1px solid #004990;} .accordion-section-title:hover {background-image: url(/wp-content/uploads/icon_plus_white.png); background-repeat: no-repeat; background-position: 97% center;} .accordion-section-title.active {background-image: url(/wp-content/uploads/icon_negative_white.png); background-repeat: no-repeat; background-position: 97% center;} .accordion-section:last-child .accordion-section-title {border-bottom: none;} /*----- Section Content -----*/ /*#accordion-1 {display: block;}*/ .accordion-section-content {padding: 20px 25px; display: none;} .accordion-section-content h4 {font-size: 16px; line-height: 28px; margin: 0 0 10px; font-weight: 700; font-family: 'Open Sans', sans-serif; color: #0081c8; text-transform: uppercase;} .accordion-section-content ul {margin: 0 0 15px;} .accordion-section-content img {display: block; margin: 0 auto;} .accordion-section-content .caption {padding: 10px 0 30px; color: #333333; text-align: center; width: 100%; display: inline-block; font-size: 18px; line-height: 28px; font-weight: 600;} .page-id-4386 .accordion-section-content h4 {padding: 20px 0 0;} .sb_specs_wrapper {width: 100%; border-bottom: 2px solid #f6f6f6; padding: 10px 20px 30px; margin: 0 0 10px;} .sb_specs_area {display: inline-block; width: 100%; margin: 0 auto;} .sb_specs_area p {margin: 0 !important;} .sb_specs_small {width: 33.33%; float: left;} .sb_specs_long {width: 66.66%; float: left;} .sb_specs_header {color: #0081c8; font-weight: bold; display: block;} .sb_wrapper {padding: 0 20px;} @media (max-width: 650px) { .accordion {margin: 0 0 60px; padding: 40px 0 0;} .sb_specs_wrapper {padding: 10px 20px;} .sb_specs_small {width: 100%; float: left; margin: 0 0 20px;} .sb_specs_long {width: 100%; float: left; margin: 0 0 20px;} } @media (max-width: 550px) { .accordion-section-title {padding: 25px 70px 25px 10px;} } /*#####################################################################*/ a.btn_call_now {color: #fff; background-color: #0081c8; text-transform: uppercase; padding: 8px 15px; font-size: 16px; line-height: 20px; border: 2px solid #0081c8; font-weight: 400; text-align: center; display: inline-block; width: 100%; max-width: 150px;} a.btn_call_now:hover {color: #ffffff !important; background-color: #333333; text-decoration: none; border: 2px solid #333333;} /*######################### US Sales Page ##################################*/ .entry-content #map_wrapper .mapplic-tooltip-content h4 {margin: 0 0 10px !important; text-transform: none !important; color: #444441 !important;} .mapplic-tooltip-title {font-size: 20px !important; line-height: 30px !important; font-weight: 700 !important; text-transform: uppercase !important; display: block !important; text-align: center; padding: 0 0 5px;} .mapplic-tooltip-wrap h4 {margin-right: 0 !important;} .mapplic-tooltip-description, .mapplic-tooltip p {font-size: 16px !important; line-height: 26px !important; font-weight: 400 !important; margin: 0 !important; text-transform: none !important; color: #333333 !important; text-align: center !important;} .mapplic-tooltip p {margin: 0 0 25px !important;} .mapplic-tooltip h5 {font-weight: 400 !important; margin: 0 0 15px !important; font-size: 18px !important; line-height: 28px !important; border-bottom: 1px solid #0081c8; padding: 5px 0; text-transform: uppercase;} .mapplic-tooltip-body {padding: 20px 0 !important;} .mapplic-tooltip-content {max-height: 300px !important; padding: 9px 9px 0; width: 240px; margin: 0 !important;} .mapplic-tooltip-wrap {max-width: 272px !important; font-family: 'Open Sans', sans-serif;} .mapplic-tooltip-content a.btn_call_now {margin: 0 auto 30px;} .mapplic-list-location > a {padding: 10px 15px !important;} .mapplic-list-location h4 {line-height: 26px !important;} .mapplic-clickable:not(g), g.mapplic-clickable > * {opacity: 0.6 !important;} .mapplic-clickable:not(g):hover, g.mapplic-clickable:hover > * {opacity: 0.8 !important;} .mapplic-clickable:not(g).mapplic-active { opacity: 1.0 !important; } .mapplic-tooltip-close {background-size: 16px 16px !important; width: 16px !important; height: 16px !important;} #us_sales_contact_wrapper {margin: 0 auto; padding: 75px 20px 60px; max-width: 1140px; width: 100%} #us_sales_contact_area {width: 100%; margin: 0 auto; display: inline-block;} #us_sales_contact_area h2 {text-align: center; margin: 0 0 50px;} .us_sales_contact_block_wrapper {float: none; max-width: 1040px; width: 100%; margin: 0 auto; text-align: center; padding: 40px 20px 80px;} .us_sales_contact_block_area {width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center;} .us_sales_contact_block_area h3 {text-transform: none; color: #004990; font-size: 20px; line-height: 30px; margin: 0 0 10px;} .us_sales_contact_block {margin: 0 20px 40px; width: calc(33.33336% - 40px);} .us_sales_contact_block a.btn_orange {width: 200px;} @media (max-width: 800px) { .us_sales_contact_block_wrapper {padding: 40px 20px 50px;} } @media (max-width: 600px) { #us_sales_contact_wrapper {padding: 70px 20px 40px;} #us_sales_contact_area h2 {margin: 0 0 20px;} .us_sales_contact_block_wrapper {padding: 40px 20px 70px;} .us_sales_contact_block {margin: 0 auto 10px; width: 100%;} } /*#####################################################################*/ .wpml-ls-statics-post_translations {text-align: right; margin: -46px 0 20px;} #ps2id-dummy-offset {display: block; height: 150px; margin-top: -150px; visibility: hidden;} .anchor {display: block; height: 180px; margin-top: -180px; visibility: hidden;} @media (max-width: 992px) { #ps2id-dummy-offset {height: 52px; margin-top: -52px;} .anchor {height: 82px; margin-top: -82px;} } .mechanical_anchor {display: block; height: 140px; margin-top: -140px; visibility: hidden;} @media (max-width: 1350px) { .mechanical_anchor {height: 170px; margin-top: -170px;} } @media (max-width: 1330px) { .mechanical_anchor {height: 190px; margin-top: -190px;} } @media (max-width: 992px) { .mechanical_anchor {height: 70px; margin-top: -70px;} } /*################### Repair Page Styles ################*/ #repair_top_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 50px 20px 0;} #repair_top_area {width: 100%; margin: 0 auto; display: inline-block;} #repair_top_area h2 {margin: 0 0 20px; color: #062442 !important;} #repair_top_left {float: left; width: calc(100% - 530px); margin: 0 50px 0 0;} #repair_top_left .top_cta_image {display: none;} #repair_top_left h2 {font-size: 38px; line-height: 46px; color: #062442 !important; font-weight: 700; text-align: left; margin: 0 0 25px; text-transform: none;} #repair_top_right {float: right; max-width: 450px; width: 100%; margin: 0;} .talk_to {display: inline-block; width: 220px;} #repair_top_left h4 {font-size: 20px; line-height: 30px; margin: 0 0 25px; font-weight: 700; text-transform: none;} .repair_top_ctas {display: inline-block; width: 100%; margin: 0 auto; padding: 15px 0 0;} .repair_top_cta {float: left; margin: 0 15px 0 0;} #repair_top_left .repair_top_cta a.btn_red_outline img.icon_red {display:inline-block;} #repair_top_left .repair_top_cta a.btn_red_outline img.icon_white {display:none;} #repair_top_left .repair_top_cta a.btn_red_outline:hover img.icon_red {display:none;} #repair_top_left .repair_top_cta a.btn_red_outline:hover img.icon_white {display:inline-block;} #repair_top_left .top_cta_image a.btn_red_outline img.icon_red {display:inline-block;} #repair_top_left .top_cta_image a.btn_red_outline img.icon_white {display:none;} #repair_top_left .top_cta_image a.btn_red_outline:hover img.icon_red {display:none;} #repair_top_left .top_cta_image a.btn_red_outline:hover img.icon_white {display:inline-block;} #repair_top_left .top_cta_image a.btn_red_outline {min-width: 240px;} #repair_top_left .top_cta_image a.btn_orange {min-width: 240px;} #repair_process_container {background-color: #eff2f4;} #repair_process_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 95px 20px 115px;} #repair_process_area {width: 100%; margin: 0 auto; display: inline-block;} #repair_process_area h2 {text-align: center; margin: 0 0 40px; color: #062442 !important;} #repair_process_top {max-width: 1000px; width: 100%; margin: 0 auto; padding: 0 0 20px;} #repair_process_top h2 {text-align: center; margin: 0 0 20px; color: #062442 !important;} #repair_process_top p {text-align: center;} #seals-we-service {max-width: 1140px; width: 100%; margin: 0 auto; padding: 100px 20px 120px; border-top: 1px solid #c9c9c9;} #oem_mechanical_area {width: 100%; margin: 0 auto; display: inline-block;} #oem_mechanical_top {width: 100%; margin: 0 auto 20px;} #oem_mechanical_top h2 {text-align: center; margin: 0 0 20px; color: #062442 !important;} #oem_mechanical_top p {text-align: center;} #related_services_container {} #related_services_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 120px 20px;} #related_services_area {width: 100%; margin: 0 auto; display: inline-block;} .related_service_row {display: flex; flex-direction: row; flex-wrap: wrap; width: 100%;} .related_services_blocks {float: left; width: calc(50% - 14px); margin: 0 7px 15px; padding: 50px 45px; background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.11), 0 1px 2px rgba(0,0,0,0.11), 0 2px 4px rgba(0,0,0,0.11), 0 4px 8px rgba(0,0,0,0.11), 0 8px 16px rgba(0,0,0,0.11), 0 16px 32px rgba(0,0,0,0.11); box-shadow: 0 1px 1px rgba(0,0,0,0.11), 0 1px 2px rgba(0,0,0,0.11), 0 2px 4px rgba(0,0,0,0.11), 0 4px 8px rgba(0,0,0,0.11), 0 8px 16px rgba(0,0,0,0.11), 0 16px 32px rgba(0,0,0,0.11);} #related_services_area h2 {text-align: center; margin: 0 0 40px;} #related_services_area h3 {margin: 0 0 15px; color: #333333 !important; font-size: 24px; line-height: 30px;} #repair_gulf_container {background-image: url(/wp-content/uploads/bkgd_gulf_south_map.jpg); background-position: top center; background-repeat: no-repeat;} #repair_gulf_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 115px 20px 70px;} #repair_gulf_area {display: inline-block; width: 100%; margin: 0 auto;} #repair_gulf_block_wrapper {display: inline-block; width: 100%; margin: 0 auto;} #repair_gulf_block {float: left; max-width: 530px; width: 100%; margin: 0 0 70px;} #repair_gulf_area h2 {margin: 0 0 15px; color: #062442 !important;} #repair_gulf_area h3 {margin: 0 0 15px; color: #333333 !important; font-size: 24px; line-height: 30px;} #facility_wrapper {width: 100%; margin: 0 auto; padding: 80px 0;} #facility_area {display: inline-block; width: 100%; margin: 0 auto;} #facility_image {float: left; width: calc(100% - 540px); margin: 0 50px 30px 0;} #facility_content {float: left; max-width: 490px; width: 100%; margin: 0;} #facility_contact_wrapper {width: 100%; margin: 0 auto; padding: 20px 0 0;} #facility_contact_area {display: inline-block; width: 100%; margin: 0 auto;} #facility_contact_info {float: left; max-width: 280px; width: 100%; margin: 0 50px 30px 0;} #facility_contact_locations {float: right; max-width: 520px; width: 100%; margin: 0;} #facility_contact_info a {text-decoration: underline;} #facility_contact_info p {margin: 0 0 15px;} #request_quote_container {background-color: #004990; border-bottom: 4px solid #ffffff;} #request_quote_wrapper {max-width: 880px; width: 100%; margin: 0 auto; padding: 115px 20px;} #request_quote_area {width: 100%; margin: 0 auto; display: inline-block;} #request_quote_area h2 {color: #ffffff !important; text-align: center; margin: 0 0 40px;} #request_quote_area .hbspt-form p {color: #ffffff;} .oem_tabs_content {float: left; width: 100%;} /*.oem_tabs_content {float: left; width: calc(100% - 450px);}*/ .oem_tabs_content h3 {margin: 0 0 15px; color: #333333 !important; font-size: 24px; line-height: 30px;} .oem_tabs_image {float: right; max-width: 400px; width: 100%;} .oem_tabs_image img {margin: 0 auto 30px;} #oem_tabs .responsive-tabs-wrapper {padding-top: 30px;} #oem_tabs .responsive-tabs .responsive-tabs__panel {background: #fff; border: none !important; border-top: none !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; clear: left; margin-bottom: 0; padding: 55px 40px 0 !important; word-wrap: break-word;} #oem_tabs .responsive-tabs .responsive-tabs__list__item {background: #004990 !important; border: none !important; border-bottom: none !important; -webkit-border-top-left-radius: 0 !important; -webkit-border-top-right-radius: 0 !important; -moz-border-radius-topleft: 0 !important; -moz-border-radius-topright: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; color: #ffffff; font-size: 18px !important; line-height: 30px !important; margin: 0 10px 20px !important; padding: 20px 10px !important; white-space: nowrap; float: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: calc(25% - 20px); font-weight: 700; text-align: center; text-transform: uppercase; font-family: 'Oswald', sans-serif;} #oem_tabs .responsive-tabs .responsive-tabs__list__item--active, #oem_tabs .responsive-tabs .responsive-tabs__list__item--active:hover {background: #0081c8 !important; border-color: #dc1d30 !important; border-bottom: none !important; color: #ffffff !important; padding-bottom: 20px !important; margin-top: 0; position: relative; top: 0px !important;} #oem_tabs .responsive-tabs ul.responsive-tabs__list {font-size: 18px; line-height: 18px; margin: 0 !important; padding: 0;} #repair_bottom_cta_container {background-color: #004990;} #repair_bottom_cta_wrapper {max-width: 610px; width: 100%; margin: 0 auto; padding: 105px 20px 85px;} #repair_bottom_cta_area {display: inline-block; width: 100%; margin: 0 auto; text-align: center;} #repair_bottom_cta_area h2 {color: #fff !important; margin: 0 0 15px; text-align: center;} #repair_bottom_cta_area p {font-weight: 600; color: #fff; margin: 0 0 25px;} @media (max-width: 1060px) { .repair_top_cta {float: none; margin: 0 0 15px;} .repair_top_cta a.btn_red_outline {min-width: 240px;} .repair_top_cta a.btn_orange {min-width: 240px;} } @media (max-width: 900px) { #oem_tabs .responsive-tabs .responsive-tabs__list__item {width: calc(25% - 10px); margin: 0 5px 20px !important;} .oem_tabs_content {float: left; width: calc(100% - 350px);} .oem_tabs_image {float: right; max-width: 300px; width: 100%;} } @media (max-width: 768px) { .oem_tabs_content {float: none; width: 100%;} .oem_tabs_image {float: none; max-width: 400px; width: 100%;} #oem_tabs .responsive-tabs .responsive-tabs__heading {background: #004990 !important; border: none !important; border-top: none !important; color: #ffffff !important; font-size: 18px !important; font-weight: 700 !important; text-transform: inherit; margin: 0 0 5px !important; padding: 10px 0; padding-left: 20px; position: relative;} #oem_tabs .responsive-tabs .responsive-tabs__heading--active, #oem_tabs .responsive-tabs .responsive-tabs__heading--active:hover {background: #0081c8 !important; color: #fff !important;} #oem_tabs .responsive-tabs .responsive-tabs__heading:hover {background: #0081c8 !important; color: #ffffff !important;} #oem_tabs .responsive-tabs-wrapper {padding-top: 0px; margin-top: 40px;} #oem_tabs .responsive-tabs .responsive-tabs__panel {padding: 30px 20px 40px !important;} #oem_tabs .responsive-tabs .responsive-tabs__heading:after {border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ffffff; content: ""; display: block; position: absolute; right: 20px; top: 22px; height: 0; width: 0;} #oem_tabs .responsive-tabs .responsive-tabs__heading--active:after, #oem_tabs .responsive-tabs .responsive-tabs__heading--active:hover:after {border-bottom: 6px solid #fff; border-top: 0; top: 22px;} } @media (min-width: 801px) { .related_services_blocks {flex: 1;} } @media (max-width: 950px) { #repair_top_area h2 {text-align: center;} #repair_top_left {float: none; max-width: 1000px; width: 100%; margin: 0 auto; text-align: center;} #repair_top_right {display: none;} #repair_top_left .top_cta_image {display: block;} #repair_top_left .top_cta_image figure {margin: 30px auto;} #repair_top_left .repair_top_cta {display: none !important;} } @media (max-width: 1000px) { #repair_process_wrapper {padding: 95px 20px;} #seals-we-service {padding: 95px 20px;} #related_services_wrapper {padding: 105px 20px;} #repair_gulf_container {background-position: 80% top; background-size: auto 250px;} #repair_gulf_wrapper {padding: 180px 20px 80px;} #repair_gulf_block {float: none; max-width: 1000px; width: 100%; margin: 0;} #facility_contact_locations {float: right; max-width: 410px; width: 100%; margin: 0;} } @media (max-width: 800px) { #repair_top_wrapper {padding: 45px 20px 0px;} #repair_process_wrapper {padding: 80px 20px;} #seals-we-service {padding: 80px 20px;} #related_services_wrapper {padding: 80px 20px;} #request_quote_wrapper {padding: 80px 20px;} #repair_bottom_cta_wrapper {padding: 80px 20px;} .related_services_blocks {float: none; width: 100%; margin: 0 auto 15px; padding: 40px 25px 20px;} #repair_gulf_block {text-align: center;} #repair_gulf_block h2 {text-align: center;} #facility_wrapper {padding: 40px 0;} #facility_image {float: none; max-width: 555px; width: 100%; margin: 0 auto 50px;} #facility_content {float: none; max-width: 800px; width: 100%; margin: 0; text-align: center;} #facility_content h2 {text-align: center;} #facility_contact_wrapper {padding: 0;} #facility_contact_info {float: none; max-width: 280px; width: 100%; margin: 0 auto 50px; text-align: center;} #facility_contact_locations {float: none; max-width: 800px; width: 100%; margin: 0 auto; text-align: center;} #repair_top_left h2 {font-size: 34px; line-height: 42px;} } @media (max-width: 600px) { #repair_top_wrapper {padding: 25px 20px 0px;} #repair_process_wrapper {padding: 60px 20px;} #seals-we-service {padding: 60px 20px;} #related_services_wrapper {padding: 60px 20px;} #request_quote_wrapper {padding: 60px 20px;} #repair_bottom_cta_wrapper {padding: 60px 20px;} #related_services_area h3 {font-size: 20px; line-height: 26px;} #repair_gulf_area h3 {font-size: 20px; line-height: 26px;} .oem_tabs_content h3 {font-size: 20px; line-height: 26px;} #repair_gulf_container {background-size: auto 180px;} #repair_gulf_wrapper {padding: 160px 20px 40px;} #repair_top_left h2 {font-size: 30px; line-height: 38px; margin: 0 0 15px;} } @media (max-width: 490px) { #repair_gulf_block .new_line {display: inline;} } @media (max-width: 450px) { .talk_to {display: block; width: 100%; padding: 10px 0 0;} } @media (max-width: 400px) { #repair_gulf_block .slash_divider {display: none;} #repair_gulf_block .address_info {display: block;} } /*#####################################################################*/ /*################### Hubspot Form Block ################*/ .hs-form-iframe .hs_upload_a_photo_of_your_seal input {color: #fff;} .hs-form-iframe label {display: none;} .hs-form-iframe .hs_upload_a_photo_of_your_seal label {display: block; font-size: 16px; line-height: 28px; color: #ffffff; margin: 0 15px 5px; text-transform: uppercase;} .hs-form-iframe .hs-error-msgs label {display: block; font-size: 14px; line-height: 24px; color: red; margin: 5px 0;} .hs-form-iframe ul {margin: 0; padding: 0; list-style-type: none;} .hs-form-iframe .hs-error-msgs li {list-style-type: none; margin: 0 15px; padding: 0;} .hs-form-iframe fieldset {border: 0; padding: 0; margin: 0; max-width: 1100px !important; width: 100%;} .hs-form-iframe fieldset.form-columns-2 .input {margin: 0 15px !important;} .hs-form-iframe fieldset.form-columns-1 .input {margin: 0 15px !important;} .hs-form-iframe fieldset.form-columns-1 .hs-input {width: 100% !important; margin: 0 0 20px;} .hs-form-iframe .hs_submit {margin: 30px auto 25px !important; display: block;} .hs-form-iframe fieldset.form-columns-2 .hs-form-field {width: 50% !important; float: left !important; margin: 0 0 20px;} .hs-form-iframe .submitted-message {font-size: 18px; line-height: 28px; font-weight: 700; color: #0895cd;} .hs-form-iframe .hs_yes_i_m_interested_in_apprenticeship label {display: block; color: #ffffff; padding: 18px 0 0;} .hs_recaptcha {display: none;} @media screen and (max-width: 800px) { .hs-form-iframe fieldset.form-columns-2 .hs-form-field {width: 100% !important; float: left;} .hs-form-iframe fieldset.form-columns-2 {margin: 0px 0 0 !important;} .hs-form-iframe fieldset.form-columns-2 .input {margin: 0px !important;} .hs-form-iframe fieldset.form-columns-1 .input {margin: 0px !important;} .hs-form-iframe .hs_upload_cover_letter label {margin: 0 0 5px;} .hs-form-iframe .hs_upload_resume label {margin: 0 0 5px;} } @media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) { .hs-form-iframe .form-columns-2 .hs-form-field .hs-input {width: 100% !important;} } /*##################################################*/ /*################### Thank You Pages ################*/ .page-template-thank-you .breadcrumb-list {display: none;} #thank_you_top_wrapper {max-width: 850px; width: 100%; margin: 0 auto; padding: 60px 20px 100px; text-align: center;} #thank_you_top_area {width: 100%; margin: 0 auto; display: inline-block;} #thank_you_top_area h1 {font-size: 50px; line-height: 55px; color: #062442 !important; padding: 0; margin: 0 0 10px; text-transform: uppercase; font-weight: 600; text-align: center;} #thank_you_top_area h4 {font-size: 15px; line-height: 23px; margin: 0;} #thank_you_top_area img {margin: -2px 0 0 10px; width: 23px;} #thank_you_bottom_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 0px 20px 90px; text-align: center;} #thank_you_bottom_area {width: 100%; margin: 0 auto; display: inline-block;} #thank_you_bottom_area h2 {padding: 0; margin: 0 0 10px; text-transform: none; font-weight: 800; text-align: center;} @media (max-width: 1000px) { #thank_you_top_wrapper {padding: 50px 20px 100px;} } @media (max-width: 800px) { #thank_you_top_wrapper {padding: 30px 20px 100px;} #thank_you_bottom_wrapper {padding: 0 20px 60px;} #thank_you_top_area h1 {font-size: 44px; line-height: 49px;} } @media (max-width: 600px) { #thank_you_top_wrapper {padding: 20px 20px 80px;} #thank_you_bottom_wrapper {padding: 0 20px 40px;} #thank_you_top_area h1 {font-size: 38px; line-height: 42px;} } #ty_resource_wrapper {max-width: 1098px; width: 100%; padding: 20px 0 0; margin: 0 auto;} #ty_resource_area {width: 100%; margin: 0 auto; display: inline-block;} .ty_resource {-webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 18px 0 rgba(0, 0, 0, .1); max-width: 350px; width: 100%; float: left; margin: 0px 8px 20px; display: flex; border: 1px solid #bbbbbb;} .ty_resource_area {flex-direction: column; flex: 1; display: flex;;} .ty_resource_image {max-height: 180px;} .ty_resource_image img {margin: 0 auto; width: 100%;} .ty_resource_content {padding: 35px 30px 0;} .ty_resource_content h4 { font-size: 22px; line-height: 28px; font-family: 'Oswald',sans-serif; text-transform: none; } .ty_resource_link {padding: 0 30px 40px; align-self: flex-start; margin-top: auto; width: 100%;} .ty_resource_link a.btn_orange {width: 100%;} .ty_resource_link a.btn_orange img {width: 23px;} @media (min-width: 791px) { #ty_resource_area {display: flex; flex-wrap: wrap;} } @media (max-width: 1160px) { #ty_resource_wrapper {max-width: 732px; width: 100%;} } @media (max-width: 790px) { .ty_resource {float: none; margin: 0px auto 20px;} } @media (max-width: 600px) { .ty_resource_content {padding: 25px 25px 10px;} .ty_resource_link {padding: 0 25px 30px;} .ty_resource_content h3 {font-size: 20px !important; line-height: 26px !important;} .ty_resource_content h4 {font-size: 18px; line-height: 24px;} } /*##################################################*/ /*################### Pillar Global Styles ################*/ .pillar-page-content p {font-size: 20px; line-height: 34px; margin: 0 0 30px;} .pillar-page-content ul li, .pillar-page-content ol li {font-size: 20px; line-height: 34px;} .pillar-page-content ul, .pillar-page-content ol {margin: -20px 0 20px;} .pillar-page-content h3 + ul, .pillar-page-content h3 + ol {margin: 20px 0 20px;} .pillar-page-content ul ul, .pillar-page-content ul ol, .pillar-page-content ol ol, .pillar-page-content ol ul {margin: 10px 0 0px;} .pillar-page-content a {text-decoration: underline;} .pillar-page-content ul li .table-responsive, .pillar-page-content ol li .table-responsive {padding: 15px 0 0;} .pillar-page-content .aligncenter {margin: 0 auto 30px; padding: 30px 0 0;} .pillar-page-content .alignright {margin: 0 0 30px 20px; padding: 30px 0 0;} .pillar-page-content .topimage {margin: 0 0 30px;} .anchor {display: block; height: 100px; margin-top: -100px; visibility: hidden;} @media (max-width: 992px) { .anchor {display: block; height: 80px; margin-top: -80px; visibility: hidden;} } @media (max-width: 600px) { .pillar-page-content p {font-size: 16px; line-height: 26px;} .pillar-page-content ul li, .pillar-page-content ol li {font-size: 16px; line-height: 26px;} } /*##################################################*/ .pillar-page .header .wrapper {padding: 6px 50px 0;} #pillar_nav_title {position: relative; float: right; width: calc(100% - 570px); margin: 25px 0 5px; text-align: right;} #pillar_nav_title p {font-weight: 700; text-transform: uppercase; font-size: 18px; line-height: 24px;} .toggle_nav {float: right; width: 200px; display: inline-block; position: relative;} .toc_text {float: left; font-weight: 700; font-size: 16px; line-height: 27px; color: #333333; margin: 0; font-family: 'Open Sans',sans-serif;} #menuToggle {display: block; position: absolute; top: 0; right: 0; z-index: 1; -webkit-user-select: none; user-select: none;} #menuToggle input {display: block; width: 40px; height: 32px; position: absolute; top: -7px; left: -5px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none;} /* * Just a quick hamburger */ #menuToggle span {display: block; width: 33px; height: 4px; margin-bottom: 5px; position: relative; background: #dc1d30; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;} #menuToggle span:first-child {transform-origin: 0% 0%;} #menuToggle span:nth-last-child(2) {transform-origin: 0% 100%;} /* * Transform all the slices of hamburger * into a crossmark. */ #menuToggle input:checked ~ span {opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #232323;} /* * But let's hide the middle one. */ #menuToggle input:checked ~ span:nth-last-child(3) {opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);} /* * Ohyeah and the last one should go the other direction */ #menuToggle input:checked ~ span:nth-last-child(2) {opacity: 1; transform: rotate(-45deg) translate(0, -1px);} /* * Make this absolute positioned * at the top left of the screen */ #menu {position: absolute; width: 450px; margin: 0; padding: 50px; right: -50px; top: 46px; background: #f6f6f6; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);} #menu li {} /* * And let's fade it in from the left */ #menuToggle input:checked ~ ol {transform: scale(1.0, 1.0); opacity: 1;} @media (max-width: 1330px) { .pillar-page .site-content {padding-top: 126px;} } @media (max-width: 1200px) { .pillar-page .header .wrapper {padding: 15px 20px 0;} .pillar-page .header_phone_numbers {display: none;} #pillar_nav_title {width: calc(100% - 310px); margin: 16px 0 5px;} #menu {top: 53px;} .pillar-page .site-content {padding-top: 126px;} } @media (max-width: 992px) { #pillar_nav_title {display: none;} .pillar-page .site-content {padding-top: 68px;} .toggle_nav {padding: 5px 0 0;} #menuToggle {top: 5px;} #menu {top: 49px;} } @media (max-width: 500px) { #menuToggle {top: 10px;} .toc_text {width: 70px; font-size: 14px; line-height: 16px;} .toggle_nav {width: 115px;} #menu {top: 44px; width: 350px; padding: 40px; right: -20px;} #menu li {font-size: 14px; line-height: 22px;} } /*################### Pillar Hero ################*/ #pillar_hero_container {width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative;} #pillar_hero_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 90px 20px 110px;} #pillar_hero_area {display: inline-block; width: 100%; margin: 0 auto;} #pillar_hero_content {float: left; max-width: 460px; width: 100%; border-top: 4px solid #dc1d30; border-bottom: 4px solid #dc1d30; padding: 40px 0;} #pillar_hero_content h1 {font-size: 65px; line-height: 70px; color: #062442 !important; margin: 0;} #pillar_hero_content .new_line {display: inline-block;} @media (max-width: 1000px) { #pillar_hero_wrapper {padding: 80px 20px 100px;} #pillar_hero_content h1 {font-size: 60px; line-height: 70px;} } @media (max-width: 800px) { #pillar_hero_container {background-position: 65% center;} #pillar_hero_container::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: rgba(6,36,66,.75); mix-blend-mode: multiply;} #pillar_hero_wrapper {padding: 80px 20px;} #pillar_hero_content {position: relative;} #pillar_hero_content h1 {font-size: 50px; line-height: 60px; color: #ffffff !important;} } @media (max-width: 600px) { #pillar_hero_wrapper {padding: 60px 20px;} #pillar_hero_content {padding: 20px 0;} #pillar_hero_content h1 {font-size: 40px; line-height: 50px;} } /*##################################################*/ /*################### Pillar Intro section ################*/ #pillar_intro_section {max-width: 865px; width: 100%; margin: 0 auto; padding: 90px 20px 125px;} #pillar_table_of_contents {background-color: #f6f6f6; padding: 70px 100px 50px; margin: 60px 0 0;} #pillar_table_of_contents h3 {color: #004990; font-size: 32px; line-height: 36px; padding: 0; margin: 0 0 30px; font-family: 'Open Sans',sans-serif; text-transform: none; text-align: center;} #pillar_table_of_contents ul, #pillar_table_of_contents ol {margin: 0 0 20px; padding: 0 0 0 20px;} @media (max-width: 1000px) { #pillar_intro_section {padding: 80px 20px 100px;} #pillar_table_of_contents {padding: 60px 75px 40px;} } @media (max-width: 800px) { #pillar_intro_section {padding: 80px 20px;} #pillar_table_of_contents {padding: 50px 50px 30px;} } @media (max-width: 600px) { #pillar_intro_section {padding: 60px 20px;} #pillar_table_of_contents {padding: 40px 25px 20px; margin: 40px 0 0;} #pillar_table_of_contents h3 {font-size: 26px; line-height: 30px;} } /*##################################################*/ /*################### Pillar Section Header ################*/ .pillar_section_header_container {width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(https://flexstaging.wpengine.com/wp-content/uploads/bkgd_pillar_section_header.jpg); outline: none;} .pillar_section_header_wrapper {max-width: 1030px; width: 100%; margin: 0 auto; padding: 110px 20px;} .pillar_section_header_area {display: inline-block; width: 100%; margin: 0 auto;} .pillar_section_header_content {float: left; max-width: 750px; width: 100%;} .pillar_section_header_area h3 {color: #dc1d30; font-weight: 300; font-size: 40px; line-height: 50px; margin: 0 0 5px;} .pillar_section_header_area h2 {color: #ffffff !important; font-weight: 700; font-size: 40px; line-height: 50px; margin: 0;} @media (min-width: 1001px) { .pillar_section_header_wrapper {height: 320px; position: relative;} .pillar_section_header_content {position: absolute; top: 50%; transform: translateY(-50%);} } @media (max-width: 1000px) { .pillar_section_header_wrapper {padding: 100px 20px;} } @media (max-width: 800px) { .pillar_section_header_wrapper {padding: 80px 20px;} .pillar_section_header_area h3 {font-size: 35px; line-height: 45px;} .pillar_section_header_area h2 {font-size: 35px; line-height: 45px;} } @media (max-width: 600px) { .pillar_section_header_wrapper {padding: 60px 20px;} .pillar_section_header_area h3 {font-size: 30px; line-height: 40px;} .pillar_section_header_area h2 {font-size: 30px; line-height: 40px;} } /*##################################################*/ /*################### Pillar Section ################*/ .pillar_section_wrapper {max-width: 865px; width: 100%; margin: 0 auto; padding: 80px 20px 100px;} .pillar_section_area {display: inline-block; width: 100%; margin: 0 auto;} .pillar_two_main_header {padding: 22px 20px; margin: 0 auto 40px; background-color: #339ad3; text-align: center;} .pillar_section_area h3 {color: #004990; font-size: 32px; line-height: 36px; padding: 0; margin: 0 0 10px; font-family: 'Open Sans',sans-serif; text-transform: none;} .pillar_section_area h4 {color: #ffffff; font-size: 24px; line-height: 36px; margin: 0; font-family: 'Open Sans',sans-serif; text-transform: none;} .pillar_cta_wrapper {padding: 60px 0 30px;} @media (min-width: 950px) { .pillar_two_main_header {margin: 0 -40px 10px;} } @media (max-width: 800px) { .pillar_section_wrapper {padding: 80px 20px;} } @media (max-width: 600px) { .pillar_section_wrapper {padding: 60px 20px;} .pillar_two_main_header {padding: 20px;} .pillar_section_area h3 {font-size: 26px; line-height: 30px;} .pillar_section_area h4 {font-size: 18px; line-height: 26px;} .pillar_cta_wrapper {padding: 30px 0;} } /*##################################################*/ /*################### Product Headers ################*/ #product_lander_header {max-width: 940px; width: 100%;} #product_header {max-width: 1100px; width: 100%; margin: 0 auto 30px;} #product_header_area {display: inline-block; width: 100%; margin: 0 auto;} #product_header_details {float: left; max-width: 700px; width: 100%; margin: 0 50px 0 0;} #product_header_details h4 {font-size: 20px; line-height: 28px; margin: 0 0 20px; color: #333333; text-transform: none; font-weight: 700; font-family: 'Oswald', sans-serif;} #product_header_details h3.non_red {font-size: 24px; line-height: 32px; margin: 0 0 20px; color: #333333; text-transform: none; font-weight: 700; font-family: 'Oswald', sans-serif; padding: 15px 0 0; font-style: normal;} #product_header_image {float: right; max-width: 300px; width: 100%;} #product_header_image p {text-align: center; padding: 30px 0 0; font-size: 18px; line-height: 26px; margin: 0; font-weight: 700;} #product_header_image img {margin: 0 auto; display: block;} #product_header_image .wp-caption {border: none !important; margin: 0 !important;} #product_header_image .wp-caption .wp-caption-text {padding: 30px 10px 0px !important;} #product_header_image .caption p {text-align: center; padding: 30px 0 0; font-size: 14px; line-height: 24px; margin: 0; font-weight: 400;} @media (max-width: 1060px) { #product_header_details {width: calc(100% - 350px);} } @media (max-width: 700px) { #product_header_details {float: none; width: 100%; margin: 0 0 30px;} #product_header_image {float: none; margin: 0 auto;} } @media (max-width: 600px) { #product_header_details h3.non_red {font-size: 22px; line-height: 30px; padding: 15px 0 0;} #product_header_details h4 {font-size: 18px; line-height: 26px;} #product_header_image p {font-size: 16px; line-height: 24px;} } /*##################################################*/ /*################### Product Lander Seal Support ################*/ #product_top_content_wrapper {max-width: 1140px; width: 100%; display: block; margin: 0 auto; padding: 50px 20px 0;} #product_top_content_area {display: inline-block; margin: 0 auto; width: 100%;} #product_top_content {max-width: 900px; width: 100%; display: block; margin: 0; padding: 0;} #product_detail_wrapper {max-width: 1140px; width: 100%; display: block; margin: 0 auto; padding: 40px 20px 50px;} #product_detail_area {display: inline-block; margin: 0 auto; width: 100%;} .product_detail_block {max-width: 1100px; width: 100%; border: 1px solid #bbbbbb; margin: 0 0 40px;} .product_detail_area {display: inline-block; margin: 0 auto; width: 100%; border: 1px solid #ffffff; padding: 50px 65px;} .product_detail_block:hover {border: 1px solid #dc1d30; -webkit-box-shadow: 0px 8px 29px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 8px 29px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 8px 29px 0px rgba(0, 0, 0, 0.14);} .product_detail_area:hover {border: 1px solid #dc1d30;} .product_detail_block_text {float: left; max-width: 600px; width: 100%; margin: 0 60px 0 0;} .product_detail_block_text h3 {color: #062442; font-weight: 700;} .product_detail_block_image {float: right; max-width: 300px; width: 100%; max-height: 320px;} .product_detail_block_image img {max-height: 320px; margin: 0 auto; display: block;} @media (min-width: 701px) { .product_detail_area {display: flex; align-items: center;} } @media (max-width: 1000px) { .product_detail_area {padding: 50px 40px;} } @media (max-width: 800px) { #product_detail_wrapper {padding: 40px 20px;} } @media (max-width: 700px) { .product_detail_area {padding: 40px 30px;} .product_detail_block_text {float: none; max-width: 700px; width: 100%; margin: 0 0 30px;} .product_detail_block_image {float: none;} } @media (max-width: 600px) { #product_top_content_wrapper {padding: 30px 20px 0;} #product_detail_wrapper {padding: 40px 20px;} .product_detail_block_image {max-height: 250px;} .product_detail_block_image img {max-height: 250px; margin: 0;} } /*##################################################*/ /*################### Product Lander Bottom CTA ################*/ #product_bottom_cta_container {background-image: url(/wp-content/uploads/bkgd_product_bottom_cta.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #062442;} #product_bottom_cta_wrapper {max-width: 1050px; width: 100%; margin: 0 auto; padding: 80px 20px;} #product_bottom_cta_area {display: inline-block; width: 100%; margin: 0 auto;} #product_bottom_cta_content {float: left; max-width: 640px; width: 100%;} #product_bottom_cta_area h2 {color: #fff; line-height: 40px;} @media (max-width: 800px) { #product_bottom_cta_area h2 {line-height: 34px;} } @media (max-width: 600px) { #product_bottom_cta_wrapper {padding: 60px 20px;} #product_bottom_cta_content {text-align: center;} #product_bottom_cta_area h2 {text-align: center; line-height: 30px;} } /*##################################################*/ .cta_button_wrapper {padding: 25px 0;} .cta_button_wrapper a.btn_orange img {padding: 0; margin: 0 0 0 15px !important; display: inline-block;} /*################### Product Brochures ################*/ #product_brochure_title {padding: 0 0 35px;} #product_brochure_title h1 {text-align: center;} #product_brochure_nav {position: relative; margin: 0 -12px 80px; padding: 0; max-width: 1100px; width: calc(100% + 24px);} #product_brochure_nav_area {width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;} .pd_nav_button {float: left; width: calc(33.3336% - 24px); margin: 0 12px 15px;} a.pb_nav {color: #072442; background-color: #dfe6ea; text-transform: uppercase; padding: 20px 25px; font-size: 16px; line-height: 20px; border: none; font-family: 'Oswald', sans-serif; font-weight: 700; text-align: center; display: inline-block; width: 100%;} a.pb_nav:hover {color: #ffffff !important; background-color: #072442; text-decoration: none;} #section_header h4 {color: #0E81C5; margin: 0 0 5px;} @media (max-width: 800px) { } @media (max-width: 700px) { #product_brochure_nav {margin: 0 -12px 55px;} .pd_nav_button {width: calc(50% - 24px);} } @media (max-width: 600px) { } @media (max-width: 500px) { #product_brochure_nav {margin: 0 auto 35px; padding: 0; max-width: 1100px; width: 100%;} .pd_nav_button {width: 100%; margin: 0 auto 15px;} a.pb_nav {padding: 15px 25px; font-size: 14px; line-height: 20px;} } /*##################################################*/ /*################### Guides Landing Pages ################*/ .guides-landing-page .site-content {padding-top: 0px !important;} .guides-landing-page .breadcrumb-list {display: none;} .guides-landing-page #main article {margin: 0; padding: 0;} #guides_wrapper {max-width: 1100px; width: 100%; margin: 0 auto; float: none; padding: 70px 20px;} #guides_area {display: inline-block; width: 100%; margin-bottom: 0;} #guides_content {float: left; width: calc(55% - 50px); margin: 0 50px 0 0;} #guides_content h1 {font-size: 36px; line-height: 40px;} #guides_content h3 {font-size: 20px; line-height: 26px; margin: 0 0 10px; color: #072442; text-align: left; font-weight: 700; text-transform: uppercase;} #guides_content h5 {font-size: 22px; line-height: 26px; margin: 0 0 10px; color: #0e81c5; text-align: left; font-weight: 700; text-transform: uppercase;} #guides_content p {text-align: left; color: #072442;} #guides_content ul {list-style-type: square;} #guides_content li {text-align: left; color: #072442;} #guides_content img {display: block; margin: 0 auto 40px; padding: 30px 0 0;} #guides_form {float: left; width: calc(45% - 50px); margin: 0 0 0 50px; padding: 0; border: 1px solid #d0d0d0; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.08), 0 4px 8px rgba(0,0,0,0.08), 0 8px 16px rgba(0,0,0,0.08), 0 16px 32px rgba(0,0,0,0.08); box-shadow: 0 1px 1px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.08), 0 4px 8px rgba(0,0,0,0.08), 0 8px 16px rgba(0,0,0,0.08), 0 16px 32px rgba(0,0,0,0.08);} #form_header {background-color: #dfe6ea; padding: 15px 25px;} #form_header h3 {text-align: center; margin: 0; color: #072442; font-size: 22px; line-height: 26px; font-weight: 700; font-family: 'Oswald', sans-serif;} #form_body {padding: 40px 30px 30px;} @media screen and (max-width: 900px) { #guides_content {float: none; width: 100%; margin: 0 auto 40px;} #guides_form {float: none; margin: 0 auto; width: 100%;} } @media screen and (max-width: 600px) { #guides_wrapper {padding: 60px 20px;} #guides_content h1 {font-size: 28px; line-height: 32px;} #guides_content h5 {font-size: 20px; line-height: 24px;} #guides_content img {display: block; margin: 0 auto 30px; padding: 20px 0 0;} #form_body {padding: 40px 25px 30px;} } /*##################################################*/ /*################### Callout Box ################*/ #callout_box {background-color: #f6f6f6; border: 1px solid #ddd; padding: 30px 30px 20px; margin: 40px 0 0;} @media (max-width: 600px) { #callout_box {padding: 30px 20px 20px;} } /*##################################################*/ /*################### API Plan Lander Top Content ################*/ #api_plan_details_wrapper {max-width: 1140px; width: 100%; display: block; margin: 0 auto; padding: 50px 20px 80px;} #api_plan_details_area {display: inline-block; margin: 0 auto; width: 100%;} #api_plan_details {float: left; width: calc(100% - 400px); margin: 0; padding: 0 60px 0 0;} #api_plan_details h2 {padding: 0 !important; text-transform: none; font-size: 38px; line-height: 46px; color: #062442 !important; font-weight: 700; margin: 0 0 25px;} #api_plan_details h4 {font-size: 24px; line-height: 28px; margin: 0 0 15px; text-transform: none;} #api_plan_details p {font-size: 16px; line-height: 26px; margin: 0 0 20px;} #api_plan_details img {padding: 40px 0 0; margin: 0 0 100px !important; display: block;} #api_plan_details li {font-size: 16px; line-height: 26px;} #api_plan_details_form {float: right; max-width: 400px; width: 100%; margin: 0; padding: 40px 30px; background-color: #eff2f4;} #api_plan_details_form h3 {font-size: 30px; line-height: 34px; margin: 0 0 35px; font-weight: 700; text-align: center;} @media (max-width: 1000px) { #api_plan_details {width: calc(100% - 350px);} #api_plan_details_form {max-width: 350px; width: 100%;} } @media (max-width: 900px) { #api_plan_details {float: none; width: 100%; margin: 0; padding: 0 0 40px;} #api_plan_details_form {float: none; max-width: 700px; width: 100%;} } @media (max-width: 800px) { #api_plan_details h2 {font-size: 34px; line-height: 42px;} } @media (max-width: 600px) { #api_plan_details_wrapper {padding: 30px 20px 80px;} #api_plan_details h2 {font-size: 30px; line-height: 38px; margin: 0 0 15px;} #api_plan_details_form {padding: 35px 25px;} #api_plan_details_form h3 {font-size: 28px; line-height: 32px; margin: 0 0 30px;} #api_plan_details img {padding: 40px 0 0; margin: 0 0 60px !important;} } /*##################################################*/ /*################### API Plan Lander Top Content ################*/ #api_plan_lander_wrapper {max-width: 1140px; width: 100%; display: block; margin: 0 auto; padding: 50px 20px 0;} #api_plan_lander_area {display: inline-block; margin: 0 auto; width: 100%;} #api_plan_lander_content {width: 100%; display: block; margin: 0; padding: 0;} #api_plan_lander_content h1 {font-size: 34px; line-height: 37px; color: #062442 !important; font-weight: 700; text-align: left; text-transform: uppercase; margin: 0 0 25px;} /*##################################################*/ /*################### API Plan Lander filter ################*/ #api_plan_filter_wrapper {max-width: 1140px; width: 100%; display: block; margin: 0 auto; padding: 20px 20px 0px;} #api_plan_filter_area {display: inline-block; margin: 0 auto; width: 100%; padding: 20px; background-color: #eff2f4;} #api_plan_filter_text {float: left; max-width: 170px; width: 100%; margin: 0; padding: 5px 20px 0 0;} #api_plan_filter_text h4 {font-size: 20px; line-height: 30px; margin: 0; text-transform: none;} #api_plan_filter {float: left; max-width: 160px; width: 100%; margin: 0;} #api_plan_filter select {padding: 7px 10px;} @media (max-width: 500px) { #api_plan_filter_wrapper {padding: 10px 20px 0px;} #api_plan_filter_area {padding: 15px;} #api_plan_filter_text {max-width: 145px; padding: 4px 15px 0 0;} #api_plan_filter_text h4 {font-size: 16px; line-height: 26px;} #api_plan_filter {max-width: 200px; width: calc(100% - 145px);} #api_plan_filter select {padding: 4px 8px;} } /*##################################################*/ /*################# Pagination Styles ######################*/ #pagination_wrapper {float: left; max-width: 1100px; width: 100%; padding: 0; margin: 0 0 50px;} #pagination_wrapper .navigation {margin: 0 auto; display: block;} .pagination a {background-color: #ffffff; color: #062442; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 700; line-height: 18px; margin: 4px; padding: 8px 20px; text-decoration: none; border: 1px solid #bbbbbb;} .pagination .current {cursor: pointer; display: inline-block; font-size: 14px; font-weight: 700; line-height: 18px; margin: 4px; padding: 8px 20px;} .pagination a:hover, .pagination .current {background-color: #dc1d30; color: #ffffff; text-decoration: none; border: 1px solid #dc1d30;} .pagination span {display: inline; font-size: 20px; line-height: 24px; color: #9f9d9d; font-family: 'Oswald', sans-serif; font-weight: 700;} .nav-links {text-align: center; margin: 0; padding: 0;} @media (max-width: 690px){ .pagination a {padding: 12px 10px;} .pagination a:hover, .pagination .current {padding: 12px 10px;} } @media (max-width: 570px){ .page-numbers {display: inline; font-size: 16px; line-height: 20px; color: #9f9d9d;} } /*##################################################*/ /*################# Product Top Section ######################*/ #product_top_section {width: 100%; margin: 0 0 80px;} @media (max-width: 800px) { #product_top_section {margin: 0 0 60px;} } @media (max-width: 600px) { #product_top_section {margin: 0 0 40px;} } /*##################################################*/ /*################# Product Content Sections ######################*/ .product_content_section {width: 100%; padding: 40px 0 60px;} .product_content_area {width: 100%; display: inline-block; margin: 0 auto;} .product_content_header {border-bottom: 2px solid #dc1d30; padding: 0; margin: 0 0 40px;} .product_content_header h2 {margin: 0 0 20px;} .product_content_area h3 {font-size: 30px; line-height: 34px; margin: 0 0 10px; font-weight: 700; text-transform: none; font-family: 'Open Sans', sans-serif; color: #062442;} .product_content_area h4 {font-size: 20px; line-height: 26px; margin: 0 0 10px; font-weight: 700; text-transform: none; font-family: 'Open Sans', sans-serif; color: #333333;} .product_content_columns {display: flex; flex-wrap: wrap; width: 100%;} .product_content_columns_left {width: 50%; padding: 0 40px 0 0;} .product_content_columns_right {width: 50%; padding: 0 0 0 40px;} .product_content_columns ul ul {margin-bottom: 0px;} .product_content_columns ul ul li:last-child {padding-bottom: 0px;} @media (max-width: 800px) { .product_content_columns_left {padding: 0 25px 0 0;} .product_content_columns_right {padding: 0 0 0 25px;} } @media (max-width: 600px) { .product_content_section {padding: 30px 0;} .product_content_header {margin: 0 0 30px;} .product_content_area h3 {font-size: 22px; line-height: 26px;} .product_content_area h4 {font-size: 18px; line-height: 24px;} .product_content_columns_left {width: 100%; padding: 0;} .product_content_columns_right {width: 100%; padding: 0;} } /*##################################################*/ /*################# Product Content Sections ######################*/ .product_features_section {width: 100%; padding: 30px 0 80px;} .product_features_area {width: 100%; display: inline-block; margin: 0 auto;} .product_features_header {border-bottom: 2px solid #dc1d30; padding: 0; margin: 0 0 40px;} .product_features_header h2 {margin: 0 0 20px;} @media (max-width: 700px) { .product_features_section {padding: 0px 0 60px;} } @media (max-width: 600px) { .product_features_section {padding: 0px 0 40px;} .product_features_header {margin: 0 0 30px;} } /*##################################################*/ /*################### Service Headers ################*/ #service_header {max-width: 1140px; width: 100%; padding: 50px 20px 80px; margin: 0 auto;} #service_header_area {display: inline-block; width: 100%; margin: 0 auto;} #service_header_details {float: left; width: calc(55% - 50px); margin: 0 50px 0 0;} #service_header_details h2 {font-size: 38px; line-height: 46px; color: #062442 !important; font-weight: 700; text-align: left; margin: 0 0 25px; text-transform: none;} #service_header_details h4 {font-size: 24px; line-height: 32px; margin: 0 0 20px; color: #333333; text-transform: none; font-weight: 800; font-family: 'Oswald', sans-serif;} #service_header_details h3.non_red {font-size: 28px; line-height: 36px; margin: 0 0 20px; color: #333333; text-transform: none; font-weight: 800; font-family: 'Oswald', sans-serif; padding: 25px 0 0; font-style: normal;} #service_header_details .cta_button {padding: 10px 0 0; display: block;} #service_header_details .cta_button a.btn_orange {width: 200px;} #service_header_image {float: right; width: 45%;} #service_header_image p {text-align: center; padding: 30px 0 0; font-size: 14px; line-height: 24px; margin: 0; font-weight: 700;} #service_header_image img {margin: 0 auto; display: block;} #service_header_image .wp-caption {border: none !important; margin: 0 !important;} #service_header_image .wp-caption .wp-caption-text {padding: 30px 10px 0px !important;} #service_header_image .caption p {text-align: center; padding: 30px 0 0; font-size: 14px; line-height: 24px; margin: 0; font-weight: 400;} @media (max-width: 900px) { #service_header_details {float: none; width: 100%; margin: 0 0 40px;} #service_header_image {float: none; width: 100%; max-width: 650px;} } @media (max-width: 800px) { #service_header_details h2 {font-size: 34px; line-height: 42px;} } @media (max-width: 600px) { #service_header {padding: 30px 20px 60px;} #service_header_details h3.non_red {font-size: 22px; line-height: 30px; padding: 15px 0 0;} #service_header_details h2 {font-size: 30px; line-height: 38px; margin: 0 0 15px;} } /*##################################################*/ /*################# Service Content Sections ######################*/ .service_content_section {max-width: 1140px; width: 100%; padding: 0px 20px 80px; margin: 0 auto;} .service_content_area {width: 100%; display: inline-block; margin: 0 auto;} .service_content_header {border-bottom: 2px solid #dc1d30; padding: 0; margin: 0 0 40px;} .service_content_header h2 {margin: 0 0 20px;} .service_content_header img {margin: 0 25px 0 0;} .service_content_area h3 {font-size: 30px; line-height: 34px; margin: 0 0 20px; font-weight: 700; text-transform: none; font-family: 'Open Sans', sans-serif; color: #062442;} .service_content_area h4 {font-size: 20px; line-height: 26px; margin: 0 0 15px; font-weight: 700; text-transform: none; font-family: 'Open Sans', sans-serif; color: #333333;} .service_content_columns {display: flex; flex-wrap: wrap; width: 100%;} .service_content_columns_left {width: 50%; padding: 0 40px 0 0;} .service_content_columns_right {width: 50%; padding: 0 0 0 40px;} .service_content_columns.row-reverse {flex-direction: row-reverse;} .service_content_columns ul {margin-bottom: 20px;} .service_content_columns .cta_button {padding: 10px 0 0; display: block;} .service_content_columns img {display: block; margin: 0 auto;} .service_content_columns_left_long {width: 65%; padding: 0 40px 0 0;} .service_content_columns_right_short {width: 35%; padding: 0 0 0 40px;} .service_content_columns_right_short a.btn_orange {width: 250px;} .service_content_card {width: calc(33.33336% - 20px); margin: 0 0 30px; background-color: #eff2f4; display: flex; flex-wrap: wrap;} .sc_content_image {width: 100%; height: 200px;} .sc_content_image img {object-fit: cover; height: 200px; width: 100%;} .sc_content {padding: 30px 30px 5px;} .sc_link {padding: 0 30px 30px; align-self: flex-start; margin-top: auto; width: 100%;} .sc_link p {margin: 0; font-size: 15px; line-height: 23px; font-weight: 600; color: #dc1d30; font-family: 'Oswald', sans-serif; text-transform: uppercase;} .sc_link p a {color: #dc1d30;} .sc_link p a:hover {color: #494949;} .sc_link p a img {margin: -2px 0 0 6px; display: inline-block;} .service_content_cta {padding: 20px 0; text-align: center;} .service_content_cta a.btn_orange {width: 200px;} @media (min-width: 901px) { .service_content_columns.align-center {align-items: center;} .service_content_columns .service_content_card:nth-child(1), .service_content_columns .service_content_card:nth-child(2), .service_content_columns .service_content_card:nth-child(4), .service_content_columns .service_content_card:nth-child(5) {margin: 0 30px 30px 0;} } @media (max-width: 900px) { .service_content_columns_left {padding: 0 25px 0 0;} .service_content_columns_right {padding: 0 0 0 25px;} .service_content_columns_left_long {padding: 0 25px 0 0;} .service_content_columns_right_short {padding: 0 0 0 25px;} .service_content_header img {margin: 0 0 20px; display: block;} .service_content_card {width: calc(50% - 15px);} .service_content_columns .service_content_card:nth-child(odd) {margin: 0 30px 30px 0;} } @media (max-width: 800px) { .service_content_columns_left {width: 100%; padding: 0;} .service_content_columns_right {width: 100%; padding: 0;} .service_content_columns .service_image {padding: 20px 0 0;} .service_content_columns_left_long {width: 100%; padding: 0;} .service_content_columns_right_short {width: 100%; padding: 10px 0 0;} } @media (max-width: 600px) { .service_content_section {padding: 0 20px 60px;} .service_content_header {margin: 0 0 30px;} .service_content_area h3 {font-size: 22px; line-height: 26px;} .service_content_area h4 {font-size: 18px; line-height: 24px;} .service_content_card {width: 100%;} .service_content_columns .service_content_card:nth-child(odd) {margin: 0 0 30px;} } /*##################################################*/ /*################# Service Content Full Width Sections ######################*/ .service_content_fw_container {background-color: #eff2f4; margin: 0 0 80px;} .service_content_fw_section {max-width: 1140px; width: 100%; padding: 80px 20px ; margin: 0 auto;} .service_content_fw_area {width: 100%; display: inline-block; margin: 0 auto;} .service_content_fw_area h3 {font-size: 30px; line-height: 34px; margin: 0 0 20px; font-weight: 700; text-transform: none; font-family: 'Open Sans', sans-serif; color: #062442;} .service_content_fw_area h4 {font-size: 20px; line-height: 26px; margin: 0 0 15px; font-weight: 700; text-transform: none; font-family: 'Open Sans', sans-serif; color: #333333;} .service_content_fw_columns {display: flex; flex-wrap: wrap; align-items: center; width: 100%; flex-direction: row-reverse;} .service_content_fw_columns_left {width: 55%; padding: 0 40px 0 0;} .service_content_fw_columns_right {width: 45%; padding: 0 0 0 40px;} .service_content_fw_columns .cta_button {padding: 10px 0 0; display: block;} .service_content_fw_columns ul {margin-bottom: 0;} .service_content_fw_columns img {display: block; margin: 0 auto;} .service_content_fw_one_column {max-width: 1000px; width: 100%; margin: 0 auto; text-align: center;} .service_content_fw_one_column h2 {text-align: center;} .service_content_fw_one_column .cta_button {padding: 10px 0 30px; display: block; margin: 0 auto;} .service_content_fw_one_column img {display: block; margin: 0 auto;} @media (max-width: 900px) { .service_content_fw_columns_left {padding: 0 25px 0 0;} .service_content_fw_columns_right {padding: 0 0 0 25px;} } @media (max-width: 800px) { .service_content_fw_columns_left {width: 100%; padding: 0;} .service_content_fw_columns_right {width: 100%; padding: 0 0 40px;} } @media (max-width: 600px) { .service_content_fw_container {margin: 0 0 50px;} .service_content_fw_section {padding: 50px 20px;} .service_content_fw_area h3 {font-size: 22px; line-height: 26px;} .service_content_fw_area h4 {font-size: 18px; line-height: 24px;} } /*##################################################*/ /*################# Service Blocks ######################*/ .service_blocks_wrapper {max-width: 1140px; width: 100%; padding: 20px 0px 80px; margin: 0 auto;} .service_blocks_area {display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto;} .service_block {width: calc(33.33336% - 40px); margin: 0 20px 40px; flex-direction: column; display: flex; padding: 0 10px;} .service_block_image {margin: 0 auto 20px; display: block; height: 150px;} .service_block_image img {display: block; margin: 0 auto;} .service_block_content {margin: 0; text-align: center;} .service_block_content p {margin: 0;} @media(max-width: 900px) { .service_block {width: calc(50% - 50px);} } @media(max-width:600px) { .service_blocks_wrapper {padding: 20px 20px 50px;} .service_block {width: 100%; margin: 0 auto 30px;} .service_block_image {height: 100px;} .service_block_image img {height: 100px;} } /*##################################################*/ /*################# Service Bottom CTA ######################*/ #service_bottom_cta_container {background-color: #004990;} #service_bottom_cta_wrapper {max-width: 840px; width: 100%; padding: 80px 20px; margin: 0 auto;} #service_bottom_cta_area {display: inline-block; width: 100%; margin: 0 auto; text-align: center;} #service_bottom_cta_area h2 {color: #fff !important; margin: 0 0 30px; text-align: center;} @media (max-width: 600px) { #service_bottom_cta_wrapper {padding: 60px 20px;} } /*##################################################*/ /*################# Interactive Images ######################*/ .interactive-seal-name {display:none;} .imp-tooltip {padding: 25px !important;} .imp-tooltip-content h3 {padding: 0 0 10px !important; font-size: 20px !important; line-height: 26px !important; color: #ffffff !important; font-family: 'Open Sans', sans-serif !important;} .imp-tooltip-content p {padding: 0px !important; font-size: 14px !important; line-height: 22px !important; color: #ffffff !important; font-family: 'Open Sans', sans-serif !important; margin: 0 0 15px;} .imp-tooltip-content div {padding: 0 !important;} .imp-tooltip-content a:hover {color: #ffffff;} .imp-tooltips-container.is-fullscreen {background: rgba(255, 255, 255, 0.55) !important;} .imp-ui-light.imp-object-menu-on-top .imp-object-list-item {color: white !important; background: #062442 !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); border: 1px solid #062442 !important;} .imp-object-list-item p {font-size: 15px !important; line-height: 23px !important; margin: 0 !important; color: white !important;} #interactive-image #image-map-pro .imp-canvas {width: 100% !important; height: 100% !important;} .imp-object-menu-on-top .imp-object-menu {padding: 15px 0 !important;} #interactive-image .imp-object-spot:after, #interactive-image-sales .imp-object-spot:after, #interactive-image-repair .imp-object-spot:after {animation: pulse 2000ms cubic-bezier(0.9, 0.7, 0.5, 0.9) infinite !important;} #interactive-image .imp-object-spot::after, #interactive-image-sales .imp-object-spot::after, #interactive-image-repair .imp-object-spot::after {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(220,29,48,0.8); border-radius: 50%; z-index: -1;} #interactive-image .imp-object-highlighted::after, #interactive-image-sales .imp-object-highlighted::after, #interactive-image-repair .imp-object-highlighted::after {background: rgba(0,0,0,0.0) !important;} @keyframes pulse { 0% {opacity: 0;} 50% {transform: scale(1.4); opacity: 0.4;} } .imp-object-list-item-artboard {padding: 0 0 15px !important; line-height: 30px !important; background: #ffffff !important; box-shadow: none !important; font-family: 'Open Sans', sans-serif !important; font-size: 18px !important; font-weight: 700; color: #dc1f30 !important; text-align: center; cursor: default !important;} .imp-object-list-item-artboard:hover {background: #fff !important;} .imp-object-list-item-artboard .imp-icon {display: none;} @media (max-width: 800px) { .imp-ui-top-right {display: none !important;} .imp-menu-button {display: none !important;} .imp-object-menu {display: none !important;} .imp-object-menu.imp-mobile {display: none !important;} } @media (max-width: 700px) { .interactive-seal-top {display:none;} .interactive-seal-name {display:block;} } @media (max-width: 600px) { .imp-tooltip-content h3 {font-size: 18px !important; line-height: 24px !important;} } /*##################################################*/ /*################### Repair Page Styles ################*/ .repair_map_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 50px 20px 110px;} .repair_map_area {width: 100%; margin: 0 auto; display: inline-block;} .repair_map_header {margin: 0 0 40px;} .repair_map_header h2 {margin: 0 0 20px; text-align: center;} @media (max-width: 800px) { .repair_map_wrapper {padding: 45px 20px 80px;} } @media (max-width: 600px) { .repair_map_wrapper {padding: 25px 20px 60px;} .repair_map_header {margin: 0 0 30px;} } /*##################################################*/ .hs-richtext img {padding: 40px 0;} .wp-video {margin-bottom: 30px; margin-top: 20px;} /*################### Case Study Details ################*/ #cs_detail_top_container {background: #eff2f4; background: linear-gradient(180deg,#ffffff,#eff2f4); margin: 0 0 80px;} #cs_detail_top_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 40px 20px 60px;} #cs_detail_top_area {display: inline-block; width: 100%; margin: 0 auto;} #cs_detail_top_content {max-width: 540px; width: 100%; margin: 0 60px 0 0;} #cs_detail_top_image {max-width: 580px; width: 100%; margin: 0;} #cs_detail_top_content h1 {font-size: 40px; line-height: 50px; font-family: 'Open Sans', sans-serif; text-transform: none !important; color: #062442; font-weight: 700;} #cs_detail_top_content h4 {margin: 0 0 15px; font-size: 22px; line-height: 28px} .cs_content {max-width: 940px; width: 100%; padding: 0 20px 60px; margin: 0 auto;} .cs_content h2 {font-size: 34px; line-height: 40px; margin: 0 0 15px; font-weight: 700; font-family: 'Open Sans', sans-serif; color: #062442;} .cs_content h3 {font-size: 26px; line-height: 32px; font-weight: 700; text-transform: none; font-family: 'Open Sans', sans-serif; color: #062442;} .cs_content h4 {font-size: 22px; line-height: 28px; margin: 0 0 10px; padding: 15px 0 0; font-weight: 700; font-family: 'Open Sans', sans-serif; color: #333333;} .cs_content p {font-size: 20px; line-height: 32px; margin: 0 0 20px; font-weight: 400; color: #333333; font-family: 'Open Sans', sans-serif;} .cs_content li {font-size: 20px; line-height: 32px; margin: 0px; padding: 0 0 10px; font-weight: 400; color: #333333; font-family: 'Open Sans', sans-serif;} .cs_content img {padding: 20px 0 0; margin: 0 0 30px !important; display: block;} .cs_section {padding: 0 0 40px;} .cs_callout {background-color: #eff2f4; padding: 40px 40px 20px; margin: 40px 0; border-radius: 10px;} .cs_featured_snippet {background-color: #eff2f4; padding: 40px 40px 20px; margin: 0 0 60px; border-radius: 10px;} .cs_featured_snippet p {margin: 0 0 15px;} .cs_product_section {display: inline-block; width: 100%; margin: 0 auto;} .cs_product {max-width: 200px; width: 100%; margin: 0 50px 0 0;} .cs_product a.btn_orange {width: 100%; max-width: 200px;} .cs_product_content {width: calc(100% - 250px);} @media (min-width: 1001px) { #cs_detail_top_area {display: flex; align-items: center;} } @media (min-width: 701px) { .cs_product_section {display: flex; flex-direction: row-reverse; padding: 10px 0 0;} } @media (max-width: 1000px) { #cs_detail_top_content {max-width: 1000px; width: 100%; margin: 0 0 40px;} #cs_detail_top_image {max-width: 640px; width: 100%;} } @media (max-width: 700px) { .cs_product {max-width: 275px; width: 100%; margin: 0 0 20px;} .cs_product_content {width: 100%; margin: 0 0 20px;} } @media (max-width: 600px) { #cs_detail_top_container {margin: 0 0 60px;} #cs_detail_top_wrapper {padding: 30px 20px 50px;} #cs_detail_top_content {margin: 0 0 25px;} #cs_detail_top_content h1 {font-size: 34px; line-height: 44px;} #cs_detail_top_content h4 {margin: 0 0 10px; font-size: 20px; line-height: 26px} .cs_content {padding: 0 20px 30px;} .cs_content h2 {font-size: 28px; line-height: 32px;} .cs_content h3 {font-size: 22px; line-height: 28px;} .cs_content h4 {font-size: 18px; line-height: 24px; padding: 10px 0 0;} .cs_content p {font-size: 18px; line-height: 28px;} .cs_content li {font-size: 18px; line-height: 28px;} .cs_section {padding: 0 0 30px;} .cs_callout {padding: 30px 30px 15px; margin: 35px 0 25px;} .cs_featured_snippet {padding: 30px 30px 15px; margin: 0 0 40px;} } /*##################################################*/ /*################### Case Study Lander - Header ################*/ #resources_header {max-width: 1040px; width: 100%; margin: 0 auto; padding: 40px 20px;} #resources_header_area {display: inline-block; width: 100%; margin: 0 auto; text-align: center;} #resources_header_area h1 {text-align: center !important;} @media (max-width: 800px) { #resources_header {padding: 40px 20px 30px;} } @media (max-width: 600px) { #resources_header {padding: 30px 20px 20px;} } /*##################################################*/ /*########## Case Study Lander - Listing ##########*/ #case_study_wrapper {max-width: 1240px; width: 100%; padding: 0 20px 100px; margin: 0 auto;} #case_study_area {display: inline-block; margin: 0 auto; width: 100%;} #case_study_section {display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto;} #case_study_filters {float: left; max-width: 240px; width: 100%; padding: 0 50px 0 0;} #case_study_filters h3 {font-size: 22px; line-height: 28px; margin: 0 0 20px; font-weight: 700;} .mobile_filters {display: none;} #case_study_filters h4 {font-size: 16px; font-weight: 700; text-transform: none; line-height: 26px; margin: 0 0 10px; font-family: 'Open Sans', sans-serif;} .filters .filter_application {margin: 0 0 30px;} #case_study_filters select {width: 100%;} #case_study_filters span {display: block; padding: 0 0 5px; font-weight: 400; text-decoration: none; color: #333333; cursor: pointer; font-size: 16px; line-height: 26px;} #case_study_filters span:hover {color: #0081c8;} #case_study_filters span.is-checked {font-weight: 700; color: #0081c8;} #case_study_listing_wrapper {float: left; width: calc(100% - 240px);} #case_study_listing {display: inline-block; width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;} #case_study_listing .case_study {width: 33.33336%; display: flex;} #case_study_listing .case_study .case_study_block {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width: calc(100% - 24px); margin: 0 12px 30px; padding: 0px; float: left; overflow: hidden; border: 1px solid #bbbbbb; display: flex; flex-direction: column; background-color: #ffffff; border-radius: 0;} #case_study_listing .case_study .case_study_block:hover {-webkit-box-shadow: 0px 8px 28px rgba(0,0,0,0.08); box-shadow: 0px 8px 28px rgba(0,0,0,0.08);} #case_study_listing .case_study a {text-decoration: none;} .portfolio-wrapper {overflow:hidden; position: relative !important; background: #2c3d5f; cursor:pointer;} #case_study_listing .case_study_image {position: relative; width: 100%; height: 168px; background-color: #0081c8; overflow: hidden; display: flex; align-items: center;} #case_study_listing .case_study_image img {object-fit: cover; height: 168px; width: 100%; opacity: 0.3;} #case_study_listing .case_study_image .category {position: absolute; text-align: center; width: 100%;} #case_study_listing .case_study_image .category h4 {color: #ffffff; font-size: 30px; line-height: 36px; text-transform: none;} #case_study_listing .case_study_header {background-color: #00366b; padding: 15px; text-align: center;} #case_study_listing .case_study_header h4 {color: #ffffff; font-size: 18px; line-height: 24px; text-transform: none; margin: 0;} #case_study_listing .case_study_text {padding: 25px 20px 20px;} #case_study_listing .case_study_text h3 {font-size: 22px; line-height: 30px; margin: 0; font-weight: 700;} #case_study_listing .case_study_text img {display: block; margin: 0 auto; max-height: 180px;} #case_study_listing .cs_image {padding: 25px 20px;} #case_study_listing .cs_image h3 {font-size: 22px; line-height: 30px; margin: 0; font-weight: 700;} #case_study_listing .cs_image img {display: block; margin: 0 auto; max-height: 180px;} #case_study_listing .case_study_link {padding: 0 20px 25px; align-self: flex-start; margin-top: auto; width: 100%;} #case_study_listing .case_study_link p {margin: 0; font-size: 15px; line-height: 23px; font-weight: 600; color: #dc1d30; font-family: 'Oswald', sans-serif; text-transform: uppercase;} #case_study_listing .case_study_link p a {color: #dc1d30;} #case_study_listing .case_study_link p a:hover {color: #494949;} #case_study_listing .case_study_link p a img { margin: -2px 0 0 6px;} #noResultsContainer {display: none;} #noResultsContainer div {font-size: 20px; line-height: 28px; text-align: center; font-weight: 600;} :active, .is-checked {} @media (min-width: 901px) { #case_study_listing .case_study_text {min-height: 135px;} #case_study_listing .cs_image {min-height: 230px;} } @media (max-width: 1200px) { #case_study_listing .case_study {width: 50%;} } @media (max-width: 900px) { #case_study_listing .case_study {width: 100%;} #case_study_listing .case_study .case_study_block {margin: 0 0px 30px; width: 100%;} } @media (max-width: 800px){ #case_study_wrapper {padding: 0 20px 80px;} } @media (max-width: 700px){ .mobile_filters {display: block;} .filters {display: none;} .mobile_filters .filter_application {float: left; width: calc(50% - 15px); margin: 0 15px 0 0;} .mobile_filters .filter_industry {float: left; width: calc(50% - 15px); margin: 0 0 0 15px;} #case_study_filters {float: none; max-width: 800px; width: 100%; padding: 0 0 40px;} #case_study_listing_wrapper {float: none; width: 100%;} } @media (max-width: 600px) { #case_study_wrapper {padding: 0 20px 60px;} #case_study_listing .case_study_text h3 {font-size: 18px; line-height: 26px;} #case_study_filters h3 {font-size: 20px; line-height: 26px;} #case_study_filters h4 {font-size: 16px; line-height: 22px; margin: 0 0 10px;} } @media (max-width: 400px){ #case_study_filters h4 {text-transform: none;} } /*########################################*/ /*########## Resource Lander - Listing ##########*/ #resource_wrapper {max-width: 1240px; width: 100%; padding: 0 20px 100px; margin: 0 auto;} #resource_area {display: inline-block; margin: 0 auto; width: 100%;} #resource_section {display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto;} #resource_filters {float: left; max-width: 240px; width: 100%; padding: 0 50px 0 0;} #resource_filters h3 {font-size: 22px; line-height: 28px; margin: 0 0 20px; font-weight: 700;} #resource_filters h4 {font-size: 16px; font-weight: 700; text-transform: none; line-height: 26px; margin: 0 0 10px; font-family: 'Open Sans', sans-serif;} #resource_filters select {width: 100%;} #resource_filters .filter-plans {cursor: pointer;} .filter_search {position: relative; margin-bottom: 25px;} .filter_search-icon {position: absolute; right: 15px; top: 16px; width: auto;} .filter_search input[type=search] {padding: 12px 15px;} .rotate {-moz-transition: all .3s linear;-webkit-transition: all .3s linear;transition: all .3s linear;} .rotate.down {-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);} #resource_filters span {display: block; padding: 0 0 5px; font-weight: 400; text-decoration: none; color: #333333; cursor: pointer; font-size: 16px; line-height: 26px;} #resource_filters span:hover {color: #0081c8;} #resource_filters span.is-checked {font-weight: 700; color: #0081c8;} #resource_listing_wrapper {float: left; width: calc(100% - 240px);} #resource_listing {width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;} #resource_listing .resource {width: 33.33336%; display: flex;} #resource_listing .resource_item {display:flex; height: 100%;} #resource_listing .resource .resource_block {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width: calc(100% - 24px); margin: 0 12px 30px; padding: 0px; float: left; overflow: hidden; border: 1px solid #bbbbbb; display: flex; flex-direction: column; background-color: #ffffff; border-radius: 0; text-align: center;} #resource_listing .resource .resource_block:hover {-webkit-box-shadow: 0px 8px 28px rgba(0,0,0,0.08); box-shadow: 0px 8px 28px rgba(0,0,0,0.08);} #resource_listing .resource a {text-decoration: none;} #resource_listing .resource_header {background-color: #00366b; padding: 15px; text-align: center;} #resource_listing .resource_header h4 {color: #ffffff; font-size: 18px; line-height: 24px; text-transform: none; margin: 0;} #resource_listing .resource_text {padding: 25px 20px 0;} #resource_listing .resource_text p {margin: 0;} #resource_listing .resource_image {padding: 25px 20px 25px;} .data-sheets #resource_listing .resource_image, .api-plans #resource_listing .resource_image {min-height: 230px;} #resource_listing .resource_image img {display: block; margin: 0 auto; max-height: 180px;} #resource_listing .resource_link {padding: 0 20px 25px; align-self: flex-start; margin-top: auto; width: 100%;} #resource_listing .resource_link p {margin: 0; font-size: 15px; line-height: 23px; font-weight: 600; color: #dc1d30; font-family: 'Oswald', sans-serif; text-transform: uppercase; text-align: center;} #resource_listing .resource_link p a {color: #dc1d30;} #resource_listing .resource_link p a:hover {color: #494949;} #resource_listing .resource_link p a img { margin: -2px 0 0 6px;} @media (min-width: 901px) { .install-instructions #resource_listing .resource_block {min-height: 335px;} .forms #resource_listing .resource_block {min-height: 286px;} /*.data-sheets #resource_listing .resource .resource_block {min-height: 413px;}*/ } @media (max-width: 1200px) { #resource_listing .resource {width: 50%;} } @media (max-width: 900px) { #resource_listing .resource {width: 100%;} #resource_listing .resource .resource_block {margin: 0 0px 30px; width: 100%;} } @media (max-width: 800px){ #resource_wrapper {padding: 0 20px 80px;} } @media (max-width: 700px){ #resource_filters {float: none; max-width: 800px; width: 100%; padding: 0 0 40px;} #resource_listing_wrapper {float: none; width: 100%;} .mobile_filters .mobile_filter:first-child {float: left; width: calc(50% - 15px); margin: 0 15px 0 0;} .mobile_filters .mobile_filter:last-child {float: left; width: calc(50% - 15px); margin: 0 0 0 15px;} .mobile_filters .mobile_filter:only-child {width: 100%; margin: 0;} } @media (max-width: 600px) { #resource_wrapper {padding: 0 20px 60px;} #resource_filters h3 {font-size: 20px; line-height: 26px;} #resource_filters h4 {font-size: 16px; line-height: 22px; margin: 0 0 10px;} } @media (max-width: 400px){ #resource_filters h4 {text-transform: none;} } /*########################################*/ /*################### Reliability Solutions - Headers ################*/ #reliability_solutions_header {max-width: 1140px; width: 100%; padding: 50px 20px 80px; margin: 0 auto;} #reliability_solutions_header_area {display: inline-block; width: 100%; margin: 0 auto;} #reliability_solutions_header_details {width: 50%; padding: 0 40px 0 0;} #reliability_solutions_header_details h2 {font-size: 38px; line-height: 46px; color: #062442 !important; font-weight: 700; text-align: left; margin: 0 0 25px; text-transform: none;} #reliability_solutions_header_details h3 {font-size: 20px; line-height: 26px; margin: 0 0 20px; color: #dc1f30; text-transform: none; font-weight: 400; font-family: 'Oswald', sans-serif;} #reliability_solutions_header_details .cta_button {padding: 10px 0 0; display: block;} #reliability_solutions_header_details .cta_button a.btn_orange {width: 200px;} #reliability_solutions_header_image {width: 50%; padding: 0 0 0 40px;} #reliability_solutions_header_image img {margin: 0 auto; display: block;} #reliability_solutions_header_image .caption p {text-align: center; padding: 30px 0 0; font-size: 14px; line-height: 24px; margin: 0; font-weight: 400;} @media (min-width: 1001px) { #reliability_solutions_header_area {display: flex;} } @media (max-width: 1000px) { #reliability_solutions_header_details {float: none; width: 100%; padding: 0 0 40px;} #reliability_solutions_header_image {float: none; width: 100%; max-width: 850px; padding: 0;} } @media (max-width: 800px) { #reliability_solutions_header_details h2 {font-size: 34px; line-height: 42px;} } @media (max-width: 600px) { #reliability_solutions_header {padding: 30px 20px 60px;} #reliability_solutions_header_details h3 {font-size: 18px; line-height: 24px;} #reliability_solutions_header_details h2 {font-size: 30px; line-height: 38px; margin: 0 0 15px;} } /*##################################################*/ /*########## Reliability Solutions - Top Content and Image Section ##########*/ #reliability_ci_container {background-color: #eff2f4; margin: 0 0 80px;} #reliability_ci_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 100px 20px;} #reliability_ci_area {display: inline-block; width: 100%; margin: 0 auto;} #reliability_ci_content {width: 50%; padding: 0 0 0 40px;} #reliability_ci_content p:last-child {margin: 0;} #reliability_ci_image {width: 50%; padding: 0 40px 0 0;} #reliability_ci_image img {margin: 0 auto; display: block;} @media (min-width: 901px) { #reliability_ci_area {display: flex; flex-wrap: wrap; align-items: center; flex-direction: row-reverse;} } @media (max-width: 1000px) { #reliability_ci_content {width: 100%; padding: 0 0 40px;} #reliability_ci_image {width: 100%; padding: 0;} } @media (max-width: 800px) { #reliability_ci_wrapper {padding: 80px 20px;} } @media (max-width: 600px) { #reliability_ci_container {margin: 0 0 60px;} #reliability_ci_wrapper {padding: 60px 20px;} #reliability_ci_content {padding: 0 0 20px;} } /*##################################################*/ /*########## Reliability Solutions - Image Only ##########*/ #reliability_image_only_container {background-color: #eff2f4; margin: 0 0 80px;} #reliability_image_only_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 100px 20px;} #reliability_image_only_area {display: inline-block; width: 100%; margin: 0 auto; text-align: center;} @media (max-width: 800px) { #reliability_image_only_wrapper {padding: 80px 20px;} } @media (max-width: 600px) { #reliability_image_only_container {margin: 0 0 60px;} #reliability_image_only_wrapper {padding: 60px 20px;} } /*##################################################*/ /*########## Reliability Solutions - Bottom Form ##########*/ #reliability_bottom_form_container {background-color: #004990;} #reliability_bottom_form_wrapper {max-width: 800px; width: 100%; margin: 0 auto; padding: 100px 20px 80px;} #reliability_bottom_form_area {display: inline-block; width: 100%; margin: 0 auto; text-align: center;} #reliability_bottom_form_area h2 {color: #fff !important; margin: 0 0 15px; text-align: center;} #reliability_bottom_form_area p {font-weight: 600; color: #fff; margin: 0 0 25px;} .reliability_bottom_form_header {padding: 0 0 25px;} .reliability_bottom_form {} @media (max-width: 800px) { #reliability_bottom_form_wrapper {padding: 80px 20px 60px;} } @media (max-width: 600px) { #reliability_bottom_form_wrapper {padding: 60px 20px;} } /*##################################################*/ /*########## Homepage Hero ##########*/ .home_hero_container {background-image: url(/wp-content/uploads/bkgd_hero_fas.jpg); background-position: bottom center; background-repeat: no-repeat;} .home_hero_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 100px 20px;} .home_hero_area {display: inline-block; width: 100%; margin: 0 auto;} .home_hero_area h1, .home_hero_area h4 {color: #fff !important; margin: 0 0 15px; font-size: 68px; line-height: 84px; text-transform: uppercase; font-weight: 500;} .home_hero_area p {font-size: 24px; line-height: 32px; color: #fff; margin: 0; font-family: 'Oswald', sans-serif;} .home_hero_content {max-width: 500px; width: 100%; margin: 0 60px 0 0;} .home_hero_content .h1_block, .home_hero_content .h4_block {display: block;} .home_hero_content sup {top: -1.5em; font-size: 22px; font-weight: 400;} .home_hero_button {cursor: pointer; width: 80px;} .home_hero_button .popup-btn span {display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 25px solid #fff; border-top: 15px solid transparent; border-bottom: 15px solid transparent;} .home_hero_button .popup-btn {z-index: 10; position: absolute; box-sizing: content-box; display: block; width: 25px; height: 30px; border-radius: 50%; padding: 18px 20px 18px 28px;} .home_hero_button .popup-btn:before {content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #dc1d30; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite;} .home_hero_button .popup-btn:after {content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #dc1d30; border-radius: 50%; transition: all 200ms;} .home_hero_button .popup-btn:hover:after {background-color: darken(#dc1d30,10%);} @keyframes pulse-border { 0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;} 100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;} } @media (min-width: 801px) { .home_hero_area {display: flex; flex-wrap: wrap; align-items: center;} } @media (max-width: 800px) { .home_hero_wrapper {padding: 80px 20px;} .home_hero_area h1 {font-size: 58px; line-height: 72px;} .home_hero_content sup {font-size: 20px;} .home_hero_content {margin: 0 0 50px;} .home_hero_button {margin: 0 auto;} } @media (max-width: 600px) { .home_hero_wrapper {padding: 50px 20px;} .home_hero_area h1 {font-size: 48px; line-height: 60px;} .home_hero_content sup {font-size: 18px;} .home_hero_area p {font-size: 20px; line-height: 28px;} .home_hero_content {margin: 0 0 40px;} } /*##################################################*/ /*########## Homepage Products ##########*/ .home_products_container {background-image: url(/wp-content/uploads/bkgd-home-product-section.jpg); background-position: top center; background-repeat: no-repeat;} .home_products_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 100px 5px 70px;} .home_products_area {display: inline-block; width: 100%; margin: 0 auto;} .home_products_header {padding: 0 15px 30px; max-width: 900px; margin: 0 auto; text-align: center;} .home_products_header h2 {text-align: center !important;} .home_products_header h4 {line-height: 30px; font-weight: 400; color: #494949;} .home_products_header h1 {font-size: 34px; line-height: 40px; margin: 0 0 25px; font-weight: 700; font-family: 'Oswald', sans-serif; color: #062442;} .home_products_section {display: flex; flex-wrap: wrap;} .home_product {width: calc(25% - 30px); margin: 0 15px 30px; background-color: #ffffff; display: flex;} .home_product a {display: flex; flex-direction: column; text-decoration: none; width: 100%; cursor: pointer;} .home_product img {max-height: 180px; margin: 0 auto;} .hp_image {padding: 20px; text-align: center; min-height: 224px; align-items: center; display: flex; border: 2px solid #ffffff;} .home_product a:hover .hp_image {border: 2px solid #dc1d30;} .hp_title {background-color: #dc1d30; padding: 15px 20px; text-align: center; align-self: flex-start; margin-top: auto; width: 100%;} .hp_title p {color: #ffffff; text-transform: uppercase; margin: 0; font-family: 'Oswald', sans-serif; font-size: 20px; line-height: 30px;} @media (max-width: 1100px) { .home_product {width: calc(50% - 30px);} .hp_image {padding: 25px 20px; min-height: 234px;} } @media (max-width: 800px) { .home_products_wrapper {padding: 80px 5px 50px;} } @media (max-width: 600px) { .home_products_wrapper {padding: 60px 5px 50px;} .home_products_header {padding: 0 15px 20px;} .home_products_header h4 {line-height: 24px;} .home_product {width: 100%;} .hp_title p {font-size: 18px; line-height: 28px;} .hp_image {min-height: 50px;} } /*##################################################*/ /*########## Homepage Reliability ##########*/ .home_reliability_container {background-image: url(/wp-content/uploads/bkgd-home-seal-reliability.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;} .home_reliability_wrapper {max-width: 900px; width: 100%; margin: 0 auto; padding: 100px 20px;} .home_reliability_area {display: inline-block; width: 100%; margin: 0 auto; text-align: center;} .home_reliability_area h2 {color: #ffffff;} .home_reliability_area p {color: #ffffff;} .reliabiltiy_cta {padding: 20px 0 0;} @media (max-width: 800px) { .home_reliability_wrapper {padding: 80px 20px;} } @media (max-width: 600px) { .home_reliability_wrapper {padding: 60px 20px;} .reliabiltiy_cta {padding: 10px 0 0;} } /*##################################################*/ /*########## Homepage Industries ##########*/ .home_industries_container {background-color: #ffffff;} .home_industries_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 100px 5px 70px;} .home_industries_area {display: inline-block; width: 100%; margin: 0 auto;} .home_industries_header {padding: 0 15px 30px; max-width: 900px; margin: 0 auto; text-align: center;} .home_industries_header h2 {text-align: center !important; margin: 0 0 20px;} .home_industries_header h4 {line-height: 30px; font-weight: 400; color: #494949;} .home_industries_section {display: flex; flex-wrap: wrap;} .home_industry_card {width: calc(33.33336% - 30px); margin: 0 15px 30px; background-color: #ffffff; display: flex; border: 2px solid #ffffff;} .home_industry_card a {display: flex; flex-direction: column; text-decoration: none; width: 100%; cursor: pointer; position: relative; background-color: #062442; overflow: hidden;} .home_industry_card img {object-fit: cover; opacity: 0.45;} .home_industry_title {position: absolute; top: calc(50% - 15px); width: 100%;} .home_industry_title h4 {color: #ffffff; text-align: center; margin: 0; line-height: 30px; font-weight: 400;} .home_industry_card:hover {border: 2px solid #dc1d30;} .home_industry_card:hover a {background-color: #1f5b94; overflow: hidden;} .home_industry_card:hover img {opacity: 0.4;} @media (max-width: 1000px) { .home_industry_card {width: calc(50% - 30px);} } @media (max-width: 800px) { .home_industries_wrapper {padding: 80px 5px 40px;} } @media (max-width: 600px) { .home_industries_wrapper {padding: 60px 5px 50px;} .home_industries_header {padding: 0 15px 20px;} .home_industries_header h4 {line-height: 24px;} .home_industry_title h4 {font-size: 22px; line-height: 30px;} .home_industry_card {width: 100%;} } /*##################################################*/ /*########## Homepage Resources ##########*/ .home_resources_container {background-color: #ffffff;} .home_resources_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 0px 5px 70px;} .home_resources_area {display: inline-block; width: 100%; margin: 0 auto;} .home_resources_header {padding: 0 15px 30px; max-width: 900px; margin: 0 auto; text-align: center;} .home_resources_header h2 {margin: 0 0 20px;} .home_resources_header h4 {line-height: 30px; font-weight: 400; color: #494949;} .home_resources_section {display: flex; flex-wrap: wrap;} .home_resource_card {width: calc(33.33336% - 30px); margin: 0 15px 30px; background-color: #eff2f4; display: flex; flex-direction: column;} .home_resource_image {width: 100%; height: 200px;} .home_resource_image img {object-fit: cover; height: 200px; width: 100%;} .home_resource_content {padding: 25px 30px 20px;} .home_resource_content h5 {margin: 0 0 15px; font-size: 15px; line-height: 23px; font-weight: 600; color: #0083bf; font-family: 'Oswald', sans-serif; text-transform: uppercase;} .home_resource_content h4 {font-size: 24px; line-height: 30px; font-weight: 400; color: #494949; text-transform: none; border-bottom: 2px solid #d5e2e7; padding: 0 0 25px; margin: 0 0 25px;} .home_resource_button {padding: 0 30px 30px; align-self: flex-start; margin-top: auto; width: 100%;} .home_resource_button p {margin: 0; font-size: 15px; line-height: 23px; font-weight: 600; color: #dc1d30; font-family: 'Oswald', sans-serif; text-transform: uppercase;} .home_resource_button p a {color: #dc1d30;} .home_resource_card p a:hover {color: #494949;} .home_resource_button p a img {margin: -2px 0 0 6px;} @media (min-width: 701px) { .home_resource_content h4 {min-height: 87px;} } @media (max-width: 1000px) { .home_resource_card {width: calc(50% - 30px);} } @media (max-width: 800px) { .home_resources_wrapper {padding: 0px 5px 50px;} } @media (max-width: 700px) { .home_resource_card {width: 100%;} } @media (max-width: 600px) { .home_resources_wrapper {padding: 0px 5px 50px;} .home_resources_header h4 {line-height: 24px;} .home_resource_content h4 {font-size: 22px; line-height: 28px; padding: 0 0 20px; margin: 0 0 20px;} .home_resource_content {padding: 25px 30px 10px;} } /*##################################################*/ /*########## Homepage Contact ##########*/ .home_contact_container {background-image: url(/wp-content/uploads/bkgd-home-contact-section.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;} .home_contact_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; padding: 100px 0px 50px;} .home_contact_area {display: inline-block; width: 100%; margin: 0 auto;} .home_contact_header {padding: 0 20px 30px; max-width: 900px; margin: 0 auto; text-align: center;} .home_contact_header h2 {color: #ffffff; margin: 0 0 20px;} .home_contact_section {display: flex; flex-wrap: wrap;} .home_contact_card {width: calc(33.33336% - 90px); margin: 0 45px 50px; display: flex; flex-direction: column; text-align: center;} .home_contact_title {padding: 0 0 25px; margin: 0 0 25px; border-bottom: 2px solid #0083bf;} .home_contact_title h4 {color: #ffffff; text-align: center; margin: 0; line-height: 30px; font-weight: 400; text-transform: none;} .home_contact_content p {color: #ffffff; margin: 0 0 30px; min-height: 52px;} @media (max-width: 1000px) { .home_contact_card {width: calc(50% - 90px);} .home_contact_section .home_contact_card:last-child {width: 100%;} } @media (max-width: 800px) { .home_contact_wrapper {padding: 80px 5px 30px;} } @media (max-width: 600px) { .home_contact_wrapper {padding: 60px 5px 50px;} .home_contact_card {width: 100%; margin: 0 30px 40px;} .home_contact_title {padding: 0 0 15px; margin: 0 0 15px;} .home_contact_title h4 {font-size: 22px; line-height: 30px;} .home_contact_content p {margin: 0 0 25px; min-height: 15px;} } /*##################################################*/ /*################# Mechanical Seals - Top Content ######################*/ .ms_top_content_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 50px 20px 0;} .ms_top_content_area {display: inline-block; width: 100%; margin-bottom: 0px;} .ms_top_content_blocks {display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; padding: 20px 0 0;} .ms_top_content_block {width: calc(50% - 40px); margin: 0 0 20px;} .ms_top_content_blocks .ms_top_content_block:nth-child(odd) {margin: 0 80px 30px 0;} @media (max-width: 600px) { .ms_top_content_wrapper {padding: 30px 20px 0px;} .ms_top_content_blocks {padding: 10px 0 0;} .ms_top_content_block {width: 100%; margin: 0 0 10px;} .ms_top_content_blocks .ms_top_content_block:nth-child(odd) {margin: 0 0 10px;} } /*##################################################*/ /*################# Mechanical Seals - Product Tabs ######################*/ .ms_product_tabs_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 80px 20px;} .ms_product_tabs_area {display: inline-block; width: 100%; margin-bottom: 0px;} .ms_product_tabs_header {padding: 0 20px; max-width: 950px; margin: 0 auto; text-align: center;} .ms_product_tabs_header h2 {margin: 0 0 20px;} .ms_product_tabs {} .ms_product_tabs .responsive-tabs .responsive-tabs__list__item {font-size: 18px !important; line-height: 22px !important; text-transform: inherit; margin: 0 14px 13px 0 !important; padding: 19px 15px !important; width: calc(14.2857% - 12px);} .ms_product_tabs .responsive-tabs .responsive-tabs__list__item:last-child {margin: 0 0 13px !important;} .ms_product_tabs .responsive-tabs .responsive-tabs__panel {padding: 40px 40px 0 !important;} .ms_product_tab_section {display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; padding: 20px 0; align-items: center;} .ms_product_tab_content {width: calc(100% - 300px); margin: 0 60px 0 0;} .ms_product_tab_image {width: 240px;} .ms_product_tab_image img {max-height: 250px;} .ms_tabs_cta {padding: 15px 0 0;} @media (max-width: 1100px) { .ms_product_tabs .responsive-tabs .responsive-tabs__list__item {width: calc(25% - 9px); margin: 0 12px 13px 0 !important;} .ms_product_tabs .responsive-tabs .responsive-tabs__list__item:nth-child(4) {margin: 0 0 13px !important;} } @media screen and (max-width: 767px) { .ms_product_tabs .responsive-tabs .responsive-tabs__panel {padding: 30px 20px !important;} } @media (max-width: 700px) { .ms_product_tab_content {width: 100%; margin: 0 0 40px;} .ms_product_tab_image {width: 200px;} } @media (max-width: 600px) { .ms_product_tabs_wrapper {padding: 60px 20px;} } /*##################################################*/ /*################# Mechanical Seals - Product Blocks ######################*/ .ms_product_blocks_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 80px 20px 30px;} .ms_product_blocks_area {display: inline-block; width: 100%; margin-bottom: 0px;} .ms_product_blocks_header {padding: 0 20px 10px; max-width: 900px; margin: 0 auto; text-align: center;} .ms_product_blocks_header h2 {margin: 0 0 20px;} @media (max-width: 600px) { .ms_product_blocks_wrapper {padding: 60px 20px 40px;} } /*##################################################*/ /*################# Mechanical Seals - FAQ ######################*/ .ms_faq_container {width: 100%;} .ms_faq_wrapper {max-width: 1140px; width: 100%; margin: 0 auto; float: none; padding: 80px 20px;} .ms_faq_area {display: inline-block; width: 100%; margin-bottom: 0px;} .ms_faq_header {padding: 0 20px 30px; max-width: 900px; margin: 0 auto; text-align: center;} .ms_faq_header h2 {margin: 0 0 20px;} .ms_faq_area .accordion {margin: 0 0 60px; padding: 0;} @media (max-width: 600px) { .ms_faq_wrapper {padding: 30px 20px 60px;} } /*##################################################*/