/*** ELEMENTAL STYLES ***/ * {margin: 0; padding: 0; border: 0;} *:focus {outline: none!important;} body, html {margin: 0; padding: 0px; border: 0; color: #000; height: 100%;} body {background: #506776; font-size: 16px; font-weight: 300; font-family: 'Ubuntu', sans-serif;} a {color: #00aeef; text-decoration: none;} a:hover {color: #4f687b;} p {margin: 0 0 1.1em 0; padding: 0;} hr {height: 1px; background-color: #7e8a94; margin: 20px 0;} td {vertical-align: top;} input, select, textarea {border: 1px solid #ccc;} input[type="submit"] {border: 0px;} input[type="phone"], input[type="search"], input[type="email"], input[type="text"] { -webkit-appearance: none; -webkit-border-radius:0; } h1, h2, h3, h4, h5, h6 {margin: 0 0 7px 0; line-height: 1.1em;} h1 a, h2 a, h4 a, h5 a, h6 a {font-weight: normal;} h1 {font-size: 40px; color: #4f687b; font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400; margin: 0 0 21px 0;} h2 {font-size: 26px; font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400;} h3 {font-size: 21px; color: #4f687b; font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400;} h4 {font-size: 16px; margin: 10px 0 0 0; color: #00aeef; font-weight: 400; text-transform: uppercase; font-family: 'Ubuntu', sans-serif;} h5 {font-size: 16px; text-transform: uppercase; font-family: 'Ubuntu', sans-serif;;} h6 {font-size: 14px; color: #4f687b; font-weight: 400; text-transform: uppercase; font-family: 'Ubuntu', sans-serif;} /*** CLASSES ***/ .clear {clear: both;} .aligncenter {text-align: center;} .alignleft {float: left;} .alignright {float: right;} .print {display: none;} .table {display: table; width: 100%; height: 100%;} .cell {display: table-cell; vertical-align: middle;} .flex {display: flex; display: -webkit-flex;} .flex > * {-ms-flex: 0 1 auto;} .wp-caption.alignleft, img.alignleft {float: left; margin: 0 20px 15px 0;} .wp-caption.alignright, img.alignright {float: right; margin: 0 0 15px 20px;} .wp-caption.aligncenter, img.aligncenter {display: block; margin: 0 auto 1.1em;} .wp-caption-text {font-size: 11px; color: #444; padding: 0 30px; line-height: 15px; text-align: center; margin-top: 3px;} /* Buttons */ .blueBtn {display: block; background-color: #00aeef; color: #fff; font-size: 16px; text-transform: uppercase; padding: 16px 0; width: 230px; text-align: center; font-weight: 400!important; border-radius: 8px;} .blueBtn:hover {color: #000!important; background-color: #ffde00;} .blueBtn:active {position: relative; top: 1px; left: 1px;} .blueBtnSmall {display: block; background-color: #00aeef; color: #fff; font-size: 14px; text-transform: uppercase; padding: 10px 25px; text-align: center; font-weight: 400!important; border-radius: 8px;} .blueBtnSmall:hover {color: #000!important; background-color: #ffde00;} .blueBtnSmall:active {position: relative; top: 1px; left: 1px;} .gform_wrapper .button {display: inline-block; background-color: #00aeef; color: #fff; font-size: 14px; text-transform: uppercase; padding: 10px 25px; text-align: center; font-weight: 400 !important; border-radius: 8px;} .gform_wrapper .button:hover {color: #000!important; background-color: #ffde00;} .gform_wrapper .button:active {position: relative; top: 1px; left: 1px;} .diagram-button-1 {position: absolute; top: 12%; left: 0; right: 0; margin: 0 auto; transform: translateX(300px); display: block; max-width: 80px; background-color: #00aeef; color: #fff; font-size: 14px; text-transform: uppercase; padding: 10px 25px; text-align: center; font-weight: 400!important; border-radius: 8px;} .diagram-button-1:hover {color: #000!important; background-color: #ffde00;} .grayBtn {background-color: #7e8a94; color: #ffffff; font-size: 16px; font-weight: bold; width: 380px; padding: 11px 10px; text-decoration: none; text-align: center; box-sizing: border-box; display: block; margin-bottom: 2px;} .grayBtn:hover {background-color:#506776; color: #fff;} .grayBtn:active {position:relative; top:1px;} /** Gallery Styles **/ .gallery {display: flex; flex-wrap: wrap;} .gallery .gallery-item {margin: 1.1em 0; padding: 0 10px; box-sizing: border-box; min-width: 150px;} .gallery .gallery-item img {border: 1px solid #7e8a94; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; display: block; margin: 0 auto; max-width: 100%; height: auto;} .gallery .gallery-item:hover {opacity: 0.6; filter: alpha(opacity=60);} .wp-caption-text {font-size: 11px; color: #444; padding: 0 10px; line-height: 15px; text-align: center; margin-top: 3px;} /** Select Two Styles **/ body .select2-container--default .select2-selection--single {border-color: #000; border-radius: 6px; height: auto; overflow: visible;} body .select2-container--default .select2-selection--single:focus {outline: none;} body .select2-selection__rendered {padding: 5px 20px 5px 8px;} body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, body .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 5px 4px 0 4px;} body .select2-container--default .select2-selection--single .select2-selection__arrow {background: #00aeef; border-radius: 0 5px 5px 0; height: 39px;} body .select2-container--open .select2-selection {background: #00aeef;} body .select2-container--default .select2-selection--single .select2-selection__placeholder {color: #000; font-style: normal; font-family: 'Ubuntu', serif; font-weight: 400; font-size: 15px;} body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered, body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__placeholder {color: #ffde00; font-weight: 500; font-style: normal;} body .select2-container--open .select2-selection {border-radius: 6px 6px 0 0; border-bottom: 0;} body .select2-results {background: #00aeef;} body .select2-dropdown {border: 0; margin-left: 1px;} body .select2-results__option {color: #fff; font-family: 'Ubuntu', serif; font-weight: 400;} body .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #00aeef; font-weight: 700;} body .select2-container--default .select2-results__option[aria-selected=true] {background-color: #00aeef; color: #ffde00; font-weight: 700;} body .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 29px;} body .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {line-height: 28px;} /*** LAYOUT STYLES ***/ #slideshowWrapper {width: auto; max-width: 1400px; margin: 0 auto;} .globalWrapper {padding-bottom: 200px;} .globalContainer {width: auto; max-width: 1200px; margin: 0 auto;} .grayCircle {background: #edf0f2 url("/source/dfc5ea17b463d38809642d4655a8d487/bgr_circle.jpg") no-repeat top; min-height: 695px;} .page-template-template-full-bgrs .grayCircle {min-height: 0;} .whiteCircle {background: url("/source/2bad42fb310008ca0c180f9eb46fcf3d/bgr_white_circle.png") no-repeat left top;} /*** HEADER STYLES ***/ /* Search */ #mainSearch {background-color: #ffde00; padding: 7px 0; margin-top: -57px; height: 42px; overflow: hidden; -webkit-transition: margin 0.8s; -moz-transition: margin 0.8s; -ms-transition: margin 0.8s; -o-transition: margin 0.8s; transition: margin 0.8s; } .searchForm {float: right;} .searchForm #dtSearchOptions {float: left; position: relative; top: 10px;} .searchForm .searchOptions label {display: inline-block; cursor: pointer; font-size: 14px; text-transform: uppercase; color: #000; font-weight: 400; margin-right: 40px;} .searchForm .searchOptions label .circle {display: inline-block; position: relative; border: 2px solid #000; width: 16px; height: 16px; border-radius: 50%; margin-right: 12px;} .searchForm .searchOptions label .circle:before {display: none; position: absolute; content: ''; background-color: #000; border-radius: 50%; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 2px; height: 2px;} .searchForm .searchOptions label .txt {position: relative; top: -3px;} .searchForm .searchOptions input[type=radio]{height: 0; width: 0; opacity: 0;} .searchForm .searchOptions input[type=radio]:checked + label .circle:before {display: block; width: 100%; height: 100%; animation: slidein ease-in 0.3s; -webkit-animation: slidein ease-in 0.3s;} .searchForm #dtSearchFields {float: right; position: relative;} .searchForm .searchFields .search-field {padding: 12px 41px 12px 12px; font-size: 14px; font-weight: 400; border-radius: 5px; color: #000; font-family: 'Ubuntu', sans-serif;} .searchForm .searchFields .search-submit {position: absolute; top: 0; right: 0; background: none; font-size: 18px; padding: 10px 12px; cursor: pointer;} .searchForm ::-webkit-input-placeholder {color: #000; font-family: 'Ubuntu', sans-serif; font-weight: 400;} .searchForm :-moz-placeholder {color: #000; font-family: 'Ubuntu', sans-serif; font-weight: 400;} .searchForm ::-moz-placeholder {color: #000; font-family: 'Ubuntu', sans-serif; font-weight: 400;} .searchForm :-ms-input-placeholder {color: #000; font-family: 'Ubuntu', sans-serif; font-weight: 400;} #mobileNav .searchForm {float: none; width: auto;} #mobileSearchFields, #mobileSearchOptions {display: table; width: 100%;} #mobileSearchFields span, #mobileSearchOptions label {display: table-cell; position: relative; font-weight: 400;} #mobileSearchOptions {background: #ffde00; padding: 10px 0; text-align: center;} #mobileSearchFields .search-field {border-radius: 0; width: 100%; box-sizing: border-box; font-weight: 400;} @-webkit-keyframes slidein { 0% { top: 50%; transform: translateY(-50%); width: 1%; height: 1%; } 25% { top: 50%; transform: translateY(-50%); width: 25%; height: 25%; } 50% { top: 50%; transform: translateY(-50%); width: 50%; height: 50%; } 75% { top: 50%; transform: translateY(-50%); width: 75%; height: 75%; } 100% { top: 0%; transform: translateY(0%); width: 100%; height: 100%; } } @keyframes slidein { 0% { top: 50%; transform: translateY(-50%); width: 1%; height: 1%; } 25% { top: 50%; transform: translateY(-50%); width: 25%; height: 25%; } 50% { top: 50%; transform: translateY(-50%); width: 50%; height: 50%; } 75% { top: 50%; transform: translateY(-50%); width: 75%; height: 75%; } 100% { top: 0%; transform: translateY(0%); width: 100%; height: 100%; } } /* Utility Navigation */ #utilityNavWrapper {background-color: #000; position: relative; z-index: 4;} #utilityNav {position: relative;} #utilityNav ul {text-align: right;} #utilityNav ul li {display: inline-block; margin-top: -2px;} #utilityNav ul li a {display: block; padding: 12px 15px; color: #fff; font-size: 14px; font-weight: 400; text-transform: uppercase; cursor: pointer; -webkit-transition: color 0.6s; -moz-transition: color 0.6s; -ms-transition: color 0.6s; -o-transition: color 0.6s; transition: color 0.6s; } #utilityNav ul li a span.img-globe {display: inline-block; position: relative; top: 3px; margin-left: 6px; background: url("/source/d89756392db0c834ce85edcf8c772cb2/ico_globe_sprite.png'") no-repeat center top; width: 22px; height: 22px;} #utilityNav ul li.social.first {margin-left: 26px;} #utilityNav ul li.social a, #utilityNav ul li.search a {font-size: 18px; padding: 12px 9px;} #utilityNav ul li.twitter {position: relative; top: 1px;} #utilityNav ul li.twitter a {font-size: 20px;} #utilityNav ul li.youtube {position: relative; top: 1px;} #utilityNav ul li.youtube a {font-size: 22px} #utilityNav ul li.search {position: relative; top: -1px;} #utilityNav ul li a:hover {color: #ffde00;} #utilityNav ul li a:hover span {background-position: 0 -32px;} #utilityNav ul ul {max-height: 0; position: absolute; float:none; width: auto; background-color: #000; box-sizing: border-box; overflow: hidden; text-align: left; -webkit-transition: max-height 0.6s; -moz-transition: max-height 0.6s; -ms-transition: max-height 0.6s; -o-transition: max-height 0.6s; transition: max-height 0.6s; } #utilityNav > ul > li:hover > ul {max-height: 800px;} #utilityNav ul ul li {display: block; margin: 0;} #utilityNav ul ul li:first-of-type {padding: 10px 0 0;} #utilityNav ul ul li:last-of-type {padding: 0 0 12px;} #utilityNav ul ul li a {padding: 4px 50px 4px 16px; text-transform: capitalize; font-size: 16px; font-weight: 400; color: #fff;} #utilityNav ul ul li a:hover {color: #00aeef;} /* Mobile Navigation */ #openMobileMenu {display: none; width: 100%; padding: 6px 10px; text-align: right; background: none; color: #fff; font-size: 32px; cursor: pointer;} #openMobileMenu span.mobile-icon {display: inline-block; background: url("/source/6942df06cd33c6250eca48554394be7f/ico_mobile_nav.png'") no-repeat center; width: 19px; height: 18px;} #mobileNav {max-height: 0; overflow: hidden; position: absolute; top: 0; z-index: 999; width: 100%; background-color: #000; -webkit-transition: max-height 0.6s; -moz-transition: max-height 0.6s; -ms-transition: max-height 0.6s; -o-transition: max-height 0.6s; transition: max-height 0.6s; } #mobileNav #closeMobileMenu {display: table-cell; position: relative; min-width: 50px;} #mobileNav #closeMobileMenu span.close-icon {display: inline-block; background: url("/source/e3c145c4eae49218bb566075959e2149/ico_mobile_x.png'") no-repeat center; width: 20px; height: 21px;} #closeMobileMenu {width: 100%; vertical-align: middle; background: none; font-size: 32px; color: #fff; cursor: pointer;} #mobileMenu {padding-bottom: 40px; font-weight: 400;} #mobileMenu li a {display: block; color: #fff; font-size: 14px;} #mobileMenu li a span {display: none; margin-left: 8px;} #mobileMenu > li > a {padding: 12px 30px; text-transform: uppercase; border-top: 1px solid #7e8a94; position: relative;} #mobileMenu > li.hasChildren a span {display: inline-block;} #mobileMenu > li a span.img-globe {display: inline-block; position: relative; top: 2px; margin-left: 6px; background: url("/source/e9b679ddcb0c1e9758d6b656f8c76203/ico_globe_mobile.png'") no-repeat center top; width: 15px; height: 15px;} #mobileMenu > li > ul {display: none; padding: 5px 0 5px 30px;} #mobileMenu > li > ul li a {padding: 7px 12px; text-transform: capitalize;} #mobileMenu > li:last-of-type > a {border-bottom: 1px solid #7e8a94;} #mobileMenu > li:hover > a, #mobileMenu > li.active > a, #mobileMenu > li.current_page_item > a, #mobileMenu > li.current-page-ancestor > a {background-color: #ffde00; color: #000;} #mobileMenu > li.active > ul, #mobileMenu > li.current_page_item > ul, #mobileMenu > li.current-page-ancestor > ul {display: block;} #mobileMenu > li > ul > li:hover a, #mobileMenu > li > ul > li.current-cat a, #mobileMenu > li > ul > li.current_page_item a, #mobileMenu > li > ul > li.current-cat-parent a, #mobileMenu > li > ul > li.current-cat-ancestor a {color: #ffde00;} #mobileMenu > li.active > a span.img-globe {background-position: 0 -22px;} .mobileSocials {-webkit-justify-content: center; justify-content: center;} .mobileSocials > * {width: 33.33%; text-align: center; box-sizing: border-box;} .mobileSocials a {font-size: 40px; padding: 20px; color: #fff;} .mobileSocials a.instagram {border-left: 1px solid #7e8a94; border-right: 1px solid #7e8a94;} body.mobileMenu-open #mobileNav {max-height: 1000px;} /* Logo & Main Navigation */ #headerWrapper {background: rgba( 255, 255, 255, 0.8 ); position: relative; z-index: 3;} #mainHeader {position: relative;} #logo {display: block; width: 300px; height: 100%; position: absolute; top: 0; left: 0; background: #000 url("/source/482d3e232d3cf89e28aa84b98736384b/logo.png'") no-repeat center 8px;} #topNav {float: right; position: relative;} #topNav ul {list-style: none;} #topNav ul li {float: left; -webkit-transition: background-color 0.6s; -moz-transition: background-color 0.6s; -ms-transition: background-color 0.6s; -o-transition: background-color 0.6s; transition: background-color 0.6s; } #topNav ul li span {display: none;} #topNav ul li.hasChildren span {display: inline-block;} #topNav > ul > li > a {display: block; padding: 26px 19px; font-size: 16px; color: #4f687b; font-weight: 400; text-transform: uppercase;} #topNav ul li a span {margin-left: 8px;} #topNav ul ul {max-height: 0; position: absolute; float:none; width: auto; background-color: #fff; box-sizing: border-box; overflow: hidden; z-index: 9; -webkit-transition: max-height 0.6s; -moz-transition: max-height 0.6s; -ms-transition: max-height 0.6s; -o-transition: max-height 0.6s; transition: max-height 0.6s; } #topNav > ul > li:last-of-type > ul {right: 0;} #topNav ul ul li {float: none;} #topNav ul ul li:first-of-type {margin-top: 10px;} #topNav ul ul li:last-of-type {margin-bottom: 10px;} #topNav ul ul li a {display: block; padding: 5px 17px; font-size: 16px; color: #000;} #topNav ul ul li a:hover {color: #00aeef;} #topNav > ul > li:hover {background-color: #ffde00;} #topNav > ul > li:hover > a {color: #000;} #topNav > ul > li:hover > ul {max-height: 800px;} /*** HOMEPAGE STYLES ***/ #homeOuter {background: url("/source/1e36c9fb61e1938d973fc21a0e4b069b/bgr_blue.jpg'");} /* Slideshow */ #slideshowOuter {position: relative; height: 400px;} #outerBGRs {position: absolute; margin-top: -72px; padding-top: 72px; width: 100%; height: calc( 100% + 72px );} #outerBGRs li {position: absolute; top: 0; width: 100%; height: 100%; background-size: cover!important; background-repeat: no-repeat; background-position: center; display: none;} #slideshowInner {background: url("/source/d1ab4f704e1e99790bc28c79ccd9b7d5/bgr_dots.png'"); position: absolute; width: 100%; height: 100%; max-height: 400px;} #slideshowWrapper {position: relative; height: 100%; overflow: hidden;} #slideshowWrapper .prevnext {position: absolute; top: 40%; z-index: 2;} #slideshowWrapper #prevSlide {left: 0;} #slideshowWrapper #nextSlide {right: 0;} #slideshow {position: relative; height: 100%;} #slideshow ul {list-style: none;} #slideCurve {width: 100%; height: 470px; position: absolute; bottom: -315px; background: url("/source/2efa15debf5b2855b6ea98ad7807d4a5/slide_curve.png") no-repeat center bottom / cover;} #slideCurve img {display: block; position: absolute; left: 0; right: 0; top: 110px; margin: 0 auto;} #slideContent {float: left; position: relative; top: 95px; width: 50%; max-width: 600px;} #slideContent ul li {position: absolute; color: #fff; opacity: 0; right: 0;} #slideContent ul li.selected {opacity: 1;} #slideContent ul li p {font-family: 'Ubuntu', sans-serif; font-size: 20px; font-weight: 300; line-height: 30px;} #slideContent ul li p.largeText {font-family: 'Ubuntu Condensed', sans-serif; font-size: 40px; line-height: 40px; font-weight: 400; margin-bottom: 20px;} #slideImages {float: right; position: relative; top: 20px; width: 40%; max-width: 400px;} #slideImages ul li {position: absolute; opacity: 0; width: 100%;} #slideImages ul li img {display: block; margin: 0 auto; width: auto; max-width: 100%; height: auto; border-radius: 10px;} #slideImages ul li.selected {opacity: 1;} #slideThumbs {position: absolute; width: 100%; bottom: 65px; text-align: center; z-index: 1;} #slideThumbs a {display: inline-block; width: 15px; height: 15px; border-radius: 50%; background-color: #fff; margin-left: 10px;} #slideThumbs a:hover, #slideThumbs a.selected {background-color: #ffde00} #slideThumbs a:first-of-type {margin-left: 0;} /*** HOMEPAGE STYLES ***/ #homeMiddle {position: relative; padding: 40px 0 0; color: #fff; position: relative; z-index: 1;} #homeIntro {width: 100%; width: calc( 100% - 372px ); border-left: 16px solid #00aeef; padding-left: 16px; text-transform: uppercase; letter-spacing: 2px;} #homeIntro h1 {font-size: 38px; font-weight: 500; color: #fff; font-family: 'Ubuntu', sans-serif; margin-bottom: 5px;} #homeIntro h2 {font-size: 21px; margin-bottom: 5px; font-family: 'Ubuntu', sans-serif;} #homeIntro h2 span {font-weight: 400;} #homeIntro h2:first-of-type {font-style: italic;} #homeIntro h2:last-of-type {color: #ffde00; font-weight: 700; margin-bottom: 5px;} #homeIntro .small {font-size: 13px; letter-spacing: 1px; color: #fff; text-transform: uppercase;} #homeIntro .small a {color: #fff;} #homeIntro .small a:hover {color: #ffdd00;} #homeSocials {position: absolute; right: 0; top: 40px; max-width: 312px;} #homeSocials .blueBar {padding: 12px 12px 7px 12px; color: #fff; background-color: #00aeef;} #homeSocials .blueBar h3 {margin-bottom: 0;} #homeSocials .blueBar h3 a {display: block; font-size: 18px; font-weight: 700; margin: 0; padding: 0; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; color: #fff;} #homeSocials .blueBar h3 a:hover {color: #ffde00;} #homeSocials .blueBarSocials {margin-left: auto; position: relative; top: -2px;} #homeSocials .blueBarSocials a {display:inline-block; margin-left: 16px; font-size: 19px; color: #fff; opacity: 0.8;} #homeSocials .blueBarSocials a:hover {opacity: 1; color: #ffde00;} #homeSocials .blueBarSocials a.youtube {position: relative; top: 1px; font-size: 21px;} #homeSocials .ctf-author-box {display: none;} #homeSocials .ctf-item {position: relative; margin-top: 9px; padding: 0 0 0 12px; border: 0; font-size: 14px;} #homeSocials .ctf-item:before {content: ''; display: block; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; border-radius: 50%; background-color: #fff;} #homeSocials .ctf-tweet-text {font-weight: 300; font-family: 'Ubuntu', sans-serif;} #homeSocials .ctf-tweet-text a:hover {color: #ffde00;} #homeSocials .twitterFeed {max-height: 150px; overflow: auto;} #homeSocials .twitterFeed .ctf {overflow: hidden;} #homeSocials .twitterFeed .sbi .sbi_photo_wrap {display: none;} #homeSocials #sb_instagram #sbi_images, #homeSocials #sb_instagram.sbi_col_1 #sbi_images .sbi_item {padding: 0 !important;} #homeSocials #sb_instagram.sbi_col_1 .sbi_caption {color: #fff !important;} #homeSocials #sb_instagram .sbi_info {text-align: left;} #homeSocials #sb_instagram .sbi_caption_wrap {position: relative; margin-top: 9px; padding: 0 0 0 12px !important; border: 0; font-size: 14px;} #homeSocials .sbi_caption_wrap:before {content: ''; display: block; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; border-radius: 50%; background-color: #fff;} .twitterFeed {scrollbar-width: auto; scrollbar-color: #00aeef rgba( 0, 0, 0, 0 );} .twitterFeed::-webkit-scrollbar {width: 16px;} .twitterFeed::-webkit-scrollbar-track {background: rgba( 0, 0, 0, 0 );} .twitterFeed::-webkit-scrollbar-thumb {background-color: #00aeef; border-radius: 10px; border: 3px solid #ffffff;} /* Accordion */ #homeTabs {margin-top: 40px;} #homeTabs, #homeTabs a {color: #fff;} #homeTabs > ul {list-style: none;} #homeTitleTabs {margin-left: 18px;} #homeTitleTabs li {display: inline-block;} #homeTitleTabs li a {display: block; padding: 12px 18px; border-radius: 6px 6px 0 0; letter-spacing: 1px; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 700;} #homeTitleTabs li a:hover, #homeTitleTabs li a.active {color: #fff!important;} #homeContentTabs {background-color: #000; z-index: 1;} #homeContentTabs > .tab {display: none; font-size: 18px; font-weight: 700; text-transform: uppercase; padding: 12px 25px; color: #b7bdc2;} #homeContentTabs > .tab:hover, #homeContentTabs > .tab.active {color: #fff;} #homeContentTabs > .tab.one {background-color: #00aeef;} #homeContentTabs > .tab.two {background-color: #7e8a94;} #homeContentTabs > .tab.three {background-color: #5a788f;} #homeContentTabs section {display: none; padding-left: 18px;} #homeContentTabs section.active {display: table; vertical-align: top; width: 100%; box-sizing: border-box;} #homeContentTabs section .leftNav {display: table-cell; vertical-align: top; padding-top: 25px; width: 365px; position: relative;} #homeContentTabs section .leftNav ul li:last-of-type{margin-bottom: 0;} #homeContentTabs section .leftNav ul li a {display: block; font-size: 16px; text-transform: uppercase; padding: 6px 18px; font-weight: 400; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-transition: background-color 0.6s; -moz-transition: background-color 0.6s; -ms-transition: background-color 0.6s; -o-transition: background-color 0.6s; transition: background-color 0.6s; } #homeContentTabs section .leftNav ul {list-style: none;} #homeContentTabs section .leftNav ul li.active a, #homeContentTabs section .leftNav ul li a:hover {margin: 0 0 0 -18px; padding-left: 36px; font-weight: 700; border-color: #000; border-color: #000;} #homeContentTabs section .leftNav a.more {display: block; position: absolute; left: 0; bottom: -45px; padding: 12px 0; width: 100%; box-sizing: border-box; border-top: 0; color: #000; font-size: 18px; font-weight: 500; text-align: center;} #homeContentTabs section .rightContent {float: right; width: 100%; max-width: 820px; height: 415px; padding: 25px 35px 35px; box-sizing: border-box; font-weight: 300; font-size: 16px; overflow: hidden;} #homeContentTabs section .rightContent > ul {list-style: none; width: 100%;} #homeContentTabs section .rightContent > ul > li, #homeContentTabs section .rightContent > ul > li:first-of-type {display: none;} #homeContentTabs section .rightContent > ul > li.active {display: list-item; width: 100%;} #homeContentTabs section .rightContent > ul > li ul {list-style: initial; padding-left: 20px; margin-bottom: 1.1em;} #homeContentTabs section .rightContent h4 {font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400; font-size: 28px; margin-bottom: 10px; color: #fff; text-transform: capitalize;} #homeContentTabs section .rightContent a.blueBtn {margin-top: 50px;} #homeContentTabs section .rightContent img.alignright {border-radius: 8px;} #homeContentTabs section .rightContent p.desc {font-style: italic; margin-top: 15px; font-weight: 400;} #homeContentTabs section .rightContent .mobileThumbnails {display: none; clear: both; color: #7e8a94; text-align: center;} #homeContentTabs section .rightContent .mobileThumbnails .thumbTitle {display: block; font-size: 16px; font-weight: 700; text-transform: uppercase;} #homeContentTabs section .rightContent .mobileThumbnails a {display: inline-block; border: 2px solid #7e8a94; width: 10px; height: 10px; border-radius: 50%; background-color: #000; margin: 8px 4px 0;} #homeContentTabs section .rightContent .mobileThumbnails a:hover, #homeContentTabs section .rightContent .mobileThumbnails a.active {background-color: #7e8a94} #homeTitleTabs li.one a {background-color: #00aeef; color: #93e2ff;} #homeContentTabs #tab01 .leftNav {background-color: #00aeef;} #homeContentTabs #tab01 .leftNav a.more {background-color: #a6e3f9; border: 1px solid #00aeef; font-weight: 400;} #homeContentTabs #tab01 .leftNav ul li.ball-valves.active a, #homeContentTabs #tab01 .leftNav ul li.ball-valves:hover a {background-color: #346498;} #homeContentTabs #tab01 .leftNav ul li.check-valves.active a, #homeContentTabs #tab01 .leftNav ul li.check-valves:hover a {background-color: #652d90;} #homeContentTabs #tab01 .leftNav ul li.guage-guards-instrumentation.active a, #homeContentTabs #tab01 .leftNav ul li.guage-guards-instrumentation:hover a {background-color: #006838;} #homeContentTabs #tab01 .leftNav ul li.pressure-regulators.active a, #homeContentTabs #tab01 .leftNav ul li.pressure-regulators:hover a {background-color: #a5cd39;} #homeContentTabs #tab01 .leftNav ul li.relief-backpressure-valves.active a, #homeContentTabs #tab01 .leftNav ul li.relief-backpressure-valves:hover a {background-color: #ec1c24;} #homeContentTabs #tab01 .leftNav ul li.shut-off-diverter-valves.active a, #homeContentTabs #tab01 .leftNav ul li.shut-off-diverter-valves:hover a {background-color: #fcb813;} #homeContentTabs #tab01 .leftNav ul li.sight-glass-level-indicators.active a, #homeContentTabs #tab01 .leftNav ul li.sight-glass-level-indicators:hover a {background-color: #f399c0;} #homeContentTabs #tab01 .leftNav ul li.solenoid-valves.active a, #homeContentTabs #tab01 .leftNav ul li.solenoid-valves:hover a {background-color: #f16522;} #homeContentTabs #tab01 .leftNav ul li.venting-valves-vacuum-breakers.active a, #homeContentTabs #tab01 .leftNav ul li.venting-valves-vacuum-breakers:hover a {background-color: #b33e96;} #homeContentTabs #tab01 .leftNav ul li.miscellaneous-controls-pumps.active a, #homeContentTabs #tab01 .leftNav ul li.miscellaneous-controls-pumps:hover a {background-color: #00a69c;} #homeContentTabs #tab01 .leftNav ul li.custom-valves.active a, #homeContentTabs #tab01 .leftNav ul li.custom-valves:hover a {background-color: #ec297b;} #homeTitleTabs li.two a {background-color: #7e8a94; color: #b7bdc2;} #homeContentTabs #tab02 .leftNav {background-color: #7e8a94;} #homeContentTabs #tab02 .leftNav a.more {border: 1px solid #7e8b94; font-weight: 400; z-index: 1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6cbd0+1,acb2b8+100 */ background: #c6cbd0; /* Old browsers */ background: -moz-linear-gradient(-45deg, #c6cbd0 1%, #acb2b8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #c6cbd0 1%,#acb2b8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #c6cbd0 1%,#acb2b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6cbd0', endColorstr='#acb2b8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #homeContentTabs #tab02 .leftNav ul li.high-purity-pressure-regulators.active a, #homeContentTabs #tab02 .leftNav ul li.high-purity-pressure-regulators:hover a {background-color: #00a69c;} #homeContentTabs #tab02 .leftNav ul li.ultra-pure-pressure-regulators.active a, #homeContentTabs #tab02 .leftNav ul li.ultra-pure-pressure-regulators:hover a {background-color: #006838;} #homeContentTabs #tab02 .leftNav ul li.zero-deadleg-instrument-isolators.active a, #homeContentTabs #tab02 .leftNav ul li.zero-deadleg-instrument-isolators:hover a {background-color: #47aed8;} #homeContentTabs #tab02 .leftNav ul li.quick-dump-valves.active a, #homeContentTabs #tab02 .leftNav ul li.quick-dump-valves:hover a {background-color: #f16522;} #homeContentTabs #tab02 .leftNav ul li.diaphragm-valves.active a, #homeContentTabs #tab02 .leftNav ul li.diaphragm-valves:hover a {background-color: #fcb813;} #homeContentTabs #tab02 .leftNav ul li.backpressure-valves.active a, #homeContentTabs #tab02 .leftNav ul li.backpressure-valves:hover a {background-color: #ec1c24;} #homeContentTabs #tab02 .leftNav ul li.lateral-reducing-valves.active a, #homeContentTabs #tab02 .leftNav ul li.lateral-reducing-valves:hover a {background-color: #ec297b;} #homeContentTabs #tab02 .leftNav ul li.process-cooling-sticks.active a, #homeContentTabs #tab02 .leftNav ul li.process-cooling-sticks:hover a {background-color: #346498;} #homeTitleTabs li.three a {background-color: #5a788f; color: #99adbd;} #homeContentTabs #tab03 .leftNav {background-color: #5a788f;} #homeContentTabs #tab03 .leftNav a.more {background-color: #c6d0d9; border: 1px solid #5a788f; font-weight: 400;} #homeContentTabs #tab03 .leftNav ul li.ball-valves.active a, #homeContentTabs #tab03 .leftNav ul li.ball-valves:hover a {background-color: #346498;} #homeContentTabs #tab03 .leftNav ul li.check-valves.active a, #homeContentTabs #tab03 .leftNav ul li.check-valves:hover a {background-color: #652d90;} #homeContentTabs #tab03 .leftNav ul li.guage-guards-instrumentation.active a, #homeContentTabs #tab03 .leftNav ul li.guage-guards-instrumentation:hover a {background-color: #006838;} #homeContentTabs #tab03 .leftNav ul li.pressure-regulators.active a, #homeContentTabs #tab03 .leftNav ul li.pressure-regulators:hover a {background-color: #a5cd39;} #homeContentTabs #tab03 .leftNav ul li.relief-backpressure-valves.active a, #homeContentTabs #tab03 .leftNav ul li.relief-backpressure-valves:hover a {background-color: #ec1c24;} #homeContentTabs #tab03 .leftNav ul li.shut-off-diverter-valves.active a, #homeContentTabs #tab03 .leftNav ul li.shut-off-diverter-valves:hover a {background-color: #fcb813;} #homeContentTabs #tab03 .leftNav ul li.sight-glass-level-indicators.active a, #homeContentTabs #tab03 .leftNav ul li.sight-glass-level-indicators:hover a {background-color: #f399c0;} #homeContentTabs #tab03 .leftNav ul li.solenoid-valves.active a, #homeContentTabs #tab03 .leftNav ul li.solenoid-valves:hover a {background-color: #f16522;} #homeContentTabs #tab03 .leftNav ul li.venting-valves-vacuum-breakers.active a, #homeContentTabs #tab03 .leftNav ul li.venting-valves-vacuum-breakers:hover a {background-color: #b33e96;} #homeContentTabs #tab03 .leftNav ul li.miscellaneous-controls-pumps.active a, #homeContentTabs #tab03 .leftNav ul li.miscellaneous-controls-pumps:hover a {background-color: #00a69c;} #homeContentTabs #tab03 .leftNav ul li.custom-valves.active a, #homeContentTabs #tab03 .leftNav ul li.custom-valves:hover a {background-color: #ec297b;} /* Diagram */ #diagramWrapper {background: #fff url("/source/cdd9abf653b40b1362606e244497fd90/bgr_diagram.jpg'") no-repeat center bottom / cover; height: auto; padding: 0 0 150px;} #diagramWrapper.tab02 {background: #fff url("/source/d1ab4f704e1e99790bc28c79ccd9b7d5/bgr_dots.png'");} #diagramWrapper.noBgr {background: #fff;} #diagramWrapper .diagramImages {display: none; position: relative; overflow: hidden;} #diagramWrapper .diagramImages.tab01 {padding-top: 70px;} #diagramWrapper .diagramImages.tab02 {padding-top: 0;} #diagramWrapper .diagramImages.tab03 {padding-top: 75px;} #diagramWrapper .diagramImages.active {display: block;} #diagramWrapper .tab01 .diagramList {position: relative; height: 800px;} #diagramWrapper .tab02 .diagramList {position: relative; height: 990px;} #diagramWrapper .tab03 .diagramList {position: relative; height: 800px;} #diagramWrapper .diagramList img {position: absolute; top: 0; left: 0; right: 0; opacity: 0; margin: 0 auto; max-width: 100%; height: auto; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -ms-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } #diagramWrapper .diagramList img.active {opacity: 1;} #diagramWrapper .diagramImages .single-parts a {display: block; z-index: -1; position: absolute; top: 20px; right: 100px; padding: 20px; border-radius: 20px; width: 220px; box-sizing: border-box; margin-right: -100px; opacity: 0; -webkit-transition: opacity 0.6s, margin 0.5s; -moz-transition: opacity 0.6s, margin 0.5s; -ms-transition: opacity 0.6s, margin 0.5s; -o-transition: opacity 0.6s, margin 0.5s; transition: opacity 0.6s, margin 0.5s; } #diagramWrapper .diagramImages .single-parts a.active {margin-right: 0; opacity: 1; z-index: 1;} #diagramWrapper .diagramImages .single-parts a .part-title {display: block; color: #fff; font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400; font-size: 18px; text-transform: uppercase; margin-bottom: 30px;} #diagramWrapper .diagramImages .single-parts img {display: block; max-width: 100%; height: auto; margin: 0 auto; border-radius: 10px;} #diagramWrapper .diagramImages .single-parts a.ball-valves {background-color: #346498;} #diagramWrapper .diagramImages .single-parts a.check-valves {background-color: #652d90;} #diagramWrapper .diagramImages .single-parts a.guage-guards-instrumentation {background-color: #006838;} #diagramWrapper .diagramImages .single-parts a.pressure-regulators {background-color: #a5cd39;} #diagramWrapper .diagramImages .single-parts a.relief-backpressure-valves {background-color: #ec1c24;} #diagramWrapper .diagramImages .single-parts a.shut-off-diverter-valves {background-color: #fcb813;} #diagramWrapper .diagramImages .single-parts a.sight-glass-level-indicators {background-color: #f399c0;} #diagramWrapper .diagramImages .single-parts a.solenoid-valves {background-color: #f16522;} #diagramWrapper .diagramImages .single-parts a.venting-valves-vacuum-breakers {background-color: #b33e96;} #diagramWrapper .diagramImages .single-parts a.miscellaneous-controls-pumps {background-color: #00a69c;} #diagramWrapper .diagramImages .single-parts a.custom-valves {background-color: #ec297b;} #diagramWrapper .diagramImages .single-parts a.high-purity-pressure-regulators {background-color: #00a69c;} #diagramWrapper .diagramImages .single-parts a.ultra-pure-pressure-regulators {background-color: #006838;} #diagramWrapper .diagramImages .single-parts a.zero-deadleg-instrument-isolators {background-color: #47aed8;} #diagramWrapper .diagramImages .single-parts a.quick-dump-valves {background-color: #f16522;} #diagramWrapper .diagramImages .single-parts a.diaphragm-valves {background-color: #fcb813;} #diagramWrapper .diagramImages .single-parts a.backpressure-valves {background-color: #ec1c24;} #diagramWrapper .diagramImages .single-parts a.lateral-reducing-valves {background-color: #ec297b;} #diagramWrapper .diagramImages .single-parts a.process-cooling-sticks {background-color: #346498;} /*** PAGE STYLES ***/ /* Blue */ #blueWrapper {background: url("/source/26f6bda9f460ca24156362a37dffe790/bgr_blue.jpg");} #blueWrapper .title {padding: 30px 0 20px; color: #fff; font-size: 40px; font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400;} #blueWrapper .snippet {width: auto; max-width: 525px; color: #fff;} #blueWrapper #breadcrumbs a:hover {color: #fff;} /* Gray */ #grayWrapper {background: #edf0f2;} /* White Dot */ body #whiteDotWrapper {background: #fff url("/source/f3d848139db07c7241b7cab19f42aa1f/bgr_dots.png") repeat; overflow: auto;} body.blog #whiteDotWrapper, body.category #whiteDotWrapper, body.single-post #whiteDotWrapper, body.post-type-archive-cpt_distributors #whiteDotWrapper {padding-bottom: 90px;} body #content {width: 100%;} body #content.w750 {max-width: 750px;} body #content.sidebar {width: 45%; max-width: 540px; float: left;} body.blog #content, body.category #content, body.single-post #content {width: 90.25%; max-width: 722px; padding-bottom: 110px;} body.post-type-archive-cpt_distributors #content {width: 53.67%; max-width: 664px; padding: 50px 0 110px;} body.single-cpt_products #content.sidebar {width: 65%; max-width: 780px; max-width: none; float: right;} body.blog #content img {display: block; margin: 0 auto; max-width: 100%; height: auto;} #content ul, #content ol {padding-left: 35px; margin-bottom: 1.1em;} #content ul ul, #content ol ol {padding-left: 30px; margin-bottom: 0;} #content ul.downloads {padding: 0; margin-bottom: 1.1em; border-top: 1px solid #7e8a94; list-style: none;} #content ul.downloads li {padding: 10px 0; border-bottom: 1px solid #7e8a94; position: relative; line-height: 20px;} #content ul.downloads li a {display: block; color: #000; padding-left: 15px;} #content ul.downloads li a:hover {color: #00aeef;} #content ul.downloads li:before {display: block; font-family: FontAwesome; content: "\f101"; width: 15px; color: #00aeef; position: absolute;} /* Table Styles */ table.classicTable {width: 100%; margin-bottom: 25px;} table.classicTable th {padding: 8px; background-color: #7e8a94; color: #fff; text-align: middle; font-size: 16px;} table.classicTable tr.title {background: #d8dadc; color: #4f687b;} table.classicTable td.title {background: #d8dadc;} table.classicTable td {padding: 8px; background: #fff; color: #4f687b;} /* Breadcrumbs */ #breadcrumbs {font-size: 14px; color: #00aeef; font-weight: 700; padding: 40px 0 51px 0; text-transform: uppercase;} body.post-type-archive-cpt_distributors #breadcrumbs {position: absolute; top: 72px;} body.post-type-archive-cpt_distributors #breadcrumbs a:hover {color: #fff;} #blueWrapper #breadcrumbs {padding: 40px 0 20px;} #breadcrumbs a {font-weight: 400;} #breadcrumbs .divider {font-weight: 400; padding: 0 5px;} /* Pagination Styles */ #content .pagination {float: right;} #content .pagination.top {margin-top: 20px;} #content .pagination.bot {margin-top: 1.1em; clear: both;} #content .pagination a {margin-bottom: 4px;} #content .pagination a.next, #content .pagination a.prev {font-weight: bold;} #content .pagination .page-text {padding: 0 10px; color: #00aeef; text-transform: uppercase;} #content .pagination .page-numbers {width: 34px; height: 34px; display: inline-block; margin-right: 10px; line-height: 34px; background: #7e8a94; color: #fff; font-weight: 500; text-align: center; border-radius: 50%;} #content .pagination a.page-numbers:hover {color: #fff; background-color: #00aeef; text-decoration: none;} #content .pagination .current {color: #fff; background-color: #00aeef;} #content .next-prev a {color: #00aeef; text-transform: uppercase;} #content .next-prev a span {width: 34px; height: 34px; display: inline-block; margin-right: 10px; line-height: 34px; background: #00aeef; color: #fff; font-weight: 500; text-align: center; border-radius: 50%;} #content .next-prev a.prev span {margin-right: 10px;} #content .next-prev a.next span {margin-left: 10px;} #taxWrapper #content .pagination {float: none; text-align: center;} /* About - Mission Styles */ #missionWrapper {padding-bottom: 55px; background: #00aeef;} #mission {padding: 100px 0 145px; background: url("/source/62f25728328360f93fb189928e718415/bgr_about_mission.jpg") no-repeat top;} #missionContent {padding: 50px 0; width: 59.86%; max-width: 820px; color: #fff; text-align: center;} #missionContent h1 {font-size: 23px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: 'Ubuntu', sans-serif;} #missionContent .bar {width: 84px; height: 2px; margin: 30px auto; background: #fff;} #missionContent .circles {float: right; margin-top: -290px;} /* Blog Template Sidebar */ #blogWrapper {display: table; width: 100%;} #postsWrapper .post {margin: 40px 0; border-bottom: 1px solid #7e8a94;} #postsWrapper .post .date {margin: 0 30px 10px 30px;} #postsWrapper .post h1 {font-size: 26px; font-family: 'Ubuntu', sans-serif; margin: 0 30px 15px 30px;} #postsWrapper .post h1 a {color: #4f687b;} #postsWrapper .post h1 a:hover {color: #00aeef;} /*#postsWrapper .post img {border-radius: 10px; border: 1px solid #4f687b;} */ #postsWrapper .post img.noBorder {border-radius: none; border: none;} #postsWrapper .post img:hover {opacity: 0.75; filter: alpha(opacity=75);} #postsWrapper .post .entry {margin: 15px 30px 40px 30px;} #postsWrapper img.attachment-blog_featured {display: block; margin: 0 auto;} /* Map Styles */ #distMapImage {width: 4706px; height: 2359px;} #mapWrapper {width: 100%; height: 643px; background: rgb(1,110,150); background: -moz-linear-gradient(top, rgba(1,110,150,1) 0%, rgba(0,174,239,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,110,150,1)), color-stop(100%,rgba(0,174,239,1))); background: -webkit-linear-gradient(top, rgba(1,110,150,1) 0%,rgba(0,174,239,1) 100%); background: -o-linear-gradient(top, rgba(1,110,150,1) 0%,rgba(0,174,239,1) 100%); background: -ms-linear-gradient(top, rgba(1,110,150,1) 0%,rgba(0,174,239,1) 100%); background: linear-gradient(to bottom, rgba(1,110,150,1) 0%,rgba(0,174,239,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016e96', endColorstr='#00aeef',GradientType=0 ); } #mapWrapper #map {width: 100%; height: 715px; overflow: hidden; position: relative; top: -72px;} #mapGrid {background: url("/source/4bd740df38f0c7e11ad94e309dd9b7a1/bgr_map_grid.png") repeat top;} #mapContent > img {position: absolute; bottom: 0; box-shadow: 0 0 15px 2px rgba( 255, 222, 0, 0.8 ); border-radius: 5px 5px 0 0; animation: controlPulse infinite 2s; -webkit-animation: controlPulse infinite 2s; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } body.post-type-archive-cpt_distributors .select2-container--default .select2-selection--single {border-color: #edf0f2;} @-webkit-keyframes controlPulse { 0% { box-shadow: 0 0 15px 2px rgba( 255, 222, 0, 0.8 ); } 50% { box-shadow: 0 0 15px 8px rgba( 255, 222, 0, 0.8 ); } 100% { box-shadow: 0 0 15px 2px rgba( 255, 222, 0, 0.8 ); } } @keyframes controlPulse { 0% { box-shadow: 0 0 15px 2px rgba( 255, 222, 0, 0.8 ); } 50% { box-shadow: 0 0 15px 8px rgba( 255, 222, 0, 0.8 ); } 100% { box-shadow: 0 0 15px 2px rgba( 255, 222, 0, 0.8 ); } } /* Search Styles */ .search .hentry {margin: 30px 0; border-bottom: 1px solid #7e8a94;} .search .hentry h2 {margin: 0 0 4px;} body.search #content .pagination {float: none; text-align: center;} #stateSelectMobile {display: none;} #stateSelectMobile + span {display: none;} /** Social Feeds **/ #socialFeeds {-webkit-justify-content: space-between; justify-content: space-between;} #socialFeeds > * {width: 48%;} /* Twitter */ #socialFeeds #ctf a, #socialFeeds #ctf .ctf-header p, #socialFeeds #ctf .ctf-header .ctf-header-screenname, #socialFeeds #ctf .ctf-tweet-text {font-size: 14px; font-weight: 300;} #socialFeeds #ctf .ctf-item, #socialFeeds #ctf .ctf-header {border-color: #7e8a94;} #socialFeeds #ctf .ctf-header-name {color: #00aeef;} #socialFeeds #ctf a:hover, #socialFeeds #ctf .ctf-header-name:hover {color: #4f687b;} #socialFeeds #ctf .ctf-author-name, #socialFeeds #ctf .ctf-author-screenname {color: #00aeef !important;} #socialFeeds #ctf .ctf-author-name:hover, #socialFeeds #ctf .ctf-author-screenname:hover {color: #4f687b !important;} #socialFeeds #ctf .ctf-header-bio {color: #000;} #socialFeeds #ctf .ctf-author-avatar {-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 1px solid #848f99;} #socialFeeds #ctf .ctf-header-img, #socialFeeds #ctf .ctf-header-img-hover, #socialFeeds #ctf .ctf-header-generic-icon, #socialFeeds #ctf .ctf-header-img img {-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} #socialFeeds #ctf .ctf-header-img {border: 1px solid #848f99;} #socialFeeds #ctf .ctf-header-counts, #socialFeeds #ctf .ctf-header-follow {display: none;} /* Instagram */ #socialFeeds #sb_instagram .sbi_follow_btn {text-align: left;} #socialFeeds #sb_instagram .sbi_follow_btn a {margin-top: 0; margin-bottom: 20px;} #socialFeeds #sb_instagram .sbi_header_text h3 {font-weight: 700; color: #00aeef;} #socialFeeds #sb_instagram .sbi_header_text h3:hover {color: #4f687b;} #socialFeeds #sb_instagram .sb_instagram_header p {font-size: 14px; font-weight: 300; color: #000;} #socialFeeds #sb_instagram .sb_instagram_header, #socialFeeds #sb_instagram.sbi_col_1 #sbi_images .sbi_item {border-bottom: 1px solid #7e8a94; padding-bottom: 30px !important; margin-bottom: 20px !important;} #socialFeeds #sb_instagram .sbi_info {text-align: left;} #socialFeeds #sb_instagram .sbi_follow_btn a {padding: 4px 14px;} #socialFeeds #sb_instagram .sbi_header_text .sbi_bio_info {display: none;} /* Buttons */ #socialFeeds #ctf #ctf-more, #socialFeeds #sb_instagram #sbi_load .sbi_load_btn {display: block; width: 100%; padding: 16px 0; box-sizing: border-box; font-size: 16px !important; font-weight: 400 !important; text-transform: uppercase; background-color: #00aeef; color: #fff;} /*** PRODUCT STYLES ***/ #content span.default-img, #content div.default-img {display: block; width: 270px; height: 270px; background: #ccc;} /* Listing Styles */ #productsWrapper {display: flex; flex-wrap: wrap; justify-content: center; padding: 30px 0 10px;} #productsWrapper .product {width: 270px; padding: 20px 15px; font-size: 14px; font-weight: 400;} #productsWrapper .product img {border: 1px solid #7e8a94; display: block;} #productsWrapper .product .nameWrap {display: table; width: 270px; min-height: 65px; background: #00aeef; color: #fff; text-align: center; float: left; border-left: 1px solid #7e8a94; border-right: 1px solid #7e8a94; border-bottom: 1px solid #7e8a94;} #productsWrapper .product .name {display: table-cell; vertical-align: middle; text-align: center; padding: 10px 15px;} #productsWrapper .product a:hover img {opacity: 0.75; filter: alpha(opacity=75);} #productsWrapper .product a:hover .name {background: #ffde00; color: #000;} /* Listing Terms List */ #purrito .category {padding-top: 20px; margin-top: 20px; border-top: 1px solid #4f687b;} #purrito .category.first {border-top: 0;} /*#purrito .cat-img {float: left; display: block; width: 270px; border: 1px solid #4f687b; margin-right: 20px;}*/ #purrito .cat-img {float: left; display: block; width: 270px; margin-right: 20px;} #purrito .cat-img img {display: block; max-width: 100%; height: auto;} #purrito .cat-content {float: left; width: 58%; max-width: 600px; padding-top: 20px;} #purrito .cat-content h2 a {color: #4f687b;} #purrito .cat-content a {font-weight: 400;} #purrito .cat-content a.pdf {display: inline-block; text-align: center; padding: 0 8px; margin: 0 12px 12px; width: 100px; vertical-align: top;} #purrito .cat-content a.pdf img {display: block; margin: 0 auto 4px; max-width: 100%; height: auto;} /* Mobile Terms */ #mobile_pp_terms {display: none; background: #00aeef; padding: 20px 10px; clear: both;} #mobile_pp_terms ul {list-style: none; padding: 0; margin: 0;} #mobile_pp_terms ul li a {display: block; color: #fff; padding: 10px 0;} /* Black Search Styles */ #productSearchWrapper {background: #000;} #productSearch {padding: 20px 0; font-size: 16px; font-style: italic; font-weight: 400; color: #fff;} #productSearch #spronum {float: left;} #productSearch #searchText {margin-top: 12px; padding-right: 20px; float: left;} #productSearch .search-go {width: 40px; height: 40px; margin-left: 8px; float: right; border-radius: 50%; background: #00aeef; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 400;} #productSearch .search-go:hover {background: #ffde00; color: #000;} #productSearch #spronum .search-field {padding: 12px 41px 12px 12px; font-size: 16px; font-weight: 400; border-radius: 5px;} #productSearch #spronum ::-webkit-input-placeholder {color: #000; font-family: 'Ubuntu', sans-serif; font-weight: 400;} #productSearch #spronum :-moz-placeholder {color: #000; font-family: 'Ubuntu', sans-serif; font-weight: 400;} #productSearch #spronum ::-moz-placeholder {color: #000; font-family: 'Ubuntu', sans-serif; font-weight: 400;} #productSearch #spronum :-ms-input-placeholder {color: #000; font-family: 'Ubuntu', sans-serif; font-weight: 400;} #sprofilters {font-style: normal;} #sprofilters .ppsWrap.middle {margin-top: 20px;} #sprofilters .ppsWrap.last {margin-top: 20px;} #sprofilters .ppsLabels {float: left; padding-left: 30px; margin-top: 12px;} #sprofilters .ppsFieldList {float: right; width: 1105px;} #sprofilters .ppsFieldList .select2-container {margin-left: 1.3%;} #sprofilters select {display: block; border: 0;} #sprofilters #ppsFields > span:nth-of-type( 6 ), #sprofilters #ppsFields > span:nth-of-type( 7 ) {margin-top: 20px;} #sprofilters #tax_select_ps, #sprofilters #tax_select_gs {width: 160px;} #sprofilters #tax_select_bm, #sprofilters #tax_select_sm, #sprofilters #tax_select_ct {width: 195px;} #sprofilters #tax_select_d, #sprofilters #tax_select_ic {width: 260px;} #sprofilters #tax_select_ps + span.select2-container--open .select2-selection, #sprofilters #tax_select_gs + span.select2-container--open .select2-selection {width: 162px;} #sprofilters #tax_select_bm + span.select2-container--open .select2-selection, #sprofilters #tax_select_sm + span.select2-container--open .select2-selection, #sprofilters #tax_select_ct + span.select2-container--open .select2-selection {width: 197px;} #sprofilters #tax_select_d + span.select2-container--open .select2-selection, #sprofilters #tax_select_ic + span.select2-container--open .select2-selection {width: 262px;} #ppsPartNum input {width: 260px; box-sizing: border-box; margin-left: 1.4%; padding: 10px 8px; border-radius: 6px; font-family: 'Ubuntu', serif; font-weight: 400; font-size: 18px;} #ppsLinks a {display: inline-block; font-family: 'Ubuntu', serif; font-weight: 400; font-size: 16px;} #ppsLinks a.viewBtn {text-transform: uppercase; color: #000; padding: 18px 70px; background: #ffde00; margin: 0 1.4%; border-radius: 6px;} #ppsLinks a.clearBtn {color: #ffde00;} /* Category Side Styles */ #catWrapper {display: table; width: 100%;} #catWrapper #catSidebar, #catWrapper #blueContent {display: table-cell; vertical-align: top;} #catWrapper #mobileBlueContent {display: none; color: #fff;} #catSidebar {position: relative; width: 300px; height: auto; padding: 40px 30px 80px; box-sizing: border-box; background: #00aeef; font-size: 16px; font-weight: 400;} #catSidebar.noproducts {padding-bottom: 20px;} #catSidebar .catTitle {text-transform: uppercase; color: #000;} #catSidebar ul {list-style: none; position: relative;} #catSidebar ul ul {display: none;} #catSidebar li {border: none;} #catSidebar li a {padding: 4px 0; color: #fff; display: block;} #catSidebar li a:hover {color: #ffde00;} #catSidebar > ul > li.current-cat-parent > ul, #catSidebar > ul > li.current-cat > ul {display: block;} #catSidebar > ul > li.current-cat-parent > a, #catSidebar > ul > li.current-cat > a {font-weight: 700; color: #fff;} #catSidebar > ul > li > ul > li.current-cat a, #catSidebar > ul > li > ul > li a:hover, #catSidebar > ul > li > ul > li.current-cat a:hover {color: #ffde00; font-weight: 500;} #catSidebar > ul > li > ul > li.current-cat a:before, #catSidebar > ul > li > ul > li a:hover:before, #catSidebar > ul > li > ul > li.current-cat a:hover:before {color: #ffde00; content: "\f0da"; font-family: 'FontAwesome'; display: block; position: absolute; left: 0;} #catSidebar ul ul {list-style: none; padding-left: 20px;} #catSidebar ul ul li a {padding: 4px 0; color: #fff; display: block;} #catSidebar ul ul li a.selected {color: #ffde00; font-weight: 500;} #catSidebar ul ul li a:hover {color: #ffde00;} #catSidebar .line {width: 50px; height: 2px; margin: 20px 0; background: #fff;} #catSidebar #findpart {position: absolute; bottom: 15px; color: #000; font-family: 'Ubuntu', serif; font-weight: 400; text-transform: uppercase;} #catSidebar.noproducts #findpart {display: none;} #blueContent {float: left; width: 525px; color: #fff; margin: 0 0 30px 50px;} /* Individual Product Accordion */ #sidebar #productImage {background: #fff; border-radius: 12px; padding: 15px;} #sidebar #productImage a {display: block; border: 1px solid #7e8a94; overflow: hidden;} #sidebar #productImage img {max-width: 100%; height: auto; float: none;} #sidebar #productImage img.img-default {border: 1px solid #7e8a94;} .zoomLens {cursor: pointer!important;} #partInfo #partNumber {float: left;} #partInfo #partPrice {text-align: right; font-size: 40px; color: #4f687b; font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400; float: right;} #partInfo #partPrice .small {font-size: 14px; font-weight: 500; font-family: 'Ubuntu', sans-serif; font-style: italic;} #partInfo #mobileProductImage {display: none;} #productTabs {margin-top: 40px;} #productTabs .line {width: 32px; height: 2px; margin: 20px 0; background: #9ea7ae;} #content #productTitleTabs {padding: 0; margin-bottom: 40px; border-bottom: 1px solid #7e8a94;} #productTitleTabs li {display: inline-block;} #productTitleTabs li a {display: block; padding: 12px 27px; letter-spacing: 1px; text-transform: uppercase; color: #a9b2b9; font-size: 18px; font-weight: 700; background: #7e8a94; border-radius: 6px 6px 0 0;} #productTitleTabs li a:hover, #productTitleTabs li.active a {color: #fff; background: #00aeef;} #productContentTabs section {display: none; padding: 0 18px;} #productContentTabs section.active {display: block;} #productContentTabs #specs {width: 39.38%; max-width: 300px; float: left;} #productContentTabs #files {width: 53%; max-width: 375px; float: right;} #productContentTabs #files .fileCol {width: 160px; padding-bottom: 40px; text-align: center; float: left;} #productContentTabs #files .fileCol img:hover {opacity: 0.75; filter: alpha(opacity=75);} #productContentTabs #files .fileCol a {text-transform: uppercase; font-size: 16px; font-weight: 400;} /*** APPLICATION/BULLETIN STYLES ***/ /* General */ #anchorBtns, #anchorCols {width: 100%;} #anchorBtns .col, #anchorCols .col {float: left; max-width: 380px; width: 31.67%; margin-right: 2.4%;} #anchorBtns .col.last, #anchorCols .col.last {margin-right: 0;} #anchorBtns .col .btn {display: block; width: auto;} #anchorCols {margin-top: 15px;} /** Accordion Styles **/ #anchorCols .accordion h5 {padding: 12px 20px; margin: 0 0 0 0; cursor: pointer; background: #d8dadc; color: #4f687b; font-size: 16px; text-align: center; position: relative;} #anchorCols .accordion h5.active, #anchorCols .accordion h5:hover {background: #ccc;} #anchorCols .accordion_block {padding: 15px 30px; background: #fff; color: #4f687b;} #anchorCols .accordion_block p {margin: 0;} #anchorCols .accordion_block ul {list-style: none; margin: 0; padding: 0;} #anchorCols .accordion_block ul li {padding-bottom: 25px;} #anchorCols .accordion_block ul li:last-of-type {padding-bottom: 0;} #anchorCols .accordion_block .title {color: #00aeef; font-weight: 400;} #anchorCols .accordion_block .title a {font-weight: 700;} /*** SIDEBAR STYLES ***/ body #sidebar {width: 50.95%; max-width: 565px; margin-top: -72px; float: right;} body.blog #sidebar, body.category #sidebar, body.page-template-template-bulletins #sidebar, body.page-template-template-articles #sidebar, body.single-post #sidebar {width: 320px; padding: 50px 40px; margin: 0; background: #edf0f2; float: none; display: table-cell; vertical-align: top;} body.post-type-archive-cpt_distributors #sidebar {width: 480px; padding-top: 50px; margin: 0; float: right; display: table-cell; vertical-align: top;} body.single-cpt_products #sidebar {width: 300px; margin: 0; float: left; display: table-cell; vertical-align: top;} body.page-template-template-full-bgrs #sidebar figure img {margin-bottom: 0;} #sidebar img {display: block; max-width: 100%; height: auto; float: right;} #sidebar h4 {color: #000; font-weight: 700;} #sidebar figure img {display: block; margin-bottom: 8px;} #sidebar figcaption {clear: both; font-size: 12px; font-weight: 400; font-style: italic;} #sidebar ul {list-style: none; padding-bottom: 50px;} #sidebar ul li.current_page_item a {color: #C7835C;} #sidebar ul li {border-bottom: 1px solid #7e8a94; padding: 15px 0;} #sidebar ul li a {display: block; font-weight: 400;} #sidebar div.categories ul li {border: 0; padding: 5px 0; color: #00aeef;} #sidebar div.categories ul li a {display: inline-block;} /*** FORM STYLES ***/ /** Forms General **/ .contact input[type="text"], .contact input[type="tel"], .contact input[type="email"], .contact textarea {box-sizing: border-box; width: 100%;} .contact p {margin-bottom: 10px;} .contact input.wpcf7-captchar, .contact .area, .contact .input {padding: 4px 8px;} .contact span.wpcf7-form-control-wrap {display: inline-block; width: 100%;} .contact img.wpcf7-captchac {position: relative; top: 4px; vertical-align: top; padding-right: 10px;} /** Contact Page Form **/ #form_contact {clear: both; padding-top: 20px;} #form_contact span.cnt-fname, #form_contact span.cnt-phone {margin-right: 4%;} #form_contact span.cnt-fname, #form_contact span.cnt-phone, #form_contact span.cnt-lname, #form_contact span.cnt-email {width: 48%;} #form_contact span.cnt-captcha {width: 38%;} #form_contact #cnt-submit {float: right;} /*** FOOTER STYLES ***/ #footerWrapper {background: url("/source/ef20601cbb40e9121ff686b050c1271f/bgr_footer.png'") no-repeat center top / cover; color: #fff; margin-top: -7%;} #footerWrapper ul {list-style: none;} #mainFooter {padding-top: 65px;} #footerCols {border-bottom: 1px solid #fff; padding: 30px; font-size: 14px;} #footerCols .footerCol {display: none; float: left; margin-left: 7%; width: 19.70%;} /* Ensure we only show _4_ widgets */ #footerCols .footerCol.widget-1, #footerCols .footerCol.widget-2, #footerCols .footerCol.widget-4, #footerCols .footerCol.widget-3 {display: block;} #footerCols .footerCol:first-of-type{margin-left: 0;} #footerCols .footerCol a {color: #fff;} #footerCols .footerCol a:hover {color: #ffde00;} #footerCols .footerCol .colTitle {display: block; font-weight: 500; font-size: 14px; text-transform: uppercase; margin-bottom: 18px;} #footerBot {margin-top: 30px; padding: 0 30px 20px;} #footerBot #mobileFooterNav {display: none;} #footerBot #mobileFooterNav li a {display: block; text-transform: uppercase; color: #fff; padding: 10px 0;} #footerBot #footerNav {float: left;} #footerBot #footerNav li {display: inline-block; border-left: 1px solid #fff;} #footerBot #footerNav li a {display: block; color: #fff; padding: 0 8px; font-size: 14px; font-weight: 300;} #footerBot #footerNav li a:hover {color: #ffde00;} #footerBot #footerNav li:first-of-type {border-left: 0;} #footerBot #footerNav li:first-of-type a {padding-left: 0;} #footerBot #credits {float: right; font-size: 14px; font-weight: 300; margin-top: 2px;} #footerBot #credits a {color: #fff;} #footerBot #credits a:hover {color: #ffde00;} #videoleft{ width:55%; float:left; } #videoFrame{ width:40%; float:right; }