@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Barlow:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');*,*:after,*:before{padding:0;margin:0;box-sizing:border-box} .x-window-plain *{box-sizing:content-box} html{font-size:62.5%;font-family:Arial,Helvetica,sans-serif} .clear{clear:both} main{display:block} .clearfix:before,.clearfix:after{clear:both;display:table;width:100%;height:0;overflow:hidden;content:''} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} *:focus{outline:0} @font-face{font-family:'icomoon';src:url('clientlib-site/css/base/fonts/icomoon.eot?a0rsj7');src:url('clientlib-site/css/base/fonts/icomoon.eot?a0rsj7#iefix') format('embedded-opentype'),url('clientlib-site/css/base/fonts/icomoon.woff2?a0rsj7') format('woff2'),url('clientlib-site/css/base/fonts/icomoon.ttf?a0rsj7') format('truetype'),url('clientlib-site/css/base/fonts/icomoon.woff?a0rsj7') format('woff'),url('clientlib-site/css/base/fonts/icomoon.svg?a0rsj7#icomoon') format('svg');font-weight:normal;font-style:normal} [class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .icon-plus:before{content:"\f067"} .icon-minus:before{content:"\f068"} .icon-caret-down:before{content:"\f0d7"} .icon-caret-up:before{content:"\f0d8"} .icon-angle-left:before{content:"\f104"} .icon-angle-right:before{content:"\f105"} .icon-angle-up:before{content:"\f106"} .icon-angle-down:before{content:"\f107"} .icon-lock:before{content:"\f023"} .icon-map-marker:before{content:"\f041"} .icon-twitter:before{content:"\f099"} .icon-facebook:before{content:"\e900"} .icon-facebook-f:before{content:"\e900"} .icon-linkedin:before{content:"\f0e1"} .icon-envelope:before{content:"\f0e0"} .icon-youtube-play:before{content:"\f16a"} .icon-shopping-cart:before{content:"\f07a"} .icon-nav-left:before{content:"\e911"} .icon-nav-right:before{content:"\e912"} .icon-play:before{content:"\e913"} .icon-info:before{content:"\f129"} .icon-youtube:before{content:"\f167"} .icon-pinterest-p:before{content:"\f231"} .icon-mail-forward:before{content:"\f064"} .icon-print:before{content:"\f02f"} .icon-eye:before{content:"\f06e"} .icon-arrow-left:before{content:"\f060"} .icon-arrow-right:before{content:"\f061"} .icon-pdf:before{content:"\e914"} .icon-video:before{content:"\e915"} .icon-jump-plus:before{content:"\e901"} .icon-search:before{content:"\e902"} .icon-cart:before{content:"\e903"} .icon-search-large:before{content:"\e904"} .icon-check:before{content:"\e905"} .icon-close:before{content:"\e906"} .icon-agriculture:before{content:"\e907"} .icon-commercial:before{content:"\e908"} .icon-industrial:before{content:"\e909"} .icon-residential:before{content:"\e90a"} .icon-municipal:before{content:"\e90b"} .icon-drink:before{content:"\e90c"} .icon-water:before{content:"\e90d"} .icon-waves:before{content:"\e90e"} .icon-download:before{content:"\e90f"} .icon-headphones:before{content:"\e910"} .icon-paper:before{content:"\e916"} .icon-phone:before{content:"\f095"} .icon-search-plus:before{content:"\f00e"} .icon-sticky-note:before{content:"\f249"} .icon-external-link-square:before{content:"\f14c"} .icon-crosshair:before{content:"\e917"} .icon-address-book:before{content:"\e918"} .icon-arrow-left1:before{content:"\e919"} .icon-arrow-right1:before{content:"\e91a"} .icon-close1:before{content:"\e91b"} .icon-energy:before{content:"\e91c"} .icon-facebook1:before{content:"\e91d"} .icon-industrial1:before{content:"\e91e"} .icon-infrastructure:before{content:"\e91f"} .icon-instagram:before{content:"\e920"} .icon-linkedin1:before{content:"\e921"} .icon-logo:before{content:"\e922"} .icon-quote:before{content:"\e923"} .icon-residential1:before{content:"\e924"} .icon-search1:before{content:"\e925"} .icon-sheet:before{content:"\e926"} .icon-spark:before{content:"\e927"} .icon-twitter1:before{content:"\e928"} .icon-user:before{content:"\e929"} .icon-menu:before{content:"\e92a"} .icon-plus1:before{content:"\e92b"} .icon-minus1:before{content:"\e92c"} .icon-chevron-left:before{content:"\e92d"} .icon-chevron-right:before{content:"\e92e"} .icon-chevron-up:before{content:"\e92f"} .icon-chevron-down:before{content:"\e930"} .icon-user-solid:before{content:"\e931"} .icon-sheet-solid:before{content:"\e932"} .icon-home:before{content:"\e933"} .icon-certificate:before{content:"\e934"} .icon-crop:before{content:"\e935"} .icon-file:before{content:"\e936"} .icon-file-cad:before{content:"\e937"} .icon-mappoint:before{content:"\e938"} .icon-news:before{content:"\e939"} .icon-pricetag:before{content:"\e93a"} .icon-check1:before{content:"\e93b"} .icon-sort:before{content:"\e93c"} .icon-dot:before{content:"\e93d"} .icon-play1:before{content:"\e93e"} .icon-arrow-up:before{content:"\e93f"} .icon-arrow-down:before{content:"\e940"} .icon-image:before{content:"\e941"} .icon-images:before{content:"\e942"} .icon-file-picture:before{content:"\e943"} .icon-file-video:before{content:"\e944"} .icon-nvent-email:before{content:"\e945"} .icon-nvent-phone:before{content:"\e946"} .icon-pentair-email:before{content:"\e947"} .icon-pentair-phone:before{content:"\e948"} .icon-retweet:before{content:"\e949"} .icon-arrow-alt-circle-up:before{content:"\e94a"} .icon-arrow-circle-up:before{content:"\e94b"} .icon-check-circle:before{content:"\e94c"} .icon-cogs:before{content:"\e94d"} .icon-comment:before{content:"\e94e"} .icon-comments:before{content:"\e94f"} .icon-envelope1:before{content:"\e950"} .icon-paperclip:before{content:"\e951"} .icon-plus-circle:before{content:"\e952"} .icon-times:before{content:"\e953"} .icon-caret-up1:before{content:"\e954"} .icon-caret-down1:before{content:"\e955"} .icon-thumbs-up:before{content:"\e956"} .icon-bell-regular:before{content:"\e957"} .icon-warning:before{content:"\ea07"} .icon-notification:before{content:"\ea08"} .icon-arrow-up2:before{content:"\ea3a"} .icon-arrow-down2:before{content:"\ea3e"} .icon-share2:before{content:"\ea82"} .icon-rss:before{content:"\ea9b"} .icon-rss2:before{content:"\ea9c"} .icon-file-pdf:before{content:"\eadf"} .icon-file-openoffice:before{content:"\eae0"} .icon-mail-forward1:before{content:"\f065"} .icon-youtube1:before{content:"\f168"} .icon-pinterest-p1:before{content:"\f232"} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut{0{opacity:1} 100%{opacity:0} } .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(clientlib-site/css/third-party/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-nav{margin-top:10px} .owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px} .owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none} .owl-theme .owl-nav .disabled{opacity:.5;cursor:default} .owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px} .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1} .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px} .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} .jspContainer{overflow:hidden;position:relative} .jspPane{position:absolute} .jspVerticalBar{background:red;height:100%;position:absolute;right:0;top:0;width:10px} .jspHorizontalBar{background:red;bottom:0;height:16px;left:0;position:absolute;width:100%} .jspCap{display:none} .jspHorizontalBar .jspCap{float:left} .jspTrack{background:#fbfbfb;position:relative;border-right:solid 1px #ededed} .jspDrag{background:#c1c1c1;cursor:pointer;left:1px;position:relative;top:0;border-radius:5px;width:calc(100% - 2px)} .jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%} .jspArrow{background:#50506d;cursor:pointer;direction:ltr;display:block;margin:0;padding:0;text-indent:-20000px} .jspDisabled{background:#80808d;cursor:default} .jspVerticalBar .jspArrow{height:16px} .jspHorizontalBar .jspArrow{float:left;height:100%;width:10px} .jspVerticalBar .jspArrow:focus{border:1px solid red;outline:0} .jspCorner{background:#eeeef4;float:left;height:100%} * html .jspCorner{margin:0 -3px 0 0} /*! * FullCalendar v3.9.0 * Docs & License: https://fullcalendar.io/ * (c) 2018 Adam Shaw */.fc button,.fc table,body .fc{font-size:1em} .fc-bg,.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0} .fc-icon,.fc-unselectable{-webkit-touch-callout:none;-khtml-user-select:none} .fc{direction:ltr;text-align:left} .fc-rtl{text-align:right} .fc th,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center} .fc-highlight{background:#bce8f1;opacity:.3} .fc-bgevent{background:#8fdf82;opacity:.3} .fc-nonbusiness{background:#d7d7d7} .fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;white-space:nowrap;cursor:pointer} .fc button::-moz-focus-inner{margin:0;padding:0} .fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)} .fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px} .fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px} .fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle} .fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6} .fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear} .fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)} .fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none} .fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer} .fc-button-group{display:inline-block} .fc .fc-button-group>*{float:left;margin:0 0 0 -1px} .fc .fc-button-group>:first-child{margin-left:0} .fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)} .fc-popover .fc-header{padding:2px 4px} .fc-popover .fc-header .fc-title{margin:0 2px} .fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left} .fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right} .fc-divider{border-style:solid;border-width:1px} hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0} .fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%} .fc-clear{clear:both} .fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0} .fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0} .fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top} .fc td.fc-today{border-style:double} a[data-goto]:hover{text-decoration:underline} .fc .fc-row{border-style:solid;border-width:0} .fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent} .fc-row:first-child table{border-top:0 hidden transparent} .fc-row{position:relative} .fc-row .fc-bg{z-index:1} .fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent} .fc-row .fc-bgevent-skeleton{z-index:2} .fc-row .fc-highlight-skeleton{z-index:3} .fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px} .fc-row .fc-helper-skeleton{z-index:5} .fc .fc-row .fc-content-skeleton table,.fc .fc-row .fc-content-skeleton td,.fc .fc-row .fc-helper-skeleton td{background:0;border-color:transparent} .fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{border-bottom:0} .fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0} .fc-scroller{-webkit-overflow-scrolling:touch} .fc-icon,.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden} .fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%} .fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad} .fc-event,.fc-event-dot{background-color:#3a87ad} .fc-event,.fc-event:hover{color:#fff;text-decoration:none} .fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed} .fc-event .fc-bg{z-index:1;background:#fff;opacity:.25} .fc-event .fc-content{position:relative;z-index:2} .fc-event .fc-resizer{position:absolute;z-index:4;display:none} .fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block} .fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px} .fc-event.fc-selected{z-index:9999 !important;box-shadow:0 2px 5px rgba(0,0,0,.2)} .fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)} .fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0} .fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0} .fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0} .fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px} .fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px} .fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px} .fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px} .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px} .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px} .fc-day-grid-event{margin:1px 2px 0;padding:0 1px} tr:first-child>td>.fc-day-grid-event{margin-top:2px} .fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25} .fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden} .fc-day-grid-event .fc-time{font-weight:700} .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px} .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px} a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none} a.fc-more:hover{text-decoration:underline} .fc.fc-bootstrap3 a,.ui-widget .fc-event{text-decoration:none} .fc-limited{display:none} .fc-icon,.fc-toolbar .fc-center{display:inline-block} .fc-day-grid .fc-row{z-index:1} .fc-more-popover{z-index:2;width:220px} .fc-more-popover .fc-event-container{padding:10px} .fc-bootstrap3 .fc-popover .panel-body,.fc-bootstrap4 .fc-popover .card-body{padding:0} .fc-now-indicator{position:absolute;border:0 solid red} .fc-bootstrap3 .fc-today.alert,.fc-bootstrap4 .fc-today.alert{border-radius:0} .fc-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent} .fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd} .fc-unthemed .fc-popover{background-color:#fff;border-width:1px;border-style:solid} .fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee} .fc-unthemed td.fc-today{background:#fcf8e3} .fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3} .fc-icon{height:1em;line-height:1em;font-size:1em;font-family:"Courier New",Courier,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .fc-icon:after{position:relative} .fc-icon-left-single-arrow:after{content:"\2039";font-weight:700;font-size:200%;top:-7%} .fc-icon-right-single-arrow:after{content:"\203A";font-weight:700;font-size:200%;top:-7%} .fc-icon-left-double-arrow:after{content:"\AB";font-size:160%;top:-7%} .fc-icon-right-double-arrow:after{content:"\BB";font-size:160%;top:-7%} .fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%} .fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%} .fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%} .fc-icon-x:after{content:"\D7";font-size:200%;top:6%} .fc-unthemed .fc-popover .fc-header .fc-close{color:#666;font-size:.9em;margin-top:2px} .fc-unthemed .fc-list-item:hover td{background-color:#f5f5f5} .ui-widget .fc-disabled-day{background-image:none} .fc-bootstrap3 .fc-time-grid .fc-slats table,.fc-bootstrap4 .fc-time-grid .fc-slats table,.fc-time-grid .fc-slats .ui-widget-content{background:0} .fc-popover>.ui-widget-header+.ui-widget-content{border-top:0} .fc-bootstrap3 hr.fc-divider,.fc-bootstrap4 hr.fc-divider{border-color:inherit} .ui-widget .fc-event{color:#fff;font-weight:400} .ui-widget td.fc-axis{font-weight:400} .fc.fc-bootstrap3 a[data-goto]:hover{text-decoration:underline} .fc.fc-bootstrap4 a{text-decoration:none} .fc.fc-bootstrap4 a[data-goto]:hover{text-decoration:underline} .fc-bootstrap4 a.fc-event:not([href]):not([tabindex]){color:#fff} .fc-bootstrap4 .fc-popover.card{position:absolute} .fc-toolbar.fc-header-toolbar{margin-bottom:1em} .fc-toolbar.fc-footer-toolbar{margin-top:1em} .fc-toolbar .fc-left{float:left} .fc-toolbar .fc-right{float:right} .fc .fc-toolbar>*>*{float:left;margin-left:.75em} .fc .fc-toolbar>*>:first-child{margin-left:0} .fc-toolbar h2{margin:0} .fc-toolbar button{position:relative} .fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2} .fc-toolbar .fc-state-down{z-index:3} .fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4} .fc-toolbar button:focus{z-index:5} .fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .fc-view,.fc-view>table{position:relative;z-index:1} .fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em} .fc-basic-view .fc-body .fc-row{min-height:4em} .fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0} .fc-day-top.fc-other-month{opacity:.3} .fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px} .fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px} .fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right} .fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left} .fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px} .fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px} .fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;text-align:center;background-color:#f2f2f2;color:grey} .fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em} .fc-agenda-view .fc-day-grid{position:relative;z-index:2} .fc-agenda-view .fc-day-grid .fc-row{min-height:3em} .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em} .fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap} .fc-ltr .fc-axis{text-align:right} .fc-rtl .fc-axis{text-align:left} .fc-time-grid,.fc-time-grid-container{position:relative;z-index:1} .fc-time-grid{min-height:100%} .fc-time-grid table{border:0 hidden transparent} .fc-time-grid>.fc-bg{z-index:1} .fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2} .fc-time-grid .fc-content-col{position:relative} .fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0} .fc-time-grid .fc-business-container{position:relative;z-index:1} .fc-time-grid .fc-bgevent-container{position:relative;z-index:2} .fc-time-grid .fc-highlight-container{z-index:3;position:relative} .fc-time-grid .fc-event-container{position:relative;z-index:4} .fc-time-grid .fc-now-indicator-line{z-index:5} .fc-time-grid .fc-helper-container{position:relative;z-index:6} .fc-time-grid .fc-slats td{height:1.5em;border-bottom:0} .fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted} .fc-time-grid .fc-highlight{position:absolute;left:0;right:0} .fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px} .fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%} .fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1} .fc-time-grid .fc-bgevent{left:0;right:0} .fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0} .fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0} .fc-time-grid-event.fc-selected{overflow:visible} .fc-time-grid-event.fc-selected .fc-bg{display:none} .fc-time-grid-event .fc-content{overflow:hidden} .fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px} .fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap} .fc-time-grid-event.fc-short .fc-content{white-space:nowrap} .fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top} .fc-time-grid-event.fc-short .fc-time span{display:none} .fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)} .fc-time-grid-event.fc-short .fc-time:after{content:"\A0-\A0"} .fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0} .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize} .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="} .fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px} .fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0} .fc-time-grid .fc-now-indicator-arrow{margin-top:-5px} .fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent} .fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent} .fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px} .fc-rtl .fc-list-view{direction:rtl} .fc-list-view{border-width:1px;border-style:solid} .fc .fc-list-table{table-layout:auto} .fc-list-table td{border-width:1px 0 0;padding:8px 14px} .fc-list-table tr:first-child td{border-top-width:0} .fc-list-heading{border-bottom-width:1px} .fc-list-heading td{font-weight:700} .fc-ltr .fc-list-heading-main{float:left} .fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right} .fc-rtl .fc-list-heading-alt{float:left} .fc-list-item.fc-has-url{cursor:pointer} .fc-list-item-marker,.fc-list-item-time{white-space:nowrap;width:1px} .fc-ltr .fc-list-item-marker{padding-right:0} .fc-rtl .fc-list-item-marker{padding-left:0} .fc-list-item-title a{text-decoration:none;color:inherit} .fc-list-item-title a[href]:hover{text-decoration:underline} .fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0} .fc-list-empty-wrap1{width:100%;height:100%;display:table} .fc-list-empty{display:table-cell;vertical-align:middle;text-align:center} .fc-unthemed .fc-list-empty{background-color:#eee} /*! * Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */.datepicker{border-radius:4px;direction:ltr} .datepicker-inline{width:220px} .datepicker-rtl{direction:rtl} .datepicker-rtl.dropdown-menu{left:auto} .datepicker-rtl table tr td span{float:right} .datepicker-dropdown{top:0;left:0;padding:4px} .datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(0,0,0,.15);border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute} .datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute} .datepicker-dropdown.datepicker-orient-left:before{left:6px} .datepicker-dropdown.datepicker-orient-left:after{left:7px} .datepicker-dropdown.datepicker-orient-right:before{right:6px} .datepicker-dropdown.datepicker-orient-right:after{right:7px} .datepicker-dropdown.datepicker-orient-bottom:before{top:-7px} .datepicker-dropdown.datepicker-orient-bottom:after{top:-6px} .datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid rgba(0,0,0,.15)} .datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff} .datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border-radius:4px;border:0} .table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent} .datepicker table tr td.new,.datepicker table tr td.old{color:#777} .datepicker table tr td.day:hover,.datepicker table tr td.focused{background:#eee;cursor:pointer} .datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0;color:#777;cursor:default} .datepicker table tr td.highlighted{color:#000;background-color:#d9edf7;border-color:#85c5e5;border-radius:0} .datepicker table tr td.highlighted.focus,.datepicker table tr td.highlighted:focus{color:#000;background-color:#afd9ee;border-color:#298fc2} .datepicker table tr td.highlighted:hover{color:#000;background-color:#afd9ee;border-color:#52addb} .datepicker table tr td.highlighted.active,.datepicker table tr td.highlighted:active{color:#000;background-color:#afd9ee;border-color:#52addb} .datepicker table tr td.highlighted.active.focus,.datepicker table tr td.highlighted.active:focus,.datepicker table tr td.highlighted.active:hover,.datepicker table tr td.highlighted:active.focus,.datepicker table tr td.highlighted:active:focus,.datepicker table tr td.highlighted:active:hover{color:#000;background-color:#91cbe8;border-color:#298fc2} .datepicker table tr td.highlighted.disabled.focus,.datepicker table tr td.highlighted.disabled:focus,.datepicker table tr td.highlighted.disabled:hover,.datepicker table tr td.highlighted[disabled].focus,.datepicker table tr td.highlighted[disabled]:focus,.datepicker table tr td.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.highlighted.focus,fieldset[disabled] .datepicker table tr td.highlighted:focus,fieldset[disabled] .datepicker table tr td.highlighted:hover{background-color:#d9edf7;border-color:#85c5e5} .datepicker table tr td.highlighted.focused{background:#afd9ee} .datepicker table tr td.highlighted.disabled,.datepicker table tr td.highlighted.disabled:active{background:#d9edf7;color:#777} .datepicker table tr td.today{color:#000;background-color:#ffdb99;border-color:#ffb733} .datepicker table tr td.today.focus,.datepicker table tr td.today:focus{color:#000;background-color:#ffc966;border-color:#b37400} .datepicker table tr td.today:hover{color:#000;background-color:#ffc966;border-color:#f59e00} .datepicker table tr td.today.active,.datepicker table tr td.today:active{color:#000;background-color:#ffc966;border-color:#f59e00} .datepicker table tr td.today.active.focus,.datepicker table tr td.today.active:focus,.datepicker table tr td.today.active:hover,.datepicker table tr td.today:active.focus,.datepicker table tr td.today:active:focus,.datepicker table tr td.today:active:hover{color:#000;background-color:#ffbc42;border-color:#b37400} .datepicker table tr td.today.disabled.focus,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today[disabled].focus,.datepicker table tr td.today[disabled]:focus,.datepicker table tr td.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.today.focus,fieldset[disabled] .datepicker table tr td.today:focus,fieldset[disabled] .datepicker table tr td.today:hover{background-color:#ffdb99;border-color:#ffb733} .datepicker table tr td.today.focused{background:#ffc966} .datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:active{background:#ffdb99;color:#777} .datepicker table tr td.range{color:#000;background-color:#eee;border-color:#bbb;border-radius:0} .datepicker table tr td.range.focus,.datepicker table tr td.range:focus{color:#000;background-color:#d5d5d5;border-color:#7c7c7c} .datepicker table tr td.range:hover{color:#000;background-color:#d5d5d5;border-color:#9d9d9d} .datepicker table tr td.range.active,.datepicker table tr td.range:active{color:#000;background-color:#d5d5d5;border-color:#9d9d9d} .datepicker table tr td.range.active.focus,.datepicker table tr td.range.active:focus,.datepicker table tr td.range.active:hover,.datepicker table tr td.range:active.focus,.datepicker table tr td.range:active:focus,.datepicker table tr td.range:active:hover{color:#000;background-color:#c3c3c3;border-color:#7c7c7c} .datepicker table tr td.range.disabled.focus,.datepicker table tr td.range.disabled:focus,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range[disabled].focus,.datepicker table tr td.range[disabled]:focus,.datepicker table tr td.range[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.focus,fieldset[disabled] .datepicker table tr td.range:focus,fieldset[disabled] .datepicker table tr td.range:hover{background-color:#eee;border-color:#bbb} .datepicker table tr td.range.focused{background:#d5d5d5} .datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:active{background:#eee;color:#777} .datepicker table tr td.range.highlighted{color:#000;background-color:#e4eef3;border-color:#9dc1d3} .datepicker table tr td.range.highlighted.focus,.datepicker table tr td.range.highlighted:focus{color:#000;background-color:#c1d7e3;border-color:#4b88a6} .datepicker table tr td.range.highlighted:hover{color:#000;background-color:#c1d7e3;border-color:#73a6c0} .datepicker table tr td.range.highlighted.active,.datepicker table tr td.range.highlighted:active{color:#000;background-color:#c1d7e3;border-color:#73a6c0} .datepicker table tr td.range.highlighted.active.focus,.datepicker table tr td.range.highlighted.active:focus,.datepicker table tr td.range.highlighted.active:hover,.datepicker table tr td.range.highlighted:active.focus,.datepicker table tr td.range.highlighted:active:focus,.datepicker table tr td.range.highlighted:active:hover{color:#000;background-color:#a8c8d8;border-color:#4b88a6} .datepicker table tr td.range.highlighted.disabled.focus,.datepicker table tr td.range.highlighted.disabled:focus,.datepicker table tr td.range.highlighted.disabled:hover,.datepicker table tr td.range.highlighted[disabled].focus,.datepicker table tr td.range.highlighted[disabled]:focus,.datepicker table tr td.range.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.highlighted.focus,fieldset[disabled] .datepicker table tr td.range.highlighted:focus,fieldset[disabled] .datepicker table tr td.range.highlighted:hover{background-color:#e4eef3;border-color:#9dc1d3} .datepicker table tr td.range.highlighted.focused{background:#c1d7e3} .datepicker table tr td.range.highlighted.disabled,.datepicker table tr td.range.highlighted.disabled:active{background:#e4eef3;color:#777} .datepicker table tr td.range.today{color:#000;background-color:#f7ca77;border-color:#f1a417} .datepicker table tr td.range.today.focus,.datepicker table tr td.range.today:focus{color:#000;background-color:#f4b747;border-color:#815608} .datepicker table tr td.range.today:hover{color:#000;background-color:#f4b747;border-color:#bf800c} .datepicker table tr td.range.today.active,.datepicker table tr td.range.today:active{color:#000;background-color:#f4b747;border-color:#bf800c} .datepicker table tr td.range.today.active.focus,.datepicker table tr td.range.today.active:focus,.datepicker table tr td.range.today.active:hover,.datepicker table tr td.range.today:active.focus,.datepicker table tr td.range.today:active:focus,.datepicker table tr td.range.today:active:hover{color:#000;background-color:#f2aa25;border-color:#815608} .datepicker table tr td.range.today.disabled.focus,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today[disabled].focus,.datepicker table tr td.range.today[disabled]:focus,.datepicker table tr td.range.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.today.focus,fieldset[disabled] .datepicker table tr td.range.today:focus,fieldset[disabled] .datepicker table tr td.range.today:hover{background-color:#f7ca77;border-color:#f1a417} .datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:active{background:#f7ca77;color:#777} .datepicker table tr td.selected,.datepicker table tr td.selected.highlighted{color:#fff;background-color:#777;border-color:#555;text-shadow:0 -1px 0 rgba(0,0,0,.25)} .datepicker table tr td.selected.focus,.datepicker table tr td.selected.highlighted.focus,.datepicker table tr td.selected.highlighted:focus,.datepicker table tr td.selected:focus{color:#fff;background-color:#5e5e5e;border-color:#161616} .datepicker table tr td.selected.highlighted:hover,.datepicker table tr td.selected:hover{color:#fff;background-color:#5e5e5e;border-color:#373737} .datepicker table tr td.selected.active,.datepicker table tr td.selected.highlighted.active,.datepicker table tr td.selected.highlighted:active,.datepicker table tr td.selected:active{color:#fff;background-color:#5e5e5e;border-color:#373737} .datepicker table tr td.selected.active.focus,.datepicker table tr td.selected.active:focus,.datepicker table tr td.selected.active:hover,.datepicker table tr td.selected.highlighted.active.focus,.datepicker table tr td.selected.highlighted.active:focus,.datepicker table tr td.selected.highlighted.active:hover,.datepicker table tr td.selected.highlighted:active.focus,.datepicker table tr td.selected.highlighted:active:focus,.datepicker table tr td.selected.highlighted:active:hover,.datepicker table tr td.selected:active.focus,.datepicker table tr td.selected:active:focus,.datepicker table tr td.selected:active:hover{color:#fff;background-color:#4c4c4c;border-color:#161616} .datepicker table tr td.selected.disabled.focus,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.highlighted.disabled.focus,.datepicker table tr td.selected.highlighted.disabled:focus,.datepicker table tr td.selected.highlighted.disabled:hover,.datepicker table tr td.selected.highlighted[disabled].focus,.datepicker table tr td.selected.highlighted[disabled]:focus,.datepicker table tr td.selected.highlighted[disabled]:hover,.datepicker table tr td.selected[disabled].focus,.datepicker table tr td.selected[disabled]:focus,.datepicker table tr td.selected[disabled]:hover,fieldset[disabled] .datepicker table tr td.selected.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,fieldset[disabled] .datepicker table tr td.selected:focus,fieldset[disabled] .datepicker table tr td.selected:hover{background-color:#777;border-color:#555} .datepicker table tr td.active,.datepicker table tr td.active.highlighted{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)} .datepicker table tr td.active.focus,.datepicker table tr td.active.highlighted.focus,.datepicker table tr td.active.highlighted:focus,.datepicker table tr td.active:focus{color:#fff;background-color:#286090;border-color:#122b40} .datepicker table tr td.active.highlighted:hover,.datepicker table tr td.active:hover{color:#fff;background-color:#286090;border-color:#204d74} .datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active{color:#fff;background-color:#286090;border-color:#204d74} .datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover{color:#fff;background-color:#204d74;border-color:#122b40} .datepicker table tr td.active.disabled.focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.highlighted.disabled.focus,.datepicker table tr td.active.highlighted.disabled:focus,.datepicker table tr td.active.highlighted.disabled:hover,.datepicker table tr td.active.highlighted[disabled].focus,.datepicker table tr td.active.highlighted[disabled]:focus,.datepicker table tr td.active.highlighted[disabled]:hover,.datepicker table tr td.active[disabled].focus,.datepicker table tr td.active[disabled]:focus,.datepicker table tr td.active[disabled]:hover,fieldset[disabled] .datepicker table tr td.active.focus,fieldset[disabled] .datepicker table tr td.active.highlighted.focus,fieldset[disabled] .datepicker table tr td.active.highlighted:focus,fieldset[disabled] .datepicker table tr td.active.highlighted:hover,fieldset[disabled] .datepicker table tr td.active:focus,fieldset[disabled] .datepicker table tr td.active:hover{background-color:#337ab7;border-color:#2e6da4} .datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;border-radius:4px} .datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee} .datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0;color:#777;cursor:default} .datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)} .datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover.focus,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.focus,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover.focus,.datepicker table tr td span.active:hover:focus{color:#fff;background-color:#286090;border-color:#122b40} .datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover{color:#fff;background-color:#286090;border-color:#204d74} .datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{color:#fff;background-color:#286090;border-color:#204d74} .datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover{color:#fff;background-color:#204d74;border-color:#122b40} .datepicker table tr td span.active.disabled.disabled.focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled.focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.active.disabled:hover[disabled].focus,.datepicker table tr td span.active.disabled:hover[disabled]:focus,.datepicker table tr td span.active.disabled:hover[disabled]:hover,.datepicker table tr td span.active.disabled[disabled].focus,.datepicker table tr td span.active.disabled[disabled]:focus,.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active:hover.disabled.focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active:hover[disabled].focus,.datepicker table tr td span.active:hover[disabled]:focus,.datepicker table tr td span.active:hover[disabled]:hover,.datepicker table tr td span.active[disabled].focus,.datepicker table tr td span.active[disabled]:focus,.datepicker table tr td span.active[disabled]:hover,fieldset[disabled] .datepicker table tr td span.active.disabled.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,fieldset[disabled] .datepicker table tr td span.active.focus,fieldset[disabled] .datepicker table tr td span.active:focus,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active:hover.focus,fieldset[disabled] .datepicker table tr td span.active:hover:focus,fieldset[disabled] .datepicker table tr td span.active:hover:hover{background-color:#337ab7;border-color:#2e6da4} .datepicker table tr td span.new,.datepicker table tr td span.old{color:#777} .datepicker .datepicker-switch{width:145px} .datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer} .datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee} .datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden} .datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle} .input-group.date .input-group-addon{cursor:pointer} .input-daterange{width:100%} .input-daterange input{text-align:center} .input-daterange input:first-child{border-radius:3px 0 0 3px} .input-daterange input:last-child{border-radius:0 3px 3px 0} .input-daterange .input-group-addon{width:auto;min-width:16px;padding:4px 5px;line-height:1.42857143;border-width:1px 0;margin-left:-5px;margin-right:-5px} .datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;color:#333;font-size:13px;line-height:1.42857143} .datepicker.datepicker-inline td,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.dropdown-menu th{padding:0 5px} body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background:#fff;font-family:'Barlow',sans-serif;font-size:1.8rem;line-height:1.25em;color:#464747} @media screen and (min-width:768px){body{line-height:1.42857143;font-size:2rem} } @media screen and (min-width:1440px){body .sitewide-width-wrapper{margin-left:auto;margin-right:auto;max-width:1440px;overflow:hidden;position:relative;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);box-shadow:0 0 10px 0 rgba(0,0,0,0.2)} } .seo-header-1{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;margin:0} #skipLink{position:fixed;top:5rem;left:50%;-webkit-transform:translate(-50%,-100%);-moz-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);-o-transform:translate(-50%,-100%);transform:translate(-50%,-100%);z-index:4000;opacity:0} #skipLink:focus,#skipLink:active{opacity:1;color:#09244f;border:solid 1px #09244f;background-color:#fff} @media screen and (max-width:767px){.article-image img{height:auto} } .article-image small{display:block;font-style:italic;font-size:1.4rem;margin:.9rem 0 0} @media screen and (min-width:768px){.article-image small{font-size:1.6rem;margin:1.7rem 0 0} } .article-parsys .text:first-child p:first-child::first-letter {font-size:4.6rem;float:left;line-height:3rem;padding:.7rem .5rem 0 0;margin:0 0 0 -0.4rem;text-transform:uppercase} .firefox .article-parsys .text:first-child p:first-child::first-letter {padding:1rem .8rem 0 0} @media screen and (min-width:768px){.article-parsys .text:first-child p:first-child::first-letter {font-size:6rem;line-height:5rem;padding:.2rem .8rem 0 0;margin:0 0 0 -0.4rem} .firefox .article-parsys .text:first-child p:first-child::first-letter {padding:1rem .8rem 0 0} } #storelocatorwidget #storelocatorwidget-container .btn.btn-primary>span{text-transform:uppercase;color:#fff} #storelocatorwidget .storelocator-btn-group.storelocator-btn-group-justified{display:flex;justify-content:space-around;flex-flow:row wrap} #storelocatorwidget #storelocatorwidget-container .storelocator-viewlink.storelocator-storename:not(.btn){color:#09244f} #storelocatorwidget #storelocatorwidget-container .storelocator-viewlink.storelocator-storename:not(.btn):hover,#storelocatorwidget #storelocatorwidget-container .storelocator-viewlink.storelocator-storename:not(.btn):focus{text-decoration:underline} .edit-row{display:none} .sitemap-html-wrapper{cursor:initial} .sitemap-html-wrapper a{display:inline-block} .sitemap-html-wrapper a.sitemap_child_depth_3{margin-left:20px} .sitemap-html-wrapper a.sitemap_child_depth_4{margin-left:40px} .sitemap-html-wrapper a.sitemap_child_depth_5{margin-left:60px} .sitemap-html-wrapper a.sitemap_child_depth_6{margin-left:80px} .product-page .disclaimer,.sku-page .disclaimer{padding:3rem 0 3rem 0;color:#464747} .where-to-buy .bread-section{background-color:#f9f8f8} .slider-container{position:relative;padding-bottom:3rem} .slider-container input.slider{-webkit-appearance:none;appearance:none;width:calc(100% + 20px);height:2px;background:transparent;outline:0;position:relative;left:-10px;right:-10px;border:0;z-index:10;overflow:visible} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.slider-container input.slider{height:3rem;top:-1.4rem;position:absolute} } .slider-container input{margin:0;padding:0} .slider-container input:focus{border-bottom:0} .slider-container .slider-selected{content:" ";white-space:pre;background-color:#006e96;height:6px;position:absolute;transform:translateY(calc(-50% - 1px))} .slider-container .slider-unselected{content:" ";white-space:pre;background-color:#dadada;height:2px;position:absolute;right:0;transform:translateY(calc(-50% - 1px))} .slider-container .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#006e96;cursor:pointer;-ms-transform-origin:center center;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .slider-container .slider::-moz-range-thumb{width:20px;height:20px;background:#006e96;cursor:pointer;-ms-transform-origin:center center;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border-radius:0} .slider-container .slider::-ms-thumb{width:20px;height:20px;background:#006e96;cursor:pointer;border:0;-ms-transform-origin:center center;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border-radius:0} .slider-container input[type=range]::-ms-track{width:100%;height:8.4px;cursor:pointer;background:transparent;border-color:transparent;border-width:16px 2rem;color:transparent} .slider-container input[type=range]::-ms-fill-lower{background:0} .slider-container input[type=range]:focus::-ms-fill-lower{background:0} .slider-container input[type=range]::-ms-fill-upper{background:0} .slider-container input[type=range]:focus::-ms-fill-upper{background:0} .tick-container{display:flex;justify-content:space-between;position:relative;top:5px;z-index:-1;font-weight:600;color:#464747;font-size:1.2rem} .tick-container .large-tick{position:relative;display:flex;justify-content:center;width:1px;background:#464747;height:18px;line-height:52px;margin-bottom:20px} .tick-container .large-tick:first-of-type,.tick-container .large-tick:last-of-type{top:-3px;line-height:58px} .tick-container .small-tick{position:relative;display:flex;justify-content:center;width:1px;background:#464747;height:8px;line-height:52px;margin-bottom:20px} .prod-text ul,.quick-view ul,.certifications ul{margin:0 0 3rem;list-style:none !important} .prod-text ul li,.quick-view ul li,.certifications ul li{padding:0 0 0 3.3rem;margin:0 0 2.3rem;position:relative} @media screen and (min-width:768px){.prod-text ul li,.quick-view ul li,.certifications ul li{padding:0 0 0 5rem;margin:0 0 1.5rem} } .prod-text ul li:last-child,.quick-view ul li:last-child,.certifications ul li:last-child{margin:0} .prod-text ul li:before,.quick-view ul li:before,.certifications ul li:before{content:'';position:absolute;left:0;top:.6rem;width:.9rem;height:.9rem;background:#006e96;display:block;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} @media screen and (min-width:768px){.prod-text ul li:before,.quick-view ul li:before,.certifications ul li:before{top:1rem} } .prod-text ul li li:before,.quick-view ul li li:before,.certifications ul li li:before{background:#fff;border:solid 2px #006e96} .prod-text ul ul,.quick-view ul ul,.certifications ul ul{margin:2rem 0 1.5rem} @media screen and (min-width:768px){.prod-text ul ul,.quick-view ul ul,.certifications ul ul{margin:1.5rem 0} } a.icon-crosshair{border:solid 2px #4f8309;display:block;font-size:2.4rem;text-align:center;line-height:4.2rem;width:100%;height:4.5rem;color:#4f8309} a.icon-crosshair:hover,a.icon-crosshair:focus{text-decoration:none;background:#4f8309;color:#fff} @media screen and (min-width:768px){a.icon-crosshair{font-size:3rem;width:4.5rem} } @media screen and (min-width:1200px){a.icon-crosshair{line-height:5.2rem;width:5.5rem;height:5.5rem} } main.content{padding-top:6rem;position:relative;overflow:hidden} .searchresults main.content{overflow:visible} @media screen and (min-width:767px) and (max-width:1259px){main.content{padding-top:0} } @media screen and (min-width:1260px){main.content{padding-top:6rem} } main.content .main-content{padding-top:0} main.content .main-content .section{position:relative} .home main.content .main-content{padding-top:4.2rem} @media screen and (min-width:768px){.home main.content .main-content{padding-top:4.8rem} } @media screen and (min-width:768px){main.content .main-content{padding-top:0} } @media screen and (min-width:768px){.landing-page main.content{padding-top:6rem} } header{position:fixed;width:100%;top:0;font-family:'Barlow Condensed',sans-serif;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;padding:0;background:#fff;z-index:5000;border-bottom:solid 1px #c9c7c6} @media screen and (min-width:767px) and (max-width:1259px){header{background:0;border:0;height:6.6rem} } @media screen and (min-width:1260px){header{padding:6rem 0 0 0;border:0;height:6rem;background:#000} header:before{height:6rem;content:'';position:absolute;left:0;top:0;right:0;background:#fff} } @media screen and (min-width:1440px){header{max-width:1440px} } header .logo{float:left;position:relative;padding:1.5rem 0 0 1.8rem} header .logo:hover{color:#fff} header .logo img,header .logo svg{height:3rem;max-width:12rem} @media screen and (min-width:767px) and (max-width:1259px){header .logo{padding:1.4rem 0 0 1.8rem} header .logo img,header .logo svg{height:4rem;max-width:15rem} } @media screen and (min-width:1260px){header .logo{padding:1rem 0 0 4.3rem} header .logo img,header .logo svg{max-width:none;height:5.5rem;width:30rem;display:block;position:absolute;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} } header .lang{border-top:solid 1px #c9c7c6;margin-top:.3rem;padding-top:.5rem} @media screen and (min-width:1260px){header .lang{position:absolute;top:1.3rem;left:3rem;float:left;border:0;padding:0;margin:0} } header .lang select.chosen-select{font-size:1.6rem;text-transform:uppercase;border:0;background:0;-webkit-appearance:none;-moz-appearance:none;color:#09244f;margin-top:.4rem} header .lang select.chosen-select+.arrow{margin:.5rem 0 0 .5rem;position:relative;top:.3rem;line-height:1em} header .lang select.chosen-select+.arrow:before{content:"\f0d7";font-family:icomoon;color:#d0df00} @media screen and (min-width:1260px){header .lang select.chosen-select{display:inline-block;width:auto;margin-top:.5rem;margin-left:1rem} } header .lang .chosen-container{font-size:1.6rem;text-transform:uppercase} header .lang .chosen-container .chosen-drop{background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,0.15);box-shadow:0 4px 5px rgba(0,0,0,0.15)} header .lang .chosen-container .chosen-results{color:#09244f;margin:0 4px 4px 0;padding:0 0 0 4px} header .lang .chosen-container .chosen-results li{padding:5px 6px;line-height:15px} header .lang .chosen-container-single .chosen-single{padding:0 1rem;height:3.5rem;white-space:nowrap;line-height:2em;color:#09244f;width:100%} header .lang .chosen-container-single .chosen-single span{display:inline-block;line-height:1em;padding-top:.9rem} header .lang .chosen-container-single .chosen-single div{position:relative;top:auto;right:auto;display:inline-block;width:auto;height:auto;padding:0 .5rem} header .lang .chosen-container-single .chosen-single div b{display:inline-block;width:auto;height:auto} header .lang .chosen-container-single .chosen-single div b:before{font-family:icomoon;color:#d0df00;content:"\f0d7"} header .lang .chosen-container-active .chosen-single{-webkit-box-shadow:0 4px 5px rgba(0,0,0,0.15);box-shadow:0 0 5px rgba(0,0,0,0.15);clip:rect(0,0,0,0)} header .lang .chosen-container-active.chosen-with-drop .chosen-single div b:before{content:"\f0d8"} @media screen and (min-width:767px) and (max-width:1259px){header.not-stuck .logo svg *,header.not-stuck .logo img *{fill:#fff !important} } @media screen and (min-width:1260px){header.not-stuck .logo svg *,header.not-stuck .logo img *{fill:#fff !important} } @media screen and (min-width:767px) and (max-width:1259px){header.stuck{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);box-shadow:0 0 10px 0 rgba(0,0,0,0.2);background:#fff} } @media screen and (min-width:1260px){header.stuck{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);box-shadow:0 0 10px 0 rgba(0,0,0,0.2);background:#fff;height:auto} header.stuck:before{background:#f5f5f5} } header.landing-page-header{background-color:#fff;height:6rem;border-bottom:solid 1px #c9c7c6} @media screen and (min-width:992px){header.landing-page-header{padding:0} header.landing-page-header>a.logo{padding:.5rem 0 0 4.3rem} header.landing-page-header>a.logo>svg{height:4.5rem} } .hamburger-menu,.hamburger-menu:focus{position:relative;float:right;width:5.6rem;height:6rem;cursor:pointer;border:0;outline:0;z-index:5;background:0;-webkit-transition:color .3s linear;-moz-transition:color .3s linear;-ms-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear;text-align:center;display:flex;justify-content:center;align-items:center;border-left:solid 1px #c9c7c6;text-decoration:none} .hamburger-menu:hover,.hamburger-menu:focus:hover,.hamburger-menu:focus,.hamburger-menu:focus:focus{text-decoration:none;color:#006e96 !important} .hamburger-menu>span,.hamburger-menu:focus>span{display:block;width:1.5rem;height:2px;background:#006e96;position:relative;-webkit-transition:background-color .3s linear;-moz-transition:background-color .3s linear;-ms-transition:background-color .3s linear;-o-transition:background-color .3s linear;transition:background-color .3s linear} .hamburger-menu>span:before,.hamburger-menu:focus>span:before,.hamburger-menu>span:after,.hamburger-menu:focus>span:after{display:block;position:absolute;width:1.5rem;height:2px;background:#006e96;content:'';-webkit-transition:background-color .3s linear;-moz-transition:background-color .3s linear;-ms-transition:background-color .3s linear;-o-transition:background-color .3s linear;transition:background-color .3s linear} .hamburger-menu>span:before,.hamburger-menu:focus>span:before{bottom:.5rem} .hamburger-menu>span:after,.hamburger-menu:focus>span:after{top:.5rem} @media screen and (min-width:767px) and (max-width:1259px){.hamburger-menu>span,.hamburger-menu:focus>span{background:#fff;width:2.5rem;height:3px} .hamburger-menu>span:before,.hamburger-menu:focus>span:before,.hamburger-menu>span:after,.hamburger-menu:focus>span:after{width:2.5rem;height:3px;background:#fff} .hamburger-menu>span:before,.hamburger-menu:focus>span:before{bottom:.7rem} .hamburger-menu>span:after,.hamburger-menu:focus>span:after{top:.7rem} } @media screen and (min-width:767px) and (max-width:1259px){.hamburger-menu,.hamburger-menu:focus{width:6.5rem;height:6.6rem;-webkit-transition:background-color .5s linear;-moz-transition:background-color .5s linear;-ms-transition:background-color .5s linear;-o-transition:background-color .5s linear;transition:background-color .5s linear;border-left:solid 1px rgba(255,255,255,0)} .stuck .hamburger-menu>span,.stuck .hamburger-menu:focus>span{background:#006e96} .stuck .hamburger-menu>span:before,.stuck .hamburger-menu:focus>span:before,.stuck .hamburger-menu>span:after,.stuck .hamburger-menu:focus>span:after{background:#006e96} } @media screen and (max-width:1259px){.hamburger-menu.open,.hamburger-menu:focus.open{position:relative} .hamburger-menu.open:after,.hamburger-menu:focus.open:after{border-bottom:solid 1px #fff;position:absolute;bottom:-1px;left:0;right:0;content:'';height:1px;z-index:50} .hamburger-menu.open:before,.hamburger-menu:focus.open:before{content:"\e905";font-size:1.7rem;font-family:icomoon;color:#006e96 !important} .hamburger-menu.open>span,.hamburger-menu:focus.open>span{display:none} } @media screen and (min-width:767px) and (max-width:1259px){.hamburger-menu.open,.hamburger-menu:focus.open{border-left:solid 1px #dadada;background:#fff} } .hamburger-menu::-moz-focus-inner,.hamburger-menu:focus::-moz-focus-inner{border:0} @media screen and (min-width:1260px){.hamburger-menu,.hamburger-menu:focus{display:none} } @media screen and (max-width:1259px){body.menu-open{overflow:hidden;height:100vh;width:100%} } header.stuck nav.main span.left-angle,header.stuck nav.main span.right-angle{height:0;overflow:hidden} @media screen and (min-width:1260px){header.stuck nav.main .tier-1>li>.dropdown{top:100%} } nav.main{font-size:1.8rem;background:#fff} @media screen and (min-width:767px) and (max-width:1259px){nav.main{font-size:2.6rem} } @media screen and (min-width:1260px){nav.main{padding:0;margin:0;font-size:2rem;text-align:right;background:0;position:static;overflow:visible} } nav.main>ul{list-style:none;padding:0 2rem;background:#fff;margin:0} @media screen and (min-width:767px) and (max-width:1259px){nav.main>ul{padding:0} } @media screen and (min-width:1260px){nav.main>ul{display:inline-block;padding:0;background:0} } nav.main>ul:last-child>li:last-child{border:0} @media screen and (min-width:767px) and (max-width:1259px){nav.main>ul:last-child>li:last-child{border-bottom:solid 1px #dadada} } nav.main>ul>li{font-weight:600;text-transform:uppercase;border-bottom:solid 1px #c9c7c6} @media screen and (min-width:767px) and (max-width:1259px){nav.main>ul>li{padding:0 2rem;border-bottom:solid 1px #dadada} } @media screen and (min-width:1260px){nav.main>ul>li{display:inline-block;border:0} nav.main>ul>li .icon-angle-right{display:none !important} } nav.main>ul>li>a{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;color:#09244f;display:block;position:relative;padding:1.9rem 3.5rem 1.9rem 0;line-height:1.25em;font-weight:600} @media screen and (min-width:767px) and (max-width:1259px){nav.main>ul>li>a{padding:2rem 3.5rem 2.3rem 0} } @media screen and (min-width:1260px){nav.main>ul>li>a{padding:2.5rem 1.2rem 2.5rem;color:#fff;opacity:1;-webkit-transition:color .3s linear;-moz-transition:color .3s linear;-ms-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear} nav.main>ul>li>a:hover,nav.main>ul>li>a:focus{color:rgba(255,255,255,0.7)} } nav.main>ul>li>a:hover,nav.main>ul>li>a:focus{text-decoration:none} nav.main>ul>li>a>span{display:none} @media screen and (min-width:1260px){nav.main>ul>li>a>span{position:absolute;background:#fff;bottom:-1.6rem;height:0;width:999rem;display:block;transition:height .2s ease-out .3s} nav.main>ul>li>a>span.right-angle{left:calc(50% + 1.8rem)} nav.main>ul>li>a>span.right-angle:before{transition:border-bottom .2s ease-out .3s;width:0;height:0;border-bottom:0 solid #fff;border-left:1.8rem solid transparent;content:'';display:block;position:absolute;right:100%} nav.main>ul>li>a>span.left-angle{right:calc(50% + 1.8rem)} nav.main>ul>li>a>span.left-angle:before{transition:border-bottom .2s ease-out .3s;width:0;height:0;border-bottom:0 solid #fff;border-right:1.8rem solid transparent;content:'';display:block;position:absolute;left:100%} } nav.main>ul>li:hover,nav.main>ul>li:focus{z-index:500} nav.main>ul>li:hover>a>span,nav.main>ul>li:focus>a>span{height:1.5rem} nav.main>ul>li:hover>a>span:before,nav.main>ul>li:focus>a>span:before,nav.main>ul>li:hover>a>span:after,nav.main>ul>li:focus>a>span:after{border-bottom-width:1.5rem} @media screen and (min-width:1260px){nav.main>ul>li:hover>.dropdown,nav.main>ul>li:focus>.dropdown{display:block;transition:max-height .5s ease-out .5s,height .5s ease-out .001s;max-height:1000px} } nav.main>ul li .icon-angle-right{display:none} nav.main>ul li.has-children .icon-angle-right{display:block;color:#4f8309;font-size:2.6rem;position:absolute;right:0;top:1rem;font-weight:400;width:4rem;height:4rem;text-align:right;line-height:4rem} @media screen and (min-width:767px) and (max-width:1259px){nav.main>ul li.has-children .icon-angle-right{top:1.7rem;font-size:2.8rem} } nav.main>ul li.no-children .icon-angle-right{display:none !important} nav.main>ul li.tier-4 .icon-angle-right{display:none !important} @media screen and (max-width:1259px){nav.main>ul .dropdown{position:static;height:auto !important} nav.main>ul .dropdown svg,nav.main>ul .dropdown img{display:none} nav.main>ul .dropdown .back{display:block;text-transform:uppercase;border-bottom:solid 1px #c9c7c6;cursor:pointer;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;color:#09244f;font-weight:600;position:relative;padding:1.7rem 3.5rem 1.7rem 0} nav.main>ul .dropdown .back:before{font-family:icomoon;color:#4f8309;display:inline-block;content:"\f104";font-size:2.6rem;padding-right:.5rem;line-height:.5em;position:relative;bottom:-4px;font-weight:400} nav.main>ul .dropdown .mobile-slider{position:absolute;left:100%;background:#fff;padding:0 2rem;height:calc(100vh - 6rem);width:100%;z-index:5;top:0;display:block;visibility:hidden;opacity:0;transition:visibility .001s,opacity .2s linear,left .2s;overflow:hidden} nav.main>ul .dropdown .mobile-slider ul{margin:0;list-style:none} nav.main>ul .dropdown .mobile-slider ul li{font-weight:400;text-transform:uppercase;border-bottom:solid 1px #c9c7c6} nav.main>ul .dropdown .mobile-slider ul li h4{font-weight:400;margin:0;padding:0;font-size:inherit;line-height:inherit;text-decoration:none} nav.main>ul .dropdown .mobile-slider ul li a{text-decoration:none !important;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;color:#09244f;display:block;position:relative;padding:1.7rem 3.5rem 1.7rem 0} nav.main>ul .dropdown .mobile-slider ul li:last-child{border:0} nav.main>ul .dropdown .mobile-slider.slide{left:0;visibility:visible;opacity:1;overflow:visible;overflow-x:hidden;overflow-y:scroll} } @media screen and (min-width:767px) and (max-width:1259px){nav.main>ul .dropdown .back{padding:1.9rem 3.5rem 1.9rem 2rem;font-family:'Barlow Condensed',sans-serif;border-bottom:solid 1px #dadada} nav.main>ul .dropdown .back:before{font-size:3.4rem;padding-right:2.5rem;bottom:-4px} nav.main>ul .dropdown .mobile-slider{padding:0} nav.main>ul .dropdown .mobile-slider ul li{padding:0 2rem;font-family:'Barlow',sans-serif;text-transform:none} nav.main>ul .dropdown .mobile-slider ul li h4{font-family:'Barlow',sans-serif;text-transform:none} nav.main>ul .dropdown .mobile-slider ul li a{padding:1.9rem 3.5rem 1.9rem 0} nav.main>ul .dropdown .mobile-slider ul li:last-child{border-bottom:solid 1px #dadada} } @media screen and (min-width:1260px){nav.main>ul .dropdown{max-height:0;overflow:hidden;-webkit-box-shadow:0 7px 10px -5px rgba(0,0,0,0.3);-moz-box-shadow:0 7px 10px -5px rgba(0,0,0,0.3);box-shadow:0 7px 10px -5px rgba(0,0,0,0.3);display:block;position:absolute;width:100%;left:0;right:0;top:calc(100% + 9rem);background:#fff;transition:max-height .5s ease-out,top .2s linear,height .5s ease-out;text-align:left} nav.main>ul .dropdown .back{display:none} nav.main>ul .dropdown ul{list-style:none;margin:0} nav.main>ul .dropdown ul a{text-decoration:none !important} nav.main>ul .dropdown ul>li{text-transform:none} nav.main>ul .dropdown .dropdown{background:#f5f5f5;-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-ms-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear;top:208px;padding:0;transition-delay:.001s;opacity:0;display:block;max-height:0;overflow:hidden;-webkit-box-shadow:0 7px 10px -5px rgba(0,0,0,0.3);-moz-box-shadow:0 7px 10px -5px rgba(0,0,0,0.3);box-shadow:0 7px 10px -5px rgba(0,0,0,0.3)} nav.main>ul .dropdown .dropdown .wrap{padding:5rem 0 5.6rem} nav.main>ul .dropdown .wrap{max-width:113rem;margin:0 auto} nav.main>ul .dropdown .tier-2{display:flex;padding:0;justify-content:center} nav.main>ul .dropdown .tier-2>li{display:block;flex-grow:1;text-align:center;max-width:16.2rem;font-family:'Barlow',sans-serif;font-weight:400;font-size:2.2rem;margin:0 7.5rem 0 0} nav.main>ul .dropdown .tier-2>li:last-child{margin:0} nav.main>ul .dropdown .tier-2>li>a{padding:3.8rem 0 5.6rem;display:block;color:#09244f;position:relative;z-index:5;height:18.4rem;font-weight:400} nav.main>ul .dropdown .tier-2>li>a>span{display:block;border-top:solid 2px #f5f5f5;margin:1.8rem 0 0 0;padding:1.2rem 0 0 0;line-height:1.15em;-webkit-transform:translateZ(0);transform:translateZ(0)} nav.main>ul .dropdown .tier-2>li>a:hover,nav.main>ul .dropdown .tier-2>li>a:focus{color:#09202a} nav.main>ul .dropdown .tier-2>li>a:after{display:none;content:'';width:0;height:0;border-left:1.7rem solid transparent;border-right:1.7rem solid transparent;border-top:1.5rem solid #fff;top:100%;left:calc(50% - 1.7rem);position:absolute} nav.main>ul .dropdown .tier-2>li.active>.dropdown{opacity:1;max-height:60rem} nav.main>ul .dropdown .tier-2>li.active>a:after{display:block} nav.main>ul .dropdown .tier-2>li.not-active svg *,nav.main>ul .dropdown .tier-2>li.not-active img *{fill:#bebebe;color:#bebebe} nav.main>ul .dropdown .tier-2 svg,nav.main>ul .dropdown .tier-2 img{max-width:7rem;max-height:5rem;margin:0 auto;display:block} nav.main>ul .dropdown .tier-2 svg *,nav.main>ul .dropdown .tier-2 img *{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} nav.main>ul .dropdown .tier-3{display:flex;padding:0 3.7rem;justify-content:left} nav.main>ul .dropdown .tier-3>li{display:block;width:100%;flex-shrink:0;margin:0 6rem 0 0;max-width:25%;border-right:solid 1px #dadada} nav.main>ul .dropdown .tier-3>li:last-child{margin:0;border:0} nav.main>ul .dropdown .tier-3>li.split-2{max-width:50%} nav.main>ul .dropdown .tier-3>li.split-2 .tier-4{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:12rem;-moz-column-gap:12rem;column-gap:12rem;-webkit-column-rule:none outset #464747;-moz-column-rule:none outset #464747;column-rule:none outset #464747;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column} nav.main>ul .dropdown .tier-3>li.split-3{max-width:75%} nav.main>ul .dropdown .tier-3>li.split-3 .tier-4{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:8rem;-moz-column-gap:8rem;column-gap:8rem;-webkit-column-rule:none outset #464747;-moz-column-rule:none outset #464747;column-rule:none outset #464747;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column} nav.main>ul .dropdown .tier-3>li h4{text-transform:uppercase;font-family:'Barlow',sans-serif;font-weight:700;font-size:1.6rem;margin:0 0 2.1rem;color:#464747} nav.main>ul .dropdown .tier-3>li h4 a{color:#464747} nav.main>ul .dropdown .tier-3>li h4 a.t3link:hover,nav.main>ul .dropdown .tier-3>li h4 a.t3link:focus{text-decoration:underline !important} nav.main>ul .dropdown .tier-3>li h4 a.unlinked{cursor:default} nav.main>ul .dropdown .tier-3.alt{display:block;max-width:30rem;margin:0 auto} nav.main>ul .dropdown .tier-3.alt.two-col{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:8rem;-moz-column-gap:8rem;column-gap:8rem;-webkit-column-rule:1px outset #d9d9da;-moz-column-rule:1px outset #d9d9da;column-rule:1px outset #d9d9da;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column;padding:1rem 0;max-width:52rem;margin:0 auto} nav.main>ul .dropdown .tier-3.alt.two-col>li{max-width:none} nav.main>ul .dropdown .tier-3.alt.three-col{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:8rem;-moz-column-gap:8rem;column-gap:8rem;-webkit-column-rule:1px outset #d9d9da;-moz-column-rule:1px outset #d9d9da;column-rule:1px outset #d9d9da;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column;padding:1rem 0;margin:0 auto;max-width:80rem} nav.main>ul .dropdown .tier-3.alt.three-col>li{max-width:none} nav.main>ul .dropdown .tier-3.alt.four-col{-webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-gap:8rem;-moz-column-gap:8rem;column-gap:8rem;-webkit-column-rule:1px outset #d9d9da;-moz-column-rule:1px outset #d9d9da;column-rule:1px outset #d9d9da;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column;padding:1rem 0;margin:0 auto;max-width:105rem} nav.main>ul .dropdown .tier-3.alt.four-col>li{max-width:none} nav.main>ul .dropdown .tier-3.alt>li{text-align:left;margin:0 0 1.6rem;width:auto;display:block;flex-grow:inherit;font-weight:600;font-size:1.6rem;border:0;max-width:none} nav.main>ul .dropdown .tier-3.alt>li h4{font-weight:600;font-size:inherit;font-family:'Barlow',sans-serif;text-transform:none;display:inline-block;margin:0} nav.main>ul .dropdown .tier-3.alt>li a{color:#09244f;display:block} nav.main>ul .dropdown .tier-3.alt>li a:hover,nav.main>ul .dropdown .tier-3.alt>li a:focus{text-decoration:underline !important} nav.main>ul .dropdown .tier-3.alt>li:last-child{margin:0} nav.main>ul .dropdown .tier-3 .hidden-view-all{display:none} nav.main>ul .dropdown .tier-4>li{margin:0 0 1.6rem;font-weight:600;font-size:1.6rem} nav.main>ul .dropdown .tier-4>li a{color:#09244f;display:block} nav.main>ul .dropdown .tier-4>li a:hover,nav.main>ul .dropdown .tier-4>li a:focus{text-decoration:underline !important} nav.main>ul .dropdown .tier-4>li:last-child{margin:0} } @media screen and (min-width:1260px){nav.main>ul .dropdown.products{max-height:0;overflow:hidden;-webkit-box-shadow:0 7px 10px -5px rgba(0,0,0,0.3);-moz-box-shadow:0 7px 10px -5px rgba(0,0,0,0.3);box-shadow:0 7px 10px -5px rgba(0,0,0,0.3);display:block;position:absolute;width:100%;left:0;right:0;top:calc(100% + 9rem);background:#fff;transition:max-height .5s ease-out,top .2s linear,height .5s ease-out;text-align:left} nav.main>ul .dropdown.products .back{display:none} nav.main>ul .dropdown.products ul{list-style:none;margin:0} nav.main>ul .dropdown.products ul a{text-decoration:none !important} nav.main>ul .dropdown.products ul>li{text-transform:none} nav.main>ul .dropdown.products .dropdown{background:0;-webkit-transition:all 0 linear;-moz-transition:all 0 linear;-ms-transition:all 0 linear;-o-transition:all 0 linear;transition:all 0 linear;top:0;height:100%;left:100%;width:300%;padding:0 0 0 3rem;transition-delay:.001s;opacity:1;display:none;max-height:none;min-height:0;overflow:hidden;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-left:solid 1px #d9d9da} nav.main>ul .dropdown.products .dropdown .wrap{padding:0;height:100%} nav.main>ul .dropdown.products .dropdown .wrap .mobile-slider{height:100%} nav.main>ul .dropdown.products .wrap{max-width:113rem;padding:3rem 0 4rem 0} nav.main>ul .dropdown.products .tier-2{display:block;width:25%;position:relative;padding-right:2rem;min-height:51rem} nav.main>ul .dropdown.products .tier-2>li{max-width:none;margin:0 0 1rem;font-size:1.6rem;text-align:left} nav.main>ul .dropdown.products .tier-2>li>a{padding:0;height:auto;font-weight:600} nav.main>ul .dropdown.products .tier-2>li>a:hover,nav.main>ul .dropdown.products .tier-2>li>a:focus{color:#09202a;font-weight:700} nav.main>ul .dropdown.products .tier-2>li:last-child{margin:0} nav.main>ul .dropdown.products .tier-2>li.active>a{font-weight:700} nav.main>ul .dropdown.products .tier-2>li.active>.dropdown{opacity:1;display:block;max-height:none} nav.main>ul .dropdown.products .tier-3{max-width:none;margin:0;padding:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column wrap;-ms-flex-flow:column wrap;flex-flow:column wrap;height:102%;align-content:flex-start} nav.main>ul .dropdown.products .tier-3>li{width:33.3%;flex-shrink:0;flex-grow:0;padding:0 1rem 1.5rem 5rem;margin:0;max-width:none;border:0} nav.main>ul .dropdown.products .tier-3>li a{font-weight:400;color:#464647;display:block} nav.main>ul .dropdown.products .tier-3>li a.t3link:hover,nav.main>ul .dropdown.products .tier-3>li a.t3link:focus{text-decoration:underline !important} nav.main>ul .dropdown.products .tier-3>li a:hover,nav.main>ul .dropdown.products .tier-3>li a:focus{text-decoration:underline !important} nav.main>ul .dropdown.products .tier-3.two-col:before{content:'';border-right:solid 1px #d9d9da;height:100%;position:absolute;left:36%;top:0;bottom:0;display:block} nav.main>ul .dropdown.products .tier-3.three-col:before{content:'';border-right:solid 1px #d9d9da;height:100%;position:absolute;left:36%;top:0;bottom:0;display:block} nav.main>ul .dropdown.products .tier-3.three-col:after{content:'';border-right:solid 1px #d9d9da;height:100%;position:absolute;left:68.5%;top:0;bottom:0;display:block} } @media screen and (min-width:1260px){nav.main>ul.secondary.secondary-brand{margin-left:0} } @media screen and (min-width:1260px){nav.main>ul.secondary{margin-left:5.3rem} } nav.main>ul.secondary>li{font-weight:400} @media screen and (min-width:1260px){nav.main>ul.secondary .dropdown .tier-2{display:block;text-align:center;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:8rem;-moz-column-gap:8rem;column-gap:8rem;-webkit-column-rule:0 outset #464747;-moz-column-rule:0 outset #464747;column-rule:0 outset #464747;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column;max-width:100rem;margin:0 auto;padding:3rem 3.7rem 4rem 23rem} nav.main>ul.secondary .dropdown .tier-2.three-col{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:14.3rem;-moz-column-gap:14.3rem;column-gap:14.3rem;-webkit-column-rule:0 outset #464747;-moz-column-rule:0 outset #464747;column-rule:0 outset #464747;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column;max-width:none;padding:3rem 3.7rem 5rem} nav.main>ul.secondary .dropdown .tier-2.three-col>li{max-width:none} nav.main>ul.secondary .dropdown .tier-2.four-col{-webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-gap:14.3rem;-moz-column-gap:14.3rem;column-gap:14.3rem;-webkit-column-rule:0 outset #464747;-moz-column-rule:0 outset #464747;column-rule:0 outset #464747;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column;max-width:none;padding:3rem 3.7rem 5rem} nav.main>ul.secondary .dropdown .tier-2.four-col>li{max-width:none} nav.main>ul.secondary .dropdown .tier-2>li{text-align:left;margin:0 0 1.6rem;width:auto;display:block;flex-grow:inherit;font-weight:600;font-size:2rem;max-width:none} nav.main>ul.secondary .dropdown .tier-2>li a{height:auto;padding:0;color:#09244f;display:block} nav.main>ul.secondary .dropdown .tier-2>li a:hover,nav.main>ul.secondary .dropdown .tier-2>li a:focus{text-decoration:underline !important} nav.main>ul.secondary .dropdown .tier-2>li a span{border:0;margin:0;display:inline;padding:0} nav.main>ul.secondary .dropdown .tier-2>li:last-child{margin:0} } @media screen and (min-width:1260px){.stuck nav.main .dropdown{top:100%} } @media screen and (min-width:1260px){.stuck nav.main>ul>li>a{color:#222} .stuck nav.main>ul>li>a:hover,.stuck nav.main>ul>li>a:focus{color:#333} } @media screen and (min-width:767px) and (max-width:1259px){.tablet-nav-wrap{position:relative} .tablet-nav-wrap:before{height:6.6rem;width:100%;max-width:50rem;right:-100%;position:absolute;content:'';top:0;-webkit-transition:right .5s ease-in-out;-moz-transition:right .5s ease-in-out;-ms-transition:right .5s ease-in-out;-o-transition:right .5s ease-in-out;transition:right .5s ease-in-out;background:#fff;-webkit-box-shadow:-5px 5px 10px 0 rgba(0,0,0,0.2);-moz-box-shadow:-5px 5px 10px 0 rgba(0,0,0,0.2);box-shadow:-5px 5px 10px 0 rgba(0,0,0,0.2)} .tablet-nav-wrap:after{position:absolute;top:6.6rem;border-top:solid 1px #dadada;height:1px;right:-100%;width:100%;max-width:50rem;content:'';-webkit-transition:right .5s ease-in-out;-moz-transition:right .5s ease-in-out;-ms-transition:right .5s ease-in-out;-o-transition:right .5s ease-in-out;transition:right .5s ease-in-out;z-index:1} .stuck .tablet-nav-wrap:before{box-shadow:none} .tablet-nav-wrap.tablet-open:before,.tablet-nav-wrap.tablet-open:after{right:0} } .mobile-nav-wrap{display:none;background:#f9f9f9;position:absolute;top:6.1rem;left:0;right:0;padding:0 0 4rem;height:calc(100vh - 6rem);overflow-x:hidden;overflow-y:scroll} .mobile-nav-wrap.slid{overflow:hidden} @media screen and (min-width:767px) and (max-width:1259px){.mobile-nav-wrap{max-width:500px;width:100%;z-index:1;right:-100%;left:auto;top:6.6rem;display:block !important;-webkit-transition:right .5s ease-in-out;-moz-transition:right .5s ease-in-out;-ms-transition:right .5s ease-in-out;-o-transition:right .5s ease-in-out;transition:right .5s ease-in-out;background:#fff;opacity:1 !important} .tablet-open .mobile-nav-wrap{right:0;-webkit-box-shadow:-5px 5px 10px 0 rgba(0,0,0,0.2);-moz-box-shadow:-5px 5px 10px 0 rgba(0,0,0,0.2);box-shadow:-5px 5px 10px 0 rgba(0,0,0,0.2)} } @media screen and (min-width:1260px){.mobile-nav-wrap{position:static;padding:0;border:0;background:0;display:inline-block !important;float:right;height:auto;overflow:visible} } ul.tertiary{display:inline-block;font-size:2.4rem;text-align:right;list-style:none;float:right;margin:0;height:6rem;position:relative;z-index:5} @media screen and (min-width:767px) and (max-width:1259px){ul.tertiary{height:6.6rem} } @media screen and (min-width:1260px){ul.tertiary{width:auto;padding:0 2.8rem 0 0;margin:0;font-size:2.4rem;height:auto} } ul.tertiary>li{font-weight:400;display:inline-block} ul.tertiary>li a{display:flex;justify-content:center;align-items:center;position:relative;-webkit-transition:color .3s linear;-moz-transition:color .3s linear;-ms-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear;height:6rem;width:5.4rem;color:#006e96;float:left;text-align:center} ul.tertiary>li a.icon-search{font-size:2rem} ul.tertiary>li a:hover,ul.tertiary>li a:focus{text-decoration:none} @media screen and (min-width:767px) and (max-width:1259px){ul.tertiary>li a{color:#fff;height:6.6rem} ul.tertiary>li a:hover,ul.tertiary>li a:focus{color:rgba(255,255,255,0.7)} .tablet-open ul.tertiary>li a,.stuck ul.tertiary>li a{color:#006e96} } @media screen and (min-width:1260px){ul.tertiary>li a:hover,ul.tertiary>li a:focus{color:rgba(255,255,255,0.7)} } @media screen and (max-width:767px){ul.tertiary>li a.open{border-left:solid 1px #c9c7c6;position:relative;color:#006e96} ul.tertiary>li a.open:after{border-bottom:solid 1px #fff;position:absolute;bottom:-1px;left:0;right:0;content:'';height:1px} ul.tertiary>li a.open:before{content:"\e905";font-size:1.7rem} } @media screen and (min-width:1260px){ul.tertiary>li a{color:#fff;height:auto;width:auto;margin:0;padding:2.1rem 1rem 2.1rem;text-align:left} ul.tertiary>li a.icon-search{font-size:2rem;top:7px} ul.tertiary>li a.icon-cart{top:.5rem} } @media screen and (min-width:1260px){.stuck ul.tertiary>li>a{color:#006e96} .stuck ul.tertiary>li>a:hover,.stuck ul.tertiary>li>a:focus{color:rgba(0,138,188,0.7)} } nav.utility{font-size:1.6rem;color:#09244f;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} @media screen and (min-width:1260px){nav.utility{height:5.7rem;position:absolute;top:1.8rem;right:4rem} } nav.utility ul{margin:0;padding:0 2rem;list-style:none} @media screen and (min-width:767px) and (max-width:1259px){nav.utility ul{padding:0;margin-top:3.7rem} } @media screen and (min-width:1260px){nav.utility ul{float:right;padding:0;display:inline-block} } nav.utility ul li{margin:.2rem 0;padding:0} @media screen and (min-width:767px) and (max-width:1259px){nav.utility ul li{padding:0 7.5rem} nav.utility ul li:last-child{margin-bottom:1.6rem} } @media screen and (min-width:1260px){nav.utility ul li{display:inline-block;margin:0 0 0 2.5rem} } nav.utility ul li a{font-family:'Barlow Condensed',sans-serif;display:inline;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;text-transform:uppercase;color:#09244f;padding:1.6rem 0} nav.utility ul li a:hover,nav.utility ul li a:focus{color:#4f8309;text-decoration:none} @media screen and (min-width:767px) and (max-width:1259px){nav.utility ul li a{text-align:center;font-size:2rem} } @media screen and (min-width:1260px){nav.utility ul li a{padding:0} nav.utility ul li a.icon-lock:before{top:2px;font-size:1.7rem} nav.utility ul li a.icon-map-marker:before{font-size:1.9rem;top:2px} nav.utility ul li a.icon-envelope:before{font-size:1.5rem} } nav.utility ul li div{padding:1.6rem 0} @media screen and (min-width:767px) and (max-width:1259px){nav.utility ul li div{text-align:center} } @media screen and (min-width:1260px){nav.utility ul li div{padding:0} } nav.utility ul li svg,nav.utility ul li img{color:#4f8309;display:inline;fill:#4f8309;height:1.5rem;padding:0;margin-right:.7rem;position:relative;top:1px;vertical-align:baseline;width:1.5rem} nav.utility ul li svg *,nav.utility ul li img *{color:#4f8309;fill:#4f8309} nav.utility select,nav.utility .chosen{float:left} [class*="col-"]{float:left;padding:0 2rem;position:relative} @media screen and (min-width:768px){[class*="col-"]{padding:0 2.6rem} } .row{margin-left:-2rem;margin-right:-2rem} .row:after{content:'';clear:both;height:0;display:block} @media screen and (min-width:768px){.row{margin-left:-2.6rem;margin-right:-2.6rem} } .col-xs-1{width:8.33333333%} .col-xs-offset-1{margin-left:8.33333333%} .col-xs-pull-1{right:8.33333333%} .col-xs-push-1{left:8.33333333%} .col-xs-2{width:16.66666667%} .col-xs-offset-2{margin-left:16.66666667%} .col-xs-pull-2{right:16.66666667%} .col-xs-push-2{left:16.66666667%} .col-xs-3{width:25%} .col-xs-offset-3{margin-left:25%} .col-xs-pull-3{right:25%} .col-xs-push-3{left:25%} .col-xs-4{width:33.33333333%} .col-xs-offset-4{margin-left:33.33333333%} .col-xs-pull-4{right:33.33333333%} .col-xs-push-4{left:33.33333333%} .col-xs-5{width:41.66666667%} .col-xs-offset-5{margin-left:41.66666667%} .col-xs-pull-5{right:41.66666667%} .col-xs-push-5{left:41.66666667%} .col-xs-6{width:50%} .col-xs-offset-6{margin-left:50%} .col-xs-pull-6{right:50%} .col-xs-push-6{left:50%} .col-xs-7{width:58.33333333%} .col-xs-offset-7{margin-left:58.33333333%} .col-xs-pull-7{right:58.33333333%} .col-xs-push-7{left:58.33333333%} .col-xs-8{width:66.66666667%} .col-xs-offset-8{margin-left:66.66666667%} .col-xs-pull-8{right:66.66666667%} .col-xs-push-8{left:66.66666667%} .col-xs-9{width:75%} .col-xs-offset-9{margin-left:75%} .col-xs-pull-9{right:75%} .col-xs-push-9{left:75%} .col-xs-10{width:83.33333333%} .col-xs-offset-10{margin-left:83.33333333%} .col-xs-pull-10{right:83.33333333%} .col-xs-push-10{left:83.33333333%} .col-xs-11{width:91.66666667%} .col-xs-offset-11{margin-left:91.66666667%} .col-xs-pull-11{right:91.66666667%} .col-xs-push-11{left:91.66666667%} .col-xs-12{width:100%} .col-xs-offset-12{margin-left:100%} .col-xs-pull-12{right:100%} .col-xs-push-12{left:100%} @media screen and (min-width:768px){.col-sm-1{width:8.33333333%} .col-sm-offset-1{margin-left:8.33333333%} .col-sm-pull-1{right:8.33333333%} .col-sm-push-1{left:8.33333333%} .col-sm-2{width:16.66666667%} .col-sm-offset-2{margin-left:16.66666667%} .col-sm-pull-2{right:16.66666667%} .col-sm-push-2{left:16.66666667%} .col-sm-3{width:25%} .col-sm-offset-3{margin-left:25%} .col-sm-pull-3{right:25%} .col-sm-push-3{left:25%} .col-sm-4{width:33.33333333%} .col-sm-offset-4{margin-left:33.33333333%} .col-sm-pull-4{right:33.33333333%} .col-sm-push-4{left:33.33333333%} .col-sm-5{width:41.66666667%} .col-sm-offset-5{margin-left:41.66666667%} .col-sm-pull-5{right:41.66666667%} .col-sm-push-5{left:41.66666667%} .col-sm-6{width:50%} .col-sm-offset-6{margin-left:50%} .col-sm-pull-6{right:50%} .col-sm-push-6{left:50%} .col-sm-7{width:58.33333333%} .col-sm-offset-7{margin-left:58.33333333%} .col-sm-pull-7{right:58.33333333%} .col-sm-push-7{left:58.33333333%} .col-sm-8{width:66.66666667%} .col-sm-offset-8{margin-left:66.66666667%} .col-sm-pull-8{right:66.66666667%} .col-sm-push-8{left:66.66666667%} .col-sm-9{width:75%} .col-sm-offset-9{margin-left:75%} .col-sm-pull-9{right:75%} .col-sm-push-9{left:75%} .col-sm-10{width:83.33333333%} .col-sm-offset-10{margin-left:83.33333333%} .col-sm-pull-10{right:83.33333333%} .col-sm-push-10{left:83.33333333%} .col-sm-11{width:91.66666667%} .col-sm-offset-11{margin-left:91.66666667%} .col-sm-pull-11{right:91.66666667%} .col-sm-push-11{left:91.66666667%} .col-sm-12{width:100%} .col-sm-offset-12{margin-left:100%} .col-sm-pull-12{right:100%} .col-sm-push-12{left:100%} } @media screen and (min-width:992px){.col-md-1{width:8.33333333%} .col-md-offset-1{margin-left:8.33333333%} .col-md-pull-1{right:8.33333333%} .col-md-push-1{left:8.33333333%} .col-md-2{width:16.66666667%} .col-md-offset-2{margin-left:16.66666667%} .col-md-pull-2{right:16.66666667%} .col-md-push-2{left:16.66666667%} .col-md-3{width:25%} .col-md-offset-3{margin-left:25%} .col-md-pull-3{right:25%} .col-md-push-3{left:25%} .col-md-4{width:33.33333333%} .col-md-offset-4{margin-left:33.33333333%} .col-md-pull-4{right:33.33333333%} .col-md-push-4{left:33.33333333%} .col-md-5{width:41.66666667%} .col-md-offset-5{margin-left:41.66666667%} .col-md-pull-5{right:41.66666667%} .col-md-push-5{left:41.66666667%} .col-md-6{width:50%} .col-md-offset-6{margin-left:50%} .col-md-pull-6{right:50%} .col-md-push-6{left:50%} .col-md-7{width:58.33333333%} .col-md-offset-7{margin-left:58.33333333%} .col-md-pull-7{right:58.33333333%} .col-md-push-7{left:58.33333333%} .col-md-8{width:66.66666667%} .col-md-offset-8{margin-left:66.66666667%} .col-md-pull-8{right:66.66666667%} .col-md-push-8{left:66.66666667%} .col-md-9{width:75%} .col-md-offset-9{margin-left:75%} .col-md-pull-9{right:75%} .col-md-push-9{left:75%} .col-md-10{width:83.33333333%} .col-md-offset-10{margin-left:83.33333333%} .col-md-pull-10{right:83.33333333%} .col-md-push-10{left:83.33333333%} .col-md-11{width:91.66666667%} .col-md-offset-11{margin-left:91.66666667%} .col-md-pull-11{right:91.66666667%} .col-md-push-11{left:91.66666667%} .col-md-12{width:100%} .col-md-offset-12{margin-left:100%} .col-md-pull-12{right:100%} .col-md-push-12{left:100%} } @media screen and (min-width:1200px){.col-lg-1{width:8.33333333%} .col-lg-offset-1{margin-left:8.33333333%} .col-lg-pull-1{right:8.33333333%} .col-lg-push-1{left:8.33333333%} .col-lg-2{width:16.66666667%} .col-lg-offset-2{margin-left:16.66666667%} .col-lg-pull-2{right:16.66666667%} .col-lg-push-2{left:16.66666667%} .col-lg-3{width:25%} .col-lg-offset-3{margin-left:25%} .col-lg-pull-3{right:25%} .col-lg-push-3{left:25%} .col-lg-4{width:33.33333333%} .col-lg-offset-4{margin-left:33.33333333%} .col-lg-pull-4{right:33.33333333%} .col-lg-push-4{left:33.33333333%} .col-lg-5{width:41.66666667%} .col-lg-offset-5{margin-left:41.66666667%} .col-lg-pull-5{right:41.66666667%} .col-lg-push-5{left:41.66666667%} .col-lg-6{width:50%} .col-lg-offset-6{margin-left:50%} .col-lg-pull-6{right:50%} .col-lg-push-6{left:50%} .col-lg-7{width:58.33333333%} .col-lg-offset-7{margin-left:58.33333333%} .col-lg-pull-7{right:58.33333333%} .col-lg-push-7{left:58.33333333%} .col-lg-8{width:66.66666667%} .col-lg-offset-8{margin-left:66.66666667%} .col-lg-pull-8{right:66.66666667%} .col-lg-push-8{left:66.66666667%} .col-lg-9{width:75%} .col-lg-offset-9{margin-left:75%} .col-lg-pull-9{right:75%} .col-lg-push-9{left:75%} .col-lg-10{width:83.33333333%} .col-lg-offset-10{margin-left:83.33333333%} .col-lg-pull-10{right:83.33333333%} .col-lg-push-10{left:83.33333333%} .col-lg-11{width:91.66666667%} .col-lg-offset-11{margin-left:91.66666667%} .col-lg-pull-11{right:91.66666667%} .col-lg-push-11{left:91.66666667%} .col-lg-12{width:100%} .col-lg-offset-12{margin-left:100%} .col-lg-pull-12{right:100%} .col-lg-push-12{left:100%} } @media screen and (min-width:1440px){.col-xl-1{width:8.33333333%} .col-xl-offset-1{margin-left:8.33333333%} .col-xl-pull-1{right:8.33333333%} .col-xl-push-1{left:8.33333333%} .col-xl-2{width:16.66666667%} .col-xl-offset-2{margin-left:16.66666667%} .col-xl-pull-2{right:16.66666667%} .col-xl-push-2{left:16.66666667%} .col-xl-3{width:25%} .col-xl-offset-3{margin-left:25%} .col-xl-pull-3{right:25%} .col-xl-push-3{left:25%} .col-xl-4{width:33.33333333%} .col-xl-offset-4{margin-left:33.33333333%} .col-xl-pull-4{right:33.33333333%} .col-xl-push-4{left:33.33333333%} .col-xl-5{width:41.66666667%} .col-xl-offset-5{margin-left:41.66666667%} .col-xl-pull-5{right:41.66666667%} .col-xl-push-5{left:41.66666667%} .col-xl-6{width:50%} .col-xl-offset-6{margin-left:50%} .col-xl-pull-6{right:50%} .col-xl-push-6{left:50%} .col-xl-7{width:58.33333333%} .col-xl-offset-7{margin-left:58.33333333%} .col-xl-pull-7{right:58.33333333%} .col-xl-push-7{left:58.33333333%} .col-xl-8{width:66.66666667%} .col-xl-offset-8{margin-left:66.66666667%} .col-xl-pull-8{right:66.66666667%} .col-xl-push-8{left:66.66666667%} .col-xl-9{width:75%} .col-xl-offset-9{margin-left:75%} .col-xl-pull-9{right:75%} .col-xl-push-9{left:75%} .col-xl-10{width:83.33333333%} .col-xl-offset-10{margin-left:83.33333333%} .col-xl-pull-10{right:83.33333333%} .col-xl-push-10{left:83.33333333%} .col-xl-11{width:91.66666667%} .col-xl-offset-11{margin-left:91.66666667%} .col-xl-pull-11{right:91.66666667%} .col-xl-push-11{left:91.66666667%} .col-xl-12{width:100%} .col-xl-offset-12{margin-left:100%} .col-xl-pull-12{right:100%} .col-xl-push-12{left:100%} } .modal-open{overflow:hidden;height:100vh;width:100%;position:absolute} .modal-backdrop.in{opacity:0} .modal{background:rgba(0,0,0,0.4);bottom:0;display:none;left:0;overflow:hidden;position:fixed;right:0;top:0;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;z-index:10050} .modal .close-container{position:absolute;right:2rem;top:2rem;z-index:3} .modal .close-container>button.icon-close{border:0;background:transparent;color:#09244f} .modal-open .modal{overflow-x:hidden;overflow-y:auto} .modal>figure>header{position:relative;padding:0} .modal>figure{-webkit-box-shadow:0 0 15px 0 #000;-moz-box-shadow:0 0 15px 0 #000;box-shadow:0 0 15px 0 #000;background:#fff;margin:0 auto;position:relative;padding:2rem;top:7rem;width:auto;max-width:1400px;z-index:1} .modal>figure>a,.modal>figure>button{text-align:center;background:0;border:0;color:#09244f;cursor:pointer;font-size:2rem;line-height:1em;position:absolute;right:2rem;top:2rem} .modal>figure>a:focus,.modal>figure>button:focus,.modal>figure>a:active,.modal>figure>button:active{outline:0} .modal>figure>a:hover,.modal>figure>button:hover,.modal>figure>a:focus,.modal>figure>button:focus{color:#464747} @media screen and (min-width:768px){.modal>figure{margin:0 2rem 2rem;padding:5rem} } @media screen and (min-width:992px){.modal>figure{padding:10rem 11.5rem} } @media screen and (min-width:1200px){.modal>figure{margin:0 auto} } .modal>figure.leadership article .img{display:block} @media screen and (min-width:768px){.modal>figure.leadership article .img{width:40%;display:table-cell;vertical-align:top} } .modal>figure.leadership article .img img{border:1px solid #e5e5e5} .modal>figure.leadership article .details{display:block;margin-top:20px} @media screen and (min-width:768px){.modal>figure.leadership article .details{display:table-cell;width:60%;vertical-align:top;padding:0 40px;margin:0} } .modal>figure.leadership article .details h3{margin-bottom:.75rem} .modal>figure.leadership article .details .title{font-weight:700;color:#000;margin-bottom:2rem} @media screen and (min-width:992px){.modal>figure.leadership article .details .title{font-size:12px;font-size:1.2rem} } .modal>figure.leadership article .details p{margin-bottom:1.5rem} @media screen and (max-width:767px){.modal#searchModal{z-index:2000} .modal#searchModal>figure{border-top:solid 1px #c9c7c6;box-shadow:none;left:0;padding-bottom:4.5rem;right:0;top:6rem} .modal#searchModal>figure>a{display:none} } #videoModal.modal{position:fixed;left:0;right:0;bottom:0;top:0;z-index:10050;overflow:hidden;display:none;background:rgba(0,0,0,0.4);-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} .modal-open #videoModal.modal{overflow-x:hidden;overflow-y:auto} #videoModal.modal>figure>header{position:relative;padding:0} #videoModal.modal>figure{background:#fff;border:1px solid #e5e5e5;height:auto;left:0;margin:0;padding:60px 20px;position:absolute;top:0;width:100%;z-index:1} @media screen and (min-width:768px){#videoModal.modal>figure{-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;top:4rem;max-width:930px;min-height:0;padding:6rem 3rem;width:100%} } @media screen and (min-width:992px){#videoModal.modal>figure{padding:55px 60px;width:65%} } #videoModal.modal>figure>header{background:transparent;box-shadow:0 0 0 0 transparent} #videoModal.modal>figure>header:before{background:transparent} #videoModal.modal>figure>header>a{position:absolute;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background:0;border:0;box-sizing:border-box;display:inline-block;height:35px;left:50%;line-height:35px;right:auto;top:-45px;width:35px} @media screen and (min-width:768px){#videoModal.modal>figure>header>a{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);right:-45px} } #videoModal.modal>figure>header>a:before,#videoModal.modal>figure>header>a:after{-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;background-color:#4f8309;content:'';display:block;height:5px;left:50%;margin-left:-17.5px;margin-top:-2.5px;position:absolute;top:50%;width:35px} #videoModal.modal>figure>header>a:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} #videoModal.modal>figure>header>a:after{-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)} #videoModal.modal>figure>header>a:hover:before,#videoModal.modal>figure>header>a:focus:before{-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg)} #videoModal.modal>figure>header>a:hover:after,#videoModal.modal>figure>header>a:focus:after{-webkit-transform:rotate(-150deg);-moz-transform:rotate(-150deg);-ms-transform:rotate(-150deg);-o-transform:rotate(-150deg);transform:rotate(-150deg)} #videoModal.modal>figure p{color:#464747;font-size:1.6rem;line-height:1.5em;margin:0 0 1.5em} #videoModal.modal>figure p:last-of-type{margin:0} #videoModal.modal>figure.video article{border:1px solid #e5e5e5;padding-top:56.25% !important;position:relative} #videoModal.modal>figure.video article>iframe,#videoModal.modal>figure.video article>video{height:100%;left:0;position:absolute;top:0;width:100%} #videoModal.modal>figure.video .social-share{display:inline-block;text-align:right;vertical-align:top;width:44%} #videoModal.modal>figure.video .social-share a{font-size:20px;font-size:2rem;text-decoration:none;margin-left:40px} #videoModal.modal>figure.video .description{display:inline-block;vertical-align:top;width:55%;font-size:13px;font-size:1.3rem;font-style:italic} form .row>div{margin-bottom:2rem} @media screen and (min-width:768px){form .row{margin-bottom:3.5rem} form .row>div{margin-bottom:0} } .form-wrap{padding:0 2rem 2rem} @media screen and (min-width:768px){.form-wrap{max-width:1252px;margin:0 auto;padding:0 2rem 4rem 2rem} } form ::-webkit-input-placeholder{color:#bebebe;opacity:1} form ::-moz-placeholder{color:#bebebe;opacity:1} form :-ms-input-placeholder{color:#bebebe;opacity:1} form button{margin-top:1rem} label{display:block;margin:0 0 .2rem;font-weight:700;font-size:1.2rem;color:#464747;text-transform:uppercase} label small{font-size:1.2rem;font-weight:300;display:inline-block;margin-left:.5rem} @media screen and (min-width:768px){label{font-size:1.2rem} label small{font-size:1.2rem} } .datepicker{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} input{display:block;padding:0 0 .7rem;border:0;border-bottom:solid 1px #dadada;width:100%;font-size:1.8rem;color:#464747;font-weight:300;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} @media screen and (min-width:768px){input{font-size:2.5rem} } input:focus{color:#595959;border-bottom:solid 1px #464747} input[type="checkbox"],input[type="radio"]{height:0;width:0;position:absolute;top:0;left:0;opacity:0} input[type="checkbox"]+label,input[type="radio"]+label{padding:0 0 0 3rem;font-size:1.8rem;color:#464747;text-transform:none;font-weight:300;cursor:pointer} @media screen and (min-width:768px){input[type="checkbox"]+label,input[type="radio"]+label{font-size:2.5rem} } input[type="checkbox"]+label:before,input[type="radio"]+label:before{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;height:1.8rem;width:1.8rem;border:.1rem solid #dadada;background:#fff;content:'';display:block;position:absolute;left:0;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);line-height:1.8rem;font-size:.8rem;font-weight:700;text-align:center} input[type="checkbox"]:checked+label:before,input[type="radio"]:checked+label:before{background:#006e96;font-family:icomoon;content:"\e905";color:#fff;border-color:#006e96} input[type="radio"]+label:before{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%} input[type="radio"]:checked+label:before{content:'';background:#006e96;-webkit-box-shadow:0 0 0 .2rem #fff inset;-moz-box-shadow:0 0 0 .2rem #fff inset;box-shadow:0 0 0 .2rem #fff inset} textarea{margin-top:.8rem;padding:1.2rem;border:1px solid #e6e6e6;width:100%;font-size:1.8rem;font-weight:300;min-height:18rem} @media screen and (min-width:768px){textarea{padding:1.2rem 2.7rem;font-size:2.5rem} } textarea:focus{border:solid 1px #e7e7e7} fieldset{border:0;padding:0;margin:0;text-align:left} fieldset>div{margin:0 0 .5rem;position:relative;text-align:left} fieldset>div:last-child{margin:0} fieldset legend{display:block;margin:0 0 .2rem;font-weight:700;font-size:1.2rem;color:#464747;text-transform:uppercase;border:0} input.parsley-error,select.parsley-error{color:#b94a48;border-bottom:1px solid #eed3d7 !important} input.parsley-error ::-webkit-input-placeholder,select.parsley-error ::-webkit-input-placeholder{color:#b94a48;opacity:1} input.parsley-error ::-moz-placeholder,select.parsley-error ::-moz-placeholder{color:#b94a48;opacity:1} input.parsley-error :-ms-input-placeholder,select.parsley-error :-ms-input-placeholder{color:#b94a48;opacity:1} textarea.parsley-error{color:#b94a48;border:1px solid #eed3d7 !important} textarea.parsley-error ::-webkit-input-placeholder{color:#b94a48;opacity:1} textarea.parsley-error ::-moz-placeholder{color:#b94a48;opacity:1} textarea.parsley-error :-ms-input-placeholder{color:#b94a48;opacity:1} .parsley-error.chosen-select+.chosen-container-single .chosen-single{color:#b94a48;-webkit-box-shadow:none;box-shadow:none} .parsley-error.chosen-select+.chosen-container .chosen-drop{color:#b94a48} .parsley-errors-list{margin:0;padding:0;top:3px;list-style-type:none;font-size:.9rem;text-transform:uppercase;opacity:0;color:#b94a48;font-weight:700;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;height:0;position:relative} .parsley-errors-list.filled{opacity:1} select.chosen-select{font-size:1.8rem;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#464747;font-weight:300;border:0;border-bottom:solid 1px #dadada;width:100%;position:relative;display:block;padding:0 0 .8rem;height:3.3rem;line-height:1.5em;-webkit-appearance:none;-moz-appearance:none;background:0} @media screen and (min-width:768px){select.chosen-select{font-size:2.5rem;height:4.2rem} } select.chosen-select+.arrow{display:none;position:absolute;right:3rem;top:2.5rem;font-size:1.8rem} @media screen and (min-width:768px){select.chosen-select+.arrow{right:3rem;top:2.5rem;font-size:2.5rem} } select.chosen-select+.arrow:before{content:"\f0d7";font-family:icomoon;color:#006e96} .mobile select.chosen-select+.arrow,.tablet select.chosen-select+.arrow,.tablet-desktop select.chosen-select+.arrow{display:inline-block} select:invalid,select option[value=""]{color:#bebebe} [hidden]{display:none} .chosen-container{position:relative;display:block;vertical-align:middle;font-size:1.8rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:auto !important;font-weight:300;border-bottom:solid 1px #dadada} @media screen and (min-width:768px){.chosen-container{font-size:2.5rem} } .chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box} .chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:auto;left:-2rem;right:-2rem;border-top:0;clip:rect(0,0,0,0);background:#fff;-webkit-box-shadow:0 .6rem .9rem rgba(0,0,0,0.5);box-shadow:0 .6rem .9rem rgba(0,0,0,0.5);font-size:1.8rem} @media screen and (min-width:768px){.chosen-container .chosen-drop{font-size:2.5rem} } .chosen-container .chosen-drop .disabled-result{display:none !important} .chosen-container.chosen-with-drop .chosen-single{padding-right:2rem;padding-left:2rem;margin-left:-2rem;margin-right:-2rem;-webkit-box-shadow:0 .3rem 1rem rgba(0,0,0,0.5);box-shadow:0 .3rem 1rem rgba(0,0,0,0.5)} .chosen-container.chosen-with-drop .chosen-drop{clip:auto} .chosen-container a{cursor:pointer} .chosen-container .search-choice .group-name,.chosen-container .chosen-single .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:normal;color:#999} .chosen-container .search-choice .group-name:after,.chosen-container .chosen-single .group-name:after{content:":";padding-left:2px;vertical-align:top} .chosen-container-single .chosen-single{position:relative;display:block;padding:0 0 .7rem;height:4.2rem;text-decoration:none;white-space:nowrap;line-height:1.5em;color:#464747} .chosen-container-single .chosen-default{color:#bebebe} .chosen-container-single .chosen-single span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .chosen-container-single .chosen-single-with-deselect span{margin-right:38px} .chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;font-size:1px} .chosen-container-single .chosen-single div{position:absolute;top:2px;right:0;display:block;width:18px;height:100%} .chosen-container-single .chosen-single div b{display:block;width:100%;height:100%} .chosen-container-single .chosen-single div b:before{font-family:icomoon;color:#006e96;content:"\f0d7"} .chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap;display:none !important} .chosen-container-single .chosen-search input[type="text"]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0} .chosen-container-single .chosen-drop{margin-top:-1px;background-clip:padding-box} .chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0)} .chosen-container .chosen-results{color:#464747;position:relative;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;max-height:240px;-webkit-overflow-scrolling:touch;float:none} .chosen-container .chosen-results li{display:none;margin:0;list-style:none;word-wrap:break-word;-webkit-touch-callout:none;white-space:nowrap;word-break:normal;padding:1.2rem 2rem;line-height:1em;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} .chosen-container li:before{display:none !important} .chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer} .chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default} .chosen-container .chosen-results li.highlighted{color:#006e96;background-color:#f5f5f5} .chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4} .chosen-container .chosen-results li.group-result{display:list-item;font-weight:bold;cursor:default} .chosen-container .chosen-results li.group-option{padding-left:15px} .chosen-container .chosen-results li em{font-style:normal;text-decoration:underline} .chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;cursor:text} .chosen-container-multi .chosen-choices li{float:left;list-style:none} .chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap} .chosen-container-multi .chosen-choices li.search-field input[type="text"]{margin:1px 0;padding:0;height:25px;outline:0;border:0 !important;background:transparent !important;-webkit-box-shadow:none;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px} .chosen-container-multi .chosen-choices li.search-choice{position:relative;max-width:100%;cursor:default} .chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word} .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;font-size:1px} .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px} .chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666} .chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4} .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px} .chosen-container-multi .chosen-results{margin:0;padding:0} .chosen-container-multi .chosen-drop .result-selected{display:list-item;cursor:default;color:#006e96} .chosen-container-active .chosen-single{clip:rect(0,0,0,0);background:#fff} .chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent;right:2rem} .chosen-container-active.chosen-with-drop .chosen-single div b:before{content:"\f0d8"} .chosen-container-active .chosen-choices li.search-field input[type="text"]{color:#222 !important} .chosen-disabled{opacity:.5 !important;cursor:default} .chosen-disabled .chosen-single{cursor:default} .chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default} .chosen-rtl{text-align:right} .chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0} .chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl} .chosen-rtl .chosen-single-with-deselect span{margin-left:38px} .chosen-rtl .chosen-single div{right:auto;left:3px} .chosen-rtl .chosen-single abbr{right:auto;left:26px} .chosen-rtl .chosen-choices li{float:right} .chosen-rtl .chosen-choices li.search-field input[type="text"]{direction:rtl} .chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px} .chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px} .chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0} .chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0} .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0} .chosen-rtl .chosen-search input[type="text"]{padding:4px 5px 4px 20px;direction:rtl} .chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px} .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px} @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-rtl .chosen-search input[type="text"],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type="text"],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-size:52px 37px !important;background-repeat:no-repeat !important} } .search h4,.search label{font-family:'Barlow',sans-serif;color:#464747;font-size:1.4rem;text-transform:uppercase;margin:0 0 1.5rem;font-weight:700} @media screen and (min-width:768px){.search h4,.search label{margin:0 0 2.5rem} } .search label{margin-bottom:1.2rem} .search ul{list-style:none;margin:0;padding:0;font-size:1.8rem} @media screen and (min-width:768px){.search ul{font-size:2rem} } @media screen and (min-width:992px){.search ul{font-size:3rem} } .search ul li{margin:0 0 1rem} .search ul li:last-child{margin:0} @media screen and (min-width:992px){.search ul li{margin:0 0 1.5rem} .search ul li:last-child{margin:0} } .search ul a{color:#09244f;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;font-weight:500} .search ul a:hover,.search ul a:focus{color:#464747;text-decoration:none} .search form{display:block;margin:0 0 3rem;position:relative} @media screen and (min-width:768px){.search form{margin:0 0 6rem} } .search form input{display:block;border:0;border-bottom:solid 1px #cdcdcd;color:#09244f;border-radius:0;font-weight:600;font-size:2rem;padding:0 4rem .5rem 0;width:100%;font-weight:300;height:3.4rem} @media screen and (min-width:768px){.search form input{font-size:3rem;height:4.3rem;padding:0 6rem 0 0} } @media screen and (min-width:992px){.search form input{font-size:5rem;height:7.2rem;padding:0 8rem 0 0} } .search form button,.search form input[type='submit']{position:absolute;color:#006e96;font-weight:500;right:0;top:3rem;height:2.5rem;font-size:1.8rem;border:0;background:0} .search form button:hover,.search form input[type='submit']:hover,.search form button:focus,.search form input[type='submit']:focus{color:#464747;text-decoration:none} @media screen and (min-width:768px){.search form button,.search form input[type='submit']{font-size:3.2rem;top:2.5rem;height:3.5rem} } @media screen and (min-width:992px){.search form button,.search form input[type='submit']{font-size:4.8rem;top:3.5rem;height:5.5rem} } .search form ::-webkit-input-placeholder{color:#cdcdcd;opacity:1} .search form ::-moz-placeholder{color:#cdcdcd;opacity:1} .search form :-ms-input-placeholder{color:#cdcdcd;opacity:1} .search .parsley-errors-list li{font-family:'Barlow',sans-serif;font-size:1.4rem;text-transform:uppercase;margin:0 0 1.5rem;font-weight:700} footer{background:#09244f;padding:5rem 0 9.5rem;color:#fff;font-size:1.4rem;position:relative} .home footer{padding-bottom:4rem} @media screen and (min-width:768px){footer{padding:3rem 0 2rem} .home footer{padding-bottom:2rem} } @media screen and (min-width:992px){footer{padding:5rem 0 3.5rem} .home footer{padding-bottom:3.5rem} } footer>article{max-width:1252px;margin:0 auto;padding:0 2rem} footer article ul.links li>svg{position:relative} @media screen and (min-width:768px){footer article ul.links li>svg{position:relative} } footer ul.links{display:flex;border-bottom:solid 1px rgba(255,255,255,0.4);margin:0 0 2rem;padding:0 0 1rem;list-style:none;flex-flow:row wrap;justify-content:center;width:100%;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase} @media screen and (min-width:768px){footer ul.links{margin:0 0 2rem;padding:0 0 2rem;flex-flow:row nowrap} } @media screen and (min-width:992px){footer ul.links{margin:0 0 5rem;padding:0 0 4rem} } footer ul.links li{width:50%;text-align:center;margin:0 0 2.5rem;padding:0;font-size:1.8rem;vertical-align:top;display:block} @media screen and (min-width:768px){footer ul.links li{font-size:2rem;text-align:center;display:inline-block;margin:0;flex-basis:100%} } @media screen and (min-width:992px){footer ul.links li{font-size:2.5rem} } @media screen and (max-width:767px){footer ul.links li br{content:" ";padding:0 2px} } footer ul.links li img,footer ul.links li svg{height:3.4rem;margin:0 auto 1rem;display:block;width:3.5rem} footer ul.links li img *,footer ul.links li svg *{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;fill:#fff} @media screen and (min-width:768px){footer ul.links li img,footer ul.links li svg{height:3.2rem;top:.7rem;position:absolute;left:0;margin:auto;display:inline-block} } @media screen and (min-width:992px){footer ul.links li img,footer ul.links li svg{top:.9rem;height:3.7rem;width:4rem} } footer ul.links li a{position:relative;color:#fff;display:block;line-height:1.3em;text-align:center;max-width:13rem;margin:0 auto} @media screen and (min-width:768px){footer ul.links li a span{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:block} } @media screen and (min-width:768px){footer ul.links li a{line-height:1.15em;text-align:left;padding-left:4rem;display:inline-block;max-width:16rem;margin:0;height:4.6rem} } @media screen and (min-width:992px){footer ul.links li a{max-width:20rem;padding-left:5rem;height:5.6rem} } footer ul.links li a:hover,footer ul.links li a:focus{text-decoration:none;color:#fefefe} footer ul.links li a:hover img *,footer ul.links li a:focus img *,footer ul.links li a:hover svg *,footer ul.links li a:focus svg *{fill:#fff} footer ul.links li a:hover span,footer ul.links li a:focus span{text-decoration:underline} footer ul.links:after{clear:both;height:0;content:'';display:block} footer div{position:relative;text-align:center} footer div:after{clear:both;height:0;display:block;content:''} footer div .data-links{text-align:center;list-style:none;margin:0 0 .5rem;padding:0} footer div .data-links li{display:inline-block;margin:0 5rem 0 0} footer div .data-links li a{color:#fff} footer div .data-links li a:hover,footer div .data-links li a:focus{text-decoration:underline} footer div .data-links li:last-child{margin:0} @media screen and (min-width:992px){footer div .data-links{margin:0;float:left;text-align:left} } footer div .social-links{list-style:none;padding:0;display:block;text-align:center;width:100%;font-size:2.8rem;margin-bottom:.5rem} @media screen and (min-width:992px){footer div .social-links{font-size:2.8rem} } @media screen and (min-width:1200px){footer div .social-links{position:absolute;font-size:2.4rem;margin:0 0 0 -18.5rem;bottom:-0.5rem;left:60%;max-width:37rem} } footer div .social-links li{display:inline-block} footer div .social-links li a{padding:0 1.5rem;color:#fff;opacity:.5;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;text-decoration:none} footer div .social-links li a:hover,footer div .social-links li a:focus{opacity:1;color:#fefefe} @media screen and (min-width:768px){footer div .social-links li a{padding:0 1rem} } @media screen and (min-width:992px){footer div .social-links li a{padding:0 1.5rem} } footer div p{margin:0;text-align:center} @media screen and (min-width:992px){footer div p{float:right;text-align:right} } footer div.legal p{float:none;padding-top:4rem;text-align:center} footer div.legal p a{color:#d0df00;font-weight:700;font-style:italic;padding:0;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} footer div.legal p a:hover,footer div.legal p a:focus{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;padding:0 5px;text-decoration:underline} .product-grid.loading .product-sections-container,.ko-site-search.loading .product-sections-container,.product-grid.loading .products-results-list,.ko-site-search.loading .products-results-list,.product-grid.loading .no-results,.ko-site-search.loading .no-results{visibility:hidden} .product-grid.loading.init-load,.ko-site-search.loading.init-load{height:400px} .product-grid.loading:before,.ko-site-search.loading:before,.product-grid.loading:after,.ko-site-search.loading:after{content:'';position:absolute;top:0;left:100%;background-color:#fff;width:100%;height:100%} .product-grid.loading:before,.ko-site-search.loading:before{left:-100%} .loader-wrapper{position:absolute;width:100%;text-align:center;height:100%;background-color:#fff;opacity:.7;top:0;left:0;z-index:4999;margin:0} .loader-wrapper .results-loader{display:block;position:relative;width:64px;height:64px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .loader-wrapper .results-loader .loading-text{position:absolute;left:0;top:100%;font-size:1.4rem;font-weight:bold;font-family:'Barlow',sans-serif;color:#4f8309;text-transform:uppercase;letter-spacing:1px;margin-top:10px} .loader-wrapper .results-loader:after,.loader-wrapper .results-loader:before{content:'';position:absolute;border:4px solid #4f8309;opacity:1;border-radius:50%;width:100%;height:100%;top:0;left:0;animation:loader-ripple 1s cubic-bezier(0,0.2,0.8,1) infinite} .loader-wrapper .results-loader:before{animation-delay:-0.5s} @keyframes loader-ripple{0{transform:scale(0);opacity:1} 100%{transform:scale(1);opacity:0} } section.component.bread-section{z-index:100} .product-page section.component.bread-section,.sku-page section.component.bread-section{background:#f9f8f8} @media screen and (min-width:768px){section.component.bread-section{z-index:10} } .bread-wrap{width:100%} .where-to-buy .bread-wrap,.product-page .bread-wrap,.sku-page .bread-wrap{white-space:nowrap;position:relative;overflow:hidden} .where-to-buy .bread-wrap:after,.product-page .bread-wrap:after,.sku-page .bread-wrap:after{display:block;height:100%;position:absolute;content:'';z-index:5;top:0;right:0;width:4rem;background:-moz-linear-gradient(left,rgba(249,248,248,0) 0,#f9f8f8 100%);background:-webkit-linear-gradient(left,rgba(249,248,248,0) 0,#f9f8f8 100%);background:linear-gradient(to right,rgba(249,248,248,0) 0,#f9f8f8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f9f8f8',endColorstr='#f9f8f8',GradientType=1)} .where-to-buy .bread-wrap li,.product-page .bread-wrap li,.sku-page .bread-wrap li{display:none} .where-to-buy .bread-wrap li:nth-child(1),.product-page .bread-wrap li:nth-child(1),.sku-page .bread-wrap li:nth-child(1),.where-to-buy .bread-wrap li:nth-child(2),.product-page .bread-wrap li:nth-child(2),.sku-page .bread-wrap li:nth-child(2),.where-to-buy .bread-wrap li:last-child,.product-page .bread-wrap li:last-child,.sku-page .bread-wrap li:last-child,.where-to-buy .bread-wrap li:nth-last-child(2),.product-page .bread-wrap li:nth-last-child(2),.sku-page .bread-wrap li:nth-last-child(2){display:inline-block} .where-to-buy .bread-wrap li:nth-last-child(3),.product-page .bread-wrap li:nth-last-child(3),.sku-page .bread-wrap li:nth-last-child(3){display:inline-block} .where-to-buy .bread-wrap li:nth-last-child(3) a,.product-page .bread-wrap li:nth-last-child(3) a,.sku-page .bread-wrap li:nth-last-child(3) a{display:none} .where-to-buy .bread-wrap li:nth-last-child(3):before,.product-page .bread-wrap li:nth-last-child(3):before,.sku-page .bread-wrap li:nth-last-child(3):before{content:'......';color:#09244f} .breadcrumbs{font-weight:400;font-size:1.4rem;margin:0;padding:2.8rem 0 1.2rem 0;text-transform:uppercase;color:#464747;list-style:none;line-height:1em} @media screen and (max-width:767px){.breadcrumbs{display:none} } .breadcrumbs a{font-weight:700;color:#09244f} .breadcrumbs a:hover,.breadcrumbs a:focus{text-decoration:underline} .blog-article .breadcrumbs a{padding:0 0 0 2.5rem;position:relative;display:inline-block} .blog-article .breadcrumbs a:before{font-family:icomoon;color:#dadada;content:"\f104";font-size:2rem;position:absolute;left:0;top:-1px} .breadcrumbs li{display:inline-block;padding:0 1.5rem 0 0;margin:0 1.7rem 0 0;position:relative} .breadcrumbs li:last-child{margin:0;padding:0} .breadcrumbs li:last-child:after{display:none} .event-page .breadcrumbs li:before{font-family:icomoon;color:#dadada;content:"\f104";font-size:2rem;position:absolute;left:0;top:-1px;display:block} .blog-article .breadcrumbs li:before{font-family:icomoon;color:#dadada;content:"\f104";font-size:2rem;position:absolute;left:0;top:-1px;display:block} .news-article .breadcrumbs li:before{font-family:icomoon;color:#dadada;content:"\f104";font-size:2rem;position:absolute;left:0;top:-1px;display:block} .event-page .breadcrumbs li a,.blog-article .breadcrumbs li a,.news-article .breadcrumbs li a{padding-left:20px} .breadcrumbs li:after{font-family:icomoon;color:#dadada;content:"\f105";font-size:2rem;position:absolute;right:-6px;top:-2px} .assistant-bar{background:#006e96;height:8.5rem;position:relative;z-index:100} @media screen and (min-width:768px){.assistant-bar{height:7rem} } @media screen and (min-width:992px){.assistant-bar{height:8.5rem} } .assistant-bar .wrap{margin:0 auto;text-align:left;padding:0 2rem} @media screen and (min-width:768px){.assistant-bar .wrap{text-align:center;width:90rem;position:absolute;top:39%;left:50%;transform:translateX(-50%)} } .assistant-bar .wrap form{position:relative;top:1.6rem} @media screen and (min-width:768px){.assistant-bar .wrap form{top:-0.6rem} } @media screen and (min-width:992px){.assistant-bar .wrap form{top:-1.6rem} } .assistant-bar .wrap form>label{font-size:1.6rem;color:#fff;font-family:'Barlow',sans-serif;font-weight:700;text-transform:uppercase;display:block;margin-bottom:.3rem} @media screen and (min-width:768px){.assistant-bar .wrap form>label{display:inline-block;margin-right:2rem;margin-bottom:0;font-size:1.6rem} } @media screen and (min-width:992px){.assistant-bar .wrap form>label{font-size:2rem} } .assistant-bar .wrap form .selection-wrap{position:relative;display:block;width:100%;text-align:left} @media screen and (min-width:768px){.assistant-bar .wrap form .selection-wrap{display:inline-block;max-width:45.5rem} } .assistant-bar .wrap form select.help-chosen{font-size:1.8rem;border:0;background:0;-webkit-appearance:none;-moz-appearance:none;color:#fff;margin:0;padding:0 2rem .5rem 0;border-bottom:solid 1px rgba(255,255,255,0.5);text-align:left;text-transform:none;font-weight:300;display:inline-block;width:100%;position:relative;top:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} @media screen and (min-width:768px){.assistant-bar .wrap form select.help-chosen{font-size:2rem} } @media screen and (min-width:992px){.assistant-bar .wrap form select.help-chosen{font-size:3rem} } .assistant-bar .wrap form select.help-chosen+.arrow{display:none;top:0;line-height:1em;font-size:2rem;position:absolute;right:0} .assistant-bar .wrap form select.help-chosen+.arrow:before{content:"\f0d7";font-family:icomoon;color:#d0df00} .mobile .assistant-bar .wrap form select.help-chosen+.arrow,.tablet .assistant-bar .wrap form select.help-chosen+.arrow,.tablet-desktop .assistant-bar .wrap form select.help-chosen+.arrow{display:inline-block} @media screen and (min-width:768px){.assistant-bar .wrap form select.help-chosen+.arrow{top:.8rem;font-size:2rem} } @media screen and (min-width:992px){.assistant-bar .wrap form select.help-chosen+.arrow{font-size:2.6rem;top:1.2rem} } .assistant-bar .wrap form select.help-chosen option{color:#464747} .assistant-bar .wrap form .chosen-container{text-align:left;font-size:1.8rem;text-transform:none;font-weight:300;width:100% !important;top:-0.5rem;display:inline-block;border:0} @media screen and (min-width:768px){.assistant-bar .wrap form .chosen-container{font-size:2.4rem;max-width:45.5rem;top:-0.3rem} } @media screen and (min-width:992px){.assistant-bar .wrap form .chosen-container{font-size:3.6rem;top:-0.8rem} } .assistant-bar .wrap form .chosen-container .chosen-drop{background:#fff;top:100%;left:0;right:auto;font-size:2rem;width:auto} @media screen and (min-width:768px){.assistant-bar .wrap form .chosen-container .chosen-drop{font-size:2.4rem} } @media screen and (min-width:992px){.assistant-bar .wrap form .chosen-container .chosen-drop{font-size:3.6rem} } .assistant-bar .wrap form .chosen-container .chosen-results{color:#464747;margin:0;padding:0;max-height:30rem;max-width:none} @media screen and (min-width:768px){.assistant-bar .wrap form .chosen-container .chosen-results{min-width:45.5rem} } .assistant-bar .wrap form .chosen-container .chosen-results li{white-space:nowrap;word-break:normal;padding:1.2rem 2rem;line-height:1em;margin:0;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} .assistant-bar .wrap form .chosen-container .chosen-results li:last-child{margin:0} .assistant-bar .wrap form .chosen-container .chosen-results li.highlighted{color:#006e96;background-color:#f5f5f5} .assistant-bar .wrap form .chosen-container .chosen-results li.result-selected{color:#006e96} @media screen and (min-width:768px){.assistant-bar .wrap form .chosen-container .chosen-results li{font-size:2.4rem;padding:.8rem 1.5rem} } @media screen and (min-width:992px){.assistant-bar .wrap form .chosen-container .chosen-results li{font-size:3.6rem;padding:1.2rem 2rem} } .assistant-bar .wrap form .chosen-container-single .chosen-single{white-space:nowrap;line-height:1em;height:auto;color:#fff;padding:0 0 0 2rem;margin:0;width:100%;background:0;border-bottom:solid 1px rgba(255,255,255,0.5)} @media screen and (min-width:768px){.assistant-bar .wrap form .chosen-container-single .chosen-single{padding:.2rem 0 .4rem 1.5rem;border:0} } @media screen and (min-width:992px){.assistant-bar .wrap form .chosen-container-single .chosen-single{padding:.4rem 0 .4rem 2rem} } .assistant-bar .wrap form .chosen-container-single .chosen-single:after{content:'';position:absolute;bottom:5px;left:0;right:0} @media screen and (min-width:768px){.assistant-bar .wrap form .chosen-container-single .chosen-single:after{left:1.5rem;border-bottom:solid 1px rgba(255,255,255,0.5)} } @media screen and (min-width:992px){.assistant-bar .wrap form .chosen-container-single .chosen-single:after{left:2rem} } .assistant-bar .wrap form .chosen-container-single .chosen-single span{display:block;line-height:1.5em;padding:0} .assistant-bar .wrap form .chosen-container-single .chosen-single div{position:absolute;top:.8rem;left:auto;right:0;display:block;width:auto;padding:0;height:2.5rem;font-size:2.5rem} .assistant-bar .wrap form .chosen-container-single .chosen-single div b{display:inline-block;width:auto;height:auto;font-weight:400} .assistant-bar .wrap form .chosen-container-single .chosen-single div b:before{font-family:icomoon;color:#d0df00;content:"\f0d7"} @media screen and (min-width:768px){.assistant-bar .wrap form .chosen-container-single .chosen-single div{top:1rem} } @media screen and (min-width:992px){.assistant-bar .wrap form .chosen-container-single .chosen-single div{top:1.5rem} } .assistant-bar .wrap form .chosen-container-active{color:#464747} .assistant-bar .wrap form .chosen-container-active.chosen-with-drop{-webkit-box-shadow:0 4px 5px rgba(0,0,0,0.15);box-shadow:0 4px 5px rgba(0,0,0,0.15)} .assistant-bar .wrap form .chosen-container-active.chosen-with-drop .chosen-single{padding:1.2rem 2rem;background:#fff;color:#464747} @media screen and (min-width:768px){.assistant-bar .wrap form .chosen-container-active.chosen-with-drop .chosen-single{padding:.2rem 1.5rem .4rem} } @media screen and (min-width:992px){.assistant-bar .wrap form .chosen-container-active.chosen-with-drop .chosen-single{padding:.4rem 2rem} } .assistant-bar .wrap form .chosen-container-active.chosen-with-drop .chosen-single div{display:none} .assistant-bar.product-bar{padding:0;height:auto;color:#fff;line-height:1.25em;font-size:1.6rem;position:relative;overflow:hidden;max-height:40rem;-webkit-transition:max-height .5s ease-out;-moz-transition:max-height .5s ease-out;-ms-transition:max-height .5s ease-out;-o-transition:max-height .5s ease-out;transition:max-height .5s ease-out} .assistant-bar.product-bar.bar-hide{max-height:0} @media screen and (min-width:768px){.assistant-bar.product-bar{height:auto;padding:0;font-size:1.8rem;line-height:1.5em} } .assistant-bar.product-bar .wrap{text-align:left;top:auto;left:auto;-webkit-transform:none;transform:none;max-width:1252px;position:relative;padding:1.7rem 4rem 2.1rem 2rem;width:auto} @media screen and (min-width:768px){.assistant-bar.product-bar .wrap{text-align:center;padding:1.6rem 4rem} } .assistant-bar.product-bar .promo-name{display:block;margin:0 0 1rem;font-size:1.8rem;font-family:'Barlow Condensed',sans-serif} @media screen and (min-width:768px){.assistant-bar.product-bar .promo-name{font-size:2.2rem;margin:0;display:inline-block} } .assistant-bar.product-bar a{color:#d0df00;text-decoration:none;text-transform:uppercase;display:block;margin:1.2rem 0 0 0;font-weight:700;font-size:1.8rem} .assistant-bar.product-bar a:hover,.assistant-bar.product-bar a:focus{color:#fff} @media screen and (min-width:768px){.assistant-bar.product-bar a{display:inline-block;margin:0 0 0 4rem} } .assistant-bar.product-bar .bar-close{text-align:center;background:0;border:0;color:#fff;cursor:pointer;font-size:1.6rem;line-height:1em;position:absolute;right:2rem;top:1.9rem;font-weight:400;margin:0} .assistant-bar.product-bar .bar-close:focus,.assistant-bar.product-bar .bar-close:active{outline:0} .assistant-bar.product-bar .bar-close:hover,.assistant-bar.product-bar .bar-close:focus{color:#09244f} @media screen and (min-width:768px){.assistant-bar.product-bar .bar-close{font-size:2rem;top:2.1rem} } .news-contact-bar{padding:2.6rem 0;height:auto} @media screen and (min-width:768px){.news-contact-bar{height:auto;padding:1.6rem 0;min-height:6rem} } .news-contact-bar .wrap{text-align:center;top:auto;left:auto;-webkit-transform:none;transform:none;max-width:1252px;position:relative;padding:0 2rem;width:auto} .news-contact-bar span{display:inline-block;color:#fff;margin:0 1.3rem 0 0;padding:0 1.8rem 0 0;position:relative;line-height:1.25em} .news-contact-bar span:after{border-right:solid 1px rgba(255,255,255,0.5);content:'';position:absolute;right:0;top:.2rem;bottom:.2rem} .news-contact-bar span.news-intro{font-weight:700;text-transform:uppercase;font-size:1.4rem;padding:0;display:block;margin:0 0 1rem} .news-contact-bar span.news-intro:after{display:none} @media screen and (min-width:768px){.news-contact-bar span.news-intro{margin:0 2rem 0 0;display:inline-block;font-size:1.8rem} } .news-contact-bar span:last-child{border:0;margin:0;padding:0} .news-contact-bar a{color:#fff;text-decoration:none} .news-contact-bar a.phone{margin:0 1.3rem 0 0;padding:0 1.8rem 0 0;position:relative;line-height:1.25em} .news-contact-bar a.phone:after{border-right:solid 1px rgba(255,255,255,0.5);content:'';position:absolute;right:0;top:.2rem;bottom:.2rem} .news-contact-bar a:hover,.news-contact-bar a:focus{text-decoration:underline} #jumpNav{display:block;position:fixed;z-index:500;width:2.5rem;float:right} @media screen and (max-width:1300px){#jumpNav{display:none} } @media screen and (max-width:1450px){#jumpNav ul li a span{display:none} } #jumpNav.init{bottom:10%;position:fixed} #jumpNav.stuck{top:50% !important;position:fixed !important;transform:translateY(-50%)} #jumpNav .jump-nav-focus{height:3.5rem;margin:0} #jumpNav .jump-nav-focus a:before{width:2.6rem;height:2.6rem;top:-1px;left:-1px;background:rgba(255,255,255,0.4);-webkit-box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);box-shadow:0 0 2rem 0 rgba(0,0,0,0.3)} #jumpNav .jump-nav-focus a:after{background:#d0df00;border:solid 1px #fff;width:1.6rem;height:1.6rem;left:4px;top:4px;font-family:icomoon} #jumpNav .jump-nav-focus a .title{max-width:30rem;opacity:1} #jumpNav .jump-nav-focus a .icon-plus{display:block;opacity:1;left:8px;top:7px} #jumpNav ul{margin:0;padding:0;list-style:none;border:0;width:2rem;display:block} #jumpNav ul li{margin:0 0 .5rem;height:2.5rem;width:2.5rem;float:none;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} #jumpNav ul li a{display:block;width:2.5rem;height:2.5rem;background:0;text-decoration:none !important;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:600;text-transform:uppercase;font-size:1.8rem;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:none !important;padding:0;position:relative;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} #jumpNav ul li a:before{content:'';width:1.4rem;height:1.4rem;background:rgba(255,255,255,0.5);-webkit-transform:rotate(-45deg) skew(5deg,5deg);-moz-transform:rotate(-45deg) skew(5deg,5deg);-ms-transform:rotate(-45deg) skew(5deg,5deg);-o-transform:rotate(-45deg) skew(5deg,5deg);transform:rotate(-45deg) skew(5deg,5deg);display:block;position:absolute;left:5px;top:5px;-webkit-box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;backface-visibility:initial} #jumpNav ul li a:after{content:'';width:.8rem;height:.8rem;background:#fff;-webkit-transform:rotate(-45deg) skew(5deg,5deg);-moz-transform:rotate(-45deg) skew(5deg,5deg);-ms-transform:rotate(-45deg) skew(5deg,5deg);-o-transform:rotate(-45deg) skew(5deg,5deg);transform:rotate(-45deg) skew(5deg,5deg);display:block;position:absolute;left:8px;top:8px;-webkit-box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;backface-visibility:initial} #jumpNav ul li a .icon-plus{color:#000;position:absolute;opacity:0;font-size:1.1rem;z-index:1;left:8px;top:7px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} #jumpNav ul li a .title{position:absolute;white-space:nowrap;right:100%;top:-1px;padding-right:2rem;opacity:0;text-shadow:0 0 7px #000;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;max-width:10rem} #jumpNav ul li a:hover,#jumpNav ul li a:focus{color:#fefefe} #jumpNav ul li:before{display:none} #jumpNav ul li:last-child{margin:0;padding:0} #jumpNav ul li:hover,#jumpNav ul li:focus{height:3.5rem;margin:0} #jumpNav ul li:hover a:before,#jumpNav ul li:focus a:before{width:2.6rem;height:2.6rem;top:-1px;left:-1px;background:rgba(255,255,255,0.4);-webkit-box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);box-shadow:0 0 2rem 0 rgba(0,0,0,0.3)} #jumpNav ul li:hover a:after,#jumpNav ul li:focus a:after{background:#d0df00;border:solid 1px #fff;width:1.6rem;height:1.6rem;left:4px;top:4px;font-family:icomoon} #jumpNav ul li:hover a .title,#jumpNav ul li:focus a .title{max-width:30rem;opacity:1} #jumpNav ul li:hover a .icon-plus,#jumpNav ul li:focus a .icon-plus{display:block;opacity:1;left:8px;top:7px} #jumpNav ul li:focus-within{height:3.5rem;margin:0} #jumpNav ul li:focus-within a:before{width:2.6rem;height:2.6rem;top:-1px;left:-1px;background:rgba(255,255,255,0.4);-webkit-box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);box-shadow:0 0 2rem 0 rgba(0,0,0,0.3)} #jumpNav ul li:focus-within a:after{background:#d0df00;border:solid 1px #fff;width:1.6rem;height:1.6rem;left:4px;top:4px;font-family:icomoon} #jumpNav ul li:focus-within a .title{max-width:30rem;opacity:1} #jumpNav ul li:focus-within a .icon-plus{display:block;opacity:1;left:8px;top:7px} .section.bread-section article{display:flex;flex-flow:row nowrap;padding:0 2rem} .share.component{padding:.5rem 2rem 1rem;width:100%;position:fixed;bottom:0;background:#fff;-webkit-box-shadow:0 0 1.5rem 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 1.5rem 0 rgba(0,0,0,0.5);box-shadow:0 0 1.5rem 0 rgba(0,0,0,0.5);left:0} @media screen and (min-width:768px){.share.component{text-align:right;left:auto;top:-1rem;display:block;width:56rem;background:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:2.8rem 0 1.2rem 0;position:relative;bottom:auto} } .share.component .share-component-label{font-family:'Barlow',sans-serif;text-transform:uppercase;line-height:1em;text-rendering:optimizeLegibility;padding:0;box-sizing:border-box;color:#464747;font-weight:700;font-size:1.4rem;display:none;margin:0} @media screen and (min-width:768px){.share.component .share-component-label{display:inline-block} } .share.component ul{margin:0;padding:0;height:4rem;display:flex;flex-flow:row nowrap;justify-content:space-between} @media screen and (min-width:768px){.share.component ul{display:inline-block;margin:0 0 0 .5rem;height:auto} } .share.component ul li{list-style:none;display:inline-block;margin:0;padding:2rem 0 0 0;font-size:1rem;position:relative;top:-2px} @media screen and (min-width:768px){.share.component ul li{padding:0;font-size:1rem;margin:0 0 0 .6rem} } .share.component ul li a{color:#a8a8a9;line-height:1em;text-decoration:none;display:block;position:relative;width:3.8rem;height:4rem;text-align:center} @media screen and (min-width:768px){.share.component ul li a{height:auto} } .share.component ul li a:after{background:rgba(255,255,255,0);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border:solid 1px #ddd;position:absolute;z-index:0;width:2.7rem;height:2.7rem;left:5px;top:-9px;content:'';-webkit-transition:background-color .3s linear;-moz-transition:background-color .3s linear;-ms-transition:background-color .3s linear;-o-transition:background-color .3s linear;transition:background-color .3s linear} .share.component ul li a>span:before{position:relative;z-index:1} .share.component ul li a:hover,.share.component ul li a:focus{color:#fff} .share.component ul li a:hover:after,.share.component ul li a:focus:after{background:#4f8309} .pagination{display:flex;padding-top:3.5rem;justify-content:center;border-top:solid 1px #dadada} @media screen and (min-width:768px){.pagination{justify-content:flex-end;align-items:center} } .pagination p{width:100%;display:none;font-size:1.6rem;margin:0} @media screen and (min-width:768px){.pagination p{display:block} } .pagination .paging{flex-shrink:0;list-style:none} .pagination .paging .prev,.pagination .paging .next{padding:0 10px;font-size:2.2rem;display:inline-block;width:3.6rem;height:3.6rem;line-height:3.4rem;color:#828282;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;text-decoration:none} .pagination .paging .prev.disabled,.pagination .paging .next.disabled{color:#e0dfdf !important} .pagination .paging .prev.disabled:hover,.pagination .paging .next.disabled:hover,.pagination .paging .prev.disabled:focus,.pagination .paging .next.disabled:focus{color:#e0dede !important} .pagination .paging .prev:hover,.pagination .paging .next:hover,.pagination .paging .prev:focus,.pagination .paging .next:focus{color:#4f8309} .pagination .paging ol{display:inline-block;counter-reset:pager;margin:0} .pagination .paging ol li{margin:0 1rem;display:inline-block;counter-increment:pager;padding:0;font-weight:400;list-style:none} .pagination .paging ol li:before{display:none} .pagination .paging ol li a,.pagination .paging ol li .diamond-icon{text-decoration:none;border:0;display:block;width:3.6rem;height:3.6rem;color:#464747;font-size:2.2rem;line-height:3.4rem;text-align:center;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;font-family:'Barlow Condensed',sans-serif;position:relative;background:rgba(255,255,255,0);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .pagination .paging ol li a span,.pagination .paging ol li .diamond-icon span{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);display:block;width:100%;height:100%} .pagination .paging ol li a:hover,.pagination .paging ol li .diamond-icon:hover,.pagination .paging ol li a:focus,.pagination .paging ol li .diamond-icon:focus{color:#818181;background:#f9f8f8} .pagination .paging ol li.active a,.pagination .paging ol li.active .diamond-icon{color:#fff;background-color:#4f8309;font-weight:700} .pagination .paging ol li.active a:hover,.pagination .paging ol li.active .diamond-icon:hover,.pagination .paging ol li.active a:focus,.pagination .paging ol li.active .diamond-icon:focus{color:#fefefe} .article-archive-listing .pagination{clear:both;padding-top:20px;padding-left:10px;display:block;margin-bottom:50px} .article-archive-listing .pagination .current-list{display:inline-block;color:#9a9b9c} .article-archive-listing .pagination .wrapper{display:inline-block;position:relative;margin:0 2px 0 40px;float:right} .article-archive-listing .pagination .wrapper .control_prev,.article-archive-listing .pagination .wrapper .control_next{float:left;text-align:center;position:absolute;display:inline-block;width:29px;height:29px;font-size:10px;outline:1px solid #e5e5e5;outline-offset:0;left:-4px;top:-2px} .article-archive-listing .pagination .wrapper .control_prev:before,.article-archive-listing .pagination .wrapper .control_next:before{top:9px;position:relative} .article-archive-listing .pagination .wrapper .control_prev:hover,.article-archive-listing .pagination .wrapper .control_next:hover{outline:2px solid #589704} .article-archive-listing .pagination .wrapper .control_prev.disabled,.article-archive-listing .pagination .wrapper .control_next.disabled{cursor:default;opacity:.5;pointer-events:none} .article-archive-listing .pagination .wrapper .control_prev.disabled:hover,.article-archive-listing .pagination .wrapper .control_next.disabled:hover{outline:1px solid #e5e5e5} .article-archive-listing .pagination .wrapper .control_prev:before{left:-1px} .article-archive-listing .pagination .wrapper .control_next:before{left:1px} .article-archive-listing .pagination .wrapper .wrapper-list{float:left} .article-archive-listing .pagination .wrapper .wrapper-list ul{list-style:none;padding:0} .article-archive-listing .pagination .wrapper .wrapper-list ul li{float:left;display:list-item;text-align:center;outline:1px solid #ccc;margin-left:10px;height:29px;position:relative} .article-archive-listing .pagination .wrapper .wrapper-list ul li.selected{border-bottom:3px solid #75b206} .article-archive-listing .pagination .wrapper .wrapper-list ul li.selected a{font-weight:600;color:#000} .article-archive-listing .pagination .wrapper .wrapper-list ul li.selected:hover{border-bottom:0} .article-archive-listing .pagination .wrapper .wrapper-list ul li:hover,.article-archive-listing .pagination .wrapper .wrapper-list ul li:active,.article-archive-listing .pagination .wrapper .wrapper-list ul li:focus,.article-archive-listing .pagination .wrapper .wrapper-list ul li:visited{outline:2px solid #589704} .article-archive-listing .pagination .wrapper .wrapper-list ul li:hover a,.article-archive-listing .pagination .wrapper .wrapper-list ul li:active a,.article-archive-listing .pagination .wrapper .wrapper-list ul li:focus a,.article-archive-listing .pagination .wrapper .wrapper-list ul li:visited a{color:#589704} .article-archive-listing .pagination .wrapper .wrapper-list ul li a{display:inline-block;padding:4px 10px 2px;text-decoration:none;font-weight:600;user-select:none;outline:0} .article-archive-listing .pagination-count .pagination-item{cursor:pointer;font-size:14px} .article-archive-listing .pagination-count .pagination-item:first-child a:before,.article-archive-listing .pagination-count .pagination-item:last-child a:before{top:5px} .article-archive-listing .pagination-count .pagination-item:first-child a:hover,.article-archive-listing .pagination-count .pagination-item:last-child a:hover{outline:none !important} .article-archive-listing .pagination-count .pagination-item a{text-decoration:none} .article-archive-listing .pagination-count .pagination-item a:hover,.article-archive-listing .pagination-count .pagination-item a:active,.article-archive-listing .pagination-count .pagination-item a:focus{text-decoration:none} .article-archive-listing .pagination .current-list{color:#a7a7a7} .article-archive-listing .pagination .wrapper .control_prev{outline:0;color:#9a9b9c} .article-archive-listing .pagination .wrapper .control_next{outline:0;color:#9a9b9c} .article-archive-listing .pagination .wrapper .wrapper-list ul li.pagination-item{display:list-item;transform:rotate(45deg);border:0;outline:0;background-color:#ccc;width:25px;height:25px;margin-left:15px;background-color:transparent} .article-archive-listing .pagination .wrapper .wrapper-list ul li a{padding:0;color:#9a9b9c;transform:rotate(-45deg);display:block;width:35px;height:35px;margin-top:0;margin-left:0;position:relative;top:-7px;left:-7px;padding-top:10px} .article-archive-listing .pagination .wrapper .wrapper-list ul li:hover a,.article-archive-listing .pagination .wrapper .wrapper-list ul li:active a,.article-archive-listing .pagination .wrapper .wrapper-list ul li:focus a,.article-archive-listing .pagination .wrapper .wrapper-list ul li:visited a{color:#58595b} .article-archive-listing .pagination .wrapper .wrapper-list ul li.selected{background-color:#64a70b !important} .article-archive-listing .pagination .wrapper .wrapper-list ul li.selected a{color:#fff} .article-archive-listing .pagination .wrapper .wrapper-list ul li.selected:hover a,.article-archive-listing .pagination .wrapper .wrapper-list ul li.selected:active a,.article-archive-listing .pagination .wrapper .wrapper-list ul li.selected:focus a,.article-archive-listing .pagination .wrapper .wrapper-list ul li.selected:visited a{color:#fff} @media print{header,footer,main>a,.jump-nav,.cookie-cta,.modal,.solutions,.bread-section,.product-key-features-carousel,.carousel.component,.featured-list.component,.related-products.component,.product-support-cards.component,.social-cta.component,.social-mediawall.component,.tile-callouts,.subscribe.component,.two-static.component,.section-navigation.component,.news-list.component,.homepage-news-releases.component,.hero-interactive-hotspot.component,.assistant-bar,.featured-carousel.component,.event-component.component,.brand-grid.component,.accessories-grid.section,.blog-list.component{display:none !important} a[href]:after{display:none} .print-only{display:block !important} main.content{margin:0;padding:0} img{max-width:30rem !important;height:auto !important} .hero.component,.product-sku-hero.component{height:auto !important;text-align:left !important;padding:0 0 2rem 0 !important} .hero.component .carousel-wrap,.product-sku-hero.component .carousel-wrap{height:auto !important;padding:0 !important} .hero.component .owl-carousel.hero-carousel,.product-sku-hero.component .owl-carousel.hero-carousel{position:relative !important} .hero.component .image-holder,.product-sku-hero.component .image-holder,.hero.component .hero-navigation,.product-sku-hero.component .hero-navigation{display:none !important} .hero.component .content,.product-sku-hero.component .content{position:relative !important;-webkit-transform:translate(0,0) !important;-moz-transform:translate(0,0) !important;-ms-transform:translate(0,0) !important;-o-transform:translate(0,0) !important;transform:translate(0,0) !important;left:auto !important;top:auto !important;text-align:left !important;padding:0 !important} .author-description.component{padding:4rem 0 0 6rem !important;margin:0 !important} .author-description.component .image{left:0 !important;top:50% !important;-webkit-transform:translateY(-50%) !important;-moz-transform:translateY(-50%) !important;-ms-transform:translateY(-50%) !important;-o-transform:translateY(-50%) !important;transform:translateY(-50%) !important;width:11rem !important;height:11rem !important} .author-description.component .description{padding:2rem 2rem 2rem 7rem !important} .author-bio.component .image img,.author-description.component .image img{height:100% !important} .text ul,.prod-text ul,.certifications ul{list-style:disc !important;margin:0 0 3rem !important;padding:0 0 0 2rem !important} .text ul li,.prod-text ul li,.certifications ul li{margin:0 !important;padding:0 !important} .component.product-information{padding:0} .prod-details .buttons{display:none !important} .prod-img .large-images .owl-stage{height:auto !important;width:auto !important;-webkit-transform:translate(0,0) !important;-moz-transform:translate(0,0) !important;-ms-transform:translate(0,0) !important;-o-transform:translate(0,0) !important;transform:translate(0,0) !important} .prod-img .large-images .owl-item{display:none;float:none} .prod-img .large-images .owl-item.active{display:block} .prod-img .large-images .owl-item img{width:auto !important;height:auto !important;object-fit:none} section.component .bg-image,section.component .angle-holder{display:none !important} section.component>article{padding:0 !important;margin:0 !important} section.component>article .row>div{margin-left:0 !important} .tabs.component .tab-name{display:none !important} .tabs.component .tab-content .owl-item{display:block;float:none} .specs-table.component{margin:0 !important;padding:0 !important} .specs-table.component .partial-sku-view,.specs-table.component .full-sku-view{display:none} .specs-table.component .attributes>div{padding:0 !important;display:block !important} .specs-table.component .attributes>div span{display:inline-block !important} .specs-table.component .attributes>div span.title{font-weight:500} .specs-table.component .more-skus,.specs-table.component .less-skus{display:none !important} .specs-table.component .print-only .full-sku-view{display:block !important} .specs-table.component .print-only table{display:block} .specs-table.component .print-only table thead{display:none} .specs-table.component .print-only table tbody{display:block} .specs-table.component .print-only table tbody tr{display:block;border-bottom:solid 1px #c9c7c6;padding:0 0 2rem;margin:0 0 2rem} .specs-table.component .print-only table tbody tr td{display:block;border:0;padding:0} .specs-table.component .print-only table tbody tr td:before{content:attr(data-title) ':';font-weight:500;display:inline-block;margin-right:1rem} .tabs.component p{margin-bottom:3rem !important} .tabs.component .tab-content .owl-stage-outer{height:auto !important} .tabs.component .tab-content .item:before{display:block;content:attr(data-title);font-weight:700} .accordion.section{padding:0 !important} .accordion.component dt{border:none !important;padding:0 !important} .accordion.component dt .icon-caret-down,.accordion.component dt .icon-caret-up{display:none !important} .accordion.component dd{padding:0 !important;display:block !important;margin:0 0 3rem !important} } .print-only{display:none} .site-search-filter{margin:6rem 0 4rem 0} .site-search-filter h4{margin:0 0 2rem} .site-search-filter .search-fields>div{margin:0 0 2rem;position:relative} .site-search-filter .search-fields>div:last-child{margin:0} .site-search-filter .search-fields>div .btn{width:100%} .site-search-filter .search-fields>div .arrow{right:.5rem;top:0} @media screen and (min-width:768px){.site-search-filter .search-fields>div .arrow{right:1rem;top:0} } @media screen and (min-width:768px){.site-search-filter .search-fields>div input{height:4.3rem} } @media screen and (min-width:768px){.site-search-filter .search-fields{display:flex;flex-flow:row nowrap;justify-content:space-between} .site-search-filter .search-fields>div{flex-basis:100%;margin:0 3rem 0 0} .site-search-filter .search-fields>div.button{flex-basis:20.7rem} .site-search-filter .search-fields>div.button .btn{margin-top:-1.2rem;width:auto} } .site-search-filter .did-you-mean-container{margin-bottom:4rem} .site-search-filter .did-you-mean-container .did-you-mean{color:#006e96;display:inline-block;font-weight:700} .site-search-filter .did-you-mean-container .did-you-mean:hover,.site-search-filter .did-you-mean-container .did-you-mean:focus{text-decoration:underline;cursor:pointer} .site-search-results .entry{padding:0 0 2rem;margin:0 0 2rem;border-bottom:solid 1px #dadada} .site-search-results .entry:last-child{padding:0;border:0} @media screen and (min-width:768px){.site-search-results .entry{padding:0 0 4rem;margin:0 0 4rem} .site-search-results .entry:last-child{padding:0;border:0} } .site-search-results a{color:#006e96;display:inline-block} .site-search-results a h5{font-family:'Barlow',sans-serif;color:#006e96;margin:0;padding:0} .site-search-results a:hover,.site-search-results a:focus{text-decoration:underline} .ko-site-search .pagination .paging ul li{display:inline-block;float:left;padding:10px;cursor:pointer} .ko-site-search .pagination .paging ul li .page-link,.ko-site-search .pagination .paging ul li .current{font-size:2.2rem;display:inline-block;width:3.6rem;height:3.6rem;color:#464747;line-height:3.4rem;text-align:center;position:relative;text-decoration:none} .ko-site-search .pagination .paging ul li .page-link:hover:before,.ko-site-search .pagination .paging ul li .current:hover:before,.ko-site-search .pagination .paging ul li .page-link.current:before,.ko-site-search .pagination .paging ul li .current.current:before,.ko-site-search .pagination .paging ul li .page-link:focus:before,.ko-site-search .pagination .paging ul li .current:focus:before,.ko-site-search .pagination .paging ul li .page-link.current:before,.ko-site-search .pagination .paging ul li .current.current:before{content:'';width:3.6rem;height:3.6rem;background:#f5f5f5;position:absolute;z-index:-1;left:0;top:0;transform:rotate(45deg)} .ko-site-search .pagination .paging ul li .page-link.current:before,.ko-site-search .pagination .paging ul li .current.current:before{background:#4f8309} .ko-site-search .pagination .paging ul li .current{cursor:default;color:#fff} .ko-site-search .pagination .paging ul li .current.prev,.ko-site-search .pagination .paging ul li .current.next{color:#ddd} .ko-site-search .pagination .paging ul li.disabled:hover,.ko-site-search .pagination .paging ul li.disabled:focus{color:#e0dfdf !important} .ko-site-search .pagination .paging ul li.disabled:hover span,.ko-site-search .pagination .paging ul li.disabled:focus span{color:#e0dfdf !important} .ko-site-search .pagination .paging ul li .prev:after,.ko-site-search .pagination .paging ul li .next:after{content:'\f104';font-family:icomoon} .ko-site-search .pagination .paging ul li .prev:before,.ko-site-search .pagination .paging ul li .next:before{content:'';display:none} .ko-site-search .pagination .paging ul li .prev:hover,.ko-site-search .pagination .paging ul li .next:hover,.ko-site-search .pagination .paging ul li .prev:focus,.ko-site-search .pagination .paging ul li .next:focus{color:#4f8309} .ko-site-search .pagination .paging ul li .next:after{content:'\f105'} .tier-4 .macro-application{display:none} body.tier-4:not(.edit-mode):not(.mobile) section.hero.component{max-height:400px !important} body.interior:not(.edit-mode):not(.mobile) section.hero.component{max-height:400px !important} .aem-AuthorLayer-Edit .tier-3 .macro-application{display:block !important} .tier-3 .macro-application{display:none} body.tier-3:not(.edit-mode):not(.mobile) section.hero.component{max-height:400px !important} body:not(.mobile) section.hero.component{max-height:500px !important} body:not(.mobile) .hero-interactive-hotspot.component.small{padding-top:initial;height:450px !important} @media screen and (min-width:768px){body:not(.mobile) .hero-interactive-hotspot.component.small{padding-top:450px} } .homepage-news-releases.component{position:relative} .homepage-news-releases.component .row>div:first-of-type{margin:0} @media screen and (min-width:768px){.homepage-news-releases.component .news-releases,.homepage-news-releases.component .pentair-stories{padding-top:.5rem} } .homepage-news-releases.component .news-header{display:flex;justify-content:space-between;text-transform:uppercase;font-weight:700} @media screen and (min-width:768px){.homepage-news-releases.component .news-header{display:block} } @media screen and (min-width:992px){.homepage-news-releases.component .news-header{display:flex} } .homepage-news-releases.component .news-header-label{color:#464747;font-size:1.8rem} @media screen and (min-width:768px){.homepage-news-releases.component .news-header-label{font-size:2.4rem;display:block} } @media screen and (min-width:992px){.homepage-news-releases.component .news-header-label{display:inline-block} } .homepage-news-releases.component .news-header-see-all{color:#4f8309;font-size:1.6rem} @media screen and (min-width:768px){.homepage-news-releases.component .news-header-see-all{font-size:1.4rem;margin-top:-0.5rem;display:block} } @media screen and (min-width:992px){.homepage-news-releases.component .news-header-see-all{margin-top:1rem} } .homepage-news-releases.component .news-content{margin-bottom:3rem} @media screen and (min-width:768px){.homepage-news-releases.component .news-content{margin-bottom:0} } .homepage-news-releases.component .news-item{padding:2.6rem 0 3.1rem;border-bottom:1px solid #dadada;line-height:1.4} .homepage-news-releases.component .news-item:last-of-type{border:0} .homepage-news-releases.component .news-item:first-child{padding-top:1rem} @media screen and (min-width:768px){.homepage-news-releases.component .news-item{padding:1.5rem 0 2rem} } .homepage-news-releases.component .news-item-title{color:#006e96;font-family:'Barlow',sans-serif;font-size:2.4rem;display:block} @media screen and (min-width:768px){.homepage-news-releases.component .news-item-title{font-size:2.4rem} } @media screen and (min-width:992px){.homepage-news-releases.component .news-item-title{font-size:2.8rem} } .homepage-news-releases.component .news-item-date{padding-top:.7rem;font-size:1.6rem;font-weight:700;color:#464747} @media screen and (min-width:768px){.homepage-news-releases.component .news-item-date{color:#818181;font-size:1.4rem} } .two-static.component{padding-top:6.5rem;padding-bottom:6rem} .two-static.component .group{position:relative} @media screen and (min-width:768px){.two-static.component .group{max-width:30rem;margin-left:-3.5rem} } .two-static.component .left{padding-bottom:6rem} @media screen and (min-width:768px){.two-static.component .left{padding-bottom:0} } .two-static.component .title-table{display:table;height:auto;margin-bottom:2rem;width:100%} @media screen and (min-width:768px){.two-static.component .title-table{height:12rem} } .two-static.component .title-table h2{color:#09244f;font-size:3.5rem;margin-bottom:3rem;font-weight:200;display:table-cell;text-transform:uppercase;vertical-align:bottom;line-height:1.15em} @media screen and (min-width:992px){.two-static.component .title-table h2{font-size:5rem} } .two-static.component p{line-height:1.25em;font-size:2rem;color:#464747;margin:0} .two-static.component .btn{margin-top:3.6rem} .toolbar.component{background:#006e96;z-index:5} .toolbar.component article{padding-bottom:0} @media screen and (min-width:768px){.toolbar.component article{padding-left:1rem;padding-right:1rem} } .toolbar.component .toolbar-icons{padding-top:2.5rem;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;justify-content:space-between} @media screen and (min-width:768px){.toolbar.component .toolbar-icons{padding-top:2.5rem;padding-bottom:2.5rem;max-width:102.8rem;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap} } .toolbar.component a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;align-items:center;width:50%;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;font-size:1.8rem;font-weight:700;color:#fff;line-height:1.15em;padding-bottom:2.5rem} @media screen and (min-width:768px){.toolbar.component a{width:25%;font-size:2.2rem;padding:0 2rem;justify-content:center} } @media screen and (min-width:992px){.toolbar.component a{width:16rem;padding:0} } .toolbar.component a .content>span{display:block;max-width:8rem} @media screen and (min-width:768px){.toolbar.component a .content>span{max-width:none} } .toolbar.component a .image{padding-right:1rem;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;width:4rem;justify-content:center} @media screen and (min-width:768px){.toolbar.component a .image{justify-content:flex-end;padding-right:1.5rem;width:10rem} } .toolbar.component a .image img,.toolbar.component a .image svg{height:2.4rem} @media screen and (min-width:768px){.toolbar.component a .image img,.toolbar.component a .image svg{height:3.2rem} } .toolbar.component a .image img *,.toolbar.component a .image svg *{color:#fff !important;fill:#fff !important} .toolbar.component a:hover,.toolbar.component a:focus{text-decoration:underline} @media screen and (max-width:767px){.toolbar.component.three-items a{font-size:1.8rem;width:100%;justify-content:center;text-align:center} .toolbar.component.three-items a .content>span{max-width:none} } @media screen and (min-width:768px){.toolbar.component.three-items .toolbar-icons{max-width:78rem;padding-left:4rem;padding-right:4rem} } .toolbar.component.white-bg{background:#fff} .toolbar.component.white-bg article>div{border-top:solid 1px #e9e9e9;border-bottom:solid 1px #e9e9e9} .toolbar.component.white-bg a{color:#09244f} .toolbar.component.white-bg a .image img *,.toolbar.component.white-bg a .image svg *{color:#4f8309 !important;fill:#4f8309 !important} .toolbar.component.white-bg.alt a{color:#006e96} .toolbar.component.white-bg.alt a .image img *,.toolbar.component.white-bg.alt a .image svg *{color:#006e96 !important;fill:#006e96 !important} div.title.component.left{text-align:left} div.title.component.center{text-align:center} div.title.component.right{text-align:right} div.title.component.justify{text-align:justify} div.title.component p.title-warning{border:solid 1px #b94a48;border-radius:5px;color:#b94a48;padding:4px} h1,h2,h3,h4,h5,h6,.h7,.h1{text-rendering:optimizelegibility;margin:0} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h7 a,.h1 a{text-decoration:none} h1,.h1{font-family:'Barlow Condensed',sans-serif;font-weight:500;margin:0 0 2rem;line-height:1em;font-size:5rem} @media screen and (min-width:768px){h1,.h1{font-size:7rem} } .h1{display:block} h2{font-family:'Barlow Condensed',sans-serif;color:#09244f;text-transform:uppercase;margin:0 0 2.9rem;line-height:1em;font-weight:300;font-size:4.5rem} @media screen and (min-width:768px){h2{font-size:6rem} .home h2{font-size:8rem} } h3{color:#09244f;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;font-weight:300;margin:0 0 3.2rem;line-height:1em;font-size:4rem} @media screen and (min-width:768px){h3{font-size:5rem} } h4{color:#09244f;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;font-weight:300;margin:0 0 3.2rem;line-height:1em;font-size:3.2rem} @media screen and (min-width:768px){h4{font-size:4rem} } h5{color:#09244f;text-transform:uppercase;font-family:'Barlow',sans-serif;font-weight:700;margin:0 0 2rem;line-height:1em;font-size:1.8rem} @media screen and (min-width:768px){h5{font-size:2.4rem} } h6{color:#09244f;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;font-weight:300;margin:0 0 1.5rem;line-height:1em;font-size:2.4rem} @media screen and (min-width:768px){h6{font-size:3rem} } .tile-callouts.component{max-height:65rem;-webkit-transition:max-height .8s ease-out .2s;-moz-transition:max-height .8s ease-out .2s;-ms-transition:max-height .8s ease-out .2s;-o-transition:max-height .8s ease-out .2s;transition:max-height .8s ease-out .2s;overflow:hidden} .tile-callouts.component.slide-up{max-height:0rem;-webkit-transition:max-height .2s ease-out;-moz-transition:max-height .2s ease-out;-ms-transition:max-height .2s ease-out;-o-transition:max-height .2s ease-out;transition:max-height .2s ease-out} @media screen and (min-width:768px){.tile-callouts.component .wrap{margin:0 -2px} .tile-callouts.component .wrap .owl-stage{width:auto !important;-webkit-transform:translate3d(0,0,0) !important;-moz-transform:translate3d(0,0,0) !important;-ms-transform:translate3d(0,0,0) !important;-o-transform:translate3d(0,0,0) !important;transform:translate3d(0,0,0) !important} .tile-callouts.component .wrap .owl-item{width:calc(33.3% - 4px) !important;margin:0 2px 4px;float:left} .tile-callouts.component .wrap .owl-item.cloned{display:none !important} } .tile-callouts.component .owl-custom-nav{position:relative;z-index:1;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:2rem;font-weight:600;text-align:center;padding-top:1rem} @media screen and (min-width:768px){.tile-callouts.component .owl-custom-nav{display:none} } .tile-callouts.component .owl-custom-nav div,.tile-callouts.component .owl-custom-nav span{display:inline-block;text-align:center;width:3rem} .tile-callouts.component .owl-custom-nav .current{padding-right:.4rem;color:#4f8309} .tile-callouts.component .owl-custom-nav .total{padding-left:.4rem;color:#464747} .tile-callouts.component .owl-custom-nav .owl-prev,.tile-callouts.component .owl-custom-nav .owl-next{font-size:1.6rem;font-weight:bold;color:#464747;cursor:pointer;width:2.5rem} .tile-callouts.component .owl-custom-nav .current:after{border-right:1px solid #464747;content:' ';-webkit-transform:skew(-20deg,0);-moz-transform:skew(-20deg,0);-ms-transform:skew(-20deg,0);-o-transform:skew(-20deg,0);transform:skew(-20deg,0);position:absolute;height:2.1rem;top:1.4rem;left:50%} .tile-callouts.component a{display:block;text-align:center;position:relative;color:#fff;overflow:hidden;background-size:cover;text-decoration:none !important} .tile-callouts.component a>div{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:29rem;padding:0 2rem;z-index:101;width:100%;text-shadow:0 0 1rem #000;-webkit-transition:text-shadow .3s linear;-moz-transition:text-shadow .3s linear;-ms-transition:text-shadow .3s linear;-o-transition:text-shadow .3s linear;transition:text-shadow .3s linear;line-height:1.15em} .tile-callouts.component a>div h3{font-size:2.4rem;font-weight:600;color:#fff;font-family:'Barlow',sans-serif;text-transform:none;margin:0} @media screen and (min-width:768px){.tile-callouts.component a>div h3{font-size:2.8rem} } @media screen and (min-width:992px){.tile-callouts.component a>div h3{font-size:3.5rem} } .tile-callouts.component a>div>div{margin-top:1.5rem;display:none} @media screen and (min-width:768px) and (max-width:991px){.tile-callouts.component a>div>div{font-size:1.6rem} } .tile-callouts.component a:before{position:absolute;right:-12.5%;bottom:-12.5%;height:25%;width:25%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);z-index:100;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;content:''} @media screen and (min-width:768px) and (max-width:991px){.tile-callouts.component a:before{right:-18.5%;bottom:-18.5%;height:35%;width:35%} } .tile-callouts.component a:after{content:"";display:block;padding-bottom:100%} .tile-callouts.component a:hover,.tile-callouts.component a:focus{background-color:#464747} .tile-callouts.component a:hover:before,.tile-callouts.component a:focus:before{right:-142.5%;bottom:-142.5%;height:285%;width:285%} .tile-callouts.component a:hover>div,.tile-callouts.component a:focus>div{text-shadow:0 0 0 rgba(0,0,0,0)} .tile-callouts.component a:hover span,.tile-callouts.component a:focus span{opacity:1} .tile-callouts.component a span{position:absolute;right:2%;bottom:1.2%;height:25px;z-index:101;opacity:.5;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-ms-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear;font-size:2rem} @media screen and (min-width:768px){.tile-callouts.component a span{font-size:2.2rem;right:1.2%;height:30px} } @media screen and (min-width:992px){.tile-callouts.component a span{font-size:2.7rem} } .tile-callouts.component a.bg-white:hover,.tile-callouts.component a.bg-white:focus{color:#000} .tile-callouts.component a.bg-white span{color:#000} .tile-callouts.component a.bg-white:before{background-color:#fff} .tile-callouts.component a.bg-dark-grey:before{background-color:#464747} .tile-callouts.component a.bg-black:before{background-color:#000} .tile-callouts.component a.bg-bright-blue:before{background-color:#006e96} .tile-callouts.component a.bg-dark-blue:before{background-color:#09244f} .tile-callouts.component a.bg-silver-grey:before{background-color:#2d3d48} .tile-callouts.component a.bg-dark-gold:before{background-color:#d29f13} .tile-callouts.component a.bg-impact-green:before{background-color:#4f8309} .tile-callouts.component .bp_checking{display:none} @media screen and (max-width:767px){.tile-callouts.component #bp_mobile{display:block} } .component.three-diamond h2{text-align:center} .component.three-diamond ul{counter-reset:section;list-style:none;justify-content:center;padding:0} @media screen and (min-width:768px){.component.three-diamond ul{padding:0 2rem;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap} } .component.three-diamond ul li{display:block;position:relative;padding:0 1.5rem;text-align:center;margin:7rem 0 11rem;flex-shrink:0} .component.three-diamond ul li:hover{z-index:5} @media screen and (max-width:767px){.component.three-diamond ul li:last-child{margin-bottom:5rem} } @media screen and (min-width:768px){.component.three-diamond ul li{margin:3rem 2.2rem;width:calc(33.3% - 2rem)} } @media screen and (min-width:992px){.component.three-diamond ul li{margin:7rem 2.2rem} } .component.three-diamond a{width:19rem;height:19rem;position:relative;text-align:center;margin:0 auto;padding-top:8rem;color:#09244f;font-size:1.6rem;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;align-items:center;font-weight:400;line-height:1em} @media screen and (min-width:768px){.component.three-diamond a{padding-top:8rem;font-size:1.6rem;width:19rem;height:19rem} } @media screen and (min-width:992px){.component.three-diamond a{padding-top:12rem;font-size:2rem;width:28rem;height:28rem} } @media screen and (min-width:1200px){.component.three-diamond a{font-size:2.6rem} } .component.three-diamond a:after{counter-increment:section;content:'0' counter(section);color:#006e96;font-family:'Barlow Condensed',sans-serif;font-weight:500;display:block;padding:0 2.5rem 1.5rem;border-bottom:solid 1px #d0d0d0;position:absolute;top:1rem;line-height:4rem;font-size:5rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:5} @media screen and (min-width:768px){.component.three-diamond a:after{top:3rem;line-height:2rem;font-size:4rem} } @media screen and (min-width:992px){.component.three-diamond a:after{top:3rem;line-height:5rem;font-size:6rem} } @media screen and (min-width:1200px){.component.three-diamond a:after{line-height:6rem;top:1rem;font-size:7rem} } .component.three-diamond a:before{background:#f2f2f2;content:'';border:solid 2rem #fff;position:absolute;width:23rem;height:23rem;-webkit-transform:translate(-50%,-50%) rotate(45deg) translateZ(1px);transform:translate(-50%,-50%) rotate(45deg);left:50%;top:50%;z-index:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear} @media screen and (min-width:768px){.component.three-diamond a:before{width:18rem;height:18rem;border:solid 1rem #fff} } @media screen and (min-width:992px){.component.three-diamond a:before{width:24rem;height:24rem} } @media screen and (min-width:1200px){.component.three-diamond a:before{width:30rem;height:30rem;border:solid 2rem #fff} } .component.three-diamond a>div{position:relative;z-index:5} .component.three-diamond a>div>span{display:block;font-size:1.4rem;padding:1rem 0 0 0;color:#58595b} @media screen and (min-width:768px){.component.three-diamond a>div>span{display:none} } @media screen and (min-width:992px){.component.three-diamond a>div>span{font-size:1.4rem;display:block} } @media screen and (min-width:1200px){.component.three-diamond a>div>span{font-size:1.8rem} } .component.three-diamond a .link{text-transform:uppercase;font-size:1.1rem;color:#4f8309;font-weight:700;padding:1rem 0 0 0} @media screen and (min-width:768px){.component.three-diamond a .link{font-size:1.2rem;display:block;padding:2rem 0 0 0} } @media screen and (min-width:992px){.component.three-diamond a .link{padding:2rem 0 0 0;font-size:1.4rem} } @media screen and (min-width:1200px){.component.three-diamond a .link{padding:3rem 0 0 0} } .component.three-diamond a .link>span{display:inline-block;margin:0 .5rem 0 0;font-size:1.2rem;position:relative} @media screen and (min-width:768px){.component.three-diamond a .link>span{font-size:1.2rem} } .component.three-diamond a:hover,.component.three-diamond a:focus{text-decoration:none;color:#040f21} .component.three-diamond a:hover:before,.component.three-diamond a:focus:before{background:#fff;border:solid 2rem #f2f2f2} @media screen and (min-width:768px){.component.three-diamond a:hover:before,.component.three-diamond a:focus:before{border:solid 1rem #f2f2f2} } @media screen and (min-width:992px){.component.three-diamond a:hover:before,.component.three-diamond a:focus:before{border:solid 1rem #f2f2f2} } @media screen and (min-width:1200px){.component.three-diamond a:hover:before,.component.three-diamond a:focus:before{border:solid 2rem #f2f2f2} } .news-details{padding:20px 0;background-color:#fff;border:1px solid #ccc;border-top:3px solid #75b206;position:relative} @media screen and (max-width:991px){.news-details{padding:10px 15px} } .news-details .news-content-wrapper{overflow:hidden} .news-details .news-content-wrapper .news-content{padding:0 25px;border-right:1px solid #ccc;margin-bottom:0} @media screen and (max-width:991px){.news-details .news-content-wrapper .news-content{border-right:0;padding:1.5rem 0;border-bottom:1px solid #ccc} } .news-details .news-content-wrapper .news-content .image-title{padding:0} .news-details .news-content-wrapper .news-content .image-title img{padding:0} .news-details .news-content-wrapper .news-content .image-title .news-title{color:#008abc;font-family:'Barlow',sans-serif;font-size:16px;font-weight:bold;margin:20px 0 15px 0;line-height:22px;padding:0;display:inline-block} @media screen and (max-width:991px){.news-details .news-content-wrapper .news-content .image-title .news-title{margin:0;padding:0 15px} } @media screen and (max-width:991px){.news-details .news-content-wrapper .news-content .image-title .news-title .news-image{max-width:250px} } .news-details .news-content-wrapper .news-content .news-description{color:#58595b;font-family:'Barlow',sans-serif;font-size:14px;clear:both;line-height:20px;margin-bottom:15px} @media screen and (max-width:991px){.news-details .news-content-wrapper .news-content .news-description{padding-top:10px;clear:both} } .news-details .news-content-wrapper .news-content .full-story{color:#75b206;text-decoration:none;font-weight:bold;font-family:'Barlow',sans-serif;text-transform:uppercase} .news-details .news-content-wrapper .news-content .full-story:hover{color:#68a404} .news-details .news-content-wrapper .news-content:last-child{border:0} .news-details .read-all-news{text-align:center;margin:40px 0 20px;clear:both} @media screen and (min-width:992px){.news-details .news-content-wrapper .news-content{position:relative;margin-bottom:0;padding-bottom:25px;box-sizing:content-box;width:calc(33.33% - 51px)} .news-details .news-content-wrapper .news-content .full-story{position:absolute;left:25px;bottom:0} } .pentair .news-details .news-content-wrapper .news-content .image-title .news-title{font-size:20px;font-weight:400;line-height:24px} .pentair .news-details .news-content-wrapper .news-content .news-description{font-size:16px} .news-details .news-content-wrapper .news-content .image-title .media-component.component,.news-details .news-content-wrapper .news-content .image-title .media-common.component{margin-left:-15px;margin-right:-15px;margin-bottom:0} .news-details .news-content-wrapper .news-content .image-title .media-component.component .imagevideo-callout,.news-details .news-content-wrapper .news-content .image-title .media-common.component .imagevideo-callout{height:142px} .news-details .news-content-wrapper .news-content .image-title .media-component.component .imagevideo-callout img,.news-details .news-content-wrapper .news-content .image-title .media-common.component .imagevideo-callout img{object-fit:cover;width:100%;height:100%} .news-details .news-content-wrapper .news-content .image-title .media-component.component .imagevideo-callout button,.news-details .news-content-wrapper .news-content .image-title .media-common.component .imagevideo-callout button{height:100%} .is-ie .news-details .news-content-wrapper .news-content .image-title .imagevideo-callout{position:relative;height:142px;overflow:hidden} .is-ie .news-details .news-content-wrapper .news-content .image-title .imagevideo-callout img.is-ie{background-position:center center;background-size:cover;height:auto;max-height:180%;max-width:180%;min-height:100%;min-width:100%;position:relative;width:auto} .textimage{font-family:'Barlow',sans-serif;color:#58595b;font-size:20px;margin:0 0 2.5em} .textimage .textimage-left,.textimage .textimage-right{margin:0 0 3rem} .textimage .textimage-top+.textimage-text{clear:both;font-weight:500;color:#464747;font-size:1.8rem} .textimage .textimage-text p:last-child{margin:0} @media screen and (min-width:768px){.textimage{margin:0 0 3.5em} .textimage .textimage-text{clear:none} .textimage .textimage-left{float:left;margin:0 3rem 1.5rem 0} .textimage .textimage-right{float:right;margin:0 0 1.5rem 3rem} .textimage:after{content:'';clear:both;height:0;display:block} } .text{font-family:'Barlow',sans-serif;font-size:20px} .text p{margin:0 0 3rem} .text p .intro,.text p .intro-blank{display:block;position:relative} @media screen and (min-width:768px){.text p .intro,.text p .intro-blank{font-size:2.4rem;line-height:1.5em} } .text p .intro span,.text p .intro-blank span{position:relative;display:block;margin:2rem 0 3.3rem;width:100%} .text p .intro span:before,.text p .intro-blank span:before{content:'';display:inline-block;border-bottom:solid 1px #dadada} @media screen and (min-width:768px){.text p .intro span:before,.text p .intro-blank span:before{width:33.4rem} } .text p .intro-blank span{display:none} @media screen and (min-width:768px){.text p .intro-blank{margin-bottom:4rem} } .text ul{margin:0 0 3rem;padding:0;list-style:none !important} .text ul li{padding:0 0 0 3.3rem;margin:0 0 2.3rem;position:relative} @media screen and (min-width:768px){.text ul li{padding:0 0 0 5rem;margin:0 0 1.5rem} } .text ul li:last-child{margin:0} .text ul li:before{content:'';position:absolute;left:0;top:.6rem;width:.9rem;height:.9rem;background:#006e96;display:block;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} @media screen and (min-width:768px){.text ul li:before{top:1rem} } .text ul li li:before{background:#fff;border:solid 2px #006e96} .text ul ul{margin:2rem 0 1.5rem} @media screen and (min-width:768px){.text ul ul{margin:1.5rem 0} } .text p span.pentair-green-text{color:#4f8309;font-weight:800;text-transform:uppercase} .text ol{margin:0 0 3rem;list-style:none;counter-reset:items} .text ol li{padding:0 0 0 4rem;margin:0 0 1.5rem;counter-increment:items;position:relative} .text ol li:last-child{margin:0} .text ol li:before{content:"0" counter(items);color:#4f8309;font-weight:700;position:absolute;left:0;top:0;font-family:'Barlow Condensed',sans-serif} .text ol li:nth-child(n+10):before{content:counter(items)} .text a{color:#4f8309;font-weight:700} .text a:hover,.text a:focus{text-decoration:underline;color:#4f8309} .text a:focus{outline:0} .text a:active{outline:0} .text a:link{-webkit-tap-highlight-color:transparent} @media screen and (min-width:768px){.text [data-list-style='two-col']>ol,.text [data-list-style='two-col']>ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:8rem;-moz-column-gap:8rem;column-gap:8rem;-webkit-column-rule:0 outset #464747;-moz-column-rule:0 outset #464747;column-rule:0 outset #464747} } .text [data-numbers='green'] ol>li:before{color:#4f8309} .text [data-numbers='grey'] ol>li{color:#4f8309} .text [data-numbers='grey'] ol>li:before{color:#c9c7c6} .text [data-numbers='blue'] ol>li{padding:0 0 2rem 5rem} .text [data-numbers='blue'] ol>li:before{color:#09244f;font-size:4rem;line-height:4rem;font-weight:500} .text .tip{position:relative;cursor:pointer} .text .tip:before{font-family:icomoon;color:#fff;content:"\f129";-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:1.6rem;height:1.6rem;background:#006e96;display:inline-block;position:relative;font-size:1rem;text-align:center;margin:0 .5rem;line-height:1.8em;top:-2px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-ms-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear} .text .tip>span{position:absolute;display:block;color:#fff;font-size:1.4rem;padding:2.5rem 3rem 5.3rem;bottom:-1rem;left:50%;margin-left:-11rem;opacity:0;width:22rem;pointer-events:none;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out} .text .tip>span:before{background:rgba(255,255,255,0.5);-webkit-box-shadow:0 0 15px .2rem rgba(0,0,0,0.15);-moz-box-shadow:0 0 15px .2rem rgba(0,0,0,0.15);box-shadow:0 0 15px .2rem rgba(0,0,0,0.15);z-index:-1;position:absolute;bottom:2.8rem;left:0;right:0;top:0;content:'';display:block} .text .tip>span:after{content:'';position:absolute;left:1rem;top:1rem;right:1rem;bottom:3.8rem;background:#006e96;z-index:-1} .text .tip>span a{color:#fff;font-weight:normal;text-decoration:underline} .text .tip>span a:hover,.text .tip>span a:focus{text-decoration:none} .text .tip:hover,.text .tip:focus{color:#fefefe} .text .tip:hover:before,.text .tip:focus:before{background-color:#09244f} .text .tip:hover>span,.text .tip:focus>span{opacity:1;bottom:0;pointer-events:auto;z-index:5} .text .tip.near-left>span{left:0;margin-left:0} .text .tip.near-right>span{left:auto !important;right:0;margin-left:0} .text .readmore{display:block;width:100%;border-bottom:solid 1px #dadada;text-transform:uppercase;padding-bottom:5.6rem;font-size:1.8rem;color:#464747;text-align:center;-webkit-transition:color .3s linear;-moz-transition:color .3s linear;-ms-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear;cursor:pointer} @media screen and (min-width:768px){.text .readmore{font-size:2rem;padding-bottom:2.5rem} } .text .readmore:before{content:'Show More'} .text .readmore:after{font-size:2.4rem;position:relative;top:4px;font-family:icomoon;color:#006e96;display:inline-block;margin:0 0 0 1rem;content:"\f0d7";-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} @media screen and (min-width:768px){.text .readmore:after{top:auto;font-size:2rem} } .text .readmore:hover,.text .readmore:focus{color:#006e96} .text .readmore.open:before{content:'Show Less'} .text .readmore.open:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);color:#dadada} .text .readmore-text{display:none} section.tabs{margin:1.5rem} @media screen and (min-width:768px){section.tabs{margin:1.5rem 0} } .tabs.component.edit{margin:0 3rem} .tabs.component.noedit .tab-name{margin:1rem 0} @media screen and (max-width:767px) and (min-width:1px){.tabs.component.noedit .tab-name.right-overlay:after{content:'';display:block;position:absolute;top:0;bottom:0;right:0;width:33%;height:100%;pointer-events:none;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1)} } @media screen and (min-width:768px){.tabs.component.noedit .tab-name:before{content:' ';border-bottom:2px solid #c9c7c6;top:0;bottom:1rem;right:0;left:0;position:absolute;z-index:-1} } .tabs.component.noedit .tab-name .owl-stage{display:flex} .tabs.component.noedit .tab-name .owl-item{align-items:flex-end;display:flex} .tabs.component.noedit .tab-name .owl-item .item{cursor:pointer;padding:1rem;width:100%;text-align:center;border-bottom:2px solid #c9c7c6;margin-bottom:1rem} @media screen and (min-width:768px){.tabs.component.noedit .tab-name .owl-item .item{padding:1.5rem 1rem} } .tabs.component.noedit .tab-name .owl-item .item h5{font-size:1.8rem;line-height:2rem;margin:0;color:#006e96} .tabs.component.noedit .tab-name .owl-item .item .icon-caret-down{position:absolute;display:none;width:100%;left:0;color:#09244f} .tabs.component.noedit .tab-name .owl-item .item.current .icon-caret-down{position:absolute;font-size:3rem;display:inline} @media screen and (min-width:768px){.tabs.component.noedit .tab-name .owl-item .item.current .icon-caret-down{font-size:3.5rem;line-height:4rem} } .tabs.component.noedit .tab-name .owl-item .item.current{border-bottom:2px solid #09244f} .tabs.component.noedit .tab-name .owl-item .item.current h5{color:#09244f} @media screen and (min-width:768px){.tabs.component.noedit .tab-content .item{margin:1rem 4rem 2rem 4rem} } .tabs.component.noedit .tab-content .item ol li:before{color:#4f8309} .tabs.component.noedit .tab-content p:last-child{margin:0} .table-rte.component{font-family:'Barlow',sans-serif;font-size:2rem;overflow:auto} .table-rte.component table{border:0} .table-rte.component tr{border-bottom:solid 1px #c9c7c6} .table-rte.component tr th,.table-rte.component tr td{padding:2.1rem 1.5rem 2.1rem 3rem;text-align:left;vertical-align:top;border:0} .table-rte.component[data-hide-header='true'][data-add-gray-background='true'] tr:nth-of-type(even){background-color:#f9f8f8} .table-rte.component[data-hide-header='true'][data-add-gray-background='true'] tr:nth-of-type(even) th,.table-rte.component[data-hide-header='true'][data-add-gray-background='true'] tr:nth-of-type(even) td{background-color:#f9f8f8} .table-rte.component[data-hide-header='false'][data-add-gray-background='true'] tr:nth-of-type(odd),.table-rte.component[data-hide-header=''][data-add-gray-background='true'] tr:nth-of-type(odd){background-color:#f9f8f8} .table-rte.component[data-hide-header='false'][data-add-gray-background='true'] tr:nth-of-type(odd) th,.table-rte.component[data-hide-header=''][data-add-gray-background='true'] tr:nth-of-type(odd) th,.table-rte.component[data-hide-header='false'][data-add-gray-background='true'] tr:nth-of-type(odd) td,.table-rte.component[data-hide-header=''][data-add-gray-background='true'] tr:nth-of-type(odd) td{background-color:#f9f8f8} .table-rte.component[data-hide-header='false'][data-add-gray-background='true'] tr:first-of-type,.table-rte.component[data-hide-header=''][data-add-gray-background='true'] tr:first-of-type{background-color:#09244f;color:#fff;border-bottom:solid 1px #09244f} .table-rte.component[data-hide-header='false'][data-add-gray-background='true'] tr:first-of-type td,.table-rte.component[data-hide-header=''][data-add-gray-background='true'] tr:first-of-type td,.table-rte.component[data-hide-header='false'][data-add-gray-background='true'] tr:first-of-type th,.table-rte.component[data-hide-header=''][data-add-gray-background='true'] tr:first-of-type th{background-color:#09244f;color:#fff} .table-rte.component[data-hide-header='true'] tr:first-of-type{background-color:#fff;color:#464747} .table-rte.component[data-hide-header='true'] tr:first-of-type td,.table-rte.component[data-hide-header='true'] tr:first-of-type th{background-color:#fff;color:#464747} .table-rte.component[data-hide-header=''] tr:first-of-type,.table-rte.component[data-hide-header='false'] tr:first-of-type{background-color:#09244f;color:#fff;border-bottom:solid 1px #09244f} .table-rte.component[data-hide-header=''] tr:first-of-type td,.table-rte.component[data-hide-header='false'] tr:first-of-type td,.table-rte.component[data-hide-header=''] tr:first-of-type th,.table-rte.component[data-hide-header='false'] tr:first-of-type th{background-color:#09244f;color:#fff;font-size:1.6rem;font-weight:700;text-transform:uppercase;line-height:1.15rem} .table-rte.component[data-hide-borders='true'] tr:first-of-type{border-bottom:solid 1px #fff} .table-rte.component[data-hide-borders='true'] tr{border-bottom:solid 0 #fff} .table-v2.component .Rtable{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 0 3em 0;padding:0} .table-v2.component .Rtable{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 0 3em 0;padding:0} .table-v2.component .Rtable-cell{background:#fff;border-bottom:solid 1px #c9c7c6;box-sizing:border-box;color:#464747;flex-grow:1;list-style:none;overflow:hidden;padding:.8em 1.2em;width:100%} .table-v2.component .Rtable-cell>h1,.table-v2.component .Rtable-cell>h2,.table-v2.component .Rtable-cell>h3,.table-v2.component .Rtable-cell>h4,.table-v2.component .Rtable-cell>h5,.table-v2.component .Rtable-cell>h6{margin:0} .table-v2.component .Rtable-cell.Rtable-cell-heading{background-color:#09244f;border-bottom:0;color:#fff;font-size:1.6rem;text-transform:uppercase;font-weight:700} .table-v2.component .Rtable-cell.Rtable-cell-heading p{color:#fff} .table-v2.component .Rtable--1cols .Rtable-cell{width:100%} .table-v2.component .Rtable--2cols .Rtable-cell{width:50%} .table-v2.component .Rtable--3cols .Rtable-cell{width:33.33%} .table-v2.component .Rtable--4cols .Rtable-cell{width:25%} .table-v2.component .Rtable--5cols .Rtable-cell{width:20%} .table-v2.component .Rtable--6cols .Rtable-cell{width:16.6%} .table-v2.component .Rtable--7cols .Rtable-cell{width:14.285%} .table-v2.component .Rtable--8cols .Rtable-cell{width:12.5%} .table-v2.component .Rtable--9cols .Rtable-cell{width:11.1%} .table-v2.component .Rtable--10cols .Rtable-cell{width:10%} @media all and (max-width:500px){.table-v2.component .Rtable--collapse{display:block} .table-v2.component .Rtable--collapse>.Rtable-cell{width:100% !important} .table-v2.component .Rtable--collapse>.Rtable-cell--foot{margin-bottom:1em} } .table-v2.component .no-flexbox .Rtable{display:block} .table-v2.component .no-flexbox .Rtable>.Rtable-cell{width:100%} .table-v2.component .no-flexbox .Rtable>.Rtable-cell--foot{margin-bottom:1em} .table-v2.component p{margin:0} .table-v2.component .textimage,.table-v2.component .textimage-left{margin:0} .table-v2.component[data-hide-header='false'][data-add-gray-background='true'] .Rtable-cell.Rtable-cell-heading.Rtable-cell-heading.Rtable-cell-heading,.table-v2.component[data-hide-header=''][data-add-gray-background='true'] .Rtable-cell.Rtable-cell-heading.Rtable-cell-heading.Rtable-cell-heading{background-color:#09244f} .table-v2.component[data-hide-header='true'][data-add-gray-background='true'] .Rtable-cell[data-gray-background='true']{background-color:#f9f8f8} .table-v2.component[data-hide-header='true'] .Rtable-cell-heading{background-color:unset} .table-v2.component[data-hide-borders='true'] .Rtable-cell{border-bottom:0} .component.solutions-list .header{margin-bottom:2rem} @media screen and (min-width:768px){.component.solutions-list .header{text-align:center;margin-bottom:1rem} } .component.solutions-list .subheader{margin-bottom:3rem} @media screen and (min-width:768px){.component.solutions-list .subheader{text-align:center;margin-bottom:4.5rem} } .component.solutions-list .sl-item-wrapper{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center} @media screen and (min-width:768px){.component.solutions-list .sl-item-wrapper{width:100%;max-width:660px;margin:0 auto} } @media screen and (min-width:992px){.component.solutions-list .sl-item-wrapper{max-width:1208px} } .component.solutions-list .sl-item{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;margin-bottom:3rem;flex-basis:50%;min-width:140px} .component.solutions-list .sl-item:nth-child(odd){padding-right:2rem} @media screen and (min-width:768px){.component.solutions-list .sl-item{flex-basis:25%;min-width:165px} .component.solutions-list .sl-item:nth-child(odd){padding-right:0} } .component.solutions-list .sl-icon{margin-right:1rem} .component.solutions-list .sl-icon>div{width:25px;height:30px;position:relative} @media screen and (min-width:768px){.component.solutions-list .sl-icon>div{width:28px;height:44px} } @media screen and (min-width:992px){.component.solutions-list .sl-icon>div{height:42px;width:44px} } .component.solutions-list .sl-icon svg{width:100%;height:100%;max-height:3rem;position:absolute;top:50%;transform:translateY(-50%);left:0} @media screen and (min-width:992px){.component.solutions-list .sl-icon svg{max-height:3.6rem} } .component.solutions-list .sl-text h6{font-size:16px;font-size:1.6rem;font-weight:700;text-transform:uppercase;margin:0} @media screen and (min-width:992px){.component.solutions-list .sl-text h6{font-size:22px;font-size:2.2rem} } .solutions.component{position:relative;overflow:visible;z-index:0} .solutions.component article{padding-top:4.2rem;padding-bottom:2rem;position:relative} @media screen and (min-width:768px){.solutions.component article{padding-top:4.5rem;padding-bottom:6rem} } @media screen and (min-width:992px){.solutions.component article{padding-top:6.5rem;padding-bottom:10rem} } .solutions.component.edit{overflow:hidden} @media screen and (min-width:768px){.solutions.component:before{background:#f9f8f8;display:block;width:100%;height:300rem;position:absolute;left:0;right:0;top:0;content:'';z-index:-1} } .solutions.component .image-carousel{width:75%;position:absolute;right:0;top:0;display:block;z-index:-1} @media screen and (min-width:992px){.solutions.component .image-carousel{width:65%} } .solutions.component .bg-image{display:none;background-repeat:no-repeat;background-size:cover;background-position:center} @media screen and (min-width:768px){.solutions.component .bg-image{width:100%;height:35rem;display:block} .solutions.component .bg-image div{width:100%;height:100%;overflow:hidden} } @media screen and (min-width:992px){.solutions.component .bg-image{height:41rem} } .solutions.component .bg-image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;font-family:'object-fit: cover; object-position: center center';width:100%;height:35rem} @media screen and (min-width:992px){.solutions.component .bg-image img{height:41rem} } .solutions.component .angle{display:none} @media screen and (min-width:768px){.solutions.component .angle{display:block;position:absolute;height:500rem;width:200rem;right:100%;top:-41rem;background:#fff;-webkit-transform:rotate(325deg);-moz-transform:rotate(325deg);-ms-transform:rotate(325deg);-o-transform:rotate(325deg);transform:rotate(325deg);-ms-transform-origin:right top;-webkit-transform-origin:right top;transform-origin:right top} } @media screen and (min-width:992px){.solutions.component .angle{top:-61rem} } .solutions.component .content{position:relative;z-index:50;font-size:1.8rem;line-height:1.15em} .solutions.component .content h3{color:#4f8309;text-transform:uppercase;font-family:'Barlow',sans-serif;font-weight:800;margin:0 0 2rem;line-height:1em;font-size:1.6rem} @media screen and (min-width:768px){.solutions.component .content h3{font-size:2rem} } .solutions.component .content .btn{margin-top:.5rem} @media screen and (min-width:768px){.solutions.component .content .btn{margin-top:2.5rem} } @media screen and (min-width:768px){.solutions.component .content{font-size:2rem;width:40%;float:left;min-height:29rem} } @media screen and (min-width:992px){.solutions.component .content{font-size:2.4rem;width:35.5%;min-height:29rem} } .solutions.component .nav-carousel-arrows{position:relative;width:100%;z-index:51;display:block} .solutions.component .nav-carousel-arrows .owl-prev,.solutions.component .nav-carousel-arrows .owl-next{height:11rem;cursor:pointer;position:absolute;transform:translateY(-100%);font-size:4rem;width:3rem;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;display:none} @media screen and (min-width:768px){.solutions.component .nav-carousel-arrows .owl-prev,.solutions.component .nav-carousel-arrows .owl-next{display:block} } .solutions.component .nav-carousel-arrows .owl-prev.disabled,.solutions.component .nav-carousel-arrows .owl-next.disabled{cursor:default} .solutions.component .nav-carousel-arrows .owl-prev{left:-2rem} @media screen and (min-width:1320px){.solutions.component .nav-carousel-arrows .owl-prev{left:-5rem} } .solutions.component .nav-carousel-arrows .owl-next{right:-2rem} @media screen and (min-width:1320px){.solutions.component .nav-carousel-arrows .owl-next{right:-5rem} } .solutions.component .nav-carousel-arrows .icon-nav-left,.solutions.component .nav-carousel-arrows .icon-nav-right{position:absolute;top:20%} .solutions.component .nav-carousel-arrows .icon-nav-right{right:0} .solutions.component .nav-carousel{clear:both;width:calc(100% + 4rem);position:relative;z-index:50;list-style:none;padding:3.7rem 0 0 0;font-size:1.4rem;line-height:1.25em} .solutions.component .nav-carousel:after{content:'';display:block;position:absolute;top:0;bottom:0;right:2rem;width:33%;pointer-events:none;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1)} @media screen and (min-width:768px){.solutions.component .nav-carousel{width:100%;padding:8rem 0 0 0;font-size:1.8rem;overflow:auto} .solutions.component .nav-carousel:after{display:none} } @media screen and (min-width:992px){.solutions.component .nav-carousel{padding:10.5rem 0 0 0;font-size:2.2rem} } .solutions.component .nav-carousel .item{text-align:center;color:#464747;display:block;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;cursor:pointer} .solutions.component .nav-carousel .item img,.solutions.component .nav-carousel .item svg{height:3rem;display:block;margin:0 auto 1rem auto} .solutions.component .nav-carousel .item img *,.solutions.component .nav-carousel .item svg *{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} @media screen and (min-width:768px){.solutions.component .nav-carousel .item img,.solutions.component .nav-carousel .item svg{margin:0 auto 1.5rem auto;height:5rem} } .solutions.component .nav-carousel .item span{display:none} @media screen and (min-width:768px){.solutions.component .nav-carousel .item span{display:block} } @media screen and (min-width:768px){.solutions.component .nav-carousel .owl-stage{display:flex} } @media screen and (min-width:768px){.solutions.component .nav-carousel .owl-item{width:0 !important;flex-grow:1;float:none;display:block} } .solutions.component .nav-carousel .owl-prev,.solutions.component .nav-carousel .owl-next{display:none} .solutions.component .nav-carousel .owl-item.showing .item,.solutions.component .nav-carousel .owl-item.on .item{color:#09244f} .solutions.component .nav-carousel .owl-item.showing .item span,.solutions.component .nav-carousel .owl-item.on .item span{display:block} .solutions.component .nav-carousel .owl-item.not-showing .item img *,.solutions.component .nav-carousel .owl-item.not-showing .item svg *{fill:#4f8309} body:not(.mobile) .solutions.component .nav-carousel .item:hover,body:not(.mobile) .solutions.component .nav-carousel .item:focus{color:#09244f} .solutions.component.carousel-option{overflow:hidden} @media screen and (max-width:767px){.solutions.component.carousel-option article{padding-top:2.9rem} } @media screen and (max-width:767px){.solutions.component.carousel-option .image-carousel{padding:4.2rem 2rem 0;width:100%;position:relative} .solutions.component.carousel-option .image-carousel .bg-image,.solutions.component.carousel-option .image-carousel img{display:block;height:58vw;max-height:35rem} } @media screen and (max-width:767px){.solutions.component.carousel-option .nav-carousel{padding:3.2rem 0 0 0} } @media screen and (min-width:768px){.solutions.component.carousel-option:before{background:#fff} } .solutions.component.carousel-option .nav-carousel .item{height:100%;min-height:11rem} .solutions.component.carousel-option .nav-carousel .item:after{display:none;position:absolute;height:7.8rem;width:7.8rem;content:' ';transform-origin:middle;background-color:#f9f8f8;top:50%;left:40%;transform:translate(-50%,-50%) rotate(45deg);z-index:-1} @media screen and (min-width:768px){.solutions.component.carousel-option .nav-carousel .item:after{display:block} } .solutions.component.carousel-option .nav-carousel .item span{position:absolute;top:4.4rem;left:0;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);font-weight:700;font-size:1.6rem;line-height:1.8rem;text-align:left;text-transform:uppercase;color:#464747;padding-top:2px;display:block} @media screen and (min-width:768px){.solutions.component.carousel-option .nav-carousel .item span{left:calc(40% + 26px);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);top:50%} } .solutions.component.carousel-option .nav-carousel .owl-item .item span.number{font-family:'Barlow Condensed',sans-serif;font-weight:500;top:.8rem;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);color:#4f8309;font-size:4rem;padding-top:0;padding-left:0;left:0} @media screen and (min-width:768px){.solutions.component.carousel-option .nav-carousel .owl-item .item span.number{left:40%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} } .solutions.component.carousel-option .nav-carousel .owl-item.showing .item span.number{color:#09244f} .solutions.component.carousel-option .nav-carousel-arrows .icon-nav-left,.solutions.component.carousel-option .nav-carousel-arrows .icon-nav-right{position:absolute;top:50%;transform:translateY(-50%)} .social-cta.component{padding-top:1rem;padding-bottom:1rem} .social-cta.component>span{color:#4f8309;margin:0 0 2.9rem;font-size:4.8rem;display:block} .social-cta.component h3{margin:0 0 .7rem} .social-cta.component h4{font-family:'Barlow',sans-serif;font-weight:500;margin:0 0 1.8rem;text-transform:none;font-size:3rem} .social-cta.component h4:before{content:'@'} @media screen and (min-width:768px){.social-cta.component h4{margin:0 0 3.8rem} } .social-cta.component p{max-width:26rem;margin:0 0 1.9rem;line-height:1.25em} .social-cta.component a{color:#4f8309;text-transform:uppercase;font-weight:700} .light-text .social-cta.component{color:#fff} .light-text .social-cta.component>span{color:#fff;opacity:.45} .light-text .social-cta.component h3,.light-text .social-cta.component h4{color:#fff} .light-text .social-cta.component a{color:#d0df00} .dark-text .social-cta.component>span{color:#fff} .dark-text .social-cta.component a{color:#4f8309} .section-navigation.component{font-family:'Barlow',sans-serif;padding:2rem;margin:0 -2rem 4rem;background-color:#fff} @media screen and (min-width:768px){.section-navigation.component{background-color:transparent;padding:.7rem 0 0 0;margin:0} } @media SM{.section-navigation.component h3{font-size:3.4rem} } @media SM{.section-navigation.component h3{font-size:inherit} } @media screen and (min-width:768px){.section-navigation.component h4{font-size:3.2rem} } @media screen and (min-width:1200px){.section-navigation.component h4{font-size:4rem} } .section-navigation.component h5{color:#464747;font-family:'Barlow',sans-serif;font-weight:700;text-transform:uppercase;font-size:1.8rem;margin:0 0 1.8rem;text-align:center} @media screen and (min-width:768px){.section-navigation.component h5{text-align:left;margin:0 0 2.1rem;font-size:2rem} } .section-navigation.component>div{padding:1.4rem 1.5rem 2rem;position:relative} .section-navigation.component select{background-color:transparent;border:0;border-bottom:solid 1px #dadada;color:#bebebe;text-transform:lowercase;font-family:'Barlow',sans-serif;font-size:1.8rem;padding:0 2rem .7rem 0;-webkit-appearance:none;appearance:none;width:100%} .section-navigation.component select+.arrow{position:absolute;right:1.5rem;top:1.7rem;font-size:2.6rem} .section-navigation.component select+.arrow:before{content:"\f0d7";font-family:icomoon;color:#006e96} .section-navigation.component ul,.section-navigation.component ol{padding:0;margin:0} .section-navigation.component ul li,.section-navigation.component ol li{font-size:1.6rem;font-weight:500;margin:0 0 1.9rem} .section-navigation.component ul li:before,.section-navigation.component ol li:before{color:#c9c7c6} @media screen and (min-width:992px){.section-navigation.component ul li,.section-navigation.component ol li{font-size:1.4rem;word-wrap:break-word} } @media screen and (min-width:1200px){.section-navigation.component ul li,.section-navigation.component ol li{font-size:1.6rem;word-wrap:normal} } .section-navigation.component ul>li{list-style:none} .section-navigation.component [class^='divider-']{display:none;padding:0} .section-navigation.component [class^='divider-'][class$='-top']{margin-bottom:7rem;margin-top:-1rem} .section-navigation.component [class^='divider-'][class$='-bottom']{margin-top:6rem} @media screen and (min-width:768px){.section-navigation.component div.aria-hidden{display:none} } .section-navigation.component[data-mobile-layout='selector']{background-color:#f9f8f8} @media screen and (min-width:768px){.section-navigation.component[data-mobile-layout='selector']{background-color:transparent} } .section-navigation.component[data-mobile-layout='selector'] ol,.section-navigation.component[data-mobile-layout='selector'] ul{display:none} @media screen and (min-width:768px){.section-navigation.component[data-mobile-layout='selector'] ol,.section-navigation.component[data-mobile-layout='selector'] ul{display:block} } .section-navigation.component[data-mobile-layout='selector'] select .arrow{display:block} @media screen and (min-width:768px){.section-navigation.component[data-mobile-layout='selector'] select .arrow{display:none} } .section-navigation.component[data-mobile-layout^='list'] div.aria-hidden,.section-navigation.component[data-mobile-layout^='list'] select,.section-navigation.component[data-mobile-layout^='list'] .arrow{display:none} .section-navigation.component[data-mobile-layout^='list'] ol,.section-navigation.component[data-mobile-layout^='list'] ul{display:block} .section-navigation.component[data-mobile-layout='list-border'] [class^='divider']{display:block;border-bottom:solid 1px #dadada} @media screen and (min-width:768px){.section-navigation.component[data-mobile-layout='list-border'] [class^='divider']{display:none} } .section-navigation.component[data-show-bullets='true'] ul li{list-style:inside;text-indent:-2.2rem;padding-left:2.8rem} .section-navigation.component[data-coloration='green'] li a{color:#4f8309;font-weight:700;text-transform:uppercase} .section-navigation.component[data-coloration='blue'] li a{color:#09244f} .section-navigation.component[data-coloration='white'] li a{color:#fff} .image.parbase.section{margin:0 0 3rem} @media screen and (min-width:768px){.image.parbase.section{margin:0} } .image.parbase.section img{width:auto;height:auto} section.component.section.light-text a:not(.btn),section.component.section.light-text-links a:not(.btn){color:#d0df00} section.component.section.light-text a:not(.btn):hover,section.component.section.light-text-links a:not(.btn):hover,section.component.section.light-text a:not(.btn):focus,section.component.section.light-text-links a:not(.btn):focus{text-decoration:underline;color:#d0df00} section.component.section.overlay .bg-image .image-overlay:after{right:0;top:0;bottom:0;left:0;background-color:#09244f;position:absolute;content:' ';opacity:.92;z-index:1} @media screen and (min-width:992px){section.component.section.overlay .bg-image .image-overlay:after{z-index:-1;right:9.35%;top:auto;bottom:0;left:auto;width:500rem;height:500rem;-webkit-transform:rotate(-38deg);-moz-transform:rotate(-38deg);-ms-transform:rotate(-38deg);-o-transform:rotate(-38deg);transform:rotate(-38deg);-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;transform-origin:right bottom} } section.component.section.full-caption,section.component.section.full-caption.image-default{overflow:hidden} section.component.section.full-caption .bg-image,section.component.section.full-caption.image-default .bg-image{display:block;left:auto;top:auto;bottom:auto;right:auto;position:relative;padding-bottom:35%} @media screen and (min-width:768px){section.component.section.full-caption .bg-image,section.component.section.full-caption.image-default .bg-image{height:auto;position:absolute;left:0;right:0;bottom:0;top:0;padding-bottom:0;width:100% !important} } section.component.section.full-caption .angle-holder,section.component.section.full-caption.image-default .angle-holder{display:none !important} @media screen and (min-width:768px){section.component.section.full-caption,section.component.section.full-caption.image-default{height:40rem} } @media screen and (min-width:992px){section.component.section.full-caption,section.component.section.full-caption.image-default{height:55rem} } section.component.section.full-caption>article,section.component.section.full-caption.image-default>article{font-size:1.2rem;font-style:italic;color:#fff;line-height:1.15em;padding:2rem} @media screen and (min-width:768px){section.component.section.full-caption>article,section.component.section.full-caption.image-default>article{margin:0;position:absolute;bottom:0;left:0;max-width:30rem;width:100%;font-size:1.6rem;padding:0 2rem 2.5rem;line-height:inherit} } @media screen and (min-width:992px){section.component.section.full-caption>article,section.component.section.full-caption.image-default>article{max-width:37rem;padding:0 5rem 4.5rem 5rem} } section.component.section.full-caption:before,section.component.section.full-caption.image-default:before{right:0;top:0;bottom:0;left:0;background-color:#09244f;position:absolute;content:' ';opacity:.92;mix-blend-mode:multiply;z-index:-1} @media screen and (min-width:768px){section.component.section.full-caption:before,section.component.section.full-caption.image-default:before{z-index:1;left:auto;top:-10rem;bottom:auto;right:100%;width:500rem;height:500rem;-webkit-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-ms-transform:rotate(-40deg);-o-transform:rotate(-40deg);transform:rotate(-40deg);-ms-transform-origin:right top;-webkit-transform-origin:right top;transform-origin:right top} } @media screen and (min-width:992px){section.component.section.full-caption:before,section.component.section.full-caption.image-default:before{top:0} } section.component.section.full-caption .bg-image .image-overlay:after,section.component.section.full-caption.image-default .bg-image .image-overlay:after{display:none !important} section.component.section.full-caption p:last-child,section.component.section.full-caption.image-default p:last-child{margin:0 !important} @media screen and (min-width:992px){section.component.section .right-aside-content .rac-right h2,section.component.section .right-aside-content .rac-right h3,section.component.section .right-aside-content .rac-right h4,section.component.section .right-aside-content .rac-right h5{hyphens:auto;word-wrap:break-word;overflow-wrap:break-word} } @media screen and (min-width:768px){section.component.section.border-top>article:before{content:'';border-top:solid 1px #ddd;position:absolute;top:0;left:2rem;right:2rem} } @media screen and (min-width:768px){section.vertical-center>article .row{display:flex;align-items:center} } section.component.section.columns-50-50-color .angle-holder,section.component.section.columns-50-50-color .bg-image{display:none} section.component.section>article.columns-50-50-color{position:static} @media screen and (max-width:767px){section.component.section>article.columns-50-50-color{padding-top:4rem !important;padding-bottom:1rem !important} } @media screen and (max-width:767px){section.component.section>article.columns-50-50-color .row>div{padding-left:3.5rem;padding-right:3.5rem} } @media screen and (min-width:768px){section.component.section>article.columns-50-50-color .row>div{position:static} } section.component.section>article.columns-50-50-color .row>div:before{content:'';display:block;z-index:-1;height:100%;position:absolute;top:0;bottom:0} section.component.section>article.columns-50-50-color .row>div:nth-child(1){padding-bottom:1rem} section.component.section>article.columns-50-50-color .row>div:nth-child(1):before{top:-4rem;bottom:0;left:-3.5rem;right:-3.5rem;height:auto} section.component.section>article.columns-50-50-color .row>div:nth-child(2){padding-top:4rem} section.component.section>article.columns-50-50-color .row>div:nth-child(2):before{height:auto;bottom:-1rem;top:0;left:-3.5rem;right:-3.5rem} @media screen and (min-width:768px){section.component.section>article.columns-50-50-color .row>div:nth-child(1){padding-bottom:0} section.component.section>article.columns-50-50-color .row>div:nth-child(1):before{width:50%;left:0;right:auto;top:0;height:100%} section.component.section>article.columns-50-50-color .row>div:nth-child(2){padding-top:0} section.component.section>article.columns-50-50-color .row>div:nth-child(2):before{width:50%;top:0;right:0;left:auto;height:100%} } section.component.section>article.color-picked{position:static} section.component.section>article.color-picked .row>div{position:static} section.component.section>article.color-picked .row>div:before{content:'';display:block;z-index:-1;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;width:100%} section.component.section>article .row>div.dark-grey:before{background-color:#464747} section.component.section>article .row>div.bright-blue:before{background-color:#006e96} section.component.section>article .row>div.dark-blue:before{background-color:#09244f} section.component.section>article .row>div.silver-grey:before{background-color:#2d3d48} section.component.section>article .row>div.dark-gold:before{background-color:#d29f13} section.component.section>article .row>div.impact-green:before{background-color:#4f8309} section.component.section>article .row>div.light-grey:before{background-color:#f9f8f8} section.component.section.light-text-links[data-bckgrnd="dark-gold"],section.component.section.light-text[data-bckgrnd="dark-gold"]{background-color:#d29f13} section.component.section[data-bckgrnd="dark-gold"]{background-color:#d29f13} section.component.section[data-bckgrnd="dark-gold"] .angle:before,section.component.section[data-bckgrnd="dark-gold"] .angle:after{background-color:#d29f13} section.component.section.light-text-links[data-bckgrnd="dark-blue"],section.component.section.light-text[data-bckgrnd="dark-blue"]{background-color:#09244f} section.component.section[data-bckgrnd="dark-blue"]{background-color:#09244f} section.component.section[data-bckgrnd="dark-blue"] .angle:before,section.component.section[data-bckgrnd="dark-blue"] .angle:after{background-color:#09244f} section.component.section.light-text-links[data-bckgrnd="bright-blue"],section.component.section.light-text[data-bckgrnd="bright-blue"]{background-color:#006e96} section.component.section[data-bckgrnd="bright-blue"]{background-color:#006e96} section.component.section[data-bckgrnd="bright-blue"] .angle:before,section.component.section[data-bckgrnd="bright-blue"] .angle:after{background-color:#006e96} section.component.section.light-text-links[data-bckgrnd="silver-grey"],section.component.section.light-text[data-bckgrnd="silver-grey"]{background-color:#2d3d48} section.component.section[data-bckgrnd="silver-grey"]{background-color:#2d3d48} section.component.section[data-bckgrnd="silver-grey"] .angle:before,section.component.section[data-bckgrnd="silver-grey"] .angle:after{background-color:#2d3d48} section.component.section.light-text-links[data-bckgrnd="dark-grey"],section.component.section.light-text[data-bckgrnd="dark-grey"]{background-color:#464747} section.component.section[data-bckgrnd="dark-grey"]{background-color:#464747} section.component.section[data-bckgrnd="dark-grey"] .angle:before,section.component.section[data-bckgrnd="dark-grey"] .angle:after{background-color:#464747} section.component.section.light-text-links[data-bckgrnd="light-grey"],section.component.section.light-text[data-bckgrnd="light-grey"]{background-color:#f9f8f8} section.component.section[data-bckgrnd="light-grey"]{background-color:#f9f8f8} section.component.section[data-bckgrnd="light-grey"] .angle:before,section.component.section[data-bckgrnd="light-grey"] .angle:after{background-color:#f9f8f8} section.component.section.light-text-links[data-bckgrnd="impact-green"],section.component.section.light-text[data-bckgrnd="impact-green"]{background-color:#4f8309} section.component.section[data-bckgrnd="impact-green"]{background-color:#4f8309} section.component.section[data-bckgrnd="impact-green"] .angle:before,section.component.section[data-bckgrnd="impact-green"] .angle:after{background-color:#4f8309} section.component.section .bg-image{display:none;background-repeat:no-repeat;background-size:cover;background-position:center top;position:absolute;overflow:hidden} @media screen and (min-width:768px){section.component.section .bg-image{display:block} } section.component.section.full-caption .bg-image,section.component.section.image-default .bg-image{display:block} section.component.section .angle-holder{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden} section.component.section .angle-holder>article{position:relative} @media screen and (min-width:768px){section.component.section .angle-holder>article{max-width:1252px;margin:0 auto} } section.component.section .angle-wrap{max-width:1252px;margin:0 auto;position:relative;height:100%} section.component.section .angle{display:none} @media screen and (min-width:768px){section.component.section .angle{display:block;height:100%} section.component.section .angle:after{display:block;position:absolute;height:500rem;width:200rem;background:#fff;content:''} section.component.section .angle:before{content:'';background:#fff;position:absolute;height:100%;display:block;width:200%} } section.component.section.image-default .bg-image{width:100%;left:0;right:0;top:0;bottom:0} section.component.section.image-default .bg-image>.image-overlay{position:relative;max-width:1252px;margin:0 auto;z-index:5;height:100%} section.component.section.image-default .angle{display:none !important} @media screen and (min-width:768px){section.component.section.image-centered .bg-image{width:1252px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);top:0;bottom:0} } section.component.section.image-centered .angle{display:none !important} @media screen and (min-width:768px){section.component.section.image-left-angle-bottom .bg-image,section.component.section.image-left-angle-top .bg-image,section.component.section.image-right-angle-bottom .bg-image,section.component.section.image-right-angle-top .bg-image{top:0;bottom:0} } @media screen and (min-width:768px){section.component.section.image-left-angle-bottom.short .bg-image,section.component.section.image-left-angle-top.short .bg-image,section.component.section.image-right-angle-bottom.short .bg-image,section.component.section.image-right-angle-top.short .bg-image{width:52%} } @media screen and (min-width:992px){section.component.section.image-left-angle-bottom.short .bg-image,section.component.section.image-left-angle-top.short .bg-image,section.component.section.image-right-angle-bottom.short .bg-image,section.component.section.image-right-angle-top.short .bg-image{width:48%} } @media screen and (min-width:768px){section.component.section.image-left-angle-bottom.medium .bg-image,section.component.section.image-left-angle-top.medium .bg-image,section.component.section.image-right-angle-bottom.medium .bg-image,section.component.section.image-right-angle-top.medium .bg-image{width:61%} } @media screen and (min-width:768px){section.component.section.image-left-angle-bottom.long .bg-image,section.component.section.image-left-angle-top.long .bg-image,section.component.section.image-right-angle-bottom.long .bg-image,section.component.section.image-right-angle-top.long .bg-image{width:72%} } section.component.section.image-left-angle-bottom .bg-image,section.component.section.image-left-angle-top .bg-image{left:0} @media screen and (min-width:768px){section.component.section.image-left-angle-bottom .angle:after,section.component.section.image-left-angle-top .angle:after,section.component.section.image-left-angle-bottom .angle:before,section.component.section.image-left-angle-top .angle:before{left:48%} } @media screen and (min-width:992px){section.component.section.image-left-angle-bottom .angle:after,section.component.section.image-left-angle-top .angle:after,section.component.section.image-left-angle-bottom .angle:before,section.component.section.image-left-angle-top .angle:before{left:44%} } @media screen and (min-width:768px){section.component.section.image-left-angle-bottom.medium .angle:after,section.component.section.image-left-angle-top.medium .angle:after,section.component.section.image-left-angle-bottom.medium .angle:before,section.component.section.image-left-angle-top.medium .angle:before{left:60%} } @media screen and (min-width:992px){section.component.section.image-left-angle-bottom.medium .angle:after,section.component.section.image-left-angle-top.medium .angle:after,section.component.section.image-left-angle-bottom.medium .angle:before,section.component.section.image-left-angle-top.medium .angle:before{left:57%} } @media screen and (min-width:768px){section.component.section.image-left-angle-bottom.long .angle:after,section.component.section.image-left-angle-top.long .angle:after,section.component.section.image-left-angle-bottom.long .angle:before,section.component.section.image-left-angle-top.long .angle:before{left:72%} } @media screen and (min-width:992px){section.component.section.image-left-angle-bottom.long .angle:after,section.component.section.image-left-angle-top.long .angle:after,section.component.section.image-left-angle-bottom.long .angle:before,section.component.section.image-left-angle-top.long .angle:before{left:70%} } section.component.section.image-right-angle-bottom .bg-image,section.component.section.image-right-angle-top .bg-image{right:0} @media screen and (min-width:768px){section.component.section.image-right-angle-bottom .angle:after,section.component.section.image-right-angle-top .angle:after,section.component.section.image-right-angle-bottom .angle:before,section.component.section.image-right-angle-top .angle:before{right:48%} } @media screen and (min-width:992px){section.component.section.image-right-angle-bottom .angle:after,section.component.section.image-right-angle-top .angle:after,section.component.section.image-right-angle-bottom .angle:before,section.component.section.image-right-angle-top .angle:before{right:44%} } @media screen and (min-width:768px){section.component.section.image-right-angle-bottom.medium .angle:after,section.component.section.image-right-angle-top.medium .angle:after,section.component.section.image-right-angle-bottom.medium .angle:before,section.component.section.image-right-angle-top.medium .angle:before{right:60%} } @media screen and (min-width:992px){section.component.section.image-right-angle-bottom.medium .angle:after,section.component.section.image-right-angle-top.medium .angle:after,section.component.section.image-right-angle-bottom.medium .angle:before,section.component.section.image-right-angle-top.medium .angle:before{right:57%} } @media screen and (min-width:768px){section.component.section.image-right-angle-bottom.long .angle:after,section.component.section.image-right-angle-top.long .angle:after,section.component.section.image-right-angle-bottom.long .angle:before,section.component.section.image-right-angle-top.long .angle:before{right:72%} } @media screen and (min-width:992px){section.component.section.image-right-angle-bottom.long .angle:after,section.component.section.image-right-angle-top.long .angle:after,section.component.section.image-right-angle-bottom.long .angle:before,section.component.section.image-right-angle-top.long .angle:before{right:70%} } section.component.section.image-left-angle-bottom .angle:after{bottom:0;-webkit-transform:rotate(-41deg);-moz-transform:rotate(-41deg);-ms-transform:rotate(-41deg);-o-transform:rotate(-41deg);transform:rotate(-41deg);-ms-transform-origin:0 100%;-webkit-transform-origin:0 100%;transform-origin:0 100%} section.component.section.image-left-angle-top .angle:after{top:0;-webkit-transform:rotate(41deg);-moz-transform:rotate(41deg);-ms-transform:rotate(41deg);-o-transform:rotate(41deg);transform:rotate(41deg);-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0} section.component.section.image-right-angle-bottom .angle:after{bottom:0;-webkit-transform:rotate(41deg);-moz-transform:rotate(41deg);-ms-transform:rotate(41deg);-o-transform:rotate(41deg);transform:rotate(41deg);-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform-origin:100% 100%} section.component.section.image-right-angle-top .angle:after{top:0;-webkit-transform:rotate(-41deg);-moz-transform:rotate(-41deg);-ms-transform:rotate(-41deg);-o-transform:rotate(-41deg);transform:rotate(-41deg);-ms-transform-origin:100% 0;-webkit-transform-origin:100% 0;transform-origin:100% 0} section.component{position:relative} section.component>article{position:relative;padding:0 2rem 2rem;z-index:5} section.component>article.p-t-0{padding-top:0rem} section.component>article.p-t-20{padding-top:1rem} section.component>article.p-t-40{padding-top:2rem} section.component>article.p-t-60{padding-top:3rem} section.component>article.p-t-80{padding-top:4rem} section.component>article.p-t-100{padding-top:5rem} section.component>article.p-t-120{padding-top:6rem} section.component>article.p-t-140{padding-top:7rem} section.component>article.p-t-160{padding-top:8rem} section.component>article.p-t-180{padding-top:9rem} section.component>article.p-b-0{padding-bottom:0rem} section.component>article.p-b-20{padding-bottom:1rem} section.component>article.p-b-40{padding-bottom:2rem} section.component>article.p-b-60{padding-bottom:3rem} section.component>article.p-b-80{padding-bottom:4rem} section.component>article.p-b-100{padding-bottom:5rem} section.component>article.p-b-120{padding-bottom:6rem} section.component>article.p-b-140{padding-bottom:7rem} section.component>article.p-b-160{padding-bottom:8rem} section.component>article.p-b-180{padding-bottom:9rem} .table-modal-open section.component>article{z-index:unset} section.component.m-t-0{margin-top:0rem} section.component.m-t-20{margin-top:1rem} section.component.m-t-40{margin-top:2rem} section.component.m-t-60{margin-top:3rem} section.component.m-t-80{margin-top:4rem} section.component.m-t-100{margin-top:5rem} section.component.m-t-120{margin-top:6rem} section.component.m-t-140{margin-top:7rem} section.component.m-t-160{margin-top:8rem} section.component.m-t-180{margin-top:9rem} section.component.m-b-0{margin-bottom:0rem} section.component.m-b-20{margin-bottom:1rem} section.component.m-b-40{margin-bottom:2rem} section.component.m-b-60{margin-bottom:3rem} section.component.m-b-80{margin-bottom:4rem} section.component.m-b-100{margin-bottom:5rem} section.component.m-b-120{margin-bottom:6rem} section.component.m-b-140{margin-bottom:7rem} section.component.m-b-160{margin-bottom:8rem} section.component.m-b-180{margin-bottom:9rem} @media screen and (max-width:767px){section.component>article{padding:0 2rem 2rem} section.component>article.pm-t-0{padding-top:0rem !important} section.component>article.pm-t-20{padding-top:2rem !important} section.component>article.pm-t-40{padding-top:4rem !important} section.component>article.pm-t-60{padding-top:6rem !important} section.component>article.pm-t-80{padding-top:8rem !important} section.component>article.pm-t-100{padding-top:10rem !important} section.component>article.pm-t-120{padding-top:12rem !important} section.component>article.pm-t-140{padding-top:14rem !important} section.component>article.pm-t-160{padding-top:16rem !important} section.component>article.pm-t-180{padding-top:18rem !important} section.component>article.pm-b-0{padding-bottom:0rem !important} section.component>article.pm-b-20{padding-bottom:2rem !important} section.component>article.pm-b-40{padding-bottom:4rem !important} section.component>article.pm-b-60{padding-bottom:6rem !important} section.component>article.pm-b-80{padding-bottom:8rem !important} section.component>article.pm-b-100{padding-bottom:10rem !important} section.component>article.pm-b-120{padding-bottom:12rem !important} section.component>article.pm-b-140{padding-bottom:14rem !important} section.component>article.pm-b-160{padding-bottom:16rem !important} section.component>article.pm-b-180{padding-bottom:18rem !important} section.component.mm-t-0{margin-top:0rem !important} section.component.mm-t-20{margin-top:2rem !important} section.component.mm-t-40{margin-top:4rem !important} section.component.mm-t-60{margin-top:6rem !important} section.component.mm-t-80{margin-top:8rem !important} section.component.mm-t-100{margin-top:10rem !important} section.component.mm-t-120{margin-top:12rem !important} section.component.mm-t-140{margin-top:14rem !important} section.component.mm-t-160{margin-top:16rem !important} section.component.mm-t-180{margin-top:18rem !important} section.component.mm-b-0{margin-bottom:0rem !important} section.component.mm-b-20{margin-bottom:2rem !important} section.component.mm-b-40{margin-bottom:4rem !important} section.component.mm-b-60{margin-bottom:6rem !important} section.component.mm-b-80{margin-bottom:8rem !important} section.component.mm-b-100{margin-bottom:10rem !important} section.component.mm-b-120{margin-bottom:12rem !important} section.component.mm-b-140{margin-bottom:14rem !important} section.component.mm-b-160{margin-bottom:16rem !important} section.component.mm-b-180{margin-bottom:18rem !important} } @media screen and (min-width:768px){section.component>article{max-width:1252px;margin:0 auto;padding:0 2rem 4rem 2rem} section.component>article.p-t-0{padding-top:0rem} section.component>article.p-t-20{padding-top:2rem} section.component>article.p-t-40{padding-top:4rem} section.component>article.p-t-60{padding-top:6rem} section.component>article.p-t-80{padding-top:8rem} section.component>article.p-t-100{padding-top:10rem} section.component>article.p-t-120{padding-top:12rem} section.component>article.p-t-140{padding-top:14rem} section.component>article.p-t-160{padding-top:16rem} section.component>article.p-t-180{padding-top:18rem} section.component>article.p-b-0{padding-bottom:0rem} section.component>article.p-b-20{padding-bottom:2rem} section.component>article.p-b-40{padding-bottom:4rem} section.component>article.p-b-60{padding-bottom:6rem} section.component>article.p-b-80{padding-bottom:8rem} section.component>article.p-b-100{padding-bottom:10rem} section.component>article.p-b-120{padding-bottom:12rem} section.component>article.p-b-140{padding-bottom:14rem} section.component>article.p-b-160{padding-bottom:16rem} section.component>article.p-b-180{padding-bottom:18rem} section.component.m-t-0{margin-top:0rem} section.component.m-t-20{margin-top:2rem} section.component.m-t-40{margin-top:4rem} section.component.m-t-60{margin-top:6rem} section.component.m-t-80{margin-top:8rem} section.component.m-t-100{margin-top:10rem} section.component.m-t-120{margin-top:12rem} section.component.m-t-140{margin-top:14rem} section.component.m-t-160{margin-top:16rem} section.component.m-t-180{margin-top:18rem} section.component.m-b-0{margin-bottom:0rem} section.component.m-b-20{margin-bottom:2rem} section.component.m-b-40{margin-bottom:4rem} section.component.m-b-60{margin-bottom:6rem} section.component.m-b-80{margin-bottom:8rem} section.component.m-b-100{margin-bottom:10rem} section.component.m-b-120{margin-bottom:12rem} section.component.m-b-140{margin-bottom:14rem} section.component.m-b-160{margin-bottom:16rem} section.component.m-b-180{margin-bottom:18rem} } .light-text.columns-50-50-color,.light-text.image-default{color:#fff} .light-text.columns-50-50-color h1,.light-text.image-default h1,.light-text.columns-50-50-color h2,.light-text.image-default h2,.light-text.columns-50-50-color h3,.light-text.image-default h3,.light-text.columns-50-50-color h4,.light-text.image-default h4,.light-text.columns-50-50-color h5,.light-text.image-default h5,.light-text.columns-50-50-color h6,.light-text.image-default h6,.light-text.columns-50-50-color .h1,.light-text.image-default .h1,.light-text.columns-50-50-color .h2,.light-text.image-default .h2,.light-text.columns-50-50-color .h3,.light-text.image-default .h3,.light-text.columns-50-50-color .h4,.light-text.image-default .h4,.light-text.columns-50-50-color .h5,.light-text.image-default .h5,.light-text.columns-50-50-color .h6,.light-text.image-default .h6,.light-text.columns-50-50-color p,.light-text.image-default p{color:#fff} .light-text.columns-50-50-color .tip:before,.light-text.image-default .tip:before{color:#006e96;background:#fff} .light-text.columns-50-50-color ol li:before,.light-text.image-default ol li:before{color:#c9c7c6} .light-text.columns-50-50-color ul li:before,.light-text.image-default ul li:before{background:#fff} @media screen and (min-width:768px){.light-text{color:#fff} .light-text h1,.light-text h2,.light-text h3,.light-text h4,.light-text h5,.light-text h6,.light-text .h1,.light-text .h2,.light-text .h3,.light-text .h4,.light-text .h5,.light-text .h6,.light-text p{color:#fff} .light-text .tip:before{color:#006e96;background:#fff} .light-text ol li:before{color:#c9c7c6} .light-text ul li:before{background:#fff} } .light-text-links.columns-50-50-color,.light-text-links.image-default{color:#fff} .light-text-links.columns-50-50-color h1,.light-text-links.image-default h1,.light-text-links.columns-50-50-color h2,.light-text-links.image-default h2,.light-text-links.columns-50-50-color h3,.light-text-links.image-default h3,.light-text-links.columns-50-50-color h4,.light-text-links.image-default h4,.light-text-links.columns-50-50-color h5,.light-text-links.image-default h5,.light-text-links.columns-50-50-color h6,.light-text-links.image-default h6,.light-text-links.columns-50-50-color .h1,.light-text-links.image-default .h1,.light-text-links.columns-50-50-color .h2,.light-text-links.image-default .h2,.light-text-links.columns-50-50-color .h3,.light-text-links.image-default .h3,.light-text-links.columns-50-50-color .h4,.light-text-links.image-default .h4,.light-text-links.columns-50-50-color .h5,.light-text-links.image-default .h5,.light-text-links.columns-50-50-color .h6,.light-text-links.image-default .h6,.light-text-links.columns-50-50-color p,.light-text-links.image-default p{color:#fff} .light-text-links.columns-50-50-color .tip:before,.light-text-links.image-default .tip:before{color:#006e96;background:#fff} .light-text-links.columns-50-50-color ol li:before,.light-text-links.image-default ol li:before{color:#c9c7c6} .light-text-links.columns-50-50-color ul li:before,.light-text-links.image-default ul li:before{background:#fff} .light-text-links.columns-50-50-color a:not(.btn),.light-text-links.image-default a:not(.btn){color:#fff} @media screen and (min-width:768px){.light-text-links{color:#fff} .light-text-links h1,.light-text-links h2,.light-text-links h3,.light-text-links h4,.light-text-links h5,.light-text-links h6,.light-text-links .h1,.light-text-links .h2,.light-text-links .h3,.light-text-links .h4,.light-text-links .h5,.light-text-links .h6,.light-text-links p{color:#fff} .light-text-links .tip:before{color:#006e96;background:#fff} .light-text-links ol li:before{color:#c9c7c6} .light-text-links ul li:before{background:#fff} .light-text-links a:not(.btn){color:#fff} } .recent-tweets-section h5.title{color:#535353 !important;font-family:'Barlow',sans-serif !important;font-size:20px !important;font-weight:bold !important;line-height:24px;margin-top:0;text-transform:uppercase} @media screen and (max-width:991px){.recent-tweets-section h5.title{margin:20px 0} } @media screen and (min-width:768px) and (max-width:991px){.recent-tweets-section h5.title{text-align:center} } @media screen and (min-width:768px) and (max-width:991px){.recent-tweets-section .tweets{width:49%;float:left;box-sizing:content-box;position:relative} .recent-tweets-section .tweets:after{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background-color:#ccc} .recent-tweets-section .tweets.external-tweets:after{right:0;left:auto;width:0} } .recent-tweets-section .tweets .tweets-wrapper .tweet-header .brand-image{width:18px;border-radius:50%;vertical-align:text-bottom} .recent-tweets-section .tweets .tweets-wrapper .tweet-header .tweet-icon-wrapper{float:right;margin-top:5px;margin-right:15px;display:none} .recent-tweets-section .tweets .tweets-wrapper .tweet-header .tweet-icon-wrapper .retweet-icon{vertical-align:middle} .recent-tweets-section .tweets .tweets-wrapper .tweet-header .tweet-icon-wrapper:hover .retweet-icon{color:#75b206} .recent-tweets-section .tweets .tweets-wrapper .tweet-header .brand-titile{color:#008abc;font-family:'Barlow',sans-serif;font-size:14px;font-weight:bold;line-height:24px;display:inline-block;margin:auto;padding-top:4px} .recent-tweets-section .tweets .tweets-wrapper .tweet-content{margin-top:10px;color:#58595b;font-family:'Barlow',sans-serif;font-size:13px;line-height:20px} .recent-tweets-section .tweets .tweets-wrapper .tweet-content a{color:#008abc} .recent-tweets-section .tweets .tweets-wrapper .tweet-content .js-display-url{word-wrap:break-word} .recent-tweets-section .tweets .tweets-wrapper-btnWrapper{text-align:center;margin:25px 0;display:none} .recent-tweets-section .tweets .tweets-wrapper-btnWrapper .prevTweet i,.recent-tweets-section .tweets .tweets-wrapper-btnWrapper .nextTweet i{color:#535353;font-size:12px;line-height:0;text-align:center} .recent-tweets-section .tweets .tweets-wrapper-btnWrapper .prevTweet :hover,.recent-tweets-section .tweets .tweets-wrapper-btnWrapper .nextTweet :hover{color:#75b206} .recent-tweets-section .tweets .tweets-wrapper-btnWrapper .prevTweet .noprev,.recent-tweets-section .tweets .tweets-wrapper-btnWrapper .nextTweet .noprev,.recent-tweets-section .tweets .tweets-wrapper-btnWrapper .prevTweet nonext,.recent-tweets-section .tweets .tweets-wrapper-btnWrapper .nextTweet nonext{opacity:.5;cursor:default} .recent-tweets-section .tweets .tweets-wrapper-btnWrapper .prevTweet .noprev:hover,.recent-tweets-section .tweets .tweets-wrapper-btnWrapper .nextTweet .noprev:hover,.recent-tweets-section .tweets .tweets-wrapper-btnWrapper .prevTweet nonext:hover,.recent-tweets-section .tweets .tweets-wrapper-btnWrapper .nextTweet nonext:hover{color:#535353} @media screen and (max-width:767px){.recent-tweets-section .pentair-tweets{border-bottom:1px solid #bcbbbb;padding-bottom:15px} } @media screen and (min-width:768px) and (max-width:991px){.recent-tweets-section .pentair-tweets{border:0;margin-right:1%} } .recent-tweets-section .external-tweets{margin-top:15px} @media screen and (min-width:768px) and (max-width:991px){.recent-tweets-section .external-tweets{margin-top:0;margin-left:1%} } .int-carousel-container{overflow:hidden} .int-carousel-container .int-carousel-item-wrapper{position:relative;top:0;left:0;overflow:hidden} .int-carousel-container .int-carousel-item-wrapper .int-carousel-item{float:left} .int-carousel-container .int-carousel-control-wrap{text-align:center;opacity:0} .int-carousel-container .int-carousel-control-wrap.show-controls{opacity:1} .int-carousel-container .int-carousel-control-wrap .disabled{opacity:.4} .int-carousel-container .int-carousel-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#c9c7c6;vertical-align:middle;margin-left:3px;transition:all .4s} .int-carousel-container .int-carousel-dot:first-child,.int-carousel-container .int-carousel-dot:last-child{width:5px;height:5px} .int-carousel-container .int-carousel-dot:nth-child(2),.int-carousel-container .int-carousel-dot:nth-last-child(2){width:7px;height:7px} .int-carousel-container .int-carousel-dot.active,.int-carousel-container .int-carousel-dot.prev-ind,.int-carousel-container .int-carousel-dot.next-ind{width:10px;height:10px} .int-carousel-container .int-carousel-dot.active{background-color:#75b206} .int-carousel-container .int-carousel-dot{background-color:#75b206} .int-carousel-container .int-carousel-dot.active{background-color:#0c3471} .promo-box .container{padding:0} .promobox-component{margin:2rem 0;padding:36px 40px;border:1px solid #e5e5e5;border-top:3px solid #75b206;background-color:#fff} @media screen and (max-width:991px){.promobox-component{padding:20px} } .promobox-component .promobox-text{padding:2rem 0} .promobox-component .promobox-text .promo-title{font-size:30px;line-height:40px;color:#00a2cc;font-weight:900} .promobox-component .promobox-text p{color:#7b7b7b;font-family:'Barlow',sans-serif;font-size:16px;font-weight:300;line-height:26px;margin-bottom:20px} @media screen and (max-width:767px){.promobox-component .promobox-text p{margin:2rem 0 2.5rem 0} } .promobox-component .promobox-text .btn{font-size:12px} .col-md-12 .promobox-component{overflow:hidden} .col-md-12 .promobox-component .promobox-image{width:40%;float:left} .col-md-12 .promobox-component .promobox-text{width:60%;float:left;padding:2rem 0rem 2rem 3rem} @media screen and (max-width:767px){.col-md-12 .promobox-component{overflow:hidden} .col-md-12 .promobox-component .promobox-image{width:100%;float:none} .col-md-12 .promobox-component .promobox-text{width:100%;float:none;padding:20px 0} } .pentair .promobox-text .btn{background:#fff;color:#75b206;padding:0;font-size:20px;font-weight:bold;text-align:left} .pentair .promobox-text .btn:after{display:none} .pentair .promobox-text .btn:active,.pentair .promobox-text .btn.active{box-shadow:none} .pentair .promobox-text p{color:#58595b} .pentair .promobox-text .promo-title{font-family:'Barlow Condensed',sans-serif;color:#09244f;font-size:40px;font-weight:300} .promobox-component .promobox-image{background-color:#efefef} .promobox-component .promobox-image img{height:293px;object-fit:cover;width:100%} @media screen and (max-width:991px){.promobox-component .promobox-image img{height:230px} } .is-ie .promobox-component .promobox-image{position:relative;height:293px;overflow:hidden} @media screen and (max-width:991px){.is-ie .promobox-component .promobox-image{height:230px} } .is-ie .promobox-component .promobox-image img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;max-width:180%;max-height:180%;transform:translate(-50%,-50%)} .press-list.component{font-family:'Barlow',sans-serif;font-size:2rem} .press-list.component .press-item{padding:2.6rem 0 3.1rem;border-bottom:1px solid #dadada;line-height:1.4} .press-list.component .press-item:last-of-type{border:0} .press-list.component .press-item:first-child{padding-top:0rem} @media screen and (min-width:768px){.press-list.component .press-item{padding:1.5rem 0 2rem} } .press-list.component .press-item-title{color:#006e96;font-size:2.4rem;display:block} @media screen and (min-width:768px){.press-list.component .press-item-title{font-size:2.4rem} } @media screen and (min-width:992px){.press-list.component .press-item-title{font-size:2.8rem} } .press-list.component .press-item-date{padding-top:.7rem;font-size:1.6rem;font-weight:700;color:#464747} @media screen and (min-width:768px){.press-list.component .press-item-date{color:#464747;font-size:1.4rem} } .press-list.component .press-item-desc{margin-bottom:1rem} .press-list.component .pagination .paging ol li a:after{content:''} .press-list.component .pagination .paging ol li a:before{-webkit-transition:background-color .001s linear;-moz-transition:background-color .001s linear;-ms-transition:background-color .001s linear;-o-transition:background-color .001s linear;transition:background-color .001s linear} .mediawall h2{text-align:center} .mediawall .streamhub-media-wall-view .hub-list{margin-left:-2rem;margin-right:-2rem} .mediawall .streamhub-media-wall-view .hub-list:after{content:'';clear:both;height:0;display:block} @media screen and (min-width:992px){.mediawall .streamhub-media-wall-view .hub-list{margin-left:-2.6rem;margin-right:-2.6rem} } .mediawall .streamhub-media-wall-view .hub-list>.hub-wall-column{float:left;padding:0 2rem;position:relative;display:block} @media screen and (min-width:992px){.mediawall .streamhub-media-wall-view .hub-list>.hub-wall-column{padding:0 2.6rem} } .mediawall .streamhub-media-wall-view .hub-list .hub-list{margin:0 !important;padding:0 !important} .mediawall .streamhub-media-wall-view .hub-list div[role='button']{border:solid 1px transparent !important;text-decoration:none !important} .mediawall .streamhub-media-wall-view .hub-list div[role='button']:focus,.mediawall .streamhub-media-wall-view .hub-list div[role='button']:hover{text-decoration:underline !important;border:solid 1px #818181 !important} .mediawall .streamhub-media-wall-view .hub-list a:hover,.mediawall .streamhub-media-wall-view .hub-list a:focus{text-decoration:underline !important} .mediawall .streamhub-media-wall-view .hub-list .content-body-main{border:solid 1px transparent !important;margin:-3px !important;padding:3px !important} .mediawall .streamhub-media-wall-view .hub-list .content-body-main:hover,.mediawall .streamhub-media-wall-view .hub-list .content-body-main:focus{border:1px solid #818181 !important} .mediawall .hub-list *{box-shadow:none !important;-webkit-box-shadow:none !important} .mediawall .hub-list .hub-content-container>article.content.spectrum-content{border:solid 1px #dadada !important;padding:2rem;margin-bottom:3.4rem;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} @media screen and (min-width:992px){.mediawall .hub-list .hub-content-container>article.content.spectrum-content{padding:3.8rem} } @media screen and (min-width:1260px){.mediawall .hub-list .hub-content-container>article.content.spectrum-content{padding:2rem} } .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header{position:static;background:0;top:auto;left:auto;height:auto;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;min-height:4rem;padding:0;margin:.7rem 0 .5rem} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-author-avatar{float:left;width:4rem;height:4rem;display:block;overflow:hidden;margin-right:1.3rem;position:relative;top:-1.3rem;border:solid 1px #e2e2e2;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-author-avatar img{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;width:100% !important;height:100% !important} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-created-at{display:none} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-header-inner{padding:0} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-header-inner .content-byline{font-weight:700;font-family:'Barlow',sans-serif;color:#006e96;text-transform:uppercase} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-header-inner .content-byline a{color:#006e96;text-shadow:none} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-header-inner .content-byline .content-author-username{display:none} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-header-right{position:static;display:block !important} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-header-right .content-source-logo{cursor:default;position:absolute;right:0;bottom:0;top:auto !important;color:#fff !important;text-decoration:none !important;width:6rem;height:6rem;text-align:center} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-header-right .content-source-logo:before{opacity:.5;z-index:500;position:absolute;right:1rem;bottom:.7rem} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-header-right .content-source-logo:after{width:0;height:0;border-style:solid;border-width:0 0 6rem 6rem;content:'';position:absolute;bottom:0;right:0;display:block;transition:all .3s ease-in-out} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-header-right .content-source-logo:hover,.mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-header-right .content-source-logo:focus{text-decoration:underline !important;width:6.3rem;height:6.3rem} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-header-right .content-source-logo:hover:before,.mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-header-right .content-source-logo:focus:before{opacity:1} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-header-right .content-source-logo:hover:after,.mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-header .content-header-right .content-source-logo:focus:after{transition:all .3s ease-in-out;border-width:0 0 6.3rem 6.3rem} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-attachment{padding-bottom:55.5%;margin-bottom:1rem} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-attachment .content-attachment-frame{-webkit-box-shadow:0 0 15px 0 0;-moz-box-shadow:0 0 15px 0 0;box-shadow:0 0 15px 0 0} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-attachment .content-attachment-photo{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-attachment .content-attachment-controls{background-image:none;background:rgba(0,0,0,0.5);opacity:.8;width:4.8rem;height:4.8rem;margin-top:-2.4rem;margin-left:-2.4rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;line-height:4.8rem;padding-left:.3rem} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-attachment .content-attachment-controls:before{font-family:icomoon;content:"\e913";color:#fff;font-size:2rem} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-attachment .content-attachment-controls:hover,.mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-attachment .content-attachment-controls:focus{opacity:1} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-body{font-family:'Barlow',sans-serif !important;font-size:1.6rem;line-height:1.5em !important;color:#464747;padding:0} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-body .content-body-title{line-height:1.5em !important;font-weight:700 !important;color:#464747 !important;margin-bottom:.5rem;font-size:1.6rem !important} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-body .content-body-main{margin-bottom:1rem} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-body p{font-family:'Barlow',sans-serif !important;line-height:1.5em !important;margin:0 !important} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-body>*{margin:0} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-footer{padding:1rem 0 0 0} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-footer .content-footer-right{display:none} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-footer .hub-content-share{background:none !important;color:#09244f;font-size:1.6rem;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-footer .hub-content-share:before{color:#4f8309;font-family:icomoon;content:"\f064"} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-footer .hub-content-share li{text-transform:none} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-footer .hub-content-share footer{padding:0} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-footer .hub-content-share footer input{display:inline;line-height:1.25em;padding:3px} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-footer .hub-content-share .lf-thread-content{-webkit-box-shadow:0 0 1rem 0 rgba(0,0,0,0.2) !important;-moz-box-shadow:0 0 1rem 0 rgba(0,0,0,0.2) !important;box-shadow:0 0 1rem 0 rgba(0,0,0,0.2) !important} .mediawall .hub-list .hub-content-container>article.content.spectrum-content.content-tweet .content-source-logo:after{border-color:transparent transparent #00aced transparent} .mediawall .hub-list .hub-content-container>article.content.spectrum-content.content-facebook .content-source-logo:before{content:"\f09a";font-family:icomoon} .mediawall .hub-list .hub-content-container>article.content.spectrum-content.content-facebook .content-source-logo:after{border-color:transparent transparent #3b5998 transparent} .mediawall .hub-list .hub-content-container>article.content.spectrum-content.content-youtube .content-source-logo img{display:none} .mediawall .hub-list .hub-content-container>article.content.spectrum-content.content-youtube .content-source-logo:before{content:"\f16a";font-family:icomoon} .mediawall .hub-list .hub-content-container>article.content.spectrum-content.content-youtube .content-source-logo:after{border-color:transparent transparent #b00 transparent} .mediawall .hub-list .hub-content-container>article.content.spectrum-content.content-pinterest .content-source-logo:before{content:"\f231";font-family:icomoon} .mediawall .hub-list .hub-content-container>article.content.spectrum-content.content-pinterest .content-source-logo:after{border-color:transparent transparent #cb2027 transparent} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-attachments-stacked{margin:0} .mediawall .hub-list .hub-content-container>article.content.spectrum-content .content-attachments-stacked .content-attachment-link{display:none} .mediawall .streamhub-media-wall-view .hub-list-more{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-family:'Barlow',sans-serif;text-decoration:none;font-weight:600;font-size:1.8rem;min-width:20.7rem;overflow:hidden;position:relative;display:block;text-transform:uppercase;background-color:#fff;color:#4f8309;border:solid 3px #4f8309 !important;padding:.7rem 2rem;-webkit-box-shadow:none !important;box-shadow:none !important} .mediawall .streamhub-media-wall-view .hub-list-more:hover,.mediawall .streamhub-media-wall-view .hub-list-more:focus{text-decoration:none;background:#4f8309;color:#fff;transition:all 200ms ease-out} .mediawall .streamhub-media-wall-view .hub-list-more:before{content:' ';height:13rem;position:absolute;right:-7rem;background:#4f8309;opacity:1;-webkit-transform:rotate(45deg) scale(1,1);-moz-transform:rotate(45deg) scale(1,1);-ms-transform:rotate(45deg) scale(1,1);-o-transform:rotate(45deg) scale(1,1);transform:rotate(45deg) scale(1,1);top:2rem;transform-origin:top left;transition:all 200ms ease-out;width:6rem} .mediawall .streamhub-media-wall-view .hub-list-more:hover:before,.mediawall .streamhub-media-wall-view .hub-list-more:focus:before{-webkit-transform:rotate(90deg) scale(2,6);-moz-transform:rotate(90deg) scale(2,6);-ms-transform:rotate(90deg) scale(2,6);-o-transform:rotate(90deg) scale(2,6);transform:rotate(90deg) scale(2,6);top:0} @media screen and (min-width:768px){.mediawall .streamhub-media-wall-view .hub-list-more{padding:1.2rem 2rem} } .mediawall .streamhub-media-wall-view .hub-list-more span{position:relative} .imported-ico{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .media-common.component{margin:0 0 4rem} .media-common.component button{-webkit-appearance:none;border:0;-webkit-border-radius:0;display:inline-block;max-width:100%;padding:0;position:relative} .media-common.component button:hover,.media-common.component button:focus{background:#c9c7c6} .media-common.component button:hover .play-icon,.media-common.component button:focus .play-icon{-webkit-transition:background-color .4s linear;-moz-transition:background-color .4s linear;-ms-transition:background-color .4s linear;-o-transition:background-color .4s linear;transition:background-color .4s linear;background-color:rgba(0,0,0,0.8)} .media-common.component button span.play-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:background-color .4s linear;-moz-transition:background-color .4s linear;-ms-transition:background-color .4s linear;-o-transition:background-color .4s linear;transition:background-color .4s linear;background-color:rgba(0,0,0,0.4);height:5rem;width:5rem} .media-common.component button span.play-icon::after{font-family:'icomoon';line-height:5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e913";color:#fff;font-size:2.25rem;padding-left:.5175rem} .media-common.component button img.is-ie{background-position:center center;background-size:cover;position:relative} @media screen and (min-width:768px){.media-common.component{margin:0} .media-common.component button span.play-icon{height:8rem;width:8rem} .media-common.component button span.play-icon::after{line-height:8rem;font-size:3.6rem;padding-left:.828rem} } @media screen and (min-width:992px){.media-common.component button span.play-icon{height:10rem;width:10rem} .media-common.component button span.play-icon::after{line-height:10rem;font-size:4.5rem;padding-left:1.035rem} } .media-common.component small{display:block;font-style:italic;font-size:1.4rem;margin:.9rem 0 0} @media screen and (min-width:768px){.media-common.component small{font-size:1.6rem;margin:1.7rem 0 0} } .media-common.component .media-component-callout,.media-common.component .media-component-callout>a{font-family:'Barlow',sans-serif;text-transform:capitalize;font-weight:400;color:#006e96;font-size:2.5rem;line-height:3rem;margin:2rem 0 0} .media-common.component .details p{margin:1.2rem 0 0} .media-common.component p{font-family:'Barlow',sans-serif;font-weight:400;font-size:2rem;color:#464747} .media-common.component p a{color:#4f8309;font-weight:700} .media-common.component .videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0} .media-common.component .videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%} .media-common.component .inline-video-wrapper{overflow:hidden} .media-common.component .inline-video-wrapper video{width:100% !important;height:auto !important;object-fit:cover} .map.component .marker p{margin:6px} .map.component .marker .location-name{font-size:1.1em;font-weight:bold;text-decoration:none} .map.component .marker .phone-two{margin-top:0} .map.component .marker .phone-one,.map.component .marker .phone-two{margin-bottom:0;height:16px} .map.component .marker .phone-one .icon-phone,.map.component .marker .phone-two .icon-phone{position:relative;padding:0 5px 0 3px} .map.component .marker .phone-one .icon-phone:before,.map.component .marker .phone-two .icon-phone:before{position:relative;top:1px} .map.component .marker .phone-one a,.map.component .marker .phone-two a{color:#4f8309} .map.component .map-container{width:100%;padding-top:66.66%} @media screen and (min-width:768px){.map.component .map-container{padding-top:0;height:512px} } .large-image-hotspot.component{position:relative} @media screen and (min-width:768px){.large-image-hotspot.component{padding-top:73.13%;height:auto !important} } @media screen and (min-width:1440px){.large-image-hotspot.component{padding-top:0;height:105.3rem !important} } .large-image-hotspot.component .main-image{background-position:center top;background-repeat:no-repeat;background-size:contain;position:relative;padding-top:73.13%} @media screen and (min-width:768px){.large-image-hotspot.component .main-image{background-position:center bottom;background-size:cover;padding:0;position:absolute;height:100%;left:0;top:0;right:0;bottom:0} } .large-image-hotspot.component .main-image.overlay:before{position:absolute;left:0;top:0;right:0;height:90%;display:block;content:'';z-index:10;background:-moz-linear-gradient(top,rgba(0,0,0,0.6) 0,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.6) 0,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.6) 0,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=0)} @media screen and (min-width:768px){.large-image-hotspot.component .main-image.overlay:before{height:40rem} } @media screen and (min-width:992px){.large-image-hotspot.component .main-image.overlay:before{height:50rem} } .large-image-hotspot.component .content{text-align:center;line-height:1.25em;font-size:1.8rem;background:#fff;display:block;padding:3.2rem 2rem 1rem;position:relative;z-index:5} @media screen and (min-width:768px){.large-image-hotspot.component .content{text-align:left;padding:0;background:transparent;position:absolute;left:2%;top:2rem;font-size:2rem;max-width:50rem;line-height:1.15em} .large-image-hotspot.component .content h2{font-size:3.6rem;margin-bottom:1.5rem} } @media screen and (min-width:992px){.large-image-hotspot.component .content{left:4%;top:4rem;max-width:42rem} .large-image-hotspot.component .content h2{font-size:4rem;margin-bottom:2.9rem} } @media screen and (min-width:1200px){.large-image-hotspot.component .content{max-width:57rem;left:6%;top:10rem} .large-image-hotspot.component .content h2{font-size:6rem} } @media screen and (min-width:1440px){.large-image-hotspot.component .content{left:10%} } .large-image-hotspot.component .mobile-spots{position:absolute;left:0;bottom:0;right:0;top:0;z-index:5;counter-reset:mob-counter} @media screen and (min-width:768px){.large-image-hotspot.component .mobile-spots{display:none} } .large-image-hotspot.component .mobile-spots li{z-index:1;outline:0 solid rgba(255,255,255,0.5);-webkit-box-shadow:0 0 .5rem 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 .5rem 0 rgba(0,0,0,0.3);box-shadow:0 0 .5rem 0 rgba(0,0,0,0.3);display:block;position:absolute;background:rgba(255,255,255,0.5);height:2.4rem;width:2.4rem;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;content:'';-webkit-transform:translate(-50%,-50%) rotate(45deg) scale(1) translateZ(1px);transform:translate(-50%,-50%) rotate(45deg) scale(1);transition:background .2s ease-in-out,outline .2s ease-in-out;border-radius:0;text-align:center;line-height:2.4rem;cursor:pointer} .large-image-hotspot.component .mobile-spots li:before{counter-increment:mob-counter;content:'0' counter(mob-counter);opacity:0;font-size:1.6rem;color:#09244f;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);display:block;font-weight:700;font-family:'Barlow',sans-serif} .large-image-hotspot.component .mobile-spots li.active{background:#fff;outline:.3rem solid rgba(255,255,255,0.5)} .large-image-hotspot.component .mobile-spots li.active:before{opacity:1} .large-image-hotspot.component .spots{position:relative;z-index:5} @media screen and (min-width:768px){.large-image-hotspot.component .spots{position:absolute;left:0;width:100%;bottom:0;top:0;height:100%} } .large-image-hotspot.component .spots ul.mobile-list{margin:-1px 0 0 0;list-style:none;padding:0;background:#fff;width:100%;counter-reset:counter;position:relative;display:flex} @media screen and (min-width:768px){.large-image-hotspot.component .spots ul.mobile-list{display:none} } .large-image-hotspot.component .spots ul.mobile-list li{list-style:none;padding:0;display:block;flex-grow:1;flex-basis:20%;height:6.4rem;border-right:solid 1px #c9c7c6;border-bottom:solid 1px #c9c7c6;color:#4f8309;text-align:center;line-height:6.2rem;font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:3.2rem;-webkit-transition:color .3s linear;-moz-transition:color .3s linear;-ms-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear} .large-image-hotspot.component .spots ul.mobile-list li:before{counter-increment:counter;content:'0' counter(counter)} .large-image-hotspot.component .spots ul.mobile-list li:last-child{border-right:0} .large-image-hotspot.component .spots ul.mobile-list li.active{border-bottom:0;color:#09244f} .large-image-hotspot.component .spots ul.spot-list{margin:0;padding:0} .large-image-hotspot.component .spots ul.spot-list li{list-style:none;padding:4rem 4rem 2rem;margin:0;display:none} .large-image-hotspot.component .spots ul.spot-list li:before{display:none} @media screen and (min-width:768px){.large-image-hotspot.component .spots ul.spot-list li{padding:0;display:block !important} .large-image-hotspot.component .spots ul.spot-list li:before{content:'';background:rgba(0,0,0,0.3);bottom:0;display:none;left:0;position:absolute;right:0;top:0;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;z-index:5} } @media screen and (min-width:768px){.large-image-hotspot.component .spots ul.spot-list.spot-modal-open li:before{display:block} } @media screen and (min-width:768px){.large-image-hotspot.component .spots ul.spot-list.spot-modal-open li .spot-anchor:before{-webkit-transform:rotate(45deg) scale(1) translateZ(1px) !important;transform:rotate(45deg) scale(1) !important;animation:static !important} } @media screen and (min-width:768px){.large-image-hotspot.component .spots .spot-modal{display:none;background:#fff;width:80%;max-width:79rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:3rem 1.5rem 3rem 3rem} } @media screen and (min-width:992px){.large-image-hotspot.component .spots .spot-modal{padding:7rem 3.5rem 5rem 7rem} } .large-image-hotspot.component .spots .spot-modal>a{position:absolute;right:0;top:0;color:#4f8309;font-size:1.4rem;padding:1.5rem;font-weight:700;display:none} @media screen and (min-width:768px){.large-image-hotspot.component .spots .spot-modal>a{display:block} } .large-image-hotspot.component .spots .spot-modal>a:hover,.large-image-hotspot.component .spots .spot-modal>a:focus{color:#325306;text-decoration:none} .large-image-hotspot.component .spots .spot-modal>a:before{content:'';width:0;height:0;border-top:7.5rem solid #f2f2f2;border-left:7.5rem solid transparent;position:absolute;right:0;top:0} .large-image-hotspot.component .spots .spot-modal>div{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column-reverse nowrap;-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap} @media screen and (min-width:768px){.large-image-hotspot.component .spots .spot-modal>div{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;align-items:center} } .large-image-hotspot.component .spots .spot-modal>div .details{text-align:center} .large-image-hotspot.component .spots .spot-modal>div .details h3{font-size:1.8rem;text-transform:none;font-family:'Barlow',sans-serif;font-weight:700;margin-bottom:1rem} .large-image-hotspot.component .spots .spot-modal>div .details a{text-transform:uppercase;font-size:1.6rem} @media screen and (min-width:768px){.large-image-hotspot.component .spots .spot-modal>div .details{text-align:left;padding-right:3rem;width:70%} .large-image-hotspot.component .spots .spot-modal>div .details h3{font-size:4rem;margin-bottom:3.2rem;text-transform:uppercase;font-weight:300;font-family:'Barlow Condensed',sans-serif} } @media screen and (min-width:992px){.large-image-hotspot.component .spots .spot-modal>div .details{width:65%} } .large-image-hotspot.component .spots .spot-modal>div .image{text-align:center;padding-bottom:3rem} @media screen and (min-width:768px){.large-image-hotspot.component .spots .spot-modal>div .image{width:30%;display:block;padding-bottom:0} } @media screen and (min-width:992px){.large-image-hotspot.component .spots .spot-modal>div .image{width:35%} } .large-image-hotspot.component .spots .spot-modal>div .image img{max-width:15rem} @media screen and (min-width:768px){.large-image-hotspot.component .spots .spot-modal>div .image img{max-width:100%} } .large-image-hotspot.component .spots .spot-modal.open{display:block;z-index:40} .large-image-hotspot.component .spots .spot-modal.open:before{display:block} .large-image-hotspot.component .spots li>a{text-decoration:none !important;text-align:center;color:#09244f;font-family:'Barlow Condensed',sans-serif;font-weight:600;display:none} @media screen and (min-width:768px){.large-image-hotspot.component .spots li>a{padding:0;position:absolute;height:10rem;width:10rem;display:block} } @media screen and (min-width:992px){.large-image-hotspot.component .spots li>a{height:13rem;width:13rem} } .large-image-hotspot.component .spots li>a:hover,.large-image-hotspot.component .spots li>a:focus{color:#0c3555} @media screen and (min-width:768px){.large-image-hotspot.component .spots li>a:before{left:50%;top:50%;background:rgba(255,255,255,0.5);-webkit-box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);background:#fff;height:10rem;width:10rem;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;content:'';outline:1rem solid rgba(255,255,255,0.3);-webkit-transform:rotate(45deg) scale(1) translateZ(1px);transform:rotate(45deg) scale(1);animation:setup2 .6s 1 ease-in;display:block} } @media screen and (min-width:992px){.large-image-hotspot.component .spots li>a:before{height:13rem;width:13rem;outline:1.5rem solid rgba(255,255,255,0.3)} } .large-image-hotspot.component .spots li>a>div{position:absolute;height:100%;width:100%;left:0;top:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;align-items:center;justify-content:center} .large-image-hotspot.component .spots li>a>div:after{content:"\e901";color:#4f8309;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);font-size:1.8rem;font-family:icomoon} .large-image-hotspot.component .spots li>a>div>span{padding-bottom:1rem} @media screen and (min-width:768px){.large-image-hotspot.component .spots li:hover>a:before,.large-image-hotspot.component .spots li.active>a:before,.large-image-hotspot.component .spots li:focus>a:before{animation:first-pulse2 .3s 1 ease-in-out,pulse2 2s infinite ease-in-out;animation-delay:.001s,.3s} } .large-image-hotspot.component .mobile-spots .spot1,.large-image-hotspot.component .spots .spot1{bottom:25%;left:10%} .large-image-hotspot.component .mobile-spots .spot1 .spot-anchor,.large-image-hotspot.component .spots .spot1 .spot-anchor{bottom:25%;left:5%} .large-image-hotspot.component .mobile-spots .spot2,.large-image-hotspot.component .spots .spot2{bottom:8%;left:33%} .large-image-hotspot.component .mobile-spots .spot2 .spot-anchor,.large-image-hotspot.component .spots .spot2 .spot-anchor{bottom:8%;left:33%} .large-image-hotspot.component .mobile-spots .spot3,.large-image-hotspot.component .spots .spot3{bottom:26%;left:53%} .large-image-hotspot.component .mobile-spots .spot3 .spot-anchor,.large-image-hotspot.component .spots .spot3 .spot-anchor{bottom:26%;left:53%} @keyframes setup2{from{-webkit-transform:rotate(45deg) scale(1.15) translateZ(1px);transform:rotate(45deg) scale(1.15)} to{-webkit-transform:rotate(45deg) scale(1) translateZ(1px);transform:rotate(45deg) scale(1)} } @keyframes first-pulse2{0.001%{-webkit-transform:rotate(45deg) scale(1) translateZ(1px);transform:rotate(45deg) scale(1)} 100%{-webkit-transform:rotate(45deg) scale(1.15) translateZ(1px);transform:rotate(45deg) scale(1.15)} } @keyframes pulse2{0.001%,100%{-webkit-transform:rotate(45deg) scale(1.15) translateZ(1px);transform:rotate(45deg) scale(1.15)} 50%{-webkit-transform:rotate(45deg) scale(1.05) translateZ(1px);transform:rotate(45deg) scale(1.05)} } @keyframes static{0.001%{-webkit-transform:rotate(45deg) scale(1) translateZ(1px);transform:rotate(45deg) scale(1)} 100%{-webkit-transform:rotate(45deg) scale(1) translateZ(1px);transform:rotate(45deg) scale(1)} } .inline-text-image.component .image{margin:0 0 3rem 0} @media screen and (min-width:768px){.inline-text-image.component.right .image{float:right;margin:1rem 0 1rem 3rem} .inline-text-image.component .image{max-width:50%;float:left;margin:1rem 3rem 1rem 0} } @media screen and (min-width:992px){.inline-text-image.component .image{max-width:100%} } .image-hotspot.component .s7interactiveimage{width:100%;height:auto} .image-hotspot.component .s7interactiveimage .s7imagemapeffect .s7icon{background-image:none;height:40px;width:40px;pointer-events:none !important;position:absolute;color:#fff;font-weight:700;text-align:center;line-height:3.8rem} .image-hotspot.component .s7interactiveimage .s7imagemapeffect .s7icon:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);height:100%;width:100%;content:' ';display:block;background-color:#4f8309;position:absolute;top:0;left:0;z-index:-1} .image-hotspot.component .s7interactiveimage .s7imagemapeffect .s7icon:hover,.image-hotspot.component .s7interactiveimage .s7imagemapeffect .s7icon:focus{cursor:default} .image-hotspot.component .s7interactiveimage [data-namespace='s7classic'].s7imagemapeffect .s7icon[state='default']{opacity:1} .image-hotspot.component .s7interactiveimage [data-namespace='s7classic'].s7container .s7innercontainer{position:absolute !important} img{max-width:100%} @media screen and (min-width:768px){.section.image .off-left{position:relative} .section.image .off-left.off-25{left:-2.5rem} .section.image .off-left.off-50{left:-5rem} .section.image .off-left.off-100{left:-10rem} .section.image .off-right{position:relative} .section.image .off-right.off-25{right:-2.5rem} .section.image .off-right.off-50{right:-5rem} .section.image .off-right.off-100{right:-10rem} .section.image .off-top{position:relative} .section.image .off-top.off-25{margin-top:-2.5rem} .section.image .off-top.off-50{margin-top:-5rem} .section.image .off-top.off-100{margin-top:-10rem} .section.image .off-bottom{position:relative} .section.image .off-bottom.off-25{margin-bottom:-2.5rem} .section.image .off-bottom.off-50{margin-bottom:-5rem} .section.image .off-bottom.off-100{margin-bottom:-10rem} } .center-image,.image.parbase.section img.center-image{margin-left:auto;margin-right:auto;display:block} .horizontal-line{padding:20px 0} .horizontal-line .thin-line{border-bottom:1px solid #e0e0e0} .horizontal-line .thick-line{border-bottom:3px solid #e0e0e0} .horizontal-line .half-thin-line{border-bottom:1px solid #e0e0e0;width:40%} .horizontal-line-component.section.cq-Editable-dom{padding:10px 0} .in-left-field{position:fixed;top:3px;left:-680px;visibility:collapse;opacity:0;z-index:-10} .form-hidden .row{display:none;margin:0} .form-hidden .row.edit-mode{display:block} .featured-list.component{position:relative} @media screen and (min-width:768px){.featured-list.component .news-releases,.featured-list.component .pentair-stories{padding-top:.5rem} } .featured-list.component .news-header{display:flex;justify-content:space-between;text-transform:uppercase;font-weight:700} @media screen and (min-width:768px){.featured-list.component .news-header{display:flex} } @media screen and (min-width:992px){.featured-list.component .news-header{display:flex} } .featured-list.component .news-header-label{color:#464747;font-size:1.8rem} @media screen and (min-width:768px){.featured-list.component .news-header-label{font-size:2.0rem} } @media screen and (min-width:992px){.featured-list.component .news-header-label{font-size:2.4rem;display:inline-block} } .featured-list.component .news-header-see-all{color:#4f8309;font-size:1.6rem} @media screen and (min-width:768px){.featured-list.component .news-header-see-all{font-size:1.4rem;margin-top:.5rem} } @media screen and (min-width:992px){.featured-list.component .news-header-see-all{display:inline-block;font-size:1.4rem;margin-top:1rem} } .featured-list.component .news-content{margin-bottom:3rem;margin-top:4rem} @media screen and (min-width:768px){.featured-list.component .news-content{margin-bottom:0} } .featured-list.component a.news-item:hover,.featured-list.component a.tile:hover,.featured-list.component a.news-item:visited,.featured-list.component a.tile:visited,.featured-list.component a.news-item:active,.featured-list.component a.tile:active,.featured-list.component a.news-item:focus,.featured-list.component a.tile:focus{text-decoration:none} .featured-list.component .news-item{font-family:'Barlow',sans-serif;padding:2.6rem 0 3.1rem;border-bottom:1px solid #dadada;line-height:1.4} .featured-list.component .news-item:last-of-type{border:0} .featured-list.component .news-item:first-child{padding-top:1rem} @media screen and (min-width:768px){.featured-list.component .news-item{padding:1.5rem 0 2rem} } .featured-list.component .news-item-title{color:#006e96;display:block;font-size:2.0rem} .featured-list.component .news-item-date{color:#464747;font-size:1.6rem;padding-top:1rem;font-weight:700} @media screen and (min-width:768px){.featured-list.component .news-item-date{color:#818181;font-size:1.4rem} } @media screen and (min-width:992px){.featured-list.component .tile{display:flex;justify-items:center} .featured-list.component .tile:hover,.featured-list.component .tile:focus{color:#fefefe} .featured-list.component .tile:hover .triangle,.featured-list.component .tile:focus .triangle{height:575px;right:-300px;width:1200px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease} } .featured-list.component .tile img{height:24rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;font-family:'object-fit: cover; object-position: center center';width:100%} @media screen and (min-width:768px){.featured-list.component .tile[data-image-adjustment='large'] img{height:40rem} } @media screen and (min-width:992px){.featured-list.component .tile[data-image-adjustment='large'] img{height:32.5rem} } @media screen and (min-width:768px){.featured-list.component .tile[data-image-adjustment='x-large'] img{height:60rem} } @media screen and (min-width:992px){.featured-list.component .tile[data-image-adjustment='x-large'] img{height:47rem} } .featured-list.component .tile p{height:100%;width:100%;font-size:2.2rem;margin:0;font-weight:300} @media screen and (min-width:992px){.featured-list.component .tile p{font-size:1.8rem} } @media screen and (min-width:1200px){.featured-list.component .tile p{font-size:2.4rem} } .featured-list.component [class^="tile-"]{color:#fff;overflow:hidden;position:relative;width:100%} @media screen and (min-width:992px){.featured-list.component .tile-image{height:auto;position:relative} } .featured-list.component .tile-text{height:auto;padding-bottom:0} .featured-list.component .tile-text:active,.featured-list.component .tile-text:visited{text-decoration:none} .featured-list.component .content-wrapper{margin:2rem 1rem;padding:1rem} .featured-list.component .content-wrapper>div{min-width:20rem;min-height:5rem} @media screen and (min-width:992px){.featured-list.component .content-wrapper{margin:0 1rem 2rem;position:absolute;bottom:0} } .featured-list.component .content-wrapper .news-item-date{color:#fff;font-weight:600} .featured-list.component .tile-text .triangle{background-color:#000;height:100px;right:-200px;opacity:.2;position:absolute;bottom:0;width:200px;-webkit-transform:skew(-45deg,0);-moz-transform:skew(-45deg,0);-ms-transform:skew(-45deg,0);-o-transform:skew(-45deg,0);transform:skew(-45deg,0);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease} .featured-list.component[data-bg-ref="blue"] .tile-text{background-color:#006e96} .featured-list.component[data-bg-ref="green"] .tile-text{background-color:#4f8309} .event-component.component a,.event-component.component .no-event{display:block;margin-top:4rem;position:relative} @media screen and (min-width:768px){.event-component.component a,.event-component.component .no-event{height:23rem} } .event-component.component a .image,.event-component.component .no-event .image{padding-top:43.2%;height:auto;width:100%;position:relative;overflow:hidden;background-position:center bottom;background-size:cover;display:block;margin-bottom:2.5rem} .event-component.component a .image:before,.event-component.component .no-event .image:before{position:absolute;right:0;left:0;top:2rem;bottom:0;content:"";opacity:.5;-webkit-transition:opacity .3s ease-in;-moz-transition:opacity .3s ease-in;-ms-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,#000 64%,#000 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,#000 64%,#000 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,#000 64%,#000 100%)} .event-component.component a .image:after,.event-component.component .no-event .image:after{position:absolute;right:-25px;bottom:-25px;height:50px;width:50px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);z-index:100;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;content:'';background-color:#4f8309} @media screen and (min-width:768px){.event-component.component a .image,.event-component.component .no-event .image{margin:0;padding:0;position:absolute;left:0;top:0;bottom:0;width:100%} .event-component.component a .image:after,.event-component.component .no-event .image:after{position:absolute;right:-30px;bottom:-30px;height:60px;width:60px} } .event-component.component a .event-details,.event-component.component .no-event .event-details{margin-bottom:3.5rem} @media screen and (min-width:768px){.event-component.component a .event-details,.event-component.component .no-event .event-details{position:absolute;bottom:0;left:0;margin:0;padding:2.5rem 3.5rem} } .event-component.component a .event-details h3,.event-component.component .no-event .event-details h3{font-size:1.8rem;margin-bottom:.5rem;font-family:'Barlow',sans-serif;font-weight:400;text-transform:none} @media screen and (min-width:768px){.event-component.component a .event-details h3,.event-component.component .no-event .event-details h3{color:#fff;font-size:2.3rem;margin-bottom:1rem} } .event-component.component a .event-details .event-info,.event-component.component .no-event .event-details .event-info{text-transform:uppercase;font-size:1.4rem;font-weight:700} @media screen and (min-width:768px){.event-component.component a .event-details .event-info,.event-component.component .no-event .event-details .event-info{color:#fff;font-size:1.3rem;opacity:.7} } .event-component.component a:hover:before,.event-component.component .no-event:hover:before,.event-component.component a:focus:before,.event-component.component .no-event:focus:before{opacity:.6} .light-text .event-component.component .event-details h3,.light-text-links .event-component.component .event-details h3{color:#fff} .light-text .event-component.component .event-details .event-info,.light-text-links .event-component.component .event-details .event-info{color:#fff} .documents-wrapper{font-family:'Barlow Condensed',sans-serif;background:#FFF;padding:60px;border:1px solid #ccc;border-top:3px solid #75b206} .documents-wrapper .item,.documents-wrapper .content-item{cursor:pointer} .documents-wrapper .icon{border-radius:50%;color:#75b206;border:2px solid #75b206;min-height:85px;min-width:85px} @media screen and (max-width:767px){.documents-wrapper .icon{min-height:75px;min-width:75px} } .documents-wrapper .icon-link{display:inline-block} .documents-wrapper .icon-wrapper{margin:0 20px;padding:20px 0} @media screen and (max-width:767px){.documents-wrapper .icon-wrapper{margin:0;padding:10px 0} } .documents-wrapper .documents-right .no-icon{border:0} .documents-wrapper .documents-content .no-icon{border:0} .documents-wrapper .documents-header .documents-left .documents-title{font-weight:300;font-size:60px;margin-top:0;color:#0a4684} .documents-wrapper .documents-header .documents-left .documents-description{font-family:'Barlow',sans-serif;color:#58595b;font-size:1.5rem;line-height:24px} .documents-wrapper .documents-header .documents-right .documents-list{margin-top:-20px;list-style:none} .documents-wrapper .documents-header .documents-right .documents-list .item{padding:10px;text-align:center;transition:color .2s} .documents-wrapper .documents-header .documents-right .documents-list .item .icon{font-size:45px;padding:18px;transition:color .2s;display:inline-block} .documents-wrapper .documents-header .documents-right .documents-list .item .item-title{margin:10px 0 10px 0;font-size:16px;font-weight:700;color:#000;transition:color .2s} .documents-wrapper .documents-header .documents-right .documents-list .item .item-description{color:#7b7b7b;font-size:14px;line-height:18px;margin:0;font-family:'Barlow',sans-serif} .documents-wrapper .extra-docs{display:none} .documents-wrapper .documents-content{border-top:1px solid #ccc;list-style:none;padding-top:30px} .documents-wrapper .documents-content .content-item{padding:25px} .documents-wrapper .documents-content .content-item .icon{min-width:55px;min-height:55px;font-size:30px;padding:10px;text-align:center} @media screen and (max-width:767px){.documents-wrapper .documents-content .content-item .icon{width:55px;font-size:30px} } @media screen and (max-width:767px){.documents-wrapper .documents-content .content-item .icon-link{width:90px} } @media screen and (min-width:768px) and (max-width:991px){.documents-wrapper .documents-content .content-item .icon-link{width:90px} } .documents-wrapper .documents-content .content-item span{display:inline-block;vertical-align:middle} @media screen and (max-width:767px){.documents-wrapper .documents-content .content-item span{padding-left:0;width:calc(100% - 90px)} } @media screen and (min-width:768px) and (max-width:991px){.documents-wrapper .documents-content .content-item span{padding-left:0;width:calc(100% - 90px)} } .documents-wrapper .documents-content .content-item span .content-item-title{font-weight:500;font-size:16px;line-height:24px;margin-bottom:0;color:#000;transition:color .2s} .documents-wrapper .documents-content .content-item span .content-item-description{color:#7b7b7b;font-size:12px;line-height:18px;margin:0} .documents-wrapper .documents-content .content-item:nth-child(3n+1){clear:both} .remove-padding{padding-bottom:0;padding-top:40px} @media screen and (max-width:767px){.documents-wrapper{padding:30px 20px} .documents-wrapper .documents-header{padding-bottom:0} .documents-wrapper .documents-header .documents-left .documents-title{font-weight:300;font-size:60px} .documents-wrapper .documents-header .documents-left .documents-description{font-size:17px;font-size:1.7rem;padding-top:10px;line-height:1.5} .documents-wrapper .documents-header .documents-right .documents-list{margin:0;padding:0} .documents-wrapper .documents-header .documents-right .documents-list .item{width:33%;float:left;padding:15px 10px} .documents-wrapper .documents-header .documents-right .documents-list .item .icon{font-size:35px} .documents-wrapper .documents-header .documents-right .documents-list .item .item-title{font-size:17px;font-size:1.7rem;font-weight:800} .documents-wrapper .documents-content{padding:0} .documents-wrapper .documents-content .content-item{padding:20px 10px 20px 10px} .documents-wrapper .documents-content .content-item span .content-item-title{font-size:20px;font-size:2rem;font-weight:800} .documents-wrapper .documents-content .content-item span .content-item-description{line-height:1.5} } @media screen and (max-width:767px){.pentair .documents-wrapper .icon-wrapper{margin:0;padding:10px 0} } .pentair .documents-wrapper .documents-header .documents-left .documents-title{font-size:60px;font-weight:300} .pentair .documents-wrapper .documents-header .documents-left .documents-description{color:#58595b;font-family:'Barlow',sans-serif} .pentair .documents-wrapper .documents-header .documents-right .documents-list .item:hover{background-color:transparent} .pentair .documents-wrapper .documents-header .documents-right .documents-list .item:hover .item-title{color:#0a4684 !important} .pentair .documents-wrapper .documents-header .documents-right .documents-list .item:hover .icon{color:#0a4684 !important;border-color:#0a4684 !important} .pentair .documents-wrapper .documents-header .documents-right .documents-list .item .item-title{color:#58595b !important;text-transform:none;font-family:'Barlow',sans-serif} .pentair .documents-wrapper .documents-content .content-item{font-family:'Barlow',sans-serif} .pentair .documents-wrapper .documents-content .content-item .content-item-title{font-weight:400;text-transform:none;color:#58595b;font-size:20px} .pentair .documents-wrapper .documents-content .content-item:hover{font-family:'Barlow',sans-serif;background-color:transparent} .pentair .documents-wrapper .documents-content .content-item:hover .content-item-title{text-transform:none;color:#0a4684} .pentair .documents-wrapper .documents-content .content-item:hover .icon{color:#0a4684;border-color:#0a4684} @media screen and (max-width:767px){.pentair .documents-wrapper .documents-header .documents-left{font-family:'Barlow Condensed',sans-serif} .pentair .documents-wrapper .documents-header .documents-left .documents-title{font-size:45px} .pentair .documents-wrapper .documents-content{padding:20px 0} .pentair .documents-wrapper .documents-content .content-item{padding:20px 10px 0 10px} .pentair .documents-wrapper .documents-content .content-item .content-item-title{font-size:25px} .pentair .documents-wrapper .documents-content .content-item span .content-item-description{font-size:16px} } .cta.component.align-center{text-align:center} .cta.component.align-right{text-align:right} .cta.component .btn{margin-bottom:2rem} .cta.component .btn+.btn{margin-top:2rem;margin-left:0} @media screen and (min-width:768px){.cta.component .btn+.btn{margin-left:1.5rem;margin-top:0} } button.btn,a.btn,button.storelocator-btn,a.storelocator-btn{border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display:inline-block;font-weight:600;font-size:1.8rem;min-width:20.7rem;overflow:hidden;position:relative;padding:1rem 2rem;text-decoration:none;text-transform:uppercase} button.btn+.btn,a.btn+.btn,button.storelocator-btn+.btn,a.storelocator-btn+.btn{margin-top:1rem;margin-left:0} @media screen and (min-width:992px){button.btn+.btn,a.btn+.btn,button.storelocator-btn+.btn,a.storelocator-btn+.btn{margin-top:0;margin-left:1.5rem} } button.btn:hover,a.btn:hover,button.storelocator-btn:hover,a.storelocator-btn:hover,button.btn:focus,a.btn:focus,button.storelocator-btn:focus,a.storelocator-btn:focus{text-decoration:none} button.btn:before,a.btn:before,button.storelocator-btn:before,a.storelocator-btn:before{background:#000;content:' ';height:13rem;opacity:.22;position:absolute;right:-7rem;-webkit-transform:rotate(45deg) scale(1,1);-moz-transform:rotate(45deg) scale(1,1);-ms-transform:rotate(45deg) scale(1,1);-o-transform:rotate(45deg) scale(1,1);transform:rotate(45deg) scale(1,1);top:2rem;transform-origin:top left;transition:all 200ms ease-out;width:6rem} button.btn:hover:before,a.btn:hover:before,button.storelocator-btn:hover:before,a.storelocator-btn:hover:before,button.btn:focus:before,a.btn:focus:before,button.storelocator-btn:focus:before,a.storelocator-btn:focus:before{-webkit-transform:rotate(90deg) scale(2,6);-moz-transform:rotate(90deg) scale(2,6);-ms-transform:rotate(90deg) scale(2,6);-o-transform:rotate(90deg) scale(2,6);transform:rotate(90deg) scale(2,6);top:0} @media screen and (min-width:768px){button.btn,a.btn,button.storelocator-btn,a.storelocator-btn{padding:1.5rem 2rem} } button.btn.btn-primary,a.btn.btn-primary,button.storelocator-btn.btn-primary,a.storelocator-btn.btn-primary,button.btn.btn-primary:visited,a.btn.btn-primary:visited,button.storelocator-btn.btn-primary:visited,a.storelocator-btn.btn-primary:visited,button.btn.storelocator-btn-primary,a.btn.storelocator-btn-primary,button.storelocator-btn.storelocator-btn-primary,a.storelocator-btn.storelocator-btn-primary{background-color:#4f8309;color:#fff} button.btn.btn-primary:hover,a.btn.btn-primary:hover,button.storelocator-btn.btn-primary:hover,a.storelocator-btn.btn-primary:hover,button.btn.btn-primary:visited:hover,a.btn.btn-primary:visited:hover,button.storelocator-btn.btn-primary:visited:hover,a.storelocator-btn.btn-primary:visited:hover,button.btn.storelocator-btn-primary:hover,a.btn.storelocator-btn-primary:hover,button.storelocator-btn.storelocator-btn-primary:hover,a.storelocator-btn.storelocator-btn-primary:hover,button.btn.btn-primary:focus,a.btn.btn-primary:focus,button.storelocator-btn.btn-primary:focus,a.storelocator-btn.btn-primary:focus,button.btn.btn-primary:visited:focus,a.btn.btn-primary:visited:focus,button.storelocator-btn.btn-primary:visited:focus,a.storelocator-btn.btn-primary:visited:focus,button.btn.storelocator-btn-primary:focus,a.btn.storelocator-btn-primary:focus,button.storelocator-btn.storelocator-btn-primary:focus,a.storelocator-btn.storelocator-btn-primary:focus{background:#4f8309;color:#fff;text-decoration:none} button.btn.btn-secondary,a.btn.btn-secondary,button.storelocator-btn.btn-secondary,a.storelocator-btn.btn-secondary,button.btn.btn-secondary:visited,a.btn.btn-secondary:visited,button.storelocator-btn.btn-secondary:visited,a.storelocator-btn.btn-secondary:visited,button.btn .storelocator-btn-danger,a.btn .storelocator-btn-danger,button.storelocator-btn .storelocator-btn-danger,a.storelocator-btn .storelocator-btn-danger,button.btn .storelocator-viewlink,a.btn .storelocator-viewlink,button.storelocator-btn .storelocator-viewlink,a.storelocator-btn .storelocator-viewlink{background-color:#fff;color:#4f8309;border:solid 3px #4f8309;padding:.7rem 2rem} button.btn.btn-secondary:before,a.btn.btn-secondary:before,button.storelocator-btn.btn-secondary:before,a.storelocator-btn.btn-secondary:before,button.btn.btn-secondary:visited:before,a.btn.btn-secondary:visited:before,button.storelocator-btn.btn-secondary:visited:before,a.storelocator-btn.btn-secondary:visited:before,button.btn .storelocator-btn-danger:before,a.btn .storelocator-btn-danger:before,button.storelocator-btn .storelocator-btn-danger:before,a.storelocator-btn .storelocator-btn-danger:before,button.btn .storelocator-viewlink:before,a.btn .storelocator-viewlink:before,button.storelocator-btn .storelocator-viewlink:before,a.storelocator-btn .storelocator-viewlink:before{background:#4f8309;opacity:1} button.btn.btn-secondary:hover,a.btn.btn-secondary:hover,button.storelocator-btn.btn-secondary:hover,a.storelocator-btn.btn-secondary:hover,button.btn.btn-secondary:visited:hover,a.btn.btn-secondary:visited:hover,button.storelocator-btn.btn-secondary:visited:hover,a.storelocator-btn.btn-secondary:visited:hover,button.btn .storelocator-btn-danger:hover,a.btn .storelocator-btn-danger:hover,button.storelocator-btn .storelocator-btn-danger:hover,a.storelocator-btn .storelocator-btn-danger:hover,button.btn .storelocator-viewlink:hover,a.btn .storelocator-viewlink:hover,button.storelocator-btn .storelocator-viewlink:hover,a.storelocator-btn .storelocator-viewlink:hover,button.btn.btn-secondary:focus,a.btn.btn-secondary:focus,button.storelocator-btn.btn-secondary:focus,a.storelocator-btn.btn-secondary:focus,button.btn.btn-secondary:visited:focus,a.btn.btn-secondary:visited:focus,button.storelocator-btn.btn-secondary:visited:focus,a.storelocator-btn.btn-secondary:visited:focus,button.btn .storelocator-btn-danger:focus,a.btn .storelocator-btn-danger:focus,button.storelocator-btn .storelocator-btn-danger:focus,a.storelocator-btn .storelocator-btn-danger:focus,button.btn .storelocator-viewlink:focus,a.btn .storelocator-viewlink:focus,button.storelocator-btn .storelocator-viewlink:focus,a.storelocator-btn .storelocator-viewlink:focus{background-color:#4f8309;color:#fff;transition:all 200ms ease-out} @media screen and (min-width:768px){button.btn.btn-secondary,a.btn.btn-secondary,button.storelocator-btn.btn-secondary,a.storelocator-btn.btn-secondary,button.btn.btn-secondary:visited,a.btn.btn-secondary:visited,button.storelocator-btn.btn-secondary:visited,a.storelocator-btn.btn-secondary:visited,button.btn .storelocator-btn-danger,a.btn .storelocator-btn-danger,button.storelocator-btn .storelocator-btn-danger,a.storelocator-btn .storelocator-btn-danger,button.btn .storelocator-viewlink,a.btn .storelocator-viewlink,button.storelocator-btn .storelocator-viewlink,a.storelocator-btn .storelocator-viewlink{padding:1.2rem 2rem} } button.btn.btn-tertiary,a.btn.btn-tertiary,button.storelocator-btn.btn-tertiary,a.storelocator-btn.btn-tertiary,button.btn.btn-tertiary:visited,a.btn.btn-tertiary:visited,button.storelocator-btn.btn-tertiary:visited,a.storelocator-btn.btn-tertiary:visited{background-color:transparent;color:#fff;border:solid 3px #fff;padding:.7rem 2rem} button.btn.btn-tertiary:before,a.btn.btn-tertiary:before,button.storelocator-btn.btn-tertiary:before,a.storelocator-btn.btn-tertiary:before,button.btn.btn-tertiary:visited:before,a.btn.btn-tertiary:visited:before,button.storelocator-btn.btn-tertiary:visited:before,a.storelocator-btn.btn-tertiary:visited:before{background:#fff;opacity:1} button.btn.btn-tertiary:hover,a.btn.btn-tertiary:hover,button.storelocator-btn.btn-tertiary:hover,a.storelocator-btn.btn-tertiary:hover,button.btn.btn-tertiary:visited:hover,a.btn.btn-tertiary:visited:hover,button.storelocator-btn.btn-tertiary:visited:hover,a.storelocator-btn.btn-tertiary:visited:hover,button.btn.btn-tertiary:focus,a.btn.btn-tertiary:focus,button.storelocator-btn.btn-tertiary:focus,a.storelocator-btn.btn-tertiary:focus,button.btn.btn-tertiary:visited:focus,a.btn.btn-tertiary:visited:focus,button.storelocator-btn.btn-tertiary:visited:focus,a.storelocator-btn.btn-tertiary:visited:focus{background-color:#fff;color:#222;transition:all 200ms ease-out} @media screen and (min-width:768px){button.btn.btn-tertiary,a.btn.btn-tertiary,button.storelocator-btn.btn-tertiary,a.storelocator-btn.btn-tertiary,button.btn.btn-tertiary:visited,a.btn.btn-tertiary:visited,button.storelocator-btn.btn-tertiary:visited,a.storelocator-btn.btn-tertiary:visited{padding:1.2rem 2rem} } button.btn[disabled],a.btn[disabled],button.storelocator-btn[disabled],a.storelocator-btn[disabled]{background:#464747 !important;opacity:1;text-shadow:0 0 1rem #fff !important;color:transparent !important} button.btn[disabled]:before,a.btn[disabled]:before,button.storelocator-btn[disabled]:before,a.storelocator-btn[disabled]:before{background:#464747 !important;-webkit-transform:rotate(45deg) scale(1,1);-moz-transform:rotate(45deg) scale(1,1);-ms-transform:rotate(45deg) scale(1,1);-o-transform:rotate(45deg) scale(1,1);transform:rotate(45deg) scale(1,1);top:2rem} button span,a span{position:relative} .carousel-side-text.component{margin:30px 0;position:relative} @media screen and (min-width:992px){.carousel-side-text.component{display:flex} } .carousel-side-text.component .owl-carousel{display:none} .carousel-side-text.component .owl-carousel.owl-loaded{display:block} @media screen and (min-width:992px){.carousel-side-text.component .image-carousel-wrapper{width:calc(100% - 250px)} } .carousel-side-text.component .image-carousel-wrapper .image-carousel img{width:100%} .carousel-side-text.component .image-carousel-wrapper .image-carousel small{display:none} .carousel-side-text.component .caption-nav{display:flex;flex-wrap:wrap;margin-top:20px;width:100%} @media screen and (min-width:992px){.carousel-side-text.component .caption-nav{width:210px;padding-left:40px;flex-direction:column-reverse;align-content:flex-end} } .carousel-side-text.component .caption-nav .caption-carousel{font-size:1.2rem;line-height:1.2;font-style:italic} @media screen and (min-width:992px){.carousel-side-text.component .caption-nav .caption-carousel{font-size:1.6rem} } .carousel-side-text.component .caption-nav .cst-nav{width:100%;text-align:center;color:#464747;font-size:2.4rem} @media screen and (min-width:992px){.carousel-side-text.component .caption-nav .cst-nav{margin-bottom:1.5rem;margin-left:-4px;text-align:left} } .carousel-side-text.component .caption-nav .cst-nav div{display:inline-block} .carousel-side-text.component .caption-nav .cst-nav .owl-prev,.carousel-side-text.component .caption-nav .cst-nav .owl-next{width:40px;height:40px;cursor:pointer} @media screen and (min-width:768px){.carousel-side-text.component .caption-nav .cst-nav .owl-prev,.carousel-side-text.component .caption-nav .cst-nav .owl-next{padding-top:6px} } @media screen and (min-width:992px){.carousel-side-text.component .caption-nav .cst-nav .owl-prev,.carousel-side-text.component .caption-nav .cst-nav .owl-next{width:auto;height:auto} } .carousel-side-text.component .caption-nav .cst-nav .owl-prev:hover,.carousel-side-text.component .caption-nav .cst-nav .owl-next:hover,.carousel-side-text.component .caption-nav .cst-nav .owl-prev:focus,.carousel-side-text.component .caption-nav .cst-nav .owl-next:focus,.carousel-side-text.component .caption-nav .cst-nav .owl-prev:active,.carousel-side-text.component .caption-nav .cst-nav .owl-next:active{color:#4f8309} .carousel-side-text.component .caption-nav .cst-nav .owl-prev.disabled,.carousel-side-text.component .caption-nav .cst-nav .owl-next.disabled{color:#464747} @media screen and (min-width:992px){.carousel-side-text.component .caption-nav .cst-nav .owl-prev{margin-right:10px} } @media screen and (min-width:992px){.carousel-side-text.component .caption-nav .cst-nav .owl-next{margin-left:10px} } .carousel-side-text.component .caption-nav .cst-nav .slider-counts{vertical-align:top} .carousel-side-text.component .caption-nav .cst-nav .slider-counts p{font-size:3rem;font-weight:300;margin-bottom:0} .carousel-side-text.component .caption-nav .cst-nav .slider-counts p .current-slide,.carousel-side-text.component .caption-nav .cst-nav .slider-counts p .total-slides{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:2.2rem;vertical-align:3px} .carousel-side-text.component .caption-nav .cst-nav .slider-counts p .current-slide{color:#4f8309} .component.carousel.large-text{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase} .component.carousel{margin:auto;color:#fff;background-color:#09244f;line-height:normal} @media screen and (min-width:768px){.component.carousel{line-height:inherit;font-size:inherit} } .component.carousel .owl-carousel .owl-item{-webkit-animation-duration:.3s;animation-duration:.3s} .component.carousel .overlay:after{right:0;top:0;bottom:0;left:0;background-color:#09244f;position:absolute;content:' ';opacity:.92} @media screen and (min-width:1200px){.component.carousel .overlay:after{right:9.35%;top:45rem;bottom:0;left:auto;width:500rem;height:500rem;-webkit-transform:rotate(50deg);-moz-transform:rotate(50deg);-ms-transform:rotate(50deg);-o-transform:rotate(50deg);transform:rotate(50deg);-ms-transform-origin:right top;-webkit-transform-origin:right top;transform-origin:right top} } .component.carousel .image-cta-box{height:47.5rem;position:relative;overflow:hidden} @media screen and (min-width:768px){.component.carousel .image-cta-box{height:45rem} } .component.carousel .content{padding:0 4rem;width:100%;height:100%} @media screen and (min-width:768px){.component.carousel .content{padding:0} } .component.carousel img{position:absolute;min-height:47.5rem;width:auto !important;max-width:initial;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)} @media screen and (min-width:992px){.component.carousel img{width:100% !important;height:auto} } .component.carousel .statistic,.component.carousel .title,.component.carousel a,.component.carousel .current{color:#d0df00} .component.carousel .statistic,.component.carousel .body{z-index:2;position:relative} @media screen and (min-width:768px){.component.carousel .statistic,.component.carousel .body{float:left;height:100%} } .component.carousel .statistic{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:15rem;height:22rem;padding:3.2rem 0 0 0;position:relative} .component.carousel .statistic span{position:relative;top:-5rem;font-size:8rem} @media screen and (min-width:768px){.component.carousel .statistic{text-align:right;width:36.5%;font-size:18rem;height:100%;padding:1rem 0 0 0} .component.carousel .statistic span{top:-5rem;font-size:12rem} } @media screen and (min-width:992px){.component.carousel .statistic{width:29.5%;font-size:22rem;padding:2rem 0 0 0} .component.carousel .statistic span{top:-5.4rem;font-size:16rem} } @media screen and (min-width:768px){.component.carousel .statistic.count-4{font-size:15.5rem;padding-top:1rem} } @media screen and (min-width:992px){.component.carousel .statistic.count-4{font-size:18.5rem;padding-top:3rem} } .component.carousel .statistic.count-4.symbol-wrap span{top:-3rem;font-size:8rem} @media screen and (min-width:768px){.component.carousel .statistic.count-4.symbol-wrap{font-size:16.5rem;padding-top:4rem} .component.carousel .statistic.count-4.symbol-wrap span{top:-5.4rem;font-size:9.6rem} } .component.carousel .statistic.count-5{font-size:12rem;padding-top:3rem} @media screen and (min-width:768px){.component.carousel .statistic.count-5{font-size:12.5rem;padding-top:2rem} } @media screen and (min-width:992px){.component.carousel .statistic.count-5{font-size:14.5rem;padding-top:6rem} } .component.carousel .statistic.count-5.symbol-wrap span{top:-3rem} @media screen and (min-width:768px){.component.carousel .statistic.count-5.symbol-wrap{font-size:13.5rem;padding-top:2rem} .component.carousel .statistic.count-5.symbol-wrap span{top:-4rem;font-size:8rem} } @media screen and (min-width:992px){.component.carousel .statistic.count-5.symbol-wrap{font-size:16.5rem;padding-top:4rem} .component.carousel .statistic.count-5.symbol-wrap span{top:-5.4rem;font-size:9.6rem} } .component.carousel .statistic.count-6{padding:5rem 0 0 0;font-size:10rem} @media screen and (min-width:768px){.component.carousel .statistic.count-6{font-size:10.5rem;padding-top:3rem} } @media screen and (min-width:992px){.component.carousel .statistic.count-6{font-size:12.5rem;padding-top:8rem} } .component.carousel .statistic.count-6.symbol-wrap{font-size:16rem;padding-top:1rem} .component.carousel .statistic.count-6.symbol-wrap span{top:-6rem} @media screen and (min-width:768px){.component.carousel .statistic.count-6.symbol-wrap{font-size:15.5rem;padding-top:2rem} .component.carousel .statistic.count-6.symbol-wrap span{top:-5.4rem;font-size:8.6rem} } @media screen and (min-width:992px){.component.carousel .statistic.count-6.symbol-wrap{font-size:16.5rem;padding-top:4rem} .component.carousel .statistic.count-6.symbol-wrap span{font-size:9.6rem} } @media screen and (min-width:768px){.component.carousel .body{width:63.5%;position:relative;padding-top:7.4rem} } @media screen and (min-width:992px){.component.carousel .body{padding-top:10.2rem} } @media screen and (min-width:1200px){.component.carousel .body{padding-top:17.2rem;width:43%} } .component.carousel .body .title,.component.carousel .body a{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:2rem;font-weight:600} @media screen and (min-width:768px){.component.carousel .body .title,.component.carousel .body a{padding-left:3.2rem} } .component.carousel .body .title{line-height:normal;margin:0 0 1rem;font-weight:700;font-family:'Barlow Condensed',sans-serif;letter-spacing:2px} @media screen and (min-width:768px){.component.carousel .body .title{font-size:2.8rem;margin-bottom:1.2rem;letter-spacing:.2rem} } .component.carousel .body a{font-family:'Barlow',sans-serif} .component.carousel .body p{font-style:italic;font-size:2rem;margin:0 0 1.8rem;font-weight:300} @media screen and (min-width:768px){.component.carousel .body p{font-size:4.4rem;line-height:4.8rem;padding-left:3rem;margin:0 0 2.2rem} } .component.carousel .image[data-use-statistic='false'] .image-cta-box{height:47.5rem} @media screen and (min-width:768px){.component.carousel .image[data-use-statistic='false'] .image-cta-box{height:45rem} } .component.carousel .image[data-use-statistic='false'] .content{padding:6rem 2rem 0} @media screen and (min-width:1200px){.component.carousel .image[data-use-statistic='false'] .content{max-width:1252px;padding:6rem 2.6rem 0;margin:0 auto} } @media screen and (min-width:768px){.component.carousel .image[data-use-statistic='false'] .body{padding-top:4rem;width:90%} } @media screen and (min-width:992px){.component.carousel .image[data-use-statistic='false'] .body{padding-left:4rem;width:60%;padding-top:4rem} } @media screen and (min-width:1200px){.component.carousel .image[data-use-statistic='false'] .body{padding-left:0} } @media screen and (min-width:1200px){.component.carousel .image[data-use-statistic='false'] .title{padding-left:0} } .component.carousel .image[data-use-statistic='false'] .heading{font-size:3.8rem} @media screen and (min-width:1200px){.component.carousel .image[data-use-statistic='false'] .heading{padding-left:0} } .component.carousel .image[data-use-statistic='false'] .copy{padding-bottom:1rem} .component.carousel .image[data-use-statistic='false'] .copy>p{font-size:2rem;line-height:2.2rem} @media screen and (min-width:1200px){.component.carousel .image[data-use-statistic='false'] .copy>p{padding-left:0} } @media screen and (min-width:768px){.component.carousel .image[data-use-statistic='false'] .copy{font-size:2rem;line-height:2.2rem} } @media screen and (min-width:992px){.component.carousel .image[data-use-statistic='false'] .copy{padding-top:1rem;padding-bottom:1rem} } @media screen and (min-width:1200px){.component.carousel .image[data-use-statistic='false'] .copy{padding-left:0} } @media screen and (min-width:1200px){.component.carousel .image[data-use-statistic='false'] a{padding-left:0} } .component.carousel .owl-custom-nav{position:absolute;bottom:3.6rem;z-index:1;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:2rem;font-weight:600} @media screen and (min-width:992px){.component.carousel .owl-custom-nav{left:68.4%;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)} } @media screen and (min-width:1200px){.component.carousel .owl-custom-nav{left:73.4%} } .component.carousel .owl-custom-nav div,.component.carousel .owl-custom-nav span{display:inline-block;text-align:center;width:3rem} .component.carousel .owl-custom-nav .current{padding-right:.4rem} .component.carousel .owl-custom-nav .total{padding-left:.4rem;color:#80a2be} .component.carousel .owl-custom-nav .owl-prev,.component.carousel .owl-custom-nav .owl-next{font-size:1.6rem;font-weight:bold;color:#fff;cursor:pointer;width:2.5rem} .component.carousel .owl-custom-nav .current:after{border-right:1px solid #fff;content:' ';-webkit-transform:skew(-20deg,0);-moz-transform:skew(-20deg,0);-ms-transform:skew(-20deg,0);-o-transform:skew(-20deg,0);transform:skew(-20deg,0);position:absolute;height:2.1rem;top:.4rem;left:5.9rem} .brand-grid.component{background:#fbf9f9;font-family:'Barlow',sans-serif;font-size:1.8rem;line-height:1.25em;color:#464747} .brand-grid.component .filter-wrap{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;display:none;position:fixed;opacity:0;width:100%;background:rgba(0,0,0,0.4);height:100%} .brand-grid.component .filter-wrap.open{position:fixed;left:0;right:0;top:0;z-index:10050;display:block;opacity:1;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} .modal-open .brand-grid.component .filter-wrap{overflow-x:hidden;overflow-y:auto} @media screen and (min-width:768px){.brand-grid.component .filter-wrap{display:block;position:relative;opacity:1;width:auto;height:auto;background:#fff;padding:2.5rem 0 1.5rem;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd} } @media screen and (min-width:992px){.brand-grid.component .filter-wrap{padding:5.5rem 0} } .brand-grid.component .brand-filter{background:#fff;padding:2.5rem 2rem 4rem} @media screen and (min-width:768px){.brand-grid.component .brand-filter{padding:0;background:0} } .brand-grid.component .brand-filter div.filter-menu-title{display:block;font-weight:700;color:#464747;text-transform:uppercase;font-size:1.8rem;font-family:'Barlow',sans-serif;margin:0 0 1rem} @media screen and (min-width:768px){.brand-grid.component .brand-filter div.filter-menu-title{display:none} } .brand-grid.component .brand-filter .icon-close{display:block;position:absolute;color:#09244f;-webkit-transition:color .3s linear;-moz-transition:color .3s linear;-ms-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear;right:2rem;top:2rem} .brand-grid.component .brand-filter .icon-close:hover,.brand-grid.component .brand-filter .icon-close:focus{color:#006e96;text-decoration:none} @media screen and (min-width:768px){.brand-grid.component .brand-filter .icon-close{display:none} } .brand-grid.component .brand-filter ul{margin:0} @media screen and (min-width:768px){.brand-grid.component .brand-filter ul{justify-content:center;display:flex !important;flex-wrap:wrap;max-width:1252px;margin:0 auto;padding:0 2rem} } .brand-grid.component .brand-filter ul li{padding:0;margin:0 -2rem;position:relative;-webkit-transition:background-color .15s linear;-moz-transition:background-color .15s linear;-ms-transition:background-color .15s linear;-o-transition:background-color .15s linear;transition:background-color .15s linear} @media screen and (min-width:768px){.brand-grid.component .brand-filter ul li{font-size:1.8rem;padding:0 3rem 1rem;list-style:none;display:block;margin:0} } @media screen and (min-width:992px){.brand-grid.component .brand-filter ul li{border-right:solid 1px #dadada;font-size:1.6rem;padding:0 2rem} .brand-grid.component .brand-filter ul li:last-child{border:0} } .brand-grid.component .brand-filter ul li:before{border-bottom:solid 1px #e6e6e7;position:absolute;bottom:0;left:2rem;right:2rem;content:''} @media screen and (min-width:768px){.brand-grid.component .brand-filter ul li:before{display:none} } .brand-grid.component .brand-filter ul li a{display:block;padding:1.8rem 2rem 1.8rem 5rem;margin:0 2rem;color:#464747;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;position:relative;text-decoration:none !important} @media screen and (min-width:768px){.brand-grid.component .brand-filter ul li a{margin:0;padding:0;display:inline-block;border:0;white-space:nowrap} } .brand-grid.component .brand-filter ul li a:after{font-family:icomoon;content:"\e904";color:#d0df00;font-size:2.5rem;position:absolute;bottom:1rem;right:0;opacity:0;-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} @media screen and (min-width:768px){.brand-grid.component .brand-filter ul li a:after{display:none} } .brand-grid.component .brand-filter ul li a .icon{display:inline-block;color:#4f8309;font-size:2.4rem;width:5rem;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;position:absolute;left:0;top:1.8rem} @media screen and (min-width:768px){.brand-grid.component .brand-filter ul li a .icon{margin-right:1rem;font-size:2rem;width:auto;position:relative;top:auto;left:auto} .brand-grid.component .brand-filter ul li a .icon.icon-plus{width:0;margin:0;color:transparent} } @media screen and (min-width:1200px){.brand-grid.component .brand-filter ul li a .icon{font-size:2.4rem} } .brand-grid.component .brand-filter ul li a span:last-child{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} .brand-grid.component .brand-filter ul li a:hover,.brand-grid.component .brand-filter ul li a:focus{color:#fff} .brand-grid.component .brand-filter ul li a:hover:after,.brand-grid.component .brand-filter ul li a:focus:after{opacity:1;bottom:1.5rem;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)} .brand-grid.component .brand-filter ul li a:hover span,.brand-grid.component .brand-filter ul li a:focus span{color:#fff} @media screen and (min-width:768px){.brand-grid.component .brand-filter ul li a:hover,.brand-grid.component .brand-filter ul li a:focus{color:#09244f;text-decoration:none} .brand-grid.component .brand-filter ul li a:hover span,.brand-grid.component .brand-filter ul li a:focus span{color:#09244f} .brand-grid.component .brand-filter ul li a:hover span:last-child,.brand-grid.component .brand-filter ul li a:focus span:last-child{border-bottom:solid 1px #464747} } .brand-grid.component .brand-filter ul li.active{background:#09244f;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.5);box-shadow:0 0 10px 0 rgba(0,0,0,0.5)} .brand-grid.component .brand-filter ul li.active:before{display:none} .brand-grid.component .brand-filter ul li.active a{color:#fff} .brand-grid.component .brand-filter ul li.active a:after{opacity:1;bottom:1.5rem;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)} .brand-grid.component .brand-filter ul li.active a span{color:#fff} @media screen and (min-width:768px){.brand-grid.component .brand-filter ul li.active{box-shadow:none;-webkit-box-shadow:none;background:0} .brand-grid.component .brand-filter ul li.active a{color:#09244f;text-decoration:none} .brand-grid.component .brand-filter ul li.active a span{color:#09244f} .brand-grid.component .brand-filter ul li.active a span:last-child{border-bottom:solid 1px #464747} } .brand-grid.component .mobile-wrap{background:#fff;padding:0 2rem 4rem;margin:0 -2rem} @media screen and (min-width:768px){.brand-grid.component .mobile-wrap{display:none} } .brand-grid.component .mobile-wrap .btn.btn-sortby{font-size:1.8rem;font-weight:700;color:#464747;background:#ddd;display:block;text-align:center;padding:15px 0;margin:0} .brand-grid.component .mobile-wrap .btn.btn-sortby:hover,.brand-grid.component .mobile-wrap .btn.btn-sortby:focus{color:#464747;text-decoration:none} .brand-grid.component .side-back{display:none;position:absolute;height:100%;width:100%;background-position:right top;background-repeat:no-repeat;overflow:hidden} .brand-grid.component .side-back .inner{height:200%;max-width:1252px;margin:0 auto;padding:0 2rem;position:relative} .brand-grid.component .side-back .inner:after{height:100%;width:150%;content:'';position:relative;display:block;background:#fbf9f9;left:-96%;top:0;-webkit-transform:rotate(-34deg);-moz-transform:rotate(-34deg);-ms-transform:rotate(-34deg);-o-transform:rotate(-34deg);transform:rotate(-34deg);-ms-transform-origin:50% 0;-webkit-transform-origin:50% 0;transform-origin:50% 0} @media screen and (min-width:768px){.brand-grid.component .side-back{display:block} } .brand-grid.component .brands{padding:4rem 0 0 0} @media screen and (min-width:768px){.brand-grid.component .brands{padding:6rem 0 0 0} } .brand-grid.component .brands ul{display:block;padding:0} @media screen and (min-width:768px){.brand-grid.component .brands ul{display:flex;flex-flow:row wrap;justify-content:space-between} } @media screen and (min-width:768px){.brand-grid.component .brands ul:after{content:"";flex:auto;justify-content:space-between;width:calc(30.4%);flex-grow:0} } .brand-grid.component .brands ul li{padding:4rem 1.5rem 3.5rem;margin-bottom:4rem;flex-shrink:0;border:solid 1px #ddd;list-style:none;background:#fff;position:relative;min-height:32.5rem} @media screen and (min-width:768px){.brand-grid.component .brands ul li{min-height:34rem;padding:2rem 2rem 3.5rem;width:calc(33% - 1.5rem);margin-bottom:3rem} } @media screen and (min-width:992px){.brand-grid.component .brands ul li{padding:5rem 3rem 3.5rem;width:calc(33% - 2.6rem);margin-bottom:5.2rem} } .brand-grid.component .brands ul a{color:#4f8309;font-size:1.4rem;text-transform:uppercase;font-family:'Barlow',sans-serif;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-ms-transition:color .15s linear;-o-transition:color .15s linear;transition:color .15s linear;font-weight:700;display:block;margin-top:1.5rem} @media screen and (min-width:768px){.brand-grid.component .brands ul a{margin-top:1.7rem} } .brand-grid.component .brands ul a span{font-weight:400;display:inline-block;margin-right:.5rem;position:relative;top:1px} .brand-grid.component .brands ul a:hover,.brand-grid.component .brands ul a:focus{color:#09244f;text-decoration:underline} .brand-grid.component .brands ul .categories{position:absolute;background:#09244f;bottom:0;left:0;height:3.5rem;padding:.6rem 0 1rem 1rem;color:#fff;font-size:2rem} @media screen and (min-width:768px){.brand-grid.component .brands ul .categories{padding:.4rem 0 1rem 1rem} } .brand-grid.component .brands ul .categories:after{position:absolute;left:100%;bottom:0;width:0;height:0;content:'';border-bottom:3.5rem solid #09244f;border-right:2.8rem solid transparent} .brand-grid.component .brands ul .categories>span{margin-right:1rem} .brand-grid.component .brands ul .categories>span:last-child{margin:0} .brand-grid.component .brand-logo{position:relative;padding-left:4.6rem;padding-top:3.2rem;margin-bottom:3.2rem} @media screen and (min-width:768px){.brand-grid.component .brand-logo{padding-left:3.3rem;margin-bottom:2rem} } @media screen and (min-width:992px){.brand-grid.component .brand-logo{margin-bottom:2.9rem} } .brand-grid.component .brand-logo h3{font-size:2.3rem;font-family:'Barlow',sans-serif;text-transform:uppercase;font-weight:500;color:#464747;margin:0} @media screen and (min-width:768px){.brand-grid.component .brand-logo h3{font-size:2rem} } @media screen and (min-width:992px){.brand-grid.component .brand-logo h3{font-size:2.3rem} } .brand-grid.component .brand-logo img,.brand-grid.component .brand-logo svg{max-width:14.5rem;max-height:4rem;position:absolute;left:1.3rem;top:0} @media screen and (min-width:768px){.brand-grid.component .brand-logo img,.brand-grid.component .brand-logo svg{left:0} } @media screen and (max-width:767px){body.sortby-open header{z-index:auto} } .brand-modal-content{display:none} .brand.modal{font-family:'Barlow',sans-serif;font-size:1.8rem;line-height:1.25em;color:#464747} .brand.modal figure{top:0;padding:2rem 4rem} @media screen and (min-width:768px){.brand.modal figure{-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;min-height:0;padding:4rem;width:100%;max-width:60rem} } @media screen and (min-width:992px){.brand.modal figure{max-width:98rem;left:0;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)} } .brand.modal article>div{padding-top:9.5rem;position:relative} @media screen and (min-width:768px){.brand.modal article>div{padding-top:0;display:flex;justify-content:space-between} } .brand.modal article .image{max-width:100%;width:25rem;margin:0 auto 2.5rem} .brand.modal article .image img{width:100%} @media screen and (min-width:768px){.brand.modal article .image{flex-shrink:0;margin:0;padding-right:2rem} } @media screen and (min-width:992px){.brand.modal article .image{width:42rem;padding-right:5.5rem} } .brand.modal article .content{width:100%} @media screen and (min-width:768px){.brand.modal article .content{position:relative;margin-bottom:-3rem} } .brand.modal article .content ol li{padding-left:3rem} .brand.modal article .content ol li:before{color:#dadada} .brand.modal article .content .brand-logo{padding-top:3rem;padding-left:3rem;margin:0 0 0 1rem;position:absolute;top:1.3rem;width:100%;max-width:16.5rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)} @media screen and (min-width:768px){.brand.modal article .content .brand-logo{max-width:none;position:relative;top:auto;margin:0 0 2rem;padding-top:3.1rem;padding-left:3.5rem;left:auto;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)} } @media screen and (min-width:992px){.brand.modal article .content .brand-logo{margin-bottom:4.3rem;padding-top:3.9rem;padding-left:4rem} } .brand.modal article .content .brand-logo img,.brand.modal article .content .brand-logo svg{max-width:14.5rem;max-height:3.7rem;left:0;position:absolute;top:0} @media screen and (min-width:768px){.brand.modal article .content .brand-logo img,.brand.modal article .content .brand-logo svg{max-width:15rem;max-height:4rem} } @media screen and (min-width:992px){.brand.modal article .content .brand-logo img,.brand.modal article .content .brand-logo svg{max-width:18.5rem;max-height:4.5rem} } .brand.modal article .content .brand-logo h3{margin:0;font-size:2.3rem;font-family:'Barlow',sans-serif;text-transform:uppercase;font-weight:500;color:#464747} @media screen and (min-width:768px){.brand.modal article .content .brand-logo h3{font-size:2.3rem} } @media screen and (min-width:992px){.brand.modal article .content .brand-logo h3{font-size:2.8rem} } .boxed{padding:3rem 2rem;background-color:#fff;border:1px solid #ccc;border-top:3px solid #75b206;position:relative;margin:0 0 4rem} @media screen and (min-width:768px){.boxed{padding:3rem 4.3rem} } .box-title{text-align:left;margin:0 0 3.5rem;line-height:1em} @media screen and (min-width:768px){.box-title{font-size:3.5rem} } .blockquote.component{padding:.4rem 0 0 2rem;margin:2rem 0;font-size:2rem;font-style:italic;max-width:85rem;border-left:.5rem solid #006e96;line-height:1.5em} @media screen and (min-width:768px){.blockquote.component{margin:6rem 0;line-height:1.15em;padding-left:4rem;font-size:3rem;border-left:1rem solid #006e96} } @media screen and (min-width:992px){.blockquote.component{padding-left:5.1rem;font-size:4rem} } .blockquote.component>span{display:block;color:#4f8309;text-transform:uppercase;margin-top:2rem;font-style:normal;font-weight:700;font-size:2rem} @media screen and (min-width:768px){.blockquote.component>span{margin-top:3rem} } .blockquote.component p{margin:0} .light-text .blockquote.component{color:#fff;border-left-color:#fff} .light-text .blockquote.component>span{color:#d0df00} .bio.component>div{position:relative;margin-top:2rem} @media screen and (min-width:768px){.bio.component>div{display:flex;margin-top:3rem} } .bio.component .media-component.component{margin:0} .bio.component .bio-title{color:#09244f;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;font-weight:300;line-height:1em;font-size:4rem;margin-bottom:1rem;word-break:break-all} @media screen and (min-width:768px){.bio.component .bio-title{display:inline-block;padding-right:1rem;font-size:5rem} } .bio.component .bio-position{font-family:'Barlow',sans-serif;color:#006e96;font-weight:700;font-size:1.8rem;margin:0 0 3.2rem;text-transform:uppercase} @media screen and (min-width:768px){.bio.component .bio-position{white-space:nowrap;line-height:1em;display:inline-block;margin-bottom:1rem} } .bio.component .image{margin-bottom:2rem} @media screen and (min-width:768px){.bio.component .image{margin:0;flex:0 0 20rem;padding-top:1rem} } @media screen and (min-width:992px){.bio.component .image{flex:0 0 26rem} } .bio.component .image img{width:100%;max-width:32rem} @media screen and (min-width:768px){.bio.component .image img{max-width:none} } .bio.component .image h3{display:none} .bio.component .image p{font-style:italic;font-size:1.4rem;margin-top:1rem;line-height:1.25em} @media screen and (min-width:768px){.bio.component .image p{margin-top:1.5rem} } .bio.component .content{font-family:'Barlow',sans-serif;font-size:20px;color:#58595b} @media screen and (min-width:768px){.bio.component .content{padding-left:5.2rem} } .author-blog.component{position:relative;margin:3rem -2rem 0} @media screen and (min-width:768px) and (max-width:991px){.author-blog.component{font-size:1.4rem} } @media screen and (min-width:768px){.author-blog.component{padding-left:4rem;max-width:85rem;margin:0} } .author-blog.component .image{position:absolute;width:8rem;height:8rem;background:#fff;text-align:center;left:50%;top:-5.5rem;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:.6rem solid #fff;z-index:10;overflow:hidden} .author-blog.component .image div{height:100%} @media screen and (min-width:768px){.author-blog.component .image{left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} } .author-blog.component .image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;font-family:'object-fit: cover; object-position: center center';width:100%;height:100%} .author-blog.component .description{background:#f9f8f8;padding:7.5rem 2rem 5.7rem;font-style:italic;position:relative;overflow:hidden} .author-blog.component .description *{font-size:1.8rem} @media screen and (min-width:768px){.author-blog.component .description{padding:2rem 2rem 2rem 7rem} } .author-blog.component .description strong{font-weight:500} @media screen and (min-width:992px){.author-blog.component .description:after{display:block;content:'';left:100%;bottom:0;position:absolute;background:#fff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;transform-origin:left bottom;width:20rem;height:200%} } .author-blog.component .description>div{max-width:60rem} .article-listing .news-row{overflow:hidden;margin-bottom:4rem} .article-listing .news-row .news h2{color:#fff;margin:0 0 35px 0;font-family:'Barlow Condensed',sans-serif;font-size:40px;line-height:42px} .article-listing .news-row .news .view-allnews{color:#d0df00} .article-listing .news-row .news .view-allnews:hover{color:#fff} .article-listing .news-row .news .internal-news-wrapper{margin-bottom:1.5rem} @media screen and (min-width:768px){.article-listing .news-row .news .internal-news-wrapper{margin-bottom:3.5rem} } .article-listing .news-row .news .internal-news-wrapper .borderline{margin:0 0 12px -2px;width:120px;display:block;border-top:3px solid #008abc} .article-listing .news-row .news .internal-news-wrapper .news-list{color:#fff;margin-bottom:30px} .article-listing .news-row .news .internal-news-wrapper .news-list .news-date{margin:0;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:bold;line-height:24px;flex-shrink:0;width:85px} .article-listing .news-row .news .internal-news-wrapper .news-list .news-content{padding:0;margin:0;color:#fff;font-family:'Barlow',sans-serif;font-size:13px} .article-listing .news-row .news .internal-news-wrapper .news-list .news-content p{color:#fff;text-transform:uppercase;font-weight:bold;margin:0 0 3px;font-size:1.8rem} .article-listing .news-row .news .internal-news-wrapper .news-list .news-content a{display:block;text-decoration:none;color:#fff;font-family:'Barlow',sans-serif;font-size:20px;font-weight:400;line-height:28px} .article-listing .news-row .news .internal-news-wrapper .news-list .news-content a:hover{text-decoration:underline} .article-listing .news-row .news .view-allnews{text-decoration:none;float:right;font-size:14px;margin-top:40px;font-weight:bold;color:#fff;font-family:'Barlow',sans-serif;line-height:24px;text-transform:uppercase} .article-listing .news-row .news .view-allnews:hover{color:#68a404} @media screen and (max-width:767px){.article-listing .news-row .news .view-allnews{float:none} } @media screen and (min-width:768px){.article-listing .news-row{margin-bottom:0} .article-listing .news-row .news .view-allnews{position:absolute;bottom:3px} } @media screen and (min-width:992px){.article-listing .news-row .news .view-allnews{position:absolute;bottom:3px} .article-listing .news-row .news .internal-news-wrapper .news-list{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap} } @media screen and (max-width:767px){.article-listing .news-row .news .internal-news-wrapper .news-list{padding-top:0;margin-bottom:15px} .article-listing .news-row .news .internal-news-wrapper .news-list .news-content p{margin:0;padding-bottom:0} .article-listing .news-row .news .internal-news-wrapper .news-list .news-content a{font-size:16px} .article-listing .news-row .news h2{font-size:33px;margin-bottom:10px} } .article-listing .white h2{color:#fff !important} .article-listing .white .news-date{color:#fff !important} .article-listing .white p{color:#fff !important} .article-listing .white a{color:#fff !important} .article-listing .dark-blue h2{color:#19285a !important} .article-listing .dark-blue .news-date{color:#19285a !important} .article-listing .dark-blue p{color:#19285a !important} .article-listing .dark-blue a{color:#19285a !important} .article-listing .green h2{color:#4f8309 !important} .article-listing .green .news-date{color:#4f8309 !important} .article-listing .green p{color:#4f8309 !important} .article-listing .green a{color:#4f8309 !important} .article-archive-listing{font-family:'Barlow',sans-serif} .article-archive-listing .title{font-weight:bold;padding:0 1.5rem} @media screen and (max-width:767px){.article-archive-listing .title{margin-bottom:0} } .article-archive-listing .news-listing{float:none;margin:0 auto;padding:1rem 0} .article-archive-listing .news-listing .news-listing-data{border-bottom:1px solid #ccc;margin:20px 0;padding:0} .article-archive-listing .news-listing .news-listing-data .news-link-padding{padding-bottom:15px;margin-bottom:10px} .article-archive-listing .news-listing .news-listing-data a{display:block} .article-archive-listing .news-listing .news-listing-data .external-source{margin:2rem 0 1rem 0;color:#0c3471;text-transform:uppercase;font-weight:700;font-size:18px;line-height:24px} .article-archive-listing .news-listing .news-listing-data .news-listing-title{margin-top:0;margin-bottom:10px !important;color:#008abc;font-weight:normal;line-height:3rem;text-transform:none;font-size:26px;font-family:'Barlow',sans-serif} @media screen and (max-width:767px){.article-archive-listing .news-listing .news-listing-data .news-listing-title{font-size:2rem;line-height:2.6rem} } .article-archive-listing .news-listing .news-listing-data .news-listing-description{padding:.5rem 0 2rem 0;color:#58595b;font-size:1.6rem;line-height:2.6rem} .article-archive-listing .news-listing .news-listing-data .news-listing-description p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0} .article-archive-listing .news-listing .news-listing-data:last-child{border:0} .article-archive-listing .news-listing .button-wrapper{text-align:center} .article-archive-listing .news-listing .button-wrapper.disabled{display:none} .article-archive-listing .news-listing .news-listing-data .news-listing-title:hover{text-decoration:underline} .accordion.section dl{margin-bottom:0} .accordion.section dt{margin:0;padding:1.9rem 0 1.9rem 0;font-size:2rem;color:#464747;position:relative;cursor:pointer;border-bottom:1px solid #464747} @media screen and (min-width:768px){.accordion.section dt{padding:2.3rem 0 2.6rem 0;font-size:2.8rem} .ie11 .accordion.section dt{padding:2rem 0 2rem 3rem} } .accordion.section dt h4{position:relative;width:calc(85%);font-size:2rem;line-height:1.25em;padding-left:3.5rem;color:inherit;margin:0;text-transform:none;font-family:'Barlow',sans-serif;font-weight:300} @media screen and (min-width:768px){.accordion.section dt h4{line-height:3.2rem;font-size:3rem} } .accordion.section dt>span[class^="icon-"],.accordion.section dt span[class*="icon-"]{color:#006e96;position:absolute;top:3rem;transform:translateY(-50%);right:.3rem;font-size:2.8rem} .accordion.section dt>span[class^="icon-"].icon-caret-down,.accordion.section dt span[class*="icon-"].icon-caret-down{display:block} .accordion.section dt>span[class^="icon-"].icon-caret-up,.accordion.section dt span[class*="icon-"].icon-caret-up{display:none} @media screen and (min-width:768px){.accordion.section dt>span[class^="icon-"],.accordion.section dt span[class*="icon-"]{font-size:2.8rem;top:4.5rem;right:.1rem} } .accordion.section dt .number{color:#464747;display:inline-block;text-transform:uppercase;font-size:1.8rem;font-weight:700;width:3.5rem;float:left} @media screen and (min-width:768px){.accordion.section dt .number{width:4rem;font-size:2rem;padding-top:.2em} } .ie11 .accordion.section dt{padding:3.3rem 0 3.3rem 3rem} .accordion.section dt.active{color:#006e96} .accordion.section dt.active .number{color:#006e96} .accordion.section dt.active h4{font-weight:500} .accordion.section dt.active>span[class^="icon-"],.accordion.section dt.active span[class*="icon-"]{color:#464747;position:absolute;transform:translateY(-50%)} .accordion.section dt.active>span[class^="icon-"].icon-caret-down,.accordion.section dt.active span[class*="icon-"].icon-caret-down{display:none} .accordion.section dt.active>span[class^="icon-"].icon-caret-up,.accordion.section dt.active span[class*="icon-"].icon-caret-up{display:block} @media screen and (min-width:768px){.accordion.section dt.active>span[class^="icon-"].icon-caret-up,.accordion.section dt.active span[class*="icon-"].icon-caret-up{display:block} } .accordion.section dd{display:none;padding:1rem 0 0 0} .accordion.section dd .accordion-content{font-size:1.6rem;line-height:1.25em} @media screen and (min-width:768px){.accordion.section dd .accordion-content{font-size:2rem} } .accordion.section dd :last-child{margin-bottom:0} @media screen and (min-width:768px){.accordion.section dd{padding:2.2rem .5rem 0 4rem} } .accordion.section .none dt .number{display:none} .accordion.section .none dt h4{padding-left:0} .accordion.section .bullet dt .number{display:none} .accordion.section .bullet dt h4:before{content:'';position:absolute;left:0;top:.8rem;width:.9rem;height:.9rem;background:#464747;display:block;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} @media screen and (min-width:768px){.accordion.section .bullet dt h4:before{top:1.1rem} } .accordion.section .bullet dt.active h4:before{background:#006e96} .accordion.section>ul{margin:0 0 3rem;list-style:none !important} .accordion.section>ul li{padding:0 0 0 3.3rem;margin:0 0 2.3rem;position:relative} @media screen and (min-width:768px){.accordion.section>ul li{padding:0 0 0 5rem;margin:0 0 1.5rem} } .accordion.section>ul li:last-child{margin:0} .accordion.section>ul li:before{content:'';position:absolute;left:0;top:.6rem;width:.9rem;height:.9rem;background:#006e96;display:block;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} @media screen and (min-width:768px){.accordion.section>ul li:before{top:1rem} } .accordion.section>ul li li:before{background:#fff;border:solid 2px #006e96} .accordion.section>ul ul{margin:2rem 0 1.5rem} @media screen and (min-width:768px){.accordion.section>ul ul{margin:1.5rem 0} } .aem-AuthorLayer-Edit .blog-article-blurb,.aem-AuthorLayer-Developer .blog-article-blurb,.aem-AuthorLayer-Design .blog-article-blurb{position:relative;width:60rem;border:2px solid #006e96;display:inline-block;padding:1rem 1rem 2rem;overflow:hidden} .aem-AuthorLayer-Edit .blog-article-blurb:after,.aem-AuthorLayer-Developer .blog-article-blurb:after,.aem-AuthorLayer-Design .blog-article-blurb:after{position:absolute;bottom:0;right:0;content:'Article Summary for Listing Components. (Not visible on Published View)';background-color:#006e96;color:#fff;padding:2px;font-style:italic;font-size:10px;font-size:1rem;line-height:1} .where-to-buy-new.component .intro{text-align:center;padding-bottom:3rem} .where-to-buy-new.component .location{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:center;padding-bottom:5.5rem} @media screen and (min-width:768px){.where-to-buy-new.component .location{justify-content:center;align-items:center;padding-bottom:6.5rem} } @media screen and (min-width:992px){.where-to-buy-new.component .location{justify-content:flex-end} } .where-to-buy-new.component .location h3{display:none;margin:0} @media screen and (min-width:768px){.where-to-buy-new.component .location h3{display:inline-block;margin-right:2.5rem;font-size:3.6rem} } @media screen and (min-width:992px){.where-to-buy-new.component .location h3{font-size:5rem} } .where-to-buy-new.component .location>div{text-align:center;width:100%} @media screen and (min-width:768px){.where-to-buy-new.component .location>div{width:auto;text-align:left;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:space-between;padding:0 1rem;align-items:center} } .where-to-buy-new.component .location>div>span{font-size:1.2rem;text-transform:uppercase;font-weight:700;display:inline-block;padding:1rem 0} @media screen and (min-width:768px){.where-to-buy-new.component .location>div>span{padding:0 1rem} } @media screen and (min-width:1200px){.where-to-buy-new.component .location>div>span{padding:0 2rem} } .where-to-buy-new.component .location>div input{font-size:1.6rem;color:#464747;width:100%} @media screen and (min-width:768px){.where-to-buy-new.component .location>div input{width:38rem;flex-shrink:0;font-size:2rem} } @media screen and (min-width:1200px){.where-to-buy-new.component .location>div input{font-size:2.5rem;width:56.5rem} } .where-to-buy-new.component .location>div input:focus{background:#dedede} .where-to-buy-new.component .no-results,.where-to-buy-new.component .no-geolocation{text-align:center;width:100%} @media screen and (min-width:768px){.where-to-buy-new.component .no-results,.where-to-buy-new.component .no-geolocation{order:2} } .where-to-buy-new.component .loading-container{position:relative} .where-to-buy-new.component .where-wrap{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap} @media screen and (min-width:768px){.where-to-buy-new.component .where-wrap{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;justify-content:space-between} } @media screen and (min-width:992px){.where-to-buy-new.component .where-wrap{-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap} } .where-to-buy-new.component .map-toggle{width:100%} @media screen and (min-width:768px){.where-to-buy-new.component .map-toggle{order:1;width:100%;flex-shrink:0} } @media screen and (min-width:992px){.where-to-buy-new.component .map-toggle{display:none} } .where-to-buy-new.component .map-toggle ul{list-style:none;margin:0 0 2.5rem;padding:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:center} @media screen and (min-width:768px){.where-to-buy-new.component .map-toggle ul{margin:0 0 4rem} } .where-to-buy-new.component .map-toggle ul li{margin:0;padding:0} .where-to-buy-new.component .map-toggle ul li a{color:#006e96;font-size:1.6rem;text-transform:uppercase;padding:.5rem 2rem;border-bottom:2px solid #c9c7c6;display:inline-block;position:relative;text-decoration:none} .where-to-buy-new.component .map-toggle ul li a .icon-caret-down{position:absolute;display:none;top:69%;left:50%;font-size:3rem;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);color:#09244f} .where-to-buy-new.component .map-toggle ul li a:hover,.where-to-buy-new.component .map-toggle ul li a:focus{color:#09244f;border-bottom-color:#09244f} .where-to-buy-new.component .map-toggle ul li a.active{color:#09244f;border-bottom-color:#09244f} .where-to-buy-new.component .map-toggle ul li a.active .icon-caret-down{display:block} .where-to-buy-new.component .btn.btn-filter{font-size:1.8rem;font-weight:700;color:#464747;background:#dadada;display:block;text-align:center;padding:15px 0;margin-bottom:2rem;margin-left:0 !important} .where-to-buy-new.component .btn.btn-filter:hover,.where-to-buy-new.component .btn.btn-filter:focus{color:#464747;text-decoration:none} @media screen and (min-width:768px){.where-to-buy-new.component .btn.btn-filter{display:none} } .where-to-buy-new.component .filter{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;display:none;position:fixed;opacity:0;width:100%;background:rgba(0,0,0,0.4);height:100%} @media screen and (min-width:768px){.where-to-buy-new.component .filter{order:2;flex-shrink:0;display:block;width:30%;padding:0 5.5rem 0 0;height:auto;position:relative;opacity:1;background:0} .where-to-buy-new.component .filter:before{display:none} } @media screen and (min-width:992px){.where-to-buy-new.component .filter{width:21rem;padding:0 5.5rem 0 0} } .where-to-buy-new.component .filter legend{font-weight:700;text-transform:uppercase;font-size:2rem;border:0;margin-bottom:.4rem;display:block;color:#464747} .where-to-buy-new.component .filter .icon-close{display:block;position:absolute;color:#09244f;right:2rem;top:2.5rem;z-index:50} .where-to-buy-new.component .filter .icon-close:hover,.where-to-buy-new.component .filter .icon-close:focus{color:#464747} @media screen and (min-width:768px){.where-to-buy-new.component .filter .icon-close{display:none} } .where-to-buy-new.component .filter form{-webkit-box-shadow:0 0 15px 0 #000;-moz-box-shadow:0 0 15px 0 #000;box-shadow:0 0 15px 0 #000;background:#fff;padding:6.5rem 2rem 4.5rem} @media screen and (min-width:768px){.where-to-buy-new.component .filter form{box-shadow:none;-webkit-box-shadow:none;padding:0;background:0} } .where-to-buy-new.component .filter fieldset>ul{list-style:none;counter-reset:items} .where-to-buy-new.component .filter fieldset>ul>li{margin:0;padding:0;font-size:2rem;counter-increment:items;font-weight:500;position:relative} .where-to-buy-new.component .filter fieldset>ul>li:before{content:"0" counter(items);color:#dadada;font-size:1.8rem;font-weight:700;position:absolute;left:0;top:2.5rem} @media screen and (min-width:768px){.where-to-buy-new.component .filter fieldset>ul>li{font-size:1.6rem;font-weight:300} .where-to-buy-new.component .filter fieldset>ul>li:before{display:none} } .where-to-buy-new.component .filter fieldset>ul>li>span{display:block;padding:2.4rem 2rem 2.4rem 3.5rem;border-top:1px solid #c9c7c6;color:#464747;position:relative;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-ms-transition:color .15s linear;-o-transition:color .15s linear;transition:color .15s linear;cursor:pointer} @media screen and (min-width:768px){.where-to-buy-new.component .filter fieldset>ul>li>span{padding:1.5rem 2rem 1.5rem 0} } .where-to-buy-new.component .filter fieldset>ul>li>span:after{content:"\f0d7";font-family:icomoon;color:#006e96;display:block;position:absolute;right:0;top:2.4rem;font-size:2.6rem;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-ms-transition:color .15s linear;-o-transition:color .15s linear;transition:color .15s linear} @media screen and (min-width:768px){.where-to-buy-new.component .filter fieldset>ul>li>span:after{top:1rem;font-size:2.2rem} } .where-to-buy-new.component .filter fieldset>ul>li>span:hover,.where-to-buy-new.component .filter fieldset>ul>li>span:focus{text-decoration:none;color:#006e96} .where-to-buy-new.component .filter fieldset>ul>li>span:hover:before,.where-to-buy-new.component .filter fieldset>ul>li>span:focus:before{color:#006e96} .where-to-buy-new.component .filter fieldset>ul>li>span:hover:after,.where-to-buy-new.component .filter fieldset>ul>li>span:focus:after{color:#dadada} .where-to-buy-new.component .filter fieldset>ul>li.open>span{color:#09244f} .where-to-buy-new.component .filter fieldset>ul>li.open>span:before{color:#09244f} .where-to-buy-new.component .filter fieldset>ul>li.open>span:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);color:#dadada} .where-to-buy-new.component .filter fieldset>ul>li:first-child span{border:0} .where-to-buy-new.component .filter ul ul{list-style-type:none;padding:2.7rem 0 .9rem 2.5rem;border-top:1px solid #c9c7c6;display:none;max-height:250px;overflow:auto} @media screen and (min-width:768px){.where-to-buy-new.component .filter ul ul{padding:1.7rem 0 1.5rem} } .where-to-buy-new.component .filter ul ul li{margin:0;padding:0 0 1.9rem;position:relative} @media screen and (min-width:768px){.where-to-buy-new.component .filter ul ul li{padding:0 0 .5rem} } .where-to-buy-new.component .filter ul ul .item-count{display:none} @media screen and (min-width:768px){.where-to-buy-new.component .filter ul ul .item-count{display:inline-block;margin-left:.3rem} } .where-to-buy-new.component .filter ul ul label{font-size:1.8rem;line-height:1;font-weight:300;padding:0 0 0 4rem} .where-to-buy-new.component .filter ul ul label:before{height:1.8rem;width:1.8rem;top:.9rem;line-height:1.6rem} @media screen and (min-width:768px){.where-to-buy-new.component .filter ul ul label{padding:0 0 0 2.5rem;font-size:1.4rem;margin:0} .where-to-buy-new.component .filter ul ul label:before{width:11px;height:11px;line-height:.9rem;font-size:.6rem;top:.7rem} } .where-to-buy-new.component .filter .wtb-filter-list{list-style:none;margin-top:3rem} @media screen and (min-width:768px){.where-to-buy-new.component .filter .wtb-filter-list{max-width:14.3rem} } .where-to-buy-new.component .filter .wtb-filter-list span{font-size:1.6rem;font-weight:500;padding:.5rem 2rem .5rem 1.1rem;margin-bottom:1.5rem;display:block;background:#f9f8f8;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;cursor:pointer;position:relative} @media screen and (min-width:768px){.where-to-buy-new.component .filter .wtb-filter-list span{font-size:1.4rem} } .where-to-buy-new.component .filter .wtb-filter-list span:after{content:"\f067";font-family:icomoon;position:absolute;right:1rem;top:.5rem;color:#4f8309;display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-size:1.6rem} .where-to-buy-new.component .filter .wtb-filter-list span:hover,.where-to-buy-new.component .filter .wtb-filter-list span:focus{color:#fff;background-color:#4f8309} .where-to-buy-new.component .filter .wtb-filter-list span:hover:after,.where-to-buy-new.component .filter .wtb-filter-list span:focus:after{color:#fff} .where-to-buy-new.component .filter.open{position:fixed;left:0;right:0;top:0;z-index:10050;display:block;opacity:1;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} .modal-open .where-to-buy-new.component .filter{overflow-x:hidden;overflow-y:auto} @media screen and (max-width:991px){.where-to-buy-new.component .where-content{display:none} .where-to-buy-new.component .where-content.active{display:block} } .where-to-buy-new.component .list{position:relative;overflow:hidden} @media screen and (min-width:768px){.where-to-buy-new.component .list{order:3;width:70%} } @media screen and (min-width:992px){.where-to-buy-new.component .list{width:35rem;flex-shrink:0} } @media screen and (min-width:1200px){.where-to-buy-new.component .list{width:44rem} } .where-to-buy-new.component .list .scroll-list{height:39.5rem} @media screen and (min-width:768px){.where-to-buy-new.component .list .scroll-list{height:56.5rem} } .where-to-buy-new.component .list .scroll-list:focus{border:solid 2px #dedede} .where-to-buy-new.component .list ul{list-style:none;margin:0;padding:0} .where-to-buy-new.component .list ul li{font-size:1.6rem;padding:2.5rem 1.5rem;margin:0 0 2rem;border:solid 1px #d6d3d2;cursor:pointer} @media screen and (min-width:768px){.where-to-buy-new.component .list ul li{padding:2.5rem;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:space-between} } .where-to-buy-new.component .list ul li:hover,.where-to-buy-new.component .list ul li:focus,.where-to-buy-new.component .list ul li.active{border:solid 2px #4f8309;padding:2.4rem 1.4rem} @media screen and (min-width:768px){.where-to-buy-new.component .list ul li:hover,.where-to-buy-new.component .list ul li:focus,.where-to-buy-new.component .list ul li.active{padding:2.4rem} } .where-to-buy-new.component .list ul li.active:focus{border:solid 2px #4f8309;padding:2.4rem 1.4rem} @media screen and (min-width:768px){.where-to-buy-new.component .list ul li.active:focus{padding:2.4rem} } .where-to-buy-new.component .list ul li:last-child{margin:0} .where-to-buy-new.component .list ul li .extra{display:none;position:relative;width:8.5rem;flex-shrink:0;text-align:right} @media screen and (min-width:768px){.where-to-buy-new.component .list ul li .extra{display:block} } .where-to-buy-new.component .list ul li .extra span{font-size:1.6rem;font-weight:700;text-transform:uppercase;position:absolute;right:0;top:0} .where-to-buy-new.component .list ul li .extra img{width:6rem;position:absolute;right:0;bottom:0} .where-to-buy-new.component .list ul h4{font-size:2.4rem;font-family:'Barlow',sans-serif;margin:0 0 1rem;text-transform:none;font-weight:400} .where-to-buy-new.component .list ul p{margin:0} .where-to-buy-new.component .list ul a{color:#4f8309;font-weight:700;display:block} .where-to-buy-new.component .list ul a span{color:#000;font-weight:400;display:inline-block;margin-right:.5rem;font-size:1.4rem} .where-to-buy-new.component .list ul a.directions{margin-bottom:.3rem} .where-to-buy-new.component div.gm-style-mtc label{margin:auto;max-width:fit-content;display:initial;text-transform:none;font-size:initial} .where-to-buy-new.component div.gm-style-mtc img{vertical-align:unset} @media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.where-to-buy-new.component div.gm-style-mtc label{display:inline-block} .where-to-buy-new.component div.gm-style-mtc img{transform:translateY(-0.15em) !important} } .where-to-buy-new.component .map{display:none;width:100%;height:39.5rem} @media screen and (min-width:768px){.where-to-buy-new.component .map{order:4;height:56.5rem;width:70%} } @media screen and (min-width:992px){.where-to-buy-new.component .map{display:block;margin-left:3rem;width:100%} } .where-to-buy-new.component .map iframe,.where-to-buy-new.component .map .map-container{width:100%;height:100%;display:block;border:solid 2px #dad9d8;margin:0} .where-to-buy-new.component .map iframe .marker p,.where-to-buy-new.component .map .map-container .marker p{margin:6px} .where-to-buy-new.component .map iframe .marker .location-name,.where-to-buy-new.component .map .map-container .marker .location-name,.where-to-buy-new.component .map iframe .marker .distance,.where-to-buy-new.component .map .map-container .marker .distance{font-size:1.1em;font-weight:bold;text-decoration:none} .where-to-buy-new.component .map iframe .marker .phone-two,.where-to-buy-new.component .map .map-container .marker .phone-two{margin-top:0} .where-to-buy-new.component .map iframe .marker .phone-one,.where-to-buy-new.component .map .map-container .marker .phone-one,.where-to-buy-new.component .map iframe .marker .phone-two,.where-to-buy-new.component .map .map-container .marker .phone-two{margin-bottom:0;height:16px} .where-to-buy-new.component .map iframe .marker .phone-one .icon-phone,.where-to-buy-new.component .map .map-container .marker .phone-one .icon-phone,.where-to-buy-new.component .map iframe .marker .phone-two .icon-phone,.where-to-buy-new.component .map .map-container .marker .phone-two .icon-phone{position:relative;padding:0 5px 0 3px} .where-to-buy-new.component .map iframe .marker .phone-one .icon-phone:before,.where-to-buy-new.component .map .map-container .marker .phone-one .icon-phone:before,.where-to-buy-new.component .map iframe .marker .phone-two .icon-phone:before,.where-to-buy-new.component .map .map-container .marker .phone-two .icon-phone:before{position:relative;top:1px} .where-to-buy-new.component .map iframe .marker .phone-one a,.where-to-buy-new.component .map .map-container .marker .phone-one a,.where-to-buy-new.component .map iframe .marker .phone-two a,.where-to-buy-new.component .map .map-container .marker .phone-two a{color:#4f8309} .pac-container .pac-item,.pac-container .pac-item-query{background-color:#fff;font-family:'Barlow',sans-serif;color:#818181;font-size:1.6rem} .pac-container .pac-item-query{padding-right:1rem;color:#464747;font-size:1.8rem} #storelocatorwidget .where-to-buy-new.component .intro{display:none} #storelocatorwidget .where-to-buy-new.component .location{padding-bottom:2rem} @media screen and (min-width:992px){#storelocatorwidget .where-to-buy-new.component .location{justify-content:flex-start} } #storelocatorwidget .where-to-buy-new.component section.component>article{min-height:140px;padding-top:5.5rem} @media screen and (min-width:992px){#storelocatorwidget .where-to-buy-new.component section.component>article{padding-top:2rem;padding-bottom:2rem} } #storelocatorwidget{border:0;box-shadow:none;z-index:-1} #storelocatorwidget #storelocatorwidget-container{font-family:'Barlow',sans-serif;font-size:1.6rem;line-height:1.25em;color:#464747} .where-to-buy.modal figure{margin:0;top:0;padding:0} @media screen and (min-width:768px){.where-to-buy.modal figure{-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;min-height:0;padding:0;width:95%;max-width:140rem} } @media screen and (min-width:992px){.where-to-buy.modal figure{width:90%} } .where-to-buy.component{height:27rem;padding-top:8rem} @media screen and (min-width:768px){.where-to-buy.component{height:30rem;padding-top:10rem} } .where-to-buy.component h3 span{padding-right:.5rem} #channeladvisorwidget{border:0;box-shadow:none;height:590px} #storelocator_search_radius_chosen,#storelocator_filter_chosen,#storelocator_category_chosen{display:none} #storelocatorwidget{border:0;box-shadow:none} #storelocatorwidget #storelocatorwidget-container{font-family:'Barlow',sans-serif;font-size:1.6rem;line-height:1.25em;color:#464747} #storelocatorwidget #storelocator-list .storelocator-phone a:not(.storelocator-btn),#storelocatorwidget #storelocator-list .storelocator-email a:not(.storelocator-btn),#storelocatorwidget #storelocator-list .storelocator-url a:not(.storelocator-btn){color:#4f8309} #storelocatorwidget #storelocator-map_canvas .storelocator-phone a:not(.storelocator-btn),#storelocatorwidget #storelocator-map_canvas .storelocator-email a:not(.storelocator-btn),#storelocatorwidget #storelocator-map_canvas .storelocator-url a:not(.storelocator-btn){color:#4f8309} #storelocatorwidget #storelocator-map_canvas{border:solid 1px #c9c7c6} #storelocatorwidget #storelocator-routing>p>a.storelocator-btn{background-color:#4f8309 !important;color:#fff !important;background-image:none !important} #storelocatorwidget #storelocator-routing>p>a.storelocator-btn>span.fa{display:none !important} #storelocatorwidget .storelocator-btn-group{margin-top:1.5rem} #storelocatorwidget .storelocator-btn-group a{border-spacing:2px} #storelocatorwidget input[type="checkbox"],#storelocatorwidget input[type="radio"]{display:none} #storelocatorwidget input[type="checkbox"]+label,#storelocatorwidget input[type="radio"]+label{font-size:1.4rem} #storelocatorwidget input[type="checkbox"]+label:after,#storelocatorwidget input[type="radio"]+label:after{display:none} #storelocatorwidget input[type="checkbox"]+label:before,#storelocatorwidget input[type="radio"]+label:before{border-radius:0} #storelocatorwidget .storelocator-store .storelocator-distance{padding-bottom:10px} #storelocatorwidget input#storelocator-search_address,#storelocatorwidget input#storelocator-search_location{display:inline-block !important;border:0;height:5rem;border-bottom:solid 1px #dadada;width:100%;font-size:1.8rem;color:#464747;font-weight:300;margin-top:1.5rem} @media screen and (min-width:768px){#storelocatorwidget input#storelocator-search_address,#storelocatorwidget input#storelocator-search_location{font-size:2.5rem} } @media screen and (min-width:992px){#storelocatorwidget input#storelocator-search_address,#storelocatorwidget input#storelocator-search_location{margin-top:0} } #storelocatorwidget input#storelocator-search_address:focus,#storelocatorwidget input#storelocator-search_location:focus{color:#595959;border-bottom:solid 1px #464747} #storelocatorwidget #storelocator-search-bar{padding:6rem 2rem 2rem;background:#fff} @media screen and (min-width:768px){#storelocatorwidget #storelocator-search-bar{padding:2rem} } @media screen and (min-width:992px){#storelocatorwidget #storelocator-search-bar{padding:4rem} } @media screen and (min-width:1440px){#storelocatorwidget #storelocator-search-bar{padding:5rem} } #storelocatorwidget #storelocator-search-bar p{display:flex;flex-wrap:wrap;align-content:center;align-items:center;margin:0} @media screen and (min-width:992px){#storelocatorwidget #storelocator-search-bar p{flex-wrap:nowrap} } #storelocatorwidget #storelocator-search-bar p a{margin:0 0 1rem 0;min-width:20.7rem;width:100%} @media screen and (min-width:768px){#storelocatorwidget #storelocator-search-bar p a{width:auto;margin:0 3rem 0 0} } #storelocatorwidget #storelocator-search-bar #storelocator-search-label{font-family:'Barlow Condensed',sans-serif;color:#09244f;text-transform:uppercase;margin:0;line-height:1em;font-weight:300;font-size:4rem;display:none;padding:0 2rem 0 0;white-space:nowrap;width:auto} @media screen and (min-width:768px){#storelocatorwidget #storelocator-search-bar #storelocator-search-label{display:inline-block} } #storelocatorwidget .storelocator-store{margin-bottom:2rem;padding:2rem;border-color:#c9c7c6;background:#fff} @media screen and (min-width:768px){#storelocatorwidget .storelocator-store{padding:2rem} } @media screen and (min-width:992px){#storelocatorwidget .storelocator-store{padding:3rem 4rem} } #storelocatorwidget .storelocator-store .storelocator-storename{color:#006e96;font-size:2.4rem;margin:0;font-weight:400} #storelocatorwidget .storelocator-store .storelocator-storename:hover,#storelocatorwidget .storelocator-store .storelocator-storename:focus{color:#464747} #storelocatorwidget .storelocator-store p{margin:0;padding:0;color:inherit} #storelocatorwidget .storelocator-store i{display:none} #storelocatorwidget .storelocator-store .storelocator-description{text-transform:uppercase;font-size:1.4rem;font-weight:700;margin:0 0 1rem} #storelocatorwidget .storelocator-store .storelocator-address{margin-bottom:1rem} #storelocatorwidget .storelocator-store .storelocator-buttons{margin:1.5rem 0 0 0} #storelocatorwidget .storelocator-store .storelocator-buttons a{margin:0 0 1rem;width:100%} #storelocatorwidget #storelocator-wrapper{display:flex;flex-wrap:nowrap;padding:2rem;background:#f9f8f8} #storelocatorwidget #storelocator-wrapper #storelocator-map_canvas{width:auto;left:2rem;right:2rem} @media screen and (min-width:768px){#storelocatorwidget #storelocator-wrapper #storelocator-map_canvas{width:100%;left:0;right:auto} } @media screen and (min-width:768px){#storelocatorwidget #storelocator-wrapper{padding:2rem} } @media screen and (min-width:992px){#storelocatorwidget #storelocator-wrapper{padding:4rem} } @media screen and (min-width:1440px){#storelocatorwidget #storelocator-wrapper{padding:5rem} } #storelocatorwidget #storelocator-leftcolumn{float:none;border:0;max-width:none;background:0} @media screen and (min-width:768px){#storelocatorwidget #storelocator-leftcolumn{flex-shrink:0;width:40%;margin-right:2rem} } @media screen and (min-width:1440px){#storelocatorwidget #storelocator-leftcolumn{margin-right:3rem} } #storelocatorwidget #storelocator-map_canvas{border:solid 1px #c9c7c6 !important} #storelocatorwidget #storelocator-directions-panel{padding:0} #channeladvisormodal iframe{width:100%;height:100%;border:0;overflow:hidden} #channeladvisormodal figure{background-color:#f9f8f8} @media screen and (min-width:992px){#channeladvisormodal figure{max-width:950px} } .modal-open .pac-container{z-index:10051} .table.component{margin:0 0 4rem;position:relative;overflow-x:auto;overflow-y:visible} .table.component table{table-layout:fixed;min-width:100%} .table.component table thead th>div h1,.table.component table thead th>div h2,.table.component table thead th>div h3,.table.component table thead th>div p{margin:0} .table.component table tbody.hide-borders tr{border-bottom:0} .table.component table tbody.add-gray-bg tr:nth-child(even){background-color:#f9f8f8} .table.component table tbody.has-image td{position:relative} .table.component table tbody.has-image td .textimage-text{display:inline-block} .table.component table tbody.has-image td.add-icon:before{content:'';height:0;width:0;border-bottom:40px solid #4f8309;border-right:40px solid transparent;z-index:2;position:absolute;bottom:0;left:0} .table.component table tbody.has-image td.add-icon:after{font-family:icomoon;content:"\f00e";z-index:3;position:absolute;bottom:0;left:5px;color:#fff;font-size:16px;font-size:1.6rem} .table.component table tbody.has-image td a[data-toggle="table-modal"] img{width:90px} .table.component table tbody.has-image td img.cq-image-placeholder{display:none} .table.component table tbody tr{border-bottom:1px solid #c9c7c6} .table.component table tbody tr:last-child{border-bottom:1px solid #c9c7c6} .table.component table tbody td>div h1,.table.component table tbody td>div h2,.table.component table tbody td>div h3,.table.component table tbody td>div p{margin:0} .table.component table tbody td a{color:#006e96} .table.component table th{text-transform:uppercase;line-height:1.15em;color:#fff;background-color:#09244f;font-size:1.4rem;font-weight:700;padding:1.5rem 1.5rem 1.3rem 0;min-width:11rem;border-right:0} .table.component table th:first-of-type{padding-left:1.5rem;min-width:12rem} .table.component table th:last-of-type{padding-right:1.5rem} @media screen and (max-width:767px) and (min-width:1px){.table.component table th:nth-child(2){padding-left:3.5rem} } @media screen and (min-width:768px){.table.component table th{font-size:1.6rem;padding:2.1rem 1.5rem 2.1rem 0;min-width:15rem} .table.component table th:first-of-type{padding-left:3rem;min-width:16rem;border-right:0} .table.component table th:last-of-type{padding-right:3rem} } .table.component table th.small-width{min-width:16rem} @media screen and (min-width:768px){.table.component table th.small-width{min-width:20rem} } .table.component table th.medium-width{min-width:20rem} @media screen and (min-width:768px){.table.component table th.medium-width{min-width:30rem} } .table.component table th.large-width{min-width:30rem} @media screen and (min-width:768px){.table.component table th.large-width{min-width:50rem} } .table.component table td{line-height:1.25em;font-size:1.8rem;padding:1rem 1.5rem 1.6rem 0;min-width:unset} .table.component table td:first-of-type{padding-left:1.5rem} .table.component table td:last-of-type{padding-right:1.5rem} .table.component table td.add-icon:nth-child(n+2){padding-left:2rem} @media screen and (min-width:768px){.table.component table td.add-icon:nth-child(n+2){padding-left:3rem} } @media screen and (max-width:767px) and (min-width:1px){.table.component table td:nth-child(2){padding-left:3.5rem} } @media screen and (min-width:768px){.table.component table td{font-size:2.2rem;padding:2.5rem 1.5rem 2.8rem 0} .table.component table td:first-of-type{padding-left:3rem;border-right:0} .table.component table td:last-of-type{padding-right:3rem} } .table.component .table-modal{position:fixed;left:0;right:0;bottom:0;top:0;z-index:10050;overflow:hidden;display:none;background:rgba(0,0,0,0)} .table.component .table-modal.active{background:rgba(0,0,0,0.2)} .table-modal-open .table.component .table-modal{overflow-x:hidden;overflow-y:auto} .table.component .table-modal>figure{width:100%;max-width:800px;height:450px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;background:#fff;padding:4rem;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);box-shadow:0 0 10px 0 rgba(0,0,0,0.2);z-index:1} @media screen and (max-width:767px){.table.component .table-modal>figure{width:90%;height:auto} } .table.component .table-modal>figure>.table-modal-button>button{position:absolute;right:14px;top:14px;height:3rem;width:3rem;text-align:center;line-height:2.2rem;font-size:20px;font-size:2rem;font-weight:700;color:#09244f} .table.component .table-modal>figure>.table-modal-button>button.close-modal{-webkit-appearance:none;padding:0;cursor:pointer;background:0;border:0} .table.component .table-modal>figure>.table-modal-button>button:focus,.table.component .table-modal>figure>.table-modal-button>button:active{outline:0} .table.component .table-modal>figure>.table-modal-content{width:100%;height:auto;overflow:hidden} .table.component .table-modal>figure>.table-modal-content img{display:block;margin:auto;max-height:38rem;object-fit:contain} .table.component .table-modal>figure>.table-modal-content .product-info{text-align:center;margin:2rem 0} .table.component .table-modal>figure>.table-modal-content .product-info a{color:#006e96;font-size:30px;font-size:3rem} @media screen and (max-width:767px){.table.component .table-modal>figure>.table-modal-content .product-info a{font-size:20px;font-size:2rem} } .specs-table.component{margin:4rem 0} .specs-table.component h3{margin:0 0 3.5rem} @media screen and (min-width:768px){.specs-table.component h3{margin:0 0 5.5rem} } .specs-table.component .attributes{margin-bottom:2rem;font-size:1.8rem} @media screen and (min-width:768px){.specs-table.component .attributes{display:flex;flex-wrap:wrap;margin-bottom:2.2rem} } @media screen and (min-width:992px){.specs-table.component .attributes{font-size:2.4rem} } .specs-table.component .attributes>div{padding-bottom:4rem;display:flex;align-items:baseline} @media screen and (min-width:768px){.specs-table.component .attributes>div{width:50%} } .specs-table.component .attributes>div>span{display:block} .specs-table.component .attributes>div>span:first-child{padding-right:.5rem} @media screen and (min-width:768px){.specs-table.component .attributes>div>span{display:block;flex-shrink:0;width:50%} .specs-table.component .attributes>div>span:first-child{padding:0;min-width:2rem} } @media screen and (min-width:992px){.specs-table.component .attributes>div>span:first-child{min-width:28rem} } .specs-table.component .title{font-weight:700;text-transform:uppercase;display:block} .specs-table.component .table-attribute{font-size:1.8rem;margin-bottom:2rem} .specs-table.component .table-attribute span{font-weight:700;text-transform:uppercase;padding-right:2rem} @media screen and (min-width:992px){.specs-table.component .table-attribute{font-size:2.4rem;margin-bottom:2.2rem} } .specs-table.component a{color:#006e96} .specs-table.component .specs-tables{margin:0 0 4rem;position:relative;overflow-x:auto;overflow-y:visible} @media screen and (min-width:768px){.specs-table.component .specs-tables{margin:0 0 8rem} } .specs-table.component table{table-layout:fixed;min-width:100%} .specs-table.component table th{border-right:0;border-bottom:0} .specs-table.component table th,.specs-table.component table td{min-width:11rem} .specs-table.component table th:first-of-type,.specs-table.component table td:first-of-type{padding-left:1.5rem;min-width:12rem} .specs-table.component table th:last-of-type,.specs-table.component table td:last-of-type{padding-right:1.5rem} @media screen and (max-width:767px) and (min-width:1px){.specs-table.component table th:nth-child(2),.specs-table.component table td:nth-child(2){padding-left:3.5rem} } @media screen and (min-width:768px){.specs-table.component table th,.specs-table.component table td{min-width:15rem} .specs-table.component table th:first-of-type,.specs-table.component table td:first-of-type{padding-left:3rem;min-width:16rem;border-right:0} .specs-table.component table th:last-of-type,.specs-table.component table td:last-of-type{padding-right:3rem} } .specs-table.component table th.medium-width,.specs-table.component table td.medium-width{min-width:20rem} @media screen and (min-width:768px){.specs-table.component table th.medium-width,.specs-table.component table td.medium-width{min-width:30rem} } .specs-table.component table th.large-width,.specs-table.component table td.large-width{min-width:30rem} @media screen and (min-width:768px){.specs-table.component table th.large-width,.specs-table.component table td.large-width{min-width:50rem} } .specs-table.component table th{text-transform:uppercase;line-height:1.15em;color:#fff;background-color:#09244f;font-size:1.4rem;font-weight:700;padding:1.5rem 1.5rem 1.3rem 0} @media screen and (min-width:768px){.specs-table.component table th{font-size:1.6rem;padding:2rem 1.5rem 2rem 0} } .specs-table.component table td{line-height:1.25em;font-size:1.8rem;border-bottom:1px solid #c9c7c6;padding:1rem 1.5rem 1.6rem 0;background:#fff} @media screen and (max-width:767px) and (min-width:1px){.specs-table.component table td:first-of-type{border-right:solid 1px #c9c7c6} } @media screen and (min-width:768px){.specs-table.component table td{font-size:2.2rem;padding:2.4rem 1.5rem 2.7rem 0} } .specs-table.component .more-skus,.specs-table.component .less-skus{text-align:center;text-transform:uppercase;cursor:pointer;width:130px;position:relative;margin-left:auto;margin-right:auto;font-size:2rem;margin-top:5.5rem} .specs-table.component .more-skus a,.specs-table.component .less-skus a{color:#464747} .specs-table.component .more-skus a:hover,.specs-table.component .less-skus a:hover,.specs-table.component .more-skus a:focus,.specs-table.component .less-skus a:focus{color:#006e96;text-decoration:none} .specs-table.component .more-skus:after{content:"\f0d7";font-family:icomoon;color:#006e96;font-size:3rem;position:absolute;right:-14px;top:-5px} .specs-table.component .less-skus:after{content:"\f0d8";font-family:icomoon;color:#006e96;font-size:3rem;position:absolute;right:-14px;top:-9px} .salinity-calculator.component{display:flex;flex-wrap:wrap;flex-direction:column;padding:0 0 3rem 0;max-width:100rem;margin:0 auto} @media screen and (min-width:1200px){.salinity-calculator.component{flex-direction:row} .salinity-calculator.component .column-container{flex-direction:column} .salinity-calculator.component .column-container:nth-of-type(1){flex:0 1 100%;max-width:100%} .salinity-calculator.component .ko-container{display:flex;flex-grow:1} .salinity-calculator.component .ko-container .column-container:nth-of-type(1){flex:0 1 75%;max-width:75%;padding-right:50px} .salinity-calculator.component .ko-container .column-container:nth-of-type(2){flex:1 0 25%;max-width:25%} } .salinity-calculator.component section.top{flex-direction:row;display:flex;justify-content:space-between} .salinity-calculator.component .calc-share.component{top:0;padding:0;margin-bottom:2.5rem} @media screen and (min-width:1200px){.salinity-calculator.component .calc-share.component{margin-bottom:0} } .salinity-calculator.component .slider-label{display:flex;height:2.8rem} .salinity-calculator.component .slider-label .text{text-transform:uppercase;text-rendering:optimizeLegibility;color:#464747;font-size:1.2rem;align-self:center;padding-top:3px;font-weight:700} .salinity-calculator.component .slider-label .tip{align-self:center} .salinity-calculator.component .slider-label .tip p{margin-bottom:0} .salinity-calculator.component .slider-label .tip a{color:#fff;font-weight:normal;text-decoration:underline} .salinity-calculator.component .slider-label .tip a:hover{color:#fff} .salinity-calculator.component .slider-value{text-align:right;font-size:1.8rem;line-height:4.5rem} .salinity-calculator.component section.results{background-color:#006e96;color:#fff;padding:3rem 6rem;align-items:center;text-transform:uppercase;text-align:center} @media screen and (min-width:1200px){.salinity-calculator.component section.results{margin-top:1.5rem} } .salinity-calculator.component section.results .title{font-family:'Barlow Condensed',sans-serif;font-size:2.4rem;line-height:3rem;font-weight:100;margin-bottom:2.5rem} .salinity-calculator.component section.results .amount{font-family:'Barlow Condensed',sans-serif;font-size:5rem;line-height:5rem;font-weight:300;margin-bottom:1rem} .salinity-calculator.component section.results .unit{font-size:1.4rem;font-weight:500;line-height:1.6rem} .related-products.component .rp-title{text-align:center} @media screen and (min-width:992px){.related-products.component .rp-title{text-align:left} } .related-products.component .product-tiles{display:block} @media screen and (min-width:768px){.related-products.component .product-tiles{display:flex} } .related-products.component .product-tile{align-items:center;border-bottom:1px solid #e2e2e2;display:flex;padding:2rem 0} .related-products.component .product-tile:first-of-type{padding:0 0 2rem 0} .related-products.component .product-tile:last-of-type{border-bottom:0;border-right:0} @media screen and (min-width:768px){.related-products.component .product-tile{border-bottom:0;border-right:1px solid #e2e2e2;display:block;flex-basis:0;flex-grow:1;padding:2rem} .related-products.component .product-tile:first-of-type{padding:2rem} } @media screen and (min-width:992px){.related-products.component .product-tile{padding:2rem 2rem 2rem 4rem} } .related-products.component a.product-link{color:#006e96;font-size:2.2rem;line-height:2.6rem} @media screen and (min-width:992px){.related-products.component a.product-link{font-size:2.8rem;line-height:3.2rem} } .related-products.component img{-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;font-family:'object-fit: contain; object-position: center center';height:10rem;padding:0 4rem;width:50%} @media screen and (min-width:768px){.related-products.component img{-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;font-family:'object-fit: contain; object-position: center center';height:15rem;padding:0 2rem;width:100%} } @media screen and (min-width:992px){.related-products.component img{padding:1rem} } .related-products.component .bottom-cta-wrap{text-align:center} @media screen and (min-width:768px){.related-products.component .bottom-cta-wrap{padding:2rem 0 0} } @media screen and (min-width:992px){.related-products.component .bottom-cta-wrap{padding:0} } .related-products.component .bottom-cta{display:block;margin:0 auto;max-width:2.9rem} @media screen and (min-width:768px){.related-products.component .bottom-cta{margin-top:4rem} } @media screen and (min-width:992px){.related-products.component .bottom-cta{margin:0;display:none} } .related-products.component .top-cta{display:none} @media screen and (min-width:992px){.related-products.component .top-cta{display:inline-block} } .product-support-cards.component .intro{text-align:center} .product-support-cards.component .intro h2{font-size:3.5rem;margin-bottom:1.1rem} @media screen and (min-width:768px){.product-support-cards.component .intro h2{font-size:5rem;margin-bottom:2rem} } .product-support-cards.component .intro p{margin-bottom:2.5rem} @media screen and (min-width:768px){.product-support-cards.component .intro p{margin-bottom:4.5rem} } .product-support-cards.component ul,.product-support-cards.component .card-edit{list-style:none;margin-left:-0.5rem;margin-right:-0.5rem;display:flex;flex-wrap:wrap;justify-content:left} @media screen and (min-width:768px){.product-support-cards.component ul,.product-support-cards.component .card-edit{margin-bottom:3rem;margin-left:-1rem;margin-right:-1rem;justify-content:center} } @media screen and (min-width:992px){.product-support-cards.component ul,.product-support-cards.component .card-edit{margin-left:-1.7rem;margin-right:-1.7rem} } .product-support-cards.component ul li,.product-support-cards.component .card-edit li,.product-support-cards.component ul .item,.product-support-cards.component .card-edit .item{background-color:#fff;text-align:center;margin-bottom:2rem;overflow:hidden;position:relative;width:calc(50% - 2rem);margin-right:1rem;margin-left:1rem} @media screen and (min-width:768px){.product-support-cards.component ul li,.product-support-cards.component .card-edit li,.product-support-cards.component ul .item,.product-support-cards.component .card-edit .item{margin-bottom:3rem;width:calc(25% - 2rem);margin-right:1rem;margin-left:1rem} } @media screen and (min-width:992px){.product-support-cards.component ul li,.product-support-cards.component .card-edit li,.product-support-cards.component ul .item,.product-support-cards.component .card-edit .item{width:calc(25% - 3.4rem);margin-right:1.7rem;margin-left:1.7rem} } @media screen and (max-width:991px){.product-support-cards.component ul li,.product-support-cards.component .card-edit li,.product-support-cards.component ul .item,.product-support-cards.component .card-edit .item{margin-right:auto;margin-left:auto} } .product-support-cards.component ul li .support-card,.product-support-cards.component .card-edit li .support-card,.product-support-cards.component ul .item .support-card,.product-support-cards.component .card-edit .item .support-card{display:block;padding:1.5rem;font-size:1.8rem;min-height:14.5rem} @media screen and (min-width:768px){.product-support-cards.component ul li .support-card,.product-support-cards.component .card-edit li .support-card,.product-support-cards.component ul .item .support-card,.product-support-cards.component .card-edit .item .support-card{font-size:1.4rem;padding:3rem 1rem 1rem} } @media screen and (min-width:992px){.product-support-cards.component ul li .support-card,.product-support-cards.component .card-edit li .support-card,.product-support-cards.component ul .item .support-card,.product-support-cards.component .card-edit .item .support-card{font-size:1.8rem;padding:3rem 1.5rem 1.5rem;min-height:25rem} } .product-support-cards.component ul li .support-card:before,.product-support-cards.component .card-edit li .support-card:before,.product-support-cards.component ul .item .support-card:before,.product-support-cards.component .card-edit .item .support-card:before{content:" ";background-color:#4f8309;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:6rem;height:6rem;display:block;position:absolute;right:-3rem;bottom:-4.8rem;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out} @media screen and (min-width:768px){.product-support-cards.component ul li .support-card:before,.product-support-cards.component .card-edit li .support-card:before,.product-support-cards.component ul .item .support-card:before,.product-support-cards.component .card-edit .item .support-card:before{width:8rem;height:8rem;right:-5rem;bottom:-5rem} } .product-support-cards.component ul li .support-card span,.product-support-cards.component .card-edit li .support-card span,.product-support-cards.component ul .item .support-card span,.product-support-cards.component .card-edit .item .support-card span{position:relative;color:#09244f;display:block;margin:1.5rem auto 0;width:4rem;height:3.5rem;text-align:center;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-ms-transition:color .15s linear;-o-transition:color .15s linear;transition:color .15s linear} .product-support-cards.component ul li .support-card span:before,.product-support-cards.component .card-edit li .support-card span:before,.product-support-cards.component ul .item .support-card span:before,.product-support-cards.component .card-edit .item .support-card span:before{border:2px solid #ddd;width:2.6rem;height:2.6rem;content:'';position:absolute;left:50%;top:-3px;transform:translateX(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg);-webkit-transition:border-color .15s linear;-moz-transition:border-color .15s linear;-ms-transition:border-color .15s linear;-o-transition:border-color .15s linear;transition:border-color .15s linear} @media screen and (min-width:768px){.product-support-cards.component ul li .support-card span:before,.product-support-cards.component .card-edit li .support-card span:before,.product-support-cards.component ul .item .support-card span:before,.product-support-cards.component .card-edit .item .support-card span:before{top:-6px;width:4rem;height:4rem} } .product-support-cards.component ul li .support-card span img,.product-support-cards.component .card-edit li .support-card span img,.product-support-cards.component ul .item .support-card span img,.product-support-cards.component .card-edit .item .support-card span img,.product-support-cards.component ul li .support-card span svg,.product-support-cards.component .card-edit li .support-card span svg,.product-support-cards.component ul .item .support-card span svg,.product-support-cards.component .card-edit .item .support-card span svg{max-height:1.7rem;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} .product-support-cards.component ul li .support-card span img *,.product-support-cards.component .card-edit li .support-card span img *,.product-support-cards.component ul .item .support-card span img *,.product-support-cards.component .card-edit .item .support-card span img *,.product-support-cards.component ul li .support-card span svg *,.product-support-cards.component .card-edit li .support-card span svg *,.product-support-cards.component ul .item .support-card span svg *,.product-support-cards.component .card-edit .item .support-card span svg *{fill:#09244f;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} @media screen and (min-width:768px){.product-support-cards.component ul li .support-card span img,.product-support-cards.component .card-edit li .support-card span img,.product-support-cards.component ul .item .support-card span img,.product-support-cards.component .card-edit .item .support-card span img,.product-support-cards.component ul li .support-card span svg,.product-support-cards.component .card-edit li .support-card span svg,.product-support-cards.component ul .item .support-card span svg,.product-support-cards.component .card-edit .item .support-card span svg{max-height:2.3rem} } @media screen and (min-width:768px){.product-support-cards.component ul li .support-card span,.product-support-cards.component .card-edit li .support-card span,.product-support-cards.component ul .item .support-card span,.product-support-cards.component .card-edit .item .support-card span{width:6rem;height:6rem;margin-top:1.2rem} } .product-support-cards.component ul li .support-card h3,.product-support-cards.component .card-edit li .support-card h3,.product-support-cards.component ul .item .support-card h3,.product-support-cards.component .card-edit .item .support-card h3{font-size:2.4rem;margin:0 0 1rem 0;line-height:1.15em;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-ms-transition:color .15s linear;-o-transition:color .15s linear;transition:color .15s linear;position:relative} @media screen and (min-width:768px){.product-support-cards.component ul li .support-card h3,.product-support-cards.component .card-edit li .support-card h3,.product-support-cards.component ul .item .support-card h3,.product-support-cards.component .card-edit .item .support-card h3{font-size:2rem;margin:0 0 1rem} } @media screen and (min-width:992px){.product-support-cards.component ul li .support-card h3,.product-support-cards.component .card-edit li .support-card h3,.product-support-cards.component ul .item .support-card h3,.product-support-cards.component .card-edit .item .support-card h3{font-size:3rem;margin:0 0 1.4rem} } .product-support-cards.component ul li .support-card p,.product-support-cards.component .card-edit li .support-card p,.product-support-cards.component ul .item .support-card p,.product-support-cards.component .card-edit .item .support-card p{position:relative;display:none;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-ms-transition:color .15s linear;-o-transition:color .15s linear;transition:color .15s linear} @media screen and (min-width:768px){.product-support-cards.component ul li .support-card p,.product-support-cards.component .card-edit li .support-card p,.product-support-cards.component ul .item .support-card p,.product-support-cards.component .card-edit .item .support-card p{display:block;margin:0 0 1rem;color:#464747} } .product-support-cards.component ul li .support-card.hoverable:hover,.product-support-cards.component .card-edit li .support-card.hoverable:hover,.product-support-cards.component ul .item .support-card.hoverable:hover,.product-support-cards.component .card-edit .item .support-card.hoverable:hover,.product-support-cards.component ul li .support-card.hoverable:focus,.product-support-cards.component .card-edit li .support-card.hoverable:focus,.product-support-cards.component ul .item .support-card.hoverable:focus,.product-support-cards.component .card-edit .item .support-card.hoverable:focus{text-decoration:none;color:#fff} .product-support-cards.component ul li .support-card.hoverable:hover:before,.product-support-cards.component .card-edit li .support-card.hoverable:hover:before,.product-support-cards.component ul .item .support-card.hoverable:hover:before,.product-support-cards.component .card-edit .item .support-card.hoverable:hover:before,.product-support-cards.component ul li .support-card.hoverable:focus:before,.product-support-cards.component .card-edit li .support-card.hoverable:focus:before,.product-support-cards.component ul .item .support-card.hoverable:focus:before,.product-support-cards.component .card-edit .item .support-card.hoverable:focus:before{width:200%;height:200%;right:-8rem;bottom:-8rem} @media screen and (min-width:768px){.product-support-cards.component ul li .support-card.hoverable:hover:before,.product-support-cards.component .card-edit li .support-card.hoverable:hover:before,.product-support-cards.component ul .item .support-card.hoverable:hover:before,.product-support-cards.component .card-edit .item .support-card.hoverable:hover:before,.product-support-cards.component ul li .support-card.hoverable:focus:before,.product-support-cards.component .card-edit li .support-card.hoverable:focus:before,.product-support-cards.component ul .item .support-card.hoverable:focus:before,.product-support-cards.component .card-edit .item .support-card.hoverable:focus:before{right:-12rem;bottom:-12rem} } .product-support-cards.component ul li .support-card.hoverable:hover span,.product-support-cards.component .card-edit li .support-card.hoverable:hover span,.product-support-cards.component ul .item .support-card.hoverable:hover span,.product-support-cards.component .card-edit .item .support-card.hoverable:hover span,.product-support-cards.component ul li .support-card.hoverable:focus span,.product-support-cards.component .card-edit li .support-card.hoverable:focus span,.product-support-cards.component ul .item .support-card.hoverable:focus span,.product-support-cards.component .card-edit .item .support-card.hoverable:focus span{color:#fff} .product-support-cards.component ul li .support-card.hoverable:hover span img *,.product-support-cards.component .card-edit li .support-card.hoverable:hover span img *,.product-support-cards.component ul .item .support-card.hoverable:hover span img *,.product-support-cards.component .card-edit .item .support-card.hoverable:hover span img *,.product-support-cards.component ul li .support-card.hoverable:focus span img *,.product-support-cards.component .card-edit li .support-card.hoverable:focus span img *,.product-support-cards.component ul .item .support-card.hoverable:focus span img *,.product-support-cards.component .card-edit .item .support-card.hoverable:focus span img *,.product-support-cards.component ul li .support-card.hoverable:hover span svg *,.product-support-cards.component .card-edit li .support-card.hoverable:hover span svg *,.product-support-cards.component ul .item .support-card.hoverable:hover span svg *,.product-support-cards.component .card-edit .item .support-card.hoverable:hover span svg *,.product-support-cards.component ul li .support-card.hoverable:focus span svg *,.product-support-cards.component .card-edit li .support-card.hoverable:focus span svg *,.product-support-cards.component ul .item .support-card.hoverable:focus span svg *,.product-support-cards.component .card-edit .item .support-card.hoverable:focus span svg *{fill:#fff} .product-support-cards.component ul li .support-card.hoverable:hover span:before,.product-support-cards.component .card-edit li .support-card.hoverable:hover span:before,.product-support-cards.component ul .item .support-card.hoverable:hover span:before,.product-support-cards.component .card-edit .item .support-card.hoverable:hover span:before,.product-support-cards.component ul li .support-card.hoverable:focus span:before,.product-support-cards.component .card-edit li .support-card.hoverable:focus span:before,.product-support-cards.component ul .item .support-card.hoverable:focus span:before,.product-support-cards.component .card-edit .item .support-card.hoverable:focus span:before{border-color:#fff} .product-support-cards.component ul li .support-card.hoverable:hover h3,.product-support-cards.component .card-edit li .support-card.hoverable:hover h3,.product-support-cards.component ul .item .support-card.hoverable:hover h3,.product-support-cards.component .card-edit .item .support-card.hoverable:hover h3,.product-support-cards.component ul li .support-card.hoverable:focus h3,.product-support-cards.component .card-edit li .support-card.hoverable:focus h3,.product-support-cards.component ul .item .support-card.hoverable:focus h3,.product-support-cards.component .card-edit .item .support-card.hoverable:focus h3{color:#fff} .product-support-cards.component ul li .support-card.hoverable:hover p,.product-support-cards.component .card-edit li .support-card.hoverable:hover p,.product-support-cards.component ul .item .support-card.hoverable:hover p,.product-support-cards.component .card-edit .item .support-card.hoverable:hover p,.product-support-cards.component ul li .support-card.hoverable:focus p,.product-support-cards.component .card-edit li .support-card.hoverable:focus p,.product-support-cards.component ul .item .support-card.hoverable:focus p,.product-support-cards.component .card-edit .item .support-card.hoverable:focus p{color:#fff} .product-support-cards.component ul.edit{padding:0;margin:0} .product-support-cards.component ul.edit li{padding:0;margin:0} .warranty-modal .warranty-modal-content{background-color:#fff;padding:4rem;text-align:center;width:50rem;margin-left:auto;margin-right:auto;margin-top:10rem} .warranty-modal .warranty-modal-content .close-warranty-container{margin-bottom:3rem} @media screen and (max-width:991px){.warranty-modal .warranty-modal-content{height:100%;width:100%;margin-top:0} } @media screen and (max-width:991px){.warranty-modal{padding-right:0 !important} } .product-sku-hero.component{width:100%;height:300px;text-align:center;padding-top:145px;background-size:cover;z-index:0} .product-sku-hero.component.overlay:before{position:absolute;left:0;top:0;right:0;height:90%;display:block;content:'';z-index:10;background:-moz-linear-gradient(top,rgba(0,0,0,0.6) 0,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.6) 0,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.6) 0,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=0)} @media screen and (min-width:768px){.product-sku-hero.component.overlay:before{height:30rem} } .product-sku-hero.component h1{color:#fff;position:relative;z-index:50} @media screen and (max-width:991px){.product-sku-hero.component{height:294px;padding-top:0} .product-sku-hero.component h1{position:relative;top:50%;transform:translateY(-50%)} } .product-overview.component h2{text-align:center} @media screen and (min-width:992px){.product-overview.component h2{text-align:left} } @media screen and (min-width:992px){.product-overview.component p{font-size:2.4rem;padding:0 5rem} } .product-key-features-carousel.component{margin-top:4rem;margin-bottom:6rem} .product-key-features-carousel.component .titles{padding:3.6rem 0 2.9rem 0} @media screen and (min-width:768px){.product-key-features-carousel.component .titles{padding:4rem 0 4.5rem 0} } .product-key-features-carousel.component .titles>article{padding:0 2rem} @media screen and (min-width:768px){.product-key-features-carousel.component .titles>article{max-width:1252px;margin:0 auto} } .product-key-features-carousel.component h2{text-align:center;margin:0;line-height:1.25em} @media screen and (min-width:768px){.product-key-features-carousel.component h2{line-height:1em} } .product-key-features-carousel.component h3{text-align:center;font-size:1.6rem;color:#828282;text-transform:uppercase;font-weight:700;font-family:'Barlow',sans-serif;margin:0 0 1.6rem} @media screen and (min-width:768px){.product-key-features-carousel.component h3{font-size:1.8rem;margin:0 0 1.3rem} } .product-key-features-carousel.component h4{color:#006e96;font-family:'Barlow',sans-serif;font-size:2.4rem;text-transform:none;font-weight:400;margin-bottom:2.5rem} @media screen and (min-width:768px){.product-key-features-carousel.component h4{font-size:2.6rem} } .product-key-features-carousel.component h5{text-align:center;color:#464747} .product-key-features-carousel.component .images{position:relative;height:0;padding-bottom:49.4%} .product-key-features-carousel.component .images .large-image{position:absolute;left:0;top:0;height:100%;width:100%;overflow:hidden} .product-key-features-carousel.component .images .large-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;font-family:'object-fit: cover; object-position: center center';z-index:-1} .product-key-features-carousel.component .content{position:relative;-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;-ms-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;font-size:1.8rem;max-width:58.5rem;padding:2rem 2rem 0;margin:0 auto} @media screen and (min-width:768px){.product-key-features-carousel.component .content{padding:3.5rem 2rem;font-size:2rem} } .product-key-features-carousel.component .owl-item .content{opacity:0} .product-key-features-carousel.component .owl-item .images .large-image{background-color:black} .product-key-features-carousel.component .owl-item .large-image img{opacity:.7;transition:opacity .6s ease-in} .product-key-features-carousel.component .owl-item.active.center .content,.product-key-features-carousel.component .item.active .content{opacity:1;transition-delay:.3s} .product-key-features-carousel.component .owl-item.active.center .images .large-image,.product-key-features-carousel.component .item.active .images .large-image{background-color:black} .product-key-features-carousel.component .owl-item.active.center .large-image img,.product-key-features-carousel.component .item.active .large-image img{opacity:1;transition:opacity .2s ease} .product-key-features-carousel.component .owl-carousel.product-key-features{display:block;position:relative} .product-key-features-carousel.component .owl-carousel.product-key-features .item{text-align:center} @media screen and (min-width:768px){.product-key-features-carousel.component .owl-carousel.product-key-features .item{width:66rem;min-height:0;margin:0 auto} } @media screen and (min-width:992px){.product-key-features-carousel.component .owl-carousel.product-key-features .item{width:72.5rem} } .product-key-features-carousel.component .carousel-wrap{position:relative} .product-key-features-carousel.component .featured-navigation{display:none;position:relative;margin:0 auto} @media screen and (min-width:768px){.product-key-features-carousel.component .featured-navigation{display:block;width:66rem} } @media screen and (min-width:992px){.product-key-features-carousel.component .featured-navigation{width:72.5rem} } .product-key-features-carousel.component .owl-nav{display:none} @media screen and (min-width:768px){.product-key-features-carousel.component .owl-nav{position:absolute;top:0;display:block;height:0;padding-bottom:49.4%;width:100%} } .product-key-features-carousel.component .owl-nav .owl-next,.product-key-features-carousel.component .owl-nav .owl-prev{cursor:pointer;color:#000;opacity:.6;position:absolute;left:0;top:50%;font-family:icomoon;font-size:4rem;line-height:4rem;margin-top:-3rem;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-ms-transition:opacity .1s linear;-o-transition:opacity .1s linear;transition:opacity .1s linear;z-index:20;text-shadow:0 0 5px #fff;padding:20px} .product-key-features-carousel.component .owl-nav .owl-next:active,.product-key-features-carousel.component .owl-nav .owl-prev:active{opacity:.9} .product-key-features-carousel.component .owl-nav .owl-next:hover,.product-key-features-carousel.component .owl-nav .owl-prev:hover,.product-key-features-carousel.component .owl-nav .owl-next:focus,.product-key-features-carousel.component .owl-nav .owl-prev:focus{text-decoration:none;opacity:1} .product-key-features-carousel.component .owl-nav .owl-next.disabled,.product-key-features-carousel.component .owl-nav .owl-prev.disabled{opacity:0} @media screen and (min-width:768px){.product-key-features-carousel.component .owl-nav .owl-next,.product-key-features-carousel.component .owl-nav .owl-prev{top:15rem;font-size:4rem} } @media screen and (min-width:992px){.product-key-features-carousel.component .owl-nav .owl-next,.product-key-features-carousel.component .owl-nav .owl-prev{top:17rem;font-size:6rem;line-height:6rem} } @media screen and (min-width:992px){.product-key-features-carousel.component .owl-nav .owl-next,.product-key-features-carousel.component .owl-nav .owl-prev{top:17rem;font-size:6rem;line-height:6rem} } .product-key-features-carousel.component .owl-nav .owl-prev{padding-left:1rem} .product-key-features-carousel.component .owl-nav .owl-prev:before{content:"\e911"} @media screen and (min-width:1440px){.product-key-features-carousel.component .owl-nav .owl-prev{left:100px} } .product-key-features-carousel.component .owl-nav .owl-next{right:0;left:auto;padding-right:1rem} .product-key-features-carousel.component .owl-nav .owl-next:before{content:"\e912"} @media screen and (min-width:768px){.product-key-features-carousel.component .owl-nav .owl-next{right:20px} } @media screen and (min-width:992px){.product-key-features-carousel.component .owl-nav .owl-next{right:50px} } @media screen and (min-width:1200px){.product-key-features-carousel.component .owl-nav .owl-next{right:100px} } @media screen and (min-width:1440px){.product-key-features-carousel.component .owl-nav .owl-next{right:100px} } .product-key-features-carousel.component .owl-custom-nav{width:100%;z-index:1;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:2rem;font-weight:600;position:relative;text-align:center} @media screen and (min-width:768px){.product-key-features-carousel.component .owl-custom-nav{display:none} } .product-key-features-carousel.component .owl-custom-nav div,.product-key-features-carousel.component .owl-custom-nav span{display:inline-block;text-align:center;width:3rem} .product-key-features-carousel.component .owl-custom-nav .current{padding-right:.4rem;color:#4f8309} .product-key-features-carousel.component .owl-custom-nav .total{padding-left:.4rem;color:#dadada} .product-key-features-carousel.component .owl-custom-nav .owl-prev,.product-key-features-carousel.component .owl-custom-nav .owl-next{font-size:1.6rem;font-weight:bold;color:#dadada;cursor:pointer;width:2.5rem} .product-key-features-carousel.component .owl-custom-nav .current:after{border-right:1px solid #dadada;content:' ';-webkit-transform:skew(-20deg,0);-moz-transform:skew(-20deg,0);-ms-transform:skew(-20deg,0);-o-transform:skew(-20deg,0);transform:skew(-20deg,0);position:absolute;height:2.1rem;top:.2rem;left:50%} section article section.product-key-features-carousel .owl-carousel .owl-nav .owl-prev{padding-left:1rem} section article section.product-key-features-carousel .owl-carousel .owl-nav .owl-prev:before{content:"\e911"} @media screen and (min-width:992px){section article section.product-key-features-carousel .owl-carousel .owl-nav .owl-prev{left:0} } @media screen and (min-width:1200px){section article section.product-key-features-carousel .owl-carousel .owl-nav .owl-prev{left:0} } @media screen and (min-width:1440px){section article section.product-key-features-carousel .owl-carousel .owl-nav .owl-prev{left:-100px} } section article section.product-key-features-carousel .owl-carousel .owl-nav .owl-next{right:0;left:auto;padding-right:1rem} section article section.product-key-features-carousel .owl-carousel .owl-nav .owl-next:before{content:"\e912"} @media screen and (min-width:992px){section article section.product-key-features-carousel .owl-carousel .owl-nav .owl-next{right:0} } @media screen and (min-width:1200px){section article section.product-key-features-carousel .owl-carousel .owl-nav .owl-next{right:0} } @media screen and (min-width:1440px){section article section.product-key-features-carousel .owl-carousel .owl-nav .owl-next{right:-100px} } .component.product-information{background-color:#fff;padding-top:2rem} .component.product-information .edit-row{display:block;max-width:122rem;margin:0 auto} .component.product-information .edit-row .product-media.cq-Editable-dom{display:inline-block;width:calc(23.5%);height:auto;position:relative;margin:1rem 1rem .5rem 0} .component.product-information .edit-row .product-media.cq-Editable-dom:nth-child(4n+1){clear:both} @media screen and (min-width:768px){.component.product-information{padding-top:.5rem} } @media screen and (min-width:768px){.prod-info{display:flex;justify-content:space-between} } @media screen and (min-width:768px){.prod-img{flex-shrink:0;width:38%} } @media screen and (min-width:992px){.prod-img{flex-shrink:0;width:48%} } .prod-img .owl-nav{color:#464747;font-size:3rem} .prod-img .owl-nav .owl-prev,.prod-img .owl-nav .owl-next{display:none} .prod-img .large-images{list-style:none;margin:0;padding:0 0 1rem} @media screen and (min-width:768px){.prod-img .large-images{padding:0 2.5rem 2.5rem 2.5rem} } .prod-img .large-images .stage-outer{width:100%} .prod-img .large-images .owl-item img{max-height:40vh;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;font-family:'object-fit: contain; object-position: center center'} @media screen and (min-width:768px){.prod-img .large-images .owl-item img{height:25rem} } @media screen and (min-width:992px){.prod-img .large-images .owl-item img{height:34rem} } .prod-img .thumbnails{list-style:none;margin:2rem auto 0;display:none;width:33rem} @media screen and (min-width:768px){.prod-img .thumbnails{display:block;width:26rem} } @media screen and (min-width:992px){.prod-img .thumbnails{width:33rem} } .prod-img .thumbnails .width-container{width:5rem;height:5rem;display:block;left:50%;position:relative;transform:translateX(-50%)} .prod-img .thumbnails .owl-item div.image{position:relative;overflow:hidden;transform-origin:center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:3.5rem;height:3.5rem;cursor:pointer;top:6px;left:8px} .prod-img .thumbnails .owl-item div.image:before{content:'';position:absolute;z-index:50;width:100%;height:100%;border:1px solid #e1e1e1;-webkit-transition:border .15s linear;-moz-transition:border .15s linear;-ms-transition:border .15s linear;-o-transition:border .15s linear;transition:border .15s linear} .prod-img .thumbnails .owl-item div.image>div{transform:rotate(-45deg) translate(-35%,-10%);transform-origin:top} .prod-img .thumbnails .owl-item div.image>div img{max-height:5rem;object-position:center;object-fit:contain;display:initial} .prod-img .thumbnails .owl-item.current div:before{border:3px solid #4f8309} .prod-img .thumbnav{width:33rem;display:none;color:#e0dfdf;margin:0 auto;height:0;font-size:3rem;position:relative;z-index:500} @media screen and (min-width:768px){.prod-img .thumbnav{width:26rem} } @media screen and (min-width:992px){.prod-img .thumbnav{width:33rem} } .prod-img .thumbnav>div{cursor:pointer;position:absolute;top:-5rem;left:0;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-ms-transition:color .15s linear;-o-transition:color .15s linear;transition:color .15s linear} .prod-img .thumbnav>div:nth-child(2){left:auto;right:0} .prod-img .thumbnav>div:hover,.prod-img .thumbnav>div:focus{color:#464747} .prod-img .thumbnav .owl-prev,.prod-img .thumbnav .owl-next{position:relative;cursor:pointer} @media screen and (min-width:768px){.prod-img .thumbnav{display:block} } @media screen and (min-width:768px){.prod-text{width:60%;flex-shrink:0} } @media screen and (min-width:992px){.prod-text{width:47%;flex-shrink:0} } .prod-text .prod-sku{font-size:1.6rem;font-weight:500;text-transform:uppercase;margin-top:2rem} @media screen and (min-width:768px){.prod-text .prod-sku{margin-top:0} } .prod-text .prod-sku p{margin-bottom:1.5rem} .prod-text .prod-sku p strong{font-size:2rem;font-weight:700;color:#006e96} .prod-text .prod-review{margin-bottom:1rem} @media screen and (min-width:768px){.prod-text .prod-review{margin-bottom:2rem} } .prod-text .prod-review ul{display:flex;list-style-type:none;padding-bottom:0;font-size:2rem} .prod-text .prod-review ul li{padding:0 4px;color:#cfcfcf} .prod-text .prod-review ul li:before{content:' ';width:0;height:0} .prod-text .prod-review ul li:first-child{padding-left:0} .prod-text .prod-review p{display:inline-block;margin-bottom:0} .prod-text .prod-review p a{text-transform:uppercase;font-weight:700} .prod-text .prod-review p a,.prod-text .prod-review p span{display:none} @media screen and (min-width:768px){.prod-text .prod-review p a,.prod-text .prod-review p span{display:inline} } .prod-text .prod-details p{margin-bottom:2rem} .prod-text .prod-details .buttons{margin-top:.7rem} .prod-text .prod-details .buttons .btn{margin-bottom:3rem;display:block;width:100%} @media screen and (min-width:992px){.prod-text .prod-details .buttons .btn{width:auto;display:inline-block;margin-bottom:0} } .prod-text .prod-details .buttons button.btn:first-child,.prod-text .prod-details .buttons a.btn:first-child{margin-left:0} @media screen and (min-width:992px){.prod-text .prod-details .buttons button.btn:first-child,.prod-text .prod-details .buttons a.btn:first-child{margin-left:0} } @media screen and (min-width:1200px){.prod-text .prod-details .buttons button.btn:first-child,.prod-text .prod-details .buttons a.btn:first-child{margin-left:0} } .prod-text .prod-details .buttons .btn:nth-child(2){margin-left:0} @media screen and (min-width:992px){.prod-text .prod-details .buttons .btn:nth-child(2){margin-left:1.5rem} } .prod-text .prod-details .buttons .btn:nth-child(3){margin-left:0} @media screen and (min-width:992px){.prod-text .prod-details .buttons .btn:nth-child(3){margin-top:1.5rem;margin-left:0} } @media screen and (min-width:1200px){.prod-text .prod-details .buttons .btn:nth-child(3){margin-top:1.5rem;margin-left:0} } .prod-text .prod-details a{font-weight:700} .component.product-information .thumbnails .product-media button{background:0} .component.product-information .thumbnails .product-media button .play-icon{display:none;width:2rem;height:2rem} .component.product-information .product-media button{display:inline-block;max-width:100%;position:relative;-webkit-appearance:none;-webkit-border-radius:0;border:0} .component.product-information .product-media button span.play-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:background-color .4s linear;-moz-transition:background-color .4s linear;-ms-transition:background-color .4s linear;-o-transition:background-color .4s linear;transition:background-color .4s linear;background-color:rgba(0,0,0,0.4);height:5rem;width:5rem} .component.product-information .product-media button span.play-icon::after{font-family:'icomoon';line-height:5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e913";color:#fff;font-size:2.25rem;padding-left:.5175rem} .component.product-information .product-media button:hover,.component.product-information .product-media button:focus{background:#c9c7c6} .component.product-information .product-media button:hover .play-icon,.component.product-information .product-media button:focus .play-icon{-webkit-transition:background-color .4s linear;-moz-transition:background-color .4s linear;-ms-transition:background-color .4s linear;-o-transition:background-color .4s linear;transition:background-color .4s linear;background-color:rgba(0,0,0,0.8)} @media screen and (min-width:768px){.component.product-information .product-media button span.play-icon{height:8rem;width:8rem} .component.product-information .product-media button span.play-icon::after{line-height:8rem;font-size:3.6rem;padding-left:.828rem} } @media screen and (min-width:992px){.component.product-information .product-media button span.play-icon{height:10rem;width:10rem} .component.product-information .product-media button span.play-icon::after{line-height:10rem;font-size:4.5rem;padding-left:1.035rem} } .component.product-information .product-media small{display:block;font-style:italic;font-size:1.6rem;margin:1.5rem 0 0} .component.product-information .product-media .product-media-callout{font-family:'Barlow',sans-serif;text-decoration:none;text-transform:capitalize;font-weight:400;color:#006e96;font-size:2.5rem;line-height:3rem;margin:2rem 0 0} .component.product-information .product-media .details p{margin:1.2rem 0 0} @media screen and (max-width:767px){body.filter-open header{z-index:auto} } .btn.btn-filter,.btn.btn-sortby{font-size:1.8rem;font-weight:700;color:#464747;background:#dadada;display:block;text-align:center;padding:15px 0;margin-bottom:2rem;margin-left:0 !important} .btn.btn-filter:hover,.btn.btn-sortby:hover,.btn.btn-filter:focus,.btn.btn-sortby:focus{color:#464747;text-decoration:none} @media screen and (min-width:768px){.btn.btn-filter,.btn.btn-sortby{display:none} } @media screen and (min-width:768px){.product-grid.component{display:flex} } .product-grid.component .filter{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;display:none;position:fixed;opacity:0;width:100%;background:rgba(0,0,0,0.4);height:100%} @media screen and (min-width:768px){.product-grid.component .filter{flex-shrink:0;display:block;width:17rem;padding:0 3rem 0 0;height:auto;position:relative;opacity:1;background:0;max-height:100%;overflow:hidden} .product-grid.component .filter:before{display:none} } @media screen and (min-width:992px){.product-grid.component .filter{padding:0 7rem 0 0;width:24rem} } .product-grid.component .filter legend{font-weight:700;text-transform:uppercase;font-size:2rem;border:0;margin-bottom:.4rem;display:block;color:#464747} .product-grid.component .filter .icon-close{display:block;position:absolute;color:#09244f;right:2rem;top:2.5rem;z-index:50} .product-grid.component .filter .icon-close:hover,.product-grid.component .filter .icon-close:focus{color:#464747} @media screen and (min-width:768px){.product-grid.component .filter .icon-close{display:none} } .product-grid.component .filter>div{-webkit-box-shadow:0 0 15px 0 #000;-moz-box-shadow:0 0 15px 0 #000;box-shadow:0 0 15px 0 #000;background:#fff;padding:2.5rem 2rem 4.5rem} @media screen and (min-width:768px){.product-grid.component .filter>div{box-shadow:none;-webkit-box-shadow:none;padding:0;background:0} } .product-grid.component .filter>div fieldset>ul{list-style:none;counter-reset:items} .product-grid.component .filter>div fieldset>ul>li{margin:0;padding:0;font-size:2rem;counter-increment:items;font-weight:500;position:relative} .product-grid.component .filter>div fieldset>ul>li:before{content:"0" counter(items);color:#dadada;font-size:1.8rem;font-weight:700;position:absolute;left:0;top:2.5rem} @media screen and (min-width:768px){.product-grid.component .filter>div fieldset>ul>li{font-size:1.6rem;font-weight:300} .product-grid.component .filter>div fieldset>ul>li:before{display:none} } .product-grid.component .filter>div fieldset>ul>li>span{display:block;padding:2.4rem 2rem 2.4rem 3.5rem;border-top:1px solid #dadada;color:#464747;position:relative;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-ms-transition:color .15s linear;-o-transition:color .15s linear;transition:color .15s linear;cursor:pointer} @media screen and (min-width:768px){.product-grid.component .filter>div fieldset>ul>li>span{padding:1.5rem 2rem 1.5rem 0} } .product-grid.component .filter>div fieldset>ul>li>span:after{content:"\f0d7";font-family:icomoon;color:#006e96;display:block;position:absolute;right:0;top:2.4rem;font-size:2.6rem;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-ms-transition:color .15s linear;-o-transition:color .15s linear;transition:color .15s linear} @media screen and (min-width:768px){.product-grid.component .filter>div fieldset>ul>li>span:after{top:1rem;font-size:2.2rem} } .product-grid.component .filter>div fieldset>ul>li>span:hover,.product-grid.component .filter>div fieldset>ul>li>span:focus{text-decoration:none;color:#006e96} .product-grid.component .filter>div fieldset>ul>li>span:hover:before,.product-grid.component .filter>div fieldset>ul>li>span:focus:before{color:#006e96} .product-grid.component .filter>div fieldset>ul>li>span:hover:after,.product-grid.component .filter>div fieldset>ul>li>span:focus:after{color:#dadada} .product-grid.component .filter>div fieldset>ul>li.open>span{color:#006e96} .product-grid.component .filter>div fieldset>ul>li.open>span:before{color:#006e96} .product-grid.component .filter>div fieldset>ul>li.open>span:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);color:#dadada} .product-grid.component .filter>div fieldset>ul>li:first-child span{border:0} .product-grid.component .filter ul ul{list-style-type:none;padding:2.7rem 0 .9rem 2.5rem;border-top:1px solid #dadada;display:none;max-height:250px;overflow:auto} @media screen and (min-width:768px){.product-grid.component .filter ul ul{padding:1.7rem 0 1.5rem} } .product-grid.component .filter ul ul li{margin:0;padding:0 0 1.9rem;position:relative} @media screen and (min-width:768px){.product-grid.component .filter ul ul li{padding:0 0 .5rem} } .product-grid.component .filter ul ul .item-count{display:none} @media screen and (min-width:768px){.product-grid.component .filter ul ul .item-count{display:inline-block;margin-left:.3rem} } .product-grid.component .filter ul ul label{font-size:1.8rem;line-height:1;font-weight:300;padding:0 0 0 4rem} .product-grid.component .filter ul ul label:before{height:1.8rem;width:1.8rem;top:.9rem;line-height:1.6rem} @media screen and (min-width:768px){.product-grid.component .filter ul ul label{padding:0 0 0 2.5rem;font-size:1.4rem;margin:0} .product-grid.component .filter ul ul label:before{width:11px;height:11px;line-height:.9rem;font-size:.6rem;top:.7rem} } .product-grid.component .filter .filtered{list-style:none;margin-top:3rem} .product-grid.component .filter .filtered span{font-size:1.6rem;font-weight:500;padding:.5rem 2rem .5rem 1.1rem;margin-bottom:1.5rem;display:block;background:#f9f8f8;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;cursor:pointer;position:relative} @media screen and (min-width:768px){.product-grid.component .filter .filtered span{font-size:1.4rem} } .product-grid.component .filter .filtered span:after{content:"\f067";font-family:icomoon;position:absolute;right:1rem;top:.5rem;color:#4f8309;display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-size:1.6rem} .product-grid.component .filter .filtered span:hover,.product-grid.component .filter .filtered span:focus{color:#fff;background-color:#4f8309} .product-grid.component .filter .filtered span:hover:after,.product-grid.component .filter .filtered span:focus:after{color:#fff} .product-grid.component .filter.open{position:fixed;left:0;right:0;top:0;z-index:10050;display:block;opacity:1;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} .modal-open .product-grid.component .filter{overflow-x:hidden;overflow-y:auto} .product-grid.component .results{display:flex;justify-content:flex-end} @media screen and (min-width:768px){.product-grid.component .results{display:flex} } .product-grid.component .results .sort-by,.product-grid.component .results .num-results{display:inline-block;position:relative} @media screen and (min-width:768px){.product-grid.component .results .sort-by,.product-grid.component .results .num-results{display:block} } .product-grid.component .results .sort-by{width:10rem;padding-right:1rem} .product-grid.component .results .sort-by .arrow{font-size:1.8rem;top:.5rem;right:1rem} @media screen and (max-width:767px){.product-grid.component .results .sort-by{width:100%;padding:0} .product-grid.component .results .sort-by .arrow{display:none} .product-grid.component .results .sort-by select{left:0;top:0;opacity:0;width:100%;height:100%;position:absolute;z-index:10} } .product-grid.component .results select{border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .product-grid.component .results .num-results{display:none;padding-left:1rem;width:auto;border-left:solid 1px #dadada} @media screen and (min-width:768px){.product-grid.component .results .num-results{display:block} } .product-grid.component .results .num-results>span{color:#464747;font-size:1.6rem} .product-grid.component .results .num-results .arrow{font-size:1.8rem;right:auto;left:3rem;top:.5rem} .product-grid.component .results .num-results .chosen-container,.product-grid.component .results .num-results select{width:5rem !important;display:inline-block} .product-grid.component .results .num-results select{width:4rem !important} .product-grid.component .results .chosen-container{border-bottom:0} .product-grid.component .results .chosen-container-single .chosen-single{padding:.5rem 1rem 0 1rem;margin:0} .product-grid.component .results select,.product-grid.component .results .chosen-container,.product-grid.component .results .chosen-container-single .chosen-single,.product-grid.component .results .chosen-container .chosen-drop,.product-grid.component .results .chosen-container.chosen-container-single.chosen-container-single-nosearch.chosen-container-active{font-size:1.6rem;color:#464747;text-align:left;left:0;width:100%} .product-grid.component .results .chosen-container-single .chosen-single{height:3.6rem} .product-grid.component .results .chosen-container-single .chosen-drop{color:#464747} .product-grid.component .results .chosen-container-single .chosen-single div{right:0 !important} .product-grid.component .results .chosen-container-single .chosen-single div b{height:auto;position:relative;top:3px} .product-grid.component .results .chosen-container .chosen-results li{padding:.5rem 1rem} .product-grid.component .titles{clear:both;position:relative} .product-grid.component .titles h3{margin-bottom:1.2rem} .product-grid.component .titles small{font-family:'Barlow',sans-serif;color:#464747;font-size:1.6rem;display:none;margin-left:2rem;text-transform:none} @media screen and (min-width:768px){.product-grid.component .titles small{display:inline-block} } .product-grid.component .titles a{float:right;margin-top:-3.3rem;font-weight:700;font-size:1.8rem;text-transform:uppercase} @media screen and (min-width:768px){.product-grid.component .titles a{margin-top:-3.8rem;font-size:2rem} } .product-grid.component .grid{flex-basis:100%} .product-grid.component .grid .toggle-text-wrapper{flex-grow:1} .product-grid.component .grid .toggle-text,.product-grid.component .grid .mobile-toggle-text{cursor:pointer;color:#4f8309;font-weight:700;font-size:18px;display:none} @media screen and (min-width:768px){.product-grid.component .grid .toggle-text,.product-grid.component .grid .mobile-toggle-text{display:block} } .product-grid.component .grid .mobile-toggle-text{padding-bottom:2rem;display:block} @media screen and (min-width:768px){.product-grid.component .grid .mobile-toggle-text{display:none} } .product-grid.component .grid .product-sections-container .product-section{border-bottom:.1rem solid #dadada;margin-bottom:4rem} .product-grid.component .grid .product-sections-container .product-section:last-child{border-bottom:0} @media screen and (min-width:768px) and (max-width:991px){.product-grid.component .grid .product-sections-container .product-section .section-header .section-title-wrap{max-width:43rem;display:inline-block} } .product-grid.component .grid .product-sections-container .product-section .section-header .section-title{text-transform:uppercase;font-family:'Barlow',sans-serif;color:#09244f;font-size:40px;font-size:4rem;line-height:4rem} .product-grid.component .grid .product-sections-container .product-section .section-header .section-results{margin-left:1rem;font-size:16px;font-size:1.6rem;color:#464747;white-space:nowrap} .product-grid.component .grid .product-sections-container .product-section .section-header .see-all{float:right} .product-grid.component .grid>ul,.product-grid.component .grid .products-results-list{list-style:none;display:flex;flex-flow:row wrap;margin:2rem 0 2.5rem;position:relative} @media screen and (min-width:768px){.product-grid.component .grid>ul,.product-grid.component .grid .products-results-list{display:flex;flex-flow:row wrap;margin:0 -1.5rem 2.2rem -1.5rem;padding-bottom:3rem} } @media screen and (min-width:992px){.product-grid.component .grid>ul,.product-grid.component .grid .products-results-list{margin:0 -2.5rem 2.2rem -2.5rem} } .product-grid.component .grid>ul:after,.product-grid.component .grid .products-results-list:after{clear:both;content:'';height:0;display:block} .product-grid.component .grid>ul li,.product-grid.component .grid .products-results-list li{display:block;width:50%;flex-basis:50%;margin:0;padding:0;position:relative;text-align:center} @media screen and (min-width:768px){.product-grid.component .grid>ul li,.product-grid.component .grid .products-results-list li{flex-shrink:0;float:none;margin:0 0 -2.8rem;padding:0;width:33%;flex-basis:33%;text-align:left} .product-grid.component .grid>ul li:nth-child(2n+1),.product-grid.component .grid .products-results-list li:nth-child(2n+1){clear:none} } @media screen and (min-width:992px){.product-grid.component .grid>ul li,.product-grid.component .grid .products-results-list li{margin:0 0 -6.8rem} } .product-grid.component .grid>ul li a,.product-grid.component .grid .products-results-list li a{display:block;padding:.5rem;border:3px solid rgba(255,255,255,0);position:relative;height:100%;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} @media screen and (min-width:768px){.product-grid.component .grid>ul li a,.product-grid.component .grid .products-results-list li a{padding:1.5rem 1.5rem 1rem} } @media screen and (min-width:992px){.product-grid.component .grid>ul li a,.product-grid.component .grid .products-results-list li a{padding:2.5rem 2.5rem 1.8rem} } .product-grid.component .grid>ul li a:hover,.product-grid.component .grid .products-results-list li a:hover,.product-grid.component .grid>ul li a:focus,.product-grid.component .grid .products-results-list li a:focus,.product-grid.component .grid>ul li a.on,.product-grid.component .grid .products-results-list li a.on{text-decoration:none;border:3px solid #4f8309;background:#fff;position:relative;z-index:50} .product-grid.component .grid>ul li a:hover .quickview,.product-grid.component .grid .products-results-list li a:hover .quickview,.product-grid.component .grid>ul li a:focus .quickview,.product-grid.component .grid .products-results-list li a:focus .quickview,.product-grid.component .grid>ul li a.on .quickview,.product-grid.component .grid .products-results-list li a.on .quickview{opacity:1} .product-grid.component .grid>ul li a .image,.product-grid.component .grid .products-results-list li a .image{position:relative;height:0;padding-bottom:96%;margin-bottom:1.5rem} @media screen and (min-width:768px){.product-grid.component .grid>ul li a .image,.product-grid.component .grid .products-results-list li a .image{padding-bottom:89%;margin-bottom:2.5rem} } .product-grid.component .grid>ul li a .image img,.product-grid.component .grid .products-results-list li a .image img{display:block;position:absolute;left:0;right:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;font-family:'object-fit: contain; object-position: center center';object-position:bottom} .product-grid.component .grid>ul li a p,.product-grid.component .grid .products-results-list li a p{margin:0} .product-grid.component .grid>ul li a h4,.product-grid.component .grid .products-results-list li a h4{color:#006e96;font-size:1.6rem;line-height:1.15;margin-bottom:0;font-weight:400;text-transform:none;font-family:'Barlow',sans-serif} @media screen and (min-width:768px){.product-grid.component .grid>ul li a h4,.product-grid.component .grid .products-results-list li a h4{font-size:2rem;margin-bottom:2rem} } @media screen and (min-width:992px){.product-grid.component .grid>ul li a h4,.product-grid.component .grid .products-results-list li a h4{font-size:2.6rem;margin-bottom:2rem} } .product-grid.component .grid>ul li a .description,.product-grid.component .grid .products-results-list li a .description{color:#464747;display:none;font-size:1.6rem;line-height:1.15} @media screen and (min-width:768px){.product-grid.component .grid>ul li a .description,.product-grid.component .grid .products-results-list li a .description{display:block} } .product-grid.component .grid>ul li a .quickview,.product-grid.component .grid .products-results-list li a .quickview{display:none} @media screen and (min-width:768px){.product-grid.component .grid>ul li a .quickview,.product-grid.component .grid .products-results-list li a .quickview{display:block;text-align:center;border-top:solid 1px #dadada;font-size:1.6rem;padding:1.4rem 2rem 0;cursor:pointer;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;margin-top:2.6rem;position:relative;opacity:0;color:#464747} .product-grid.component .grid>ul li a .quickview>span,.product-grid.component .grid .products-results-list li a .quickview>span{display:inline-block;margin-right:1.5rem;color:#4f8309;position:relative;top:2px} .product-grid.component .grid>ul li a .quickview:hover,.product-grid.component .grid .products-results-list li a .quickview:hover,.product-grid.component .grid>ul li a .quickview:focus,.product-grid.component .grid .products-results-list li a .quickview:focus{color:#4f8309} } @media screen and (min-width:992px){.product-grid.component .grid>ul li a .quickview,.product-grid.component .grid .products-results-list li a .quickview{font-size:2rem} } .product-grid.component .grid .no-results{margin-top:2rem;color:#464747} .modal.quickview-modal>figure{padding:2rem;width:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} @media screen and (min-width:768px){.modal.quickview-modal>figure{-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);max-width:60rem;padding:4rem 4rem 4rem} } @media screen and (min-width:992px){.modal.quickview-modal>figure{max-width:90rem;padding:6rem 4rem 5.3rem;left:0;top:10rem;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);margin-bottom:10rem} } .modal.quickview-modal>figure .sku-products{margin:2rem 0;max-height:150px;overflow:auto} .modal.quickview-modal>figure .sku-products ul{display:flex;flex-flow:row wrap;justify-content:space-between} .modal.quickview-modal>figure .sku-products ul li{width:48%} .modal.quickview-modal>figure .sku-products ul li .sku-link{text-transform:lowercase} .modal.quickview-modal>figure .see-items-link .inactive-mode{display:block} .modal.quickview-modal>figure .see-items-link .active-mode{display:none} .modal.quickview-modal>figure .see-items-link.active .inactive-mode{display:none} .modal.quickview-modal>figure .see-items-link.active .active-mode{display:block} @media screen and (min-width:768px){.quick-view{display:flex;flex-flow:row nowrap} } .quick-view .image{height:25rem;width:100%} .quick-view .image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;font-family:'object-fit: contain; object-position: center center';object-position:center center} @media screen and (min-width:768px){.quick-view .image{height:36rem;width:25rem;padding-right:2.5rem;flex-shrink:0} } @media screen and (min-width:992px){.quick-view .image{width:38.5rem} } .quick-view .details p{margin-bottom:2.5rem} .quick-view .details h3{color:#006e96;font-size:2.6rem;font-family:'Barlow',sans-serif;font-weight:400;text-transform:none;margin-bottom:1.5rem} @media screen and (max-width:767px) and (min-width:1px){.quick-view .details .btn{width:100%} .quick-view .details .btn:last-child{margin:1rem 0 0 0} } @media screen and (min-width:768px) and (max-width:991px){.quick-view .details{font-size:1.6rem} .quick-view .details li{padding-left:2rem} .quick-view .details li:before{top:.8rem;width:.6rem;height:.6rem} .quick-view .details .btn{width:100%} .quick-view .details .btn:last-child{margin:1rem 0 0 0} } .grid .pagination .paging ol li a:after{content:''} .grid .pagination .paging ol li a:before{-webkit-transition:background-color .001s linear;-moz-transition:background-color .001s linear;-ms-transition:background-color .001s linear;-o-transition:background-color .001s linear;transition:background-color .001s linear} .product-detail-tabs.tabs{margin-top:.8rem} .product-detail-tabs.tabs .tabs.component.noedit .tab-content{font-size:1.6rem} @media screen and (min-width:768px){.product-detail-tabs.tabs .tabs.component.noedit .tab-content{font-size:1.8rem} } .product-detail-tabs.tabs .tabs.component.noedit .tab-content li:before{top:.8rem;left:.3rem} .product-detail-tabs.tabs .tabs.component.noedit .tab-content .item{margin:1.6rem 0 2rem 0} @media screen and (min-width:768px){.product-detail-tabs.tabs .tabs.component.noedit .tab-content .item{max-width:91.5rem;margin:1.8rem 0 2rem 0} } @media screen and (min-width:992px){.product-detail-tabs.tabs .tabs.component.noedit .tab-content .item{padding-left:11.5rem} } @media screen and (min-width:768px){.product-detail-tabs.tabs .tabs.component.noedit .tab-content .accordion.section dt .number{padding-top:.1em} } @media screen and (min-width:768px){.product-detail-tabs.tabs .tabs.component.noedit .tab-content .accordion.section dt h4{font-size:2.4rem} } @media screen and (min-width:768px){.product-detail-tabs.tabs .tabs.component.noedit .tab-content .accordion.section .accordion-content{font-size:1.8rem} } .product-components.component .left{text-align:center;font-weight:bold} .pool-pump-savings-calculator.component .step-1 .btn-location{width:5.5rem;height:5.5rem;padding:0} .pool-pump-savings-calculator.component .step-1 .btn-location:before{display:none} .pool-pump-savings-calculator.component .step-1 .icon-crosshair{font-size:3rem;display:inline-block;vertical-align:middle;width:5.5rem;height:5.5rem;line-height:5.2rem} .pool-pump-savings-calculator.component .step-1 label{margin-bottom:.6rem} .pool-pump-savings-calculator.component .step-1 label.rate{border-bottom:solid 1px #dadada;color:#464747;font-weight:300;display:flex;margin:0;text-transform:none;width:15rem} .pool-pump-savings-calculator.component .step-1 label.rate span{align-self:center;padding-bottom:.4rem} .pool-pump-savings-calculator.component .step-1 input.rate{border-bottom:0} .pool-pump-savings-calculator.component .step-1 input.rate:focus{border-bottom:0} .pool-pump-savings-calculator.component .step-1 input{margin-bottom:0;padding:0 0rem .4rem 0} .pool-pump-savings-calculator.component .step-1 input:focus{border-bottom:solid 1px #dadada} .pool-pump-savings-calculator.component .step-1 .zipCode{width:calc(100% - 15rem)} .pool-pump-savings-calculator.component .step-1 .flex-column{display:flex;flex-direction:column} .pool-pump-savings-calculator.component .step-1 .flex-row{display:flex;flex-direction:row} .pool-pump-savings-calculator.component .step-1 .rate{font-size:1.8rem;bottom:2rem} .pool-pump-savings-calculator.component .step-1 .rateinput{width:15rem} @media screen and (min-width:768px) and (max-width:991px){.pool-pump-savings-calculator.component .step-1 .rate{font-size:2.5rem;bottom:1.8rem} } @media screen and (min-width:992px){.pool-pump-savings-calculator.component .step-1 .rate{font-size:2.5rem;bottom:.4rem} } .pool-pump-savings-calculator.component .step-1 .layout{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:space-between;align-items:flex-start} @media screen and (min-width:992px){.pool-pump-savings-calculator.component .step-1 .layout{align-items:center;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap} } .pool-pump-savings-calculator.component .step-1 .layout>div{position:relative;padding:0 0 1.5rem;width:100%} @media screen and (min-width:768px) and (max-width:991px){.pool-pump-savings-calculator.component .step-1 .layout>div:last-child{width:100%} } @media screen and (min-width:992px){.pool-pump-savings-calculator.component .step-1 .layout>div{width:auto;padding:0} .pool-pump-savings-calculator.component .step-1 .layout>div:last-child{width:50rem;flex-shrink:0} } .pool-pump-savings-calculator.component .step-1 .parsley-errors-list.filled{font-size:12px;font-size:1.2rem;font-weight:600} .pool-pump-savings-calculator.component .step-2 fieldset>div{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;border-bottom:solid 1px #dadada;justify-content:space-between} .pool-pump-savings-calculator.component .step-2 fieldset>div>div{display:inline-block} .pool-pump-savings-calculator.component .step-2 fieldset>div>div label{padding:1rem .5rem;color:#bebebe;margin:0;position:relative} @media screen and (min-width:768px) and (max-width:991px){.pool-pump-savings-calculator.component .step-2 fieldset>div>div label{padding:1.5rem .5rem} } @media screen and (min-width:992px){.pool-pump-savings-calculator.component .step-2 fieldset>div>div label{padding:1.5rem} } .pool-pump-savings-calculator.component .step-2 fieldset>div>div label:before{display:none} .pool-pump-savings-calculator.component .step-2 fieldset>div>div label>sup{text-transform:uppercase;font-size:57%} .pool-pump-savings-calculator.component .step-2 fieldset>div>div:first-child label{padding-left:0} .pool-pump-savings-calculator.component .step-2 fieldset>div>div:last-child label{padding-right:0} @media screen and (max-width:767px) and (min-width:1px){.pool-pump-savings-calculator.component .step-2 .picked{margin-top:6rem} } .pool-pump-savings-calculator.component .step-2 input[type="radio"]:checked+label{color:#464747} .pool-pump-savings-calculator.component .step-2 input[type="radio"]:checked+label:after{position:absolute;border-bottom:solid 3px #006e96;bottom:-2px;left:0;right:0;content:''} .pool-pump-savings-calculator.component .step-2 input[type="radio"]:hover+label,.pool-pump-savings-calculator.component .step-2 input[type="radio"]:focus+label{color:#464747} .pool-pump-savings-calculator.component .step-2 .layout{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:space-between} @media screen and (min-width:768px){.pool-pump-savings-calculator.component .step-2 .layout{-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap} } .pool-pump-savings-calculator.component .step-2 .layout>div{position:relative;width:100%} @media screen and (min-width:768px) and (max-width:991px){.pool-pump-savings-calculator.component .step-2 .layout>div:first-child{padding:0 4rem 2rem 0} .pool-pump-savings-calculator.component .step-2 .layout>div:last-child{width:16rem;justify-content:flex-end} } @media screen and (min-width:992px){.pool-pump-savings-calculator.component .step-2 .layout>div:first-child{padding-right:7rem} .pool-pump-savings-calculator.component .step-2 .layout>div:last-child{width:22rem;flex-shrink:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:flex-end} } @media screen and (max-width:767px) and (min-width:1px){.pool-pump-savings-calculator.component .step-2 .buttons{justify-content:space-between} } .pool-pump-savings-calculator.component .step-3 .layout{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:space-between} @media screen and (min-width:768px){.pool-pump-savings-calculator.component .step-3 .layout{-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap} } .pool-pump-savings-calculator.component .step-3 .layout>div{position:relative;width:100%} .pool-pump-savings-calculator.component .step-3 .layout>div:last-child{flex-shrink:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:flex-end} @media screen and (min-width:768px) and (max-width:991px){.pool-pump-savings-calculator.component .step-3 .layout>div:first-child{padding-right:3rem} .pool-pump-savings-calculator.component .step-3 .layout>div:last-child{width:13rem} } @media screen and (min-width:992px){.pool-pump-savings-calculator.component .step-3 .layout>div:first-child{padding-right:7rem} .pool-pump-savings-calculator.component .step-3 .layout>div:last-child{width:22rem;flex-shrink:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:flex-end} } @media screen and (max-width:767px) and (min-width:1px){.pool-pump-savings-calculator.component .step-3 .buttons{justify-content:space-between} } .pool-pump-savings-calculator.component .step-4 .layout{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:space-between} @media screen and (min-width:768px){.pool-pump-savings-calculator.component .step-4 .layout{-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap} } .pool-pump-savings-calculator.component .step-4 .layout>div{position:relative;width:100%} .pool-pump-savings-calculator.component .step-4 .layout>div:last-child{flex-shrink:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:flex-end} @media screen and (min-width:768px) and (max-width:991px){.pool-pump-savings-calculator.component .step-4 .layout>div:first-child{padding-right:3rem} .pool-pump-savings-calculator.component .step-4 .layout>div:last-child{width:13rem} } @media screen and (min-width:992px){.pool-pump-savings-calculator.component .step-4 .layout>div:first-child{padding-right:7rem} .pool-pump-savings-calculator.component .step-4 .layout>div:last-child{width:22rem;flex-shrink:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:flex-end} } @media screen and (max-width:767px) and (min-width:1px){.pool-pump-savings-calculator.component .step-4 .buttons{justify-content:space-between} } .pool-pump-savings-calculator.component .step-5 .layout{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:space-between} @media screen and (min-width:768px){.pool-pump-savings-calculator.component .step-5 .layout{-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap} } .pool-pump-savings-calculator.component .step-5 .layout>div{position:relative;width:100%} .pool-pump-savings-calculator.component .step-5 .layout>div:last-child{flex-shrink:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:flex-end} @media screen and (min-width:768px) and (max-width:991px){.pool-pump-savings-calculator.component .step-5 .layout>div:first-child{padding-right:3rem} .pool-pump-savings-calculator.component .step-5 .layout>div:last-child{width:13rem} } @media screen and (min-width:992px){.pool-pump-savings-calculator.component .step-5 .layout>div:first-child{padding-right:7rem} .pool-pump-savings-calculator.component .step-5 .layout>div:last-child{width:22rem;flex-shrink:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:flex-end} } @media screen and (max-width:767px){.pool-pump-savings-calculator.component .step-5 .buttons{display:block;text-align:right} .pool-pump-savings-calculator.component .step-5 .buttons .btn{margin:0 0 2rem;width:auto} } .pool-pump-savings-calculator.component{font-size:1.8rem;width:100%;max-width:1105px;margin:0 auto} @media screen and (min-width:768px){.pool-pump-savings-calculator.component{font-size:2rem} } .pool-pump-savings-calculator.component label{line-height:1.6rem} .pool-pump-savings-calculator.component .text{font-size:1.8rem} @media screen and (min-width:768px){.pool-pump-savings-calculator.component .text{font-size:2rem} } .pool-pump-savings-calculator.component p{margin-bottom:2rem} @media screen and (min-width:768px){.pool-pump-savings-calculator.component p{margin-bottom:4.5rem} } .pool-pump-savings-calculator.component h4{font-size:2.4rem;margin:0 0 2rem} @media screen and (min-width:768px){.pool-pump-savings-calculator.component h4{font-size:3rem} } .pool-pump-savings-calculator.component .buttons{margin-top:4rem;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap nowrap;-ms-flex-flow:row nowrap nowrap;flex-flow:row nowrap nowrap;justify-content:flex-end} @media screen and (min-width:992px){.pool-pump-savings-calculator.component .buttons{margin-top:8rem} } .pool-pump-savings-calculator.component .slider-value{text-align:right;font-size:2.5rem;line-height:4.5rem} @media screen and (min-width:768px) and (max-width:991px){.pool-pump-savings-calculator.component .slider-value{font-size:1.8rem} } .pool-pump-savings-calculator.component input{margin:0;padding:0} .pool-pump-savings-calculator.component input:focus{border-bottom:0} .pool-pump-savings-calculator.component .slider-container .slider-unselected{width:50%} .pool-pump-savings-calculator.component .slider-container .slider-selected{width:50%} .pool-pump-savings-calculator.component .tick-container .large-tick:first-of-type{justify-content:flex-start} .pool-pump-savings-calculator.component .tick-container .large-tick:last-of-type{justify-content:flex-end} .pool-pump-savings-calculator.component .pagination{padding:0;margin:-0.7rem 0 3rem 0;border-top:0} @media screen and (min-width:768px){.pool-pump-savings-calculator.component .pagination{-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;margin:-0.7rem 0 0 0} } .pool-pump-savings-calculator.component .pagination .paging ol li a{font-weight:700;color:#464747} .pool-pump-savings-calculator.component .pagination .paging ol li a:hover{background-color:transparent} .pool-pump-savings-calculator.component .pagination .paging ol li:not(.active) .diamond-icon:hover{background-color:transparent} .pool-pump-savings-calculator.component .pagination .paging ol li.active a{color:#fff} .pool-pump-savings-calculator.component .pagination .paging ol li.active a:hover{color:#fff;background-color:#4f8309} .pool-pump-savings-calculator.component .pagination .paging ol li div{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);white-space:nowrap} .pool-pump-savings-calculator.component .pagination .paging ol li div>span{display:inline-block;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)} .pool-pump-savings-calculator.component .pagination .paging ol li div>span:first-child{width:100%;font-weight:700} .pool-pump-savings-calculator.component .pagination .paging ol li div>span:last-child{color:#09244f;font-size:1.6rem;font-weight:500;margin-left:1.8rem;font-family:'Barlow',sans-serif;display:none} @media screen and (min-width:768px){.pool-pump-savings-calculator.component .pagination .paging ol li div>span:last-child{display:inline-block} } @media screen and (min-width:768px){.pool-pump-savings-calculator.component .pagination .paging ol li{display:block;margin:0 0 1rem} } .pool-pump-savings-calculator.component button.btn{height:6rem;padding:0 3rem;min-width:auto} .pool-pump-savings-calculator.component button.btn.disabled{opacity:1;cursor:pointer;background-color:#4f8309} .pool-pump-savings-calculator.component button.btn.disabled:before{background:0} .pool-pump-savings-calculator.component button.btn+.btn{margin:0 0 0 2rem} .pool-pump-savings-calculator .picked,.pool-pump-savings-results .picked{position:relative;width:15rem;height:15rem;background:#006e96;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:300;text-align:center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:center;align-items:center;margin:9rem auto 4rem} @media screen and (min-width:768px) and (max-width:991px){.pool-pump-savings-calculator .picked,.pool-pump-savings-results .picked{width:11rem;height:11rem;margin:0} } @media screen and (min-width:992px){.pool-pump-savings-calculator .picked,.pool-pump-savings-results .picked{margin:-3rem 3.5rem 0 0} } .pool-pump-savings-calculator .picked>p,.pool-pump-savings-results .picked>p{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);margin:1rem 0 0 1rem;width:100%} @media screen and (min-width:768px) and (max-width:991px){.pool-pump-savings-calculator .picked>p,.pool-pump-savings-results .picked>p{margin:0} } .pool-pump-savings-calculator .picked .num,.pool-pump-savings-results .picked .num{font-size:6rem;line-height:1em} @media screen and (min-width:768px) and (max-width:991px){.pool-pump-savings-calculator .picked .num,.pool-pump-savings-results .picked .num{font-size:4rem} } .pool-pump-savings-calculator .picked sup,.pool-pump-savings-results .picked sup{text-transform:uppercase;font-size:53%;top:-0.7em} .pool-pump-savings-calculator .picked .label,.pool-pump-savings-results .picked .label{display:block;text-align:center;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:1.8rem;padding:1rem 0 0 0} @media screen and (min-width:768px) and (max-width:991px){.pool-pump-savings-calculator .picked .label,.pool-pump-savings-results .picked .label{font-size:1.4rem;padding:0} } .pool-pump-savings-results.component .accordion.section{max-width:100rem} .pool-pump-savings-results.component .accordion.section dt{border-bottom:solid 1px #e0e0e0} .pool-pump-savings-results.component .accordion.section dt .number{color:#e0e0e0} .pool-pump-savings-results.component .accordion.section dt.active .number{color:#006e96} .pool-pump-savings-results.component .accordion.section dt.active span[class*="icon-"]{color:#e0e0e0} .pool-pump-savings-results.component .accordion.section dd{padding:2.5rem 0} .pool-pump-savings-results.component .accordion.section:last-of-type{margin-bottom:3rem} .pool-pump-savings-results.component .title{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:space-between;padding-bottom:.5rem} @media screen and (min-width:768px){.pool-pump-savings-results.component .title{-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;align-items:center;padding-bottom:3.5rem} } .pool-pump-savings-results.component .title h4{font-size:2.4rem;margin:0} @media screen and (min-width:768px){.pool-pump-savings-results.component .title h4{font-size:3rem} } .pool-pump-savings-results.component .title .share.component{position:relative;padding:0;background:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:flex;align-items:center;align-content:center;margin-top:-1rem} @media screen and (min-width:768px){.pool-pump-savings-results.component .title .share.component{padding:2rem 0 0 0;margin:0;display:inline-block} } .pool-pump-savings-results.component .title .share.component .share-component-label{display:inline-block;white-space:nowrap} .pool-pump-savings-results.component .title .share.component ul{margin:1.8rem 0 0 2rem;height:auto;display:flex;width:100%;max-width:20rem} @media screen and (min-width:768px){.pool-pump-savings-results.component .title .share.component ul{margin:0 0 0 .5rem;max-width:none;width:auto;display:inline-block} } .pool-pump-savings-results.component .figures{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:space-between;align-items:flex-start} @media screen and (min-width:768px){.pool-pump-savings-results.component .figures{-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap} } .pool-pump-savings-results.component .figures .btn{margin:2rem auto 0;min-width:0;width:100%;max-width:18.5rem;display:block} @media screen and (min-width:768px){.pool-pump-savings-results.component .figures .btn{margin:2rem 0 0 0;max-width:none;display:inline-block} } .pool-pump-savings-results.component .figures h5{font-size:1.8rem;text-align:center;margin:0 0 1.5rem} @media screen and (min-width:768px) and (max-width:991px){.pool-pump-savings-results.component .figures h5{font-size:1.4rem} } .pool-pump-savings-results.component .figures .picked{margin:5rem auto} @media screen and (min-width:768px) and (max-width:991px){.pool-pump-savings-results.component .figures .picked{margin:3rem auto} } .pool-pump-savings-results.component .figures .value{font-size:1.6rem;color:#58595b;text-align:center;width:50%;float:left;margin-top:-3.5rem;line-height:1.15em} @media screen and (min-width:768px) and (max-width:991px){.pool-pump-savings-results.component .figures .value{margin:0 0 1rem;float:none;width:100%} .pool-pump-savings-results.component .figures .value:last-child{margin:0} } .pool-pump-savings-results.component .figures .value>span{font-family:'Barlow Condensed',sans-serif;font-weight:700;color:#006e96;display:block;margin:0 0 .3rem} @media screen and (min-width:768px) and (max-width:991px){.pool-pump-savings-results.component .figures .value>span{margin:0} } .pool-pump-savings-results.component .figures>div{width:100%;padding:2.5rem 0 0 0;max-width:26rem;margin:0 auto} .pool-pump-savings-results.component .figures>div:first-child{max-width:30rem;padding:0} @media screen and (min-width:768px){.pool-pump-savings-results.component .figures>div{width:23%;padding:0;max-width:none;margin:0} .pool-pump-savings-results.component .figures>div:first-child{width:18rem;flex-shrink:0} } .pool-pump-savings-results.component .figures>div img{width:100%} .pool-pump-savings-results.component p a{color:#4f8309;font-weight:700;text-transform:uppercase;font-size:1.6rem} .page-list.component .filter{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;display:none;position:fixed;float:left;opacity:0;width:100%;background:rgba(0,0,0,0.4);height:100%} @media screen and (min-width:768px){.page-list.component .filter{flex-shrink:0;display:block;width:17rem;padding:0 3rem 0 0;height:auto;position:relative;opacity:1;background:0} .page-list.component .filter:before{display:none} } @media screen and (min-width:992px){.page-list.component .filter{padding:0 7rem 0 0;width:24rem} } .page-list.component .filter legend{font-weight:700;text-transform:uppercase;font-size:2rem;border:0;margin-bottom:.4rem;display:block;color:#464747} .page-list.component .filter .icon-close{display:block;position:absolute;color:#09244f;right:2rem;top:2.5rem;z-index:50} .page-list.component .filter .icon-close:hover,.page-list.component .filter .icon-close:focus{color:#464747} @media screen and (min-width:768px){.page-list.component .filter .icon-close{display:none} } .page-list.component .filter form{-webkit-box-shadow:0 0 15px 0 #000;-moz-box-shadow:0 0 15px 0 #000;box-shadow:0 0 15px 0 #000;background:#fff;padding:2.5rem 2rem 4.5rem} @media screen and (min-width:768px){.page-list.component .filter form{box-shadow:none;-webkit-box-shadow:none;padding:0;background:0} } .page-list.component .filter form fieldset>ul{list-style:none;counter-reset:items} .page-list.component .filter form fieldset>ul>li{margin:0;padding:0;font-size:2rem;counter-increment:items;position:relative} .page-list.component .filter form fieldset>ul>li:before{content:"0" counter(items);color:#dadada;font-size:1.8rem;font-weight:700;position:absolute;left:0;top:2.5rem} @media screen and (min-width:768px){.page-list.component .filter form fieldset>ul>li{font-size:1.6rem;font-weight:300} .page-list.component .filter form fieldset>ul>li:before{display:none} } .page-list.component .filter form fieldset>ul>li>span{display:block;padding:2.4rem 2rem 2.4rem 3.5rem;border-top:1px solid #dadada;color:#464747;position:relative;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-ms-transition:color .15s linear;-o-transition:color .15s linear;transition:color .15s linear;cursor:pointer} @media screen and (min-width:768px){.page-list.component .filter form fieldset>ul>li>span{padding:1.5rem 2rem 1.5rem 0} } .page-list.component .filter form fieldset>ul>li>span:after{content:"\f0d7";font-family:icomoon;color:#006e96;display:block;position:absolute;right:0;top:2.4rem;font-size:2.6rem;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-ms-transition:color .15s linear;-o-transition:color .15s linear;transition:color .15s linear} @media screen and (min-width:768px){.page-list.component .filter form fieldset>ul>li>span:after{top:1rem;font-size:2.2rem} } .page-list.component .filter form fieldset>ul>li>span:hover,.page-list.component .filter form fieldset>ul>li>span:focus{text-decoration:none;color:#006e96;font-weight:400} .page-list.component .filter form fieldset>ul>li>span:hover:before,.page-list.component .filter form fieldset>ul>li>span:focus:before{color:#006e96} .page-list.component .filter form fieldset>ul>li>span:hover:after,.page-list.component .filter form fieldset>ul>li>span:focus:after{color:#dadada} .page-list.component .filter form fieldset>ul>li.open>span{color:#006e96} .page-list.component .filter form fieldset>ul>li.open>span:before{color:#006e96} .page-list.component .filter form fieldset>ul>li.open>span:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);color:#dadada} .page-list.component .filter form fieldset>ul>li:first-child span{border:0} .page-list.component .filter ul ul{list-style-type:none;padding:2.7rem 0 .9rem 2.5rem;border-top:1px solid #dadada;display:none;max-height:250px;overflow:auto} @media screen and (min-width:768px){.page-list.component .filter ul ul{padding:1.7rem 0 1.5rem} } .page-list.component .filter ul ul li{margin:0;padding:0 0 1.9rem;position:relative} @media screen and (min-width:768px){.page-list.component .filter ul ul li{padding:0 0 .5rem} } .page-list.component .filter ul ul .item-count{display:none} @media screen and (min-width:768px){.page-list.component .filter ul ul .item-count{display:inline-block;margin-left:.3rem} } .page-list.component .filter ul ul label{font-size:1.8rem;line-height:1;font-weight:300;padding:0 0 0 4rem} .page-list.component .filter ul ul label:before{height:1.8rem;width:1.8rem;top:.9rem;line-height:1.6rem} @media screen and (min-width:768px){.page-list.component .filter ul ul label{padding:0 0 0 2.5rem;font-size:1.4rem;margin:0} .page-list.component .filter ul ul label:before{width:11px;height:11px;line-height:.9rem;font-size:.6rem;top:.7rem} } .page-list.component .filter .filtered{list-style:none;margin-top:3rem} @media screen and (min-width:768px){.page-list.component .filter .filtered{max-width:14.3rem} } .page-list.component .filter .filtered span{font-size:1.6rem;font-weight:500;padding:.5rem 2rem .5rem 1.1rem;margin-bottom:1.5rem;display:block;background:#f9f8f8;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;cursor:pointer;position:relative} @media screen and (min-width:768px){.page-list.component .filter .filtered span{font-size:1.4rem} } .page-list.component .filter .filtered span:after{content:"\f067";font-family:icomoon;position:absolute;right:1rem;top:.5rem;color:#4f8309;display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-size:1.6rem} .page-list.component .filter .filtered span:hover,.page-list.component .filter .filtered span:focus{color:#fff;background-color:#4f8309} .page-list.component .filter .filtered span:hover:after,.page-list.component .filter .filtered span:focus:after{color:#fff} .page-list.component .filter.open{position:fixed;left:0;right:0;top:0;z-index:10050;display:block;opacity:1;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} .modal-open .page-list.component .filter{overflow-x:hidden;overflow-y:auto} @media screen and (min-width:768px){.page-list.component .page-list-results{float:left;width:calc(75%)} } .page-list.component .page-list-results .page-list-content{margin:0 0 5.8rem 0} @media screen and (min-width:768px){.page-list.component .page-list-results .page-list-content{display:flex;flex-flow:row nowrap;margin:0 0 5rem 0} } .page-list.component .page-list-results .page-image{height:19.3rem;width:100%} .page-list.component .page-list-results .page-image small{display:none} @media screen and (min-width:768px){.page-list.component .page-list-results .page-image{width:33rem;height:25rem;flex-shrink:0} } @media screen and (min-width:992px){.page-list.component .page-list-results .page-image{width:41rem;height:28rem} } .page-list.component .page-list-results .page-image>div{height:100%;width:100%} .page-list.component .page-list-results .page-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;font-family:'object-fit: cover; object-position: center center'} .page-list.component .page-list-results .page-list-item{list-style:none;margin:0;padding:0} .page-list.component .page-list-results .page-list-item a{color:#006e96;font-size:2.4rem;line-height:1.25em} .page-list.component .page-list-results .page-list-item a:hover,.page-list.component .page-list-results .page-list-item a:focus{color:#006e96} .page-list.component .page-list-results .page-list-item a>span{text-transform:capitalize;color:#006e96;font-weight:400} @media screen and (min-width:768px){.page-list.component .page-list-results .page-list-item a{font-size:2.6rem} } .page-list.component .page-list-results h5{text-transform:capitalize} .page-list.component .page-list-results .page-list-copy{padding:1.3rem 0 0 0} @media screen and (min-width:768px){.page-list.component .page-list-results .page-list-copy{padding:1rem 0 0 4rem} } @media screen and (min-width:992px){.page-list.component .page-list-results .page-list-copy{padding:3rem 0 0 4rem} } .page-list.component .page-list-results .description{margin:1.2rem 0 2rem} @media screen and (min-width:768px){.page-list.component .page-list-results .description{padding-top:2.4rem;margin:1rem 0 2.5rem} } .page-list.component .page-list-results .subj-copy{font-size:1.6rem;padding-top:1.4rem;line-height:1em;text-transform:capitalize;color:#464747} @media screen and (min-width:768px){.page-list.component .page-list-results .subj-copy{padding-top:1rem} } .page-list.component .page-list-results .subject{color:#09244f} .page-list.component .page-list-results .divider{color:#464747} .page-list.component .page-list-results .date{display:inline-block} .page-list.component .page-list-results .author{position:relative;padding:0 0 0 3.8rem;margin:3rem 0 0 0;font-size:1.6rem;line-height:1em;color:#464747} .page-list.component .page-list-results .image{position:absolute;width:3rem;height:3rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;text-align:center;left:0;top:50%;background:#c9c7c6;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .page-list.component .page-list-results .image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;font-family:'object-fit: cover; object-position: center center';width:100%;height:100%} .page-list.component .page-list-results .author img{display:inline-block;height:30px;width:30px;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;font-family:'object-fit: cover; object-position: center center';border-radius:100%} .page-list.component .page-list-results .name{display:block} @media screen and (min-width:768px){.page-list.component .page-list-results .name{display:inline-block} } .page-list.component .pagination .paging ol li a:after{content:''} .page-list.component .pagination .paging ol li a:before{-webkit-transition:background-color .001s linear;-moz-transition:background-color .001s linear;-ms-transition:background-color .001s linear;-o-transition:background-color .001s linear;transition:background-color .001s linear} .news-list.component .list-items{margin:0 -2rem} @media screen and (min-width:768px){.news-list.component .list-items{display:flex;flex-flow:row wrap;justify-content:space-between;margin:0} } .news-list.component .news-listing-section{padding:2rem;position:relative} @media screen and (min-width:768px){.news-list.component .news-listing-section{padding:0;width:30%} } .news-list.component .news-list-anchor-tile{border:solid 4px transparent;display:block;padding:1rem} .news-list.component .news-list-anchor-tile:hover,.news-list.component .news-list-anchor-tile:focus{border:solid 4px #4f8309} .news-list.component .news-details-content{overflow:hidden} .news-list.component a:hover,.news-list.component a:focus{text-decoration:none} .news-list.component a p{color:#464747;line-height:2.5rem} .news-list.component h5{font-family:'Barlow',sans-serif;font-weight:400;text-transform:none;color:#006e96;font-size:2.6rem;margin:0;padding:2.2rem 0 1.5rem} @media screen and (min-width:768px){.news-list.component h5{font-size:2rem} } @media screen and (min-width:992px){.news-list.component h5{font-size:2.6rem} } .news-list.component h6{font-family:'Barlow Condensed',sans-serif;font-weight:600;color:#464747;font-size:1.6rem;margin:0 0 2.2rem} .news-list.component img{height:18rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;font-family:'object-fit: cover; object-position: center center';width:100%} .news-list.component .news-list-cta{padding:0 0 3rem} @media screen and (min-width:768px){.news-list.component .news-list-cta{padding:3rem 0 0} } .more-from-news>a{display:block;margin:5rem auto} .homepage-news-releases.component{position:relative} .homepage-news-releases.component .row>div:first-of-type{margin:0} @media screen and (min-width:768px){.homepage-news-releases.component .news-releases,.homepage-news-releases.component .pentair-stories{padding-top:.5rem} } .homepage-news-releases.component .news-header{display:flex;justify-content:space-between;text-transform:uppercase;font-weight:700} @media screen and (min-width:768px){.homepage-news-releases.component .news-header{display:block} } @media screen and (min-width:992px){.homepage-news-releases.component .news-header{display:flex} } .homepage-news-releases.component .news-header-label{color:#464747;font-size:1.8rem} @media screen and (min-width:768px){.homepage-news-releases.component .news-header-label{font-size:2.4rem;display:block} } @media screen and (min-width:992px){.homepage-news-releases.component .news-header-label{display:inline-block} } .homepage-news-releases.component .news-header-see-all{color:#4f8309;font-size:1.6rem} @media screen and (min-width:768px){.homepage-news-releases.component .news-header-see-all{font-size:1.4rem;margin-top:-0.5rem;display:block} } @media screen and (min-width:992px){.homepage-news-releases.component .news-header-see-all{margin-top:1rem} } .homepage-news-releases.component .news-content{margin-bottom:3rem} @media screen and (min-width:768px){.homepage-news-releases.component .news-content{margin-bottom:0} } .homepage-news-releases.component .news-item{padding:2.6rem 0 3.1rem;border-bottom:1px solid #dadada;line-height:1.4} .homepage-news-releases.component .news-item:last-of-type{border:0} .homepage-news-releases.component .news-item:first-child{padding-top:1rem} @media screen and (min-width:768px){.homepage-news-releases.component .news-item{padding:1.5rem 0 2rem} } .homepage-news-releases.component .news-item-title{color:#006e96;font-size:2.4rem;display:block} @media screen and (min-width:768px){.homepage-news-releases.component .news-item-title{font-size:2.4rem} } @media screen and (min-width:992px){.homepage-news-releases.component .news-item-title{font-size:2.8rem} } .homepage-news-releases.component .news-item-date{padding-top:.7rem;font-size:1.6rem;font-weight:700;color:#464747} @media screen and (min-width:768px){.homepage-news-releases.component .news-item-date{color:#818181;font-size:1.4rem} } .hero-interactive-hotspot.component{position:relative} @media screen and (min-width:768px){.hero-interactive-hotspot.component{padding-top:52.77%;height:auto !important} } @media screen and (min-width:1440px){.hero-interactive-hotspot.component{padding-top:0;height:76rem !important} .hero-interactive-hotspot.component.small .content{top:22%} } .hero-interactive-hotspot.component .image{background-position:center top;background-repeat:no-repeat;background-size:contain;position:relative;padding-top:52.77%} @media screen and (min-width:768px){.hero-interactive-hotspot.component .image{background-position:center bottom;background-size:cover;padding:0;position:absolute;height:100%;left:0;top:0;right:0;bottom:0} } .hero-interactive-hotspot.component .image.overlay:before{position:absolute;left:0;top:0;right:0;height:90%;display:block;content:'';z-index:10;background:-moz-linear-gradient(top,rgba(0,0,0,0.6) 0,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.6) 0,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.6) 0,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=0)} @media screen and (min-width:768px){.hero-interactive-hotspot.component .image.overlay:before{height:40rem} } @media screen and (min-width:992px){.hero-interactive-hotspot.component .image.overlay:before{height:50rem} } .hero-interactive-hotspot.component .content{text-align:center;line-height:1.25em;font-size:1.8rem;background:#fff;display:block;padding:3.2rem 2rem 1rem;position:relative;z-index:50} @media screen and (min-width:768px){.hero-interactive-hotspot.component .content{padding:0;font-family:'Barlow Condensed',sans-serif;background:transparent;color:#fff;text-shadow:0 0 1.5rem rgba(0,0,0,0.3);position:absolute;left:6%;top:6rem;font-size:2rem;max-width:30rem;line-height:1.15em} } @media screen and (min-width:992px){.hero-interactive-hotspot.component .content{left:6%;top:6rem;font-size:2.4rem;max-width:42rem;line-height:1.15em} } @media screen and (min-width:1200px){.hero-interactive-hotspot.component .content{max-width:52rem;left:6%;top:6rem;font-size:3rem} } @media screen and (min-width:1440px){.hero-interactive-hotspot.component .content{max-width:52rem;left:10%;top:15rem;font-size:3rem} } .hero-interactive-hotspot.component h1{font-size:4.5rem;font-family:'Barlow Condensed',sans-serif;font-weight:500;margin-bottom:1rem;color:#09244f} @media screen and (min-width:768px){.hero-interactive-hotspot.component h1{color:#fff;font-size:4rem;margin-bottom:.5rem} } @media screen and (min-width:992px){.hero-interactive-hotspot.component h1{font-size:8rem;margin-bottom:1rem} } @media screen and (min-width:1200px){.hero-interactive-hotspot.component h1{font-size:11rem} } .hero-interactive-hotspot.component .mobile-spots{position:absolute;left:0;bottom:0;right:0;top:0;z-index:50;counter-reset:mob-counter} @media screen and (min-width:768px){.hero-interactive-hotspot.component .mobile-spots{display:none} } .hero-interactive-hotspot.component .mobile-spots li{z-index:1;outline:0 solid rgba(255,255,255,0.5);-webkit-box-shadow:0 0 .5rem 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 .5rem 0 rgba(0,0,0,0.3);box-shadow:0 0 .5rem 0 rgba(0,0,0,0.3);display:block;position:absolute;background:rgba(255,255,255,0.5);height:2.4rem;width:2.4rem;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;content:'';-webkit-transform:translate(-50%,-50%) rotate(45deg) scale(1) translateZ(1px);transform:translate(-50%,-50%) rotate(45deg) scale(1);transition:background .2s ease-in-out,outline .2s ease-in-out;border-radius:0;text-align:center;line-height:2.4rem;cursor:pointer} .hero-interactive-hotspot.component .mobile-spots li:before{counter-increment:mob-counter;content:'0' counter(mob-counter);opacity:0;font-size:1.6rem;color:#09244f;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);display:block;font-weight:700;font-family:'Barlow',sans-serif} .hero-interactive-hotspot.component .mobile-spots li.active{background:#fff;outline:.3rem solid rgba(255,255,255,0.5)} .hero-interactive-hotspot.component .mobile-spots li.active:before{opacity:1} .hero-interactive-hotspot.component .spots{position:relative;z-index:50} @media screen and (min-width:768px){.hero-interactive-hotspot.component .spots{position:absolute;left:0;width:100%;bottom:0;top:0;height:100%} } .hero-interactive-hotspot.component .spots h3{text-transform:none;font-size:1.8rem;font-weight:700;margin:0;font-family:'Barlow',sans-serif} @media screen and (min-width:768px){.hero-interactive-hotspot.component .spots h3{font-size:1.6rem;font-weight:600;font-family:'Barlow Condensed',sans-serif} } @media screen and (min-width:992px){.hero-interactive-hotspot.component .spots h3{font-size:2rem} } .hero-interactive-hotspot.component .spots ul.mobile-list{margin:-1px 0 0 0;list-style:none;padding:0;background:#fff;width:100%;counter-reset:counter;position:relative;display:flex} @media screen and (min-width:768px){.hero-interactive-hotspot.component .spots ul.mobile-list{display:none} } .hero-interactive-hotspot.component .spots ul.mobile-list li{list-style:none;padding:0;display:block;flex-grow:1;flex-basis:20%;height:6.4rem;border-right:solid 1px #c9c7c6;border-bottom:solid 1px #c9c7c6;color:#4f8309;text-align:center;line-height:6.2rem;font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:3.2rem;-webkit-transition:color .3s linear;-moz-transition:color .3s linear;-ms-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear} .hero-interactive-hotspot.component .spots ul.mobile-list li:before{counter-increment:counter;content:'0' counter(counter)} .hero-interactive-hotspot.component .spots ul.mobile-list li:last-child{border-right:0} .hero-interactive-hotspot.component .spots ul.mobile-list li.active{border-bottom:0;color:#09244f} .hero-interactive-hotspot.component .spots ul.spot-list{margin:0;padding:0} @media screen and (min-width:768px){.hero-interactive-hotspot.component .spots ul.spot-list{display:block !important} } .hero-interactive-hotspot.component .spots ul.spot-list li{list-style:none;padding:4rem 4rem 6rem;margin:0;display:none} .hero-interactive-hotspot.component .spots ul.spot-list li:before{display:none} @media screen and (min-width:768px){.hero-interactive-hotspot.component .spots ul.spot-list li{display:block !important;padding:0} } .hero-interactive-hotspot.component .spots a{text-decoration:none !important;text-align:center;color:#09244f} @media screen and (min-width:768px){.hero-interactive-hotspot.component .spots a{padding:0;position:absolute;height:10rem;width:10rem;display:block} } @media screen and (min-width:992px){.hero-interactive-hotspot.component .spots a{height:13rem;width:13rem} } .hero-interactive-hotspot.component .spots a:hover,.hero-interactive-hotspot.component .spots a:focus{color:#0c3555} @media screen and (min-width:768px){.hero-interactive-hotspot.component .spots a:before{left:50%;top:50%;background:rgba(255,255,255,0.5);-webkit-box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);box-shadow:0 0 2rem 0 rgba(0,0,0,0.3);background:#fff;height:10rem;width:10rem;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;content:'';outline:1rem solid rgba(255,255,255,0.3);-webkit-transform:rotate(45deg) scale(1) translateZ(1px);transform:rotate(45deg) scale(1);animation:setup .6s 1 ease-in;display:block} } @media screen and (min-width:992px){.hero-interactive-hotspot.component .spots a:before{height:13rem;width:13rem;outline:1.5rem solid rgba(255,255,255,0.3)} } @media screen and (min-width:768px){.hero-interactive-hotspot.component .spots a .title{max-width:10rem;opacity:1;z-index:3} } @media screen and (min-width:992px){.hero-interactive-hotspot.component .spots a .title{max-width:13rem} } .hero-interactive-hotspot.component .spots a .details{font-size:1.8rem;color:#464747} @media screen and (min-width:768px){.hero-interactive-hotspot.component .spots a .details{max-width:15rem;font-size:1.4rem;line-height:1.15em;z-index:4;font-weight:700;color:#09244f;opacity:0} } @media screen and (min-width:992px){.hero-interactive-hotspot.component .spots a .details{max-width:18rem;font-size:1.6rem} } @media screen and (min-width:768px){.hero-interactive-hotspot.component .spots a .details.no-pad>div{padding-top:0} } .hero-interactive-hotspot.component .spots a .details span{color:#4f8309;text-transform:uppercase;display:block;margin:3.2rem auto 0;line-height:1em;font-weight:700} @media screen and (min-width:768px){.hero-interactive-hotspot.component .spots a .details span{max-width:6.5rem;margin:1.2rem auto 0} } @media screen and (min-width:992px){.hero-interactive-hotspot.component .spots a .details span{margin:2.2rem auto 0} } .hero-interactive-hotspot.component .spots a .details>div{padding-top:1.2rem} @media screen and (min-width:768px){.hero-interactive-hotspot.component .spots a .details>div{padding-top:3rem} } @media screen and (min-width:768px){.hero-interactive-hotspot.component .spots a>div{position:absolute;text-align:center;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-ms-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear} } @media screen and (min-width:768px){.hero-interactive-hotspot.component .spots li:hover a:before,.hero-interactive-hotspot.component .spots li.active a:before,.hero-interactive-hotspot.component .spots li:focus a:before{animation:first-pulse .3s 1 ease-in-out,pulse 2s infinite ease-in-out;animation-delay:.001s,.3s} .hero-interactive-hotspot.component .spots li:hover a .title,.hero-interactive-hotspot.component .spots li.active a .title,.hero-interactive-hotspot.component .spots li:focus a .title{opacity:0} .hero-interactive-hotspot.component .spots li:hover a .details,.hero-interactive-hotspot.component .spots li.active a .details,.hero-interactive-hotspot.component .spots li:focus a .details{opacity:1} } .hero-interactive-hotspot.component .mobile-spots .spot1,.hero-interactive-hotspot.component .spots .spot1{bottom:25%;left:10%} .hero-interactive-hotspot.component .mobile-spots .spot1 a,.hero-interactive-hotspot.component .spots .spot1 a{bottom:25%;left:5%} .hero-interactive-hotspot.component .mobile-spots .spot2,.hero-interactive-hotspot.component .spots .spot2{bottom:8%;left:33%} .hero-interactive-hotspot.component .mobile-spots .spot2 a,.hero-interactive-hotspot.component .spots .spot2 a{bottom:8%;left:33%} .hero-interactive-hotspot.component .mobile-spots .spot3,.hero-interactive-hotspot.component .spots .spot3{bottom:26%;left:53%} .hero-interactive-hotspot.component .mobile-spots .spot3 a,.hero-interactive-hotspot.component .spots .spot3 a{bottom:26%;left:53%} .hero-interactive-hotspot.component .mobile-spots .spot4,.hero-interactive-hotspot.component .spots .spot4{bottom:54%;left:69%} .hero-interactive-hotspot.component .mobile-spots .spot4 a,.hero-interactive-hotspot.component .spots .spot4 a{bottom:54%;left:69%} .hero-interactive-hotspot.component .mobile-spots .spot5,.hero-interactive-hotspot.component .spots .spot5{bottom:19%;left:84%} .hero-interactive-hotspot.component .mobile-spots .spot5 a,.hero-interactive-hotspot.component .spots .spot5 a{bottom:19%;left:84%} .hero-interactive-hotspot.component.residential .mobile-spots .spot1,.hero-interactive-hotspot.component.residential .spots .spot1{bottom:30%;left:10%} .hero-interactive-hotspot.component.residential .mobile-spots .spot1 a,.hero-interactive-hotspot.component.residential .spots .spot1 a{bottom:30%;left:5%} .hero-interactive-hotspot.component.residential .mobile-spots .spot2,.hero-interactive-hotspot.component.residential .spots .spot2{bottom:9%;left:23%} .hero-interactive-hotspot.component.residential .mobile-spots .spot2 a,.hero-interactive-hotspot.component.residential .spots .spot2 a{bottom:9%;left:23%} .hero-interactive-hotspot.component.residential .mobile-spots .spot3,.hero-interactive-hotspot.component.residential .spots .spot3{bottom:33%;left:45%} .hero-interactive-hotspot.component.residential .mobile-spots .spot3 a,.hero-interactive-hotspot.component.residential .spots .spot3 a{bottom:33%;left:45%} .hero-interactive-hotspot.component.residential .mobile-spots .spot4,.hero-interactive-hotspot.component.residential .spots .spot4{bottom:57%;left:62%} .hero-interactive-hotspot.component.residential .mobile-spots .spot4 a,.hero-interactive-hotspot.component.residential .spots .spot4 a{bottom:57%;left:62%} .hero-interactive-hotspot.component.residential .mobile-spots .spot5,.hero-interactive-hotspot.component.residential .spots .spot5{bottom:35%;left:86%} .hero-interactive-hotspot.component.residential .mobile-spots .spot5 a,.hero-interactive-hotspot.component.residential .spots .spot5 a{bottom:35%;left:86%} .hero-interactive-hotspot.component.commercial .mobile-spots .spot1,.hero-interactive-hotspot.component.commercial .spots .spot1{bottom:25%;left:20%} .hero-interactive-hotspot.component.commercial .mobile-spots .spot1 a,.hero-interactive-hotspot.component.commercial .spots .spot1 a{bottom:25%;left:20%} .hero-interactive-hotspot.component.commercial .mobile-spots .spot2,.hero-interactive-hotspot.component.commercial .spots .spot2{bottom:35%;left:36%} .hero-interactive-hotspot.component.commercial .mobile-spots .spot2 a,.hero-interactive-hotspot.component.commercial .spots .spot2 a{bottom:35%;left:36%} .hero-interactive-hotspot.component.commercial .mobile-spots .spot3,.hero-interactive-hotspot.component.commercial .spots .spot3{bottom:9%;left:51%} .hero-interactive-hotspot.component.commercial .mobile-spots .spot3 a,.hero-interactive-hotspot.component.commercial .spots .spot3 a{bottom:9%;left:51%} .hero-interactive-hotspot.component.commercial .mobile-spots .spot4,.hero-interactive-hotspot.component.commercial .spots .spot4{bottom:46%;left:74%} .hero-interactive-hotspot.component.commercial .mobile-spots .spot4 a,.hero-interactive-hotspot.component.commercial .spots .spot4 a{bottom:46%;left:74%} .hero-interactive-hotspot.component.commercial .mobile-spots .spot5,.hero-interactive-hotspot.component.commercial .spots .spot5{bottom:19%;left:84%} .hero-interactive-hotspot.component.commercial .mobile-spots .spot5 a,.hero-interactive-hotspot.component.commercial .spots .spot5 a{bottom:19%;left:84%} @keyframes setup{from{-webkit-transform:rotate(45deg) scale(1.35) translateZ(1px);transform:rotate(45deg) scale(1.35)} to{-webkit-transform:rotate(45deg) scale(1) translateZ(1px);transform:rotate(45deg) scale(1)} } @keyframes first-pulse{0.001%{-webkit-transform:rotate(45deg) scale(1) translateZ(1px);transform:rotate(45deg) scale(1)} 100%{-webkit-transform:rotate(45deg) scale(1.35) translateZ(1px);transform:rotate(45deg) scale(1.35)} } @keyframes pulse{0.001%,100%{-webkit-transform:rotate(45deg) scale(1.35) translateZ(1px);transform:rotate(45deg) scale(1.35)} 50%{-webkit-transform:rotate(45deg) scale(1.25) translateZ(1px);transform:rotate(45deg) scale(1.25)} } .hero.component{position:relative;z-index:5} @media screen and (min-width:768px){.hero.component{background:#464747} } .hero.component .item{position:relative;height:100%;overflow:hidden} .hero.component .item img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;font-family:'object-fit: cover; object-position: center center';height:100%;width:100%} @media screen and (min-width:768px){.hero.component .owl-item,.hero.component .owl-carousel .owl-stage-outer,.hero.component .owl-stage{height:100% !important} } .hero.component .owl-carousel.hero-carousel{display:block;position:relative} @media screen and (min-width:768px){.hero.component .owl-carousel.hero-carousel{display:block;position:absolute;height:100%;overflow:hidden} } .home .hero.component .owl-carousel.hero-carousel,.category .hero.component .owl-carousel.hero-carousel,.tier-3 .hero.component .owl-carousel.hero-carousel,.brand .hero.component .owl-carousel.hero-carousel,.tier-2 .hero.component .owl-carousel.hero-carousel,.blog-listing .hero.component .owl-carousel.hero-carousel,.news-article .hero.component .owl-carousel.hero-carousel,.blog-article .hero.component .owl-carousel.hero-carousel,.tier-4 .hero.component .owl-carousel.hero-carousel{display:block;position:absolute;height:100%} .hero.component .owl-carousel.hero-carousel .video-wrapper{position:relative;padding-bottom:46.6%} .hero.component .owl-carousel.hero-carousel .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%} .hero.component .owl-dots{position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);counter-reset:items;font-family:'Barlow Condensed',sans-serif;color:#fff;bottom:2rem;z-index:1000;width:100%;text-align:center} .home .hero.component .owl-dots{display:none} @media screen and (min-width:768px){.hero.component .owl-dots{bottom:1rem} } @media screen and (min-width:992px){.hero.component .owl-dots{bottom:3.5rem} } .hero.component .owl-dots .owl-dot{font-size:2rem;margin:0 1.5rem;position:relative;display:inline-block;cursor:pointer;counter-increment:items} @media screen and (min-width:768px){.hero.component .owl-dots .owl-dot{font-size:1.6rem} } @media screen and (min-width:992px){.hero.component .owl-dots .owl-dot{font-size:2rem} } .hero.component .owl-dots .owl-dot:before{position:absolute;top:-3px;content:'';background:rgba(255,255,255,0);transform:translateX(-50%) rotate(45deg);-webkit-transform:translateX(-50%) rotate(45deg);width:3rem;height:3rem;display:block;left:50%;-webkit-transition:background .3s linear;-moz-transition:background .3s linear;-ms-transition:background .3s linear;-o-transition:background .3s linear;transition:background .3s linear} @media screen and (min-width:768px){.hero.component .owl-dots .owl-dot:before{width:2rem;height:2rem;top:1px} } @media screen and (min-width:992px){.hero.component .owl-dots .owl-dot:before{width:3rem;height:3rem;top:0} } .hero.component .owl-dots .owl-dot:after{content:"0" counter(items);position:relative;z-index:5;-webkit-text-shadow:0 0 .3rem #000;-moz-text-shadow:0 0 .3rem #000;text-shadow:0 0 .3rem #000} .hero.component .owl-dots .owl-dot.active{font-weight:700} .hero.component .owl-dots .owl-dot.active:before{background:#4f8309} .hero.component .owl-dots .owl-dot.active:after{-webkit-text-shadow:none;text-shadow:none} .hero.component .owl-nav{display:block} .hero.component .owl-nav .owl-next,.hero.component .owl-nav .owl-prev{cursor:pointer;color:#000;opacity:.45;position:absolute;left:0;top:50%;font-family:icomoon;font-size:4rem;line-height:4rem;margin-top:-2rem;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-ms-transition:opacity .1s linear;-o-transition:opacity .1s linear;transition:opacity .1s linear;z-index:1000} .hero.component .owl-nav .owl-next:active,.hero.component .owl-nav .owl-prev:active{opacity:.45} .hero.component .owl-nav .owl-next:hover,.hero.component .owl-nav .owl-prev:hover,.hero.component .owl-nav .owl-next:focus,.hero.component .owl-nav .owl-prev:focus{text-decoration:none;opacity:.8} .hero.component .owl-nav .owl-next.disabled,.hero.component .owl-nav .owl-prev.disabled{opacity:0} @media screen and (min-width:768px){.hero.component .owl-nav .owl-next,.hero.component .owl-nav .owl-prev{top:55%;color:#fff;font-size:4rem;margin-top:-2rem} } @media screen and (min-width:992px){.hero.component .owl-nav .owl-next,.hero.component .owl-nav .owl-prev{font-size:6rem;line-height:6rem;margin-top:-2rem} } .hero.component .owl-nav .owl-prev{padding-left:1rem} .hero.component .owl-nav .owl-prev:before{content:"\e911"} @media screen and (min-width:768px){.hero.component .owl-nav .owl-prev{padding-left:1.5rem} } .hero.component .owl-nav .owl-next{right:0;left:auto;padding-right:1rem} .hero.component .owl-nav .owl-next:before{content:"\e912"} @media screen and (min-width:768px){.hero.component .owl-nav .owl-next{padding-right:1.5rem} } .hero.component .content{z-index:10;text-align:center;padding:3.8rem 2rem 0} @media screen and (min-width:768px){.hero.component .content{padding-left:2rem;padding-right:2rem;top:48%;position:absolute;left:0;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} } @media screen and (min-width:992px){.hero.component .content{top:54%} } .home .hero.component .content{position:absolute;left:0;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);padding-top:0;top:53%} @media screen and (min-width:1260px){.home .hero.component .content{top:62%} } .category .hero.component .content,.tier-3 .hero.component .content,.brand .hero.component .content,.tier-2 .hero.component .content,.blog-listing .hero.component .content,.news-article .hero.component .content,.blog-article .hero.component .content,.tier-4 .hero.component .content{position:absolute;left:0;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);padding-top:0;top:53%} @media screen and (min-width:1260px){.category .hero.component .content,.tier-3 .hero.component .content,.brand .hero.component .content,.tier-2 .hero.component .content,.blog-listing .hero.component .content,.news-article .hero.component .content,.blog-article .hero.component .content,.tier-4 .hero.component .content{top:62%} } .hero.component .content.interior-style{color:#464747} @media screen and (min-width:768px){.hero.component .content.interior-style{color:#fff} } .hero.component .content.interior-style p:last-child{margin:0} .hero.component .content.interior-style .h3{font-size:1.6rem;font-family:'Barlow',sans-serif;font-weight:400;margin:0 0 .5rem;color:#006e96;text-transform:none} @media screen and (min-width:768px){.hero.component .content.interior-style .h3{margin:0 0 1rem;color:#fff;-webkit-text-shadow:0 0 1.5rem rgba(0,0,0,0.5);-moz-text-shadow:0 0 1.5rem rgba(0,0,0,0.5);text-shadow:0 0 1.5rem rgba(0,0,0,0.5)} } @media screen and (min-width:992px){.hero.component .content.interior-style .h3{margin:0 0 2rem} } .hero.component .content.interior-style .h1{font-size:4.5rem;font-family:'Barlow Condensed',sans-serif;font-weight:500;margin:0 0 1.4rem;text-transform:none;line-height:1.15em;color:#09244f} @media screen and (min-width:768px){.hero.component .content.interior-style .h1{color:#fff;font-size:5rem;margin:0 0 1rem;-webkit-text-shadow:0 0 1.5rem rgba(0,0,0,0.5);-moz-text-shadow:0 0 1.5rem rgba(0,0,0,0.5);text-shadow:0 0 1.5rem rgba(0,0,0,0.5)} } @media screen and (min-width:992px){.hero.component .content.interior-style .h1{margin:0 0 1rem;font-size:7rem} } .category .hero.component .content.interior-style,.tier-3 .hero.component .content.interior-style,.brand .hero.component .content.interior-style,.tier-2 .hero.component .content.interior-style,.blog-listing .hero.component .content.interior-style,.news-article .hero.component .content.interior-style,.blog-article .hero.component .content.interior-style,.tier-4 .hero.component .content.interior-style{color:#fff} .category .hero.component .content.interior-style .h3,.tier-3 .hero.component .content.interior-style .h3,.brand .hero.component .content.interior-style .h3,.tier-2 .hero.component .content.interior-style .h3,.blog-listing .hero.component .content.interior-style .h3,.news-article .hero.component .content.interior-style .h3,.blog-article .hero.component .content.interior-style .h3,.tier-4 .hero.component .content.interior-style .h3,.category .hero.component .content.interior-style .h1,.tier-3 .hero.component .content.interior-style .h1,.brand .hero.component .content.interior-style .h1,.tier-2 .hero.component .content.interior-style .h1,.blog-listing .hero.component .content.interior-style .h1,.news-article .hero.component .content.interior-style .h1,.blog-article .hero.component .content.interior-style .h1,.tier-4 .hero.component .content.interior-style .h1{color:#fff} .hero.component .content.homepage-style{color:#fff} .hero.component .content.homepage-style .h1{font-size:20vw;font-family:'Barlow',sans-serif;font-weight:400;margin:0;text-transform:uppercase;line-height:.8em;padding-left:1rem;-webkit-text-shadow:0 0 1.5rem rgba(0,0,0,0.5);-moz-text-shadow:0 0 1.5rem rgba(0,0,0,0.5);text-shadow:0 0 1.5rem rgba(0,0,0,0.5)} .hero.component .content.homepage-style .h1 strong,.hero.component .content.homepage-style .h1 b{font-weight:800} .hero.component .content.homepage-style .h1 br{display:none} .hero.component .content.homepage-style .h1 p{margin:0;padding:0} @media screen and (min-width:768px){.hero.component .content.homepage-style .h1{font-size:15vw;padding-left:3rem} } @media screen and (min-width:992px){.hero.component .content.homepage-style .h1{font-size:14vw;padding-left:3rem} } @media screen and (min-width:1440px){.hero.component .content.homepage-style .h1{font-size:18rem} } .hero.component .content.homepage-style .h2{font-size:6vw;font-weight:500;font-family:'Barlow Condensed',sans-serif;margin:0 0 .5rem;color:#fff;text-transform:none;-webkit-text-shadow:0 0 1.5rem rgba(0,0,0,0.5);-moz-text-shadow:0 0 1.5rem rgba(0,0,0,0.5);text-shadow:0 0 1.5rem rgba(0,0,0,0.5)} @media screen and (min-width:768px){.hero.component .content.homepage-style .h2{margin:0;font-size:4.7vw} } @media screen and (min-width:992px){.hero.component .content.homepage-style .h2{font-size:4.5vw} } @media screen and (min-width:1440px){.hero.component .content.homepage-style .h2{font-size:5.6rem} } @media screen and (min-width:768px){.hero.component .carousel-wrap{padding-bottom:38%;height:0} } @media screen and (min-width:992px){.hero.component .carousel-wrap{padding-bottom:31.25%;height:0} } .tier-3 .hero.component .carousel-wrap,.tier-4 .hero.component .carousel-wrap{padding-bottom:50.6%} @media screen and (min-width:768px){.tier-3 .hero.component .carousel-wrap,.tier-4 .hero.component .carousel-wrap{padding-bottom:38%;height:0} } @media screen and (min-width:992px){.tier-3 .hero.component .carousel-wrap,.tier-4 .hero.component .carousel-wrap{padding-bottom:31.25%;height:0} } .category .hero.component .carousel-wrap,.brand .hero.component .carousel-wrap,.tier-2 .hero.component .carousel-wrap,.blog-listing .hero.component .carousel-wrap,.blog-article .hero.component .carousel-wrap,.news-article .hero.component .carousel-wrap{padding-bottom:50.6%} @media screen and (min-width:768px){.category .hero.component .carousel-wrap,.brand .hero.component .carousel-wrap,.tier-2 .hero.component .carousel-wrap,.blog-listing .hero.component .carousel-wrap,.blog-article .hero.component .carousel-wrap,.news-article .hero.component .carousel-wrap{padding-bottom:34%} } @media screen and (min-width:992px){.category .hero.component .carousel-wrap,.brand .hero.component .carousel-wrap,.tier-2 .hero.component .carousel-wrap,.blog-listing .hero.component .carousel-wrap,.blog-article .hero.component .carousel-wrap,.news-article .hero.component .carousel-wrap{padding-bottom:20.8%} } .home .hero.component .carousel-wrap{padding-bottom:93.75%;height:0} @media screen and (min-width:768px){.home .hero.component .carousel-wrap{padding-bottom:46.6%} } @media screen and (min-width:1440px){.home .hero.component .carousel-wrap{padding-bottom:46%} } .home .hero.component .carousel-wrap .btn-primary{margin-top:3.5rem} @media screen and (min-width:768px){.home .hero.component .carousel-wrap .btn-primary{margin-top:2.5rem} } @media screen and (min-width:992px){.home .hero.component .carousel-wrap .btn-primary{margin-top:4.5rem} } .hero.component .image-holder{padding-bottom:31.25%;height:0;position:relative} .hero.component .image-holder.overlay:before{position:absolute;left:0;top:0;right:0;height:90%;display:block;content:'';z-index:10;background:-moz-linear-gradient(top,rgba(0,0,0,0.6) 0,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.6) 0,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.6) 0,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=0)} @media screen and (min-width:768px){.hero.component .image-holder.overlay:before{height:40rem} } @media screen and (min-width:768px){.hero.component .image-holder{padding:0;position:static} } .hero.component .image-holder>div{position:absolute;left:0;bottom:0;height:100%;width:100%;padding:0} .home .hero.component .image-holder,.category .hero.component .image-holder,.tier-3 .hero.component .image-holder,.brand .hero.component .image-holder,.tier-2 .hero.component .image-holder,.blog-listing .hero.component .image-holder,.news-article .hero.component .image-holder,.blog-article .hero.component .image-holder,.tier-4 .hero.component .image-holder{padding:0;position:static} .hero.component.owl-carousel-active .hero-navigation{height:0;padding-bottom:57.8%;top:0;width:100%;position:absolute} .home .hero.component.owl-carousel-active .hero-navigation{padding-bottom:93.75%} @media screen and (min-width:768px){.hero.component.owl-carousel-active .hero-navigation{height:100%;padding:0} .home .hero.component.owl-carousel-active .hero-navigation{padding:0} } @media screen and (max-width:767px){.hero.component.owl-carousel-active .content{text-align:center;padding:3.8rem 2rem 0;position:relative;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);top:auto;left:auto;right:auto} .hero.component.owl-carousel-active .content.interior-style{color:#464747} .hero.component.owl-carousel-active .content.interior-style .h1{color:#09244f} .hero.component.owl-carousel-active .content.interior-style .h3{color:#006e96} .home .hero.component.owl-carousel-active .content{position:absolute;left:0;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);padding-top:0;top:53%} .hero.component.owl-carousel-active .owl-carousel.hero-carousel{display:block;position:relative} .home .hero.component.owl-carousel-active .owl-carousel.hero-carousel{position:absolute} .hero.component.owl-carousel-active .owl-item,.hero.component.owl-carousel-active .owl-carousel .owl-stage-outer,.hero.component.owl-carousel-active .owl-stage{height:auto} .home .hero.component.owl-carousel-active .owl-item,.home .hero.component.owl-carousel-active .owl-carousel .owl-stage-outer,.home .hero.component.owl-carousel-active .owl-stage{height:100% !important} .hero.component.owl-carousel-active .image-holder{padding-bottom:57.8%;height:0;position:relative} .hero.component.owl-carousel-active .image-holder>div{position:absolute;left:0;bottom:0;height:100%;width:100%;padding:0} .home .hero.component.owl-carousel-active .image-holder{padding:0;position:static} .hero.component.owl-carousel-active .carousel-wrap{padding-bottom:0} .home .hero.component.owl-carousel-active .carousel-wrap{padding-bottom:93.75%} .hero.component.owl-carousel-active .content{padding-bottom:0} .home .hero.component.owl-carousel-active .content{padding-bottom:4rem} .category .hero.component.owl-carousel-active .content,.tier-3 .hero.component.owl-carousel-active .content,.brand .hero.component.owl-carousel-active .content,.tier-2 .hero.component.owl-carousel-active .content,.blog-listing .hero.component.owl-carousel-active .content,.news-article .hero.component.owl-carousel-active .content,.blog-article .hero.component.owl-carousel-active .content,.tier-4 .hero.component.owl-carousel-active .content{padding-bottom:2.8rem} } @media screen and (min-width:768px){.hero.component.owl-carousel-active .content{padding-bottom:4rem} .home .hero.component.owl-carousel-active .content{top:62%} } @media screen and (min-width:992px){.hero.component.owl-carousel-active .content{padding-bottom:6rem} } .hero.component .image-holder.lp-layout{padding-bottom:62.5%} .hero.component .image-holder.lp-layout .lp-heading-container{display:flex;padding:1.5rem;background-color:rgba(0,0,0,0.2)} @media screen and (min-width:768px){.hero.component .image-holder.lp-layout .lp-heading-container{background-color:none;display:none} } .hero.component .image-holder.lp-layout .lp-heading-container h1.h1{color:#fff;font-size:4rem;text-transform:uppercase;font-weight:400;text-align:left;position:relative;top:0;align-self:flex-end;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} @media only screen and (min-width:374px){.hero.component .image-holder.lp-layout .lp-heading-container h1.h1{font-weight:500;font-size:5rem} } @media only screen and (min-width:475px){.hero.component .image-holder.lp-layout .lp-heading-container h1.h1{align-self:center} } @media screen and (min-width:768px){.hero.component .image-holder.lp-layout{padding-bottom:inherit} } @media screen and (min-width:768px){.landing-page .hero.component .carousel-wrap{padding-bottom:56%} } @media screen and (min-width:992px){.landing-page .hero.component .carousel-wrap{padding-bottom:42.36%} } .landing-page .hero.component .lp-heading-container{position:absolute;top:0;bottom:0;left:0;right:0} .landing-page .hero.component .lp-heading-container .h1{margin:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:center} .landing-page .hero.component .content.interior-style.landing-page-layout,.landing-page .hero.component .content.homepage-style.landing-page-layout,.landing-page .hero.component .landing-page-layout{padding:0;text-align:left} .landing-page .hero.component .content.interior-style.landing-page-layout .h1,.landing-page .hero.component .content.homepage-style.landing-page-layout .h1,.landing-page .hero.component .landing-page-layout .h1{color:#09244f;text-transform:uppercase} @media screen and (min-width:768px){.landing-page .hero.component .content.interior-style.landing-page-layout .h1,.landing-page .hero.component .content.homepage-style.landing-page-layout .h1,.landing-page .hero.component .landing-page-layout .h1{font-size:5rem;margin-bottom:.5rem} } @media screen and (min-width:1200px){.landing-page .hero.component .content.interior-style.landing-page-layout .h1,.landing-page .hero.component .content.homepage-style.landing-page-layout .h1,.landing-page .hero.component .landing-page-layout .h1{font-size:6.5rem} } @media screen and (min-width:768px){.landing-page .hero.component .content.interior-style.landing-page-layout .text-container h1,.landing-page .hero.component .content.homepage-style.landing-page-layout .text-container h1,.landing-page .hero.component .landing-page-layout .text-container h1{width:120%;padding-left:0} } @media screen and (min-width:1200px){.landing-page .hero.component .content.interior-style.landing-page-layout .text-container h1,.landing-page .hero.component .content.homepage-style.landing-page-layout .text-container h1,.landing-page .hero.component .landing-page-layout .text-container h1{width:110%} } .landing-page .hero.component .content.interior-style.landing-page-layout .button-container a,.landing-page .hero.component .content.homepage-style.landing-page-layout .button-container a,.landing-page .hero.component .landing-page-layout .button-container a{min-width:100%;max-width:100%;margin-bottom:1.5rem;margin-left:0} @media screen and (min-width:768px){.landing-page .hero.component .content.interior-style.landing-page-layout .button-container a,.landing-page .hero.component .content.homepage-style.landing-page-layout .button-container a,.landing-page .hero.component .landing-page-layout .button-container a{margin-bottom:0;min-width:20rem;max-width:20rem} } @media screen and (min-width:768px){.landing-page .hero.component .content.interior-style.landing-page-layout .button-container a+.btn,.landing-page .hero.component .content.homepage-style.landing-page-layout .button-container a+.btn,.landing-page .hero.component .landing-page-layout .button-container a+.btn{margin-left:1.5rem;margin-top:0} } @media screen and (min-width:768px){.landing-page .hero.component .content.interior-style.landing-page-layout .button-container,.landing-page .hero.component .content.homepage-style.landing-page-layout .button-container,.landing-page .hero.component .landing-page-layout .button-container{width:150%} } @media screen and (min-width:1200px){.landing-page .hero.component .content.interior-style.landing-page-layout .button-container,.landing-page .hero.component .content.homepage-style.landing-page-layout .button-container,.landing-page .hero.component .landing-page-layout .button-container{width:110%} } .landing-page .hero.component .content.interior-style.landing-page-layout p,.landing-page .hero.component .content.homepage-style.landing-page-layout p,.landing-page .hero.component .landing-page-layout p{color:#464747;font-size:2.5rem;line-height:3rem;margin:1.5rem 0 1.5rem} @media screen and (min-width:768px){.landing-page .hero.component .content.interior-style.landing-page-layout p,.landing-page .hero.component .content.homepage-style.landing-page-layout p,.landing-page .hero.component .landing-page-layout p{margin:0 0 3rem;line-height:inherit} } .landing-page .hero.component .content.interior-style.landing-page-layout .text-container,.landing-page .hero.component .content.homepage-style.landing-page-layout .text-container,.landing-page .hero.component .landing-page-layout .text-container,.landing-page .hero.component .content.interior-style.landing-page-layout .button-container,.landing-page .hero.component .content.homepage-style.landing-page-layout .button-container,.landing-page .hero.component .landing-page-layout .button-container{padding:0 1.5rem} @media screen and (min-width:768px){.landing-page .hero.component .content.interior-style.landing-page-layout .text-container,.landing-page .hero.component .content.homepage-style.landing-page-layout .text-container,.landing-page .hero.component .landing-page-layout .text-container,.landing-page .hero.component .content.interior-style.landing-page-layout .button-container,.landing-page .hero.component .content.homepage-style.landing-page-layout .button-container,.landing-page .hero.component .landing-page-layout .button-container{padding:0 0 0 8rem} } @media screen and (min-width:1200px){.landing-page .hero.component .content.interior-style.landing-page-layout .text-container,.landing-page .hero.component .content.homepage-style.landing-page-layout .text-container,.landing-page .hero.component .landing-page-layout .text-container,.landing-page .hero.component .content.interior-style.landing-page-layout .button-container,.landing-page .hero.component .content.homepage-style.landing-page-layout .button-container,.landing-page .hero.component .landing-page-layout .button-container{padding:0 0 0 10.7rem} } @media screen and (min-width:768px){.landing-page .hero.component .content.interior-style.landing-page-layout,.landing-page .hero.component .content.homepage-style.landing-page-layout,.landing-page .hero.component .landing-page-layout{top:50%;transform:translateY(-50%)} } @media screen and (min-width:1200px){.landing-page .hero.component .content.interior-style.landing-page-layout,.landing-page .hero.component .content.homepage-style.landing-page-layout,.landing-page .hero.component .landing-page-layout{top:40%;transform:translateY(-50%)} } @media screen and (min-width:768px){.landing-page .hero.component .angle-holder.image-left-angle-bottom .bg-image,.landing-page .hero.component .angle-holder.image-left-angle-top .bg-image,.landing-page .hero.component .angle-holder.image-right-angle-bottom .bg-image,.landing-page .hero.component .angle-holder.image-right-angle-top .bg-image{top:0;bottom:0} } @media screen and (min-width:768px){.landing-page .hero.component .angle-holder.image-left-angle-bottom.short .bg-image,.landing-page .hero.component .angle-holder.image-left-angle-top.short .bg-image,.landing-page .hero.component .angle-holder.image-right-angle-bottom.short .bg-image,.landing-page .hero.component .angle-holder.image-right-angle-top.short .bg-image{width:52%} } @media screen and (min-width:992px){.landing-page .hero.component .angle-holder.image-left-angle-bottom.short .bg-image,.landing-page .hero.component .angle-holder.image-left-angle-top.short .bg-image,.landing-page .hero.component .angle-holder.image-right-angle-bottom.short .bg-image,.landing-page .hero.component .angle-holder.image-right-angle-top.short .bg-image{width:48%} } @media screen and (min-width:768px){.landing-page .hero.component .angle-holder.image-left-angle-bottom.medium .bg-image,.landing-page .hero.component .angle-holder.image-left-angle-top.medium .bg-image,.landing-page .hero.component .angle-holder.image-right-angle-bottom.medium .bg-image,.landing-page .hero.component .angle-holder.image-right-angle-top.medium .bg-image{width:61%} } @media screen and (min-width:768px){.landing-page .hero.component .angle-holder.image-left-angle-bottom.long .bg-image,.landing-page .hero.component .angle-holder.image-left-angle-top.long .bg-image,.landing-page .hero.component .angle-holder.image-right-angle-bottom.long .bg-image,.landing-page .hero.component .angle-holder.image-right-angle-top.long .bg-image{width:72%} } .landing-page .hero.component .angle-holder.image-left-angle-bottom .bg-image,.landing-page .hero.component .angle-holder.image-left-angle-top .bg-image{left:0} @media screen and (min-width:768px){.landing-page .hero.component .angle-holder.image-left-angle-bottom .angle:after,.landing-page .hero.component .angle-holder.image-left-angle-top .angle:after,.landing-page .hero.component .angle-holder.image-left-angle-bottom .angle:before,.landing-page .hero.component .angle-holder.image-left-angle-top .angle:before{left:48%} } @media screen and (min-width:992px){.landing-page .hero.component .angle-holder.image-left-angle-bottom .angle:after,.landing-page .hero.component .angle-holder.image-left-angle-top .angle:after,.landing-page .hero.component .angle-holder.image-left-angle-bottom .angle:before,.landing-page .hero.component .angle-holder.image-left-angle-top .angle:before{left:44%} } @media screen and (min-width:768px){.landing-page .hero.component .angle-holder.image-left-angle-bottom.medium .angle:after,.landing-page .hero.component .angle-holder.image-left-angle-top.medium .angle:after,.landing-page .hero.component .angle-holder.image-left-angle-bottom.medium .angle:before,.landing-page .hero.component .angle-holder.image-left-angle-top.medium .angle:before{left:60%} } @media screen and (min-width:992px){.landing-page .hero.component .angle-holder.image-left-angle-bottom.medium .angle:after,.landing-page .hero.component .angle-holder.image-left-angle-top.medium .angle:after,.landing-page .hero.component .angle-holder.image-left-angle-bottom.medium .angle:before,.landing-page .hero.component .angle-holder.image-left-angle-top.medium .angle:before{left:57%} } @media screen and (min-width:768px){.landing-page .hero.component .angle-holder.image-left-angle-bottom.long .angle:after,.landing-page .hero.component .angle-holder.image-left-angle-top.long .angle:after,.landing-page .hero.component .angle-holder.image-left-angle-bottom.long .angle:before,.landing-page .hero.component .angle-holder.image-left-angle-top.long .angle:before{left:70%} } @media screen and (min-width:992px){.landing-page .hero.component .angle-holder.image-left-angle-bottom.long .angle:after,.landing-page .hero.component .angle-holder.image-left-angle-top.long .angle:after,.landing-page .hero.component .angle-holder.image-left-angle-bottom.long .angle:before,.landing-page .hero.component .angle-holder.image-left-angle-top.long .angle:before{left:70%} } .landing-page .hero.component .angle-holder.image-right-angle-bottom .bg-image,.landing-page .hero.component .angle-holder.image-right-angle-top .bg-image{right:0} @media screen and (min-width:768px){.landing-page .hero.component .angle-holder.image-right-angle-bottom .angle:after,.landing-page .hero.component .angle-holder.image-right-angle-top .angle:after,.landing-page .hero.component .angle-holder.image-right-angle-bottom .angle:before,.landing-page .hero.component .angle-holder.image-right-angle-top .angle:before{right:48%} } @media screen and (min-width:992px){.landing-page .hero.component .angle-holder.image-right-angle-bottom .angle:after,.landing-page .hero.component .angle-holder.image-right-angle-top .angle:after,.landing-page .hero.component .angle-holder.image-right-angle-bottom .angle:before,.landing-page .hero.component .angle-holder.image-right-angle-top .angle:before{right:44%} } @media screen and (min-width:768px){.landing-page .hero.component .angle-holder.image-right-angle-bottom.medium .angle:after,.landing-page .hero.component .angle-holder.image-right-angle-top.medium .angle:after,.landing-page .hero.component .angle-holder.image-right-angle-bottom.medium .angle:before,.landing-page .hero.component .angle-holder.image-right-angle-top.medium .angle:before{right:60%} } @media screen and (min-width:992px){.landing-page .hero.component .angle-holder.image-right-angle-bottom.medium .angle:after,.landing-page .hero.component .angle-holder.image-right-angle-top.medium .angle:after,.landing-page .hero.component .angle-holder.image-right-angle-bottom.medium .angle:before,.landing-page .hero.component .angle-holder.image-right-angle-top.medium .angle:before{right:57%} } @media screen and (min-width:768px){.landing-page .hero.component .angle-holder.image-right-angle-bottom.long .angle:after,.landing-page .hero.component .angle-holder.image-right-angle-top.long .angle:after,.landing-page .hero.component .angle-holder.image-right-angle-bottom.long .angle:before,.landing-page .hero.component .angle-holder.image-right-angle-top.long .angle:before{right:60%} } @media screen and (min-width:1200px){.landing-page .hero.component .angle-holder.image-right-angle-bottom.long .angle:after,.landing-page .hero.component .angle-holder.image-right-angle-top.long .angle:after,.landing-page .hero.component .angle-holder.image-right-angle-bottom.long .angle:before,.landing-page .hero.component .angle-holder.image-right-angle-top.long .angle:before{right:70%} } .landing-page .hero.component .angle-holder.image-left-angle-bottom .angle:after{bottom:0;-webkit-transform:rotate(-41deg);-moz-transform:rotate(-41deg);-ms-transform:rotate(-41deg);-o-transform:rotate(-41deg);transform:rotate(-41deg);-ms-transform-origin:0 100%;-webkit-transform-origin:0 100%;transform-origin:0 100%} .landing-page .hero.component .angle-holder.image-left-angle-top .angle:after{top:0;-webkit-transform:rotate(41deg);-moz-transform:rotate(41deg);-ms-transform:rotate(41deg);-o-transform:rotate(41deg);transform:rotate(41deg);-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0} .landing-page .hero.component .angle-holder.image-right-angle-bottom .angle.left:after{bottom:0;-webkit-transform:translateX(3%) rotate(-49deg);-moz-transform:translateX(3%) rotate(-49deg);-ms-transform:translateX(3%) rotate(-49deg);-o-transform:translateX(3%) rotate(-49deg);transform:translateX(3%) rotate(-49deg);-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;opacity:.1;background-color:grey} .landing-page .hero.component .angle-holder.image-right-angle-bottom .angle:after{bottom:0;-webkit-transform:rotate(41deg);-moz-transform:rotate(41deg);-ms-transform:rotate(41deg);-o-transform:rotate(41deg);transform:rotate(41deg);-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform-origin:100% 100%} .landing-page .hero.component .angle-holder.image-right-angle-top .angle:after{top:0;-webkit-transform:rotate(-41deg);-moz-transform:rotate(-41deg);-ms-transform:rotate(-41deg);-o-transform:rotate(-41deg);transform:rotate(-41deg);-ms-transform-origin:100% 0;-webkit-transform-origin:100% 0;transform-origin:100% 0} .landing-page .hero.component .angle-holder{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden} .landing-page .hero.component .angle-holder>article{position:relative} @media screen and (min-width:768px){.landing-page .hero.component .angle-holder>article{max-width:1252px;margin:0 auto} } .landing-page .hero.component .angle-wrap{max-width:1252px;margin:0 auto;position:relative;height:100%} .landing-page .hero.component .angle{display:none} @media screen and (min-width:768px){.landing-page .hero.component .angle{display:block;height:100%} .landing-page .hero.component .angle:after{display:block;position:absolute;height:500rem;width:200rem;background:#fff;content:''} .landing-page .hero.component .angle:before{content:'';background:#fff;position:absolute;height:100%;display:block;width:200%} } @media screen and (min-width:768px){.landing-page .hero.component{top:45%} } @media screen and (min-width:1200px){.landing-page .hero.component{top:48%} } @media screen and (min-width:768px){.help.assistant-bar.non-edit{height:7rem} } @media screen and (min-width:992px){.help.assistant-bar.non-edit{height:8.7rem} } .help.assistant-bar.edit-mode{height:auto} .help.assistant-bar.edit-mode .author-instruction{margin-top:-20px;text-align:center;font-weight:bold;font-style:italic;color:#fff} .help.assistant-bar.edit-mode .help-category.component{width:90%;margin:auto;border:1px solid #000;padding:10px;color:#fff} .help.assistant-bar.edit-mode .help-category.component .help-solution{display:inline-block} .help.assistant-bar.edit-mode .help-category.component .help-solution.component{height:50px;margin:10px;text-align:center;background-color:#fff;color:#09244f;padding:10px} .help.assistant-bar.edit-mode .help-category.component .help-solution.component img,.help.assistant-bar.edit-mode .help-category.component .help-solution.component svg{fill:#464747;height:25px;width:25px} .help.assistant-bar.edit-mode .help-category.component .help-solution.component .solution-name{display:inline-block;padding-left:10px} .help.assistant-bar .btn{position:relative;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);max-width:100%} @media screen and (min-width:768px){.help.assistant-bar .btn{left:auto;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)} } .help.assistant-bar .icon-close{display:none} .help.assistant-bar .parsys-wrap{height:auto} @media screen and (min-width:768px){.help.assistant-bar .wrap{width:75rem;top:36%} } .help.assistant-bar .wrap:after{content:'';position:absolute;z-index:-1;width:100%;height:100%;opacity:0;box-shadow:0 5px 15px rgba(0,0,0,0.8);left:0;top:0} @media screen and (min-width:768px){.help.assistant-bar .wrap form{top:-0.6rem} } @media screen and (min-width:768px){.help.assistant-bar .wrap form>label{margin-right:3rem} } .help.assistant-bar .wrap form>span{position:relative;display:none} .help.assistant-bar .wrap form .hide-before{position:relative;overflow:hidden;height:auto;max-height:0} .help.assistant-bar .wrap form .dummy{left:0;right:0;top:0;bottom:0;display:block;background:#fff;opacity:0;z-index:50;position:absolute;cursor:pointer} .tablet-desktop .help.assistant-bar .wrap form .dummy,.tablet .help.assistant-bar .wrap form .dummy,.mobile .help.assistant-bar .wrap form .dummy{display:none} @media screen and (min-width:992px){.help.assistant-bar .wrap form .chosen-container{font-size:3rem;top:-0.5rem} } .help.assistant-bar .wrap form .chosen-container .chosen-results{max-height:55rem} .help.assistant-bar .wrap form .chosen-container-single .chosen-single{padding:0 2rem 0 0;border-bottom:solid 1px rgba(255,255,255,0.5)} .help.assistant-bar .wrap form .chosen-container-single .chosen-single span{line-height:1.5em} .help.assistant-bar .wrap form .chosen-container-single .chosen-single:after{display:none} .help.assistant-bar .wrap form .chosen-container-active.chosen-with-drop{-webkit-box-shadow:0 4px 5px rgba(0,0,0,0.15);box-shadow:0 4px 5px rgba(0,0,0,0.15)} .help.assistant-bar .wrap form .chosen-container-active.chosen-with-drop .chosen-single{padding:inherit;background:0;color:inherit} .help.assistant-bar .wrap form .chosen-drop{text-transform:lowercase !important;top:auto;bottom:0} .help.assistant-bar .wrap form ul.radios{padding:.6rem 0 3.3rem;list-style:none;margin:0} @media screen and (min-width:768px){.help.assistant-bar .wrap form ul.radios{display:flex;padding:5rem 0 3rem;justify-content:center;margin:0} } @media screen and (min-width:992px){.help.assistant-bar .wrap form ul.radios{padding:8rem 0 5rem} } @media screen and (min-width:1200px){.help.assistant-bar .wrap form ul.radios{padding:11rem 0 6.5rem} } .help.assistant-bar .wrap form ul.radios>li{font-size:1.8rem;margin:0;padding:0;position:relative} .help.assistant-bar .wrap form ul.radios>li:before{border-bottom:solid 1px #e6e6e7;position:absolute;bottom:0;left:2rem;right:2rem;content:''} @media screen and (min-width:768px){.help.assistant-bar .wrap form ul.radios>li:before{display:none} } @media screen and (min-width:768px){.help.assistant-bar .wrap form ul.radios>li{display:block;flex-grow:1;position:relative;text-align:center;font-family:'Barlow',sans-serif;font-weight:400;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;height:20rem;margin:0 1rem 0 0;padding:1.5rem;max-width:18%;border:0} } @media screen and (min-width:992px){.help.assistant-bar .wrap form ul.radios>li{height:26rem;margin:0 2rem 0 0;padding:2rem;font-size:2rem;max-width:17rem} } @media screen and (min-width:1200px){.help.assistant-bar .wrap form ul.radios>li{height:26rem;margin:0 3.5rem 0 0;padding:2rem;font-size:2.6rem;max-width:20.4rem} } .help.assistant-bar .wrap form ul.radios>li:last-child{margin:0} .help.assistant-bar .wrap form ul.radios>li:after{font-family:icomoon;content:"\e904";color:#d0df00;font-size:2.5rem;position:absolute;bottom:1rem;right:2rem;opacity:0;-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} @media screen and (min-width:768px){.help.assistant-bar .wrap form ul.radios>li:after{font-size:3.6rem;left:50%;right:auto;-webkit-transform:translateX(-50%) rotate(-30deg);-moz-transform:translateX(-50%) rotate(-30deg);-ms-transform:translateX(-50%) rotate(-30deg);-o-transform:translateX(-50%) rotate(-30deg);transform:translateX(-50%) rotate(-30deg)} } @media screen and (min-width:992px){.help.assistant-bar .wrap form ul.radios>li:after{font-size:5rem} } .help.assistant-bar .wrap form ul.radios>li input[type="checkbox"],.help.assistant-bar .wrap form ul.radios>li input[type="radio"]{height:0;width:0;position:absolute;top:0;left:0} .help.assistant-bar .wrap form ul.radios>li>label{margin:0;padding:1.8rem 2rem 1.8rem 7rem;display:block;color:#09244f;position:relative;z-index:5;font-weight:400;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;cursor:pointer;text-transform:none;font-size:1.8rem} @media screen and (min-width:768px){.help.assistant-bar .wrap form ul.radios>li>label{padding:.8rem 0 0;height:100%;font-size:1.6rem} } @media screen and (min-width:992px){.help.assistant-bar .wrap form ul.radios>li>label{font-size:2rem} } @media screen and (min-width:1200px){.help.assistant-bar .wrap form ul.radios>li>label{font-size:2.6rem} } @media screen and (min-width:768px){.help.assistant-bar .wrap form ul.radios>li>label>span{display:block;margin:1.4rem 0 0 0;padding:.8rem 0 0 0;border-top:solid 2px #e6e6e7;line-height:1.15em;-webkit-transition:border-color .2s linear;-moz-transition:border-color .2s linear;-ms-transition:border-color .2s linear;-o-transition:border-color .2s linear;transition:border-color .2s linear} } @media screen and (min-width:992px){.help.assistant-bar .wrap form ul.radios>li>label>span{margin:1.8rem 0 0 0;padding:1.2rem 0 0 0} } .help.assistant-bar .wrap form ul.radios>li:hover svg *,.help.assistant-bar .wrap form ul.radios>li:focus svg *,.help.assistant-bar .wrap form ul.radios>li:hover img *,.help.assistant-bar .wrap form ul.radios>li:focus img *{color:#09244f;fill:#09244f} .help.assistant-bar .wrap form ul.radios>li.active{background:#09244f;color:#fff;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.5);box-shadow:0 0 10px 0 rgba(0,0,0,0.5)} .help.assistant-bar .wrap form ul.radios>li.active:after{opacity:1;bottom:1.2rem;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)} @media screen and (min-width:768px){.help.assistant-bar .wrap form ul.radios>li.active:after{-webkit-transform:translateX(-50%) rotate(0);-moz-transform:translateX(-50%) rotate(0);-ms-transform:translateX(-50%) rotate(0);-o-transform:translateX(-50%) rotate(0);transform:translateX(-50%) rotate(0)} } .help.assistant-bar .wrap form ul.radios>li.active:before{display:none} .help.assistant-bar .wrap form ul.radios>li.active>label{color:#fff} @media screen and (min-width:768px){.help.assistant-bar .wrap form ul.radios>li.active>label>span{border-top:solid 2px rgba(255,255,255,0.15)} } .help.assistant-bar .wrap form ul.radios>li.active svg *,.help.assistant-bar .wrap form ul.radios>li.active img *{color:#fff;fill:#fff} .help.assistant-bar .wrap form ul.radios svg,.help.assistant-bar .wrap form ul.radios img{position:absolute;top:50%;left:2rem;max-width:2.8rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:block} @media screen and (min-width:768px){.help.assistant-bar .wrap form ul.radios svg,.help.assistant-bar .wrap form ul.radios img{left:auto;top:auto;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);position:relative;margin:0 auto;max-width:4rem;max-height:4rem} } @media screen and (min-width:992px){.help.assistant-bar .wrap form ul.radios svg,.help.assistant-bar .wrap form ul.radios img{max-width:6rem;max-height:6rem} } .help.assistant-bar .wrap form ul.radios svg *,.help.assistant-bar .wrap form ul.radios img *{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;color:#bcbdbd;fill:#bcbdbd} .help.assistant-bar.open{z-index:5000;position:relative} .help.assistant-bar.open .icon-close{display:block;position:absolute;color:#09244f;-webkit-transition:color .3s linear;-moz-transition:color .3s linear;-ms-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear;right:2rem;top:2rem} .help.assistant-bar.open .icon-close:hover,.help.assistant-bar.open .icon-close:focus{color:#006e96;text-decoration:none} @media screen and (min-width:768px){.help.assistant-bar.open .icon-close{right:2rem;top:2rem} } @media screen and (min-width:992px){.help.assistant-bar.open .icon-close{right:4rem;top:9rem} } .help.assistant-bar.open .wrap{max-width:100%;background:#fff;position:fixed;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);top:0;left:0;right:0;padding:7.3rem 2rem 5rem;overflow:hidden;transition:background-color .5s ease-out .2s,padding .5s ease-out .001s} .help.assistant-bar.open .wrap:after{transition:opacity 1s ease-out 1s;opacity:1} @media screen and (max-width:767px){.help.assistant-bar.open .wrap{overflow:auto;height:100vh} } @media screen and (min-width:768px){.help.assistant-bar.open .wrap{padding:8rem 2rem;transition:width .5s ease-out .001s,background-color .5s ease-out .001s,padding .5s ease-out .5s} } @media screen and (min-width:992px){.help.assistant-bar.open .wrap{padding:14.5rem 2rem 10rem;width:100%} } .help.assistant-bar.open .wrap .hide-before{max-height:50rem;transition:max-height .5s ease-out .5s;margin:0 -2rem} @media screen and (min-width:768px){.help.assistant-bar.open .wrap .hide-before{margin:0} } @media screen and (min-width:768px){.help.assistant-bar.open .wrap .selection-wrap{max-width:40rem} } @media screen and (min-width:992px){.help.assistant-bar.open .wrap .selection-wrap{max-width:47rem} } .help.assistant-bar.open .wrap form{max-width:117rem;margin:0 auto;top:0;transition:max-width .5s ease-out .001s} .help.assistant-bar.open .wrap form>label{color:#464747;font-size:1.8rem;margin-right:3rem;margin-bottom:.7rem;transition:font-size .5s ease-out,color .5s ease-out} @media screen and (min-width:768px){.help.assistant-bar.open .wrap form>label{font-size:2rem;margin-right:2rem;margin-bottom:.3rem} } @media screen and (min-width:992px){.help.assistant-bar.open .wrap form>label{font-size:2.6rem;margin-right:3.8rem} } .help.assistant-bar.open .wrap form>span{display:inline-block;line-height:1.5em;font-size:1.8rem;color:#464747;font-family:'Barlow',sans-serif;font-weight:700;text-transform:uppercase;margin:3rem 0 0 0;top:0} @media screen and (min-width:768px){.help.assistant-bar.open .wrap form>span{font-size:2rem;margin:0 0 0 2rem} } @media screen and (min-width:992px){.help.assistant-bar.open .wrap form>span{font-size:2.6rem;margin-left:4rem} } .help.assistant-bar.open .wrap form select.help-chosen{color:#006e96;border-color:#dedede;border-width:2px} .help.assistant-bar.open .wrap form select.help-chosen+.arrow:before{color:#006e96} .help.assistant-bar.open .wrap form .chosen-container-single .chosen-single{color:#006e96;border-color:#dedede;border-width:2px;transition:all .5s ease-out} .help.assistant-bar.open .wrap form .chosen-container-single .chosen-single div b:before{font-family:icomoon;color:#006e96} .help.assistant-bar.open .wrap form .chosen-container{font-size:2rem;max-width:47rem;top:-0.9rem;transition:all .5s ease-out .001s} .help.assistant-bar.open .wrap form .chosen-container .chosen-drop{background:#fff;top:0;bottom:auto} @media screen and (min-width:768px){.help.assistant-bar.open .wrap form .chosen-container{font-size:2.4rem;max-width:40rem;top:-0.5rem} } @media screen and (min-width:992px){.help.assistant-bar.open .wrap form .chosen-container{font-size:3.6rem;max-width:47rem;top:-0.9rem} } .find-a-dealer-cta.component{overflow:hidden} .find-a-dealer-cta.component .fad-subheading{padding:2rem 0 1.5rem;font-size:3rem;line-height:3rem;color:#09244f} @media screen and (min-width:768px){.find-a-dealer-cta.component .fad-subheading{padding:2rem 0} } @media screen and (min-width:768px){.find-a-dealer-cta.component .fad-image-container{width:37rem;height:25rem} } .find-a-dealer-cta.component div.button-container{padding-bottom:4rem} @media screen and (min-width:768px){.find-a-dealer-cta.component div.button-container{padding-bottom:0} } .find-a-dealer-cta.component div.button-container .btn.btn-secondary{min-width:19.7rem} .find-a-dealer-cta.component img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;font-family:'object-fit: cover; object-position: center center'} .featured-carousel.component{margin-top:4rem;margin-bottom:6rem} .featured-carousel.component .titles{background:#f9f8f8;padding:3.6rem 0 2.9rem 0} @media screen and (min-width:768px){.featured-carousel.component .titles{padding:7rem 0 6.2rem 0} } .featured-carousel.component .titles>article{padding:0 2rem} @media screen and (min-width:768px){.featured-carousel.component .titles>article{max-width:1252px;margin:0 auto} } .featured-carousel.component h2{text-align:center;margin:0;line-height:1.25em} @media screen and (min-width:768px){.featured-carousel.component h2{line-height:1em} } .featured-carousel.component h3{text-align:center;font-size:1.6rem;color:#818181;text-transform:uppercase;font-weight:700;font-family:'Barlow',sans-serif;margin:0 0 1.6rem} @media screen and (min-width:768px){.featured-carousel.component h3{font-size:1.8rem;margin:0 0 1.3rem} } .featured-carousel.component h4,.featured-carousel.component .product-title{color:#006e96;font-family:'Barlow',sans-serif;font-size:1.6rem;text-transform:uppercase;font-weight:800} @media screen and (min-width:768px){.featured-carousel.component h4,.featured-carousel.component .product-title{color:#fff;font-weight:700;-webkit-text-shadow:0 0 1.5rem rgba(0,0,0,0.5);-moz-text-shadow:0 0 1.5rem rgba(0,0,0,0.5);text-shadow:0 0 1.5rem rgba(0,0,0,0.5);font-size:3rem} } .featured-carousel.component .images{position:relative;height:0;padding-bottom:57.7%;text-align:center} @media screen and (min-width:768px){.featured-carousel.component .images{padding-bottom:46.39%} } .featured-carousel.component .images .large-image{position:absolute;left:0;top:0;height:100%;width:100%;overflow:hidden} .featured-carousel.component .images .large-image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;font-family:'object-fit: cover; object-position: center center';z-index:-1} .featured-carousel.component .images h4,.featured-carousel.component .images .product-title{text-align:center;padding:0;position:absolute;bottom:-6.9rem;margin:0;width:100%;z-index:100} @media screen and (min-width:768px){.featured-carousel.component .images h4,.featured-carousel.component .images .product-title{top:0;left:0;right:0;bottom:auto;padding:3rem 0 2rem} } @media screen and (min-width:992px){.featured-carousel.component .images h4,.featured-carousel.component .images .product-title{padding:6rem 0 2rem} } .featured-carousel.component .images .small-image{z-index:50;position:absolute;bottom:-2rem;width:100%;height:13rem;text-align:center} .featured-carousel.component .images .small-image img{width:auto;max-width:100%;height:100%;margin:0 auto} @media screen and (min-width:768px){.featured-carousel.component .images .small-image{bottom:-6rem;width:100%;height:28rem} } @media screen and (min-width:992px){.featured-carousel.component .images .small-image{bottom:-8rem;width:100%;height:40rem} } .featured-carousel.component .content{position:relative} .featured-carousel.component .notes{margin:10.5rem 0 3.6rem} @media screen and (min-width:768px){.featured-carousel.component .notes{display:flex;margin:8rem -15% 3rem;justify-content:center} } @media screen and (min-width:992px){.featured-carousel.component .notes{margin:13.5rem -25% 5rem} } @media screen and (min-width:768px){.featured-carousel.component .notes.no-product{margin:4rem -15% 3rem} } @media screen and (min-width:992px){.featured-carousel.component .notes.no-product{margin:5.5rem -25% 5rem} } .featured-carousel.component .notes li{display:block;position:relative;padding:0 0 0 6rem;margin:0 -1.5rem 2.1rem;font-size:1.6rem;text-align:left;opacity:0;line-height:1.25em;transition:opacity .25s ease-out} @media screen and (min-width:768px){.featured-carousel.component .notes li{border-right:solid 1px #dadada;font-size:1.6rem;max-width:25rem;line-height:1.45em;margin:0;padding:0 1rem 0 6rem;flex-grow:1;top:-3rem;transition:top .25s ease-out,opacity .25s ease-out} .featured-carousel.component .notes li:last-child{border:0} } @media screen and (min-width:992px){.featured-carousel.component .notes li{padding:0 3rem 0 10rem;max-width:33rem;font-size:1.8rem} } .featured-carousel.component .notes li img,.featured-carousel.component .notes li svg{position:absolute;left:0;top:.4rem;width:100%;max-width:3.5rem} .featured-carousel.component .notes li img *,.featured-carousel.component .notes li svg *{fill:#5dc1e5} @media screen and (min-width:768px){.featured-carousel.component .notes li img,.featured-carousel.component .notes li svg{max-width:4rem;left:1rem;top:.3rem} } @media screen and (min-width:992px){.featured-carousel.component .notes li img,.featured-carousel.component .notes li svg{max-width:5.5rem;left:2.5rem;top:0} } .featured-carousel.component .buttons a{opacity:0;transition:opacity .25s ease-out;display:block;margin:0 auto 4rem;max-width:21rem} .featured-carousel.component .buttons a:last-child{margin-bottom:inherit} @media screen and (min-width:768px){.featured-carousel.component .buttons a{max-width:none;display:inline-block;margin:inherit} .featured-carousel.component .buttons a+a{margin-left:1.5rem} } .featured-carousel.component .owl-item.active.center .notes li,.featured-carousel.component .item.active .notes li{opacity:1;top:0} @media screen and (min-width:768px){.featured-carousel.component .owl-item.active.center .notes li:nth-child(1),.featured-carousel.component .item.active .notes li:nth-child(1){transition-delay:.2s} .featured-carousel.component .owl-item.active.center .notes li:nth-child(2),.featured-carousel.component .item.active .notes li:nth-child(2){transition-delay:.4s} .featured-carousel.component .owl-item.active.center .notes li:nth-child(3),.featured-carousel.component .item.active .notes li:nth-child(3){transition-delay:.6s} } .featured-carousel.component .owl-item.active.center .buttons a,.featured-carousel.component .item.active .buttons a{opacity:1;transition-delay:.3s} .featured-carousel.component .owl-carousel.featured-carousel{display:block;position:relative} .featured-carousel.component .owl-carousel.featured-carousel .item{text-align:center;margin:0 auto;width:25rem;min-height:23rem} @media screen and (min-width:768px){.featured-carousel.component .owl-carousel.featured-carousel .item{width:66rem;min-height:0} } @media screen and (min-width:992px){.featured-carousel.component .owl-carousel.featured-carousel .item{width:97rem} } .featured-carousel.component .carousel-wrap{position:relative} .featured-carousel.component .featured-navigation{display:none;position:relative;margin:0 auto} @media screen and (min-width:768px){.featured-carousel.component .featured-navigation{display:block;width:66rem} } @media screen and (min-width:992px){.featured-carousel.component .featured-navigation{width:100%} } .featured-carousel.component .owl-nav{display:block} @media screen and (min-width:768px){.featured-carousel.component .owl-nav{position:absolute;top:0;display:block;height:0;padding-bottom:46.39%;width:100%} } .featured-carousel.component .owl-nav .owl-next,.featured-carousel.component .owl-nav .owl-prev{cursor:pointer;color:#000;opacity:.45;position:absolute;top:50%;font-family:icomoon;font-size:4rem;line-height:4rem;margin-top:-3rem;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-ms-transition:opacity .1s linear;-o-transition:opacity .1s linear;transition:opacity .1s linear;z-index:1000;text-shadow:0 0 3px #fff} .featured-carousel.component .owl-nav .owl-next:active,.featured-carousel.component .owl-nav .owl-prev:active{opacity:.45} .featured-carousel.component .owl-nav .owl-next:hover,.featured-carousel.component .owl-nav .owl-prev:hover,.featured-carousel.component .owl-nav .owl-next:focus,.featured-carousel.component .owl-nav .owl-prev:focus{text-decoration:none;opacity:.8} .featured-carousel.component .owl-nav .owl-next.disabled,.featured-carousel.component .owl-nav .owl-prev.disabled{opacity:0} @media screen and (min-width:768px){.featured-carousel.component .owl-nav .owl-next,.featured-carousel.component .owl-nav .owl-prev{top:55%;font-size:4rem;margin-top:-3rem} } @media screen and (min-width:992px){.featured-carousel.component .owl-nav .owl-next,.featured-carousel.component .owl-nav .owl-prev{top:55%;font-size:6rem;line-height:6rem;margin-top:-5rem} } @media screen and (min-width:1200px){.featured-carousel.component .owl-nav .owl-next,.featured-carousel.component .owl-nav .owl-prev{top:50%} } @media screen and (min-width:1440px){.featured-carousel.component .owl-nav .owl-next,.featured-carousel.component .owl-nav .owl-prev{top:45%} } .featured-carousel.component .owl-nav .owl-prev{left:0;padding-left:1rem} .featured-carousel.component .owl-nav .owl-prev:before{content:"\e911"} @media screen and (min-width:768px){.featured-carousel.component .owl-nav .owl-prev{padding-left:1.5rem} } .featured-carousel.component .owl-nav .owl-next{right:0;padding-right:1rem} .featured-carousel.component .owl-nav .owl-next:before{content:"\e912"} @media screen and (min-width:768px){.featured-carousel.component .owl-nav .owl-next{padding-right:1.5rem} } .downloads-resources ul{font-size:1.4rem;font-weight:700;text-transform:uppercase} @media screen and (min-width:768px){.downloads-resources ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:4rem;-moz-column-gap:4rem;column-gap:4rem;-webkit-column-rule:0 outset #464747;-moz-column-rule:0 outset #464747;column-rule:0 outset #464747} } .downloads-resources ul li{list-style:none;margin:0 0 1.5rem;padding:0;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid} .downloads-resources ul li a{display:block;position:relative;padding-left:2rem;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto} .downloads-resources ul li a:before{font-weight:400;font-family:icomoon;content:"\e915";position:absolute;left:0;top:0} .downloads-resources ul li a.pdf:before{content:"\e914"} @media screen and (max-width:767px){body.filter-open header{z-index:auto} } .mobile-search{margin-bottom:2rem} .btn.btn-filter,.btn.btn-sortby{font-size:1.8rem;font-weight:700;color:#464747;background:#c9c7c6;display:block;text-align:center;padding:15px 0;margin-bottom:2rem;margin-left:0 !important} .btn.btn-filter:hover,.btn.btn-sortby:hover,.btn.btn-filter:focus,.btn.btn-sortby:focus{color:#464747;text-decoration:none} @media screen and (min-width:768px){.btn.btn-filter,.btn.btn-sortby{display:none} } @media screen and (min-width:768px){.download-center-grid.component{display:flex} } .download-center-grid.component .filter{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;display:none;position:fixed;opacity:0;width:100%;background:rgba(0,0,0,0.4);height:100%} @media screen and (min-width:768px){.download-center-grid.component .filter{flex-shrink:0;display:block;width:17rem;padding:0 3rem 0 0;height:auto;position:relative;opacity:1;background:0} .download-center-grid.component .filter:before{display:none} } @media screen and (min-width:992px){.download-center-grid.component .filter{padding:0 7rem 0 0;width:24rem} } .download-center-grid.component .filter legend{font-weight:700;text-transform:uppercase;font-size:2rem;border:0;margin-bottom:.4rem;display:block;color:#464747} .download-center-grid.component .filter .icon-close{display:block;position:absolute;color:#09244f;right:2rem;top:2.5rem;z-index:50} .download-center-grid.component .filter .icon-close:hover,.download-center-grid.component .filter .icon-close:focus{color:#464747} @media screen and (min-width:768px){.download-center-grid.component .filter .icon-close{display:none} } .download-center-grid.component .filter form{-webkit-box-shadow:0 0 15px 0 #000;-moz-box-shadow:0 0 15px 0 #000;box-shadow:0 0 15px 0 #000;background:#fff;padding:2.5rem 2rem 4.5rem} @media screen and (min-width:768px){.download-center-grid.component .filter form{box-shadow:none;-webkit-box-shadow:none;padding:0;background:0} } .download-center-grid.component .filter fieldset>ul{list-style:none;counter-reset:items} .download-center-grid.component .filter fieldset>ul>li{margin:0;padding:0;font-size:2rem;counter-increment:items;font-weight:500;position:relative} .download-center-grid.component .filter fieldset>ul>li:before{content:"0" counter(items);color:#dadada;font-size:1.8rem;font-weight:700;position:absolute;left:0;top:2.5rem} @media screen and (min-width:768px){.download-center-grid.component .filter fieldset>ul>li{font-size:1.6rem;font-weight:300} .download-center-grid.component .filter fieldset>ul>li:before{display:none} } .download-center-grid.component .filter fieldset>ul>li>span{display:block;padding:2.4rem 2rem 2.4rem 3.5rem;border-top:1px solid #c9c7c6;color:#464747;position:relative;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-ms-transition:color .15s linear;-o-transition:color .15s linear;transition:color .15s linear;cursor:pointer} @media screen and (min-width:768px){.download-center-grid.component .filter fieldset>ul>li>span{padding:1.5rem 2rem 1.5rem 0} } .download-center-grid.component .filter fieldset>ul>li>span:after{content:"\f0d7";font-family:icomoon;color:#006e96;display:block;position:absolute;right:0;top:2.4rem;font-size:2.6rem;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-ms-transition:color .15s linear;-o-transition:color .15s linear;transition:color .15s linear} @media screen and (min-width:768px){.download-center-grid.component .filter fieldset>ul>li>span:after{top:1rem;font-size:2.2rem} } .download-center-grid.component .filter fieldset>ul>li>span:hover,.download-center-grid.component .filter fieldset>ul>li>span:focus{text-decoration:none;color:#006e96} .download-center-grid.component .filter fieldset>ul>li>span:hover:before,.download-center-grid.component .filter fieldset>ul>li>span:focus:before{color:#006e96} .download-center-grid.component .filter fieldset>ul>li>span:hover:after,.download-center-grid.component .filter fieldset>ul>li>span:focus:after{color:#dadada} .download-center-grid.component .filter fieldset>ul>li.open>span{color:#09244f} .download-center-grid.component .filter fieldset>ul>li.open>span:before{color:#09244f} .download-center-grid.component .filter fieldset>ul>li.open>span:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);color:#dadada} .download-center-grid.component .filter fieldset>ul>li:first-child span{border:0} .download-center-grid.component .filter ul ul{list-style-type:none;padding:2.7rem 0 .9rem 2.5rem;border-top:1px solid #c9c7c6;display:none;max-height:250px;overflow:auto} @media screen and (min-width:768px){.download-center-grid.component .filter ul ul{padding:1.7rem 0 1.5rem} } .download-center-grid.component .filter ul ul li{margin:0;padding:0 0 1.9rem;position:relative} @media screen and (min-width:768px){.download-center-grid.component .filter ul ul li{padding:0 0 .5rem} } .download-center-grid.component .filter ul ul .item-count{display:none} @media screen and (min-width:768px){.download-center-grid.component .filter ul ul .item-count{display:inline-block;margin-left:.3rem} } .download-center-grid.component .filter ul ul label{font-size:1.8rem;line-height:1;font-weight:300;padding:0 0 0 4rem} .download-center-grid.component .filter ul ul label:before{height:1.8rem;width:1.8rem;top:.9rem;line-height:1.6rem} @media screen and (min-width:768px){.download-center-grid.component .filter ul ul label{padding:0 0 0 2.5rem;font-size:1.4rem;margin:0} .download-center-grid.component .filter ul ul label:before{width:11px;height:11px;line-height:.9rem;font-size:.6rem;top:.7rem} } .download-center-grid.component .filter .filtered{list-style:none;margin-top:3rem} @media screen and (min-width:768px){.download-center-grid.component .filter .filtered{max-width:14.3rem} } .download-center-grid.component .filter .filtered span{font-size:1.6rem;font-weight:500;padding:.5rem 2rem .5rem 1.1rem;margin-bottom:1.5rem;display:block;background:#f9f8f8;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;cursor:pointer;position:relative} @media screen and (min-width:768px){.download-center-grid.component .filter .filtered span{font-size:1.4rem} } .download-center-grid.component .filter .filtered span:after{content:"\f067";font-family:icomoon;position:absolute;right:1rem;top:.5rem;color:#4f8309;display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-size:1.6rem} .download-center-grid.component .filter .filtered span:hover,.download-center-grid.component .filter .filtered span:focus{color:#fff;background-color:#4f8309} .download-center-grid.component .filter .filtered span:hover:after,.download-center-grid.component .filter .filtered span:focus:after{color:#fff} .download-center-grid.component .filter.open{position:fixed;left:0;right:0;top:0;z-index:10050;display:block;opacity:1;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} .modal-open .download-center-grid.component .filter{overflow-x:hidden;overflow-y:auto} .download-center-grid.component .results{display:block;justify-content:flex-end} @media screen and (min-width:768px){.download-center-grid.component .results{display:flex} } .download-center-grid.component .results .input-search,.download-center-grid.component .results .sort-by,.download-center-grid.component .results .num-results{display:inline-block;position:relative} @media screen and (min-width:768px){.download-center-grid.component .results .input-search,.download-center-grid.component .results .sort-by,.download-center-grid.component .results .num-results{display:block} } .download-center-grid.component .results .input-search{display:block;margin:2rem 0} @media screen and (min-width:768px){.download-center-grid.component .results .input-search{display:inline-block;margin:0} } .download-center-grid.component .results .input-search .search-field{font-size:1.6rem;width:100%;margin:.5rem 1rem 0 0} .download-center-grid.component .results .input-search .search-field::placeholder{color:#464747;font-size:1.6rem} .download-center-grid.component .results .input-search .search-field:focus{border-bottom:solid 1px #c9c7c6;color:#09244f} @media screen and (min-width:768px){.download-center-grid.component .results .input-search .search-field{width:20rem} } .download-center-grid.component .results .input-search .search-icon{position:absolute;bottom:.5rem;right:1rem;font-size:1.8rem;background-color:transparent;border:0;color:#006e96} .download-center-grid.component .results .input-search .search-icon:focus{color:#000} .download-center-grid.component .results .sort-by{width:10rem;padding-right:1rem} .download-center-grid.component .results .sort-by .arrow{font-size:1.6rem;top:.5rem;right:1rem} @media screen and (max-width:767px){.download-center-grid.component .results .sort-by{width:100%;padding:0} .download-center-grid.component .results .sort-by .arrow{display:none} .download-center-grid.component .results .sort-by select{left:0;top:0;opacity:0;width:100%;height:100%;position:absolute;z-index:10} } .download-center-grid.component .results select{border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .download-center-grid.component .results .num-results{display:none;padding-left:1rem;width:auto;border-left:solid 1px #dadada} @media screen and (min-width:768px){.download-center-grid.component .results .num-results{display:block} } .download-center-grid.component .results .num-results>span{color:#464747;font-size:1.6rem} .download-center-grid.component .results .num-results .arrow{font-size:1.8rem;right:auto;left:3rem;top:.5rem} .download-center-grid.component .results .num-results .chosen-container,.download-center-grid.component .results .num-results select{width:5rem !important;display:inline-block} .download-center-grid.component .results .num-results select{width:4rem !important} .download-center-grid.component .results .chosen-container{border-bottom:0} .download-center-grid.component .results .chosen-container-single .chosen-single{padding:.5rem 1rem 0 1rem;margin:0} .download-center-grid.component .results select,.download-center-grid.component .results .chosen-container,.download-center-grid.component .results .chosen-container-single .chosen-single,.download-center-grid.component .results .chosen-container .chosen-drop,.download-center-grid.component .results .chosen-container.chosen-container-single.chosen-container-single-nosearch.chosen-container-active{font-size:1.6rem;color:#464747;text-align:left;left:0;width:100%} .download-center-grid.component .results .chosen-container-single .chosen-single{height:3.6rem} .download-center-grid.component .results .chosen-container-single .chosen-drop{color:#464747} .download-center-grid.component .results .chosen-container-single .chosen-single div{right:0 !important} .download-center-grid.component .results .chosen-container-single .chosen-single div b{height:auto;position:relative;top:3px} .download-center-grid.component .results .chosen-container .chosen-results li{padding:.5rem 1rem} .download-center-grid.component .titles{clear:both;position:relative} .download-center-grid.component .titles h3{margin-bottom:1.2rem} .download-center-grid.component .titles small{font-family:'Barlow',sans-serif;color:#464747;font-size:1.6rem;display:none;margin-left:2rem;text-transform:none} @media screen and (min-width:768px){.download-center-grid.component .titles small{display:inline-block} } .download-center-grid.component .titles a{float:right;margin-top:-3.3rem;font-weight:700;font-size:1.8rem;text-transform:uppercase} @media screen and (min-width:768px){.download-center-grid.component .titles a{margin-top:-3.8rem;font-size:2rem} } .download-center-grid.component .grid{flex-basis:100%} .download-center-grid.component .grid>ul{list-style:none;display:flex;flex-flow:row wrap;margin:2rem 0 4rem;padding-bottom:3rem;position:relative} @media screen and (min-width:768px){.download-center-grid.component .grid>ul{display:flex;flex-flow:row wrap} } .download-center-grid.component .grid>ul:after{clear:both;content:'';height:0;display:block} .download-center-grid.component .grid>ul li{display:block;width:50%;flex-basis:50%;margin:0;padding:0;position:relative;text-align:center} @media screen and (min-width:768px){.download-center-grid.component .grid>ul li{flex-shrink:0;float:none;padding:0;width:33%;flex-basis:33%;text-align:left} .download-center-grid.component .grid>ul li:nth-child(2n+1){clear:none} } .download-center-grid.component .grid>ul li a{display:block;padding:.5rem;border:3px solid rgba(255,255,255,0);position:relative;height:100%;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} @media screen and (min-width:768px){.download-center-grid.component .grid>ul li a{padding:1.5rem 1.5rem 1rem} } @media screen and (min-width:992px){.download-center-grid.component .grid>ul li a{padding:2.5rem 2.5rem 1.8rem} } .download-center-grid.component .grid>ul li a:hover,.download-center-grid.component .grid>ul li a:focus,.download-center-grid.component .grid>ul li a.on{text-decoration:none;border:3px solid #4f8309;background:#fff;position:relative;z-index:50} .download-center-grid.component .grid>ul li a:hover .quickview,.download-center-grid.component .grid>ul li a:focus .quickview,.download-center-grid.component .grid>ul li a.on .quickview{opacity:1} .download-center-grid.component .grid>ul li a .image{display:block;position:relative;height:0;padding-bottom:96%;margin-bottom:1.5rem} @media screen and (min-width:768px){.download-center-grid.component .grid>ul li a .image{padding-bottom:89%;margin-bottom:2.5rem} } .download-center-grid.component .grid>ul li a .image img{display:block;position:absolute;left:0;right:0;top:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;font-family:'object-fit: contain; object-position: center center';object-position:center} .download-center-grid.component .grid>ul li a p{margin:0} .download-center-grid.component .grid>ul li a .resource-title{color:#006e96;font-size:1.6rem;line-height:1.15;margin-bottom:0;font-weight:400;text-transform:none;font-family:'Barlow',sans-serif;overflow:hidden;word-break:break-word} @media screen and (min-width:768px){.download-center-grid.component .grid>ul li a .resource-title{font-size:2rem;margin-bottom:2rem} } @media screen and (min-width:992px){.download-center-grid.component .grid>ul li a .resource-title{font-size:2.6rem;margin-bottom:2rem} } .download-center-grid.component .grid>ul li a .description{color:#464747;display:none;font-size:1.6rem;line-height:1.15} @media screen and (min-width:768px){.download-center-grid.component .grid>ul li a .description{display:block} } .download-center-grid.component .grid>ul li a .quickview{display:none} @media screen and (min-width:768px){.download-center-grid.component .grid>ul li a .quickview{display:block;text-align:center;border-top:solid 1px #c9c7c6;font-size:1.6rem;padding:1.4rem 2rem 0;cursor:pointer;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;margin-top:2.6rem;position:relative;opacity:0;color:#464747} .download-center-grid.component .grid>ul li a .quickview>span{display:inline-block;margin-right:1.5rem;color:#4f8309;position:relative;top:2px} .download-center-grid.component .grid>ul li a .quickview:hover,.download-center-grid.component .grid>ul li a .quickview:focus{color:#4f8309} } @media screen and (min-width:992px){.download-center-grid.component .grid>ul li a .quickview{font-size:2rem} } .grid .pagination .paging ol li a:after{content:''} .grid .pagination .paging ol li a:before{-webkit-transition:background-color .001s linear;-moz-transition:background-color .001s linear;-ms-transition:background-color .001s linear;-o-transition:background-color .001s linear;transition:background-color .001s linear} .component.cookie-cta{display:none;align-items:center;background:#fff;bottom:0;justify-content:space-between;left:0;padding:1.2rem 2rem 1.5rem;position:fixed;transition:bottom .7s,padding .3s;width:100%;z-index:100} .component.cookie-cta.edit{position:static} @media screen and (min-width:768px){.component.cookie-cta{padding-left:4rem} } .component.cookie-cta.show{display:block} .component.cookie-cta a.icon-close{align-self:flex-start;color:#09244f;display:block;font-size:1.8rem;line-height:2.8rem;padding-left:1.5rem} .component.cookie-cta a.icon-close:hover,.component.cookie-cta a.icon-close:focus{text-decoration:none} .component.cookie-cta p{line-height:2.4rem;margin:0} .component.cookie-cta p span{padding-right:1rem} .component.cookie-cta p a{color:#4f8309;display:inline-block;font-size:1.5rem;font-weight:700;line-height:1.5rem;text-transform:uppercase} .cookie-cta-placeholder{transition:height .3s} .component.channel-advisor .intro{text-align:center;padding-bottom:3rem} .component.channel-advisor iframe{width:1px;min-width:100%;height:450px} .category-selection.assistant-bar.component .wrap form .chosen-container-single .chosen-single{padding:0} @media screen and (min-width:768px){.category-selection.assistant-bar.component .wrap form .chosen-container-single .chosen-single{padding:.2rem 0 .4rem 1.5rem} } .category-selection.assistant-bar.component .wrap form .chosen-container .chosen-drop{width:100%} .category-selection.assistant-bar.component .wrap form .chosen-container .chosen-results li{overflow:hidden;text-overflow:ellipsis} .selection-wrap{position:relative} .selection-wrap>.icon{color:#d0df00;position:absolute;top:0;right:0;font-size:2.6rem} @media screen and (min-width:768px){.selection-wrap>.icon{top:.4rem} } @media screen and (min-width:992px){.selection-wrap>.icon{top:1.2rem} } .swap-category.component{padding-top:2rem} .swap-category.component .intro{padding-top:0;text-align:center;display:block;position:relative;max-width:86rem;margin:0 auto} .swap-category.component .intro p{margin:0 0 1.25em} @media screen and (min-width:768px){.swap-category.component .intro{padding-top:3.5rem;font-size:2.4rem;line-height:1.5em} } .swap-category.component .swap-area .no-content{display:none;opacity:1;background:#f9f8f8;border:solid 1px #ddd;padding:2rem;margin:0 2rem 4rem;text-align:center;position:relative;font-size:1.8rem;max-width:100rem;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-ms-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear} @media screen and (min-width:992px){.swap-category.component .swap-area .no-content{display:block} } @media screen and (min-width:768px){.swap-category.component .swap-area .no-content{padding:4rem 4rem 3.6rem;font-size:2.4rem} } @media screen and (max-width:1040px){.swap-category.component .swap-area .no-content{margin:0 2rem 4rem} } @media screen and (min-width:1041px){.swap-category.component .swap-area .no-content{margin:0 auto 4rem} } .swap-category.component .swap-area .no-content:before,.swap-category.component .swap-area .no-content:after{content:'';width:0;height:0;border-left:1.7rem solid transparent;border-right:1.7rem solid transparent;border-bottom:1.5rem solid #ddd;display:block;position:absolute;left:50%;bottom:100%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)} @media screen and (min-width:768px){.swap-category.component .swap-area .no-content:before,.swap-category.component .swap-area .no-content:after{border-left:2.7rem solid transparent;border-right:2.7rem solid transparent;border-bottom:2.5rem solid #ddd} } .swap-category.component .swap-area .no-content:after{border-left:1.6rem solid transparent;border-right:1.6rem solid transparent;border-bottom:1.4rem solid #f9f8f8} @media screen and (min-width:768px){.swap-category.component .swap-area .no-content:after{border-left:2.6rem solid transparent;border-right:2.6rem solid transparent;border-bottom:2.4rem solid #f9f8f8} } .swap-category.component .swap-area .no-content h3{color:#006e96;font-size:2rem;font-weight:700;font-family:'Barlow',sans-serif;margin-bottom:.7rem} @media screen and (min-width:768px){.swap-category.component .swap-area .no-content h3{font-size:2.4rem} } .swap-category.component .swap-area .no-content p:last-child{margin:0} .swap-category.component .swap-area .new-content{display:none;opacity:0;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-ms-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear} .swap-category.component .swap-area.swapped .no-content{-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-ms-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear;opacity:0} .swap-category.component .swap-area.swapped .new-content{-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-ms-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear;opacity:1} .swap-category.component .section-divider{margin:0 2rem} @media screen and (min-width:992px){.swap-category.component .section-divider{display:none} } .swap-category.component .section-divider .divider{border-bottom:solid 1px #c9c7c6} .sticky-category-container{background-color:#f9f7f8;border-top:solid 1px #dadada;height:7rem;left:0;overflow:hidden;position:fixed;top:calc(100% - 7rem);width:100%;z-index:10} .sticky-category-container h5{color:#006e96;font-size:2.0rem;padding-top:2rem;margin-left:-1rem;text-align:center} .sticky-category-container h5 .icon-angle-up{color:#4f8309;font-size:2.6rem;line-height:2rem;padding-right:1rem} @media screen and (min-width:992px){.sticky-category-container{display:none} } .sticky-category-container button{outline:0;border:0;background:transparent;margin:0;padding:0;height:7rem;width:100%} .sticky-category-container.swapped{display:none} @media screen and (min-width:768px){.component.calendar-events .filter-calendar-container{display:flex;justify-content:space-around} } .component.calendar-events.add-filters .btn.btn-filter{display:block} @media screen and (min-width:768px){.component.calendar-events.add-filters .btn.btn-filter{display:none} } @media screen and (min-width:768px){.component.calendar-events.add-filters .filter{display:block} } .component.calendar-events .btn.btn-filter{display:none;width:100%} @media screen and (max-width:767px) and (min-width:1px){.component.calendar-events .filter.show-mobile{display:initial;opacity:1;z-index:5001} } .component.calendar-events .filter{display:none;position:fixed;overflow:auto;padding-bottom:4rem;opacity:0;width:100%;top:6rem;left:0;background:rgba(0,0,0,0.4);height:100%} @media screen and (min-width:768px){.component.calendar-events .filter{flex-shrink:0;width:17rem;padding:0 3rem 0 0;height:auto;position:relative;opacity:1;background:0;top:0;left:auto} .component.calendar-events .filter:before{display:none} } @media screen and (min-width:992px){.component.calendar-events .filter{padding:0 7rem 0 0;width:24rem} } .component.calendar-events .filter legend{font-weight:700;text-transform:uppercase;font-size:2rem;border:0;margin-bottom:.4rem;display:block;color:#464747} .component.calendar-events .filter .icon-close{display:block;position:absolute;color:#09244f;right:2rem;top:2.5rem;z-index:50} .component.calendar-events .filter .icon-close:hover,.component.calendar-events .filter .icon-close:focus{color:#464747} @media screen and (min-width:768px){.component.calendar-events .filter .icon-close{display:none} } .component.calendar-events .filter form{-webkit-box-shadow:0 0 15px 0 #000;-moz-box-shadow:0 0 15px 0 #000;box-shadow:0 0 15px 0 #000;background:#fff;padding:2.5rem 2rem 4.5rem} @media screen and (min-width:768px){.component.calendar-events .filter form{box-shadow:none;-webkit-box-shadow:none;padding:0;background:0} } .component.calendar-events .filter form fieldset>ul{list-style:none;counter-reset:items} .component.calendar-events .filter form fieldset>ul>li{margin:0;padding:0;font-size:2rem;counter-increment:items;position:relative} .component.calendar-events .filter form fieldset>ul>li:before{content:"0" counter(items);color:#dadada;font-size:1.8rem;font-weight:700;position:absolute;left:0;top:2.5rem} @media screen and (min-width:768px){.component.calendar-events .filter form fieldset>ul>li{font-size:1.6rem;font-weight:300} .component.calendar-events .filter form fieldset>ul>li:before{display:none} } .component.calendar-events .filter form fieldset>ul>li>span{display:block;padding:2.4rem 2rem 2.4rem 3.5rem;border-top:1px solid #dadada;color:#464747;position:relative;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-ms-transition:color .15s linear;-o-transition:color .15s linear;transition:color .15s linear;cursor:pointer} @media screen and (min-width:768px){.component.calendar-events .filter form fieldset>ul>li>span{padding:1.5rem 2rem 1.5rem 0} } .component.calendar-events .filter form fieldset>ul>li>span:after{content:"\f0d7";font-family:icomoon;color:#006e96;display:block;position:absolute;right:0;top:2.4rem;font-size:2.6rem;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-ms-transition:color .15s linear;-o-transition:color .15s linear;transition:color .15s linear} @media screen and (min-width:768px){.component.calendar-events .filter form fieldset>ul>li>span:after{top:1rem;font-size:2.2rem} } .component.calendar-events .filter form fieldset>ul>li>span:hover,.component.calendar-events .filter form fieldset>ul>li>span:focus{text-decoration:none;color:#006e96;font-weight:400} .component.calendar-events .filter form fieldset>ul>li>span:hover:before,.component.calendar-events .filter form fieldset>ul>li>span:focus:before{color:#006e96} .component.calendar-events .filter form fieldset>ul>li>span:hover:after,.component.calendar-events .filter form fieldset>ul>li>span:focus:after{color:#dadada} .component.calendar-events .filter form fieldset>ul>li.open>span{color:#006e96} .component.calendar-events .filter form fieldset>ul>li.open>span:before{color:#006e96} .component.calendar-events .filter form fieldset>ul>li.open>span:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);color:#dadada} .component.calendar-events .filter form fieldset>ul>li:first-child span{border:0} .component.calendar-events .filter ul ul{list-style-type:none;padding:2.7rem 0 .9rem 2.5rem;border-top:1px solid #dadada;display:none;max-height:250px;overflow:auto} @media screen and (min-width:768px){.component.calendar-events .filter ul ul{padding:1.7rem 0 1.5rem} } .component.calendar-events .filter ul ul li{margin:0;padding:0 0 1.9rem;position:relative} @media screen and (min-width:768px){.component.calendar-events .filter ul ul li{padding:0 0 .5rem} } .component.calendar-events .filter ul ul .item-count{display:none} @media screen and (min-width:768px){.component.calendar-events .filter ul ul .item-count{display:inline-block;margin-left:.3rem} } .component.calendar-events .filter ul ul label{font-size:1.8rem;line-height:1;font-weight:300;padding:0 0 0 4rem} .component.calendar-events .filter ul ul label:before{height:1.8rem;width:1.8rem;top:.9rem;line-height:1.6rem} @media screen and (min-width:768px){.component.calendar-events .filter ul ul label{padding:0 0 0 2.5rem;font-size:1.4rem;margin:0} .component.calendar-events .filter ul ul label:before{width:11px;height:11px;line-height:.9rem;font-size:.6rem;top:.7rem} } .component.calendar-events .filter .filtered{list-style:none;margin-top:3rem} @media screen and (min-width:768px){.component.calendar-events .filter .filtered{max-width:14.3rem} } .component.calendar-events .filter .filtered span{font-size:1.6rem;font-weight:500;padding:.5rem 2rem .5rem 1.1rem;margin-bottom:1.5rem;display:block;background:#f9f8f8;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;cursor:pointer;position:relative} @media screen and (min-width:768px){.component.calendar-events .filter .filtered span{font-size:1.4rem} } .component.calendar-events .filter .filtered span:after{content:"\f067";font-family:icomoon;position:absolute;right:1rem;top:.5rem;color:#4f8309;display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-size:1.6rem} .component.calendar-events .filter .filtered span:hover,.component.calendar-events .filter .filtered span:focus{color:#fff;background-color:#4f8309} .component.calendar-events .filter .filtered span:hover:after,.component.calendar-events .filter .filtered span:focus:after{color:#fff} .component.calendar-events .filter.open{position:fixed;left:0;right:0;top:0;z-index:10050;display:block;opacity:1;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} .modal-open .component.calendar-events .filter{overflow-x:hidden;overflow-y:auto} .component.calendar-events{margin:4rem 0} @media screen and (min-width:768px){.component.calendar-events{margin:8rem 0} } .component.calendar-events .fc h2{font-family:'Barlow',sans-serif;font-weight:700;font-size:2rem;text-transform:uppercase;color:#464747;margin:0} @media screen and (min-width:768px){.component.calendar-events .fc h2{font-size:2.4rem} } .component.calendar-events .fc .fc-basic-view .fc-day-top .fc-day-number{float:left;font-family:'Barlow',sans-serif;font-size:1.4rem} .component.calendar-events .fc .fc-day-header,.component.calendar-events .fc .fc-widget-header{background:#09244f;font-family:'Barlow',sans-serif;font-weight:700;font-size:1.3rem;text-transform:uppercase;color:#fff;border:0;padding:1.5rem 0} @media screen and (min-width:992px){.component.calendar-events .fc .fc-day-header,.component.calendar-events .fc .fc-widget-header{font-size:1.6rem} } .component.calendar-events .fc .fc-scroller{overflow:visible !important;height:auto !important} .component.calendar-events .fc .fc-widget-header{padding:1rem .5rem} @media screen and (min-width:768px){.component.calendar-events .fc .fc-widget-header{padding:1.5rem 0} } .component.calendar-events .fc .fc-head-container,.component.calendar-events .fc .fc-row{padding:0} .component.calendar-events .fc .fc-list-table td{padding:1rem .5rem} @media screen and (min-width:768px){.component.calendar-events .fc .fc-list-table td{padding:1.5rem 3rem} } .component.calendar-events .fc .fc-listWeek-view,.component.calendar-events .fc .fc-listMonth-view{border:0} .component.calendar-events .fc td,.component.calendar-events .fc th{border-left:0;border-right:0} .component.calendar-events .fc .fc-day-top{padding-top:1.5rem} .component.calendar-events .fc td.fc-today{border-top:solid 1px #dadada;background:#f9f8f8} .component.calendar-events .fc .fc-day-grid-event{margin:1px 0 0;padding:.4rem 1rem} .component.calendar-events .fc .fc-event{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0;font-size:1.4rem;line-height:1.1em;font-weight:700;font-family:'Barlow',sans-serif} .component.calendar-events .fc .fc-time,.component.calendar-events .fc .fc-title{color:#fff} .component.calendar-events .fc .fc-day-grid-event .fc-time{font-weight:400} .component.calendar-events .fc .fc-event,.component.calendar-events .fc .fc-event-dot{background:#4f8309} .component.calendar-events .fc .fc-list-item-marker{display:none} .component.calendar-events .fc button.fc-state-disabled{opacity:1;color:#464747} .component.calendar-events .fc button{background:0;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:auto;margin:0;padding:0 .5rem} @media screen and (min-width:768px){.component.calendar-events .fc button{padding:0 .6em} } .component.calendar-events .fc .fc-toolbar button{color:#006e96} .component.calendar-events .fc .fc-toolbar button:focus{color:#333} .component.calendar-events .fc .fc-toolbar button:focus .fc-icon{color:#333} .component.calendar-events .fc .fc-icon{font-family:icomoon;color:#006e96;margin:0;top:-0.5rem} @media screen and (min-width:768px){.component.calendar-events .fc .fc-icon{top:-0.8rem} } .component.calendar-events .fc .fc-icon:after{content:"\f104";top:auto;font-weight:400;font-size:3rem} .component.calendar-events .fc .fc-icon.fc-icon-right-single-arrow:after{content:"\f105"} .component.calendar-events .fc .fc-month-button,.component.calendar-events .fc .fc-listWeek-button,.component.calendar-events .fc .fc-listMonth-button{display:none;font-size:1.4rem;color:#464747;padding:0 0 .5rem;margin:0 2rem;text-transform:capitalize} @media screen and (min-width:768px){.component.calendar-events .fc .fc-month-button,.component.calendar-events .fc .fc-listWeek-button,.component.calendar-events .fc .fc-listMonth-button{display:inline-block} } .component.calendar-events .fc .fc-month-button.fc-state-active,.component.calendar-events .fc .fc-listWeek-button.fc-state-active,.component.calendar-events .fc .fc-listMonth-button.fc-state-active,.component.calendar-events .fc .fc-month-button:hover,.component.calendar-events .fc .fc-listWeek-button:hover,.component.calendar-events .fc .fc-listMonth-button:hover,.component.calendar-events .fc .fc-month-button:focus,.component.calendar-events .fc .fc-listWeek-button:focus,.component.calendar-events .fc .fc-listMonth-button:focus{border-bottom:solid 1px #464747;color:#006e96} .component.calendar-events .fc .fc-center{float:none;display:block;text-align:center;clear:both} @media screen and (min-width:768px){.component.calendar-events .fc .fc-center{float:none;display:inline-block;text-align:right;padding:0;clear:none} } .component.calendar-events .fc .fc-center h2{float:none} @media screen and (min-width:768px){.component.calendar-events .fc .fc-center h2{float:left} } @media screen and (max-width:767px){.component.calendar-events .fc .fc-left{float:none;width:100%;text-align:center} .component.calendar-events .fc .fc-left .fc-button-group{width:100%;float:none} .component.calendar-events .fc .fc-left .fc-next-button{float:right} .component.calendar-events .fc .fc-left .fc-prev-button{float:left} .component.calendar-events .fc .fc-left .fc-today-button{float:none;position:relative;top:-2.5rem} } .component.calendar-events .fc .fc-prev-button{padding-left:0} .component.calendar-events .fc .fc-listWeek-button,.component.calendar-events .fc .fc-listMonth-button{margin-right:0} .component.calendar-events .fc .fc-month-button:after{content:'';border-right:solid 1px #dadada;top:-0.8rem;bottom:-0.8rem;position:absolute;right:-2rem} .component.calendar-events .fc .fc-today-button{color:#006e96;text-transform:uppercase;font-family:'Barlow',sans-serif;font-weight:700;font-size:1.4rem} .component.calendar-events .fc .fc-today-button:hover,.component.calendar-events .fc .fc-today-button:focus{color:#464747} .component.calendar-events .fc .fc-more-cell{line-height:1em} .component.calendar-events .fc a.fc-more{font-size:1.4rem;margin:.1rem 1rem 0} .component.calendar-events .fc .fc-list-item .fc-widget-content a{text-decoration:none;color:#4f8309;font-weight:700;font-family:'Barlow',sans-serif} .component.calendar-events .fc .fc-list-item .fc-widget-content a:hover,.component.calendar-events .fc .fc-list-item .fc-widget-content a:focus{text-decoration:underline} .component.calendar-events .fc .fc-list-item .fc-list-item-title{font-size:1.4rem} @media screen and (min-width:768px){.component.calendar-events .fc .fc-list-item .fc-list-item-title{width:100%;font-size:1.8rem} } .component.calendar-events .fc .fc-list-item .fc-list-item-time{font-size:1.4rem} @media screen and (min-width:768px){.component.calendar-events .fc .fc-list-item .fc-list-item-time{font-size:1.6rem} } .component.calendar-events .fc-popover .fc-header{padding:1rem} .component.calendar-events .fc-popover .fc-close{color:#fff;padding-top:2px} .component.calendar-events .fc-popover .fc-close:after{content:"\e905";font-size:1.2rem} @media screen and (min-width:768px){.component.calendar-events .calendar-container.fc.fc-unthemed.fc-ltr{width:100%} } .component.pool-volume{margin:0 -2rem} @media screen and (min-width:768px){.component.pool-volume{margin:0 auto} } .component.pool-volume .pv-header,.component.pool-volume .pv-subheader{text-align:center} .component.pool-volume .pv-tab-container{width:100%;position:relative} @media screen and (min-width:768px){.component.pool-volume .pv-tab-container{max-width:1000px;margin:0 auto} } @media screen and (max-width:767px){.component.pool-volume .pv-tab-container.rectangular-active .pv-calc-share,.component.pool-volume .pv-tab-container.oblong-active .pv-calc-share,.component.pool-volume .pv-tab-container.circular-active .pv-calc-share,.component.pool-volume .pv-tab-container.triangular-active .pv-calc-share{display:block} .component.pool-volume .pv-tab-container.rectangular-active .pv-calc-share{top:36rem} .component.pool-volume .pv-tab-container.oblong-active .pv-calc-share{top:42rem} .component.pool-volume .pv-tab-container.circular-active .pv-calc-share{top:54rem} .component.pool-volume .pv-tab-container.triangular-active .pv-calc-share{top:62rem} } .component.pool-volume .tabs{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;align-content:flex-start} .component.pool-volume .tabs>dt{width:100%;position:relative} .component.pool-volume .tabs>dt button{display:block;width:100%;height:100%;padding:1.5rem;text-align:left;text-transform:uppercase;font-size:18px;font-size:1.8rem;margin:0;text-decoration:none;background:#fff;color:#006e96;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border:0;border-top:2px solid #dadada;position:relative} .component.pool-volume .tabs>dt button:after{font-family:icomoon;content:"\f067";display:inline-block;width:15px;position:absolute;top:50%;transform:translateY(-50%);right:20px} .component.pool-volume .tabs>dt button>*{pointer-events:none} .component.pool-volume .tabs>dt.active button{border-bottom:3px solid #4f8309} .component.pool-volume .tabs>dt.active button:after{content:"\f068"} .component.pool-volume .tabs>dt.active:nth-of-type(4) button{border-bottom:3px solid #4f8309} .component.pool-volume .tabs>dt.active .icon-caret-down{display:inline-block;font-size:3.5rem;line-height:1.5rem;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);color:#4f8309;cursor:pointer} .component.pool-volume .tabs>dt.active .tab-icon>svg{opacity:1} .component.pool-volume .tabs>dt:nth-of-type(4) button{border-bottom:2px solid #dadada} .component.pool-volume .tabs>dt .tab-icon{display:inline-block;width:40px;vertical-align:middle;margin-right:.5rem} .component.pool-volume .tabs>dt .icon-caret-down{display:none} .component.pool-volume .tabs>dd{width:100%} .component.pool-volume .tabs>dd[hidden]{display:none} .component.pool-volume .tabs>dd:last-child{margin-bottom:0} .component.pool-volume .tabs .tab-content{padding:4rem 2.5rem;position:relative} .component.pool-volume .tabs .tab-content.toggle-section .tab-content-section form{display:none} .component.pool-volume .tabs .tab-content.toggle-section .tab-content-section>h6{margin-bottom:3.5rem} .component.pool-volume .tabs .tab-content.toggle-section .tab-content-section:nth-child(3){display:block} @media screen and (max-width:767px) and (min-width:1px){.component.pool-volume .tabs .tab-content-section:nth-child(3){display:none} } .component.pool-volume .tabs .tab-content-section>h6{padding-bottom:4rem;margin-bottom:2.5rem} .component.pool-volume .tabs .tab-content-section img{display:block;margin:0 auto 4rem} .component.pool-volume .tabs .form-inputs{width:100%;position:relative;margin-bottom:2.5rem} .component.pool-volume .tabs .form-inputs>label{margin-bottom:.5rem;font-size:14px;font-size:1.4rem} .component.pool-volume .tabs .form-inputs>input{padding-right:2rem} .component.pool-volume .tabs .form-inputs.is-invalid .form-error{display:block} .component.pool-volume .tabs .form-error{display:none;color:#b94a48;font-size:12px;font-size:1.2rem;position:absolute;bottom:-15px;left:0;font-weight:600;text-transform:uppercase} .component.pool-volume .tabs .feet{font-size:20px;font-size:2rem;position:absolute;bottom:5px;right:0} .component.pool-volume .tabs .btn-green{background-color:#4f8309;color:#fff;display:block;margin:0 auto} .component.pool-volume .tabs .btn-green:before{right:-6rem} .component.pool-volume .tabs .label-paren{padding-left:.5rem;color:#006e96} .component.pool-volume .tabs .result-container{padding:2rem;background-color:#006e96;text-align:center;color:#fff;width:100%;max-width:300px;height:100%;min-height:250px;margin:0 auto 3rem} .component.pool-volume .tabs .result-container>h6{color:#fff;width:80%;margin:0 auto;padding:1.5rem 0;font-size:28px;font-size:2.8rem} .component.pool-volume .tabs .pv-result{font-size:60px;font-size:6rem} .component.pool-volume .tabs .gallons-text{text-transform:uppercase;font-weight:700;font-size:18px;font-size:1.8rem} @media screen and (min-width:768px){.component.pool-volume .tabs{flex-flow:row wrap} .component.pool-volume .tabs>dt{flex:0 0 25%;width:auto;order:0;align-self:auto;min-width:182px;min-height:100px;height:100px} .component.pool-volume .tabs>dt.active button{border-top:3px solid #4f8309;border-left:2px solid #dadada;border-right:2px solid #dadada;border-bottom:0;color:#006e96} .component.pool-volume .tabs>dt.active .icon-caret-down{position:absolute;display:inline-block;font-size:3.5rem;line-height:1.5rem;top:-1px;left:50%;transform:translateX(-50%);color:#4f8309;cursor:pointer;z-index:1} .component.pool-volume .tabs>dt.active .tab-icon>svg{opacity:1} .component.pool-volume .tabs>dt.active:nth-of-type(4) button{border-bottom:0} .component.pool-volume .tabs>dt button{text-align:center;color:#cce2ea;border-top:0;border-bottom:2px solid #dadada} .component.pool-volume .tabs>dt button:after{display:none} .component.pool-volume .tabs>dt button:hover{color:#006e96} .component.pool-volume .tabs>dt button:hover .tab-icon>svg{opacity:1} .component.pool-volume .tabs>dt .tab-icon{display:block;width:auto} .component.pool-volume .tabs>dt .tab-icon>svg{width:6rem;height:4rem;opacity:.4} .component.pool-volume .tabs>dd{flex:0 0 100%;order:1;align-self:auto} .component.pool-volume .tabs .tab-content{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;padding-bottom:0;padding-left:0;padding-right:0} .component.pool-volume .tabs .tab-content:last-child{padding-top:5rem} .component.pool-volume .tabs .tab-content-section:nth-child(1){flex:0 1 30%;margin-left:3rem;padding-top:5rem} .component.pool-volume .tabs .tab-content-section:nth-child(2){flex:0 1 27%} .component.pool-volume .tabs .tab-content-section:nth-child(3){display:block;flex:0 1 27%;margin-right:0;padding-top:6rem} .component.pool-volume .tabs .tab-content-section>h6{padding-bottom:0} .component.pool-volume .tabs .fields-container{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;margin-bottom:4rem} .component.pool-volume .tabs .form-inputs{margin-right:4rem;margin-bottom:0;max-width:120px} .component.pool-volume .tabs .form-inputs:last-child{margin-right:0} .component.pool-volume .tabs .form-inputs>input{margin-bottom:inherit} .component.pool-volume .tabs .form-error{font-size:10px;font-size:1rem} .component.pool-volume .tabs .feet{font-size:24px;font-size:2.4rem;position:absolute;bottom:5px;right:0} .component.pool-volume .tabs .result-container>h6{font-size:24px;font-size:2.4rem} .component.pool-volume .tabs .gallons-text{text-transform:uppercase;font-weight:700;font-size:18px;font-size:1.8rem} .component.pool-volume .tabs .btn-green{margin:0} .component.pool-volume .tabs .btn-green.recalc{display:none} } .component.pool-volume .pv-calc-share{position:absolute;left:5px;display:none} @media screen and (min-width:768px){.component.pool-volume .pv-calc-share{display:block;top:10rem;right:0;left:auto} } .component.heat-pump .heat-pump-wrapper{max-width:1105px;width:100%;margin:0 auto} .component.heat-pump .hp-section-wrapper{position:relative} @media screen and (min-width:992px){.component.heat-pump .hp-section-wrapper{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center} } @media screen and (min-width:992px){.component.heat-pump .hp-section-wrapper:nth-of-type(2){margin-top:6rem} } .component.heat-pump .hp-carousel.full-width .owl-stage-outer{overflow:visible} .component.heat-pump .hp-carousel.full-width .pool-volume.component{margin:0 -2rem} .component.heat-pump .title{margin-top:10rem} @media screen and (min-width:992px){.component.heat-pump .title{margin-top:0} } .component.heat-pump .description{margin-bottom:2rem} @media screen and (min-width:992px){.component.heat-pump .description{margin-bottom:4rem} } .component.heat-pump .hp-section-wrapper-inner{width:100%;max-width:800px} .component.heat-pump .hp-headers h2{text-align:center;padding:0 2.5rem} @media screen and (min-width:992px){.component.heat-pump .hp-headers h2{text-align:left;padding:0} } .component.heat-pump .hp-headers p{margin:0;font-size:18px;font-size:1.8rem;text-align:center;padding:0 2.5rem} @media screen and (min-width:992px){.component.heat-pump .hp-headers p{font-size:24px;font-size:2.4rem;text-align:left;padding:0} } .component.heat-pump .btn-green{background-color:#4f8309;color:#fff;padding:1rem 2rem;height:51px} .component.heat-pump .btn-green.allow{min-width:10rem} .component.heat-pump .btn-green.next{min-width:10rem} .component.heat-pump .btn-green:focus{outline:0} .component.heat-pump .btn-white{background-color:#fff;color:#4f8309;border:3px solid #4f8309;padding:1rem 2rem} .component.heat-pump .btn-white:before{background:#4f8309;opacity:1} .component.heat-pump .btn-white:hover,.component.heat-pump .btn-white:focus{color:#fff;transition:all 200ms ease-out} .component.heat-pump .btn-white.prev{min-width:14rem} .component.heat-pump .btn-white.deny{min-width:9rem} .component.heat-pump .location-wrapper{display:flex;flex-flow:column;justify-content:center;align-items:flex-start;margin-bottom:0} .component.heat-pump .location-wrapper>div{margin-bottom:2rem} .component.heat-pump .location-wrapper>div:first-child{position:relative;width:100%;max-width:12rem} .component.heat-pump .location-wrapper>div.is-invalid .location-denied{display:inline-block} .component.heat-pump .location-wrapper .location-denied{display:none;color:#b94a48;font-size:12px;font-size:1.2rem;font-weight:600;text-transform:uppercase;margin-top:1rem;position:absolute;bottom:-2rem;left:0} @media screen and (min-width:992px){.component.heat-pump .location-wrapper{flex-flow:row nowrap;justify-content:flex-start;align-items:center;margin-bottom:2rem} .component.heat-pump .location-wrapper>div{margin:0 8rem 0 0} .component.heat-pump .location-wrapper>div:last-child{margin-right:0} } .component.heat-pump .location-wrapper .btn-zip{color:#4f8309;border:solid 2px #4f8309;font-size:24px;font-size:2.4rem;min-width:5.5rem;width:5.5rem;height:5.5rem;background-color:#fff;padding:0} .component.heat-pump .location-wrapper .btn-zip:hover,.component.heat-pump .location-wrapper .btn-zip:focus{background:#4f8309;color:#fff} .component.heat-pump .location-wrapper .btn-zip:before{display:none} @media screen and (min-width:992px){.component.heat-pump .location-wrapper .btn-zip{min-width:5.5rem;font-size:30px;font-size:3rem} } .component.heat-pump .zip-container{position:relative;max-width:370px;width:100%} .component.heat-pump .zip-container .form-error{display:none;color:#b94a48;font-size:12px;font-size:1.2rem;font-weight:600;text-transform:uppercase;margin-top:1rem;position:absolute;bottom:-2rem;left:0} .component.heat-pump .zip-container.is-invalid .form-error{display:block} .component.heat-pump .zip-container .zip-code{position:absolute;bottom:2px;right:0;font-size:18px;font-size:1.8rem} @media screen and (min-width:992px){.component.heat-pump .zip-container .zip-code{font-size:25px;font-size:2.5rem} } .component.heat-pump .zip-container .zip-code>span{padding-right:.5rem} .component.heat-pump .zip-container .zip-input{padding:.5rem 0 .2rem} .component.heat-pump .zip-container .zip-input::-ms-clear{display:none} .component.heat-pump .pool-volume.component{margin:0} .component.heat-pump .pool-volume.component .tab-content{padding:4rem 2.5rem 2.5rem} @media screen and (min-width:992px){.component.heat-pump .pool-volume.component .tab-content{padding-top:3rem} } @media screen and (max-width:767px) and (min-width:1px){.component.heat-pump .pool-volume.component .result-container{margin-bottom:2.5rem} } .component.heat-pump .pool-volume.component .tab-content-section{margin-left:0} .component.heat-pump .pool-volume.component .tab-content-section:nth-child(1){flex:0 1 26%} .component.heat-pump .pool-volume.component .tab-content-section:nth-child(2){flex:0 1 32%} .component.heat-pump .pool-volume.component .tab-content-section:nth-child(3){flex:0 1 32%;padding-top:0;display:block} .component.heat-pump .pool-volume.component .tab-content-section form button{display:none} .component.heat-pump .pool-volume.component .tab-content-section .recalc{display:none} .component.heat-pump .pool-volume.component .tab-content-section img{max-width:200px;margin-bottom:2rem} @media screen and (min-width:992px){.component.heat-pump .pool-volume.component .tab-content-section img{max-width:100%;max-width:unset;margin:inherit} } .component.heat-pump .pool-volume.component .tab-content-section>h6{padding:0} .component.heat-pump .pool-volume.component .pv-calc-share{display:none} .component.heat-pump .pool-temp-container{display:flex;flex-flow:column;justify-content:flex-start;align-items:center;margin:0 1.4rem} @media screen and (min-width:992px){.component.heat-pump .pool-temp-container{flex-flow:row nowrap;justify-content:space-between;align-items:center;margin:0 0 10rem 0} } @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.component.heat-pump .pool-temp-container .slider{position:absolute;top:4.2rem;left:0;right:0;width:100%} .component.heat-pump .pool-temp-container .slider:focus,.component.heat-pump .pool-temp-container .slider:active{outline:0} .component.heat-pump .pool-temp-container .slider::-ms-thumb{width:20px;height:20px;background:#006e96;cursor:pointer;-ms-transform-origin:center center;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);outline:0} .component.heat-pump .pool-temp-container .slider::-ms-fill-lower{background:transparent;border:0 none;background-color:#006e96} .component.heat-pump .pool-temp-container .slider::-ms-fill-upper{background-color:#dadada;border:0 none} } .component.heat-pump .pool-temp-container label{margin-bottom:4rem} .component.heat-pump .pool-temp-slider{width:100%} @media screen and (min-width:992px){.component.heat-pump .pool-temp-slider{width:60%;margin-left:1.4rem} } .component.heat-pump .pool-temp-slider .form-error{display:none;color:#b94a48;font-size:12px;font-size:1.2rem;font-weight:600;text-transform:uppercase;margin-top:1rem} .component.heat-pump .pool-temp-slider.is-invalid .form-error{display:block} .component.heat-pump .pool-temp-degrees{margin-bottom:6rem} @media screen and (min-width:992px){.component.heat-pump .pool-temp-degrees{margin-bottom:0;padding-right:4rem;width:40%} } .component.heat-pump .tick-result{position:absolute;top:20px;right:0} .component.heat-pump .tick-result>span{font-family:'Barlow',sans-serif} .component.heat-pump .large-tick:first-of-type .num-deg{margin-left:1.7rem} .component.heat-pump .large-tick:last-of-type>.num-deg{margin-right:2rem} @media screen and (min-width:992px){.component.heat-pump .large-tick:last-of-type>.num-deg{margin-right:1.7rem} } .component.heat-pump .degrees-output{background-color:#006e96;width:150px;height:150px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center} @media screen and (min-width:992px){.component.heat-pump .degrees-output{margin-left:auto} } .component.heat-pump .degrees-output>div{font-size:60px;font-size:6rem;color:#fff;font-weight:300;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-flow:column;justify-content:center;align-items:center;margin:2rem 0 0 2rem} .component.heat-pump .degrees-output>div>span{margin-bottom:2rem} @media screen and (min-width:768px){.component.heat-pump .degrees-output>div>span{margin-bottom:0} } .component.heat-pump .degrees-output>div .deg-num{padding-left:1rem} .component.heat-pump .degrees-output>div sup{top:.5rem;font-size:60px;font-size:6rem} .component.heat-pump .degrees-output .degrees-text{text-transform:uppercase;font-size:18px;font-size:1.8rem;color:#fff;font-weight:700;font-family:'Barlow Condensed',sans-serif;margin:0} .component.heat-pump .owl-stage{transition:none !important} .component.heat-pump .owl-nav{text-align:right} @media screen and (min-width:992px){.component.heat-pump .owl-nav{text-align:right} } .component.heat-pump .owl-nav .owl-prev.disabled,.component.heat-pump .owl-nav .owl-next.disabled{display:none} .component.heat-pump .owl-prev{display:inline-block} .component.heat-pump .owl-next{display:inline-block;margin-left:3rem} .component.heat-pump .recommend-btn{margin-left:3rem} @media screen and (max-width:767px) and (min-width:1px){.component.heat-pump .recommend-btn{min-width:10rem} } .component.heat-pump .owl-dots{counter-reset:items;position:absolute;top:1.5rem;width:100%;text-align:center} @media screen and (min-width:992px){.component.heat-pump .owl-dots{top:0;left:2rem;width:auto;text-align:left} } .component.heat-pump .owl-dots .owl-dot{display:inline-block;counter-increment:items;position:relative;font-size:18px;font-size:1.8rem;margin:0 1.5rem;padding:0 1rem} .component.heat-pump .owl-dots .owl-dot:last-child{margin-right:0} @media screen and (min-width:992px){.component.heat-pump .owl-dots .owl-dot{display:block;padding:0 0 0 3.5rem;margin:0 0 1.5rem} } .component.heat-pump .owl-dots .owl-dot.active:before{background-color:#4f8309} .component.heat-pump .owl-dots .owl-dot.active:after{color:#fff} .component.heat-pump .owl-dots .owl-dot:before{content:"";width:3.5rem;height:3.5rem;display:inline-block;background:rgba(255,255,255,0);transform:translateX(-50%) rotate(45deg);-webkit-transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:0} .component.heat-pump .owl-dots .owl-dot:after{content:"0" counter(items);display:block;position:absolute;font-weight:700;font-size:20px;font-size:2rem;top:-1px;left:-10px} @media screen and (min-width:992px){.component.heat-pump .owl-dots .owl-dot:after{top:-4px;left:-11px} } .component.heat-pump .owl-dots .owl-dot .owl-dot-title{display:none} @media screen and (min-width:992px){.component.heat-pump .owl-dots .owl-dot .owl-dot-title{display:inline-block;font-weight:500;color:#09244f;font-size:16px;font-size:1.6rem} } .component.heat-pump.show-recommended-pump{max-width:1000px;width:100%;margin:0 auto} .component.heat-pump.show-recommended-pump .hp-section-wrapper{display:none} .component.heat-pump.show-recommended-pump .recommended-pump{display:block} .component.heat-pump.show-recommended-pump .recommended-pump .results-page-headers{text-align:center;width:100%;max-width:760px;margin:0 auto} .component.heat-pump.show-recommended-pump .recommended-pump .results-page-headers>p{font-size:18px;font-size:1.8rem} @media screen and (min-width:992px){.component.heat-pump.show-recommended-pump .recommended-pump .results-page-headers>p{font-size:24px;font-size:2.4rem} } .component.heat-pump.show-recommended-pump .recommended-pump .tabs{counter-reset:items} .component.heat-pump.show-recommended-pump .recommended-pump .tabs>dt{width:100%;position:relative;counter-increment:items;border-bottom:1px solid #dadada} .component.heat-pump.show-recommended-pump .recommended-pump .tabs>dt button{display:block;width:100%;padding:2rem 1.8rem 2rem 3.4rem;text-align:left;font-size:24px;font-size:2.4rem;margin:0;text-decoration:none;background:#fff;color:#464747;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;border:0;font-weight:300;position:relative} @media screen and (min-width:992px){.component.heat-pump.show-recommended-pump .recommended-pump .tabs>dt button{font-size:30px;font-size:3rem} } .component.heat-pump.show-recommended-pump .recommended-pump .tabs>dt button:before{content:counter(items,decimal-leading-zero);display:inline-block;color:#dadada;font-size:20px;font-size:2rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%);left:0} .component.heat-pump.show-recommended-pump .recommended-pump .tabs>dt button:after{font-family:icomoon;content:"\f0d7";display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:0;color:#006e96;font-size:30px;font-size:3rem} .component.heat-pump.show-recommended-pump .recommended-pump .tabs>dt button .tab-text{pointer-events:none} .component.heat-pump.show-recommended-pump .recommended-pump .tabs>dt.active button{color:#006e96;font-weight:500} .component.heat-pump.show-recommended-pump .recommended-pump .tabs>dt.active button:before{color:#006e96} .component.heat-pump.show-recommended-pump .recommended-pump .tabs>dt.active button:after{content:"\f0d8";color:#dadada} .component.heat-pump.show-recommended-pump .recommended-pump .tabs>dd{width:100%} .component.heat-pump.show-recommended-pump .recommended-pump .tabs>dd[hidden]{display:none} .component.heat-pump.show-recommended-pump .recommended-pump .tabs .tab-content{display:flex;flex-flow:column} @media screen and (min-width:992px){.component.heat-pump.show-recommended-pump .recommended-pump .tabs .tab-content{flex-flow:row nowrap;justify-content:space-between;align-items:center} } .component.heat-pump.show-recommended-pump .recommended-pump .tabs .btn-green{background-color:#4f8309;color:#fff;min-width:18.3rem;height:5.5rem;padding:1.5rem 2rem} .component.heat-pump.show-recommended-pump .recommended-pump .tabs .btn-white{background-color:#fff;color:#4f8309;border:3px solid #4f8309;min-width:18.3rem;height:5.5rem;padding:1.2rem 2rem} .component.heat-pump.show-recommended-pump .recommended-pump .tabs .btn-white:before{background:#4f8309;opacity:1} .component.heat-pump.show-recommended-pump .recommended-pump .tabs .btn-white:hover,.component.heat-pump.show-recommended-pump .recommended-pump .tabs .btn-white:focus{color:#fff;transition:all 200ms ease-out;outline:0} @media screen and (min-width:992px){.component.heat-pump.show-recommended-pump .recommended-pump .tabs>dt.active button{color:#006e96} .component.heat-pump.show-recommended-pump .recommended-pump .tabs .tab-content{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;padding:3rem 0 0} .component.heat-pump.show-recommended-pump .recommended-pump .tabs .tab-content-section{flex-basis:48%;position:relative} } .component.heat-pump.show-recommended-pump .recommended-pump .recommended-pump-title{text-align:center;margin-top:2rem;margin-bottom:2rem} @media screen and (min-width:992px){.component.heat-pump.show-recommended-pump .recommended-pump .recommended-pump-title{margin-bottom:4.5rem;margin-top:0;text-align:left} } .component.heat-pump.show-recommended-pump .recommended-pump .model-desc{font-size:18px;font-size:1.8rem;margin-bottom:2rem;text-align:center} @media screen and (min-width:992px){.component.heat-pump.show-recommended-pump .recommended-pump .model-desc{text-align:left;margin-bottom:4rem} } @media screen and (min-width:768px) and (max-width:991px){.component.heat-pump.show-recommended-pump .recommended-pump .button-container{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin-bottom:3rem} } @media screen and (max-width:767px) and (min-width:1px){.component.heat-pump.show-recommended-pump .recommended-pump .btn-wtb,.component.heat-pump.show-recommended-pump .recommended-pump .btn-product{display:block;min-width:18rem;max-width:18rem;margin:0 auto 1rem} } .component.heat-pump.show-recommended-pump .recommended-pump .btn-wtb[data-show=false]{display:none} @media screen and (min-width:768px) and (max-width:991px){.component.heat-pump.show-recommended-pump .recommended-pump .btn-wtb{margin-right:2rem} } .component.heat-pump.show-recommended-pump .recommended-pump .btn-product{margin-top:0} .component.heat-pump.show-recommended-pump .recommended-pump .share-container{display:flex;flex-flow:column;justify-content:flex-start;align-items:center;margin-top:1rem} @media screen and (min-width:992px){.component.heat-pump.show-recommended-pump .recommended-pump .share-container{flex-flow:row wrap} } .component.heat-pump.show-recommended-pump .recommended-pump .calc-share.component{padding:.5rem 0 1rem} @media screen and (min-width:768px) and (max-width:991px){.component.heat-pump.show-recommended-pump .recommended-pump .calc-share.component{text-align:center} } @media screen and (min-width:992px){.component.heat-pump.show-recommended-pump .recommended-pump .calc-share.component{width:auto;display:inline-block;padding:2.8rem 0 1.2rem 0} } .component.heat-pump.show-recommended-pump .recommended-pump .btn-over{color:#4f8309;font-size:16px;font-size:1.6rem;min-width:13rem;background-color:#fff;margin:0 auto 1rem} .component.heat-pump.show-recommended-pump .recommended-pump .btn-over:before{display:none} @media screen and (min-width:992px){.component.heat-pump.show-recommended-pump .recommended-pump .btn-over{margin:0} } .component.heat-pump.show-recommended-pump .recommended-pump .results-pump{display:none} @media screen and (min-width:992px){.component.heat-pump.show-recommended-pump .recommended-pump .results-pump{display:inline-block;width:100%;max-width:230px;position:absolute;top:25%;transform:translateY(-25%);right:0} } .component.heat-pump.show-recommended-pump .recommended-pump .estimated-savings{width:100%;height:250px;padding:4rem 6rem;background-color:#006e96;color:#fff} @media screen and (min-width:992px){.component.heat-pump.show-recommended-pump .recommended-pump .estimated-savings{width:263px;height:297px;padding:3rem 2rem} } .component.heat-pump.show-recommended-pump .recommended-pump .estimated-savings>h6{text-align:center;color:#fff} .component.heat-pump.show-recommended-pump .recommended-pump .estimated-savings>span{font-size:60px;font-size:6rem;display:block;text-align:center;font-weight:300} .component.heat-pump.show-recommended-pump .recommended-pump .estimated-savings>p{text-transform:uppercase;font-weight:700;text-align:center;font-size:18px;font-size:1.8rem} .component.heat-pump.show-recommended-pump .recommended-pump .water-temp{background-color:#006e96;color:#fff;margin:2rem 0 2rem;display:inline-block;text-align:center;padding:1rem 5rem} @media screen and (min-width:992px){.component.heat-pump.show-recommended-pump .recommended-pump .water-temp{padding:.5rem 1.5rem;text-align:left;margin:2rem 0 0} } .component.heat-pump.show-recommended-pump .result-page-par{display:block} .component.heat-pump.show-recommended-pump .recommended-pump-sliders{display:flex;flex-flow:column;justify-content:flex-start;align-items:center} @media screen and (min-width:992px){.component.heat-pump.show-recommended-pump .recommended-pump-sliders{flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;margin-top:6rem} } .component.heat-pump.show-recommended-pump .recommended-slider{width:100%} @media screen and (min-width:992px){.component.heat-pump.show-recommended-pump .recommended-slider{max-width:297px} } .component.heat-pump.show-recommended-pump .recommended-slider .pool-temp-slider{width:100%;margin-left:0} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.component.heat-pump.show-recommended-pump .recommended-slider input{position:absolute;top:4.3rem;left:0;right:0;width:100%} } .component.heat-pump.show-recommended-pump .recommended-slider input::-ms-thumb{width:20px;height:20px;background:#006e96;cursor:pointer;-ms-transform-origin:center center;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);outline:0} .component.heat-pump.show-recommended-pump .recommended-slider input::-ms-fill-lower{background:transparent;border:0 none;background-color:#006e96} .component.heat-pump.show-recommended-pump .recommended-slider input::-ms-fill-upper{background-color:#dadada;border:0 none} .component.heat-pump.show-recommended-pump .recommended-slider input::-ms-track{-webkit-appearance:none;background:transparent;color:transparent} .component.heat-pump.show-recommended-pump .recommended-slider input[disabled]{pointer-events:none;cursor:default;opacity:1} .component.heat-pump.show-recommended-pump .recommended-slider input[disabled]::webkit-slider-thumb{background-color:#006e96} .component.heat-pump.show-recommended-pump .recommended-slider label{margin-bottom:4rem} .component.heat-pump.show-recommended-pump .recommended-slider .tick-result{font-size:25px;font-size:2.5rem;display:inline-block;position:absolute;top:15px;right:0;font-weight:300} .component.heat-pump.show-recommended-pump .recommended-slider .large-tick:first-of-type .num-tick{margin-left:1.2rem} .component.heat-pump.show-recommended-pump .recommended-slider .large-tick:first-of-type .num-deg{margin-left:1.7rem} .component.heat-pump.show-recommended-pump .recommended-slider .large-tick:last-of-type .num-tick{margin-right:2.4rem} .component.heat-pump.show-recommended-pump .recommended-slider .large-tick:last-of-type .num-deg{margin-right:1.7rem} .component.heat-pump.show-recommended-pump .recommended-slider .swim-season{position:relative;padding-bottom:5rem;width:100%;max-width:297px;margin:0 auto} @media screen and (min-width:992px){.component.heat-pump.show-recommended-pump .recommended-slider .swim-season{padding-bottom:3rem} } .component.heat-pump.show-recommended-pump .recommended-slider .swim-season input{pointer-events:none;width:100%;left:0;right:0} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.component.heat-pump.show-recommended-pump .recommended-slider .swim-season input{position:absolute;top:14.5rem;pointer-events:all} } .component.heat-pump.show-recommended-pump .recommended-slider .swim-season input:focus,.component.heat-pump.show-recommended-pump .recommended-slider .swim-season input:active{outline:0} .component.heat-pump.show-recommended-pump .recommended-slider .swim-season input::-webkit-slider-thumb{pointer-events:all;width:2rem;height:2rem;border-radius:0;border:0 none;background:#006e96;-webkit-appearance:none} .component.heat-pump.show-recommended-pump .recommended-slider .swim-season input::-moz-range-thumb{pointer-events:all;width:2rem;height:2rem;border-radius:0;border:0 none;background:#006e96} .component.heat-pump.show-recommended-pump .recommended-slider .swim-season input::-ms-thumb{pointer-events:all;border-radius:0;border:0 none;background:#006e96} .component.heat-pump.show-recommended-pump .recommended-slider .swim-season input::-webkit-slider-runnable-track{background:transparent;border:transparent} .component.heat-pump.show-recommended-pump .recommended-slider .swim-season input::-moz-range-track{-moz-appearance:none;background:transparent;color:transparent} .component.heat-pump.show-recommended-pump .recommended-slider .swim-season input::-ms-track{-webkit-appearance:none;background-color:transparent;color:transparent;border:0} .component.heat-pump.show-recommended-pump .recommended-slider .swim-season input::-ms-fill-lower{background:transparent;border:0 none} .component.heat-pump.show-recommended-pump .recommended-slider .swim-season input::-ms-fill-upper{background:transparent;border:0 none} .component.heat-pump.show-recommended-pump .recommended-slider .swim-season label{margin-bottom:14rem} .component.heat-pump.show-recommended-pump .recommended-slider .button-container{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center} .component.heat-pump.show-recommended-pump .recommended-slider .button-container .btn-recalc{min-width:16rem;color:#4f8309;font-size:16px;font-size:1.6rem;background-color:transparent} .component.heat-pump.show-recommended-pump .recommended-slider .button-container .btn-recalc:before{display:none} .component.heat-pump.show-recommended-pump .recommended-slider .inverse-left{position:absolute;top:15.7rem;left:0;height:2px;background-color:#dadada} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.component.heat-pump.show-recommended-pump .recommended-slider .inverse-left{top:16rem} } .component.heat-pump.show-recommended-pump .recommended-slider .inverse-right{position:absolute;top:15.7rem;right:0;height:2px;background-color:#dadada} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.component.heat-pump.show-recommended-pump .recommended-slider .inverse-right{top:16rem} } .component.heat-pump.show-recommended-pump .recommended-slider .range-overlap{position:absolute;top:15.5rem;height:6px;background-color:#006e96} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.component.heat-pump.show-recommended-pump .recommended-slider .range-overlap{top:15.8rem} } .component.heat-pump.show-recommended-pump .recommended-slider .thumb{position:absolute;top:14.7rem;z-index:2;width:2rem;height:2rem;cursor:pointer;display:inline-block;transform:rotate(45deg)} .component.heat-pump.show-recommended-pump .recommended-slider .bar-container{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-end;position:absolute;top:5rem;z-index:-1;width:100%} .component.heat-pump.show-recommended-pump .recommended-slider .bar{width:20px;background-color:#dadada;margin-right:9px;position:relative} @media screen and (min-width:992px){.component.heat-pump.show-recommended-pump .recommended-slider .bar{margin-right:5px} } .component.heat-pump.show-recommended-pump .recommended-slider .bar:last-child{margin-right:0} .component.heat-pump.show-recommended-pump .recommended-slider .bar>.degree{font-size:12px;font-size:1.2rem;position:absolute;top:-1.7rem;left:3px;color:#464747;font-weight:500} .component.heat-pump.show-recommended-pump .recommended-slider .bar>.month{position:absolute;bottom:-3rem;font-size:12px;font-size:1.2rem;color:transparent;font-weight:500} .component.heat-pump.show-recommended-pump .recommended-slider .bar.active{background-color:#4f8309} .component.heat-pump.show-recommended-pump .recommended-slider .bar.active.show .month{color:#464747} .component.heat-pump.show-recommended-pump .recommended-slider .bar.bar-53{height:73px} .component.heat-pump.show-recommended-pump .recommended-slider .bar.bar-61{height:81px} .component.heat-pump.show-recommended-pump .recommended-slider .bar.bar-73{height:87px} .component.heat-pump.show-recommended-pump .recommended-slider .bar.bar-75{height:91px} .component.heat-pump.show-recommended-pump .recommended-slider .bar.bar-82{height:100px} .component.heat-pump.show-recommended-pump .recommended-slider .bar.bar-89{height:109px} .component.heat-pump.show-recommended-pump .recommended-slider .bar.bar-84{height:103px} .component.heat-pump.show-recommended-pump .recommended-slider .bar.bar-80{height:97px} .component.heat-pump.show-recommended-pump .recommended-slider .bar.bar-74{height:87px} .component.heat-pump.show-recommended-pump .recommended-slider .bar.bar-69{height:84px} .component.heat-pump.show-recommended-pump .recommended-slider .bar.bar-56{height:76px} .component.heat-pump.show-recommended-pump .recommended-slider .bar.bar-49{height:67px} .component.heat-pump .recommended-pump{display:none} .component.heat-pump .result-page-par{display:none} .component.heat-pump .result-page-par.in-edit{display:block} .component.heat-pump .disclaimer{font-size:14px;font-size:1.4rem;font-style:italic;margin-top:6rem} .edge .component.heat-pump .slider-container input{height:3rem;top:4rem;position:absolute} .edge .component.heat-pump .slider-container.swim-season input{height:3rem;top:14.4rem;position:absolute;font-size:10px;font-size:1rem} .calc-share.component{padding:.5rem 2rem 1rem;width:100%;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center} @media screen and (min-width:768px){.calc-share.component{text-align:right;left:auto;top:-1rem;display:block;width:56rem;background:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:2.8rem 0 1.2rem 0;position:relative;bottom:auto} } .calc-share.component .calc-share-component-label{font-family:'Barlow',sans-serif;text-transform:uppercase;line-height:1em;text-rendering:optimizeLegibility;padding:0;box-sizing:border-box;color:#464747;font-weight:700;font-size:1.4rem;margin:0 2rem 0 0} @media screen and (min-width:768px){.calc-share.component .calc-share-component-label{display:inline-block;margin:0} } .calc-share.component ul{margin:0;padding:0;height:4rem;display:flex;flex-flow:row nowrap;justify-content:space-between} @media screen and (min-width:768px){.calc-share.component ul{display:inline-block;margin:0 0 0 .5rem;height:auto} } .calc-share.component ul li{list-style:none;display:inline-block;margin:0 .8rem 0 0;padding:2rem 0 0 0;font-size:1rem;position:relative;top:-2px} @media screen and (min-width:768px){.calc-share.component ul li{padding:0;font-size:1rem;margin:0 0 0 .6rem} } .calc-share.component ul li a{color:#a8a8a9;line-height:1em;text-decoration:none;display:block;position:relative;width:3.8rem;height:4rem;text-align:center} @media screen and (min-width:768px){.calc-share.component ul li a{height:auto} } .calc-share.component ul li a:after{background:rgba(255,255,255,0);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border:solid 1px #ddd;position:absolute;z-index:0;width:2.7rem;height:2.7rem;left:5px;top:-9px;content:'';-webkit-transition:background-color .3s linear;-moz-transition:background-color .3s linear;-ms-transition:background-color .3s linear;-o-transition:background-color .3s linear;transition:background-color .3s linear} .calc-share.component ul li a>span:before{position:relative;z-index:1} .calc-share.component ul li a:hover,.calc-share.component ul li a:focus{color:#fff} .calc-share.component ul li a:hover:after,.calc-share.component ul li a:focus:after{background:#4f8309} .blog-list.component ul{list-style:none;margin:0;padding:0} @media screen and (min-width:768px){.blog-list.component ul{display:flex;justify-content:space-between;flex-flow:row nowrap;margin:3.6rem -0.5rem 3.6rem} } @media screen and (min-width:992px){.blog-list.component ul{margin:3.6rem -1.8rem 3.6rem} } .blog-list.component li{margin:0 0 4rem} .blog-list.component li:last-child{margin:0} @media screen and (min-width:768px){.blog-list.component li{width:calc(33% - .9rem);margin:0} } .blog-list.component a{position:relative;width:100%;color:#464747;line-height:2.5rem;display:block;text-decoration:none !important} @media screen and (min-width:768px){.blog-list.component a{height:100%;padding:2rem;outline:1px solid #ddd;-webkit-transition:outline-color .2s ease-in-out;-moz-transition:outline-color .2s ease-in-out;-ms-transition:outline-color .2s ease-in-out;-o-transition:outline-color .2s ease-in-out;transition:outline-color .2s ease-in-out} .blog-list.component a:hover,.blog-list.component a:focus{-webkit-transition:outline-color .2s ease-in-out;-moz-transition:outline-color .2s ease-in-out;-ms-transition:outline-color .2s ease-in-out;-o-transition:outline-color .2s ease-in-out;transition:outline-color .2s ease-in-out;outline:3px solid #4f8309} } @media screen and (min-width:992px){.blog-list.component a{padding:2.5rem 2.8rem} } .blog-list.component p{margin-bottom:2rem} @media screen and (min-width:768px){.blog-list.component p{margin-bottom:0} } .blog-list.component h3:not(.edit-in-dialog-msg){font-family:'Barlow',sans-serif;font-weight:400;text-transform:none;color:#006e96;font-size:2.4rem;margin:0;padding:1.6rem 0 1.7rem} @media screen and (min-width:768px){.blog-list.component h3:not(.edit-in-dialog-msg){font-size:2.6rem;padding:2rem 0 1.5rem} } .blog-list.component h4{font-family:'Barlow',sans-serif;font-weight:400;color:#464747;font-size:1.6rem;margin:0 0 1.1rem;text-transform:none} .blog-list.component h4 span{display:inline-block} .blog-list.component h4 .author{color:#09244f} .blog-list.component h4 span:nth-child(2){margin:0 0 0 1.1rem;padding:0 0 0 1.1rem;border-left:solid 1px #464747} @media screen and (min-width:768px){.blog-list.component h4{margin:0 0 1.6rem} } .blog-list.component .blog-det-img{height:0;position:relative;padding-bottom:68.9%} @media screen and (min-width:768px){.blog-list.component .blog-det-img{padding-bottom:75%} } .blog-list.component .blog-det-img small{display:none} .blog-list.component .blog-det-img>div{position:absolute;height:100%;width:100%} .blog-list.component .blog-det-img>div div{height:100%} .blog-list.component .blog-det-img img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;font-family:'object-fit: cover; object-position: center center';width:100%;height:100%} .blog-list.component.stories h4{font-family:'Barlow Condensed',sans-serif;font-weight:600;text-transform:uppercase} .blog-list-cta{padding:0} @media screen and (min-width:768px){.blog-list-cta{padding-top:4rem} } .author-description.component{position:relative;margin:3rem -2rem 0} @media screen and (min-width:768px) and (max-width:991px){.author-description.component{font-size:1.4rem} } @media screen and (min-width:768px){.author-description.component{padding-left:6rem;max-width:85rem;margin:0} } @media screen and (min-width:992px){.author-description.component{padding-left:8rem} } .author-description.component .image{position:absolute;width:11rem;height:11rem;background:#fff;text-align:center;left:50%;top:-5.5rem;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:.6rem solid #fff;z-index:10;overflow:hidden} .author-description.component .image div{height:100%} @media screen and (min-width:768px){.author-description.component .image{left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:12rem;height:12rem} } @media screen and (min-width:992px){.author-description.component .image{width:15.3rem;height:15.3rem} } .author-description.component .image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;font-family:'object-fit: cover; object-position: center center';width:100%;height:100%} .author-description.component .description{background:#f9f8f8;padding:7.5rem 2rem 5.7rem;font-style:italic;position:relative;overflow:hidden} @media screen and (min-width:768px){.author-description.component .description{padding:2rem 2rem 2rem 7rem} } @media screen and (min-width:992px){.author-description.component .description{padding:2rem 18rem 2rem 9rem} } @media screen and (min-width:1200px){.author-description.component .description{padding:3.5rem 16.5rem 3.5rem 9rem} } .author-description.component .description strong{font-weight:500} @media screen and (min-width:992px){.author-description.component .description:after{display:block;content:'';left:100%;bottom:0;position:absolute;background:#fff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;transform-origin:left bottom;width:20rem;height:200%} } .author-bio.component{position:relative;padding:0 0 0 6.2rem;margin:3.8rem 0 4rem 0;font-size:1.6rem;line-height:1em} @media screen and (min-width:768px){.author-bio.component{margin:8.2rem 0 4.6rem 0;font-size:1.8rem} } .author-bio.component .image{position:absolute;width:4.5rem;height:4.5rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;text-align:center;left:0;top:50%;background:#c9c7c6;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .author-bio.component .image div{height:100%} .author-bio.component .image img{object-fit:cover;width:100%;height:100%} @media screen and (min-width:768px){.author-bio.component .image{top:-1.3rem;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} } .author-bio.component .name{display:block} @media screen and (min-width:768px){.author-bio.component .name{display:inline-block} } .author-bio.component .position{color:#006e96;text-transform:uppercase;font-weight:700;display:block;margin:.7rem 0 0 0} @media screen and (min-width:768px){.author-bio.component .position{font-size:1.6rem;display:inline-block;padding-left:1.3rem;margin:0 0 0 1rem;border-left:solid 1px #818181} } .accessories-grid.component{max-width:110rem;margin:0 auto} .accessories-grid.component h3{margin-bottom:4rem} @media screen and (min-width:992px){.accessories-grid.component h3{margin-bottom:7.5rem} } .accessories-grid.component ul{list-style:none} @media screen and (min-width:768px){.accessories-grid.component ul{display:flex;flex-wrap:wrap;margin-left:-1.2rem;margin-right:-1.2rem} } .accessories-grid.component ul li{width:100%;background:#fff;margin-bottom:2rem;font-size:1.6rem;height:100%} @media screen and (min-width:768px){.accessories-grid.component ul li{width:calc(50% - 2.4rem);margin:0 1.2rem 2rem;height:auto} } .accessories-grid.component ul li a{display:flex;align-items:center;position:relative;border:3px solid #fff;height:100%;text-transform:none;-webkit-transition:border-color .15s ease-in;-moz-transition:border-color .15s ease-in;-ms-transition:border-color .15s ease-in;-o-transition:border-color .15s ease-in;transition:border-color .15s ease-in} .accessories-grid.component ul li a:hover,.accessories-grid.component ul li a:focus{text-decoration:none;border:3px solid #4f8309} .accessories-grid.component ul li a>div{width:48%;color:#464747;padding:0;font-weight:500} @media screen and (min-width:768px){.accessories-grid.component ul li a>div{padding:1.5rem} } .accessories-grid.component ul li a>div.image{width:52%;text-align:center;padding:.3rem;justify-content:center;display:flex} .accessories-grid.component ul li a>div img{-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;font-family:'object-fit: contain; object-position: center center';max-height:9rem} @media screen and (min-width:768px){.accessories-grid.component ul li a>div img{max-height:14.5rem} } .accessories-grid.component ul li a>div h4{font-size:2.4rem;color:#006e96;margin-bottom:1rem;text-transform:none;font-family:'Barlow',sans-serif;font-weight:400} @media screen and (min-width:768px){.accessories-grid.component ul li a>div h4{margin-bottom:1.5rem;font-size:2.6rem} } .accessories-grid.component ul li a>div p{margin-bottom:0} .accessories-grid.component ul li a>div p strong{font-weight:700} @media screen and (min-width:768px){.accessories-grid.component ul li a>div p strong{font-size:2rem} } @import(reference) "/etc/designs/intranet/clientlibs-pentair/pentair.less";.downloads-resources{ul{font-size:1.4rem;.fw-bold;.tt-upper;@media @mediaSM{.columns(2,4rem,0)} li{list-style:none;margin:0 0 1.5rem;padding:0;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;a{display:block;position:relative;padding-left:2rem;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;&:before{.fw-regular;.icomoon;content:"\e915";position:absolute;left:0;top:0} &.pdf:before{content:"\e914"} } } } }