/* Theme Name: Transhield 2021 Template: bootstrap-basic Version: 5.24 */ @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@500;700&display=swap'); html, body {width:100%;overflow-x:hidden;} html.modal-opened {overflow:hidden;} .screen-reader-text {display:none;} body {font-family: 'Montserrat', sans-serif;font-weight:500;font-size: 16px;line-height:1.5em;color:#003057;} body.custom-background {background-position: top center !important;background-repeat: no-repeat !important; } sup {font-size: 50%;top:-0.75em} /*li {margin:0 0 0.75em 0;}*/ img {max-width:100%;height:auto;} strong, b, .strong {font-weight:600;font-size:110%;} ol, ul {padding-left:1.5em;} .maintop {height:90px; background-color: #003057; position:fixed;top:0;width:100%;z-index: 100;padding: 0 0 15px 0; z-index: 992;} .headerspacer {height:100px;} .alert-banner {text-decoration: none !important;display:block;position:relative;z-index:1;min-height:40px;overflow:hidden;height:auto;color:#ffffff;background-color:#EAAA00;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .alert-message {font-weight: 700;font-size:15px;line-height: 1.25em;margin:0;padding:10px;} .alert-banner a {color:#003057 !important;} .alert-banner i {cursor:pointer;position:absolute;z-index:99;right: 10px;top: 10px;font-size: 20px;} .alert-banner.closed {height:0px;min-height: unset;} .nav.navbar-nav {text-align: right;} .nav>li { position: relative; display: inline-block; float: none !important; } .gform_wrapper.gravity-theme .gfield{ width: 100%; } .navbar-default {background-color: transparent;border-color: transparent;margin: 5px 0 0 0;background-image:none;filter: none;background-repeat: no-repeat;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;} .navbar-default .navbar-collapse, .navbar-default .navbar-form {border:none;} .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color:#EAAA00;background-color: transparent;} .navbar-collapse.in {overflow-y:visible;} .navbar-nav {float:right;} .navbar-default .navbar-nav>.active>a, li.current-menu-ancestor, li.current-menu-parent {color: #ffffff !important;} .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #EAAA00 !important;} .navbar-default .navbar-nav>.active>a:after, li.current-menu-ancestor:after, li.current-menu-parent:after, .navbar-default .navbar-nav>.active>a:focus:after, .navbar-default .navbar-nav>.active>a:hover:after {content:'';position:absolute;bottom:0;left:25px;height:3px;width:calc(100% - 50px);background-color:#EAAA00;} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #ffffff !important;} .navbar-default .navbar-nav>li>a {-webkit-transition: color 750ms; transition: color 750ms;color: #ffffff;font-size:16px; padding: 10px 25px;} .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {background:none !important;-webkit-box-shadow:none;box-shadow:none;background-image:none;} .navbar-default .navbar-toggle {float:right;border: none !important;background-color: transparent !important;} .navbar-default .contact-icon {display:block;width: 45px;height:auto;float: right;margin-top: 10px;margin-right: 30px;padding: 5px 0 0 12px;} .navbar-default .contact-icon svg path {-webkit-transition: all 750ms; transition: all 750ms;} .navbar-default .contact-icon:hover svg path {fill:#DDDDDD;} /*ol, ul {margin:0 0 18px 0;}*/ .dropdown-menu {padding:0;border: none;border-radius:0;min-width:225px;background-color:transparent;margin-top:8px !important;} .dropdown-menu.opened {display:block;} /*.dropdown-menu:before {display:block;margin:0;padding:0;height:10px;background-color:#EAAA00;width:82%;content:" ";}*/ .dropdown-submenu .dropdown-menu::before {content:none;} .dropdown-menu li a {line-height: 1.5em;color:#ffffff;text-transform: uppercase;background-color: #0076D6;border-top: 1px solid #fff;padding: 12px 20px;} .dropdown-menu li a:focus, .dropdown-menu li a:hover, .dropdown-menu .active a, .dropdown-menu .active a:focus, .dropdown-menu .active>a:hover, .dropdown-menu li.current-menu-ancestor a.dropdown-toggle, .dropdown-menu li.current-menu-parent a.dropdown-toggle {background-color: #003057;background-image: none;color: #ffffff;} .dropdown-menu li.current-menu-ancestor:after, .dropdown-menu li.current-menu-parent:after {content:none !important;} /* li.current-menu-ancestor a {color: #ffffff !important;border-bottom:1px solid #EAAA00;} li.current-menu-ancestor.dropdown-submenu a, li.current-menu-ancestor li.dropdown-submenu a {color:#000000 !important;border-bottom:none !important;} li.current-menu-ancestor .dropdown-menu li a {color:#000000 !important;border-bottom:none !important;} li.current-menu-ancestor .dropdown-menu li.current-menu-item a {color: #EAAA00 !important;} .dropdown-menu {top: 64px;padding: 0;background-color: #EAAA00;border: none;border-radius: 0px;-webkit-box-shadow: none;box-shadow: none;} .dropdown-menu li {margin:0 !important;} .dropdown-menu li a {padding: 10px 20px 10px 10px;border-bottom:1px solid #ffffff;-webkit-transition: color .3s ease-in-out;-moz-transition: color .3s ease-in-out;-ms-transition: color .3s ease-in-out;-o-transition: color .3s ease-in-out;transition: color .3s ease-in-out;} .dropdown-menu li a:focus, .dropdown-menu li a:hover, .dropdown-menu li.current-menu-item a, li.current-menu-ancestor li.dropdown-submenu li.current-menu-item a {background-color: transparent;background-image: none;filter: none;color:#ffffff !important;} .dropdown-menu li.current-menu-item.menu-item-type-post_type_archive a {color:#333 !important;} .dropdown-menu li.current-menu-item.menu-item-type-post_type_archive a:hover {color:#EAAA00 !important;} .dropdown-menu .active a, .dropdown-menu .active a:focus, .dropdown-menu .active a:hover, .dropdown-menu li.menu-item-type-post_type_archive a:focus, .dropdown-menu li.menu-item-type-post_type_archive a:hover {background-color: #transparent;background-image:none;filter:none;color:#003057;} .dropdown-menu .active.menu-item-type-post_type_archive a {background-color:transparent ;background-image:none ;filter:none ;color: #333; } .dropdown-menu li a:last-child { border-bottom:none !important; } */ .dropdown-submenu{position:relative;} .dropdown-submenu>.dropdown-menu{top: -5%;left:100%;border-left:1px solid #a8a8a8;} .dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {display: block;margin-top: 2px !important;} .dropdown-submenu>a:after{display: block;content: "\f105";font-family: "FontAwesome";float: right;width: 0;height: 0;} .dropdown-submenu:active>a:after{border-left-color:#ffffff;} .dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;} .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {border-color: #a67c0c;} .caret {display: inline;width: 0;height: 0;margin-left: 5px;vertical-align: middle;border-top: none;border-top: none;border-right: none;border-left: none;} .caret:after {font-family:"FontAwesome";content: "\f107";} .logo-wrapper {z-index:2000;padding-left: 15px !important;padding-top: 20px !important;} .logo {margin: 0 0 0 0;max-width: 100%;} .navbar-right-dropdown {/*display:none;*/} #navbar-right {text-align:right;float:right;} #navbar-right .genericon, #navbar-right i, #navbar-right .fa {font-size:22px; color:#ffffff;padding:10px 25px;-webkit-transition: color .3s ease-in-out;-moz-transition: color .3s ease-in-out;-ms-transition: color .3s ease-in-out;-o-transition: color .3s ease-in-out;transition: color .3s ease-in-out;cursor:pointer;} #navbar-right .genericon:hover, #navbar-right i:hover, #navbar-right .fa:hover {color:rgba(255,255,255,0.8);} #navbar-right [class^="icon-"], #navbar-right [class*=" icon-"] {display:inline-block;} #navbar-right .genericon-close-alt {display:none;} .navbar-right-item {float:left;} .main-navigation div[class^="col-"] {padding:0;} .supernav {width: 100%;height: auto;} #menu-utility-nav {text-align: right; margin-top: 5px;} #menu-utility-nav a { padding: 5px 90px 5px 5px; color: #FFF; font-size: 16px; font-family: Montserrat; font-weight: 700; line-height: 24px; } #menu-utility-nav a i { padding-right: 5px; } .menu-subtext { text-transform: none; font-weight: 400; font-size: 90%; line-height: 1em; } /*.searchform {padding: 25px;position: absolute;z-index:10;right: 15px;top:73px;background-color:#e7e7e7;}*/ .searchform {padding: 0px; position: absolute; background-color: #BDBDBD; right: 20px; top: 100%; max-height:0px;overflow:hidden;opacity:0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .searchform.opened {max-height:10000px;overflow:visible;} .searchform button, .searchform input[type="submit"], .searchform input[type="button"], .popupform input[type="submit"] {-webkit-transition: all .3s ease-in-out; -moz-transition: background-color .3s ease-in-out; -ms-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out;} .searchform button:hover, .searchform input[type="submit"]:hover, .searchform input[type="button"]:hover, .popupform input[type="submit"]:hover {background-color:#003057 !important;} .searchform label { margin-right: 10px; } .searchform input {margin-top:10px;margin-bottom:10px;} .searchform input[type="text"] {width:300px;margin-left:15px;margin-right:5px;} .searchform input[type="submit"] {margin-left:5px;margin-right:15px;padding: 6px 36px !important;} .searchform:before {top: -40px;right: 175px;} .on {opacity:1 !important;} .tinytext {font-size:11px;} a {color: #0076D6;-webkit-transition: color .3s; transition: color .3s;} a:hover {color: #003057;-webkit-transition: color .3s; transition: color .3s;} p {margin:0 0 1em 0;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Lato', sans-serif;font-weight:700;font-style:normal;color:#003057;line-height:1.25em;} .h2, h2, h2 a {font-size:32px; line-height:42px;} h3, .h3 {font-size:48px;color:#003057;font-weight:400;} h4, .h4 {font-size:24px;text-transform:uppercase;} .h5, h5, h5 a {font-size:24px; line-height:1.33em;} header h3 {margin-bottom:0;} .sub-h3 {padding-left:15px;} .white h1, .white h2, .white h3, .white h4, .white h5, .white h6 {color:#ffffff !important;} h5.lined {position:relative;padding-bottom:10px;} h5.lined:after {content:'';width:190px;height:3px;background-color:#EAAA00;display:block;margin-top:10px;} h6 {font-size:14px;} .blue {color:#003057;} .gray {color:#333333;} .mid-gray {color:#888B8D;} .white {color:#ffffff;} .bg-white {background-color:#FFFFFF;} .bg-blue {background-color:#003057 !important;} .bg-mid-gray {background-color:#888B8D;} .bg-lt-blue {background-color:#0076D6;} .bg-lt-gray {background-color:#F2F2F2;} .bg-yellow {background-color:#EAAA00;} .uppercase {text-transform:uppercase;} .nodesktop {display:none;} .nomobile.flexed {display:flex;} .preheader { color: #003057; margin-top: 30px; margin-bottom: 0.5em; font-size: 24px; line-height: 1.33em; font-weight: 700; font-family: 'Lato', sans-serif; } /* Spacings ---------------------------------------------------------------------------------------------------- */ .table {display:table;width:100%;} .table-row {display:table-row;} .table-cell {display:table-cell;} .text-center {text-align:center;} .align-top {vertical-align:top;align-items: flex-start;} .align-bottom {vertical-align:bottom;align-items: flex-end;} .align-middle {vertical-align:middle;align-items:center;} .no-leftpadding {padding-left:0 !important;} .no-rightpadding {padding-right:0 !important;} .tiny-text, .tinytext {font-size:80%;} .disclaimer {font-size:12px;} .margbott0 {margin-bottom: 0px !important;} .margbott5 {margin-bottom: 5px !important;} .margbott10 {margin-bottom: 10px !important;} .margbott20 {margin-bottom: 20px !important;} .margbott30 {margin-bottom: 30px !important;} .margbott40 {margin-bottom: 40px !important;} .margbott50 {margin-bottom: 50px !important;} .margbott60 {margin-bottom: 60px !important;} .margbott80 {margin-bottom: 80px !important;} .margbott100 {margin-bottom: 100px !important;} .margtop0 {margin-top: 0px !important;} .margtop5 {margin-top: 5px !important;} .margtop10 {margin-top: 10px !important;} .margtop20 {margin-top: 20px !important;} .margtop30 {margin-top: 30px !important;} .margtop40 {margin-top: 40px !important;} .margtop50 {margin-top: 50px !important;} .margtop60 {margin-top: 60px !important;} .margtop80 {margin-top: 80px !important;} .margtop100 {margin-top: 100px !important;} .paddtop0 {padding-top: 0px !important;} .paddtop5 {padding-top: 5px !important;} .paddtop10 {padding-top: 10px !important;} .paddtop20 {padding-top: 20px !important;} .paddtop30 {padding-top: 30px !important;} .paddtop40 {padding-top: 40px !important;} .paddtop50 {padding-top: 50px !important;} .paddtop60 {padding-top: 60px !important;} .paddtop80 {padding-top: 80px !important;} .paddtop100 {padding-top: 100px !important;} .paddtop120 {padding-top: 120px !important;} .paddtop130 {padding-top: 130px !important;} .paddtop140 {padding-top: 140px !important;} .paddbott0 {padding-bottom: 0px !important;} .paddbott5 {padding-bottom: 5px !important;} .paddbott10 {padding-bottom: 10px !important;} .paddbott20 {padding-bottom: 20px !important;} .paddbott30 {padding-bottom: 30px !important;} .paddbott40 {padding-bottom: 40px !important;} .paddbott50 {padding-bottom: 50px !important;} .paddbott60 {padding-bottom: 60px !important;} .paddbott80 {padding-bottom: 80px !important;} .paddbott100 {padding-bottom: 100px !important;} .paddbott120 {padding-bottom: 120px !important;} .nopadd{padding: 0px !important;} .sixty-width {width:60%;margin-left: auto;margin-right: auto;} .eighty-width {width:80%;margin-left: auto;margin-right: auto;} .leftband {text-align:left;} .rightband {text-align:right;} .text-left {text-align:left !important;} .text-right {text-align:right !important;} .square, .rectangle, .rectangle-wide { width: auto; } .square:after { content: ""; display: block; padding-bottom: 100%; } .rectangle:after { content: ""; display: block; padding-bottom: 56.25%; } .rectangle-wide:after { content: ""; display: block; padding-bottom: 42.857%; } .yellowcurve { background-image:url(img/TrustedBy_yellow-curve.svg); background-size:cover; background-position:top; background-repeat: no-repeat; padding:20px; } .yellowcurve img, .yellowsponsors img {display:block;margin:10px auto;max-width: 160px;} .yellow-borders {border-top: 3px solid #EAAA00;border-bottom: 3px solid #EAAA00;} .yellow-border-top {border-top: 3px solid #EAAA00;} .yellow-border-bottom {border-bottom: 3px solid #EAAA00;} #content {margin:0;} .page-content {min-height:300px;} .home .maincopy {background-color:rgba(33,42,73,0.95);padding-top: 7px;padding-bottom: 7px;} #hero-section {position:relative;/*min-height:550px;*/background-color:#003057 !important;padding:100px 0 50px 0;color:#ffffff;font-size:16px;} #hero-section:after {content:'';position:absolute;width:100%;height:100%;top:0;background-color:rgba(0,48,87,0.5); } #hero-section .container {opacity:0;position:relative;z-index:20;padding-left: 130px;padding-right: 130px;} #hero-section .main-container {padding-left: 120px;padding-right: 120px;} #hero-section .yellowcurve {position:relative;z-index:20;} #hero-section.short {min-height:325px !important;} #hero-section h1 {color:#ffffff;font-size:60px;line-height: 1.15em;text-transform:uppercase;position:relative;} #hero-section h1:after {content:'';display:block;width:60%;margin:32px auto;height:5px;background-color:#EAAA00;} #hero-section h2 {color:#ffffff;font-size:32px;line-height: 1.25em;} #hero-section h5 {color:#ffffff;text-transform:uppercase;margin-bottom: 30px;} #hero-section .genericon-video, #hero-section .fa-play {font-size: 60px;border: 4px solid #ffffff;padding: 30px 30px 30px 40px;margin:20px 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;cursor:pointer;} #hero-section .genericon-video:hover, #hero-section .fa-play:hover {border: 4px solid #EAAA00;color:#EAAA00;} #hero-section p {/*width: 85%;*/line-height: 1.5em;margin: 1em auto;} #hero-section a.button {margin: 32px auto;display:inline-block;padding: 16px 52px;text-decoration:none !important;} #hero-section a.button:hover {color:#ffffff !important;} #hero-section a {color:#ffffff;text-decoration:underline;} #hero-section a:hover {color:#0076D6;text-decoration:underline;} #hero-section .row {width: 60%;margin: 0 auto;} /* The hero image */ .hero-image { /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */ /* Set a specific height */ height: 670px; marging-top:90px; /* Position and center the image to scale nicely on all screens */ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .defaultHero{ height: 300px; } .defaultHero .hero-text{ left: calc(60% - 662px/2 + 316px); top: calc(90% - 222px/2 - 111px); } .insightsHero .hero-text{ left: calc(60% - 662px/2 + 316px); top: calc(85% - 222px/2 - 111px); } /* Place text in the middle of the image */ .hero-text { text-align: left; position: absolute; left: calc(5% - 662px/2 + 316px); top: 440px; color: white; margin: 48px; z-index: 9; } .hero-text h4{ color: #EAAA00; text-align: left; /* Desktop/H5 24px-B */ font-family: Lato; font-size: 24px; font-style: normal; font-weight: 700; text-transform: uppercase; } .hero-text h1{ color: #FFF; text-transform: none; font-family: Montserrat; font-size: 40px; font-style: normal; font-weight: 700; max-width: 1200px; } .owl-dot span{ background: #FFFFFF !important; height: 12px !important; width: 12px !important; margin: 12px !important; } .owl-theme .owl-dots .owl-dot span{ height: 5px !important; width: 29px !important; border: 0px; margin: 3px !important; } .goldOutline{ border: 2px solid #EAAA02 !important; } .owl-dot.active span{ background: #EAAA02 !important; } .owl-dot span:hover{ background: #EAAA02 !important; } .owl-dots{ display: inline-block; position: absolute; right: 50px; bottom: 10px; } .splide__pagination{ display: inline-block; position: absolute; right: 50px; bottom: 10px; text-align: right; } .splide__pagination li button{ background: #FFFFFF ; margin: 12px !important; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px !important; height: 5px !important; width: 29px !important; border: 0px; margin: 3px !important; } .splide__arrow{ display: none; } .splide__pagination li button:hover{ transform: scale(1); background: #EAAA02; opacity: 1; } .splide__pagination__page.is-active{ transform: scale(1); background: #EAAA02; opacity: 1; } #icons h4{ font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; /* 150% */ text-transform: uppercase; } #icons p{ font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; /* 157.143% */ letter-spacing: -0.25px; } .max80{ max-width: 80%; display: block; margin: auto; } .homeIcons{ margin: auto; display: block; width: 50px; height: 50px; } #owl-homeSlider{ margin-top: 55px; } .owl-nav button{ position: relative; background: #1E2845 !important; border: 2px solid #C09957 !important; box-sizing: border-box; border-radius: 100px !important; color: #C09957 !important; } .owl-nav button:hover{ background: #C09957 !important; color: #1E2845 !important; } .owl-nav button i{ padding: 8px 10px; } .single #hero-section {padding: 100px 0 50px 0;} .cCard{ padding: 20px 42px; box-shadow: 0px 1px 3px 0px rgba(50, 50, 71, 0.10), 0px 0px 1px 0px rgba(12, 26, 75, 0.40); border-radius: 16px; } .cCard .button{ padding: 20px 10px; } .video-area { position: fixed; width: 100%; height: 100%; z-index: 9999; top: -100%; background: #2d2d2d; overflow: hidden; -webkit-transition: all 750ms ease-in-out; -moz-transition: all 750ms ease-in-out; -o-transition: all 750ms ease-in-out; transition: all 750ms ease-in-out; /* easeInExpo */ } .video-area.opened { top:0%; background: #000000; } .video-area.opened video {display: table-cell;} .video-area .closex { display: block; top: 50px; right: 50px; height: 45px; width: 45px; position: absolute; z-index: 9999; cursor: pointer; padding: 9px 10px; border: 1px solid transparent; border-radius: 4px; background-color: #202020; } .video-area .closex:hover {background-color: #333;color:#333;} .video-area .icon-bar {height: 4px; display: block; width: 30px; opacity: 1; background: white; margin-bottom: 3px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .video-area .icon-bar {margin-bottom: -12px; margin-top:8px; margin-left:-3px; } .video-area .skew-clock { -ms-transform: rotate(40deg); /* IE 9 */ -webkit-transform: rotate(40deg); /* Chrome, Safari, Opera */ transform: rotate(40deg); } .video-area .skew-counter { -ms-transform: rotate(-40deg); /* IE 9 */ -webkit-transform: rotate(-40deg); /* Chrome, Safari, Opera */ transform: rotate(-40deg); } .youtube-carousel a {display:block;width:100%;height:100%;position:relative;} .icon-youtube { font-size:64px; position: absolute; top: 50%; left:0; width: 100%; height:64px; display:block; text-align: center; color: #fff; margin-top: -32px; text-shadow: 0 0 0.25em #000; opacity:0.8; padding:0; } .youtube-carousel .h3 {font-size:16px !important;} .modal.in .modal-dialog { width: 80% !important; max-width: 1000px !important; } .youtube-3blocks {} .youtube-3blocks .item {padding-top:15px; padding-bottom:15px;} #highlights {color:#cfcfcf;text-align:center;padding:40px 0 60px 0;} #highlights h2 {width:70%;margin-left: auto;margin-right: auto;} #highlights .highlights-column {text-align:center;color:#000000;font-weight:300;} #highlights .highlights-column h4 {text-transform:uppercase;color:#EAAA00;font-weight:600;} #video-center {padding: 40px 0 60px;/*border-top: 5px solid #EAAA00;border-bottom: 5px solid #EAAA00;*/} .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #solutions {background-color:#003057;color:#ffffff;} #solutions h2, #solutions h3, #solutions h4,#solutions h5,#solutions h6 {color:#ffffff;margin-bottom:0.5em;} .home-solutions-mobile {display:none;} #solutions {background-color:#003057;color:#ffffff;} #solutions h2 {color:#ffffff;margin-top:0;} #solutions h3 {color:#ffffff;margin-top:0;} .home-solutions-mobile {display:none;} .home-solutions { min-height: 620px;background-color:#ffffff;} .container-fluid.home-solutions {padding:0;} .carousel-title {position: absolute;top: 90px;z-index:10;width:100%;} .carousel-title h1 {color:white !important;font-size:60px;} #carousel-solutions .carousel-inner .item { background-size: cover; background-repeat: no-repeat; min-height:770px; padding: 280px 0 60px 0;background-position: center;} #carousel-solutions .carousel-menu { position: absolute; top:280px; bottom: auto; left: 22%; z-index: 15; width: auto; padding-left: 0; text-align: center; list-style: none; } #carousel-solutions .carousel-indicators { position: relative; left:0; top: 0; bottom: auto; z-index: 15; width:260px; margin:0 auto; text-align:left; list-style: none; color:#4b4b4b; } #carousel-solutions .carousel-indicators li { display: block; width: 100%; height: auto; margin: 0 0 1px 0; text-indent: 0px; cursor: pointer; border: none; border-radius: 0px; color: #ffffff; position: relative; text-align: left; text-transform: uppercase; font-weight: 300; font-size: 14px; background-image: url(img/solutions-menu-bg.png); background-repeat: no-repeat; background-position: left center; font-size: 14px; padding: 5px 10px; } #carousel-solutions .carousel-indicators .active { color: #ffffff; background-color:transparent; background-repeat: no-repeat; background-position: right center; } #carousel-solutions .carousel-indicators li .glyphicon.glyphicon-play { display:none;} /* #carousel-solutions .carousel-indicators .active .glyphicon.glyphicon-play { position: absolute; color: #ffffff; font-size: 30px; top: 5px; right: -35px; display:block; } */ #carousel-solutions .item {font-size:18px;line-height:1.5em;} #carousel-solutions .item .container {text-align:left !important;position:relative;z-index:2;} #carousel-solutions .item .overlay {position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,48,87,0.5);} #carousel-solutions .item h2 {margin-top:0;} .carousel-inner a:hover {color:#ffffff !important;} #testimonials {background-color:#a0a0a0;color:#ffffff;text-align:center;padding:40px 0 60px 0;font-weight:600;border-top:5px solid #ffffff;} #testimonials h2 {font-size:36px;font-weight:900;color:#ffffff;} #testimonials h3 {color:#ffffff;} #testimonials h4 {color:#ffffff;text-transform:uppercase;} #insights, #closerlook {color:#cfcfcf;text-align:center;padding:60px 0 60px 0;} #insights a .insights-image, a .insights-image, .insights-image, #closerlook a .insights-image {border:1px solid #757575;display:block;width:100%;margin: 30px auto 15px auto;background-size:cover;background-position:50% 50%;-moz-opacity:1;-webkit-opacity:1;opacity:1;-webkit-transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-ms-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;} #insights a:hover .insights-image, #closerlook a:hover .insights-image , a:hover .insights-image {-moz-opacity:0.8;-webkit-opacity:0.8;opacity:0.8;} #insights .insights-column, #closerlook .closerlook-column {text-align:left;color:#000000;margin-bottom:60px;} #insights .insights-column h4, #closerlook .closerlook-column h4 {text-transform:uppercase;padding-top:10px;padding-bottom:10px;} #insights .insights-column a, #closerlook .closerlook-column a {text-transform:uppercase;} #bottomcta {color:#ffffff;text-align:center;padding: 20px 0 30px 0;background-image: url(img/bottomctabg.jpg);} #bottomcta h2 {font-size:46px;color:#ffffff;font-weight: 300;} #bottomcta h3 {font-size:24px;color:#ffffff;font-weight: 400;} #cta {} #cta .row {display:flex;flex-wrap:wrap;} .paperback { /*background-image: url(img/paper-texture-bg.jpg);*/ background-repeat: no-repeat; background-position: center top; background-size:100% auto; padding:80px 0 60px 0; } .paperback.nospace {padding:50px 0;} .sectionspacing {padding-top:30px;padding-bottom:30px;} #main-column {margin:0 0 20px 0;min-height: 300px;} #main-column .post, #main-column .page {border:none;} .container-fluid {padding-left:0;padding-right:0;} .row {/*margin-right: 0;margin-left: 0;*/} .fullwidth-thumb {background-attachment: scroll;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;margin: 0;} .page-header {border:none;margin: 0 0 20px 0;} .entry-title, .page .entry-title, .page-title, .h1 {border-bottom: 1px solid #EAAA00;margin: 10px 0 35px 0;} .entry-title.lessbottommarg {margin: 10px 0 15px 0;} .category-sorter {text-align:center;margin-bottom: 2em;} .bio-pic, a .bio-pic {border:1px solid #757575;display:block;width:100%;height:280px;margin: 0 auto 15px auto;background-size:cover;background-position:50% 50%;-moz-opacity:1;-webkit-opacity:1;opacity:1;-webkit-transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-ms-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;} a:hover .bio-pic {-moz-opacity:0.8;-webkit-opacity:0.8;opacity:0.8;} .bio-name {font-size:26px; color:#000000; font-weight:400;margin:0;} .bio-title {font-size:16px; color:#8b8b8b; font-weight:400;min-height: 4.5em;} .bio-expand a.collapsed:after {content: " +";} .bio-expand a:after {content: " -";} a.bio-name {color:#003057 !important;text-decoration: underline;} a.block-link {text-decoration:none;} a.block-link p, a.block-link .row {text-transform:none;color:initial;} a.block-link h5 {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} a.block-link:hover h5 {color:#0076D6;} .alignleft {float: left;margin: 0 20px 18px 0;} .alignright {float: right;margin: 0 0 18px 20px;} .aligncenter {margin: 0 auto; text-align: center;} .wp-caption {border: none !important;background-color: transparent !important; text-align: center;} .wp-caption img {padding: 5px;margin:0 auto;width: auto;height: auto;} .wp-caption-text {font-size: 12px;padding: 5px 0 10px;text-align: center;} footer label {display:none !important;} footer .gform_wrapper input[type="text"] {/*border: 1px solid #000000 !important;padding: 5px !important;*/} #site-footer { background-color: #fbfbfb; border-top: 3px solid #EAAA00; padding: 0; position: relative; color:#a0a0a0; font-size: 14px; } #site-footer strong {color:#000000;} #site-footer a {color:#595959;text-decoration:none;} #site-footer a:hover {color: #0076D6;} .social_icons {border-top:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;margin: 1.5em 0;padding:1em 0;} .social_icons a {color:#a0a0a0;text-decoration:none !important;} .social_icons a:hover {color: #0076D6;} .social_icons span {display:inline-block;} .social_icons span .genericon, .social_icons span .fa {font-size:30px;margin: 0 20px 0 0;} #site-footer p.bold {color:#000000;} #site-footer div[class^="col-"] {margin-bottom:1em;} #footer-row {font-size:11px;} .site-footer {padding: 60px 0;} .footer-menu-title {text-transform:uppercase;font-size:14px;} .footer-bottom {padding: 10px 0 50px 0;background-color:#152548;color:#ffffff;border-top:2px solid #1a223a;} .footer-bottom .container div:last-child {padding-left:60px; border-left:1px solid #ffffff;} ul.footer-column {margin: 0;padding: 0;} ul.footer-column li {list-style:none;line-height:normal;margin: 0 0 6px 0;} .cl { clear: both;} .cl.sectionbreak {padding:40px;} #sidebar-left .widget, #sidebar-right .widget {border:none;} #sidebar-left {padding-right:60px;} #sidebar-right {text-align: left;border:1px solid #EAAA00;} #sidebar-left .widget, #sidebar-right .widget {padding: 0;} #sidebar-left .widget ul, #sidebar-right .widget ul {margin: 0;padding: 0;} #sidebar-left .widget ul li, #sidebar-right .widget ul li {list-style: none;line-height: 20px;} #sidebar-left .widget ul li ul {margin:0 0 0 40px;} #sidebar-left .widget ul li ul li {border:none !important;} #sidebar-left .widget ul li ul li::before {content: none;} #sidebar-left .widget ul li ul li a {font-weight:normal;} .widget h5 {text-transform:uppercase;} .widget .genericon, .widget .fa {vertical-align:middle;margin-right:0.25em;font-size:30px;height: 30px;width: 30px;} input[type="text"], input[type="tel"], input[type="number"], input[type="password"], input[type="file"], input[type="email"], textarea {border: 1px solid #cccccc;padding: 5px 10px;height: 33px;line-height: 20px;border-radius: 0px;max-width:100%;-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; border: none; border-bottom: 1px solid rgba(0, 48, 87, 0.2); } input[type="text"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="email"]:focus, textarea:focus {/*box-shadow: 0 0 5px rgba(0, 48, 87, 1);*/border-bottom: 1px solid rgba(0, 48, 87, 1);} textarea {min-height:100px;height:180px !important;} label.gfield_label, label {font-family:'Lato', sans-serif;font-size:14px;text-transform:uppercase;/*display:none !important;*/} #field_25_28{ padding-right: 15px; padding-left: 15px; } #gform_submit_button_25{ position: absolute; bottom: 45px; right: 30px; } .ekko-lightbox-container iframe { width: 100%; } button, input[type="submit"], input[type="button"], .button, .navbutton { font-family: 'Montserrat', sans-serif; font-size: 18px; display: inline-block; color: #ffffff; padding: 6px 36px; text-shadow: none; text-decoration: none; text-align:center; border: 1px solid #0076D6; border-radius: 0px !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; background-color: #0076D6; cursor: pointer; /*float: right; margin-left: 2em; margin-bottom: 2em;*/ text-transform: uppercase; font-weight: 700; -webkit-transition: all .3s ease-in-out !important; -moz-transition: all .3s ease-in-out !important; -ms-transition: all .3s ease-in-out !important; -o-transition: all .3s ease-in-out !important; transition: all .3s ease-in-out !important; } button.ghost, input[type="submit"].ghost, input[type="button"].ghost, .button.ghost { color: #0076D6 !important; border: 1px solid #0076D6 !important; background-color:transparent !important; } button.ghost:hover, input[type="submit"].ghost:hover, input[type="button"].ghost:hover, .button.ghost:hover { color: #003057 !important; border: 1px solid #003057 !important; background-color:transparent !important; } button.ghost.white, input[type="submit"].ghost.white, input[type="button"].ghost.white, .button.ghost.white, .white input[type="submit"] { color: #ffffff !important; border: 1px solid #ffffff !important; background-color:transparent !important; } button.ghost.white:hover, input[type="submit"].ghost.white:hover, input[type="button"].ghost.white:hover, .button.ghost.white:hover, .white input[type="submit"]:hover { color: #ffffff !important; border: 1px solid #ffffff !important; background-color:#003057 !important; } .navbutton {padding:10px 25px;} .navbutton a {padding:0 !important;color: #ffffff;text-align:center !important;} .navbutton a:after {content:none !important;} button:hover, input[type="submit"]:hover, input[type="button"]:hover, .button:hover, .navbutton:hover {background-color: #003057;color:#ffffff;text-decoration:none !important;border: 1px solid #ffffff;} .hactive{background-color: #003057;color:#ffffff;text-decoration:none !important;border: 1px solid #ffffff;} .dl-button-wrap input[type="submit"] {margin-right:0 !important;margin-bottom:0 !important;padding: 16px 55px 16px 35px !important;} .dl-button-wrap {display:inline-block;position:relative;} .dl-button-wrap:after {content:url(img/icon-download.svg);display:block; position:absolute; right:30px;top:50%; margin-top: -10px;z-index:20;} .gform_wrapper .download-form .gform_footer:not(.top_label) {width: auto;} .gform_wrapper .download-form.button-only .gform_footer:not(.top_label) {text-align:center;} button.bigblock, input[type="submit"].bigblock, input[type="button"].bigblock, .button.bigblock {height:56px;padding:0 40px;} .gform_wrapper .gform_body {margin-bottom:30px;} .gform_wrapper .button-only .gform_body {margin-bottom:0px;} .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] { width: auto !important; padding: 0.5em 1em; } .gform_wrapper {margin:0 !important;} .gform_wrapper .gform_footer {padding: 0 !important;margin: 0 !important;} .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {font-weight:400;} .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {display:inline;margin-right:1em !important;} .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {position: relative; vertical-align: middle; margin: 0 0 0 24px;color: #828282;font-size: 14px !important;text-transform: uppercase;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} .gfield_error {width:auto;} .gfield_error.col-md-3 {width:25% !important;} .gfield_error.col-md-4 {width:33.33333333% !important;} .gfield_error.col-md-6 {width:50% !important;} input[type=checkbox], input[type=radio] { margin-top:0 !important; } input[type=checkbox].styled { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .labeltext {margin-left: 32px;} input[type=checkbox]:checked ~ .labeltext { color:#0076D6; } .checkmark { position: absolute; top: 0; left: 0; height: 24px; width: 24px; background-color: transparent; border-radius:6px; border:1px solid #E0E0E0; } input[type=checkbox].styled:hover ~ .checkmark { box-shadow: 0px 17px 25px -25px rgba(0, 0, 0, 0.25); } input[type=checkbox].styled:checked ~ .checkmark { border-color: #EAAA00; } .checkmark:after { content: ""; position: absolute; display: none; } input[type=checkbox].styled:checked ~ .checkmark:after { display: block; } .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid #0076D6; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .content-area {} .content-area .gform_wrapper .gform_footer {padding-left:15px !important;padding-right:15px !important;} .popupform .gform_confirmation_message {margin:2em 0 0 0 !important;} .popupform .gform_confirmation_message a {font-size:inherit !important;text-decoration:underline !important;} #site-footer button, #site-footer input[type="submit"], #site-footer input[type="button"], #site-footer .button {float:none;margin:0;} #site-footer .gform_wrapper .gform_body, #site-footer .gform_wrapper .gform-footer {padding:0 !important;float:left;clear:none !important;margin:0 !important;} #site-footer .ginput_container {margin:0 !important; padding: 0 1em 0 0 !important;} #site-footer .gform_footer {clear:none !important;} input, textarea, select {font:13px/18px 'Montserrat', sans-serif;font-weight:500;font-style:normal;} input:disabled, input:hover:disabled { background: #dddddd; } .fancybox-button {border: none !important;outline: none !important;} nav.breadcrumb-trail.breadcrumbs {text-align: right;margin: 2em 25px;font-size:12px;} h2.trail-browse {display:none !important;} .trail-items li::after {content: " | " !important;} .selectableregions {display:none;} .repbox img {float: right;margin: 0 0 1em 1em;} select {background:transparent; margin:0 0 3px; width:100%; height:33px; border:1px solid #dddddd; line-height:20px;} .wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea {width: 100%;} #main-column img.wpcf7-captchac {display: inline;} #main-column .page .entry-header {text-align:center;width: 70%;margin: 0 auto;} #main-column .post .entry-header .entry-meta {display:block;margin:0 0 1em 0; font:16px/32px 'Montserrat', sans-serif;font-weight:500;font-style:normal;color:#000000; } #main-column .post .entry-header .entry-meta a {color:#EAAA00;} #main-column .post .entry-header .entry-meta a:hover {color: #23527c;} .entry-header.black, .entry-header.black h1, .entry-header.black h2, .entry-header.black h3 {color:#000000 !important;} .entry-header-white, .entry-header.white h1, .entry-header.white h2, .entry-header.white h3 {color:#ffffff;} .archive .page-title {margin: 10px 0;} .archive #main-column .post .entry-header .entry-meta {margin:0;} .archive h1 {font-size: 40px;/*font-weight: 300 !important;*/} .archive h3 {margin-bottom: 0px;} .archive .page-header {text-align:center;} .product-type {text-align:center;margin-bottom:20px;} .product-type img {margin:0 auto 10px auto;} a.more_button {font-family:'Montserrat', sans-serif;font-weight:500;color: #151515;position: relative;display: inline-block;font-size:16px;} a.more_button::before {content: ''; background: #757575 url(img/arrow_tour.png) 0 0 no-repeat; display: inline-block; width: 19px; height: 19px; margin: 0 11px -5px 0; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: background-color .3s ease-in-out; -moz-transition: background-color .3s ease-in-out; -ms-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out;} header, footer, article, section, nav, figure, address, hgroup, figcaption, aside {display: block;margin: 0;padding: 0;} figure {margin: 0 auto;max-width:100%;} .about_author {overflow: hidden;padding: 35px 0 30px;margin-bottom: 35px;} .about_author_inner {background-color: #fefefe;border: 1px solid #e5e5e0;padding: 30px 25px;overflow: hidden;} aside.share_posts > div.fl {min-width:100px;} .project_navi {background-color: #ffffff;border: 1px solid #e5e5e0;overflow: hidden;padding: 20px 0;margin-bottom: 35px;} .project_navi a[rel="prev"]::before, .project_navi a[rel="next"]::before {opacity: .5;filter: alpha(opacity=50);} .project_navi a[rel="prev"]::before, .project_navi a[rel="next"]::before, .related_posts > ul li a, .cmsmsLike, .person_social {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} .project_navi a[rel="next"]::before {background-position: right top;left: auto;right: 0;} .project_navi a[rel="prev"]::before, .project_navi a[rel="next"]::before {background-color: transparent; background-image: url(img/arrow_content_slider.png); background-repeat: no-repeat; background-position: left bottom; position: absolute; display: block; top: 0; left: 0; width: 25px; height: 25px; content: "";} .project_navi a[rel="next"]::before {background-position: right top;left: auto;right: 0;} .project_navi a[rel="prev"] {float: left;margin-left: 20px;padding-left: 45px;text-align:left;} .project_navi a[rel="next"] {float: right;margin-right: 20px;padding-right: 45px;text-align:right;} .project_navi a {line-height: 25px;font-weight: bold;display: block;position: relative;width: 40%;font-size:12px;} .project_navi a[rel="prev"]:hover::before, .project_navi a[rel="next"]:hover::before, .blog.opened-article .cmsms_comments {opacity: 1;filter: alpha(opacity=100);} .btt {position: fixed;bottom: 6px;right: 6px;z-index: 99;border: none;outline: none;cursor: pointer;padding: 8px 10px;background-color:#757575;border-radius: 50%;display: block;-webkit-opacity:0;-moz-opacity:0;opacity:0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .btt .fa {font-size:18px !important;color:#ffffff;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .btt:hover {background-color:#0076D6;} .btt.on {opacity:1;} .entry-content button, .entry-content .button {float:none;margin:1em 0;} .icon-image {max-width:100%;height:auto;} .largebutton { display:inline-block; border: 1px solid #0076D6 !important; padding: 16px 52px !important; margin: 1em 0 0 0; text-shadow: none; text-decoration: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background-color: transparent; cursor: pointer; text-transform: uppercase; font-family:'Montserrat', sans-serif; font-weight:700; line-height: 1.5em !important; color:#0076D6; font-size:18px !important; text-align:center; text-decoration:none !important; -webkit-transition: all .3s ease-in-out !important; -moz-transition: all .3s ease-in-out !important; -ms-transition: all .3s ease-in-out !important; -o-transition: all .3s ease-in-out !important; transition: all .3s ease-in-out !important; } .largebutton:hover {background-color: #0076D6;color:#ffffff;text-decoration:none !important;} .largebutton.white {color:#ffffff;border: 1px solid #ffffff !important;} .largebutton.white:hover {background-color:#0076D6} .mediumbutton { display:inline-block; border: 1px solid #0076D6 !important; padding: 5px 20px !important; margin: 0.25em; text-shadow: none; text-decoration: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background-color: transparent; cursor: pointer; text-transform: uppercase; font-family:'Montserrat', sans-serif;font-weight:500; line-height: 30px !important; color:#0076D6; font-size:15px !important; text-align:center; text-decoration:none !important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .mediumbutton:hover {background-color: transparent;color:#003057;border-color:#003057 !important;text-decoration:none !important;} .mediumbutton.selected {background-color:#003057;color:#ffffff;} .yellowblue {color:#003057;} .yellowblue:hover {background-color:#003057;color:#EAAA00;text-decoration: none !important;} .whiteyellow {border-color:#ffffff !important;color:#EAAA00;} .whiteyellow:hover {background-color:#EAAA00;color:#ffffff;} .yellowwhite {background-color:#EAAA00!important;;color:#ffffff !important;;} .yellowwhite:hover {background-color:#a67c0c !important;;text-decoration: none !important;} .margin20 {margin:0 20px;} a.whitelink {color:#ffffff;} a.whitelink:hover {color:#EAAA00;} .fullwidth {width:100%;} button.standard, button.metric {font-size: 11px;padding: 3px 7px;} .bottom-buttons {margin: 60px 0 20px 0;} .bottom-buttons div[class^="col-"] {display: table;} .bottom-buttons .largebutton {display: table-cell;vertical-align: middle;height: 100px;} .table {display:table;font-size:12px; font-style:normal; } .tablerow {display:table-row;} .tablecell {display:table-cell;border-top: 1px solid #a7a7a7;padding: 0.5em 0;} .tablecell.left {text-align:left;font-weight:bold;} .tablecell.right {text-align:right;} .prod-grid-title {min-height:3em;} .left {text-align:left !important;} .right {text-align:right !important;} .center {text-align:center !important;margin:0 auto;} .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {color: #ffffff !important;background-color: #0076D6 !important;border-color: #0076D6 !important;} .pagination>li>a, .pagination>li>span {color: #0076D6 !important;border: 1px solid #0076D6 !important;} .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color: #0076D6 !important;background-color: #eee;border-color: #0076D6 !important;} .errorbox {background-color: #FFEBE8;border:1px solid #C00;padding:5px;margin:1em 0;} .mobileseen {display:none;} form div[class^="col-"] {padding-left:0;} .subsection {padding:60px 15px 60px 15px;font-size:18px;line-height:1.5em;text-align: center;} .subsection h2 {/*width:80%;*/margin-left:auto;margin-right:auto;/*text-align:center;*/margin-bottom: 1.5em;} .subsection h3 {margin-left:auto;margin-right:auto;/*text-align:center;*/} .subsection h5 {text-transform:uppercase;} .big-section-title {font-size:50px;color:#EAAA00;font-weight:300;line-height:1.25em;margin: 0 0 0.25em 0;} .main-section-image {max-width:100%;height:auto;margin:40px 5px;} #portfolio {border-top:3px solid #EAAA00;border-bottom:3px solid #EAAA00;background: #dadada; /* Old browsers */ background: -moz-linear-gradient(top, #dadada 0%, #f2f2f2 26%, #eeeeee 60%, #dadada 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(26%,#f2f2f2), color-stop(60%,#eeeeee), color-stop(100%,#dadada)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dadada 0%,#f2f2f2 26%,#eeeeee 60%,#dadada 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dadada 0%,#f2f2f2 26%,#eeeeee 60%,#dadada 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dadada 0%,#f2f2f2 26%,#eeeeee 60%,#dadada 100%); /* IE10+ */ background: linear-gradient(to bottom, #dadada 0%,#f2f2f2 26%,#eeeeee 60%,#dadada 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */} #portfolio .slick-prev, #portfolio .slick-next {background-color:#eeeeee !important;border: 3px solid #EAAA00 !important;} #portfolio .slick-prev::before, #portfolio .slick-next::before {color:#EAAA00 !important;} #portfolio .wpf_slides {padding: 0 5px;} .portfolio-image { display: block; padding:0; /*padding: 0 0 20px 0; background-image: url(img/portfolio-shadow.png); background-repeat: no-repeat; background-position: center bottom;*/ } .portfolio-image a { display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #FFF; margin:0 auto; } .moreportfolio {max-height:0;overflow:hidden;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .moreportfolio.opened {max-height:10000px;} .modal .img-responsive {width:100%;} .hiddenitem {max-height:0;overflow:hidden;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .hiddenitem.opened {max-height:10000px;} .why-blocks {margin-top:60px;margin-bottom:60px;} .why-column {font-size:16px;line-height:1.5em;font-weight:500;text-align:left;margin:2em 0;padding-left: 0;padding-right: 0;} .why-column .icon, .styled-icon {border:3px solid #EAAA00;background-color:#003057;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0.25em auto;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;background-size: 60% 60%;background-position: 50% 50%;width:80px;height:80px;} .why-column .title {font-family: 'Lato', sans-serif;font-size:24px;font-weight:700;line-height:1.3em;margin-bottom: 20px;display: block;} #blogs { } #explore {background-color: #003f72;} #blogs h2, #blogs h3 {} #explore h2, #explore h3 {margin-left:auto;margin-right:auto;color:#ffffff;text-align: center;} #blogs .blog-column {text-align: left;font-size: 16px;} #explore .blog-column h4 {color:#ffffff;text-transform:uppercase;} #blogs .blog-column h4 {text-transform:uppercase;} #explore .blog-column h5 { color: #ffffff; text-transform: uppercase; margin: 0 auto 20px auto; } #blogs .blog-column h5, #popular-products .blog-column h5 { text-transform: uppercase; margin: 0 auto 20px auto; } .blog-topics {text-transform: uppercase;color: #888b8d;} general-characteristics {} .general-characteristics-table {margin:60px auto 30px auto;} #ideal-for { border-top: 5px solid #EAAA00; background-color: #333; padding: 40px 0; -webkit-box-shadow: inset 0px 0px 90px 5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 90px 5px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 90px 5px rgba(0,0,0,0.5); background-image: url(img/ideal-texture-bg.jpg); background-repeat: repeat; } #ideal-for-header {color:#EAAA00;font-size:36px;font-weight:700;text-align:center;position:relative;} .centered-icons {text-align: center;margin: 20px auto;} .icon { background-repeat: no-repeat; background-size: 90% 90%;background-position:center center;width:80px;height:80px;} .yellow-circle {border:1px solid #EAAA00;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:1em auto;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} #ideal-for a {font-size:15px;} #ideal-for a:hover {color:#a67c0c;} #ideal-for a:hover .yellow-circle {border-color:#a67c0c;} #how-to-buy {background-color:#efefef;} #how-to-buy div[class^="col-"] {text-align:center;} #how-to-buy .subsection {padding: 50px 0 60px 0;} .centered-columns {display: inline-block;margin: 0 45px;} .yellow-bar-header {border-top:5px solid #ffffff;background-color:#EAAA00;color:#ffffff;padding:20px 0;font-size:36px;font-weight:700;text-align:center;position:relative;} .yellow-bar-header .sectionarrow {position: absolute;height: 100px;width: 100px;font-size: 100px;top: 50%;left: 50%;margin: 0 0 0 -35px;color: #EAAA00;} .black-circle {border:1px solid #9f9f9f;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0.5em auto;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .big-number {font-size:40px;font-weight:300;text-align:center;padding: 0.5em;width:70px;height:70px;color:#9f9f9f;} .grayborder {border:10px solid #9f9f9f;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .blurb {margin: 1em 0 0 0;} #main-section {font-size:16px; font-weight:300;text-align: left;} #middle-video-section {text-align:center;} #middle-video-section h2 {color:#ffffff;margin-top:0;} #middle-video-section .genericon-video {color:#ffffff;font-size: 60px;border: 4px solid #ffffff;padding: 30px;margin:20px 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;cursor:pointer;} #middle-video-section .genericon-video:hover {border: 4px solid #EAAA00;color:#EAAA00;} .middle-columns {background-color:#ffffff;padding:20px 20px 0 20px;text-align:center;margin:30px 0 0 0;font-weight:300;} .middle-columns div[class*="col-"] {text-align:left;line-height: 2em;padding:30px;} .flexgrid .row { display: flex; flex-wrap: wrap; } .product-category-header {border-bottom:5px solid #EAAA00; } .product-pic, a .product-pic {display:block;width:100%;margin: 30px auto 15px auto;background-size:cover;background-position:50% 50%;-moz-opacity:1;-webkit-opacity:1;opacity:1;-webkit-transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-ms-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;} .product-pic a {display:block;width:100%;height:100%;} a:hover .product-pic {-moz-opacity:0.8;-webkit-opacity:0.8;opacity:0.8;} .product-name {font-size:20px; color:#000000; font-weight:400;margin:0;/*min-height: 3.25em;*/min-height: auto;text-align:left;} .product-spec {font-size:16px;font-weight:400;text-align:left;line-height: 1.5em;} .upto3lines {min-height:4em;} .sortable-block {margin-bottom:30px;min-height:200px;} .sortable-block div[class*="col-"] {margin-bottom:0 !important;} #accordion-section {color:#ffffff;} #accordion-section h2 {color: #EAAA00;width: auto;text-align: left;margin-bottom:1em;} .panel-group {margin:20px;} .panel-group .panel {border-radius: 0;border: 1px solid #EAAA00;background-color:transparent;} .panel-default>.panel-heading {background-image: none;background-color:transparent;} .panel-heading {padding:0;} .panel-heading a {color:#ffffff;padding: 10px 15px;display:block;text-decoration:none;background-color: rgba(0, 36, 65, 1);position:relative;} .panel-heading a:after {/*font-family:'Genericons'; content: '\f431';*/font-family: FontAwesome;content: '\f107';position: absolute;right: 12px;top:12px;font-size:24px;} .panel-heading a:hover, .panel-heading a[aria-expanded="true"] {color:#EAAA00;background-color: rgba(0, 36, 65, 0.5);} .panel-heading a[aria-expanded="true"]:after {/*font-family:'Genericons'; content: '\f432';*/font-family: FontAwesome;content: '\f106';} #process-1-section {border-top: 5px solid #ffffff;-webkit-box-shadow: inset 0px 0px 105px -21px rgba(0,0,0,0.5);-moz-box-shadow: inset 0px 0px 105px -21px rgba(0,0,0,0.5);box-shadow: inset 0px 0px 105px -21px rgba(0,0,0,0.5);} #process-2-section {border-bottom: 5px solid #EAAA00;} #process-3-section {border-bottom: 5px solid #ffffff;} #process-4-section {border-bottom: 5px solid #EAAA00;} #process-1-section p, #process-4-section p {width:85%;margin-left:auto;margin-right:auto;} .process-image-wrapper {position:relative;margin:1em auto;height:311px;} .process-image-wrapper.overlap {height:250px;} .process-image { background-image: url(img/blank-disc-button.png); background-repeat: no-repeat; background-position: center center; width: 311px; height:311px; padding:30px 40px 40px 40px; z-index: 50; position:absolute; left:50%; margin-left:-155px; } #caption-tree { background-image: url(img/yellow-center-line.png); background-repeat: repeat-y; background-position: center; } .leaf {text-align:left;padding: 0 60px;font-size:28px;} .leafleft {float:left;} .leafright {float:right;} .leaf img {display:block;margin:0 auto;} hr.yellow {border-top: 1px solid #EAAA00;} .thin {font-weight:300 !important;} .yellow {color:#EAAA00 !important;} .white {color:#ffffff !important;} .canvas-wrapper{background-color:transparent;position: absolute;z-index:10;} .canvas-text-behind {background-color:#ffffff;position: absolute;z-index:5;width:230px;height:230px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:table;} .canvas-text-behind .text {text-align:center;display:table-cell;vertical-align:middle;} .canvas-text-behind .text h2 {color:#EAAA00;} .canvas-text-behind .text h3 {color:#000000;} .page-template-page-contact #hero-section h1:after{ width: 80%; } .ctaContactSupport p{ color: var(--primary-ffffff, #FFF); font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 700; line-height: 24px; /* 133.333% */ text-transform: uppercase; } .rightCanvas { float: right; } .leftCanvas { float: left; } .hideme, .sequenceme {opacity:0;} .contactRibbon .button{ padding: 18px 32px; border: 0px; color: #0076D6; text-align: center; font-size: 16px; font-style: normal; margin: 5px; background: #FFF; font-weight: 700; line-height: 28px; /* 175% */ text-transform: uppercase; } .contactRibbon .button:hover{ color: #FFF; background: #0076D6; } fieldset {margin: 0 2px;border: 1px solid #003057;padding: 20px;} legend {display: block;width: auto;padding: 1em;/* margin-bottom: 20px; */font-size: 21px;line-height: inherit;color: #003057;border: 0;border-bottom: none;margin: 0 auto 1em auto;} .fafbutton, .rfq-list-item {text-align:center;text-transform:uppercase;display:table;width:100%;height: 100px;padding: 1em;margin: 0 0 2em 0;-webkit-transition: background-color .3s ease-in-out; -moz-transition: background-color .3s ease-in-out; -ms-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out;color:#ffffff;font-weight:600;text-decoration:none;background-color:#EAAA00;} .fafbutton:hover, .rfq-list-item:hover {color:#ffffff;font-weight:600;text-decoration:none;background-color:#003057;} .fafbutton span ,.rfq-list-item span {display:table-cell;vertical-align:middle;} .gform_wrapper ul li.gfield {clear:none !important;} .gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper textarea.large, input[type='text'].large {font-family: 'Lato', sans-serif !important;width:100% !important;margin-bottom:0.75em !important; background-color: transparent;outline:none;border:none; border-bottom: 1px solid #003057; font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; /* 128.571% */ letter-spacing: 0.5px;} .gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper textarea {padding: 0 0.5em 0 0 !important;text-indent: 0;} .styled-select {display:none;} .styled-select-dropdown { cursor:pointer; position:relative; font-family: 'Lato', sans-serif !important; width: 100% !important; margin-bottom: 0.75em !important; background-color: transparent; outline: none; border: none; border-bottom: 1px solid rgba(0, 48, 87, 0.2); padding: 0 20px 0 0 !important; height: 33px; line-height: 20px; } .styled-select-dropdown i { position: absolute; right: 0; top: 5px; font-size: 14px; } .styled-select-dropdown.opened i { transform: rotate(180deg); } .selected-text {/*color: #828282;*/line-height: 1.5em;} .selected-text.blue {color: #003057;} .select-dropdown {position:absolute;z-index:99;top: 100%;left: 0;width: 100%;overflow:hidden;max-height:0px;} .select-dropdown.opened {max-height:10000px;} .select-option { background-color:#0076D6; padding:12px; color:#ffffff; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-size: 18px; font-style: normal; font-weight: 700; line-height: 28px; text-align: center; border-bottom:1px solid #ffffff; } .select-option:last-child {border-bottom:none;} .select-option:hover, .select-option.selected {background-color:#003057;} .select-option.with-link {padding:0 !important;} .select-option a {color:#ffffff !important;text-decoration:none !important;display:block;padding: 12px;} form.white input[type=email], form.white input[type=number], form.white input[type=password], form.white input[type=tel], form.white input[type=text], form.white input[type=url], form.white textarea {border-bottom: 1px solid #ffffff !important;} input::-webkit-input-placeholder { color: #828282; line-height: 1.5em; } input::-moz-placeholder { color: #828282; line-height: 1.5em; } input:-ms-input-placeholder { color: #828282; line-height: 1.5em; } form.white input::-webkit-input-placeholder { color: #ffffff; line-height: 1.5em; } form.white input::-moz-placeholder { color: #ffffff; line-height: 1.5em; } form.white input:-ms-input-placeholder { color: #ffffff; line-height: 1.5em; } /*option[value=""][disabled] { color: #ffffff; line-height: 1.5em; }*/ option[value=""] { color: #828282; line-height: 1.5em; } .hero-section {padding:1em 0 2em 0;} .hero-section h1 {color:#000000;font-size:50px;font-weight:300;} .hero-section h2 {color:#000000;font-size:32px;font-weight:300;} .rfq-statusbar { width: 100%; font-size: 18px; background-color: transparent; overflow: hidden; border: 1px solid #cccccc; margin: 50px 0 0 0; } .rfq-statusrow { display: table; width: 100%; } .rfq-statusrow:last-child {} .rfq-statusrow span, .rfq-statusrow li, .rfq-statusrow a { display: table-cell; padding: 1em 0.5em; border-right: 1px solid #cccccc; text-align: center; background-color: transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 13px; list-style-type: none; text-decoration:none; text-transform:uppercase; } .rfq-statusrow a { border-bottom: none; } .rfq-statusrow span.done { cursor: pointer; } .rfq-statusrow span.done:hover, .rfq-statusrow span.selected, .rfq-statusrow li:hover, .rfq-statusrow li.current_page_item, .rfq-statusrow a.selected, .rfq-statusrow a.current_page_item { background-color:#003057; color: #ffffff; } .noclicking { cursor: default; } a.noclicking:hover {color:#EAAA00;} .rfq-statusrow span.selected:after, .rfq-statusrow a.selected:after { content: ''; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-top: 22px solid transparent; border-left: 11px solid #003057; border-bottom: 22px solid transparent; } .rfq-statusrow span.selected, .rfq-statusrow a.selected { cursor: default; position: relative; } .rfq-statusrow span:last-child, .rfq-statusrow a:last-child { border-right: none; } .rfq-statusrow li a { color: #58585a; } .rfq-statusrow li a:hover { color: #ffffff; } form input[type="submit"] {} .rfq-form .wouldlike label.gfield_label {display:inline-block !important;margin-right:1em !important;} .rfq-form .wouldlike .ginput_container {display:inline-block;} .rfq-form .wouldlike .ginput_container .gfield_checkbox li {display:inline-block !important;margin-right:1em !important;} .rfq-form input[type="checkbox"] {margin-top:.5em !important;} .ekko-lightbox-container .container {max-width:100%;} .modal input[type="submit"] {margin:1em auto;display:block !important;} .modal #wpadminbar {display:none !important;} #floating-contact-tab {width: 135px;position:fixed;right:0;top:40%;color:#ffffff;text-align:center;padding: 0.5em 1.75em;font-size: 14px;font-weight: 600;cursor:pointer;display:block;background-color:#EAAA00;-webkit-transition: background-color .3s ease-in-out;-moz-transition: background-color .3s ease-in-out;-ms-transition: background-color .3s ease-in-out;-o-transition: background-color .3s ease-in-out;transition: background-color .3s ease-in-out;border-left:1px solid #a67c0c;border-top:1px solid #a67c0c;border-bottom:1px solid #a67c0c;} #floating-contact-tab:hover {background-color:#a67c0c;} #floating-contact-tab .genericon, #floating-contact-tab .fa {font-size:30px;} #floating-contact-block, #floating-link-tab-block {position:fixed;width:550px;margin: 0 -850px 0 0;overflow: hidden;right: 0;top:40%;color:#000000;text-align:center;padding:1em;font-size:18px;font-weight:400;display:block;background-color:#dadada;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;border-top:1px solid #a67c0c;border-bottom:1px solid #a67c0c;border-left:20px solid #a67c0c;z-index:100;} #floating-link-tab-block {top:25%;min-height:150px;} #floating-contact-block h3, #floating-link-tab-block h3 {margin-top: 20px;margin-bottom: 20px;} #floating-contact-block a, #floating-link-tab-block a {text-decoration:none;color:#003057;font-size:14px } #floating-contact-block a:hover h5, #floating-link-tab-block a:hover h5 {text-decoration:underline;} #floating-contact-block h5, #floating-link-tab-block h5 {margin-bottom:0;color:inherit;} #floating-contact-block .genericon, #floating-contact-block .fa, #floating-link-tab-block .fa {font-size:40px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} #floating-contact-block .genericon-close, #floating-contact-block .fa-times, #floating-link-tab-block .fa-times {position:absolute;top:0.5em;right:0.5em;font-size:40px;cursor:pointer;} #floating-contact-block .genericon-close:hover, #floating-contact-block .fa-times:hover, #floating-link-tab-block .fa-times:hover {color:#EAAA00;} #floating-contact-block.opened, #floating-link-tab-block.opened {margin: 0 0 0 0;} #floating-link-tab {width: 135px;position:fixed;right:0;top:25%;color:#ffffff;text-align:center;padding: 0.5em 1.75em;font-size: 14px;font-weight: 600;cursor:pointer;display:block;background-color:#EAAA00;-webkit-transition: background-color .3s ease-in-out;-moz-transition: background-color .3s ease-in-out;-ms-transition: background-color .3s ease-in-out;-o-transition: background-color .3s ease-in-out;transition: background-color .3s ease-in-out;border-left:1px solid #a67c0c;border-top:1px solid #a67c0c;border-bottom:1px solid #a67c0c;} #floating-link-tab:hover {background-color:#a67c0c;} #floating-link-tab .genericon, #floating-link-tab .fa {font-size:30px;} #floating-link-tab a, #floating-link-tab a:hover {color:#ffffff;text-decoration:none;} .popupform_wrapper {width:95%;} .gform_wrapper.popupform_wrapper .top_label input.large {margin-bottom:0 !important;} .gform_wrapper.popupform_wrapper .gform_footer {margin:0 0 0 15px !important;padding:1em 0 !important;} footer .gform_wrapper ul li.gfield {margin-top:0 !important;} footer input[type="email"], footer input[type="text"] {width: 500px;margin-bottom: 20px;padding: 3px 0; background-color: transparent; border: none !important;border-bottom: 1px solid rgba(0, 48, 87, 0.2) !important;} footer input[type="submit"] {padding: 6px 36px !important;} .verticalrow {padding-top:40px;} .verticalrow .sequenceme {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .search article {padding: 0 0 20px 0 !important;} .search article h2 {margin-bottom: 5px !important;} .search article h2 a {text-decoration:underline;} #content form input[type='submit'] {height:auto;white-space: normal;} .gsc-control-cse {background-color: transparent !important;border-color: transparent !important;} .gsc-control-cse table, table.gsc-above-wrapper-area-container, table.gsc-above-wrapper-area-container tr, table.gsc-table-result td, table.gsc-above-wrapper-area-container, table.gsc-above-wrapper-area-container tr, table.gsc-above-wrapper-area-container td, td.gsc-table-cell-snippet-close, table.gsc-resultsHeader td, table.gsc-resultsHeader td, div.gsc-above-wrapper-area, td.gsc-orderby-container {border: none !important; border-color:transparent !important;} .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult, .gsc-webResult.gsc-result:hover, .gsc-imageResult:hover { background-color: transparent !important;} div.gsc-webResult.gsc-result {background: none !important;} .clearer {clear:both;} .gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3 {font-weight:300 !important;} .eighty-width {width:80%;} form .column.one-half {width: 50%;display: inline-block;} #positions {border-top:5px solid #EAAA00;} #resume {border-top:5px solid #EAAA00;border-bottom:5px solid #EAAA00;min-height:500px;} .job-block {margin-bottom: 2.5em;display:block;} .job-block h5 {margin-bottom:0;} .job-block .col-md-4 {padding-top:30px;} .mapboxgl-popup-content { padding:20px 40px 20px 20px !important; font-size:14px; } .marker { background-image: url('img/mapbox-icon.png'); background-size: cover; width: 20px; height: 20px; /*border-radius: 50%;*/ cursor: pointer; } .mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right {display:none;} #mobilelist {display:none;} .category-sorter.nomap {display:none;} .number-icon {position:relative;display:inline-block;text-align: center;border:3px solid #EAAA00;background-color:#003057;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0.25em 20px 0.25em auto;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;width:48px;height:48px;} .number-icon span {position:absolute;display:block;top:50%;transform:translateY(-50%);width:100%;} #sticky-sub-nav {width:100%;font-weight: bold;position:relative;z-index:30;height:180px;background-color:#f2f2f2;/*padding-left: 15px;padding-right: 15px;width:100%;*/} #sticky-sub-nav .row { display: flex; -ms-flex-wrap: wrap; flex-wrap: nowrap;} #sticky-sub-nav .sticky-item {flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 180px;padding:15px 5px;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} #sticky-sub-nav .sticky-item a.jumplink {display:block;line-height: 1.4375em;} #sticky-sub-nav .sticky-item a.jumplink:focus {outline: none !important;} #content.stuck #sticky-sub-nav {position:fixed;top:89px;} #content.stuck #hero-section.presticky {margin-bottom:180px;} .filerow {column-count: 2;} .filerow .col-12 {padding-left:15px;padding-right:15px;} .styled-icon {width:64px;height:64px;background-size:60%;background-repeat:no-repeat;background-position:center;} .sticky-item.hidden {display:block !important;} .sticky-item.sticky-nav-button {display:none !important;} .row.larger-screen {display:flex !important;} .row.smaller-screen {display:none !important;} /* Contact Form ----------------------------------*/ .gform_wrapper .gf_page_steps {text-align:center;margin:0 0 30px 0 !important;padding:0 !important;position:relative;border-bottom:none !important;} .gform_wrapper .gf_page_steps:after {content:'';position:absolute;bottom:0;height:1px;background-color:#E0E0E0;width: 7000px;left: 50%;margin-left: -3500px;} .gform_wrapper .gf_step span.gf_step_label {text-transform:uppercase;} .gform_wrapper .gf_step span.gf_step_number {display:none !important;} .gform_wrapper .gf_step {padding: 16px 20px 32px 20px !important;margin:0 !important;} .gform_wrapper .gf_step.gf_step_active {position:relative;} .gform_wrapper .gf_step.gf_step_active:after { content:'';position:absolute;width:50px;height:3px;bottom:0;left:50%;margin-left:-25px;background-color:#0076D6;border-top-left-radius: 3px;border-top-right-radius: 3px;} .gform_wrapper .gform_page_footer {border-top:none !important;padding: 60px 15px 0 15px !important;text-align: right;} .gform_wrapper .gform_page_footer .button.gform_next_button, .stepped-contact-form input[type=submit] {/*float:right;*/margin-left: 10px;margin-right: 0px !important;} .gform_previous_button, .gform_next_button { /*color: #0076D6 !important; border: 1px solid #0076D6 !important; background-color:transparent !important;*/ padding: 20px 80px !important; line-height: 1.25em; } .gform_previous_button {color:#828282 !important;border:none !important;background-color:transparent !important;} input[type="submit"], a.button[type="reset"] { padding: 20px 80px !important;line-height: 1.25em; } .gform_next_button:hover { /*color: #003057 !important; border: 1px solid #003057 !important; background-color:transparent !important;*/ background-color: #003057; } .gform_previous_button:hover {color:#003057;} .gform_wrapper textarea {background-color: #F2F2F2 !important;padding: 10px !important;} .contact-radio-block {display:inline-block;margin:10px;border:3px solid #0076D6;cursor:pointer;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .contact-radio-block:hover {border-color:#003057;} .contact-block-image-inner {padding:76px 108px;} .contact-block-image-inner img {height:100px;width:100px;} .contact-radio-text {padding:10px;background-color:#0076D6;color:#ffffff;text-transform:uppercase;font-family: 'Montserrat', sans-serif;font-size: 18px;font-weight: 700;line-height: 28px;text-align: center;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .contact-radio-block:hover .contact-radio-text, .contact-radio-block.selected .contact-radio-text {background-color:#003057;} .contact-radio-blocks input[type=radio], .contact-radio-blocks .gfield_label {display:none !important;} .contact-radio-blocks input[type=radio][checked=checked] + label .contact-radio-block {border-color:#003057;} .contact-radio-blocks input[type=radio][checked=checked] + label .contact-radio-text {background-color:#003057;} /*#gform_page_25_1 .gform_page_footer {height:0px;overflow:hidden !important;}*/ /* Calculator ----------------------------------*/ .calculator-wrapper {min-height: 360px;position:relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .calculator-header {text-align:center;box-shadow: 0px 14px 25px -25px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 14px 25px -25px rgba(0,0,0,0.25);-moz-box-shadow: 0px 14px 25px -25px rgba(0,0,0,0.25);} .animation-wrapper {position:relative;min-height: 300px;} .intro-slide {position:absolute;z-index:2;width:100%;-webkit-transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-ms-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;} .truck {position: absolute;z-index:3;width: 300px;height: 170px;left: 50%;margin-left: -150px;top: 100px;animation-name: truckbounce;animation-duration: 1s;animation-iteration-count: infinite;-webkit-transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-ms-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;} .truck-notires {position:relative;z-index:1;} .tire {position:absolute;z-index:2;bottom:0;width:44px;height:44px;animation-name: tirerotate;animation-duration: 0.25s;animation-iteration-count: infinite;} .tire.back-tire {left:15px;} .tire.front-tire {right:15px;} .landscape-hills {position: absolute;z-index:2;top:50px;width: 300%;left:0%;animation-name: landscape;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: linear;} .clouds {position: absolute;z-index:1;top:50px;width: 200%;left:0%;animation-name: cloudsflow;animation-duration: 8s;animation-iteration-count: infinite;animation-timing-function: linear;} .calculator-wrapper.start .intro-slide {opacity:0;} .calculator {opacity:0;-webkit-transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-ms-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;} .calculator-wrapper.start .calculator {opacity:1;} @keyframes tirerotate { 0% {transform: rotate(0deg);} 25% {transform: rotate(90deg);} 50% {transform: rotate(180deg);} 75% {transform: rotate(270deg);} 100% {transform: rotate(360deg);} } @keyframes truckbounce { 0% {top:100px;} 25% {top:98px;} 50% {top:100px;} 75% {top:98px;} 100% {top:100px;} } @keyframes landscape { from {left:0%;} to {left:-200%;} } @keyframes cloudsflow { from {left:0%;} to {left:-100%;} } .gform_legacy_markup_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error.col-sm-4:not(.gf_left_half):not(.gf_right_half) {width:33%;} .calc-buttons input[type=radio], .calc-buttons .gfield_label {display:none !important;} /*.calc-buttons input[type=radio][checked=checked] + label .calc-button.ghost {border-color:#EAAA00 !important;background-color:#003057 !important;color:#ffffff !important;}*/ .calc-buttons .gfield_radio li label {max-width:unset !important;} .calc-button {position:relative;} .calc-button.ghost:before { width: 16px; height: 16px; content: ""; border: 2px solid #0076D6; background-color: #fff; background-image: none; background-repeat: no-repeat; background-position: center; border-radius: 50%; z-index: 2; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .calc-button.ghost.active:before { background-color: #0076D6; background-image: url(img/icon-checkmark.svg); } .calc-button.ghost.active {border-color:#EAAA00 !important;background-color:#003057 !important; color:#ffffff !important;} .gform_wrapper .calc-buttons .gfield_checkbox li, .gform_wrapper .calc-buttons .gfield_radio li {margin:6px 0 !important;} .calc-buttons ul.gfield_radio {width: 80% !important;margin: 0 auto !important;} .calc-buttons ul.gfield_radio li label, .calc-buttons ul.gfield_radio li label .calc-button {width: 100%;height: 100%;margin: 0 !important;font-size:14px; padding:6px 4px !important;max-width: 300px;} .calc-buttons.large ul.gfield_radio li label, .calc-buttons.large ul.gfield_radio li label .calc-button {max-width: 600px;} .calc-buttons ul.gfield_radio li label .calc-button {text-align:left; padding:6px 4px 6px 38px !important;} .calc-buttons ul.gfield_radio li label .calc-button.with-icon {padding:6px 38px 6px 38px !important} #calculator-slides .slick-prev {display:none;} .calc-total {border-top: 1px solid rgba(0,0,0,0.25);} .calc-form input[type='submit'] {float:right;} .calc-form li {/*padding-left:60px !important;padding-right:60px !important;*/} .icon-info, .icon-x {cursor:pointer;} .icon-x {display:none;} .calc-button a { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); } .fancybox-bg {background-color: rgba(51,51,51,0.4) !important;} .calc-popup { width: 50%; background-color: rgba(51,51,51,0.9); color: #ffffff; text-align: center; border: 2px solid #EAAA00; } .calc-popup h5 {color:#ffffff;text-transform:uppercase;} .other-value { display: block; width: 280px; float: right; margin-right: 130px; } /*Table styles*/ .ship-class-styled-dropdown {margin-bottom:0px !important;height:auto;background-color: #0076D6;color:#ffffff;} .ship-class-styled-dropdown { display:block; background-color: #0076D6; padding: 0px !important; color: #ffffff; font-family: 'Montserrat', sans-serif !important; text-transform: uppercase; font-size: 18px; font-style: normal; font-weight: 700; line-height: 28px; text-align: center; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; } .styled-select-dropdown.ship-class-styled-dropdown:hover {background-color: #003057;} .styled-select-dropdown.ship-class-styled-dropdown i {right: 20px;top: 18px;transform-origin: center;} .styled-select-dropdown.ship-class-styled-dropdown .selected-text {padding: 12px;} .styled-select-dropdown.ship-class-styled-dropdown .select-dropdown {position:relative;} .styled-select-dropdown.ship-class-styled-dropdown .select-dropdown.opened {border-top: 4px solid #EAAA00} .styled-select-dropdown.ship-class-styled-dropdown.opened {color: #003057;background-color:#BDBDBD !important;} .styled-select-dropdown.ship-class-styled-dropdown.opened i {top: 26px;transform:rotate(180deg) translateY(30%);} .styled-table-header {border-top: 4px solid #EAAA00;font-size: 16px;font-weight:600;background-color:#BDBDBD;} .styled-table-row {border-bottom: 1px solid #EAAA00;font-size: 16px;font-weight:600;} .styled-table-row:hover {border-bottom: 1px solid #003057;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .styled-table-row .moblabel {display:none;} .row-button {} .row-button a {display:block;font-weight:600;width:100%;height:100%;color:#ffffff;background-color:#0076D6;text-transform:uppercase;text-decoration:none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .style-table-export a:hover, .style-table-loadmore a:hover {background-color:#003057;} .ship-image-container a {} .ship-image {cursor:pointer;} .row-button.style-table-loadmore {display:none;} .fancybox-button.fancybox-close-small:hover {color:#ffffff;} .popup-container {max-width:800px;} /* ----- Migrated Hubspot CSS ------*/ .blog-index__post-image { display:block; background-size:cover; background-position:50%; background-repeat:no-repeat; } .featured-posts, .section.post-body { padding-left: 80px; padding-right: 80px; } .post-body h4, .post-body h4 span {font-size: 24px !important;} @media screen and (max-width:991px) { .featured-posts, .section.post-body {padding-left:15px;padding:15px} } .featured-posts h4 {font-size:32px;} .blogtopics { text-transform:uppercase; color:#888B8D; } .lined-title { display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; } .lined-title:before, .lined-title:after { content: ''; border-top: 2px solid #999999; margin: 0 20px 0 0; flex: 1 0 20px; } .lined-title:after { margin: 0 0 0 20px; } .blog-pagination__link {margin:0 5px;} .blog-pagination__link--active {cursor:default !important;font-weight:600;color:#000000 !important;text-decoration:none;} h1 {font-size:32px;text-transform:uppercase;} .social-sharing { margin: 40px 0 0 0; } .social-sharing a.share { display: inline-block; color: #ffffff !important; font-size: 14px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight:600; background-color: #cccccc; padding: 8px 16px; margin: 0 0.5em 0.5em 0; width: auto; text-decoration: none !important; line-height: 34px; -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-style: normal; font-weight: 700 !important; font-size: 16px !important; line-height: 125% !important; } .social-sharing a.share:hover { -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; color: #ffffff !important; } .social-sharing a.share .fa, .social-sharing a.share .fab { line-height: inherit; margin: 0 0.5em 0 0; } .social-sharing.min a { color: #acacac; } .bg-facebook { background-color: #4267b2 !important; } .bg-twitter { background-color: #38A1F3 !important; } .bg-google { background-color: #db4d33 !important; } .bg-linkedin { background-color: #0e76a8 !important; } .bg-pinterest { background-color: #c92521 !important; } .cta_button {margin-bottom:30px;} .hs-embed-wrapper,.wp-block-table {margin-bottom:60px !important;} .blog-bio-head {border-radius:50%;border:5px solid #EAAA00;background-size: cover;background-position: center; } .hs-blog-social-share { padding: 20px 0px; height: auto } .hs-blog-social-share .hs-blog-social-share-list { margin: 0; list-style: none !important } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item { height: 30px; list-style: none !important } @media(max-width:479px) { .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) { float: none !important } } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like>span { vertical-align: top !important } .hs-blog-social-share { height: 30px } .hs-blog-social-share .hs-blog-social-share-list { list-style: none; padding-left: 0 } .hs-blog-social-share .hs-blog-social-share-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .hs-blog-social-share .hs-blog-social-share-item { float: left; margin-right: 10px } .hs-blog-social-share .hs-blog-social-share-item .twitter-share-button { min-width: 61px!important } .hs-blog-social-share .hs-blog-social-share-item-linkedin { margin-right: 5px } img.hs-social-sharing-placeholder { height: 20px!important; width: auto!important; max-width: none!important; max-height: none!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; margin-right: 5px } .hs-blog-social-share-item-linkedin .IN-widget {display:flex !important;} .hs_cos_wrapper_type_related_blog_posts { display:flex; flex-wrap:wrap; margin-left:-15px; margin-right:-15px; } .hs-search-field__input { padding: 0 0.5em 0 0 !important; text-indent: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .hs-search-field__input:focus { outline:none !important; } .hs-search-results__title { font-size: 28px; font-family: 'Lato', sans-serif; font-weight: 700; } .hs-search-results__listing li {margin-bottom:30px !important;} .blog-index__post-content, .blog-index__post-content p {font-size:18px !important;} .bg-lt-blue .hs-form-required {color:#ffffff !important;margin-left:5px !important;} .bg-lt-blue label, .bg-lt-blue label span { font-family: 'Lato', sans-serif !important; font-size: 14px !important; text-transform: uppercase !important; } .bg-lt-blue input.hs-input:not([type=radio]) { color:#ffffff !important; padding: 0 .5em 0 0 !important; text-indent: 0; height: 33px !important; line-height: 20px !important; border-radius: 0px !important; max-width: 100%; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; border: none !important; border-bottom: 1px solid rgba(255,255,255,1) !important; background-color: transparent; outline: none; box-shadow: none; width:500px; } .hs_blog_default_hubspot_blog_subscription {margin-top:30px;margin-bottom:30px;} .inputs-list {list-style:none;padding-left:0;} .hs-form-radio {display:inline-block;margin-right:1em;} input[type=radio] {margin-right: 0.25em;} @media only screen and (min-width: 1440px) { #sticky-sub-nav .row {/*justify-content: center!important;*/} } @media only screen and (max-width: 1199px) { .cCard .button{ width: 100%; margin-bottom: 5px; } .navbar-default .navbar-nav>li>a {font-size: 13px;padding: 10px 12px;} .navbutton, #navbar-right .genericon, #navbar-right i, #navbar-right .fa {padding: 10px 12px;} .logo {max-width: 100%;} .home-solutions { min-height: 700px;} #carousel-solutions .item h2 {font-size:20px;} #carousel-solutions .item {font-size:16px;} #carousel-solutions .carousel-inner .item { min-height: 770px;} #main-column .page .entry-header {text-align:center;width: 90%;margin: 0 auto;} .other-value { display: block; width: 236px; float: right; margin-right: 108px; } } @media only screen and (max-width: 1023px) { .hero-text { top: 295px !important; } #header .social_icons li {min-width:30px;} #header .social_icons li a {display:none;} #header .social_icons.social_opened {top: 125px;right: 175px;} .mobileseen {display:block;} .mobilehidden {display:none;} ul#menu-top-menu li.menu-item {font-size:22px;} #navbar-right .genericon, #navbar-right i, #navbar-right .fa {font-size:16px; padding:10px;} #floating-contact-tab, #floating-contact-block, #floating-link-tab, #floating-link-tab-block {display:none !important;} } @media only screen and (max-width: 991px) { .vidWrapper{ max-height: 100% !important; } .videoNail img{ height: 150px !important ; width: 100% !important; } .mobilehidden {display:none;} #mobile-menu .menu-item-has-children.opened {background-color:#f2f2f2;} .navbar-default .navbar-nav>.active>a:after, li.current-menu-ancestor:after, li.current-menu-parent:after, .navbar-default .navbar-nav>.active>a:focus:after, .navbar-default .navbar-nav>.active>a:hover:after {content:none !important;} .caret {margin-left:0;} header.container {width:100%;} .navbar-nav { width: calc(100% - 40px);} div[class*="col-"] {/*margin-bottom:1em;*/} #hero-section h1 {font-size:50px;} #hero-section .container {padding-left: 15px;padding-right: 15px;} #hero-section p {width: 80%;} .footer-bottom .container div:last-child {padding-left: 15px;border-left: none;} .largebutton {margin: 40px 0 0 0;} .bottom-buttons .largebutton {height: 150px;} #navbar-right .genericon, #navbar-right i, #navbar-right .fa {font-size: 20px;} #highlights h2 {width:90%;margin-left: auto;margin-right: auto;} #carousel-solutions .carousel-menu {margin-left: -10%;} #testimonials h2 {font-size: 28px;line-height: 1.25em;} .subsection h2 {width:90%;} .job-block {margin-bottom: 2.5em;} .job-block .col-md-4 {padding-top:0;} .leftband {text-align:center;} .rightband {text-align:center;} .yellowcurve img, .yellowsponsors img {max-width: 160px;} .calc-form li {padding-left:30px !important;padding-right:30px !important;} .other-value { display: block; width: 266px; float: right; margin-right: 90px; } .gfield_error.col-md-3, .gfield_error.col-md-4, .gfield_error.col-md-6 {width:100% !important;} .calc-popup {width:70%;} #sticky-sub-nav .slick-track:before {content:'';position:absolute;width:30px;height:100%;top:0;left:0;background: linear-gradient(270deg, #000000 -100%, rgba(196, 196, 196, 0) 81.67%);transform: rotate(-180deg);} #sticky-sub-nav .slick-track:after {content:'';position:absolute;width:30px;height:100%;top:0;left: calc(100% - 30px);background: linear-gradient(270deg, #000000 -100%, rgba(196, 196, 196, 0) 81.67%);} #sticky-sub-nav .col {/*min-width:150px;*/} .sticky-item {margin-left:0;margin-right:0;opacity:1;} .sticky-item.sticky-nav-button {display:block !important;} .sticky-nav-button .styled-icon {border: 3px solid #0076D6;background-color: #0076D6;} .sticky-nav-button:hover .styled-icon {border: 3px solid #003057;background-color: #003057;} .sticky-item.hidden {display:none !important;opacity:0;} .sticky-item.first-half.hidden {margin-left:10px;} .sticky-item.second-half.hidden {margin-right:10px;} .carousel-title h1 {font-size:50px;} .styled-table-header {display:none;} .styled-table-row {font-weight:400;} .styled-table-row .moblabel {display:block;} .ship-image-trigger {text-align:center;} .ship-image-container {padding-top:20px;} .row-button.style-table-loadmore {display:block;border-bottom: 1px solid #ffffff;} .mob-count-separator.counthidden {display:none;} .hero-text{ top:395px !important; } } @media only screen and (min-width: 768px) { .navbar-default .contact-icon {display:none;} .navbar-nav {width: calc(100% - 80px);} } @media only screen and (max-width: 767px) { #gform_submit_button_25{ position: relative; margin-top: 40px; margin-left: 30px; } .hero-text{ top:454px !important; } .hero-text h1{ font-size: 30px;; } .hero-text h4{ font-size: 18px;; } .background-tint { background-color: rgba(0, 0, 0, 0.5); background-blend-mode: multiply; } .preheader {font-size: 18px;} .flexgrid div[class*="col-"] { width:100%;} .nomobile {display:none !important;} .nodesktop {display:block;} #mobile-menu-container { display: block; position: fixed; z-index: 9998; width: 100%; top:90px; bottom:0px; } #page.banner-closed #mobile-menu-container {top:90px;} .mobile-menu-inner {overflow-y: scroll; height: 100%;} .mobile-search-wrapper {padding:2%;} .mobile-search-wrapper .searchform {max-height: 10000px !important;overflow: visible!important;} #login-picker, .search-input {width:100%;} #mobile-menu {} #mobile-menu .sub-menu {background-color: #e1e1e1;} #mobile-menu, #mobile-menu .sub-menu, #mobile-secondary-menu {list-style: none;padding: 0;margin:0;text-transform: uppercase;text-align: center;} #mobile-menu .sub-menu {} #mobile-menu li, #mobile-secondary-menu li {overflow:hidden;border-bottom: 1px solid rgba(0,0,0,0.2);} #mobile-secondary-menu li {} #mobile-menu li .sub-menu {max-height:0px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #mobile-menu li .sub-menu.opened {max-height:10000px;margin:0;-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.1);box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.1); background-color: rgba(255,255,255,0.25);} #mobile-menu li a, #mobile-secondary-menu li a {position:relative;display: block;padding: 20px 15px;text-decoration:none;text-align: left;font-weight: 600;} #mobile-menu li a i {margin-left:10px;position: absolute;right: 20px;font-size: 26px;} #mobile-menu li.opened > a i {transform:rotate(180deg);} #mobile-menu li a:after, #mobile-secondary-menu li a:after {content:'';position:absolute;bottom:0px;width:60%;left:20%;height:1px;border-bottom: 1px solid rgba(255,255,255,0.25);} #mobile-secondary-menu li a:after {border-bottom:1px solid #A6A6A6;} /*#mobile-menu li:last-child a:after, #mobile-secondary-menu li:last-child a:after {content:none;}*/ .mobile-contact {} .mobile-contact a {color: #002B5C;} .hamburger {padding: 10px 0px !important;} .hamburger:focus {outline:none;} .hamburger--slider .hamburger-inner::before {transition-property: all !important;transition-duration: 0.3s !important;} .hamburger--slider .hamburger-inner, .hamburger--slider .hamburger-inner:before, .hamburger--slider .hamburger-inner:after {width:30px;background-color:#ffffff !important;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .hamburger--slider:hover .hamburger-inner, .hamburger--slider:hover .hamburger-inner:before, .hamburger--slider:hover .hamburger-inner:after {background-color:#DDDDDD !important;} .alignleft {float: none;margin: 0 auto 18px auto;display:block;} .alignright {float: none;margin: 0 auto 18px auto;display:block;} .aligncenter {margin: 0 auto 18px auto; text-align: center;display:block;} .headerspacer {height:20px;min-height: 20px !important;} header .row.main-navigation .logo {float:left;max-width: 190px;z-index: 2000;padding-top:10px;padding-left:10px;} .logo-wrapper {padding-top: 0px !important;} .navbar-collapse {padding: 0.5em 0;margin-top: 2em;} .navbar-nav { width:auto;} .navbutton {width: 50%;margin: 0.5em auto;} #hero-section .container {text-align:left !important;} #hero-section h1:after {margin:32px 0;} #hero-section {min-height: 100px;height: auto;} #hero-section h1 {font-size: 30px;} #hero-section h2 {font-size: 18px;} #hero-section p {font-size: 16px;} /*#hero-section {padding: 100px 0 30px 0;}*/ .paperback {padding: 30px 0 30px 0;} .single #hero-section {padding: 100px 0 20px 0;} .navbar-default .navbar-nav>li>a {text-align: center;font-size: 22px !important;padding: 1em 1.5em;} .searchform {/*float:right;*/} .maintop {padding: 4px 0;} .dropdown-menu::before {content:none !important;} .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #000000;text-align: center;font-size: 18px;padding: 0.75em 2em;} .navbar-default .navbar-nav>.active>a, li.current-menu-ancestor, li.current-menu-parent {color: #EAAA00 !important;border-bottom: none;} .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {color:#ffffff;background-color:#a67c0c !important;background-image:none !important;} .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {border-bottom: none !important;} .dropdown-submenu > a::after {margin-right: 0;/*position: absolute;right: 20px;top: 8px;*/} .navbar-default .navbar-nav .open .dropdown-menu li ul li a {background-color:#fed979 !important;} .navbar-default .navbar-nav .open .dropdown-menu li ul li a:hover, .navbar-default .navbar-nav .open .dropdown-menu li ul li a:focus, .navbar-default .navbar-nav .open .dropdown-menu li ul li a:active {background-color:#EAAA00 !important;} .nav>li {border-bottom: 1px solid rgba(238, 177, 17, 0.125);} .caret {/* position: absolute; */} #navbar-right {text-align: center;float: none;width: 100%;display: block;position: relative;} .navbar-nav {float: none;} #navbar-right .genericon, #navbar-right i, #navbar-right .fa {display:none;} .searchform {display: block !important;-moz-opacity: 1;-webkit-opacity: 1;opacity: 1;position: relative; background-color: transparent; right: auto; top: auto;} .searchform button, .searchform input[type="submit"], .searchform input[type="button"], .popupform input[type="submit"] {/*background-color: transparent !important;*/color: #ffffff;margin: 1em auto;} #highlights h2 {width:100%;} .home-solutions {display:none;} .home-solutions-mobile {display:block;padding: 100px 0 40px 0;background-color:#003057;} .home-solutions-mobile h2, .home-solutions-mobile h3, .home-solutions-mobile h4, .home-solutions-mobile h5, .home-solutions-mobile h6 {color:#ffffff;margin-bottom:0.5em;} .home-solutions-mobile .accordion-header[aria-expanded="true"] {color:#000000;padding: 0.75em;font-size: 18px;margin: 0.25em 0 0 0;} .home-solutions-mobile .accordion-header, .home-solutions-mobile .accordion-header.collapsed {background-color:#eff2f8;color:#4b4b4b;padding: 0.75em;font-size: 18px;margin: 5px 0 0 0;cursor:pointer;position:relative;} .home-solutions-mobile .accordion-header .glyphicon, .home-solutions-mobile .accordion-header.collapsed .glyphicon {position:absolute;right:10px;color:#4b4b4b;width:20px;height:20px;top:50%;margin-top:-10px;} .home-solutions-mobile .accordion-header .glyphicon:before, .home-solutions-mobile .accordion-header.collapsed .glyphicon:before {content:"\e252";} .home-solutions-mobile .accordion-header[aria-expanded="true"] .glyphicon {position:absolute;right:10px;color:#4b4b4b;width:20px;height:20px;top:50%;margin-top:-10px;} .home-solutions-mobile .accordion-header[aria-expanded="true"] .glyphicon:before {content:"\e253";} .home-solutions-mobile .accordion-content, .home-solutions-mobile .accordion-content[aria-expanded="true"] {background-color:#eff2f8;padding:1em;margin:0 0 5px 0;color:#4b4b4b;} .home-solutions-mobile .accordion-group {padding-top:30px;padding-bottom:20px;padding-left:0; padding-right:0;} #main-column .page .entry-header {text-align:center;width: 100%;margin: 0 auto;} .subsection {padding: 30px 15px 30px 15px;} .center {text-align:left !important;} .bottom-buttons {margin: 60px 0 20px 0;} .bottom-buttons div[class^="col-"] {display: block;} .bottom-buttons .largebutton {display: block;height:auto;} .big-section-title {font-size:30px;} h2 {font-size:30px;} h3, .h3 {font-size: 34px;} .why-column {text-align:left;} .why-column .icon {margin:0.25em 0 0.25em 15px;} .blog-column {margin-bottom:60px;} #explore h2, #explore h3 {text-align:left;} #caption-tree {background-image:none;margin-top:50px;} .leaf {padding: 0 30px;} .leafleft, .leafright {float:none !important;} .left, .right {text-align:center !important;} input[type="text"], input[type="tel"], input[type="number"], input[type="password"], input[type="file"], input[type="email"], textarea {font-size:16px;} .fafbutton {height: auto;} .hero-section {min-height:0px;} .hero-section p {width:100%;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html {max-width:100% !important;} .rfq-form input[type="submit"] {float:none;margin:1em auto;display:block !important;} .panel-title {font-size:14px;} .verticalrow .sequenceme {top: 0;-webkit-transform: none;-ms-transform: none;transform: none;} .eighty-width {width:100%;} .sortable-block {min-height:0px;margin-bottom: 2em !important;} .why-blocks {margin-top: 30px;margin-bottom: 30px;} #map {display:none;} #mobilelist {display:block;} .category-sorter.nomap {display:block;} .product-name {min-height:auto;} .styled-select {display:block;} .styled-select-dropdown {display:none;} #cta {} #cta .row {flex-direction:column;} .gform_legacy_markup_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error.col-sm-4:not(.gf_left_half):not(.gf_right_half) {width:100%;} .gform_wrapper .gf_page_steps {/*display:none;*/} .gform_legacy_markup_wrapper .gf_step {width:auto !important;display:inline-block;} .gform_wrapper .gf_step { padding: 16px 15px 32px 15px !important;} .gform_wrapper .gf_step.gf_step_active:after {width: 36px;margin-left: -18px;} .gform_body ul {list-style:none;padding-left:0;} .centered-columns {margin: 0 5px 30px 5px;} .calc-buttons ul.gfield_radio li label .calc-button {margin: 5px 0 !important;} input[type="submit"], a.button[type="reset"], .gform_previous_button, .gform_next_button {padding: 10px 50px !important;} .calc-form li {padding-left:15px !important;padding-right:15px !important;} .calc-results {font-size:14px;} .calc-popup {width:95%;font-size: 14px;padding: 20px;} .calc-popup h5 {font-size:20px;} .other-value { display: initial; width: initial; float: initial; margin-right: initial; } .filerow {column-count: 1;} .fancybox-content {padding: 40px 15px 15px 15px;} #product-table .styled-select {display:none !important;} #product-table .styled-select-dropdown {display:block !important;border-bottom: 4px solid #EAAA00;} } @media only screen and (max-width: 600px) { #hero-section.short {min-height: 280px !important;} #hero-section .container {text-align:center !important;} #hero-section h1:after {left: 50%;position: relative;transform: translateX(-50%);} .row.larger-screen {display:none !important;} .row.smaller-screen {display:block !important;padding-top:15px;padding-bottom:15px;text-align:center;} #sticky-sub-nav {height:80px;overflow: hidden;max-height: 80px;} #sticky-sub-nav .row {flex-wrap: wrap;} .row.smaller-screen.slick-slider {margin:0 -15px !important;} /*.row.smaller-screen.slick-slider .slick-list, #sticky-sub-nav.slick-slider .slick-track {height:100%;}*/ #sticky-sub-nav .sticky-item {display:inline-block;flex-basis: unset;flex-grow: unset;max-width: unset;padding: 0;} .sticky-item a {margin: 0.5em;opacity:1;border:1px solid #0076D6;border-radius:60px;padding: 8px 15px;font-size: 12px;} .sticky-item a:hover {border:1px solid #EAAA00; background-color:#003057; color:#ffffff !important;} .sticky-item.sticky-nav-button {display:none !important;} .sticky-item.hidden {display:block !important;opacity:1;} .sticky-item .styled-icon {display:none !important;} .sticky-item {font-size:12px;} #content.stuck #hero-section {margin-bottom: 80px;} .ship-class-styled-dropdown {/*padding: 15px 48px 15px 15px !important;*/text-align:left;} .ship-class-styled-dropdown .select-option {text-align:left;} .hero-text{ top:395px !important; } } @media only screen and (max-width: 540px) { .navbar-default .contact-icon {margin-right: 20px;margin-top: 10px;} #hero-section {padding: 30px 0 30px 0;} #hero-section p {width: 100%;} .searchform input[type="text"] {width:180px;} select {width:100%;} .fullwidth-thumb {min-height: 100px;margin-top: 90px;} #testimonials h2 {font-size: 18px;line-height: 1.25em;} .leaf {text-align:left;padding: 0 15px;} .rfq-statusbar {display:none;} form .column.one-half { width: 100%; padding: 0 0 5px 0; } .sectionspacing {padding-top: 10px;padding-bottom: 10px;} body .gform_wrapper ul li.gfield {margin-top: 5px !important;} input[type="submit"], a.button[type="reset"], .gform_previous_button, .gform_next_button {padding: 5px 15px !important;} } @media only screen and (max-width: 440px) { .hero-text{ top:215px !important; } } /* TABLES */ table {border-collapse: collapse;width: 90%;} th {text-transform:uppercase;font-size:18px;font-weight:600;text-align:left;border-bottom: 1px solid #EAAA00;margin: 0;padding: 0.5em 20px;} tr {margin: 0;padding: 0.5em 0;} td {font-size:12px;font-weight:500;text-align:left;border-bottom: 1px solid #EAAA00;margin: 0;padding: 0.5em 20px;} td.characteristic {font-weight:700;} @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } .wp-block-heading{ margin-top: 60px; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border: 1px solid #EAAA00; } td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #bbb; position: relative; padding-left: 50%; } .dropdown-backdrop{ display: none; } td:last-child {border-bottom:none;} td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-transform:uppercase; font-weight:600; } /* Label the data */ .general-characteristics-table td:nth-of-type(1):before { content: "Characteristic"; } .general-characteristics-table td:nth-of-type(2):before { content: "Property"; } .general-characteristics-table td:nth-of-type(3):before { content: "Test Method"; } .general-characteristics-table.patent td:nth-of-type(1):before { content: "U.S. Patent Number"; } .general-characteristics-table.patent td:nth-of-type(2):before { content: "Fabric Description"; } .general-characteristics-table.patent td:nth-of-type(3):before { content: "Title"; } } .page-template-page-video h1:after{ width: 100% !important; } .yellowUnder{ border-bottom: 5px solid #EAAA00; } .VideoDrop{ background: none; color: #828282; border-bottom: 2px solid #003057; padding-left: 0px; width: 100%; padding-bottom: 8px; } .VideoDrop:hover{ background: none !important; color: #828282; border-bottom: 5px solid #003057; } .VideoDrop i{ color: #0076D6; } .vidCatList .dropdown-menu{ width: 100%; box-shadow: none; padding-top: 0px; margin-top: 0px !important; position: absolute; top: 40px; z-index: 991; } .vidWrapper{ position: relative; } .vidCatList .dropdown-item{ width: 100%; display: block; padding: 10px; padding: 18px; text-align: center; color: white; background: #0076D6; border-bottom: 1px solid white; } .videoNail{ padding-bottom: 6px; cursor: pointer; } .vidWrapper{ max-height: 800px; overflow: scroll; } .videoNail p{ font-size: 16px; font-family: Montserrat; font-weight: 500; line-height: 24px; color: #151617; } .videoNail img{ height: 100px; } .navbar-nav>li>.dropdown-menu{ width: 344px; } .navbar-nav>li>.dropdown-menu li:first-child a { border-top: 0px; } .navbar-nav>li>.dropdown-menu { width: 344px; } .fa.fa-twitter{ font-family:sans-serif; } .fa.fa-twitter::before{ content:"𝕏"; font-size:1.2em; } /* 2024 blog tempalte CSS */ .post-container { display: flex; flex-direction: column; align-items: center; } .post-content { max-width: 55%; } .blog-info-container { display: flex; flex-direction: row; } .read-time { margin-right: 10px; padding-right: 5px; border-right: 1px solid black; } .blog-topics-2024 { color: #828282; font-family: Lato; font-size: 24px; font-style: normal; font-weight: 700; line-height: 32px; /* 133.333% */ text-transform: uppercase; } .wp-block-pullquote { display: flex; align-items: center; background-color: #F2F2F2; border: 0; height: 160px; color: var(--Gray-Palette-Gray-1, #333); text-align: center; font-family: Lato; line-height: 30px; /* 125% */ padding:unset; padding-left: 10%; padding-right: 10%; margin-bottom: 40px; } .read-time { color: #000; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.32px; text-transform: lowercase; display: flex; align-items: center; } .time-icon { padding-right: 5px;; } blockquote { font-size: 24px; padding: unset; margin: unset; border-left: unset; } #article > p { color: #333333; padding-top: 5px; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; /* 150% */ } #article > .wp-block-image { padding-top:25px; } .downloadable-module { background-color: #0076D6; padding-top: 30px; padding-bottom: 30px;; } .downloadable-module > h2 { margin-top: unset; margin-bottom: 20px; } .downloadable-title { color: #fff; font-family: Lato; font-size: 24px; font-style: normal; font-weight: 700; line-height: 32px; /* 133.333% */ text-transform: uppercase; } .downloadable-button { border: 1px solid white; color: #fff; background-color: #0076D6; } .downloadable-button > a { color: #fff; } .wp-block-media-text .wp-block-media-text__content { direction: ltr; grid-column: 2; grid-row: 1; padding: 0 20px 0 0; word-break: break-word; } #article > h2 { margin-top: 25px; } .share-on { display: flex; flex-direction: row; align-items: center; color: #121416; font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; width:100%; } .share-on > span { margin-right: 10px; } .copy-button { background-color: #ffffff; color: #556987; padding: 8px 16px; border-radius: 5px !important; border: 1px solid #556987; } /* The progress container (grey background) */ .progress-container { width: 100%; height: 4px; } /* The progress bar (scroll indicator) */ .progress-bar { height: 4px; background: #EAAA00; width: 0%; } @media screen and (max-width:900px) { .post-content { max-width: 80% !important; } } @media screen and (max-width:600px) { .copy-button { margin-top: 25px; } }