/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@import url(/node_modules/swiper/dist/css/swiper.min.css);
@font-face {
 font-family:'FontAwesome';
 src:url("../fonts/fontawesome-webfont.eot?v=4.7.0");
 src:url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),
 url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
 url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),
 url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),
 url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
 font-weight:normal;
 font-style:normal
}
.fa {
 display:inline-block;
 font:normal normal normal 14px/1 FontAwesome;
 font-size:inherit;
 text-rendering:auto;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.fa-lg {
 font-size:1.3333333333em;
 line-height:.75em;
 vertical-align:-15%
}
.fa-2x {
 font-size:2em
}
.fa-3x {
 font-size:3em
}
.fa-4x {
 font-size:4em
}
.fa-5x {
 font-size:5em
}
.fa-fw {
 width:1.2857142857em;
 text-align:center
}
.fa-ul {
 padding-left:0;
 margin-left:2.1428571429em;
 list-style-type:none
}
.fa-ul>li {
 position:relative
}
.fa-li {
 position:absolute;
 left:-2.1428571429em;
 width:2.1428571429em;
 top:.1428571429em;
 text-align:center
}
.fa-li.fa-lg {
 left:-1.8571428571em
}
.fa-border {
 padding:.2em .25em .15em;
 border:solid 0.08em #eee;
 border-radius:.1em
}
.fa-pull-left {
 float:left
}
.fa-pull-right {
 float:right
}
.fa.fa-pull-left {
 margin-right:.3em
}
.fa.fa-pull-right {
 margin-left:.3em
}
.pull-right {
 float:right
}
.pull-left {
 float:left
}
.fa.pull-left {
 margin-right:.3em
}
.fa.pull-right {
 margin-left:.3em
}
.fa-spin {
 -webkit-animation:fa-spin 2s infinite linear;
 animation:fa-spin 2s infinite linear
}
.fa-pulse {
 -webkit-animation:fa-spin 1s infinite steps(8);
 animation:fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
 0% {
  transform:rotate(0deg)
 }
 100% {
  transform:rotate(359deg)
 }
}
@keyframes fa-spin {
 0% {
  transform:rotate(0deg)
 }
 100% {
  transform:rotate(359deg)
 }
}
.fa-rotate-90 {
 -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
 transform:rotate(90deg)
}
.fa-rotate-180 {
 -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
 transform:rotate(180deg)
}
.fa-rotate-270 {
 -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
 transform:rotate(270deg)
}
.fa-flip-horizontal {
 -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
 transform:scale(-1, 1)
}
.fa-flip-vertical {
 -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
 transform:scale(1, -1)
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
 -webkit-filter:none;
 filter:none
}
.fa-stack {
 position:relative;
 display:inline-block;
 width:2em;
 height:2em;
 line-height:2em;
 vertical-align:middle
}
.fa-stack-1x,
.fa-stack-2x {
 position:absolute;
 left:0;
 width:100%;
 text-align:center
}
.fa-stack-1x {
 line-height:inherit
}
.fa-stack-2x {
 font-size:2em
}
.fa-inverse {
 color:#fff
}
.fa-glass:before {
 content:""
}
.fa-music:before {
 content:""
}
.fa-search:before {
 content:""
}
.fa-envelope-o:before {
 content:""
}
.fa-heart:before {
 content:""
}
.fa-star:before {
 content:""
}
.fa-star-o:before {
 content:""
}
.fa-user:before {
 content:""
}
.fa-film:before {
 content:""
}
.fa-th-large:before {
 content:""
}
.fa-th:before {
 content:""
}
.fa-th-list:before {
 content:""
}
.fa-check:before {
 content:""
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
 content:""
}
.fa-search-plus:before {
 content:""
}
.fa-search-minus:before {
 content:""
}
.fa-power-off:before {
 content:""
}
.fa-signal:before {
 content:""
}
.fa-gear:before,
.fa-cog:before {
 content:""
}
.fa-trash-o:before {
 content:""
}
.fa-home:before {
 content:""
}
.fa-file-o:before {
 content:""
}
.fa-clock-o:before {
 content:""
}
.fa-road:before {
 content:""
}
.fa-download:before {
 content:""
}
.fa-arrow-circle-o-down:before {
 content:""
}
.fa-arrow-circle-o-up:before {
 content:""
}
.fa-inbox:before {
 content:""
}
.fa-play-circle-o:before {
 content:""
}
.fa-rotate-right:before,
.fa-repeat:before {
 content:""
}
.fa-refresh:before {
 content:""
}
.fa-list-alt:before {
 content:""
}
.fa-lock:before {
 content:""
}
.fa-flag:before {
 content:""
}
.fa-headphones:before {
 content:""
}
.fa-volume-off:before {
 content:""
}
.fa-volume-down:before {
 content:""
}
.fa-volume-up:before {
 content:""
}
.fa-qrcode:before {
 content:""
}
.fa-barcode:before {
 content:""
}
.fa-tag:before {
 content:""
}
.fa-tags:before {
 content:""
}
.fa-book:before {
 content:""
}
.fa-bookmark:before {
 content:""
}
.fa-print:before {
 content:""
}
.fa-camera:before {
 content:""
}
.fa-font:before {
 content:""
}
.fa-bold:before {
 content:""
}
.fa-italic:before {
 content:""
}
.fa-text-height:before {
 content:""
}
.fa-text-width:before {
 content:""
}
.fa-align-left:before {
 content:""
}
.fa-align-center:before {
 content:""
}
.fa-align-right:before {
 content:""
}
.fa-align-justify:before {
 content:""
}
.fa-list:before {
 content:""
}
.fa-dedent:before,
.fa-outdent:before {
 content:""
}
.fa-indent:before {
 content:""
}
.fa-video-camera:before {
 content:""
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
 content:""
}
.fa-pencil:before {
 content:""
}
.fa-map-marker:before {
 content:""
}
.fa-adjust:before {
 content:""
}
.fa-tint:before {
 content:""
}
.fa-edit:before,
.fa-pencil-square-o:before {
 content:""
}
.fa-share-square-o:before {
 content:""
}
.fa-check-square-o:before {
 content:""
}
.fa-arrows:before {
 content:""
}
.fa-step-backward:before {
 content:""
}
.fa-fast-backward:before {
 content:""
}
.fa-backward:before {
 content:""
}
.fa-play:before {
 content:""
}
.fa-pause:before {
 content:""
}
.fa-stop:before {
 content:""
}
.fa-forward:before {
 content:""
}
.fa-fast-forward:before {
 content:""
}
.fa-step-forward:before {
 content:""
}
.fa-eject:before {
 content:""
}
.fa-chevron-left:before {
 content:""
}
.fa-chevron-right:before {
 content:""
}
.fa-plus-circle:before {
 content:""
}
.fa-minus-circle:before {
 content:""
}
.fa-times-circle:before {
 content:""
}
.fa-check-circle:before {
 content:""
}
.fa-question-circle:before {
 content:""
}
.fa-info-circle:before {
 content:""
}
.fa-crosshairs:before {
 content:""
}
.fa-times-circle-o:before {
 content:""
}
.fa-check-circle-o:before {
 content:""
}
.fa-ban:before {
 content:""
}
.fa-arrow-left:before {
 content:""
}
.fa-arrow-right:before {
 content:""
}
.fa-arrow-up:before {
 content:""
}
.fa-arrow-down:before {
 content:""
}
.fa-mail-forward:before,
.fa-share:before {
 content:""
}
.fa-expand:before {
 content:""
}
.fa-compress:before {
 content:""
}
.fa-plus:before {
 content:""
}
.fa-minus:before {
 content:""
}
.fa-asterisk:before {
 content:""
}
.fa-exclamation-circle:before {
 content:""
}
.fa-gift:before {
 content:""
}
.fa-leaf:before {
 content:""
}
.fa-fire:before {
 content:""
}
.fa-eye:before {
 content:""
}
.fa-eye-slash:before {
 content:""
}
.fa-warning:before,
.fa-exclamation-triangle:before {
 content:""
}
.fa-plane:before {
 content:""
}
.fa-calendar:before {
 content:""
}
.fa-random:before {
 content:""
}
.fa-comment:before {
 content:""
}
.fa-magnet:before {
 content:""
}
.fa-chevron-up:before {
 content:""
}
.fa-chevron-down:before {
 content:""
}
.fa-retweet:before {
 content:""
}
.fa-shopping-cart:before {
 content:""
}
.fa-folder:before {
 content:""
}
.fa-folder-open:before {
 content:""
}
.fa-arrows-v:before {
 content:""
}
.fa-arrows-h:before {
 content:""
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
 content:""
}
.fa-twitter-square:before {
 content:""
}
.fa-facebook-square:before {
 content:""
}
.fa-camera-retro:before {
 content:""
}
.fa-key:before {
 content:""
}
.fa-gears:before,
.fa-cogs:before {
 content:""
}
.fa-comments:before {
 content:""
}
.fa-thumbs-o-up:before {
 content:""
}
.fa-thumbs-o-down:before {
 content:""
}
.fa-star-half:before {
 content:""
}
.fa-heart-o:before {
 content:""
}
.fa-sign-out:before {
 content:""
}
.fa-linkedin-square:before {
 content:""
}
.fa-thumb-tack:before {
 content:""
}
.fa-external-link:before {
 content:""
}
.fa-sign-in:before {
 content:""
}
.fa-trophy:before {
 content:""
}
.fa-github-square:before {
 content:""
}
.fa-upload:before {
 content:""
}
.fa-lemon-o:before {
 content:""
}
.fa-phone:before {
 content:""
}
.fa-square-o:before {
 content:""
}
.fa-bookmark-o:before {
 content:""
}
.fa-phone-square:before {
 content:""
}
.fa-twitter:before {
 content:""
}
.fa-facebook-f:before,
.fa-facebook:before {
 content:""
}
.fa-github:before {
 content:""
}
.fa-unlock:before {
 content:""
}
.fa-credit-card:before {
 content:""
}
.fa-feed:before,
.fa-rss:before {
 content:""
}
.fa-hdd-o:before {
 content:""
}
.fa-bullhorn:before {
 content:""
}
.fa-bell:before {
 content:""
}
.fa-certificate:before {
 content:""
}
.fa-hand-o-right:before {
 content:""
}
.fa-hand-o-left:before {
 content:""
}
.fa-hand-o-up:before {
 content:""
}
.fa-hand-o-down:before {
 content:""
}
.fa-arrow-circle-left:before {
 content:""
}
.fa-arrow-circle-right:before {
 content:""
}
.fa-arrow-circle-up:before {
 content:""
}
.fa-arrow-circle-down:before {
 content:""
}
.fa-globe:before {
 content:""
}
.fa-wrench:before {
 content:""
}
.fa-tasks:before {
 content:""
}
.fa-filter:before {
 content:""
}
.fa-briefcase:before {
 content:""
}
.fa-arrows-alt:before {
 content:""
}
.fa-group:before,
.fa-users:before {
 content:""
}
.fa-chain:before,
.fa-link:before {
 content:""
}
.fa-cloud:before {
 content:""
}
.fa-flask:before {
 content:""
}
.fa-cut:before,
.fa-scissors:before {
 content:""
}
.fa-copy:before,
.fa-files-o:before {
 content:""
}
.fa-paperclip:before {
 content:""
}
.fa-save:before,
.fa-floppy-o:before {
 content:""
}
.fa-square:before {
 content:""
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
 content:""
}
.fa-list-ul:before {
 content:""
}
.fa-list-ol:before {
 content:""
}
.fa-strikethrough:before {
 content:""
}
.fa-underline:before {
 content:""
}
.fa-table:before {
 content:""
}
.fa-magic:before {
 content:""
}
.fa-truck:before {
 content:""
}
.fa-pinterest:before {
 content:""
}
.fa-pinterest-square:before {
 content:""
}
.fa-google-plus-square:before {
 content:""
}
.fa-google-plus:before {
 content:""
}
.fa-money:before {
 content:""
}
.fa-caret-down:before {
 content:""
}
.fa-caret-up:before {
 content:""
}
.fa-caret-left:before {
 content:""
}
.fa-caret-right:before {
 content:""
}
.fa-columns:before {
 content:""
}
.fa-unsorted:before,
.fa-sort:before {
 content:""
}
.fa-sort-down:before,
.fa-sort-desc:before {
 content:""
}
.fa-sort-up:before,
.fa-sort-asc:before {
 content:""
}
.fa-envelope:before {
 content:""
}
.fa-linkedin:before {
 content:""
}
.fa-rotate-left:before,
.fa-undo:before {
 content:""
}
.fa-legal:before,
.fa-gavel:before {
 content:""
}
.fa-dashboard:before,
.fa-tachometer:before {
 content:""
}
.fa-comment-o:before {
 content:""
}
.fa-comments-o:before {
 content:""
}
.fa-flash:before,
.fa-bolt:before {
 content:""
}
.fa-sitemap:before {
 content:""
}
.fa-umbrella:before {
 content:""
}
.fa-paste:before,
.fa-clipboard:before {
 content:""
}
.fa-lightbulb-o:before {
 content:""
}
.fa-exchange:before {
 content:""
}
.fa-cloud-download:before {
 content:""
}
.fa-cloud-upload:before {
 content:""
}
.fa-user-md:before {
 content:""
}
.fa-stethoscope:before {
 content:""
}
.fa-suitcase:before {
 content:""
}
.fa-bell-o:before {
 content:""
}
.fa-coffee:before {
 content:""
}
.fa-cutlery:before {
 content:""
}
.fa-file-text-o:before {
 content:""
}
.fa-building-o:before {
 content:""
}
.fa-hospital-o:before {
 content:""
}
.fa-ambulance:before {
 content:""
}
.fa-medkit:before {
 content:""
}
.fa-fighter-jet:before {
 content:""
}
.fa-beer:before {
 content:""
}
.fa-h-square:before {
 content:""
}
.fa-plus-square:before {
 content:""
}
.fa-angle-double-left:before {
 content:""
}
.fa-angle-double-right:before {
 content:""
}
.fa-angle-double-up:before {
 content:""
}
.fa-angle-double-down:before {
 content:""
}
.fa-angle-left:before {
 content:""
}
.fa-angle-right:before {
 content:""
}
.fa-angle-up:before {
 content:""
}
.fa-angle-down:before {
 content:""
}
.fa-desktop:before {
 content:""
}
.fa-laptop:before {
 content:""
}
.fa-tablet:before {
 content:""
}
.fa-mobile-phone:before,
.fa-mobile:before {
 content:""
}
.fa-circle-o:before {
 content:""
}
.fa-quote-left:before {
 content:""
}
.fa-quote-right:before {
 content:""
}
.fa-spinner:before {
 content:""
}
.fa-circle:before {
 content:""
}
.fa-mail-reply:before,
.fa-reply:before {
 content:""
}
.fa-github-alt:before {
 content:""
}
.fa-folder-o:before {
 content:""
}
.fa-folder-open-o:before {
 content:""
}
.fa-smile-o:before {
 content:""
}
.fa-frown-o:before {
 content:""
}
.fa-meh-o:before {
 content:""
}
.fa-gamepad:before {
 content:""
}
.fa-keyboard-o:before {
 content:""
}
.fa-flag-o:before {
 content:""
}
.fa-flag-checkered:before {
 content:""
}
.fa-terminal:before {
 content:""
}
.fa-code:before {
 content:""
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
 content:""
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
 content:""
}
.fa-location-arrow:before {
 content:""
}
.fa-crop:before {
 content:""
}
.fa-code-fork:before {
 content:""
}
.fa-unlink:before,
.fa-chain-broken:before {
 content:""
}
.fa-question:before {
 content:""
}
.fa-info:before {
 content:""
}
.fa-exclamation:before {
 content:""
}
.fa-superscript:before {
 content:""
}
.fa-subscript:before {
 content:""
}
.fa-eraser:before {
 content:""
}
.fa-puzzle-piece:before {
 content:""
}
.fa-microphone:before {
 content:""
}
.fa-microphone-slash:before {
 content:""
}
.fa-shield:before {
 content:""
}
.fa-calendar-o:before {
 content:""
}
.fa-fire-extinguisher:before {
 content:""
}
.fa-rocket:before {
 content:""
}
.fa-maxcdn:before {
 content:""
}
.fa-chevron-circle-left:before {
 content:""
}
.fa-chevron-circle-right:before {
 content:""
}
.fa-chevron-circle-up:before {
 content:""
}
.fa-chevron-circle-down:before {
 content:""
}
.fa-html5:before {
 content:""
}
.fa-css3:before {
 content:""
}
.fa-anchor:before {
 content:""
}
.fa-unlock-alt:before {
 content:""
}
.fa-bullseye:before {
 content:""
}
.fa-ellipsis-h:before {
 content:""
}
.fa-ellipsis-v:before {
 content:""
}
.fa-rss-square:before {
 content:""
}
.fa-play-circle:before {
 content:""
}
.fa-ticket:before {
 content:""
}
.fa-minus-square:before {
 content:""
}
.fa-minus-square-o:before {
 content:""
}
.fa-level-up:before {
 content:""
}
.fa-level-down:before {
 content:""
}
.fa-check-square:before {
 content:""
}
.fa-pencil-square:before {
 content:""
}
.fa-external-link-square:before {
 content:""
}
.fa-share-square:before {
 content:""
}
.fa-compass:before {
 content:""
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
 content:""
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
 content:""
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
 content:""
}
.fa-euro:before,
.fa-eur:before {
 content:""
}
.fa-gbp:before {
 content:""
}
.fa-dollar:before,
.fa-usd:before {
 content:""
}
.fa-rupee:before,
.fa-inr:before {
 content:""
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
 content:""
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
 content:""
}
.fa-won:before,
.fa-krw:before {
 content:""
}
.fa-bitcoin:before,
.fa-btc:before {
 content:""
}
.fa-file:before {
 content:""
}
.fa-file-text:before {
 content:""
}
.fa-sort-alpha-asc:before {
 content:""
}
.fa-sort-alpha-desc:before {
 content:""
}
.fa-sort-amount-asc:before {
 content:""
}
.fa-sort-amount-desc:before {
 content:""
}
.fa-sort-numeric-asc:before {
 content:""
}
.fa-sort-numeric-desc:before {
 content:""
}
.fa-thumbs-up:before {
 content:""
}
.fa-thumbs-down:before {
 content:""
}
.fa-youtube-square:before {
 content:""
}
.fa-youtube:before {
 content:""
}
.fa-xing:before {
 content:""
}
.fa-xing-square:before {
 content:""
}
.fa-youtube-play:before {
 content:""
}
.fa-dropbox:before {
 content:""
}
.fa-stack-overflow:before {
 content:""
}
.fa-instagram:before {
 content:""
}
.fa-flickr:before {
 content:""
}
.fa-adn:before {
 content:""
}
.fa-bitbucket:before {
 content:""
}
.fa-bitbucket-square:before {
 content:""
}
.fa-tumblr:before {
 content:""
}
.fa-tumblr-square:before {
 content:""
}
.fa-long-arrow-down:before {
 content:""
}
.fa-long-arrow-up:before {
 content:""
}
.fa-long-arrow-left:before {
 content:""
}
.fa-long-arrow-right:before {
 content:""
}
.fa-apple:before {
 content:""
}
.fa-windows:before {
 content:""
}
.fa-android:before {
 content:""
}
.fa-linux:before {
 content:""
}
.fa-dribbble:before {
 content:""
}
.fa-skype:before {
 content:""
}
.fa-foursquare:before {
 content:""
}
.fa-trello:before {
 content:""
}
.fa-female:before {
 content:""
}
.fa-male:before {
 content:""
}
.fa-gittip:before,
.fa-gratipay:before {
 content:""
}
.fa-sun-o:before {
 content:""
}
.fa-moon-o:before {
 content:""
}
.fa-archive:before {
 content:""
}
.fa-bug:before {
 content:""
}
.fa-vk:before {
 content:""
}
.fa-weibo:before {
 content:""
}
.fa-renren:before {
 content:""
}
.fa-pagelines:before {
 content:""
}
.fa-stack-exchange:before {
 content:""
}
.fa-arrow-circle-o-right:before {
 content:""
}
.fa-arrow-circle-o-left:before {
 content:""
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
 content:""
}
.fa-dot-circle-o:before {
 content:""
}
.fa-wheelchair:before {
 content:""
}
.fa-vimeo-square:before {
 content:""
}
.fa-turkish-lira:before,
.fa-try:before {
 content:""
}
.fa-plus-square-o:before {
 content:""
}
.fa-space-shuttle:before {
 content:""
}
.fa-slack:before {
 content:""
}
.fa-envelope-square:before {
 content:""
}
.fa-wordpress:before {
 content:""
}
.fa-openid:before {
 content:""
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
 content:""
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
 content:""
}
.fa-yahoo:before {
 content:""
}
.fa-google:before {
 content:""
}
.fa-reddit:before {
 content:""
}
.fa-reddit-square:before {
 content:""
}
.fa-stumbleupon-circle:before {
 content:""
}
.fa-stumbleupon:before {
 content:""
}
.fa-delicious:before {
 content:""
}
.fa-digg:before {
 content:""
}
.fa-pied-piper-pp:before {
 content:""
}
.fa-pied-piper-alt:before {
 content:""
}
.fa-drupal:before {
 content:""
}
.fa-joomla:before {
 content:""
}
.fa-language:before {
 content:""
}
.fa-fax:before {
 content:""
}
.fa-building:before {
 content:""
}
.fa-child:before {
 content:""
}
.fa-paw:before {
 content:""
}
.fa-spoon:before {
 content:""
}
.fa-cube:before {
 content:""
}
.fa-cubes:before {
 content:""
}
.fa-behance:before {
 content:""
}
.fa-behance-square:before {
 content:""
}
.fa-steam:before {
 content:""
}
.fa-steam-square:before {
 content:""
}
.fa-recycle:before {
 content:""
}
.fa-automobile:before,
.fa-car:before {
 content:""
}
.fa-cab:before,
.fa-taxi:before {
 content:""
}
.fa-tree:before {
 content:""
}
.fa-spotify:before {
 content:""
}
.fa-deviantart:before {
 content:""
}
.fa-soundcloud:before {
 content:""
}
.fa-database:before {
 content:""
}
.fa-file-pdf-o:before {
 content:""
}
.fa-file-word-o:before {
 content:""
}
.fa-file-excel-o:before {
 content:""
}
.fa-file-powerpoint-o:before {
 content:""
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
 content:""
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
 content:""
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
 content:""
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
 content:""
}
.fa-file-code-o:before {
 content:""
}
.fa-vine:before {
 content:""
}
.fa-codepen:before {
 content:""
}
.fa-jsfiddle:before {
 content:""
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
 content:""
}
.fa-circle-o-notch:before {
 content:""
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
 content:""
}
.fa-ge:before,
.fa-empire:before {
 content:""
}
.fa-git-square:before {
 content:""
}
.fa-git:before {
 content:""
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
 content:""
}
.fa-tencent-weibo:before {
 content:""
}
.fa-qq:before {
 content:""
}
.fa-wechat:before,
.fa-weixin:before {
 content:""
}
.fa-send:before,
.fa-paper-plane:before {
 content:""
}
.fa-send-o:before,
.fa-paper-plane-o:before {
 content:""
}
.fa-history:before {
 content:""
}
.fa-circle-thin:before {
 content:""
}
.fa-header:before {
 content:""
}
.fa-paragraph:before {
 content:""
}
.fa-sliders:before {
 content:""
}
.fa-share-alt:before {
 content:""
}
.fa-share-alt-square:before {
 content:""
}
.fa-bomb:before {
 content:""
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
 content:""
}
.fa-tty:before {
 content:""
}
.fa-binoculars:before {
 content:""
}
.fa-plug:before {
 content:""
}
.fa-slideshare:before {
 content:""
}
.fa-twitch:before {
 content:""
}
.fa-yelp:before {
 content:""
}
.fa-newspaper-o:before {
 content:""
}
.fa-wifi:before {
 content:""
}
.fa-calculator:before {
 content:""
}
.fa-paypal:before {
 content:""
}
.fa-google-wallet:before {
 content:""
}
.fa-cc-visa:before {
 content:""
}
.fa-cc-mastercard:before {
 content:""
}
.fa-cc-discover:before {
 content:""
}
.fa-cc-amex:before {
 content:""
}
.fa-cc-paypal:before {
 content:""
}
.fa-cc-stripe:before {
 content:""
}
.fa-bell-slash:before {
 content:""
}
.fa-bell-slash-o:before {
 content:""
}
.fa-trash:before {
 content:""
}
.fa-copyright:before {
 content:""
}
.fa-at:before {
 content:""
}
.fa-eyedropper:before {
 content:""
}
.fa-paint-brush:before {
 content:""
}
.fa-birthday-cake:before {
 content:""
}
.fa-area-chart:before {
 content:""
}
.fa-pie-chart:before {
 content:""
}
.fa-line-chart:before {
 content:""
}
.fa-lastfm:before {
 content:""
}
.fa-lastfm-square:before {
 content:""
}
.fa-toggle-off:before {
 content:""
}
.fa-toggle-on:before {
 content:""
}
.fa-bicycle:before {
 content:""
}
.fa-bus:before {
 content:""
}
.fa-ioxhost:before {
 content:""
}
.fa-angellist:before {
 content:""
}
.fa-cc:before {
 content:""
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
 content:""
}
.fa-meanpath:before {
 content:""
}
.fa-buysellads:before {
 content:""
}
.fa-connectdevelop:before {
 content:""
}
.fa-dashcube:before {
 content:""
}
.fa-forumbee:before {
 content:""
}
.fa-leanpub:before {
 content:""
}
.fa-sellsy:before {
 content:""
}
.fa-shirtsinbulk:before {
 content:""
}
.fa-simplybuilt:before {
 content:""
}
.fa-skyatlas:before {
 content:""
}
.fa-cart-plus:before {
 content:""
}
.fa-cart-arrow-down:before {
 content:""
}
.fa-diamond:before {
 content:""
}
.fa-ship:before {
 content:""
}
.fa-user-secret:before {
 content:""
}
.fa-motorcycle:before {
 content:""
}
.fa-street-view:before {
 content:""
}
.fa-heartbeat:before {
 content:""
}
.fa-venus:before {
 content:""
}
.fa-mars:before {
 content:""
}
.fa-mercury:before {
 content:""
}
.fa-intersex:before,
.fa-transgender:before {
 content:""
}
.fa-transgender-alt:before {
 content:""
}
.fa-venus-double:before {
 content:""
}
.fa-mars-double:before {
 content:""
}
.fa-venus-mars:before {
 content:""
}
.fa-mars-stroke:before {
 content:""
}
.fa-mars-stroke-v:before {
 content:""
}
.fa-mars-stroke-h:before {
 content:""
}
.fa-neuter:before {
 content:""
}
.fa-genderless:before {
 content:""
}
.fa-facebook-official:before {
 content:""
}
.fa-pinterest-p:before {
 content:""
}
.fa-whatsapp:before {
 content:""
}
.fa-server:before {
 content:""
}
.fa-user-plus:before {
 content:""
}
.fa-user-times:before {
 content:""
}
.fa-hotel:before,
.fa-bed:before {
 content:""
}
.fa-viacoin:before {
 content:""
}
.fa-train:before {
 content:""
}
.fa-subway:before {
 content:""
}
.fa-medium:before {
 content:""
}
.fa-yc:before,
.fa-y-combinator:before {
 content:""
}
.fa-optin-monster:before {
 content:""
}
.fa-opencart:before {
 content:""
}
.fa-expeditedssl:before {
 content:""
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
 content:""
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
 content:""
}
.fa-battery-2:before,
.fa-battery-half:before {
 content:""
}
.fa-battery-1:before,
.fa-battery-quarter:before {
 content:""
}
.fa-battery-0:before,
.fa-battery-empty:before {
 content:""
}
.fa-mouse-pointer:before {
 content:""
}
.fa-i-cursor:before {
 content:""
}
.fa-object-group:before {
 content:""
}
.fa-object-ungroup:before {
 content:""
}
.fa-sticky-note:before {
 content:""
}
.fa-sticky-note-o:before {
 content:""
}
.fa-cc-jcb:before {
 content:""
}
.fa-cc-diners-club:before {
 content:""
}
.fa-clone:before {
 content:""
}
.fa-balance-scale:before {
 content:""
}
.fa-hourglass-o:before {
 content:""
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
 content:""
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
 content:""
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
 content:""
}
.fa-hourglass:before {
 content:""
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
 content:""
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
 content:""
}
.fa-hand-scissors-o:before {
 content:""
}
.fa-hand-lizard-o:before {
 content:""
}
.fa-hand-spock-o:before {
 content:""
}
.fa-hand-pointer-o:before {
 content:""
}
.fa-hand-peace-o:before {
 content:""
}
.fa-trademark:before {
 content:""
}
.fa-registered:before {
 content:""
}
.fa-creative-commons:before {
 content:""
}
.fa-gg:before {
 content:""
}
.fa-gg-circle:before {
 content:""
}
.fa-tripadvisor:before {
 content:""
}
.fa-odnoklassniki:before {
 content:""
}
.fa-odnoklassniki-square:before {
 content:""
}
.fa-get-pocket:before {
 content:""
}
.fa-wikipedia-w:before {
 content:""
}
.fa-safari:before {
 content:""
}
.fa-chrome:before {
 content:""
}
.fa-firefox:before {
 content:""
}
.fa-opera:before {
 content:""
}
.fa-internet-explorer:before {
 content:""
}
.fa-tv:before,
.fa-television:before {
 content:""
}
.fa-contao:before {
 content:""
}
.fa-500px:before {
 content:""
}
.fa-amazon:before {
 content:""
}
.fa-calendar-plus-o:before {
 content:""
}
.fa-calendar-minus-o:before {
 content:""
}
.fa-calendar-times-o:before {
 content:""
}
.fa-calendar-check-o:before {
 content:""
}
.fa-industry:before {
 content:""
}
.fa-map-pin:before {
 content:""
}
.fa-map-signs:before {
 content:""
}
.fa-map-o:before {
 content:""
}
.fa-map:before {
 content:""
}
.fa-commenting:before {
 content:""
}
.fa-commenting-o:before {
 content:""
}
.fa-houzz:before {
 content:""
}
.fa-vimeo:before {
 content:""
}
.fa-black-tie:before {
 content:""
}
.fa-fonticons:before {
 content:""
}
.fa-reddit-alien:before {
 content:""
}
.fa-edge:before {
 content:""
}
.fa-credit-card-alt:before {
 content:""
}
.fa-codiepie:before {
 content:""
}
.fa-modx:before {
 content:""
}
.fa-fort-awesome:before {
 content:""
}
.fa-usb:before {
 content:""
}
.fa-product-hunt:before {
 content:""
}
.fa-mixcloud:before {
 content:""
}
.fa-scribd:before {
 content:""
}
.fa-pause-circle:before {
 content:""
}
.fa-pause-circle-o:before {
 content:""
}
.fa-stop-circle:before {
 content:""
}
.fa-stop-circle-o:before {
 content:""
}
.fa-shopping-bag:before {
 content:""
}
.fa-shopping-basket:before {
 content:""
}
.fa-hashtag:before {
 content:""
}
.fa-bluetooth:before {
 content:""
}
.fa-bluetooth-b:before {
 content:""
}
.fa-percent:before {
 content:""
}
.fa-gitlab:before {
 content:""
}
.fa-wpbeginner:before {
 content:""
}
.fa-wpforms:before {
 content:""
}
.fa-envira:before {
 content:""
}
.fa-universal-access:before {
 content:""
}
.fa-wheelchair-alt:before {
 content:""
}
.fa-question-circle-o:before {
 content:""
}
.fa-blind:before {
 content:""
}
.fa-audio-description:before {
 content:""
}
.fa-volume-control-phone:before {
 content:""
}
.fa-braille:before {
 content:""
}
.fa-assistive-listening-systems:before {
 content:""
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
 content:""
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
 content:""
}
.fa-glide:before {
 content:""
}
.fa-glide-g:before {
 content:""
}
.fa-signing:before,
.fa-sign-language:before {
 content:""
}
.fa-low-vision:before {
 content:""
}
.fa-viadeo:before {
 content:""
}
.fa-viadeo-square:before {
 content:""
}
.fa-snapchat:before {
 content:""
}
.fa-snapchat-ghost:before {
 content:""
}
.fa-snapchat-square:before {
 content:""
}
.fa-pied-piper:before {
 content:""
}
.fa-first-order:before {
 content:""
}
.fa-yoast:before {
 content:""
}
.fa-themeisle:before {
 content:""
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
 content:""
}
.fa-fa:before,
.fa-font-awesome:before {
 content:""
}
.fa-handshake-o:before {
 content:""
}
.fa-envelope-open:before {
 content:""
}
.fa-envelope-open-o:before {
 content:""
}
.fa-linode:before {
 content:""
}
.fa-address-book:before {
 content:""
}
.fa-address-book-o:before {
 content:""
}
.fa-vcard:before,
.fa-address-card:before {
 content:""
}
.fa-vcard-o:before,
.fa-address-card-o:before {
 content:""
}
.fa-user-circle:before {
 content:""
}
.fa-user-circle-o:before {
 content:""
}
.fa-user-o:before {
 content:""
}
.fa-id-badge:before {
 content:""
}
.fa-drivers-license:before,
.fa-id-card:before {
 content:""
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
 content:""
}
.fa-quora:before {
 content:""
}
.fa-free-code-camp:before {
 content:""
}
.fa-telegram:before {
 content:""
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
 content:""
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
 content:""
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
 content:""
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
 content:""
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
 content:""
}
.fa-shower:before {
 content:""
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
 content:""
}
.fa-podcast:before {
 content:""
}
.fa-window-maximize:before {
 content:""
}
.fa-window-minimize:before {
 content:""
}
.fa-window-restore:before {
 content:""
}
.fa-times-rectangle:before,
.fa-window-close:before {
 content:""
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
 content:""
}
.fa-bandcamp:before {
 content:""
}
.fa-grav:before {
 content:""
}
.fa-etsy:before {
 content:""
}
.fa-imdb:before {
 content:""
}
.fa-ravelry:before {
 content:""
}
.fa-eercast:before {
 content:""
}
.fa-microchip:before {
 content:""
}
.fa-snowflake-o:before {
 content:""
}
.fa-superpowers:before {
 content:""
}
.fa-wpexplorer:before {
 content:""
}
.fa-meetup:before {
 content:""
}
.sr-only {
 position:absolute;
 width:1px;
 height:1px;
 padding:0;
 margin:-1px;
 overflow:hidden;
 clip:rect(0, 0, 0, 0);
 border:0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
 position:static;
 width:auto;
 height:auto;
 margin:0;
 overflow:visible;
 clip:auto
}
.fancybox-enabled {
 overflow:hidden
}
.fancybox-enabled body {
 overflow:visible;
 height:100%
}
.fancybox-is-hidden {
 position:absolute;
 top:-9999px;
 left:-9999px;
 visibility:hidden
}
.fancybox-container {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:99993;
 -webkit-tap-highlight-color:transparent;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 transform:translateZ(0)
}
.fancybox-container~.fancybox-container {
 z-index:99992
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0
}
.fancybox-outer {
 overflow-y:auto;
 -webkit-overflow-scrolling:touch
}
.fancybox-bg {
 background:#1e1e1e;
 opacity:0;
 transition-duration:inherit;
 transition-property:opacity;
 transition-timing-function:cubic-bezier(0.47, 0, 0.74, 0.71)
}
.fancybox-is-open .fancybox-bg {
 opacity:.87;
 transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1)
}
.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
 position:absolute;
 direction:ltr;
 z-index:99997;
 opacity:0;
 visibility:hidden;
 transition:opacity .25s,visibility 0s linear .25s;
 box-sizing:border-box
}
.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
 opacity:1;
 visibility:visible;
 transition:opacity .25s,visibility 0s
}
.fancybox-infobar {
 top:0;
 left:50%;
 margin-left:-79px
}
.fancybox-infobar__body {
 display:inline-block;
 width:70px;
 line-height:44px;
 font-size:13px;
 font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
 text-align:center;
 color:#ddd;
 background-color:rgba(30,30,30,0.7);
 pointer-events:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-touch-callout:none;
 -webkit-tap-highlight-color:transparent;
 -webkit-font-smoothing:subpixel-antialiased
}
.fancybox-toolbar {
 top:0;
 right:0
}
.fancybox-stage {
 overflow:hidden;
 direction:ltr;
 z-index:99994;
 -webkit-transform:translateZ(0)
}
.fancybox-slide {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 margin:0;
 padding:0;
 overflow:auto;
 outline:none;
 white-space:normal;
 box-sizing:border-box;
 text-align:center;
 z-index:99994;
 -webkit-overflow-scrolling:touch;
 display:none;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 transition-property:transform,opacity;
 transform-style:preserve-3d
}
.fancybox-slide:before {
 content:"";
 display:inline-block;
 vertical-align:middle;
 height:100%;
 width:0
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
 display:block
}
.fancybox-slide--image {
 overflow:visible
}
.fancybox-slide--image:before {
 display:none
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
 background:#000
}
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
 background:#e5e3df
}
.fancybox-slide--next {
 z-index:99995
}
.fancybox-slide>* {
 display:inline-block;
 position:relative;
 padding:24px;
 margin:44px 0;
 border-width:0;
 vertical-align:middle;
 text-align:left;
 background-color:#fff;
 overflow:auto;
 box-sizing:border-box
}
.fancybox-slide .fancybox-image-wrap {
 position:absolute;
 top:0;
 left:0;
 margin:0;
 padding:0;
 border:0;
 z-index:99995;
 background:transparent;
 cursor:default;
 overflow:visible;
 transform-origin:top left;
 background-size:100% 100%;
 background-repeat:no-repeat;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.fancybox-can-zoomOut .fancybox-image-wrap {
 cursor:zoom-out
}
.fancybox-can-zoomIn .fancybox-image-wrap {
 cursor:zoom-in
}
.fancybox-can-drag .fancybox-image-wrap {
 cursor:-webkit-grab;
 cursor:grab
}
.fancybox-is-dragging .fancybox-image-wrap {
 cursor:-webkit-grabbing;
 cursor:grabbing
}
.fancybox-image,
.fancybox-spaceball {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 margin:0;
 padding:0;
 border:0;
 max-width:none;
 max-height:none
}
.fancybox-spaceball {
 z-index:1
}
.fancybox-slide--iframe .fancybox-content {
 padding:0;
 width:80%;
 height:80%;
 max-width:calc(100% - 100px);
 max-height:calc(100% - 88px);
 overflow:visible;
 background:#fff
}
.fancybox-iframe {
 display:block;
 padding:0;
 border:0;
 height:100%
}
.fancybox-error,
.fancybox-iframe {
 margin:0;
 width:100%;
 background:#fff
}
.fancybox-error {
 padding:40px;
 max-width:380px;
 cursor:default
}
.fancybox-error p {
 margin:0;
 padding:0;
 color:#444;
 font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif
}
.fancybox-close-small {
 position:absolute;
 top:0;
 right:0;
 width:44px;
 height:44px;
 padding:0;
 margin:0;
 border:0;
 border-radius:0;
 outline:none;
 background:transparent;
 z-index:10;
 cursor:pointer
}
.fancybox-close-small:after {
 content:"×";
 position:absolute;
 top:5px;
 right:5px;
 width:30px;
 height:30px;
 font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
 color:#888;
 font-weight:300;
 text-align:center;
 border-radius:50%;
 border-width:0;
 background:#fff;
 transition:background .25s;
 box-sizing:border-box;
 z-index:2
}
.fancybox-close-small:focus:after {
 outline:1px dotted #888
}
.fancybox-close-small:hover:after {
 color:#555;
 background:#eee
}
.fancybox-slide--iframe .fancybox-close-small {
 top:0;
 right:-44px
}
.fancybox-slide--iframe .fancybox-close-small:after {
 background:transparent;
 font-size:35px;
 color:#aaa
}
.fancybox-slide--iframe .fancybox-close-small:hover:after {
 color:#fff
}
.fancybox-caption-wrap {
 bottom:0;
 left:0;
 right:0;
 padding:60px 30px 0;
 background:linear-gradient(180deg, transparent 0, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0.8));
 pointer-events:none
}
.fancybox-caption {
 padding:30px 0;
 border-top:1px solid rgba(255,255,255,0.4);
 font-size:14px;
 font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
 color:#fff;
 line-height:20px;
 -webkit-text-size-adjust:none
}
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
 pointer-events:all
}
.fancybox-caption a {
 color:#fff;
 text-decoration:underline
}
.fancybox-button {
 display:inline-block;
 position:relative;
 margin:0;
 padding:0;
 border:0;
 width:44px;
 height:44px;
 line-height:44px;
 text-align:center;
 background:transparent;
 color:#ddd;
 border-radius:0;
 cursor:pointer;
 vertical-align:top;
 outline:none
}
.fancybox-button[disabled] {
 cursor:default;
 pointer-events:none
}
.fancybox-button,
.fancybox-infobar__body {
 background:rgba(30,30,30,0.6)
}
.fancybox-button:hover:not([disabled]) {
 color:#fff;
 background:rgba(0,0,0,0.8)
}
.fancybox-button:after,
.fancybox-button:before {
 content:"";
 pointer-events:none;
 position:absolute;
 background-color:currentColor;
 color:currentColor;
 opacity:.9;
 box-sizing:border-box;
 display:inline-block
}
.fancybox-button[disabled]:after,
.fancybox-button[disabled]:before {
 opacity:.3
}
.fancybox-button--left:after,
.fancybox-button--right:after {
 top:18px;
 width:6px;
 height:6px;
 background:transparent;
 border-top:2px solid currentColor;
 border-right:2px solid currentColor
}
.fancybox-button--left:after {
 left:20px;
 transform:rotate(-135deg)
}
.fancybox-button--right:after {
 right:20px;
 transform:rotate(45deg)
}
.fancybox-button--left {
 border-bottom-left-radius:5px
}
.fancybox-button--right {
 border-bottom-right-radius:5px
}
.fancybox-button--close:after,
.fancybox-button--close:before {
 content:"";
 display:inline-block;
 position:absolute;
 height:2px;
 width:16px;
 top:calc(50% - 1px);
 left:calc(50% - 8px)
}
.fancybox-button--close:before {
 transform:rotate(45deg)
}
.fancybox-button--close:after {
 transform:rotate(-45deg)
}
.fancybox-arrow {
 position:absolute;
 top:50%;
 margin:-50px 0 0;
 height:100px;
 width:54px;
 padding:0;
 border:0;
 outline:none;
 background:none;
 cursor:pointer;
 z-index:99995;
 opacity:0;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 transition:opacity .25s
}
.fancybox-arrow:after {
 content:"";
 position:absolute;
 top:28px;
 width:44px;
 height:44px;
 background-color:rgba(30,30,30,0.8);
 background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
 background-repeat:no-repeat;
 background-position:50%;
 background-size:24px 24px
}
.fancybox-arrow--right {
 right:0
}
.fancybox-arrow--left {
 left:0;
 transform:scaleX(-1)
}
.fancybox-arrow--left:after,
.fancybox-arrow--right:after {
 left:0
}
.fancybox-show-nav .fancybox-arrow {
 opacity:.6
}
.fancybox-show-nav .fancybox-arrow[disabled] {
 opacity:.3
}
.fancybox-loading {
 border:6px solid rgba(99,99,99,0.4);
 border-top:6px solid rgba(255,255,255,0.6);
 border-radius:100%;
 height:50px;
 width:50px;
 -webkit-animation:a .8s infinite linear;
 animation:a .8s infinite linear;
 background:transparent;
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-25px;
 margin-left:-25px;
 z-index:99999
}
@-webkit-keyframes a {
 0% {
  transform:rotate(0deg)
 }
 to {
  transform:rotate(359deg)
 }
}
@keyframes a {
 0% {
  transform:rotate(0deg)
 }
 to {
  transform:rotate(359deg)
 }
}
.fancybox-animated {
 transition-timing-function:cubic-bezier(0, 0, 0.25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
 transform:translate3d(-100%, 0, 0);
 opacity:0
}
.fancybox-fx-slide.fancybox-slide--next {
 transform:translate3d(100%, 0, 0);
 opacity:0
}
.fancybox-fx-slide.fancybox-slide--current {
 transform:translateZ(0);
 opacity:1
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
 opacity:0;
 transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)
}
.fancybox-fx-fade.fancybox-slide--current {
 opacity:1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
 transform:scale3d(1.5, 1.5, 1.5);
 opacity:0
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
 transform:scale3d(0.5, 0.5, 0.5);
 opacity:0
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
 transform:scaleX(1);
 opacity:1
}
.fancybox-fx-rotate.fancybox-slide--previous {
 transform:rotate(-1turn);
 opacity:0
}
.fancybox-fx-rotate.fancybox-slide--next {
 transform:rotate(1turn);
 opacity:0
}
.fancybox-fx-rotate.fancybox-slide--current {
 transform:rotate(0deg);
 opacity:1
}
.fancybox-fx-circular.fancybox-slide--previous {
 transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0);
 opacity:0
}
.fancybox-fx-circular.fancybox-slide--next {
 transform:scale3d(0, 0, 0) translate3d(100%, 0, 0);
 opacity:0
}
.fancybox-fx-circular.fancybox-slide--current {
 transform:scaleX(1) translateZ(0);
 opacity:1
}
.fancybox-fx-tube.fancybox-slide--previous {
 transform:translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
 transform:translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
 transform:translateZ(0) scale(1)
}
@media (max-width: 800px) {
 .fancybox-infobar {
  left:0;
  margin-left:0
 }
 .fancybox-button--left,
 .fancybox-button--right {
  display:none !important
 }
 .fancybox-caption {
  padding:20px 0;
  margin:0
 }
}
.fancybox-button--fullscreen:before {
 width:15px;
 height:11px;
 left:calc(50% - 7px);
 top:calc(50% - 6px);
 border:2px solid;
 background:none
}
.fancybox-button--pause:before,
.fancybox-button--play:before {
 top:calc(50% - 6px);
 left:calc(50% - 4px);
 background:transparent
}
.fancybox-button--play:before {
 width:0;
 height:0;
 border-top:6px inset transparent;
 border-bottom:6px inset transparent;
 border-left:10px solid;
 border-radius:1px
}
.fancybox-button--pause:before {
 width:7px;
 height:11px;
 border-style:solid;
 border-width:0 2px
}
.fancybox-button--thumbs,
.fancybox-thumbs {
 display:none
}
@media (min-width: 800px) {
 .fancybox-button--thumbs {
  display:inline-block
 }
 .fancybox-button--thumbs span {
  font-size:23px
 }
 .fancybox-button--thumbs:before {
  width:3px;
  height:3px;
  top:calc(50% - 2px);
  left:calc(50% - 2px);
  box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0
 }
 .fancybox-thumbs {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:auto;
  width:220px;
  margin:0;
  padding:5px 5px 0 0;
  background:#fff;
  word-break:normal;
  -webkit-tap-highlight-color:transparent;
  -webkit-overflow-scrolling:touch;
  -ms-overflow-style:-ms-autohiding-scrollbar;
  box-sizing:border-box;
  z-index:99995
 }
 .fancybox-show-thumbs .fancybox-thumbs {
  display:block
 }
 .fancybox-show-thumbs .fancybox-inner {
  right:220px
 }
 .fancybox-thumbs>ul {
  list-style:none;
  position:absolute;
  position:relative;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow-x:hidden;
  overflow-y:auto;
  font-size:0
 }
 .fancybox-thumbs>ul>li {
  float:left;
  overflow:hidden;
  max-width:50%;
  padding:0;
  margin:0;
  width:105px;
  height:75px;
  position:relative;
  cursor:pointer;
  outline:none;
  border:5px solid transparent;
  border-top-width:0;
  border-right-width:0;
  -webkit-tap-highlight-color:transparent;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  box-sizing:border-box
 }
 li.fancybox-thumbs-loading {
  background:rgba(0,0,0,0.1)
 }
 .fancybox-thumbs>ul>li>img {
  position:absolute;
  top:0;
  left:0;
  min-width:100%;
  min-height:100%;
  max-width:none;
  max-height:none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
 }
 .fancybox-thumbs>ul>li:before {
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  border-radius:2px;
  border:4px solid #4ea7f9;
  z-index:99991;
  opacity:0;
  transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)
 }
 .fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
  opacity:1
 }
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
 margin:0;
 padding:0;
 border:0;
 font-size:100%;
 font:inherit;
 vertical-align:baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 display:block
}
body {
 line-height:1
}
ol,
ul {
 list-style:none
}
blockquote,
q {
 quotes:none
}
blockquote:before,
blockquote:after {
 content:'';
 content:none
}
q:before,
q:after {
 content:'';
 content:none
}
table {
 border-collapse:collapse;
 border-spacing:0
}
@font-face {
 font-family:'ClanComp-Medium';
 src:url("../fonts/ClanComp-Medium.eot");
 src:url("../fonts/ClanComp-Medium.woff2") format("woff2"),
 url("../fonts/ClanComp-Medium.woff") format("woff"),
 url("../fonts/ClanComp-Medium.ttf") format("truetype"),
 url("../fonts/ClanComp-Medium.svg#ClanComp-Medium") format("svg"),
 url("../fonts/ClanComp-Medium.eot?#iefix") format("embedded-opentype");
 font-weight:normal;
 font-style:normal
}
@font-face {
 font-family:'ClanComp-News';
 src:url("../fonts/ClanComp-News.eot");
 src:url("../fonts/ClanComp-News.woff2") format("woff2"),
 url("../fonts/ClanComp-News.woff") format("woff"),
 url("../fonts/ClanComp-News.ttf") format("truetype"),
 url("../fonts/ClanComp-News.svg#ClanComp-News") format("svg"),
 url("../fonts/ClanComp-News.eot?#iefix") format("embedded-opentype");
 font-weight:normal;
 font-style:normal
}
@font-face {
 font-family:'ClanComp-Bold';
 src:url("../fonts/ClanComp-Bold.eot");
 src:url("../fonts/ClanComp-Bold.woff2") format("woff2"),
 url("../fonts/ClanComp-Bold.woff") format("woff"),
 url("../fonts/ClanComp-Bold.ttf") format("truetype"),
 url("../fonts/ClanComp-Bold.svg#ClanComp-Bold") format("svg"),
 url("../fonts/ClanComp-Bold.eot?#iefix") format("embedded-opentype");
 font-weight:normal;
 font-style:normal
}
@font-face {
 font-family:'ClanComp-Book';
 src:url("../fonts/ClanComp-Book.eot");
 src:url("../fonts/ClanComp-Book.woff2") format("woff2"),
 url("../fonts/ClanComp-Book.woff") format("woff"),
 url("../fonts/ClanComp-Book.ttf") format("truetype"),
 url("../fonts/ClanComp-Book.svg#ClanComp-Book") format("svg"),
 url("../fonts/ClanComp-Book.eot?#iefix") format("embedded-opentype");
 font-weight:normal;
 font-style:normal
}
html,
body {
 font-family:"ClanComp-Medium",sans-serif
}
em,
i {
 font-style:italic
}
strong,
b {
 font-weight:bold
}
h1,
h2 {
 font-family:"ClanComp-Book",sans-serif;
 font-style:normal;
 font-weight:300;
 color:#1b4098;
 line-height:1
}
h1 small,
h2 small {
 font-size:20px
}
h1 {
 color:#1b4098;
 font-size:42px;
 line-height:1
}
@media screen and (max-width: 640px) {
 h1 {
  font-size:32px
 }
}
h3 {
 font-size:56px;
 line-height:62px;
 color:#1b4098;
 margin:0
}
h4 {
 margin-bottom:10px;
 font-size:24px;
 line-height:30px;
 color:#222
}
a {
 color:#000;
 text-decoration:underline
}
p {
 font-family:"ClanComp-Book",sans-serif
}
p.leadin {
 text-align:center;
 font-family:"ClanComp-Book",sans-serif
}
small {
 font-family:"ClanComp-Book",sans-serif;
 font-size:12px;
 line-height:14px
}
.large-title {
 margin-bottom:15px;
 font-family:"ClanComp-Book",sans-serif;
 font-size:30px;
 line-height:1;
 color:#1b4098;
 text-align:center
}
.large-title small {
 line-height:1.25
}
@media only screen and (min-width: 768px) {
 .large-title {
  margin-bottom:30px;
  font-size:45px
 }
}
@media only screen and (min-width: 992px) {
 .large-title {
  font-size:60px
 }
}
@font-face {
 font-family:'hebel-icons';
 src:url("../fonts/hebel-icons.ttf?kzl2ms") format("truetype"),
 url("../fonts/hebel-icons.woff?kzl2ms") format("woff"),
 url("../fonts/hebel-icons.svg?kzl2ms#hebel-icons") format("svg");
 font-weight:normal;
 font-style:normal
}
[class^="icon-"],
[class*=" icon-"] {
 font-family:'hebel-icons' !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-arrow-left:before {
 content:"\e900"
}
.icon-arrow-left-2:before {
 content:"\e901"
}
.icon-arrow-right:before {
 content:"\e902"
}
.icon-arrow-right-2:before {
 content:"\e903"
}
.icon-hamburger:before {
 content:"\e904"
}
.icon-mail:before {
 content:"\e905"
}
.icon-phone:before {
 content:"\e906"
}
.icon-search:before {
 content:"\e907"
}
.icon-facebook:before {
 content:"\e908"
}
.icon-facebook-circle:before {
 content:"\e909"
}
.icon-instagram:before {
 content:"\e90a"
}
.icon-instagram-circle .path1:before {
 content:"\e90b";
 color:#000
}
.icon-instagram-circle .path2:before {
 content:"\e90c";
 margin-left:-1em;
 color:#fff
}
.icon-linkedin:before {
 content:"\e90d"
}
.icon-linkedin-circle:before {
 content:"\e90e"
}
.icon-pinterest:before {
 content:"\e90f"
}
.icon-pinterest-circle:before {
 content:"\e910"
}
.icon-twitter:before {
 content:"\e911"
}
.icon-twitter-circle:before {
 content:"\e912"
}
.icon-youtube:before {
 content:"\e913"
}
.icon-youtube-circle:before {
 content:"\e914"
}
.icon-acoustic-qualities:before {
 content:"\e915"
}
.icon-acoustic-walls:before {
 content:"\e916"
}
.icon-asbestos-free:before {
 content:"\e917"
}
.icon-balcony-blades:before {
 content:"\e918"
}
.icon-zero-boundary-walls:before,
.icon-corridor-walls:before {
 content:"\e919"
}
.icon-design-versatility:before {
 content:"\e91a"
}
.icon-diy:before {
 content:"\e91b"
}
.icon-energy-effecient:before {
 content:"\e91c"
}
.icon-environmentaly-friendly:before {
 content:"\e91d"
}
.icon-external-walls:before,
.icon-external-walls-2:before,
.icon-multi-residential-external-walls:before {
 content:"\e926"
}
.icon-internal-walls:before {
 content:"\e91e"
}
.icon-fast-construction-rimes:before {
 content:"\e91f"
}
.icon-houses-fencing:before,
.icon-fences:before,
.icon-fencing-mr:before {
 content:"\e920"
}
.icon-fire-resistant:before {
 content:"\e921"
}
.icon-fire-tunnels:before {
 content:"\e922"
}
.icon-fire-walls:before {
 content:"\e923"
}
.icon-floors:before,
.icon-floors-2:before,
.icon-floors-3:before,
.icon-floors-mr:before {
 content:"\e924"
}
.icon-high-rise-facades:before,
.icon-facades:before {
 content:"\e925"
}
.icon-intertenancy-walls:before,
.icon-intertenancy-and-party-walls:before {
 content:"\e927"
}
.icon-risk-minimisation:before {
 content:"\e928"
}
.icon-service-walls:before {
 content:"\e929"
}
.icon-shaft-walls:before {
 content:"\e92a"
}
.icon-strong-and-solid:before {
 content:"\e92b"
}
.icon-superior-insulation:before {
 content:"\e92c"
}
.icon-acoustic-firewalls:before {
 content:"\e916"
}
.icon-sound-barriers:before {
 content:"\e915"
}
@media only screen and (max-width: 991px) {
 .hidden-md {
  display:block !important
 }
 .hidden-md--flex {
  display:flex !important
 }
 .hidden-md--inline {
  display:inline-block !important
 }
 .visible-md,
 .visible-md--flex,
 .visible-md--inline {
  display:none !important
 }
}
@media only screen and (min-width: 992px) {
 .hidden-md,
 .hidden-md--flex,
 .hidden-md--inline {
  display:none !important
 }
 .visible-md {
  display:block !important
 }
 .visible-md--flex {
  display:flex !important
 }
 .visible-md--inline {
  display:inline-block !important
 }
}
.print-only {
 display:none
}
@media only screen {
 .print-only {
  display:none !important
 }
}
.clearfix:after {
 content:"";
 display:table;
 clear:both
}
html,
body {
 width:100%
}
.page-template-page-contact-form {
 box-sizing:border-box;
 margin:0;
 padding:20px
}
a {
 text-decoration:none
}
p {
 font-size:14px;
 line-height:20px;
 color:#555;
 font-family:"ClanComp-Medium",sans-serif;
 margin-bottom:15px
}
@media only screen and (min-width: 992px) {
 p {
  font-size:16px;
  line-height:26px;
  margin-bottom:10px
 }
}
button {
 border:none;
 outline:0;
 background-color:transparent;
 font-size:16px;
 cursor:pointer
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
 padding:15px;
 margin:0;
 font-size:16px;
 background-color:#efefef;
 outline:0;
 border:none;
 resize:none;
 box-sizing:border-box;
 width:100%
}
input[type="submit"] {
 margin:0;
 font-family:"ClanComp-Medium", sans-serif;
 font-size:12px
}
input[type="submit"]:hover {
 cursor:pointer
}
hr {
 border:none;
 border-top:1px solid #baaa96
}
hr.seperator {
 width:180px;
 margin:38px auto 40px
}
hr.small {
 width:70px;
 height:5px;
 margin:0 auto 30px auto;
 background-color:#09235E;
 border:none
}
ul.arrow-bullets li {
 padding-left:15px;
 margin-bottom:8px
}
ul.arrow-bullets>li {
 background-image:url(../img/bullet-arrow.png);
 background-repeat:no-repeat;
 background-position:left top 5px
}
ul.square-bullets {
 list-style-type:square;
 margin-left:15px
}
table:not(.table-fixings) {
 background-color:#fff;
 width:100%;
 margin:60px 0 30px
}
table:not(.table-fixings) th,
table:not(.table-fixings) td {
 padding:17px 0;
 padding:15px 10px;
 color:#7d7d7d
}
table:not(.table-fixings) thead {
 background-color:#898175;
 background-color:#8b8987
}
table:not(.table-fixings) thead th {
 color:#fff;
 text-align:center;
 font-weight:400;
 font-family:"ClanComp-News",sans-serif;
 line-height:1;
 vertical-align:middle;
 padding:11px
}
table:not(.table-fixings) tbody tr:hover {
 background-color:#f8f8f8
}
table:not(.table-fixings) tbody tr td {
 text-align:center;
 font-family:"ClanComp-News",sans-serif
}
table:not(.table-fixings) tbody tr td:first-child {
 font-family:"ClanComp-Medium",sans-serif
}
table.table-fixings {
 width:100%;
 overflow-x:auto;
 display:block;
 height:auto !important;
 background-color:#fff;
 margin:30px 0;
 text-align:center;
 border:1px solid #c2d5e7;
 border-collapse:collapse
}
table.table-fixings thead {
 background-color:#ecf3f9
}
table.table-fixings thead td {
 padding:30px
}
table.table-fixings thead td p {
 color:#254f77;
 margin:0 !important;
 font-size:14px !important
}
table.table-fixings thead tr:nth-child(2) {
 background-color:#254f77
}
table.table-fixings thead tr:nth-child(2) td {
 padding:5px 0
}
table.table-fixings thead tr:nth-child(2) td p {
 color:#fff;
 font-size:12px !important;
 margin:0 !important
}
table.table-fixings tbody {
 background-color:#fff
}
table.table-fixings tbody table {
 margin:0;
 width:50%;
 float:left;
 border-top:1px solid #c2d5e7
}
table.table-fixings tbody table:first-child {
 border-right:1px solid #c2d5e7 !important
}
table.table-fixings tbody table tr {
 border-bottom:1px solid #c2d5e7
}
table.table-fixings tbody table tr td {
 vertical-align:middle;
 border-right:1px solid #c2d5e7
}
table.table-fixings tbody table tr td:first-child {
 width:40%
}
table.table-fixings tbody table tr td:last-child {
 border:none
}
table.table-fixings tbody table tr td p {
 margin:0 !important;
 font-size:12px
}
@media only screen and (max-width: 480px) {
 table.table-fixings tbody table tr td p {
  font-size:9px
 }
}
table.table-fixings tbody table tr td img {
 width:100%;
 height:auto
}
table.table-fixings tbody table tr:last-child {
 border:none
}
table.table-fixings tbody table:nth-child(2) tr:last-child {
 border-bottom:1px solid #c2d5e7 !important
}
@media only screen and (max-width: 992px) {
 table.table-fixings tbody table {
  width:100%
 }
 table.table-fixings tbody table:first-child {
  border-right:none !important
 }
}
img.img-responsive {
 display:block;
 max-width:100%;
 width:100%
}
.seperator {
 margin-bottom:20px;
 margin-left:-20px
}
.seperator.hero .rect {
 fill:#c7eb11
}
.seperator.houses .rect {
 fill:#fbc82d !important
}
.seperator.apartments .rect {
 fill:#b5863d !important
}
.seperator.multi .rect {
 fill:#fbc82d !important
}
.seperator.civil .rect {
 fill:#fbc82d !important
}
.seperator.commercial .rect {
 fill:#fbc82d !important
}
.seperator .line {
 opacity:0.1 !important;
 fill:#ffffff !important
}
@media only screen and (min-width: 768px) {
 .seperator {
  margin-left:-80px
 }
}
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:super
}
main#page {
 display:block;
 min-height:100%;
 padding-top:66px;
 position:relative
}
@media only screen and (min-width: 992px) {
 main#page {
  padding-top:123px
 }
}
.container {
 display:block;
 margin:0 auto;
 padding:0;
 box-sizing:border-box
}
@media only screen and (min-width: 768px) {
 .container {
  max-width:730px
 }
}
@media only screen and (min-width: 992px) {
 .container {
  max-width:940px
 }
}
@media only screen and (min-width: 1366px) {
 .container {
  max-width:1200px
 }
}
.container.narrow {
 max-width:500px;
 margin:0 30px
}
@media only screen and (min-width: 768px) {
 .container.narrow {
  margin:0 auto
 }
}
@media only screen and (min-width: 992px) {
 .container.narrow {
  max-width:700px
 }
}
.btn-primary {
 position:relative;
 z-index:0;
 clear:both;
 display:inline-block;
 padding:17px 50px 17px 30px;
 text-transform:uppercase;
 font-size:13px;
 font-weight:500;
 color:#000;
 border:2px solid #000;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
.btn-primary:before {
 content:"";
 position:absolute;
 top:0;
 right:100%;
 bottom:0;
 left:0;
 z-index:-1;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
.btn-primary:after {
 content:"";
 position:absolute;
 top:50%;
 right:20px;
 transform:translateY(-50%);
 width:8px;
 height:12px;
 background-image:url(../img/icon-arrow-right-white.svg);
 background-repeat:no-repeat;
 background-size:cover;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
.btn-primary:hover {
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1);
 background-position:right 15px center
}
.btn-primary:hover:before {
 content:"";
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
.btn-primary:hover:after {
 right:16px;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
.btn-primary.white {
 border-color:#fff;
 color:#fff
}
.btn-primary.white:before {
 background-color:#fff
}
.btn-primary.white:after {
 background-image:url(../img/icon-arrow-right-white.svg)
}
.btn-primary.white:hover {
 color:#000
}
.btn-primary.white:hover:after {
 background-image:url(../img/icon-arrow-right-black.svg)
}
.btn-primary.blue,
.section-subscribe .hbspt-form .btn-primary.hs-button {
 border-color:#1b4098;
 color:#1b4098
}
.btn-primary.blue:before,
.section-subscribe .hbspt-form .btn-primary.hs-button:before {
 background-color:#1b4098
}
.btn-primary.blue:after,
.section-subscribe .hbspt-form .btn-primary.hs-button:after {
 background-image:url(../img/icon-arrow-right-blue.svg)
}
.btn-primary.blue:hover,
.section-subscribe .hbspt-form .btn-primary.hs-button:hover {
 color:#fff
}
.btn-primary.blue:hover:after,
.section-subscribe .hbspt-form .btn-primary.hs-button:hover:after {
 background-image:url(../img/icon-arrow-right-white.svg)
}
.btn-primary.brown {
 border-color:#5d4b47;
 color:#5d4b47
}
.btn-primary.brown:before {
 background-color:#5d4b47
}
.btn-primary.brown:after {
 background-image:url(../img/icon-arrow-right-brown.svg)
}
.btn-primary.brown:hover {
 color:#fff
}
.btn-primary.brown:hover:after {
 background-image:url(../img/icon-arrow-right-white.svg)
}
.btn-secondary,
.section-subscribe .hbspt-form .hs-button {
 padding:15px 45px 15px 45px;
 text-transform:uppercase
}
.btn-secondary.blue,
.section-subscribe .hbspt-form .hs-button {
 color:#fff;
 background-color:#1b4098;
 border:0
}
.btn-share {
 padding:12px 45px 12px 45px;
 background-color:#e8ebf4;
 background-image:url(../img/icon-share.png);
 background-repeat:no-repeat;
 background-position:left 20px center;
 border-radius:30px;
 font-size:16px;
 font-weight:bold;
 text-align:center;
 color:#1b4098;
 box-sizing:border-box
}
.swiper-button-disabled {
 opacity:0.3
}
ul.pagination {
 width:auto;
 max-width:300px;
 margin:0 auto !important;
 display:flex;
 align-items:center;
 justify-content:space-around;
 border:none
}
ul.pagination li {
 width:auto !important;
 padding:5px !important
}
ul.pagination li a {
 color:#555
}
ul.pagination li.active a {
 color:#1b4098
}
.columns {
 display:flex;
 align-items:flex-start;
 justify-content:center
}
.columns.two-columns .column {
 width:50%
}
.tabs-container {
 padding:0 20px
}
.tabs-container .tabs-background {
 display:none
}
.tabs-container .tabs-header {
 display:none
}
.tabs-container .tabs-header+.tabs-content {
 border-top:1px solid #bbc0cb
}
.tabs-container .tabs-content sup {
 vertical-align:super !important;
 font-size:smaller !important
}
.tabs-container .tabs-content sub {
 vertical-align:sub !important;
 font-size:smaller !important
}
.tabs-container .accordion-button,
.tabs-container .tab-button {
 position:relative;
 width:100%;
 padding:10px 20px;
 font-family:"ClanComp-Book",sans-serif;
 font-size:16px;
 line-height:20px;
 color:#555;
 background-color:#fff;
 border:1px solid #bbc0cb;
 border-top:0;
 box-sizing:border-box;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1);
 display:flex;
 align-items:center;
 justify-content:flex-start
}
.tabs-container .accordion-button:hover,
.tabs-container .tab-button:hover {
 color:#222;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
.tabs-container .accordion-button.active,
.tabs-container .tab-button.active {
 color:#fff;
 background-color:#1b4098;
 border:none;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
.tabs-container .accordion-button [class^="icon-"],
.tabs-container .tab-button [class^="icon-"] {
 font-size:240%
}
.tabs-container .accordion-button {
 text-align:left
}
.tabs-container .accordion-button .icon {
 display:inline-block;
 width:50px;
 height:50px;
 margin-right:15px;
 vertical-align:middle
}
.tabs-container .accordion-button .icon .st0 {
 fill:#555
}
.tabs-container .accordion-button:after {
 content:"";
 position:absolute;
 top:calc(50% - 12px);
 right:25px;
 width:16px;
 height:25px;
 background-image:url(../img/icon-arrow-right-gray.svg);
 background-repeat:no-repeat;
 background-size:contain;
 transform:rotate(90deg)
}
.tabs-container .accordion-button.active .icon .st0 {
 fill:#fff
}
.tabs-container .accordion-button.active:after {
 transform:rotate(-90deg);
 background-image:url(../img/icon-arrow-right-white.svg)
}
.tabs-container .accordion-button.active+.content {
 border-bottom:1px solid #bbc0cb
}
.tabs-container .content {
 display:none;
 box-sizing:border-box;
 overflow:hidden;
 background-color:#efefef
}
.tabs-container .content.active {
 display:block;
 padding:30px 10px
}
@media only screen and (min-width: 768px) {
 .tabs-container {
  padding:0;
  background-color:#efefef
 }
 .tabs-container .tabs-header {
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:10px
 }
 .tabs-container .tabs-header.full-width:before {
  display:block;
  content:" ";
  background-color:#1b4098;
  position:absolute;
  left:0;
  right:0;
  z-index:0;
  height:80px
 }
 .tabs-container .tabs-header li.tab-button {
  position:relative;
  width:220px;
  height:80px;
  margin:0;
  padding:0 15px;
  display:flex;
  justify-content:center;
  align-items:center;
  color:#fff;
  background-color:#1b4098;
  cursor:pointer;
  border:none
 }
 .tabs-container .tabs-header li.tab-button .icon {
  width:30px;
  height:30px;
  margin-right:15px;
  background-size:contain;
  background-position:50% 50%;
  background-repeat:no-repeat
 }
 .tabs-container .tabs-header li.tab-button:hover,
 .tabs-container .tabs-header li.tab-button.active {
  background-color:#09235E
 }
 .tabs-container .tabs-header li.tab-button.active:after {
  top:100%;
  left:50%;
  border:solid transparent;
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none;
  border-color:transparent;
  border-top-color:#09235E;
  border-width:10px;
  margin-left:-10px
 }
 .tabs-container .tabs-header+.tabs-content {
  border-top:none
 }
 .tabs-container .accordion-button {
  display:none
 }
 .tabs-container .content {
  display:block;
  height:0;
  opacity:0
 }
 .tabs-container .content.active {
  padding:40px 0;
  height:auto;
  opacity:1;
  transition:opacity 0.3s ease-out 0.3s, transform 0.3s ease-out
 }
}
@media only screen and (-ms-high-contrast: active) and (min-width: 768px),only screen and (-ms-high-contrast: none) and (min-width: 768px) {
 .tabs-header.full-width:before {
  display:block;
  margin-top:-40px
 }
}
.intro-text {
 text-align:center;
 padding-top:40px;
 padding-bottom:40px
}
.intro-text p {
 font-family:"ClanComp-News",sans-serif
}
@media only screen and (min-width: 768px) {
 .page-commercial-and-industrial .tabs-container .tabs-background {
  height:140px;
  margin-bottom:-140px
 }
}
@media only screen and (min-width: 768px) {
 .page-commercial-and-industrial .tabs-container .tabs-header li.tab-button {
  display:inline-block;
  text-align:center;
  height:140px;
  padding:10px 15px
 }
}
@media only screen and (min-width: 768px) {
 .page-commercial-and-industrial .tabs-container .tabs-header li.tab-button .icon {
  width:50px;
  height:50px;
  display:inline-block;
  margin-right:0
 }
}
@media only screen and (min-width: 768px) {
 .page-commercial-and-industrial .tabs-container .tabs-header li.tab-button .name {
  display:block
 }
}
.page-commercial-and-industrial .tabs-container .tabs-header.full-width:before {
 height:140px
}
.content-mask {
 display:none;
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:2;
 background-color:#fff;
 background-image:url(../img/loading.gif);
 background-repeat:no-repeat;
 background-position:center center
}
.nav-mask {
 display:none;
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:2;
 background-color:rgba(0,0,0,0.8)
}
body.show-nav .nav-mask {
 display:block
}
.popup {
 visibility:hidden;
 opacity:0;
 position:fixed;
 top:0;
 left:0;
 z-index:200;
 display:flex;
 justify-content:center;
 align-items:center;
 width:100vw;
 height:100vh;
 transition:all 0.2s ease-in-out;
 background:rgba(0,0,0,0.8)
}
.popup .inner {
 transform:translate3d(100%, 0, 0);
 width:90vw;
 min-height:90vh;
 padding:30px;
 background:#fff;
 box-sizing:border-box;
 transition:transform 0.2s ease-in-out
}
.popup .btn-close {
 position:absolute;
 top:10px;
 right:10px;
 z-index:2;
 width:40px;
 height:40px
}
.popup .btn-close svg {
 width:100%
}
.popup.active {
 visibility:visible;
 opacity:1;
 transition:all 0.2s ease-in-out
}
.popup.active .inner {
 transform:translate3d(0, 0, 0);
 transition:transform 0.2s ease-in-out
}
.popup .swiper-button-next,
.popup .swiper-button-prev {
 width:50px;
 height:50px;
 background-color:#1b4098;
 background-image:url(../img/icon-arrow-right-white.svg);
 background-size:15px
}
.popup .swiper-button-next {
 right:-30px
}
.popup .swiper-button-prev {
 left:-30px;
 transform:rotate(180deg)
}
@media only screen and (min-width: 768px) {
 .popup .btn-close {
  top:30px;
  right:30px
 }
}
.popup--email,
.popup--download {
 right:0
}
.popup--email .inner,
.popup--download .inner {
 width:90%;
 max-width:800px;
 min-height:50vh
}
.popup--email .inner h4,
.popup--download .inner h4 {
 font-size:30px;
 margin:0 0 10px
}
@media (min-width: 769px) {
 .popup--email .inner h4,
 .popup--download .inner h4 {
  margin:0 0 70px
 }
}
@media (min-width: 769px) {
 .popup--email .inner>div,
 .popup--download .inner>div {
  display:flex
 }
}
.popup--email .inner__left,
.popup--download .inner__left {
 margin-bottom:20px
}
@media (min-width: 769px) {
 .popup--email .inner__left,
 .popup--download .inner__left {
  width:25%;
  margin-right:5%
 }
}
.popup--email .inner__left img,
.popup--download .inner__left img {
 margin:0 0 20px;
 max-width:100%
}
@media (max-width: 768px) {
 .popup--email .inner__left img,
 .popup--download .inner__left img {
  display:none
 }
}
.popup--email .inner__left h5,
.popup--download .inner__left h5 {
 font-size:14px;
 line-height:1.2
}
@media (min-width: 769px) {
 .popup--email .inner__left h5,
 .popup--download .inner__left h5 {
  font-size:18px
 }
}
@media (min-width: 769px) {
 .popup--email .inner__right,
 .popup--download .inner__right {
  width:70%
 }
}
.popup--email .inner__right form fieldset,
.popup--download .inner__right form fieldset {
 margin:0 0 20px
}
.popup--email .inner__right form fieldset label,
.popup--download .inner__right form fieldset label {
 color:#555;
 margin:0 0 10px;
 display:block
}
@media (max-width: 768px) {
 .popup--email .inner__right form fieldset label,
 .popup--download .inner__right form fieldset label {
  font-size:14px
 }
}
.popup--email .inner__right form fieldset label.error,
.popup--download .inner__right form fieldset label.error {
 display:block;
 color:red;
 font-size:12px;
 margin-top:10px;
 font-weight:400
}
.popup--email .inner__right form input[type="text"],
.popup--email .inner__right form input[type="email"],
.popup--email .inner__right form textarea,
.popup--download .inner__right form input[type="text"],
.popup--download .inner__right form input[type="email"],
.popup--download .inner__right form textarea {
 font-family:"ClanComp-News",sans-serif;
 border-radius:0
}
@media (max-width: 768px) {
 .popup--email .inner__right form input[type="text"],
 .popup--email .inner__right form input[type="email"],
 .popup--email .inner__right form textarea,
 .popup--download .inner__right form input[type="text"],
 .popup--download .inner__right form input[type="email"],
 .popup--download .inner__right form textarea {
  padding:10px;
  font-size:14px
 }
}
.popup--email .inner__right form input[type="submit"],
.popup--download .inner__right form input[type="submit"] {
 background:#1b4098;
 color:#fff;
 border-color:#1b4098;
 padding:15px 40px;
 text-align:center;
 font-size:16px;
 transition:all 0.2s ease-in-out;
 border-radius:0
}
.popup--email .inner__right form input[type="submit"]:hover,
.popup--download .inner__right form input[type="submit"]:hover {
 color:#1b4098;
 background:#fff
}
.popup--email .hs-form-field,
.popup--download .hs-form-field {
 margin-bottom:1em
}
.section-page-header {
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center center
}
.section-page-header .copy {
 width:75%;
 padding:100px 20px;
 box-sizing:border-box
}
.section-page-header h1,
.section-page-header h2,
.section-page-header p {
 color:#fff;
 margin-bottom:10px
}
.section-page-header h1 {
 font-size:36px
}
.section-page-header h2 {
 font-size:24px;
 font-weight:300;
 margin-bottom:45px
}
.section-page-header hr {
 border-top:1px solid rgba(255,255,255,0.25);
 margin:15px 0
}
.section-page-header a {
 color:#fff
}
.section-page-header a.phone {
 font-size:24px;
 display:block;
 padding-top:10px
}
.section-page-header a.email {
 font-size:18px
}
@media only screen and (min-width: 768px) {
 .section-page-header .copy {
  position:relative;
  width:40%;
  padding:70px 60px 70px 0
 }
 .section-page-header .copy:before {
  content:"";
  position:absolute;
  top:0;
  right:100%;
  bottom:0;
  left:-999px
 }
 .section-page-header h1 {
  font-size:38px
 }
 .section-page-header h2 {
  font-size:26px
 }
 .section-page-header a.phone {
  font-size:28px
 }
 .section-page-header a.email {
  font-size:20px
 }
}
@media only screen and (min-width: 992px) {
 .section-page-header h1 {
  font-size:54px
 }
 .section-page-header h2 {
  font-size:30px
 }
 .section-page-header a.phone {
  font-size:34px
 }
 .section-page-header a.email {
  font-size:24px
 }
}
.share-container {
 text-align:right
}
.share-container .btn-share {
 margin:20px
}
.share {
 display:inline-block;
 position:relative;
 margin:20px 0;
 color:#1b4098;
 font-size:0.875em
}
.share>span {
 margin-right:5px
}
.share a {
 color:#1b4098
}
.share .btn-share {
 position:relative;
 z-index:1
}
.share .icons {
 position:absolute;
 top:0;
 width:100%;
 text-align:center;
 z-index:0;
 transition:all 0.2s ease-out
}
.share .icons.active {
 top:-20px
}
.section-intro-text {
 padding:60px 30px;
 text-align:center
}
.section-intro-text h2 {
 margin-bottom:30px
}
.section-intro-text .seperator {
 display:none
}
@media only screen and (min-width: 768px) {
 .section-intro-text {
  padding:50px 0 30px
 }
 .section-intro-text .seperator {
  display:block
 }
}
.section-benefits .swiper-slide .image {
 position:relative;
 width:100%;
 padding-bottom:100%;
 margin-bottom:25px;
 background-color:#c7c1bb;
 background-repeat:no-repeat;
 background-position:center center;
 background-size:60%;
 height:75px;
 transition:all 250ms cubic-bezier(0.25, 1, 0.2, 1)
}
.section-benefits .swiper-slide .image span {
 position:absolute;
 top:50%;
 left:50%;
 font-size:70px;
 color:#fff
}
.section-benefits .swiper-slide .image p {
 position:absolute;
 bottom:10%;
 margin-left:auto;
 margin-right:auto;
 left:0;
 right:0;
 color:#fff !important;
 padding-left:10px;
 padding-right:10px
}
.section-benefits .swiper-slide:nth-child(1n) .image {
 background-color:#f59100
}
.section-benefits .swiper-slide:nth-child(2n) .image {
 background-color:#868267
}
.section-benefits .swiper-slide:nth-child(3n) .image {
 background-color:#a2c101
}
.section-benefits .swiper-slide:nth-child(4n) .image {
 background-color:#8eb1cb
}
.section-benefits .swiper-slide:hover .image {
 background-size:70%
}
.section-benefits .swiper-wrapper {
 padding:15px 0
}
.section-benefits .swiper-wrapper p {
 font-size:12px;
 line-height:16px;
 color:#7f92be
}
@media only screen and (max-width: 768px) {
 .section-benefits .swiper-wrapper p {
  color:#858585;
  font-family:"ClanComp-Book", sans-serif
 }
}
.section-benefits .view-all {
 margin:20px;
 bottom:15px
}
@media only screen and (min-width: 768px) {
 .section-benefits .view-all {
  bottom:0
 }
}
.section-benefits .swiper-slide {
 position:relative
}
@media only screen and (min-width: 768px) {
 .section-benefits .swiper-outer-container.single .swiper-slide {
  max-width:33.33333%;
  margin:auto
 }
 .section-benefits .swiper-outer-container .next,
 .section-benefits .swiper-outer-container .prev {
  margin-top:-70px
 }
 .section-benefits .seperator {
  display:block
 }
 .section-benefits .swiper-wrapper p {
  font-size:16px;
  line-height:24px
 }
 .section-benefits .swiper-slide .image span {
  font-size:90px
 }
}
.section-benefits-animated {
 padding-bottom:100px !important
}
@media only screen and (min-width: 992px) {
 .section-benefits-animated {
  padding-bottom:200px !important
 }
}
.section-benefits-animated .swiper-outer-container {
 margin:0
}
.section-benefits-animated .swiper-outer-container .next,
.section-benefits-animated .swiper-outer-container .prev {
 width:auto;
 height:auto;
 background-image:none;
 padding:15px;
 background-color:#1b4098;
 transform:none;
 position:absolute;
 top:calc(50% - 28px);
 z-index:1;
 margin-top:0 !important
}
@media only screen and (min-width: 992px) {
 .section-benefits-animated .swiper-outer-container .next,
 .section-benefits-animated .swiper-outer-container .prev {
  padding:15px 20px
 }
}
.section-benefits-animated .swiper-outer-container .next:hover,
.section-benefits-animated .swiper-outer-container .prev:hover {
 background-color:#132e6d
}
.section-benefits-animated .swiper-outer-container .next img,
.section-benefits-animated .swiper-outer-container .prev img {
 width:16px
}
.section-benefits-animated .swiper-outer-container .next {
 right:0
}
@media only screen and (min-width: 768px) {
 .section-benefits-animated .swiper-outer-container .next {
  right:calc(33.3% + 30px - 28px)
 }
}
@media only screen and (min-width: 1366px) {
 .section-benefits-animated .swiper-outer-container .next {
  right:calc(33.3% + 50px - 28px)
 }
}
.section-benefits-animated .swiper-outer-container .prev {
 left:0
}
@media only screen and (min-width: 768px) {
 .section-benefits-animated .swiper-outer-container .prev {
  left:calc(33.3% + 30px - 28px)
 }
}
@media only screen and (min-width: 1366px) {
 .section-benefits-animated .swiper-outer-container .prev {
  left:calc(33.3% + 50px - 28px)
 }
}
.section-benefits-animated .swiper-pagination {
 width:100%;
 margin:30px 0;
 display:flex;
 justify-content:center;
 align-items:center
}
@media only screen and (min-width: 992px) {
 .section-benefits-animated .swiper-pagination {
  margin:50px 0
 }
}
.section-benefits-animated .swiper-pagination .swiper-pagination-bullet {
 margin:0 12px;
 transition:0.3s all;
 width:6px;
 height:6px
}
.section-benefits-animated .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
 background-color:#09235E;
 width:15px;
 height:15px
}
.section-benefits-animated .swiper-slide {
 background-color:#fff;
 opacity:0.5;
 transform:scale(0.7);
 transition:0.3s all
}
.section-benefits-animated .swiper-slide.swiper-slide-active {
 opacity:1;
 transform:scale(1)
}
.section-benefits-animated .swiper-slide a {
 display:block;
 transition:0.3s all
}
@media only screen and (min-width: 992px) {
 .section-benefits-animated .swiper-slide a {
  padding:0 30px
 }
}
.section-benefits-animated .swiper-slide a:hover {
 transform:scale(1.05)
}
.section-benefits-animated .swiper-slide a:focus {
 outline:0 !important
}
.section-benefits-animated .swiper-slide a img {
 width:100%
}
.section-benefits-animated .swiper-slide a p {
 font-size:18px;
 line-height:24px;
 margin-bottom:40px;
 margin-top:-15px;
 padding-bottom:20px
}
@media only screen and (min-width: 768px) {
 .section-benefits-animated .swiper-slide a p {
  font-size:20px
 }
}
.benefit-modal {
 display:none;
 width:95%;
 max-width:1400px
}
@media only screen and (min-width: 992px) {
 .benefit-modal {
  max-height:900px;
  height:90%
 }
}
.benefit-modal .benefit-modal--detail {
 display:flex;
 flex-direction:column-reverse;
 background-color:#fff
}
@media only screen and (min-width: 480px) {
 .benefit-modal .benefit-modal--detail {
  flex-direction:row;
  height:100%
 }
}
.benefit-modal .benefit-modal--detail .benefit-modal--diagram {
 background-color:#fff;
 order:2;
 padding-top:40px
}
@media only screen and (min-width: 480px) {
 .benefit-modal .benefit-modal--detail .benefit-modal--diagram {
  width:50%;
  order:1;
  display:flex;
  flex-direction:column;
  justify-content:center
 }
}
.benefit-modal .benefit-modal--detail .benefit-modal--diagram img {
 width:100%;
 height:auto;
 flex-shrink:0
}
.benefit-modal .benefit-modal--detail .benefit-modal--copy {
 background-color:#efefef;
 order:1;
 padding:20px
}
@media only screen and (min-width: 480px) {
 .benefit-modal .benefit-modal--detail .benefit-modal--copy {
  width:50%;
  order:2;
  padding:60px;
  display:flex;
  flex-direction:column;
  justify-content:center
 }
}
.benefit-modal .benefit-modal--detail .benefit-modal--copy h3 {
 font-size:34px;
 color:#484848;
 line-height:42px
}
.benefit-modal .benefit-modal--detail .benefit-modal--copy hr.seperator {
 width:80px;
 margin:18px 0 30px;
 border-top-width:4px
}
.benefit-modal .fancybox-close-small {
 border:2px solid #1b4098;
 top:15px;
 right:15px;
 height:40px;
 width:40px;
 display:flex;
 background-image:url(../img/icon-close--blue.svg);
 background-size:15px 15px;
 background-repeat:no-repeat;
 background-position:50% 50%
}
@media only screen and (min-width: 480px) {
 .benefit-modal .fancybox-close-small {
  top:24px;
  right:24px;
  height:60px;
  width:60px;
  background-size:25px 25px;
  border-width:3px
 }
}
.benefit-modal .fancybox-close-small:after,
.benefit-modal .fancybox-close-small:before {
 display:none
}
.swiper-outer-container {
 position:relative;
 margin:0 -30px;
 text-align:center
}
.swiper-outer-container .swiper-container {
 width:100%;
 padding:0 30px;
 box-sizing:border-box
}
.swiper-outer-container .prev,
.swiper-outer-container .next {
 width:33px;
 height:47px;
 background-image:url(../img/icon-prev.png);
 background-size:cover;
 margin-left:10px;
 margin-right:10px
}
.swiper-outer-container .next {
 transform:rotate(180deg)
}
@media only screen and (min-width: 768px) {
 .swiper-outer-container {
  padding:30px 0
 }
 .swiper-outer-container.single .prev,
 .swiper-outer-container.single .next {
  display:none
 }
 .swiper-outer-container .prev,
 .swiper-outer-container .next {
  position:absolute;
  top:50%;
  margin-left:0;
  margin-right:0
 }
 .swiper-outer-container .prev {
  left:-66px;
  transform:translateY(-50%)
 }
 .swiper-outer-container .next {
  right:-66px;
  transform:translateY(-50%) rotate(180deg)
 }
}
.swiper-wrapper {
 height:auto
}
.swiper-slide {
 height:auto
}
.section-acc {
 padding:40px 30px 30px;
 text-align:center;
 background-size:0 0
}
.section-acc .large-title,
.section-acc p {
 margin-bottom:30px;
 color:#5d4b47
}
@media only screen and (max-width: 768px) {
 .section-acc .main p {
  font-family:"ClanComp-Book", sans-serif
 }
}
@media only screen and (max-width: 768px) {
 .section-acc .main p.first {
  font-family:"ClanComp-Medium", sans-serif
 }
}
.section-acc ul {
 display:none;
 color:#5d4b47;
 margin-bottom:30px
}
.section-acc ul li {
 margin-bottom:5px;
 font-weight:bold
}
@media only screen and (min-width: 768px) {
 .section-acc {
  padding:100px 0;
  text-align:left;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center
 }
 .section-acc .container {
  display:flex;
  justify-content:flex-end
 }
 .section-acc .large-title {
  text-align:left
 }
 .section-acc ul {
  display:block
 }
 .section-acc .main {
  width:50%
 }
}
.section-downloads .large-title {
 text-align:center;
 padding:60px 0 30px
}
.section-downloads .view-more-copy {
 text-align:center
}
.section-downloads .view-more-copy p {
 padding:0 20px;
 margin-bottom:30px
}
.section-downloads ul.download-nav {
 display:none
}
.section-downloads .main {
 display:none
}
.section-downloads .items-container {
 display:none
}
@media only screen and (max-width: 768px) {
 .section-downloads .large-title {
  padding-top:30px
 }
}
@media only screen and (min-width: 992px) {
 .section-downloads {
  background:#fff
 }
 .section-downloads .large-title {
  padding-bottom:60px
 }
 .section-downloads .view-more-copy {
  display:none
 }
 .section-downloads ul.download-nav {
  display:flex;
  align-items:stretch;
  justify-content:center;
  border-bottom:1px solid #555;
  padding:0 100px
 }
 .section-downloads ul.download-nav li {
  padding:10px 15px;
  margin:0 10px;
  color:#67686d;
  text-align:center;
  cursor:pointer
 }
 .section-downloads ul.download-nav li:hover {
  color:#1a1a1d
 }
 .section-downloads ul.download-nav li.active {
  border-bottom:3px solid #1b4098
 }
 .section-downloads .main {
  margin-top:30px;
  display:flex;
  justify-content:space-between
 }
 .section-downloads .main .left {
  position:relative;
  width:50%;
  background-color:#3b4a56;
  color:#fff
 }
 .section-downloads .main .left:before {
  content:"";
  position:absolute;
  top:0;
  right:100%;
  bottom:0;
  left:-999px;
  background-color:#3b4a56
 }
 .section-downloads .main .copy-container {
  min-height:620px;
  padding-top:160px;
  padding-right:290px;
  text-align:right
 }
 .section-downloads .main .copy-container h5 {
  font-size:16px;
  text-transform:uppercase;
  color:#fff
 }
 .section-downloads .main .copy-container hr {
  width:50px;
  height:1px;
  margin:10px 0 40px calc(100% - 50px);
  background-color:#fff
 }
 .section-downloads .main .copy-container h4 {
  margin-bottom:40px;
  font-size:24px;
  line-height:30px;
  color:#fff
 }
 .section-downloads .main .copy-container p {
  color:#b1b7bb;
  margin-bottom:40px;
  line-height:26px;
  font-family:"proxima-nova-soft", sans-serif
 }
 .section-downloads .main .copy-container button {
  display:inline-block
 }
 .section-downloads .main .copy-container .btn-primary {
  display:block;
  text-align:left;
  margin:0 0 10px
 }
 .section-downloads .main .large-image {
  position:absolute;
  right:-106px;
  top:50px;
  max-width:360px;
  box-shadow:10px 10px 30px rgba(0,0,0,0.5)
 }
 .section-downloads .main .right {
  width:50%;
  padding:61px 0 0 140px;
  box-sizing:border-box
 }
 .section-downloads .main--video {
  min-height:580px
 }
 .section-downloads .main--video .large-image {
  top:50%;
  transform:translateY(-50%);
  max-width:none;
  width:calc(100% + 106px);
  max-height:80%
 }
 .section-downloads .main--video article.download {
  width:100%;
  height:160px;
  min-height:160px;
  margin-left:0
 }
 .section-downloads .main--video article.download .image {
  width:100%;
  height:100px
 }
 .section-downloads .swiper-container {
  display:block;
  width:100%;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:60px
 }
 .section-downloads .article.download {
  text-align:center;
  font-size:18px;
  background:#fff;
  height:200px;
  display:flex;
  justify-content:center;
  align-items:center
 }
 .section-downloads .pagination-container {
  position:relative;
  z-index:1000;
  padding:0 60px 0 27px;
  display:flex;
  align-items:center;
  justify-content:space-between
 }
 .section-downloads .pagination-container .swiper-button-next,
 .section-downloads .pagination-container .swiper-button-prev {
  position:static;
  top:auto;
  right:auto;
  background-image:url(../img/icon-arrow-right-gray.svg);
  background-size:contain;
  background-repeat:no-repeat;
  width:12px;
  height:18px;
  text-indent:-999px;
  margin:0
 }
 .section-downloads .pagination-container .swiper-button-prev {
  transform:rotate(180deg)
 }
 .section-downloads .swiper-pagination {
  position:static;
  width:auto
 }
 .section-downloads .swiper-pagination-bullet {
  width:auto;
  height:auto;
  padding:0 6px;
  color:#484848;
  background-color:transparent;
  border-radius:0;
  opacity:1
 }
 .section-downloads .swiper-pagination-bullet-active {
  color:#007aff
 }
}
ul.plus-icon-list {
 list-style-type:none
}
ul.plus-icon-list li {
 position:relative;
 padding-left:40px
}
ul.plus-icon-list li a {
 color:#1b4098;
 font-family:"ClanComp-Medium";
 display:block;
 line-height:30px
}
ul.plus-icon-list li a .dot {
 height:22px;
 width:22px;
 border-radius:100px;
 position:absolute;
 left:0;
 z-index:100;
 cursor:pointer;
 line-height:22px;
 text-align:center;
 color:#fff;
 font-size:11px;
 display:block;
 height:30px;
 width:30px;
 line-height:30px;
 font-size:14px;
 background-color:#1b4098
}
ul.plus-icon-list li a .dot:before {
 display:block;
 position:absolute;
 top:50%;
 left:50%;
 content:"";
 width:22px;
 height:22px;
 margin:-11px auto auto -11px;
 transform-origin:50% 50%;
 border-radius:50%;
 background-color:inherit;
 opacity:1;
 z-index:-1;
 pointer-events:none;
 background:#1b4098
}
ul.plus-icon-list li a .dot span {
 display:block;
 pointer-events:none;
 transition:transform 0.3s;
 width:22px;
 height:22px;
 height:30px;
 width:30px
}
ul.plus-icon-list li a .dot span:before {
 position:absolute;
 display:block;
 height:2px;
 width:10px;
 left:6px;
 top:10px;
 content:" ";
 background-color:#fff;
 height:2px;
 width:12px;
 left:9px;
 top:14px
}
ul.plus-icon-list li a .dot span:after {
 position:absolute;
 display:block;
 height:10px;
 width:2px;
 left:10px;
 top:6px;
 content:" ";
 background-color:#fff;
 height:12px;
 width:2px;
 left:14px;
 top:9px
}
ul.plus-icon-list li:hover .dot span {
 transform:rotate(90deg)
}
.section-subscribe {
 text-align:center
}
.narrow.container .section-subscribe {
 margin-bottom:100px
}
.narrow.container .section-subscribe .hbspt-form {
 margin-top:40px
}
.narrow.container .section-subscribe .hbspt-form .hs-fieldtype-select {
 width:48% !important;
 display:inline-block;
 margin-right:4%
}
.narrow.container .section-subscribe .hbspt-form .hs-fieldtype-select li {
 position:relative
}
.narrow.container .section-subscribe .hbspt-form .hs-fieldtype-select li .hs-error-msg {
 position:absolute;
 bottom:0
}
.narrow.container .section-subscribe .hbspt-form .hs-fieldtype-select:nth-child(even) {
 margin-right:0
}
.narrow.container .section-subscribe .hbspt-form .hs-fieldtype-select:nth-child(7) {
 margin-right:0;
 width:100% !important
}
.narrow.container .section-subscribe .hbspt-form .actions {
 text-align:left
}
.narrow.container .section-subscribe .hbspt-form .field {
 text-align:left
}
.narrow.container .section-subscribe .hbspt-form .field .input {
 margin-bottom:30px
}
.narrow.container .section-subscribe .hbspt-form .field .actions {
 text-align:left
}
.narrow.container .section-subscribe .hbspt-form .field textarea {
 height:200px;
 padding:25px;
 font-family:"ClanComp-Medium", sans-serif;
 line-height:40px;
 font-size:16px
}
.narrow.container .section-subscribe .hbspt-form .field select {
 height:auto;
 background-image:url(../img/icon-arrow-down-blue.svg);
 background-size:12px auto;
 padding:10px 20px;
 margin:auto;
 font-family:"ClanComp-Medium", sans-serif;
 line-height:40px;
 font-size:16px;
 background-color:#efefef;
 outline:0;
 border:none;
 resize:none;
 box-sizing:border-box;
 border-radius:0px
}
.narrow.container .section-subscribe .hbspt-form .field>label {
 display:inline-block;
 margin-bottom:10px;
 color:#555
}
.section-subscribe .container {
 padding:30px 20px
}
.section-subscribe .copy {
 margin-bottom:20px;
 border-top:1px solid #efefef
}
.section-subscribe h3 {
 padding-top:30px;
 margin-bottom:10px;
 font-family:"ClanComp-Medium",sans-serif;
 font-size:22px;
 line-height:30px;
 color:#222
}
.section-subscribe p {
 font-family:"ClanComp-News",sans-serif
}
.section-subscribe .fn-show-subscribe {
 display:inline-block;
 margin-top:10px
}
.section-subscribe .form {
 display:none;
 position:relative;
 padding-bottom:100px
}
.section-subscribe input[type="email"],
.section-subscribe input[type="text"],
.section-subscribe input[type="tel"] {
 width:100%;
 height:40px;
 margin:5px 0;
 padding:0 10px;
 font-family:"ClanComp-Medium",sans-serif;
 line-height:40px
}
.section-subscribe label.error {
 font-size:12px;
 display:block;
 color:#b32b2b;
 text-align:left;
 margin:8px 0;
 font-weight:normal
}
.section-subscribe .select-container {
 display:block;
 width:100%;
 padding:8px 15px;
 margin:5px 0;
 font-size:16px;
 outline:0;
 border:1px solid #efefef;
 resize:none;
 box-sizing:border-box;
 text-align:left;
 background-color:#fff;
 background-image:url(../img/select-arrow-blue.jpg);
 background-size:15px auto;
 background-position:95% 50%;
 background-repeat:no-repeat
}
.section-subscribe .select-container select {
 display:block;
 width:100%;
 font-family:"ClanComp-Medium", sans-serif;
 font-size:16px;
 text-align:left;
 border:0;
 box-sizing:border-box;
 background:none;
 -webkit-appearance:none;
 -moz-appearance:none
}
.section-subscribe .select-container select:focus {
 outline:none
}
.section-subscribe .select-container select:hover {
 cursor:pointer
}
.section-subscribe button {
 display:block;
 width:100%;
 margin:0 0 10px 0;
 font-family:"ClanComp-Medium",sans-serif;
 font-size:12px
}
.section-subscribe button.grey {
 background:#c7c1bb;
 color:#fff
}
.section-subscribe .buttons {
 display:flex;
 flex-direction:column-reverse;
 justify-content:center;
 margin-top:30px
}
.section-subscribe .website-field {
 display:none !important
}
.section-subscribe .validation-message {
 width:100%;
 margin-top:5px;
 text-align:center
}
.section-subscribe .validation-message .item {
 display:none;
 padding:15px;
 box-sizing:border-box;
 border-radius:5px;
 font-size:12px;
 color:#fff;
 opacity:0.7
}
.section-subscribe .validation-message .success {
 background-color:green
}
.section-subscribe .validation-message .error {
 background-color:#b32b2b
}
@media only screen and (min-width: 768px) {
 .section-subscribe .container {
  display:block;
  text-align:center;
  margin-top:30px;
  padding:30px 0;
  border-top:1px solid #efefef
 }
 .section-subscribe .copy {
  max-width:550px;
  margin:0 auto 50px;
  border:none
 }
 .section-subscribe h3 {
  padding-top:0;
  font-size:26px;
  line-height:32px
 }
 .section-subscribe .form-items {
  width:100%;
  display:flex;
  justify-content:flex-start;
  margin-bottom:15px
 }
 .section-subscribe .form-items .select-container {
  margin:0 auto
 }
 .section-subscribe input[type="email"],
 .section-subscribe input[type="text"],
 .section-subscribe input[type="tel"] {
  height:auto;
  padding:10px 20px;
  margin:auto
 }
 .section-subscribe .select-container {
  width:calc(33.3% - 10px)
 }
 .section-subscribe .input-container:not(:last-child) {
  width:calc(30% - 10px);
  margin-left:auto;
  margin-right:auto
 }
 .section-subscribe .input-container:last-child {
  width:calc(40% - 10px)
 }
 .section-subscribe .buttons {
  flex-direction:row;
  justify-content:center;
  max-width:60%;
  margin:50px auto
 }
 .section-subscribe .buttons button {
  margin:0 10px
 }
}
.section-subscribe .hbspt-form .field {
 width:100% !important
}
.section-subscribe .hbspt-form .field>label {
 display:none
}
.section-subscribe .hbspt-form .field input {
 width:100% !important
}
.section-subscribe .hbspt-form .field select {
 margin-bottom:15px;
 display:block;
 width:100% !important;
 font-family:"ClanComp-Medium", sans-serif;
 font-size:16px;
 text-align:left;
 padding:8px 15px;
 border:1px solid #efefef;
 box-sizing:border-box;
 background-color:#fff;
 background-image:url(../img/select-arrow-blue.jpg);
 background-size:15px auto;
 background-position:95% 50%;
 background-repeat:no-repeat;
 -webkit-appearance:none;
 -moz-appearance:none
}
.section-subscribe .hbspt-form .field select:focus {
 outline:none
}
.section-subscribe .hbspt-form .field select:hover {
 cursor:pointer
}
.section-subscribe .hbspt-form .field .hs-error-msgs label {
 font-size:12px;
 display:block;
 color:#b32b2b;
 text-align:left;
 margin:8px 0;
 font-weight:normal
}
.section-subscribe .hbspt-form fieldset {
 max-width:none !important;
 margin-bottom:20px
}
@media only screen and (min-width: 768px) {
 .section-subscribe .hbspt-form fieldset {
  display:flex
 }
}
.section-subscribe .hbspt-form .hs_error_rollup label {
 font-size:12px;
 display:block;
 color:#b32b2b;
 margin:8px 0;
 font-weight:normal
}
.section-subscribe .hbspt-form .hs-button {
 width:100%;
 max-width:220px
}
body.home .section-subscribe .hbspt-form li.hs-form-checkbox {
 margin-bottom:4px;
 text-align:left
}
body.home .section-subscribe .hbspt-form li.hs-form-checkbox .hs-input {
 width:auto !important
}
@-webkit-keyframes fadeInUp {
 0% {
  opacity:0.5;
  transform:translateY(40px)
 }
 100% {
  opacity:1;
  transform:translateY(0)
 }
}
@keyframes fadeInUp {
 0% {
  opacity:0.5;
  transform:translateY(40px)
 }
 100% {
  opacity:1;
  transform:translateY(0)
 }
}
.animation-fade-in-up {
 -webkit-animation-name:fadeInUp;
 animation-name:fadeInUp;
 -webkit-animation-duration:0.3s;
 animation-duration:0.3s;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 -webkit-animation-delay:0s;
 animation-delay:0s;
 -webkit-animation-direction:normal;
 animation-direction:normal
}
.cd-top {
 display:inline-block;
 height:40px;
 width:40px;
 position:fixed;
 bottom:40px;
 right:10px;
 box-shadow:0 0 10px rgba(0,0,0,0.05);
 overflow:hidden;
 text-indent:100%;
 white-space:nowrap;
 background:rgba(27,64,152,0.8) url("../img/cd-top-arrow.svg") no-repeat center 50%;
 visibility:hidden;
 opacity:0;
 border-radius:100%;
 transition:opacity 0.3s 0s, visibility 0s 0.3s;
 z-index:9999
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
 transition:opacity 0.3s 0s, visibility 0s 0s
}
.cd-top.cd-is-visible {
 visibility:visible;
 opacity:1
}
.cd-top.cd-fade-out {
 opacity:0.5
}
.no-touch .cd-top:hover {
 background-color:#1b4098;
 opacity:1
}
@media only screen and (min-width: 768px) {
 .cd-top {
  right:20px;
  bottom:20px
 }
}
@media only screen and (min-width: 1024px) {
 .cd-top {
  height:60px;
  width:60px;
  right:30px;
  bottom:30px
 }
}
.vc_carousel-control .icon-prev,
.vc_carousel-control .icon-next {
 color:#fff !important;
 font-size:60px !important
}
#header {
 position:fixed;
 top:0;
 left:0;
 right:0;
 z-index:105;
 height:66px
}
body.show-nav #header #secondary-nav {
 display:block
}
body.show-nav #header #primary-nav {
 display:block
}
body.show-nav #header .btn-menu {
 background-image:url(../img/btn-menu-close.png)
}
body.show-search #header .search-form {
 display:block
}
body.show-search #header .btn-search {
 background-image:url(../img/btn-menu-close.png)
}
@media only screen and (min-width: 992px) {
 #header {
  display:flex;
  flex-flow:column;
  height:auto;
  transition:all 300ms ease-out
 }
 #header.nav-show-primary {
  transform:translateY(-40px);
  transition:all 200ms ease-out
 }
 #header.nav-hidden {
  transform:translateY(-100%);
  transition:all 300ms ease-out
 }
 #header .logo {
  display:none
 }
 #header .btn-menu {
  display:none
 }
}
#top-bar {
 position:relative;
 display:flex;
 justify-content:space-between;
 align-items:center;
 height:100%;
 background-color:#fff
}
#top-bar .btn-menu {
 width:21px;
 height:18px;
 margin:20px;
 background-image:url(../img/btn-menu.png);
 background-size:contain;
 background-repeat:no-repeat;
 text-indent:-9999px
}
#top-bar .logo {
 width:115px;
 height:100%;
 margin:0 auto;
 background-image:url(../img/logo.png);
 background-size:cover;
 background-repeat:no-repeat;
 background-position:center center;
 background-size:contain;
 text-indent:-9999px
}
#top-bar .btn-search {
 width:21px;
 height:18px;
 margin:20px;
 background-image:url(../img/icon-search-blue.png);
 background-size:contain;
 background-repeat:no-repeat;
 text-indent:-9999px
}
#top-bar .search-form {
 display:none;
 position:absolute;
 top:66px;
 left:0;
 right:0;
 background-color:red;
 height:48px
}
#top-bar .search-form form {
 display:flex
}
#top-bar .search-form input[type="text"] {
 width:calc(100% - 40px)
}
#top-bar .search-form .search-icon {
 display:block;
 width:48px;
 height:48px;
 margin-left:0;
 background-color:#898175;
 background-image:url(../img/icon-search.png);
 background-size:20px;
 background-repeat:no-repeat;
 background-position:center center
}
@media only screen and (min-width: 992px) {
 #top-bar {
  display:none
 }
}
#primary-nav {
 display:none;
 background:#fff
}
#primary-nav .logo {
 display:none
}
#primary-nav nav {
 box-sizing:border-box
}
#primary-nav ul.parent-nav {
 border-top:1px solid #dadada
}
#primary-nav ul.parent-nav>li {
 border-bottom:1px solid #dadada
}
#primary-nav ul.parent-nav>li>a {
 display:block;
 height:100%;
 padding:16px 20px;
 box-sizing:border-box;
 font-size:20px;
 font-family:"ClanComp-Bold",sans-serif;
 color:#1b4098;
 background-repeat:no-repeat;
 background-size:cover
}
#primary-nav ul.child-nav,
#primary-nav .drop-down {
 display:none
}
#primary-nav .dd-contain {
 display:none
}
@media only screen and (min-width: 992px) {
 #primary-nav {
  display:block;
  height:83px
 }
 #primary-nav .container {
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:100%
 }
 #primary-nav .logo {
  display:block;
  width:150px;
  height:56px;
  background-image:url(../img/logo.png);
  background-size:cover;
  text-indent:-9999px
 }
 #primary-nav ul.parent-nav {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  border:none
 }
 #primary-nav ul.parent-nav>li {
  border:none
 }
 #primary-nav ul.parent-nav>li>a,
 #primary-nav ul.parent-nav>li.products .dd-contain>a {
  padding:0 17px;
  font-size:14px;
  line-height:83px;
  color:#1b4098;
  background-image:none;
  font-family:"ClanComp-Bold", sans-serif
 }
 #primary-nav ul.parent-nav>li>a:after,
 #primary-nav ul.parent-nav>li.products .dd-contain>a:after {
  content:"";
  position:absolute;
  bottom:12px;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-top:8px solid #fff;
  transition:opacity 0.3s ease-out;
  opacity:0
 }
 #primary-nav ul.parent-nav>li>a:hover:after,
 #primary-nav ul.parent-nav>li.products .dd-contain>a:hover:after {
  opacity:1;
  transition:opacity 0.3s ease-out
 }
 #primary-nav ul.child-nav {
  display:none;
  background-color:#fff;
  position:absolute;
  left:0;
  right:0;
  z-index:1;
  height:60px;
  width:100%;
  justify-content:center;
  align-items:center
 }
 #primary-nav ul.child-nav li {
  position:relative;
  height:60px;
  background-color:transparent;
  border:none;
  font-size:14px
 }
 #primary-nav ul.child-nav li:after {
  display:block;
  content:"|";
  position:absolute;
  top:15px;
  right:-3px;
  opacity:0.2;
  font-family:"ClanComp-Book", sans-serif;
  line-height:30px;
  color:#fff
 }
 #primary-nav ul.child-nav li:last-child:after {
  display:none
 }
 #primary-nav ul.child-nav li a {
  display:block;
  height:100%;
  padding:0 20px;
  line-height:45px;
  color:#fff;
  transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1);
  height:60px;
  line-height:60px;
  background-color:transparent;
  background-image:none
 }
 #primary-nav ul.child-nav li a:hover {
  background-color:rgba(0,0,0,0.2);
  transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
 }
 #primary-nav .drop-down {
  display:block;
  position:absolute;
  left:0;
  right:0;
  height:0;
  opacity:0;
  overflow:hidden;
  background-color:#efefef;
  background-position:center center;
  background-size:cover;
  box-sizing:border-box;
  transition:opacity 100ms linear
 }
 #primary-nav .drop-down .copy {
  height:100%;
  max-width:450px;
  margin-left:80px;
  margin-bottom:25px
 }
 #primary-nav .drop-down h1 {
  margin-bottom:20px;
  font-size:60px;
  color:#fff
 }
 #primary-nav .drop-down p {
  margin-bottom:35px;
  font-size:16px;
  line-height:20px;
  color:#fff
 }
 #primary-nav ul.parent-nav>li.active,
 #primary-nav ul.parent-nav>li:hover {
  transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
 }
 #primary-nav ul.parent-nav>li.active.houses,
 #primary-nav ul.parent-nav>li.houses:hover {
  background-color:#387ac0
 }
 #primary-nav ul.parent-nav>li.active.apartments,
 #primary-nav ul.parent-nav>li.apartments:hover {
  background-color:#d9e2e8
 }
 #primary-nav ul.parent-nav>li.active.apartments>a,
 #primary-nav ul.parent-nav>li.apartments:hover>a {
  color:#000
 }
 #primary-nav ul.parent-nav>li.active.apartments>a:after,
 #primary-nav ul.parent-nav>li.apartments:hover>a:after {
  border-top-color:#000
 }
 #primary-nav ul.parent-nav>li.active.multi,
 #primary-nav ul.parent-nav>li.multi:hover {
  background-color:#516191
 }
 #primary-nav ul.parent-nav>li.active.civil,
 #primary-nav ul.parent-nav>li.civil:hover {
  background-color:#4d4d4d
 }
 #primary-nav ul.parent-nav>li.active.commercial,
 #primary-nav ul.parent-nav>li.commercial:hover {
  background-color:#302c2c
 }
 #primary-nav ul.parent-nav>li.active.products,
 #primary-nav ul.parent-nav>li.products:hover {
  background-color:#1b4098
 }
 #primary-nav ul.parent-nav>li.active>a,
 #primary-nav ul.parent-nav>li:hover>a {
  position:relative;
  color:#fff;
  transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
 }
 #primary-nav ul.parent-nav>li.active ul.child-nav,
 #primary-nav ul.parent-nav>li:hover ul.child-nav {
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:2
 }
 #primary-nav ul.parent-nav>li.active .drop-down,
 #primary-nav ul.parent-nav>li:hover .drop-down {
  height:411px;
  opacity:1;
  transform:scale(1);
  z-index:1;
  transition:opacity 300ms linear
 }
 #primary-nav ul.parent-nav>li:hover ul.child-nav {
  z-index:3
 }
 #primary-nav ul.parent-nav>li.active .drop-down {
  display:none
 }
 #primary-nav li.houses ul.child-nav {
  background-color:#387ac0
 }
 #primary-nav li.houses .drop-down {
  background-image:url(../img/hero-houses.jpg)
 }
 #primary-nav li.apartments ul.child-nav {
  background-color:#d9e2e8
 }
 #primary-nav li.apartments ul.child-nav li:after {
  color:#000
 }
 #primary-nav li.apartments ul.child-nav a {
  color:#0f224c
 }
 #primary-nav li.apartments .drop-down {
  background-image:url(../img/hero-apartments.jpg)
 }
 #primary-nav li.apartments .drop-down h1,
 #primary-nav li.apartments .drop-down p {
  color:#000
 }
 #primary-nav li.multi ul.child-nav {
  background-color:#516191
 }
 #primary-nav li.multi .drop-down {
  background-image:url(../img/hero-multi.jpg)
 }
 #primary-nav li.civil ul.child-nav {
  background-color:#4d4d4d
 }
 #primary-nav li.civil .drop-down {
  background-image:url(../img/hero-civil.jpg)
 }
 #primary-nav li.commercial ul.child-nav {
  background-color:#302c2c
 }
 #primary-nav li.commercial .drop-down {
  background-image:url(../img/hero-commercial.jpg)
 }
 #primary-nav li.products {
  width:95px;
  padding-top:83px
 }
 #primary-nav li.products ul.child-nav {
  background-color:#1b4098
 }
 #primary-nav li.products ul.drop-down-products {
  z-index:5 !important;
  width:auto;
  height:auto !important;
  margin-left:-300px;
  background-color:#1d4270;
  color:#fff;
  flex-direction:column;
  align-items:flex-start
 }
}
@media only screen and (min-width: 992px) and (max-height: 825px) {
 #primary-nav li.products ul.drop-down-products a.item {
  display:flex;
  font-size:13px;
  position:relative
 }
 #primary-nav li.products ul.drop-down-products a.item small {
  display:flex;
  align-items:center;
  align-self:center;
  margin-left:20px;
  font-size:10px;
  position:absolute;
  right:14px;
  top:0;
  width:255px;
  height:48px
 }
}
@media only screen and (min-width: 992px) {
 #primary-nav li.products ul.drop-down-products li {
  width:100%;
  height:auto;
  border-bottom:1px solid #062263
 }
 #primary-nav li.products ul.drop-down-products li:after {
  display:none
 }
 #primary-nav li.products ul.drop-down-products li a {
  display:block;
  width:auto;
  padding:14px 25px;
  font-size:14px;
  line-height:1.3;
  color:#fff
 }
 #primary-nav li.products ul.drop-down-products li a:hover {
  background-color:rgba(0,0,0,0.2);
  transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
 }
 #primary-nav li.products ul.drop-down-products li a small {
  display:block;
  font-family:"ClanComp-Book", sans-serif;
  font-size:12px;
  color:#bdbeda
 }
 #primary-nav li.products .dd-contain {
  display:block;
  position:absolute;
  z-index:5
 }
 #primary-nav li.products .dd-contain>a {
  display:block;
  padding:0 25px;
  margin-top:-83px !important;
  line-height:83px !important;
  font-size:17px
 }
 #primary-nav li.products .dd-contain>a:after {
  top:-20px !important;
  left:58px !important
 }
 #primary-nav li.products .dd-contain ul.drop-down-products {
  display:none
 }
 #primary-nav li.products .dd-contain:hover>a {
  background-color:#1d4270;
  width:75px
 }
 #primary-nav li.products .dd-contain:hover ul.drop-down-products {
  display:flex
 }
 #primary-nav li.products:hover {
  z-index:2
 }
 #primary-nav li.products:hover .dd-contain>a {
  color:#fff !important
 }
 #primary-nav li.products:hover .dd-contain>a:after {
  content:"";
  opacity:1 !important
 }
 #primary-nav li.products:hover:not(.active) ul.child-nav {
  display:none !important
 }
 #primary-nav li.products.active ul.child-nav {
  display:flex
 }
 #primary-nav li.products.active .dd-contain>a {
  color:#fff !important
 }
}
@media only screen and (min-width: 1366px) {
 #primary-nav ul.parent-nav>li>a,
 #primary-nav ul.parent-nav>li.products .dd-contain>a {
  padding:0 20px;
  font-size:17px;
  line-height:83px
 }
 #primary-nav li.products {
  width:115px
 }
}
#secondary-nav {
 display:none
}
#secondary-nav ul li {
 height:45px;
 background-color:#f5f5f5;
 border-bottom:1px solid #d7d7d7
}
#secondary-nav ul li a {
 display:block;
 height:100%;
 padding:0 20px;
 line-height:45px;
 color:#555
}
#secondary-nav ul li.downloads a {
 font-family:"ClanComp-Bold",sans-serif
}
#secondary-nav ul li.search {
 display:none
}
@media only screen and (min-width: 992px) {
 #secondary-nav {
  order:-1;
  display:block;
  background-color:#a49c90;
  height:40px
 }
 #secondary-nav .container {
  height:100%;
  max-width:1160px
 }
 #secondary-nav nav {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  height:100%
 }
 #secondary-nav ul {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  height:100%;
  margin-bottom:0
 }
 #secondary-nav ul li {
  display:flex;
  justify-content:center;
  align-items:center;
  height:100%;
  border-bottom:0;
  background-color:transparent
 }
 #secondary-nav ul li a {
  padding:0 25px;
  font-size:13px;
  line-height:40px;
  color:#fff;
  text-decoration:none;
  background-color:transparent;
  background-image:none;
  box-sizing:border-box;
  transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
 }
 #secondary-nav ul li a:hover {
  background-color:#898175;
  transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
 }
 #secondary-nav ul li.downloads {
  background:#1b4098
 }
 #secondary-nav ul li.downloads a {
  padding:0 25px
 }
 #secondary-nav ul li.downloads a:hover {
  background-color:#09235E
 }
 #secondary-nav ul li.search {
  display:block;
  margin-left:0
 }
 #secondary-nav ul li.search form {
  display:flex;
  width:100%;
  height:100%
 }
 #secondary-nav ul li.search input {
  height:100%;
  padding:8px;
  box-sizing:border-box;
  border:none;
  border-bottom:1px solid #c7c1bb;
  font-size:13px;
  outline:none
 }
 #secondary-nav ul .search-icon {
  display:block;
  width:40px;
  height:40px;
  margin-left:0;
  background-color:#898175;
  background-image:url(../img/icon-search.png);
  background-size:20px;
  background-repeat:no-repeat;
  background-position:center center
 }
}
#sub-nav {
 display:none;
 background-color:#fff;
 height:30px
}
#sub-nav li {
 display:inline-block;
 margin-right:20px
}
@media only screen and (min-width: 992px) {
 #sub-nav {
  display:block
 }
}
#footer {
 position:relative;
 z-index:3;
 padding:30px 20px;
 background-color:#efefef;
 font-size:14px;
 color:#484848
}
#footer .logo {
 width:160px;
 height:60px;
 margin:0 auto;
 background-image:url(../img/logo.png);
 background-size:cover;
 text-indent:-9999px
}
#footer hr {
 margin:30px 0;
 border-color:#c7c1bb
}
#footer h4 {
 text-align:center;
 color:#484848;
 font-size:16px
}
#footer .text-links li {
 border-top:1px solid #c7c1bb;
 padding:20px 10px;
 font-size:14px;
 background-image:url(../img/icon-arrow-next.jpg);
 background-position:right 20px center;
 background-repeat:no-repeat
}
#footer .application-links {
 display:none
}
#footer .contact-links {
 display:flex;
 justify-content:center;
 align-items:center;
 margin-bottom:30px
}
#footer .contact-links .desktop {
 display:none
}
#footer .contact-links li {
 margin:0 8px
}
#footer .contact-links a {
 display:block;
 min-width:120px;
 padding:15px;
 background-color:#1b4098;
 color:#fff;
 text-transform:uppercase;
 box-sizing:border-box;
 text-align:center
}
@media only screen and (min-width: 992px) {
 #footer .contact-links li {
  margin:0 15px
 }
 #footer .contact-links a {
  padding:20px 35px;
  text-align:left
 }
}
#footer ul.social-links {
 display:flex;
 justify-content:center;
 margin-bottom:30px
}
#footer ul.social-links li {
 width:40px;
 height:40px;
 margin:0 1px;
 background-color:#fff;
 background-position:center center;
 background-repeat:no-repeat;
 background-size:auto 20px
}
#footer ul.social-links a {
 display:block;
 width:100%;
 height:100%;
 text-indent:-9999px;
 box-sizing:border-box
}
#footer ul.social-links a:hover {
 border:2px solid #555
}
#footer .product-links h4 {
 display:none
}
#footer .product-links li {
 display:none
}
#footer .product-links li.mobile {
 display:block
}
#footer .application-links h4 {
 display:none
}
#footer .quick-links h4 {
 display:none
}
#footer .quick-links li {
 display:none
}
#footer .quick-links li.mobile {
 display:block
}
@media only screen and (min-width: 992px) {
 #footer {
  padding:60px 0 100px 0;
  color:#484848;
  font-size:14px
 }
 #footer .logo {
  width:220px;
  height:80px;
  margin:0;
  background-image:url(../img/logo.png);
  background-size:cover;
  text-indent:-9999px
 }
 #footer hr {
  margin:40px 0;
  border-color:#c7c1bb
 }
 #footer h4 {
  display:block;
  text-align:left;
  font-weight:bold;
  margin-bottom:25px
 }
 #footer .links-container {
  display:flex;
  justify-content:space-between
 }
 #footer .links-container a {
  color:#484848
 }
 #footer .text-links li {
  padding:0 0 0 15px;
  margin-bottom:20px;
  border:none;
  font-size:14px;
  line-height:18px;
  background-image:url(../img/bullet-arrow.png);
  background-repeat:no-repeat;
  background-position:left center
 }
 #footer .text-links a {
  color:#484848
 }
 #footer .text-links a:hover {
  color:#000
 }
 #footer .product-links {
  flex-grow:2;
  order:1
 }
 #footer .product-links h4 {
  display:block
 }
 #footer .product-links .flex-wrapper {
  display:flex;
  justify-content:flex-start
 }
 #footer .product-links .flex-wrapper>ul {
  margin-right:70px
 }
 #footer .product-links li {
  display:block
 }
 #footer .product-links .mobile {
  display:none
 }
 #footer .application-links {
  display:block;
  flex-grow:2;
  order:2
 }
 #footer .application-links h4 {
  display:block
 }
 #footer .quick-links {
  flex-grow:2;
  order:3
 }
 #footer .quick-links h4 {
  display:block
 }
 #footer .contact {
  flex-grow:1;
  order:6
 }
 #footer ul.contact-links {
  display:block;
  margin-bottom:55px
 }
 #footer ul.contact-links li {
  padding-left:20px;
  margin:0 0 20px 0;
  background-repeat:no-repeat;
  background-position:left  center
 }
 #footer ul.contact-links a {
  padding:0;
  background-color:transparent;
  text-transform:none
 }
 #footer ul.contact-links .mobile {
  display:none
 }
 #footer ul.contact-links .desktop {
  display:block
 }
 #footer ul.social-links {
  justify-content:flex-start
 }
 #footer ul.social-links li {
  margin:0 10px 0 0
 }
}
#bottom-bar {
 position:relative;
 z-index:3;
 background:#c7c1bb
}
#bottom-bar .container {
 display:flex;
 justify-content:center;
 align-items:center
}
#bottom-bar .logo-csr {
 width:50px;
 height:50px;
 margin:15px 15px 15px 0;
 text-indent:-9999px;
 background-size:cover
}
#bottom-bar p,
#bottom-bar a {
 color:#fff
}
#bottom-bar p {
 margin-bottom:0;
 font-size:12px
}
@media only screen and (min-width: 992px) {
 #bottom-bar .container {
  justify-content:flex-start
 }
 #bottom-bar p {
  font-size:14px
 }
}
section[id^="segment"] {
 padding:30px 0
}
@media only screen and (min-width: 768px) {
 section[id^="segment"] {
  padding:50px 0
 }
}
#segment-hero {
 position:relative;
 padding-bottom:0;
 box-sizing:border-box;
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center center
}
#segment-hero>.container {
 position:relative;
 z-index:1
}
#segment-hero .copy {
 height:100%;
 max-width:75%;
 padding:50px 20px;
 box-sizing:border-box;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:flex-start
}
#segment-hero h1 {
 margin-bottom:20px;
 font-size:35px;
 color:#fff;
 width:100%
}
#segment-hero svg {
 height:4.484px;
 max-width:100%
}
#segment-hero p {
 font-size:13px;
 line-height:20px;
 font-family:"proxima-nova-soft",sans-serif;
 color:#fff;
 font-weight:500;
 width:100%
}
body.page-apartments #segment-hero h1 {
 color:#fff
}
body.page-apartments #segment-hero p {
 color:#fff
}
body.page-apartments #segment-hero svg rect {
 opacity:1 !important
}
body.page-apartments #segment-hero svg rect:first-child {
 fill:#4285c5 !important
}
@media only screen and (min-width: 768px) {
 body.page-apartments #segment-hero h1 {
  color:#0f224c;
  font-size:60px
 }
 body.page-apartments #segment-hero p {
  color:#10224c
 }
}
#segment-hero .bg {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background-size:cover;
 background-repeat:no-repeat;
 background-position:center center
}
#segment-hero .bg.mobile {
 display:block
}
#segment-hero .bg.desktop {
 display:none
}
@media only screen and (min-width: 768px) {
 #segment-hero {
  min-height:300px;
  padding-top:30px
 }
 #segment-hero .bg.mobile {
  display:none
 }
 #segment-hero .bg.desktop {
  display:block
 }
}
@media only screen and (min-width: 992px) {
 #segment-hero {
  min-height:410px;
  margin-top:10px
 }
 #segment-hero .copy {
  max-width:550px
 }
 #segment-hero h1 {
  font-size:106px;
  font-size:60px
 }
 #segment-hero p {
  margin-bottom:35px;
  font-size:20px;
  line-height:24px
 }
}
body.page-houses #segment-hero h1,
body.page-houses #segment-hero p {
 color:#0f224c
}
body.page-houses #segment-hero #svg-seperator-hero .rect {
 fill:#387ac0 !important
}
body.page-houses #segment-hero #svg-seperator-hero .line {
 opacity:0.8 !important
}
#segment-share {
 background:#edf2f6
}
#segment-share .btn-share {
 background-color:#d7e0ed
}
#segment-feature-benefit {
 background:#edf2f6
}
#segment-feature-benefit .intro-text {
 margin:0 30px 30px;
 padding-top:0;
 padding-bottom:0
}
#segment-feature-benefit .intro-text hr {
 border:0;
 background-color:#4f6fa3
}
#segment-feature-benefit .intro-text p {
 font-family:"ClanComp-News",sans-serif;
 font-size:14px;
 line-height:20px;
 color:#555
}
#segment-feature-benefit .intro-text .intro-with-brochure {
 margin:0 auto 45px auto;
 display:flex;
 flex-direction:column
}
@media only screen and (min-width: 480px) {
 #segment-feature-benefit .intro-text .intro-with-brochure {
  flex-direction:row
 }
}
#segment-feature-benefit .intro-text .intro-with-brochure strong {
 font-family:"ClanComp-Medium",sans-serif
}
#segment-feature-benefit .intro-text .intro-with-brochure .col-1,
#segment-feature-benefit .intro-text .intro-with-brochure .col-2 {
 text-align:left;
 width:100%
}
@media only screen and (min-width: 480px) {
 #segment-feature-benefit .intro-text .intro-with-brochure .col-1,
 #segment-feature-benefit .intro-text .intro-with-brochure .col-2 {
  width:50%
 }
}
#segment-feature-benefit .intro-text .intro-with-brochure .col-1 {
 padding-right:60px
}
#segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container {
 background-color:#DAE2E6;
 display:flex
}
#segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-1,
#segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-2 {
 width:50%;
 padding:30px 0 30px 30px
}
@media only screen and (min-width: 1366px) {
 #segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-1,
 #segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-2 {
  padding:60px 0 60px 60px
 }
}
#segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-1 h3,
#segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-2 h3 {
 font-size:16px;
 line-height:18px;
 text-transform:uppercase;
 margin:0;
 padding:0
}
#segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-1 hr,
#segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-2 hr {
 width:60px;
 height:2px;
 margin:15px 0 15px 0
}
@media only screen and (min-width: 992px) {
 #segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-1 hr,
 #segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-2 hr {
  margin:15px 0 45px 0
 }
}
#segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-1 p strong,
#segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-2 p strong {
 display:block;
 color:#1b4098;
 margin:15px auto 45px;
 font-size:16px
}
@media only screen and (min-width: 992px) {
 #segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-1 p strong,
 #segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-2 p strong {
  font-size:24px
 }
}
#segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-1 .btn-secondary,
#segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-1 .section-subscribe .hbspt-form .hs-button,
.section-subscribe .hbspt-form #segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-1 .hs-button,
#segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-2 .btn-secondary,
#segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-2 .section-subscribe .hbspt-form .hs-button,
.section-subscribe .hbspt-form #segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-2 .hs-button {
 padding:15px;
 font-size:14px;
 padding:10px 15px 5px 15px
}
@media only screen and (min-width: 992px) {
 #segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-1 .btn-secondary,
 #segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-1 .section-subscribe .hbspt-form .hs-button,
 .section-subscribe .hbspt-form #segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-1 .hs-button,
 #segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-2 .btn-secondary,
 #segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-2 .section-subscribe .hbspt-form .hs-button,
 .section-subscribe .hbspt-form #segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-2 .hs-button {
  padding:15px 30px
 }
}
#segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-2 {
 padding:30px
}
#segment-feature-benefit .intro-text .intro-with-brochure .col-2 .brochure-container .col-2 img {
 width:100%;
 height:auto;
 display:block;
 box-shadow:5px 5px 5px rgba(0,0,0,0.2)
}
#segment-feature-benefit .intro-text .intro-with-video {
 margin:0 auto 45px auto;
 display:flex;
 flex-direction:column
}
@media only screen and (min-width: 480px) {
 #segment-feature-benefit .intro-text .intro-with-video {
  flex-direction:row
 }
}
#segment-feature-benefit .intro-text .intro-with-video strong {
 font-family:"ClanComp-Medium",sans-serif
}
#segment-feature-benefit .intro-text .intro-with-video .col-1,
#segment-feature-benefit .intro-text .intro-with-video .col-2 {
 text-align:left;
 width:100%
}
@media only screen and (min-width: 480px) {
 #segment-feature-benefit .intro-text .intro-with-video .col-1,
 #segment-feature-benefit .intro-text .intro-with-video .col-2 {
  width:50%
 }
}
#segment-feature-benefit .intro-text .intro-with-video .col-1 {
 padding-right:60px
}
#segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container {
 background-color:#DAE2E6;
 display:flex;
 justify-content:space-between;
 flex-wrap:wrap;
 padding:30px 30px 0 30px
}
#segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container>* {
 margin:0 0 30px 0;
 min-width:0
}
#segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container h3 {
 font-size:16px;
 line-height:18px;
 text-transform:uppercase;
 margin-bottom:10px;
 width:100%;
 padding:0
}
#segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container h3 .new {
 color:#950707;
 font-size:130%;
 padding:0
}
@media only screen and (min-width: 992px) {
 #segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container h3 .new {
  padding:0
 }
}
#segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-1,
#segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-2 {
 flex-grow:0;
 flex-shrink:0;
 flex-basis:100%;
 padding:0
}
#segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-1 hr,
#segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-2 hr {
 width:60px;
 height:2px;
 margin:15px 0 15px 0
}
@media only screen and (min-width: 992px) {
 #segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-1 hr,
 #segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-2 hr {
  margin:15px 0
 }
}
#segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-1 p strong,
#segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-2 p strong {
 display:block;
 color:#1b4098;
 margin:15px auto 15px;
 font-size:16px
}
@media only screen and (min-width: 992px) {
 #segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-1 p strong,
 #segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-2 p strong {
  font-size:22px
 }
}
#segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-1 .btn-secondary,
#segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-1 .section-subscribe .hbspt-form .hs-button,
.section-subscribe .hbspt-form #segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-1 .hs-button,
#segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-2 .btn-secondary,
#segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-2 .section-subscribe .hbspt-form .hs-button,
.section-subscribe .hbspt-form #segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-2 .hs-button {
 padding:15px;
 font-size:14px;
 padding:10px 15px 5px 15px
}
@media only screen and (min-width: 992px) {
 #segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-1 .btn-secondary,
 #segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-1 .section-subscribe .hbspt-form .hs-button,
 .section-subscribe .hbspt-form #segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-1 .hs-button,
 #segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-2 .btn-secondary,
 #segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-2 .section-subscribe .hbspt-form .hs-button,
 .section-subscribe .hbspt-form #segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-2 .hs-button {
  padding:15px 30px
 }
}
#segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-2 img {
 width:100%;
 height:auto;
 display:block;
 box-shadow:5px 5px 5px rgba(0,0,0,0.2)
}
@media (min-width: 768px) {
 #segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-1,
 #segment-feature-benefit .intro-text .intro-with-video .col-2 .brochure-container .col-2 {
  flex-basis:calc( 50% - 15px)
 }
}
#segment-feature-benefit h3 {
 padding:0 0 30px
}
#segment-feature-benefit .leadin {
 text-align:center;
 font-family:"ClanComp-News",sans-serif
}
#segment-feature-benefit .benefits-container {
 padding:0
}
@media only screen and (min-width: 992px) {
 #segment-feature-benefit .intro-text {
  margin:0 auto;
  padding-bottom:60px
 }
 #segment-feature-benefit .intro-text p {
  font-size:16px;
  line-height:28px
 }
}
#segment-applications table {
 margin-bottom:0
}
#segment-applications .tabs-container .content {
 background-color:#f5f5f5
}
#segment-applications .tabs-container .content p,
#segment-applications .tabs-container .content h2,
#segment-applications .tabs-container .content h3,
#segment-applications .tabs-container .content h4,
#segment-applications .tabs-container .content h5 {
 color:#000
}
#segment-applications .popup .swiper-container {
 max-height:90vh
}
#segment-applications .popup .swiper-slide {
 height:85vh;
 overflow-y:auto
}
@media only screen and (min-width: 768px) {
 #segment-applications {
  display:flex;
  flex-direction:column;
  justify-content:center
 }
 #segment-applications .tabs-container {
  background-color:#f5f5f5
 }
 #segment-applications .popup .swiper-slide {
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  align-items:center
 }
}
#segment-stories h3 small {
 display:block;
 margin:15px auto;
 font-size:18px;
 font-family:"ClanComp-Medium",sans-serif;
 text-align:center;
 color:#9d9d9d
}
#segment-stories .swiper-outer-container,
#segment-stories .swiper-container {
 padding:0
}
#segment-stories .swiper-wrapper {
 margin:0 0 30px
}
@media only screen and (max-width: 991px) {
 #segment-stories h3 .small {
  font-size:14px
 }
 #segment-stories h4 {
  font-size:18px;
  line-height:26px
 }
 #segment-stories h4 small {
  font-size:18px;
  line-height:26px
 }
 #segment-stories .image img {
  visibility:hidden;
  display:none
 }
 #segment-stories .image:after {
  display:block;
  content:'';
  padding-top:67%
 }
}
@media only screen and (min-width: 992px) {
 #segment-stories .swiper-wrapper {
  padding:30px 60px
 }
 #segment-stories .swiper-slide:not(.testimonial) {
  overflow:hidden;
  transform:scale(1) translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1);
  cursor:pointer
 }
 #segment-stories .swiper-slide:not(.testimonial):hover {
  box-shadow:0 8px 6px -6px rgba(0,0,0,0.5);
  transform:scale(1.04);
  transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
 }
}
@media only screen and (min-width: 992px) {
 #segment-stories {
  background-color:#efefef
 }
 #segment-stories .items-container {
  display:flex;
  justify-content:space-between
 }
 #segment-stories .swiper-wrapper {
  margin-bottom:0
 }
}
#segment-gallery {
 display:none;
 margin-bottom:-74px;
 position:relative
}
body.page-houses #segment-gallery {
 display:block
}
#segment-gallery .inspire {
 width:100%;
 padding:20px;
 box-sizing:border-box
}
#segment-gallery .inspire .hero {
 width:100%;
 height:217px;
 background-color:#fff
}
#segment-gallery .inspire .hero .image {
 width:100%;
 height:100%;
 background-size:cover;
 background-position:center center
}
#segment-gallery .inspire .info {
 height:auto;
 padding:15px 20px;
 margin-top:125px;
 background-color:#efefef
}
#segment-gallery .inspire .info h4 {
 font-size:18px;
 font-weight:700
}
#segment-gallery .inspire .info h4 small {
 display:block;
 margin-top:10px;
 font-size:14px;
 font-weight:normal
}
#segment-gallery .inspire .info h4 .builder-link small {
 position:relative;
 display:inline-block;
 padding-right:35px
}
#segment-gallery .inspire .info h4 .builder-link small:after {
 content:'';
 position:absolute;
 top:40%;
 right:20px;
 transform:translateY(-50%);
 width:8px;
 height:12px;
 background-image:url(../img/icon-arrow-right-gray.svg);
 background-repeat:no-repeat;
 background-size:cover;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
#segment-gallery .inspire .info h4 .builder-link small:hover {
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1);
 background-position:right 15px center
}
#segment-gallery .inspire .info h4 .builder-link small:hover:after {
 right:16px;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
#segment-gallery .inspire .info hr {
 display:none
}
#segment-gallery .inspire .info p {
 display:none
}
#segment-gallery .inspire .info a {
 margin-bottom:10px
}
#segment-gallery .swiper-scrollbar {
 display:none
}
#segment-gallery .gallery-thumbs {
 bottom:340px;
 padding:17px 0;
 box-sizing:border-box
}
#segment-gallery .gallery-thumbs .swiper-slide {
 position:relative;
 cursor:pointer
}
#segment-gallery .gallery-thumbs .swiper-slide .image {
 width:100%;
 padding-top:65%;
 background-size:cover;
 background-position:center
}
#segment-gallery .gallery-thumbs .swiper-slide-active {
 margin-top:-4px;
 box-shadow:0 0 20px 0 rgba(0,0,0,0.5);
 border:4px solid #fff;
 box-sizing:border-box
}
#segment-gallery .gallery-thumbs .swiper-slide-active .image {
 padding-top:68%
}
@media only screen and (min-width: 768px) {
 #segment-gallery {
  margin-bottom:auto
 }
 #segment-gallery .inspire {
  display:flex;
  justify-content:space-between;
  height:100%
 }
 #segment-gallery .inspire .hero {
  width:70%;
  height:auto;
  margin-right:25px;
  background-color:#fff
 }
 #segment-gallery .inspire .info {
  width:30%;
  height:auto;
  margin:0;
  padding:60px 30px
 }
 #segment-gallery .inspire .info h4 {
  margin-bottom:30px;
  font-size:24px;
  font-weight:700
 }
 #segment-gallery .inspire .info h4 small {
  font-size:16px
 }
 #segment-gallery .inspire .info hr {
  display:block;
  margin-left:0;
  background-color:#222
 }
 #segment-gallery .inspire .info p {
  display:block;
  margin-bottom:30px
 }
 #segment-gallery .inspire .info a {
  display:inline-block;
  margin-bottom:30px
 }
 #segment-gallery .swiper-scrollbar {
  display:block;
  width:1200px;
  height:4px;
  margin:4px auto 30px;
  background-color:#efefef
 }
 #segment-gallery .swiper-scrollbar .swiper-scrollbar-drag {
  top:-2px;
  height:8px;
  background-color:#1b4098;
  cursor:pointer
 }
 #segment-gallery .gallery-thumbs {
  position:static;
  margin-top:20px;
  padding:20px 0;
  box-sizing:border-box
 }
 #segment-gallery .gallery-thumbs .swiper-slide-active {
  margin-top:-6px
 }
}
#segment-coatings {
 text-align:center;
 background:#e8ebf4
}
#segment-coatings h2 {
 margin-bottom:30px;
 color:#1b4098
}
#segment-coatings p {
 margin-bottom:30px;
 color:#6b7790
}
#segment-faq {
 background-color:#f8f9fa
}
#segment-faq h3 {
 color:#4285c5
}
#segment-faq hr {
 background-color:#499ffb
}
#segment-faq .view-more-copy {
 text-align:center
}
#segment-faq .view-more-copy p {
 padding:0 20px;
 margin-bottom:30px
}
#segment-faq .view-more-copy .btn-primary {
 display:none
}
#segment-faq .items-container {
 display:block;
 margin:0 20px 20px;
 border-bottom:1px solid #b5cae0
}
#segment-faq .show-more,
#segment-faq .show-less {
 float:right
}
@media only screen and (min-width: 992px) {
 #segment-faq {
  background:#e8ebf4
 }
 #segment-faq .items-container {
  margin:0 0 20px
 }
}
#segment-products {
 padding:30px 0
}
#segment-products .items-container {
 margin:0
}
#segment-products .items-container .swiper-container {
 padding:0
}
#segment-products .items-container .swiper-wrapper {
 display:block
}
#segment-products .items-container .swiper-slide {
 height:auto
}
@media only screen and (min-width: 992px) {
 #segment-products {
  padding:90px 0
 }
 #segment-products h3 {
  max-width:70%;
  margin:auto
 }
 #segment-products .items-container {
  margin:0
 }
 #segment-products .items-container .swiper-wrapper {
  display:flex
 }
 #segment-products .items-container .swiper-container {
  padding:20px 10px
 }
 #segment-products .items-container .swiper-slide {
  transform:scale(1) translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
 }
 #segment-products .items-container .swiper-slide:hover {
  box-shadow:0 8px 6px -6px rgba(0,0,0,0.5);
  transform:scale(1.04);
  transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
 }
 #segment-products .items-container.items-count-2 {
  max-width:700px;
  margin:auto
 }
 #segment-products .items-container.items-count-2 .swiper-container {
  padding-left:0;
  padding-right:0
 }
 #segment-products .items-container.items-count-2 .product .image {
  height:220px
 }
}
#segment-installing {
 padding:0
}
#segment-installing .copy {
 background-color:#f39003
}
#segment-installing h3 {
 color:#fff;
 font-family:"ClanComp-Book",sans-serif
}
@media only screen and (max-width: 767px) {
 #segment-installing {
  width:auto;
  background-size:100% auto;
  background-position:0 0
 }
 #segment-installing:before {
  content:' ';
  display:block;
  padding-top:50%
 }
 #segment-installing .copy {
  width:100%;
  padding:30px 0
 }
 #segment-installing h3 {
  font-size:35px;
  text-align:center
 }
 #segment-installing a {
  margin:auto;
  display:block;
  max-width:40%
 }
}
@media only screen and (min-width: 768px) {
 #segment-installing .copy {
  background-color:#f39003
 }
 #segment-installing .copy:before {
  background-color:#f39003
 }
 #segment-installing .copy p {
  padding:20px 0 30px
 }
}
#proven-in-market {
 padding:30px;
 text-align:center
}
#proven-in-market .swiper-outer-container .swiper-container {
 margin:0 0 40px;
 padding:0 90px
}
@media only screen and (min-width: 992px) {
 #proven-in-market .swiper-outer-container .swiper-container {
  margin:0
 }
}
#proven-in-market p {
 font-family:"ClanComp-Book",sans-serif
}
#proven-in-market .items {
 display:flex;
 justify-content:space-between;
 align-items:center
}
#proven-in-market .item {
 position:relative;
 display:block;
 max-height:100px;
 background-position:center center;
 background-size:contain;
 background-repeat:no-repeat;
 opacity:0.2
}
#proven-in-market .item:before {
 content:'';
 display:block;
 padding-top:100%
}
#proven-in-market .prev,
#proven-in-market .next {
 margin-top:0
}
@media only screen and (min-width: 768px) {
 #proven-in-market {
  padding:60px 0
 }
}
#segment-find-a-supplier {
 display:none;
 background-color:#1b4098;
 text-align:center
}
@media only screen and (min-width: 1366px) {
 #segment-find-a-supplier {
  padding:120px 0
 }
}
#segment-find-a-supplier .container {
 padding:0 20px
}
#segment-find-a-supplier h1 {
 color:#fff
}
#segment-find-a-supplier p {
 color:#fff;
 margin:45px auto
}
@media only screen and (min-width: 1366px) {
 #segment-find-a-supplier p {
  width:50%
 }
}
#segment-find-a-supplier .btn {
 border-color:#fff;
 color:#fff
}
@media only screen and (min-width: 768px) {
 #segment-subscribe {
  padding:0
 }
}
.pt-page-rotateSlideOut {
 -webkit-animation:rotateSlideOut 1s both ease;
 animation:rotateSlideOut 1s both ease
}
.pt-page-rotateSlideIn {
 -webkit-animation:rotateSlideIn 1s both ease;
 animation:rotateSlideIn 1s both ease
}
@-webkit-keyframes rotateSlideOut {
 0% {
 }
 25% {
  opacity:.5;
  -webkit-transform:translateZ(-500px)
 }
 75% {
  opacity:.5;
  -webkit-transform:translateZ(-500px) translateX(-200%)
 }
 100% {
  opacity:.5;
  -webkit-transform:translateZ(-500px) translateX(-200%)
 }
}
@keyframes rotateSlideOut {
 0% {
 }
 25% {
  opacity:.5;
  transform:translateZ(-500px)
 }
 75% {
  opacity:.5;
  transform:translateZ(-500px) translateX(-200%)
 }
 100% {
  opacity:.5;
  transform:translateZ(-500px) translateX(-200%)
 }
}
@-webkit-keyframes rotateSlideIn {
 0%,
 25% {
  opacity:.5;
  -webkit-transform:translateZ(-500px) translateX(200%)
 }
 75% {
  opacity:.5;
  -webkit-transform:translateZ(-500px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateZ(0) translateX(0)
 }
}
@keyframes rotateSlideIn {
 0%,
 25% {
  opacity:.5;
  transform:translateZ(-500px) translateX(200%)
 }
 75% {
  opacity:.5;
  transform:translateZ(-500px)
 }
 100% {
  opacity:1;
  transform:translateZ(0) translateX(0)
 }
}
@media (min-width: 992px) {
 .page-civil-and-utilities #segment-applications .systems table thead th {
  padding:10px;
  font-size:12px
 }
 .page-civil-and-utilities #segment-applications .systems table tbody td {
  padding:10px;
  font-size:12px;
  line-height:1.5
 }
 .page-civil-and-utilities #segment-applications .systems button {
  font-size:12px
 }
}
article.application p {
 font-family:"ClanComp-Book",sans-serif;
 color:#6f6f6f
}
article.application p.pretext {
 display:none;
 color:#1b4098;
 opacity:0.6;
 margin-bottom:10px
}
article.application h4 {
 font-family:"ClanComp-News",sans-serif;
 color:#6f6f6f;
 margin-bottom:15px
}
article.application p:not(.pretext) {
 margin-bottom:10px
}
article.application .systems-button {
 position:relative;
 padding-left:40px;
 color:#1b4098;
 font-family:"ClanComp-Medium";
 display:block;
 line-height:30px
}
article.application .systems-button .dot {
 height:22px;
 width:22px;
 border-radius:100px;
 position:absolute;
 left:0;
 z-index:100;
 cursor:pointer;
 line-height:22px;
 text-align:center;
 color:#fff;
 font-size:11px;
 display:block;
 height:30px;
 width:30px;
 line-height:30px;
 font-size:14px;
 background-color:#1b4098
}
article.application .systems-button .dot:before {
 display:block;
 position:absolute;
 top:50%;
 left:50%;
 content:"";
 width:22px;
 height:22px;
 margin:-11px auto auto -11px;
 transform-origin:50% 50%;
 border-radius:50%;
 background-color:inherit;
 opacity:1;
 z-index:-1;
 pointer-events:none;
 background:#1b4098
}
article.application .systems-button .dot span {
 display:block;
 pointer-events:none;
 transition:transform 0.3s;
 width:22px;
 height:22px;
 height:30px;
 width:30px
}
article.application .systems-button .dot span:before {
 position:absolute;
 display:block;
 height:2px;
 width:10px;
 left:6px;
 top:10px;
 content:" ";
 background-color:#fff;
 height:2px;
 width:12px;
 left:9px;
 top:14px
}
article.application .systems-button .dot span:after {
 position:absolute;
 display:block;
 height:10px;
 width:2px;
 left:10px;
 top:6px;
 content:" ";
 background-color:#fff;
 height:12px;
 width:2px;
 left:14px;
 top:9px
}
article.application .systems-button:hover .dot span {
 transform:rotate(90deg)
}
article.application .image {
 padding-bottom:60%;
 background-size:cover;
 background-position:center center
}
article.application .image-cont {
 padding-bottom:0
}
article.application .systems button {
 color:#1b4098;
 text-decoration:underline;
 font-weight:600;
 padding:0
}
article.application .systems table {
 margin-top:30px
}
article.application .systems thead {
 display:none
}
article.application .systems tbody tr {
 border:1px solid #e2e2e2
}
article.application .systems tbody tr.active td.title:after {
 transform:rotate(-90deg)
}
article.application .systems tbody td.title {
 position:relative;
 display:block;
 background-color:#898175;
 padding:15px 60px 15px 15px;
 color:#fff;
 vertical-align:middle
}
article.application .systems tbody td.title .label {
 display:none
}
article.application .systems tbody td.title:after {
 content:"";
 position:absolute;
 top:calc(50% - 12px);
 right:30px;
 width:16px;
 height:25px;
 background-image:url(../img/icon-arrow-right-white.svg);
 background-repeat:no-repeat;
 transform:rotate(90deg);
 background-size:cover
}
article.application .systems tbody td {
 display:none;
 text-align:left;
 padding:15px 15px;
 font-size:14px;
 line-height:20px
}
article.application .systems tbody td .label {
 color:#1b4098
}
article.application .systems tbody td p {
 margin:0;
 font-family:"ClanComp-News",sans-serif;
 line-height:22px;
 color:#7d7d7d
}
article.application .systems tbody td a {
 color:#1b4098;
 text-decoration:underline
}
article.application .systems tbody tr.active td {
 display:block
}
@media only screen and (min-width: 992px) {
 article.application .intro {
  display:flex;
  justify-content:space-between
 }
 article.application .copy {
  width:50%;
  padding-right:30px;
  box-sizing:border-box
 }
 article.application .copy .video-btn {
  position:relative;
  margin-top:30px;
  display:flex;
  flex-flow:row nowrap
 }
 article.application .copy .video-btn span.video-btn-label {
  display:inline-block;
  padding:25px 15px 22px;
  background-color:#1b4098;
  color:#fff;
  font-size:13px;
  line-height:1;
  text-align:center;
  flex:1
 }
 article.application .copy .video-btn span.video-btn-image {
  display:inline-block;
  width:152px;
  background-size:cover;
  background-image:url("../img/thumbnailvideolink.jpg");
  background-position:center
 }
 article.application .image {
  width:50%;
  padding-bottom:40%
 }
 article.application .image-cont {
  padding-bottom:0
 }
 article.application .systems table {
  border-bottom:1px solid #e2e2e2
 }
 article.application .systems thead {
  display:table-header-group
 }
 article.application .systems tbody tr {
  border-bottom:1px solid #e2e2e2
 }
 article.application .systems tbody td.title {
  display:table-cell;
  padding:15px;
  color:#555;
  background-color:transparent;
  text-align:left
 }
 article.application .systems tbody td.title:after {
  display:none
 }
 article.application .systems tbody td.code {
  text-align:left
 }
 article.application .systems tbody td {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  border-right:1px solid #e2e2e2
 }
 article.application .systems tbody td .label {
  display:none
 }
}
.systems-table {
 margin-top:30px
}
.systems-table thead {
 display:none
}
.systems-table tbody tr {
 border:1px solid #e2e2e2
}
.systems-table tbody tr.active td.title:after {
 transform:rotate(-90deg)
}
.systems-table tbody td.title {
 position:relative;
 display:block;
 background-color:#898175;
 padding:15px 60px 15px 15px;
 color:#fff;
 vertical-align:middle
}
.systems-table tbody td.title .label {
 display:none
}
.systems-table tbody td.title:after {
 content:"";
 position:absolute;
 top:calc(50% - 12px);
 right:30px;
 width:16px;
 height:25px;
 background-image:url(../img/icon-arrow-right-white.svg);
 background-repeat:no-repeat;
 transform:rotate(90deg);
 background-size:cover
}
.systems-table tbody td {
 display:none;
 text-align:left;
 padding:15px 15px;
 font-size:14px;
 line-height:20px
}
.systems-table tbody td .label {
 color:#1b4098
}
.systems-table tbody td p {
 margin:0;
 font-family:"ClanComp-News",sans-serif;
 line-height:22px;
 color:#7d7d7d
}
.systems-table tbody td a {
 color:#1b4098;
 text-decoration:underline
}
.systems-table tbody tr.active td {
 display:block
}
@media only screen and (min-width: 992px) {
 .systems-table {
  border-bottom:1px solid #e2e2e2
 }
 .systems-table thead {
  display:table-header-group
 }
 .systems-table tbody tr {
  border-bottom:1px solid #e2e2e2
 }
 .systems-table tbody td.title {
  padding:15px;
  color:#555;
  background-color:transparent
 }
 .systems-table tbody td.title:after {
  display:none
 }
 .systems-table tbody td {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  border-right:1px solid #e2e2e2
 }
 .systems-table tbody td .label {
  display:none
 }
}
article.product {
 margin-bottom:2px;
 padding:15px;
 background-color:#efefef;
 box-sizing:border-box;
 text-align:left
}
article.product p {
 font-family:"ClanComp-Book",sans-serif;
 font-size:12px;
 line-height:16px
}
article.product h4 {
 color:#222;
 font-family:"ClanComp-Medium",sans-serif;
 font-size:16px
}
article.product .logo {
 max-width:60px;
 margin-right:15px;
 padding:10px;
 background:#fff;
 border:1px solid #c0c3c5
}
article.product .text {
 display:flex;
 align-items:flex-start;
 padding:0
}
article.product .text-inner {
 margin:10px 0
}
article.product .image {
 display:none
}
@media only screen and (min-width: 768px) {
 article.product .image {
  display:block
 }
}
@media only screen and (min-width: 992px) {
 article.product {
  width:33.3%;
  margin-right:20px;
  margin-bottom:0;
  padding:0
 }
 article.product:last-child {
  margin-right:0
 }
 article.product h4 {
  font-size:20px
 }
 article.product p {
  font-size:16px;
  line-height:20px
 }
 article.product .logo {
  max-width:80px;
  margin:auto;
  padding:0;
  background:none;
  border:0
 }
 article.product .text {
  display:block;
  padding:30px
 }
 article.product .image {
  width:100%;
  height:250px;
  background-size:cover;
  background-position:50% 50%;
  background-color:gray
 }
}
article.system {
 max-width:85vw;
 max-height:100%;
 box-sizing:border-box
}
article.system h2 {
 margin-bottom:40px;
 text-align:center;
 font-size:24px
}
article.system h2 span {
 display:block;
 color:#555
}
article.system h2 .label {
 display:inline-block;
 padding:10px;
 margin-bottom:20px;
 font-size:16px;
 color:#fff;
 text-transform:uppercase;
 background:#1b4098
}
article.system .swiper-container {
 height:90vh
}
article.system .popup-content .img-container {
 position:relative;
 padding-top:100%;
 background-color:#efefef;
 background-size:contain;
 background-position:center center;
 background-repeat:no-repeat;
 background-color:#fff;
 border:1px solid #d8d8d8
}
article.system .popup-content .img-container img {
 display:block;
 width:100%
}
article.system .popup-content .text {
 font-size:14px;
 line-height:22px;
 color:#555
}
article.system .btn-zoom,
article.system .btn-download-pdf {
 position:absolute;
 top:10px;
 left:10px;
 width:100px;
 height:100px;
 background-repeat:no-repeat;
 background-size:contain
}
article.system .btn-zoom {
 background-image:url(../img/icon-zoom.png)
}
article.system .btn-download-pdf {
 background-image:url(../img/icon-download-pdf.png)
}
article.system ul {
 margin-top:20px
}
article.system ul li {
 padding:15px 0 15px 15px;
 border-bottom:1px solid #555;
 color:#555;
 font-size:14px;
 line-height:22px;
 background-image:url(../img/bullet-arrow.png);
 background-repeat:no-repeat;
 background-position:left center;
 background-position:0px 20px;
 font-family:"ClanComp-Book",sans-serif !important
}
article.system table th {
 background:#b6c2ce
}
article.system table td {
 vertical-align:middle
}
article.system .leadin {
 color:#222;
 font-size:18px;
 text-align:left
}
article.system .img-zoom {
 display:none;
 position:absolute;
 top:0;
 left:0;
 z-index:1;
 width:100%;
 height:100%;
 background-color:#fff;
 background-repeat:no-repeat;
 background-position:center center;
 background-size:contain
}
article.system .img-zoom.active {
 display:block
}
article.system .img-zoom.active .btn-zoom {
 background-image:url("../img/icon-zoom-out.png")
}
article.system .img-zoom button {
 position:absolute;
 bottom:0;
 right:0
}
article.system .img-zoom .btn-zoom {
 background-image:url(../img/icon-zoom-out.png)
}
article.system .btn-print {
 position:absolute;
 top:0;
 right:70px
}
@media only screen and (min-width: 768px) {
 article.system .popup-content {
  display:flex;
  justify-content:space-between
 }
 article.system .popup-content .img-container {
  padding-top:0;
  width:calc(50% - 15px)
 }
 article.system .popup-content .text {
  width:calc(50% - 15px);
  min-height:400px;
  font-size:16px;
  line-height:24px
 }
 article.system .btn-zoom {
  width:100px;
  height:100px
 }
 article.system ul li {
  font-size:16px;
  line-height:24px
 }
}
.btn-print {
 display:none;
 width:35px;
 height:35px;
 opacity:0.8;
 text-indent:-9999px;
 background-image:url("../img/icon-print.svg");
 background-repeat:no-repeat;
 background-size:contain
}
@media only screen and (min-width: 768px) {
 .btn-print {
  display:block
 }
}
article.story {
 height:auto;
 width:calc(100% - 120px);
 background-color:#efefef;
 box-sizing:border-box;
 margin-right:10px
}
article.story .image {
 display:block;
 width:100%;
 background-size:cover;
 background-position:50% 50%
}
article.story .image img {
 display:none
}
article.story .intro {
 padding:15px;
 text-align:left
}
@media only screen and (min-width: 992px) {
 article.story {
  background-color:#fff;
  width:auto;
  height:auto
 }
 article.story p {
  font-family:"ClanComp-Book", sans-serif;
  font-size:16px;
  line-height:24px
 }
 article.story .intro {
  padding:30px
 }
 article.story .image {
  min-height:300px
 }
 article.story.testimonial {
  width:calc(25% - 15px);
  background-color:#4FA2FA;
  text-align:center
 }
 article.story.testimonial .image {
  margin:40px auto 20px;
  padding-top:0;
  width:100px;
  height:100px;
  min-height:0;
  border:2px solid #fff;
  border-radius:50%
 }
 article.story.testimonial .intro {
  text-align:center;
  padding:15px
 }
 article.story.testimonial h4 {
  color:#fff;
  font-weight:700
 }
 article.story.testimonial h4 small {
  display:block;
  font-size:16px;
  color:#cbe4fe
 }
 article.story.testimonial p {
  color:#cbe4fe;
  margin-top:0;
  padding:20px;
  font-family:"ClanComp-Book", sans-serif;
  font-size:14px;
  line-height:20px
 }
 article.story.testimonial p:before {
  content:"\201C";
  display:block;
  font-family:TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
  font-size:64px;
  line-height:0.25;
  color:#fff
 }
 article.story.blog,
 article.story.case-study-feature,
 article.story.case-study {
  width:calc(25% - 15px)
 }
 article.story.blog p,
 article.story.case-study-feature p,
 article.story.case-study p {
  display:none
 }
 article.story:first-child {
  width:calc(50% - 70px)
 }
 article.story:first-child .intro {
  padding:30px 80px 30px 30px
 }
}
article.download {
 width:125px;
 height:224px;
 min-height:270px;
 margin:0 30px;
 position:relative
}
article.download .image {
 width:100%;
 height:180px;
 background:#efefef;
 background-repeat:no-repeat;
 background-size:cover;
 border:1px solid rgba(0,0,0,0.1);
 box-sizing:border-box
}
article.download .image .overlay {
 background:rgba(255,255,255,0.5);
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:center;
 align-content:flex-start;
 padding-top:30px;
 opacity:0;
 transition:all 0.2s ease-in-out
}
article.download .image .overlay__link {
 display:flex;
 align-items:center;
 justify-content:center;
 background:#1b4098;
 width:53px;
 height:53px;
 text-align:center;
 margin:0 10px 16px;
 color:#fff
}
article.download .image .overlay__link.fn-email {
 text-indent:-9999px;
 background:#1b4098 url("../img/icon-email-sml.png") center center no-repeat
}
article.download .image .overlay__link svg {
 fill:#fff
}
article.download .image:hover {
 cursor:pointer
}
article.download .image:hover .overlay {
 opacity:1
}
article.download .title {
 display:block;
 width:100%;
 height:60px;
 padding:10px 0;
 overflow:hidden;
 text-align:center
}
article.download p {
 font-size:14px;
 line-height:18px
}
@media only screen and (max-width: 768px) {
 article.download p {
  font-size:12px;
  line-height:14px
 }
}
html.touch article.download .image .overlay {
 opacity:1;
 background:none
}
body.email-popup-open .swiper-container,
body.email-popup-open .swiper-wrapper {
 position:static;
 transform:none
}
article.faq {
 cursor:pointer
}
article.faq .question,
article.faq .answer {
 font-family:"proxima-nova-soft",sans-serif;
 font-weight:500;
 font-size:16px;
 line-height:20px
}
article.faq .question {
 position:relative;
 margin-bottom:0;
 padding:25px 70px 25px 20px;
 border-top:1px solid #b5cae0;
 color:#4285c5;
 transition:all 300ms ease-in-out
}
article.faq .question:after {
 content:"";
 position:absolute;
 top:50%;
 right:30px;
 width:14px;
 height:22px;
 background-image:url(../img/icon-arrow-right-blue.svg);
 background-repeat:no-repeat;
 background-size:cover;
 transform:rotate(90deg) translateX(-50%)
}
article.faq .question:hover {
 cursor:pointer
}
article.faq .answer {
 display:none;
 padding:30px;
 margin-bottom:0;
 background-color:#fff;
 color:#555
}
article.faq .answer p {
 margin-bottom:30px
}
article.faq.active .question {
 padding:30px 70px 30px 30px;
 background-color:#4787c6;
 color:#fff;
 transition:all 300ms ease-in-out
}
article.faq.active .question:after {
 top:45%;
 background-image:url(../img/icon-arrow-right-white.svg);
 transform:rotate(-90deg) translateX(50%)
}
article.faq:last-child {
 border-bottom:1px solid #b5cae0
}
@media only screen and (min-width: 768px) {
 article.faq .question,
 article.faq .answer {
  font-size:18px;
  line-height:28px
 }
 article.faq.active .question,
 article.faq.active .answer {
  font-size:20px;
  line-height:30px
 }
}
.product-landing-intro {
 background-image:url("../img/bg-product-landing.jpg");
 background-size:cover;
 padding-top:30px;
 padding-bottom:30px
}
.product-landing-intro .intro-with-brochure {
 margin:30px auto;
 display:flex;
 align-items:center;
 flex-direction:column
}
@media only screen and (max-width: 768px) {
 .product-landing-intro .intro-with-brochure {
  padding:0 20px;
  margin:15px auto 0 auto
 }
}
@media only screen and (min-width: 480px) {
 .product-landing-intro .intro-with-brochure {
  flex-direction:row
 }
}
.product-landing-intro .intro-with-brochure h1 {
 text-align:left
}
.product-landing-intro .intro-with-brochure strong {
 font-family:"ClanComp-Medium",sans-serif
}
.product-landing-intro .intro-with-brochure .col-1,
.product-landing-intro .intro-with-brochure .col-2 {
 text-align:left;
 width:100%
}
@media only screen and (min-width: 480px) {
 .product-landing-intro .intro-with-brochure .col-1,
 .product-landing-intro .intro-with-brochure .col-2 {
  width:50%
 }
}
@media only screen and (max-width: 768px) {
 .product-landing-intro .intro-with-brochure .col-1 .seperator {
  margin-left:0 !important
 }
}
@media only screen and (min-width: 992px) {
 .product-landing-intro .intro-with-brochure .col-1 {
  padding-right:60px
 }
}
.product-landing-intro .intro-with-brochure .col-2 .brochure-container {
 background-color:rgba(27,64,152,0.2);
 display:flex;
 margin-top:30px
}
@media only screen and (min-width: 992px) {
 .product-landing-intro .intro-with-brochure .col-2 .brochure-container {
  margin-top:0
 }
}
.product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-1,
.product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-2 {
 width:50%;
 padding:30px 0 30px 30px
}
.product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-1 h3,
.product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-2 h3 {
 font-size:16px;
 line-height:18px;
 text-transform:uppercase;
 margin:0;
 padding:0
}
.product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-1 hr,
.product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-2 hr {
 width:60px;
 height:2px;
 margin:15px 0 15px 0
}
@media only screen and (min-width: 992px) {
 .product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-1 hr,
 .product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-2 hr {
  margin:15px 0 45px 0
 }
}
.product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-1 p,
.product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-2 p {
 display:block;
 color:#1b4098;
 margin:15px auto 45px;
 font-size:14px
}
@media only screen and (min-width: 992px) {
 .product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-1 p,
 .product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-2 p {
  font-size:16px
 }
}
@media only screen and (min-width: 1366px) {
 .product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-1 p,
 .product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-2 p {
  font-size:20px
 }
}
.product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-1 .btn-secondary,
.product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-1 .section-subscribe .hbspt-form .hs-button,
.section-subscribe .hbspt-form .product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-1 .hs-button,
.product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-2 .btn-secondary,
.product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-2 .section-subscribe .hbspt-form .hs-button,
.section-subscribe .hbspt-form .product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-2 .hs-button {
 padding:15px;
 font-size:14px;
 padding:10px 15px 5px 15px
}
@media only screen and (min-width: 992px) {
 .product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-1 .btn-secondary,
 .product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-1 .section-subscribe .hbspt-form .hs-button,
 .section-subscribe .hbspt-form .product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-1 .hs-button,
 .product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-2 .btn-secondary,
 .product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-2 .section-subscribe .hbspt-form .hs-button,
 .section-subscribe .hbspt-form .product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-2 .hs-button {
  padding:15px 30px
 }
}
.product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-2 {
 padding:30px
}
.product-landing-intro .intro-with-brochure .col-2 .brochure-container .col-2 img {
 width:100%;
 height:auto;
 display:block;
 box-shadow:5px 5px 5px rgba(0,0,0,0.2)
}
.filter {
 margin:45px auto
}
@media only screen and (max-width: 480px) {
 .filter {
  padding:0 20px
 }
}
.filter strong {
 color:#1b4098
}
.filter .filter-button-group {
 width:100%;
 display:flex;
 flex-wrap:wrap;
 justify-content:center
}
@media (min-width: 768px) {
 .filter .filter-button-group {
  justify-content:flex-start;
  flex-wrap:nowrap
 }
}
.filter .filter-button-group button {
 flex-grow:1;
 background-color:#efefef;
 color:#8b8987;
 padding:15px;
 font-family:"ClanComp-Medium",sans-serif;
 font-size:14px
}
@media (min-width: 768px) {
 .filter .filter-button-group button {
  font-size:16px
 }
}
.filter .filter-button-group button.btn-active {
 background-color:#1b4098;
 color:#fff
}
#product-hero {
 background-color:#1b4098
}
#product-hero,
.product-hero-left,
.product-hero-right {
 position:relative;
 background-size:cover;
 background-repeat:no-repeat;
 background-position:center center
}
#product-hero .container,
.product-hero-left .container,
.product-hero-right .container {
 position:relative;
 z-index:1
}
#product-hero .seperator,
.product-hero-left .seperator,
.product-hero-right .seperator {
 height:4.48px
}
#product-hero .copy,
.product-hero-left .copy,
.product-hero-right .copy {
 max-width:75%;
 padding:50px 20px;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:flex-start;
 box-sizing:border-box
}
#product-hero .powerfence,
.product-hero-left .powerfence,
.product-hero-right .powerfence {
 position:absolute;
 width:calc(100% - 40px);
 bottom:-120px
}
@media only screen and (min-width: 440px) {
 #product-hero .powerfence,
 .product-hero-left .powerfence,
 .product-hero-right .powerfence {
  width:40%;
  bottom:auto;
  top:20px;
  right:10px
 }
}
#product-hero .powerfence img,
.product-hero-left .powerfence img,
.product-hero-right .powerfence img {
 width:75%
}
#product-hero h1,
.product-hero-left h1,
.product-hero-right h1 {
 margin-bottom:20px;
 font-size:35px;
 color:#fff
}
#product-hero p,
.product-hero-left p,
.product-hero-right p {
 width:100%;
 font-size:13px;
 line-height:20px;
 color:#fff
}
#product-hero button,
.product-hero-left button,
.product-hero-right button {
 display:none
}
#product-hero .bg,
.product-hero-left .bg,
.product-hero-right .bg {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background-size:cover;
 background-repeat:no-repeat;
 background-position:center center
}
#product-hero .bg.mobile,
.product-hero-left .bg.mobile,
.product-hero-right .bg.mobile {
 display:block
}
#product-hero .bg.desktop,
.product-hero-left .bg.desktop,
.product-hero-right .bg.desktop {
 display:none
}
@media only screen and (min-width: 768px) {
 #product-hero .bg.mobile,
 .product-hero-left .bg.mobile,
 .product-hero-right .bg.mobile {
  display:none
 }
 #product-hero .bg.desktop,
 .product-hero-left .bg.desktop,
 .product-hero-right .bg.desktop {
  display:block
 }
 #product-hero .powerfence,
 .product-hero-left .powerfence,
 .product-hero-right .powerfence {
  width:40%;
  right:0;
  bottom:auto;
  top:20px
 }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 #product-hero .powerfence,
 .product-hero-left .powerfence,
 .product-hero-right .powerfence {
  width:30%;
  top:90px
 }
 #product-hero .powerfence img,
 .product-hero-left .powerfence img,
 .product-hero-right .powerfence img {
  width:100%
 }
}
@media only screen and (min-width: 992px) {
 #product-hero,
 .product-hero-left,
 .product-hero-right {
  padding-top:60px
 }
 #product-hero .copy,
 .product-hero-left .copy,
 .product-hero-right .copy {
  max-width:550px
 }
 #product-hero .powerfence,
 .product-hero-left .powerfence,
 .product-hero-right .powerfence {
  top:70px
 }
 #product-hero h1,
 .product-hero-left h1,
 .product-hero-right h1 {
  margin-bottom:30px;
  font-size:60px
 }
 #product-hero p,
 .product-hero-left p,
 .product-hero-right p {
  margin-bottom:35px;
  font-size:16px;
  line-height:22px
 }
 #product-hero button,
 .product-hero-left button,
 .product-hero-right button {
  display:block
 }
}
.product-hero-left,
.product-hero-right {
 width:100%;
 margin:0 auto 20px auto;
 padding-top:0
}
.product-hero-left .seperator,
.product-hero-right .seperator {
 margin-left:0 !important;
 width:100%
}
@media only screen and (max-width: 768px) {
 .product-hero-left .bg.desktop,
 .product-hero-right .bg.desktop {
  display:block
 }
}
.product-hero-left .copy,
.product-hero-right .copy {
 width:50%;
 margin-left:30px
}
@media only screen and (max-width: 1366px) {
 .product-hero-left .copy,
 .product-hero-right .copy {
  width:60%
 }
}
@media only screen and (max-width: 768px) {
 .product-hero-left .copy,
 .product-hero-right .copy {
  margin-left:15px
 }
}
@media only screen and (max-width: 480px) {
 .product-hero-left .copy,
 .product-hero-right .copy {
  width:100%;
  max-width:100%;
  margin-left:0
 }
}
.product-hero-left h1,
.product-hero-right h1 {
 text-shadow:2px 2px 4px rgba(0,0,0,0.75)
}
.product-hero-left .bg-blue-panel,
.product-hero-right .bg-blue-panel {
 position:absolute;
 top:0;
 left:0;
 right:50%;
 bottom:0
}
@media only screen and (max-width: 1366px) {
 .product-hero-left .bg-blue-panel,
 .product-hero-right .bg-blue-panel {
  width:60%;
  right:40%
 }
}
@media only screen and (max-width: 480px) {
 .product-hero-left .bg-blue-panel,
 .product-hero-right .bg-blue-panel {
  width:100%;
  right:0;
  background-color:rgba(30,67,150,0.75)
 }
}
.product-hero-right .bg-blue-panel {
 right:0;
 left:50%
}
@media only screen and (max-width: 1366px) {
 .product-hero-right .bg-blue-panel {
  left:40%
 }
}
@media only screen and (max-width: 480px) {
 .product-hero-right .bg-blue-panel {
  width:100%;
  left:0
 }
}
.product-hero-right .copy {
 margin-left:calc(50% + 30px)
}
@media only screen and (max-width: 1366px) {
 .product-hero-right .copy {
  margin-left:calc(40% + 30px)
 }
}
@media only screen and (max-width: 480px) {
 .product-hero-right .copy {
  margin-left:0
 }
}
body.single-product.page-litecrete .large-title {
 color:#484848
}
body.single-product.page-litecrete #product-hero {
 background:url(../img/litecrete/litecrete.jpg) no-repeat center;
 background-size:cover
}
body.single-product.page-litecrete #product-hero h1 {
 background:url(../img/litecrete/logo-white.png) no-repeat center;
 background-size:contain;
 width:330px;
 max-width:100%;
 height:56px;
 overflow:hidden;
 text-indent:-900vw
}
body.single-product.page-litecrete #product-hero p {
 font-weight:600
}
body.single-product.page-litecrete #product-hero .seperator.hero .rect {
 fill:white !important
}
body.single-product.page-litecrete #product-application {
 text-align:center
}
body.single-product.page-litecrete #product-img-with-overlay .img-container {
 background-size:cover !important
}
@media (max-width: 767px) {
 body.single-product.page-litecrete #product-img-with-overlay .img-container {
  background-size:contain !important
 }
}
body.single-product.page-litecrete #product-img-with-overlay p {
 color:#484848
}
body.single-product.page-litecrete #product-img-with-overlay .dot,
body.single-product.page-litecrete #product-img-with-overlay .dot:before {
 background-color:#484848
}
body.single-product.page-litecrete .share,
body.single-product.page-litecrete .share a {
 color:#484848
}
body.single-product.page-litecrete #product-sizes .item-listing .title {
 color:#484848
}
body.single-product.page-litecrete #product-sizes .item.active .item-listing .title {
 color:white
}
body.single-product.page-litecrete #product-sizes .item.active .item-listing {
 background-color:#484848
}
body.single-product.page-litecrete #product-sizes .item-content ul li {
 color:#484848
}
body.single-product.page-litecrete #product-sizes .item-content ul {
 border-color:#9b9b9b
}
body.single-product.page-litecrete #product-sizes .item-content ul li:nth-child(2n+1) {
 background-color:#efefef
}
body.single-product.page-litecrete #product-accessories .item-listing .title {
 color:#484848
}
body.single-product.page-litecrete #product-accessories .item.active .item-listing .title {
 color:white
}
body.single-product.page-litecrete #product-accessories .item.active .item-listing {
 background-color:#484848
}
@media only screen and (min-width: 992px) {
 body.single-product.page-litecrete .section-downloads ul.download-nav li.active {
  border-bottom-color:#484848
 }
}
.share-container.products {
 background-color:#efefef
}
#product-intro-text {
 background-color:#efefef
}
#product-intro-text .copy-container {
 display:flex;
 flex-wrap:wrap;
 align-items:flex-start;
 justify-content:space-between
}
#product-intro-text .copy {
 width:100%;
 text-align:left;
 padding:10px
}
#product-intro-text .copy ul {
 list-style-type:disc;
 margin-left:1.25rem
}
#product-intro-text .copy ul li {
 color:#555;
 line-height:1.5;
 font-family:"ClanComp-News",sans-serif
}
#product-intro-text .logo {
 display:block;
 max-width:80px;
 margin:10px 0
}
#product-intro-text .btn-primary {
 display:block;
 max-width:230px;
 margin:15px 0
}
@media only screen and (min-width: 768px) {
 #product-intro-text .container {
  display:flex
 }
 #product-intro-text .copy-container {
  width:50%
 }
 #product-intro-text .copy {
  padding:0 0 0 30px
 }
}
#product-img-with-overlay {
 width:100%
}
#product-img-with-overlay .img-container {
 position:relative;
 width:100%;
 height:428px;
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-color:transparent;
 background-size:contain !important
}
#product-img-with-overlay .img-container-home {
 position:relative;
 width:100%;
 height:75vw;
 background-image:url(/wp-content/themes/hebel/assets/img/bc-acc2-xs.jpg);
 background-repeat:no-repeat;
 background-position:0 50%;
 background-color:transparent;
 background-size:cover;
 margin-top:0
}
@media only screen and (min-width: 768px) {
 #product-img-with-overlay .img-container-home {
  position:absolute;
  left:0;
  width:50vw;
  height:310px;
  background-position:100% 50%;
  background-image:url(/wp-content/themes/hebel/assets/img/bc-acc2.png)
 }
}
@media only screen and (min-width: 992px) {
 #product-img-with-overlay .img-container-home {
  height:455px;
  background-position:90% 50%;
  background-size:cover;
  transform:translateY(-40px)
 }
}
#product-img-with-overlay .dots {
 position:relative;
 width:50%;
 height:100%;
 margin:auto;
 display:none
}
@media only screen and (min-width: 768px) {
 #product-img-with-overlay .dots {
  display:block;
  width:35%
 }
}
@media only screen and (min-width: 992px) {
 #product-img-with-overlay .dots {
  width:50%;
  margin-top:20px
 }
}
#product-img-with-overlay .dot-container {
 position:absolute;
 width:30px;
 height:30px
}
#product-img-with-overlay .dot-container:hover {
 cursor:pointer;
 z-index:101
}
#product-img-with-overlay .dot-container:hover p {
 opacity:1;
 height:auto;
 padding:20px
}
@-webkit-keyframes pulsate {
 from {
  opacity:1;
  transform:scale(1)
 }
 to {
  opacity:0;
  transform:scale(3)
 }
}
@keyframes pulsate {
 from {
  opacity:1;
  transform:scale(1)
 }
 to {
  opacity:0;
  transform:scale(3)
 }
}
#product-img-with-overlay .dot {
 height:22px;
 width:22px;
 border-radius:100px;
 position:absolute;
 z-index:100;
 cursor:pointer;
 line-height:22px;
 text-align:center;
 color:#fff;
 font-size:11px;
 display:block;
 height:30px;
 width:30px;
 line-height:30px;
 font-size:14px;
 background-color:#1b4098
}
#product-img-with-overlay .dot:before {
 display:block;
 position:absolute;
 top:50%;
 left:50%;
 content:'';
 width:22px;
 height:22px;
 margin:-11px auto auto -11px;
 transform-origin:50% 50%;
 border-radius:50%;
 background-color:inherit;
 opacity:1;
 z-index:-1;
 pointer-events:none;
 background:#1b4098
}
#product-img-with-overlay .dot span {
 display:block;
 pointer-events:none;
 transition:transform 0.3s;
 width:22px;
 height:22px;
 height:30px;
 width:30px
}
#product-img-with-overlay .dot span:before {
 position:absolute;
 display:block;
 height:2px;
 width:10px;
 left:6px;
 top:10px;
 content:' ';
 background-color:#fff;
 height:2px;
 width:12px;
 left:9px;
 top:14px
}
#product-img-with-overlay .dot span:after {
 position:absolute;
 display:block;
 height:10px;
 width:2px;
 left:10px;
 top:6px;
 content:' ';
 background-color:#fff;
 height:12px;
 width:2px;
 left:14px;
 top:9px
}
#product-img-with-overlay .dot:hover:before {
 -webkit-animation:pulsate 3s cubic-bezier(0.2, 1, 0.2, 1);
 animation:pulsate 3s cubic-bezier(0.2, 1, 0.2, 1)
}
#product-img-with-overlay .dot:hover span {
 transform:rotate(90deg)
}
#product-img-with-overlay p {
 opacity:0;
 height:0;
 overflow:hidden;
 position:absolute;
 left:0;
 top:0;
 width:200px;
 text-align:left;
 color:#1b4098;
 transform:translate(-50%, 40px);
 background:#fff;
 border-radius:10px;
 font-size:14px;
 transition:opacity 0.3s ease-out;
 box-shadow:0 30px 102px rgba(0,0,0,0.33),0 20px 51px rgba(0,0,0,0.18);
 z-index:102
}
#product-img-with-overlay .powerpanel .dot-1 {
 top:10%;
 left:70%
}
#product-img-with-overlay .powerpanel .dot-2 {
 top:50%;
 left:50%
}
#product-img-with-overlay .powerpanel .dot-3 {
 top:60%;
 left:20%
}
@media only screen and (min-width: 992px) {
 #product-img-with-overlay {
  display:block;
  width:50%
 }
}
#product-features {
 position:relative;
 width:100%;
 margin:0;
 box-sizing:border-box;
 background-color:#efefef
}
body.page-powerpattern #product-features {
 background-color:#fff
}
#product-features .container {
 padding:0 30px 30px 30px
}
#product-features .large-title {
 padding-top:60px
}
#product-features .swiper-container {
 padding:0
}
#product-features .view-all {
 display:none
}
@media only screen and (min-width: 768px) {
 #product-features .view-all {
  display:inline-block
 }
}
@media only screen and (min-width: 992px) {
 #product-features .container {
  padding:0
 }
 #product-features .swiper-outer-container .prev,
 #product-features .swiper-outer-container .next {
  margin-top:-15px
 }
 #product-features .swiper-container {
  padding:0 30px
 }
}
#product-application {
 padding-bottom:30px
}
#product-application .large-title {
 text-align:center;
 margin:60px 0 20px
}
#product-application .items-container {
 padding:20px
}
#product-application .items-container>.item {
 border:1px solid #c7c1bb;
 border-top:none
}
#product-application .items-container>.item:first-child {
 border-top:1px solid #c7c1bb
}
#product-application .items-container>.item.active .item-listing {
 background-color:#1b4098;
 color:#fff
}
#product-application .items-container>.item.active .item-listing .title {
 color:#fff
}
#product-application .items-container>.item.active .item-listing .copy {
 color:#fff
}
#product-application .items-container>.item.active .item-listing:after {
 transform:rotate(-90deg);
 background-image:url(../img/icon-arrow-right-white.svg)
}
#product-application .items-container>.item .item-listing {
 position:relative;
 margin-bottom:2px;
 padding:20px;
 background-color:#fff;
 color:#555;
 display:flex;
 align-items:center;
 cursor:pointer
}
#product-application .items-container>.item .item-listing .icon {
 font-size:40px
}
#product-application .items-container>.item .item-listing .title {
 padding-right:40px;
 box-sizing:border-box;
 font-size:16px;
 color:#555
}
#product-application .items-container>.item .item-listing .copy {
 color:#1b4098
}
#product-application .items-container>.item .item-listing:after {
 content:'';
 position:absolute;
 top:50%;
 right:30px;
 transform:translateY(-50%);
 width:20px;
 height:30px;
 margin-top:-13px;
 background-image:url(../img/icon-arrow-right-gray.svg);
 background-repeat:no-repeat;
 background-size:cover;
 transform:rotate(90deg)
}
#product-application .items-container>.item .item-content {
 display:none;
 padding:30px 30px 10px 30px;
 background-color:#eff0f0
}
#product-application .inner-items>.item {
 position:relative;
 width:100%;
 margin-bottom:20px;
 background-size:cover;
 background-position:center center
}
#product-application .inner-items>.item:before {
 display:block;
 content:'';
 padding-top:80%
}
#product-application .inner-items>.item .title {
 display:flex;
 align-items:center;
 justify-content:center;
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 margin-bottom:0;
 padding:10px;
 background-color:rgba(16,25,47,0.8);
 font-family:"ClanComp-Medium",sans-serif;
 color:#fff;
 text-align:center
}
@media only screen and (min-width: 992px) {
 #product-application .inner-items>.item .title {
  height:45px;
  font-size:18px
 }
}
@media only screen and (min-width: 992px) {
 #product-application {
  padding-bottom:60px
 }
 #product-application .large-title {
  margin:60px 0 50px
 }
 #product-application .items-container {
  padding:0
 }
 #product-application .items-container>.item {
  border-left:1px solid #c7c1bb;
  border-right:1px solid #c7c1bb
 }
 #product-application .items-container>.item .item-listing {
  padding:30px
 }
 #product-application .items-container>.item .item-listing .icon {
  font-size:60px
 }
 #product-application .items-container>.item .item-listing .copy {
  font-size:22px
 }
 #product-application .inner-items {
  display:flex;
  justify-content:space-around;
  flex-wrap:wrap
 }
 #product-application .inner-items>.item {
  margin:0 15px 20px;
  max-width:25%
 }
}
#product-sizes .large-title {
 text-align:center;
 padding:60px 0 0
}
#product-sizes .intro {
 text-align:center;
 margin-bottom:30px
}
#product-sizes .items-container {
 padding:20px
}
#product-sizes .item {
 border:1px solid #c7c1bb;
 border-top:none
}
#product-sizes .item:first-child {
 border-top:1px solid #c7c1bb
}
#product-sizes .item.active .item-listing {
 background-color:#1b4098;
 color:#fff
}
#product-sizes .item.active .item-listing .title {
 color:#fff
}
#product-sizes .item.active .item-listing:after {
 transform:rotate(-90deg);
 background-image:url(../img/icon-arrow-right-white.svg)
}
#product-sizes .item-listing {
 position:relative;
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:20px;
 margin-bottom:2px;
 cursor:pointer
}
#product-sizes .item-listing .logo {
 display:none;
 width:100px;
 height:100px;
 background-image:url(../img/placeholder-product-sizes-logo.jpg);
 background-position:center center;
 background-size:contain
}
#product-sizes .item-listing .copy {
 padding-right:40px;
 box-sizing:border-box
}
#product-sizes .item-listing .title {
 color:#1b4098;
 font-size:16px
}
#product-sizes .item-listing .desc {
 display:none;
 color:#555;
 font-family:"ClanComp-Book",sans-serif;
 font-size:12px;
 line-height:16px
}
#product-sizes .item-listing:after {
 content:'';
 position:absolute;
 top:50%;
 right:30px;
 transform:translateY(-50%);
 width:20px;
 height:30px;
 margin-top:-13px;
 background-image:url(../img/icon-arrow-right-gray.svg);
 background-repeat:no-repeat;
 background-size:cover;
 transform:rotate(90deg)
}
#product-sizes .item-content {
 display:none;
 padding:15px
}
#product-sizes .item-content ul {
 margin-bottom:35px;
 border:2px solid #8fa1c7
}
#product-sizes .item-content ul li {
 padding:5px;
 font-size:12px;
 line-height:16px;
 font-size:16px;
 padding:17px;
 color:#1b4098;
 font-family:'ClanComp-Medium'
}
#product-sizes .item-content ul li:nth-child(odd) {
 background-color:#e8ecf5
}
#product-sizes .item-content ul li:nth-child(even) {
 background-color:#fff
}
#product-sizes .item-content ul li.header {
 background-color:#d7d9d9
}
#product-sizes .item-content ul li.header h4 {
 margin:0;
 padding:0;
 font-size:16px;
 color:#484848
}
#product-sizes .item-content ul li.header p {
 margin:0;
 font-size:14px;
 font-family:"ClanComp-News",sans-serif
}
#product-sizes .item-content ul:nth-child(even) li.header {
 background-color:#d6dfd7
}
#product-sizes .item-content ul:last-child {
 margin-bottom:0
}
#product-sizes .item-content p {
 margin-bottom:10px
}
@media only screen and (min-width: 992px) {
 #product-sizes {
  padding-bottom:60px;
  background-color:#efefef
 }
 #product-sizes .large-title {
  margin:60px 0 50px
 }
 #product-sizes .items-container {
  padding:0
 }
 #product-sizes .item-listing {
  background-color:#fff;
  padding:30px
 }
 #product-sizes .item-listing .title {
  font-size:22px
 }
 #product-sizes .item-listing .copy {
  width:calc(100% - 120px)
 }
 #product-sizes .item-content {
  background-color:#fff
 }
 #product-sizes .item {
  border:none
 }
 #product-sizes .item:first-child {
  border:none
 }
}
#product-accessories .large-title {
 text-align:center;
 padding:60px 0 0
}
#product-accessories .intro {
 text-align:center
}
#product-accessories .items-container {
 padding:20px
}
#product-accessories .item.active .item-listing {
 background-color:#1b4098
}
#product-accessories .item.active .item-listing .title {
 color:#fff
}
#product-accessories .item.active .item-listing:after {
 transform:rotate(-90deg);
 background-image:url(../img/icon-arrow-right-white.svg)
}
#product-accessories .item:not(:last-child) .item-listing {
 border-bottom:0
}
#product-accessories .item:last-child .item-content {
 border-top:none
}
#product-accessories .item-listing {
 position:relative;
 display:flex;
 justify-content:space-between;
 align-items:center;
 border:1px solid #c7c1bb;
 padding:20px;
 cursor:pointer
}
#product-accessories .item-listing .logo {
 display:none;
 width:100px;
 height:100px;
 padding:30px;
 background-image:url(../img/placeholder-product-accessories-logo.jpg);
 background-position:center center;
 background-size:contain
}
#product-accessories .item-listing .copy {
 padding-right:40px;
 box-sizing:border-box
}
#product-accessories .item-listing .title {
 color:#1b4098;
 font-size:16px
}
#product-accessories .item-listing .desc {
 display:none;
 color:#555;
 font-family:"ClanComp-Book",sans-serif;
 font-size:12px;
 line-height:16px
}
#product-accessories .item-listing:after {
 content:'';
 position:absolute;
 top:50%;
 right:30px;
 transform:translateY(-50%);
 width:20px;
 height:30px;
 margin-top:-13px;
 background-image:url(../img/icon-arrow-right-gray.svg);
 background-repeat:no-repeat;
 background-size:cover;
 transform:rotate(90deg)
}
#product-accessories .item-content {
 display:none;
 background:#ebebeb;
 border-top:1px solid #c7c1bb
}
#product-accessories .item-content .item-listing {
 background-color:#efefef;
 border-color:#555
}
#product-accessories .item-content .item-listing .logo {
 height:60px;
 background:#555
}
#product-accessories .mobile .item-listing {
 background-color:#efefef !important;
 border:none;
 border-top:1px solid #c7c1bb
}
#product-accessories .mobile .item-listing .title {
 color:#555 !important
}
#product-accessories .mobile .item-listing:after {
 background-image:url(../img/icon-arrow-right-gray.svg) !important;
 transform:rotate(0deg) !important
}
#product-accessories .desktop {
 display:none
}
@media only screen and (min-width: 992px) {
 #product-accessories {
  padding-bottom:60px
 }
 #product-accessories .large-title {
  margin:60px 0 50px
 }
 #product-accessories .items-container {
  padding:0
 }
 #product-accessories .item-listing {
  background-color:#fff;
  padding:30px
 }
 #product-accessories .item-listing .title {
  font-size:22px
 }
 #product-accessories .item-listing .copy {
  width:calc(100% - 120px)
 }
 #product-accessories .item-content {
  padding:30px
 }
 #product-accessories .mobile {
  display:none
 }
 #product-accessories .desktop {
  display:block
 }
 #product-accessories table {
  margin:0
 }
 #product-accessories thead {
  background-color:#8b8987
 }
 #product-accessories tbody tr {
  background-color:#fff
 }
 #product-accessories tbody tr td {
  min-height:55px;
  padding:10px;
  text-align:center;
  border:1px solid #ebebeb;
  box-sizing:border-box
 }
 #product-accessories tbody tr td:first-child {
  white-space:nowrap;
  font-size:14px
 }
 #product-accessories tbody tr td:last-child {
  width:15%
 }
 #product-accessories tbody tr td.no-logo {
  padding:20px
 }
 #product-accessories tbody .logo {
  display:inline-block;
  width:130px;
  height:130px;
  padding:30px;
  background-color:#fff;
  vertical-align:middle;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center center
 }
}
#accessory-popup h2 {
 margin-bottom:40px;
 text-align:center;
 font-size:24px;
 text-transform:uppercase
}
#accessory-popup h2 span {
 display:block;
 color:#555
}
#accessory-popup h2 .label {
 display:inline-block;
 padding:15px 15px 11px 15px;
 margin-bottom:20px;
 color:#fff;
 font-size:16px;
 background:#1b4098
}
#accessory-popup .feature-image {
 width:100%;
 background-size:contain;
 background-position:center center;
 background-repeat:no-repeat
}
#accessory-popup .feature-image:before {
 content:'';
 display:block;
 padding-top:60%
}
#accessory-popup p {
 color:#222
}
#accessory-popup p .label {
 color:#555
}
.page-powerfence #product-hero .seperator .line {
 fill:#322b25 !important
}
.page-powerfence #product-hero .copy h1,
.page-powerfence #product-hero .copy p {
 color:#fff
}
body.page-powerfence #product-hero .bg.desktop {
 background-position:50% 10%
}
.section-visualiser {
 background-color:#4E4F54;
 padding:60px 0
}
.section-visualiser .wrapper {
 display:flex;
 align-items:center
}
.section-visualiser .wrapper .col1 {
 display:none
}
@media only screen and (min-width: 480px) {
 .section-visualiser .wrapper .col1 {
  display:block;
  width:55%
 }
}
.section-visualiser .wrapper .col1 img {
 display:block;
 width:100%;
 height:auto;
 transform:translateX(-50px)
}
.section-visualiser .wrapper .col2 {
 width:100%;
 padding:30px;
 text-align:center
}
@media only screen and (min-width: 480px) {
 .section-visualiser .wrapper .col2 {
  width:45%;
  text-align:left;
  max-width:500px
 }
}
.section-visualiser .wrapper .col2 h3,
.section-visualiser .wrapper .col2 p {
 text-align:center;
 color:#fff
}
@media only screen and (min-width: 480px) {
 .section-visualiser .wrapper .col2 h3,
 .section-visualiser .wrapper .col2 p {
  text-align:left
 }
}
@media only screen and (min-width: 992px) {
 .section-visualiser .wrapper .col2 h3 {
  font-size:50px
 }
}
.section-visualiser .wrapper .col2 p {
 margin:45px 0
}
.section-coatings {
 background-color:#e8ebf4;
 padding:60px 0
}
.section-coatings .container {
 padding:0 30px
}
.section-coatings .container .col {
 margin:0 auto;
 text-align:center;
 width:100%
}
@media only screen and (min-width: 768px) {
 .section-coatings .container .col {
  width:75%
 }
}
@media only screen and (min-width: 1366px) {
 .section-coatings .container .col {
  width:65%
 }
}
.section-coatings .container .col p {
 color:#7D879A
}
.section-coatings .container .col p a {
 color:#1b4098
}
.section-coatings .container .col .btn-primary {
 margin-top:45px
}
.section-coatings .container .tooltip {
 position:relative;
 display:block
}
.section-coatings .container .tooltip .tooltiptext {
 background:#ffffff;
 visibility:hidden;
 overflow:hidden;
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 padding:20px;
 opacity:0;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1);
 box-shadow:0 30px 102px rgba(0,0,0,0.33),0 20px 51px rgba(0,0,0,0.18);
 z-index:102
}
.section-coatings .container .tooltip .tooltiptext p {
 text-align:left;
 border-radius:0;
 font-size:14px;
 line-height:1.5;
 text-align:center
}
.section-coatings .container .tooltip .tooltiptext p strong {
 color:#1b4098;
 display:block;
 margin-bottom:7.5px
}
.section-coatings .container .tooltip .tooltiptext .btn-primary {
 clear:both;
 margin:7.5px 0 0 0;
 transition:0
}
.section-coatings .container .tooltip .tooltiptext .btn-primary:after {
 transition:0
}
.section-coatings .container .tooltip:hover .tooltiptext {
 visibility:visible;
 opacity:1
}
.section-coatings.section-coatings-powerpattern .tooltip-container {
 display:flex;
 flex-direction:column;
 margin-top:30px
}
@media only screen and (min-width: 768px) {
 .section-coatings.section-coatings-powerpattern .tooltip-container {
  flex-direction:row;
  justify-content:space-between
 }
}
.section-coatings.section-coatings-powerpattern .tooltip-container .tooltip {
 width:100%;
 margin-bottom:30px
}
@media only screen and (min-width: 768px) {
 .section-coatings.section-coatings-powerpattern .tooltip-container .tooltip {
  width:47.5%;
  margin-bottom:0
 }
}
.section-coatings.section-coatings-powerpattern .tooltip-container .tooltip img {
 width:100%;
 height:auto;
 display:block
}
.section-coatings.section-coatings-powerpattern .tooltip-container .tooltip p.desc {
 margin:0
}
.section-coatings.section-coatings-powerpattern .tooltip-container .tooltip p.desc a {
 background-color:#fff;
 display:block;
 text-align:center;
 padding:15px 0
}
.section-contactus {
 background-color:#1b4098;
 padding:60px 0
}
body.page-powerpattern .section-contactus {
 background-color:#313131
}
.section-contactus .container {
 padding:0 30px
}
.section-contactus .container .col {
 margin:0 auto;
 text-align:center;
 width:100%
}
.section-contactus .container .col h3,
.section-contactus .container .col p {
 color:#fff
}
.section-contactus .container .col .btn-primary {
 margin-top:45px
}
.section-product-gallery {
 background-color:#fff;
 padding:60px 0
}
.section-product-gallery .gallery-container .row {
 display:flex;
 align-items:center;
 justify-content:center
}
.section-product-gallery .gallery-container .row .quarter {
 margin:2.5px 5px;
 position:relative
}
@media only screen and (min-width: 992px) {
 .section-product-gallery .gallery-container .row .quarter {
  margin:10px 10px
 }
}
.section-product-gallery .gallery-container .row .quarter img {
 width:100%;
 height:auto
}
.section-product-gallery .gallery-container .row .quarter {
 width:calc(33.3333% - 20px)
}
@media only screen and (min-width: 992px) {
 .section-product-gallery .gallery-container .row .quarter {
  width:calc(27.5% - 20px)
 }
}
section.sa-product-register {
 padding-bottom:45px
}
@media only screen and (min-width: 480px) {
 section.sa-product-register {
  padding-top:45px
 }
}
section.sa-product-register img {
 max-width:100%;
 height:auto;
 display:block
}
section.sa-product-register .intro {
 display:flex;
 flex-direction:column;
 align-items:center;
 padding-bottom:45px;
 margin:0 30px
}
@media only screen and (min-width: 480px) {
 section.sa-product-register .intro {
  flex-direction:row;
  margin:0
 }
}
section.sa-product-register .intro img {
 width:50%;
 margin:0 auto
}
@media only screen and (min-width: 480px) {
 section.sa-product-register .intro img {
  width:15%;
  margin:0 0 0 30px
 }
}
section.sa-product-register .intro .copy {
 width:100%;
 margin:30px 0 0 0
}
@media only screen and (min-width: 480px) {
 section.sa-product-register .intro .copy {
  width:85%;
  margin:0;
  padding-left:10%;
  padding-right:10%;
  text-align:left
 }
}
section.sa-product-register .intro .copy p {
 text-align:center
}
@media only screen and (min-width: 480px) {
 section.sa-product-register .intro .copy p {
  text-align:left
 }
}
section.sa-product-register .logos {
 margin-top:30px;
 display:flex;
 flex-direction:column;
 align-items:center
}
@media only screen and (min-width: 480px) {
 section.sa-product-register .logos {
  flex-direction:row
 }
}
section.sa-product-register .logos .col {
 display:flex;
 flex-direction:row;
 align-items:center;
 flex:1
}
section.sa-product-register .logos .col img {
 width:25%;
 margin:0 30px 0 0
}
section.sa-product-register .logos .col h4 {
 margin:0;
 font-size:16px
}
#marketing-banner {
 position:relative
}
#marketing-banner .main {
 background-color:#efefef
}
#marketing-banner .main .swiper-container,
#marketing-banner .main .swiper-wrapper {
 height:100%
}
#marketing-banner .main .item {
 box-sizing:border-box;
 background-size:cover;
 background-position:center center
}
#marketing-banner .main .copy {
 height:100%;
 max-width:100%;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:flex-start;
 padding:50px 20px;
 box-sizing:border-box;
 font-family:"ClanComp-Book",sans-serif
}
@media only screen and (min-width: 768px) {
 #marketing-banner .main .copy {
  max-width:75%
 }
}
#marketing-banner .main h1 {
 margin-bottom:40px;
 font-size:30px;
 line-height:1.2;
 color:#fff;
 width:100%
}
#marketing-banner .main svg {
 height:5.766px
}
#marketing-banner .main p {
 font-size:13px;
 line-height:20px;
 color:#fff;
 width:100%
}
#marketing-banner .main button {
 display:none
}
#marketing-banner .main .swiper-pagination-bullet-active {
 background-color:#fff
}
#marketing-banner .list {
 display:none;
 max-width:1330px;
 margin:0 auto;
 background-color:#f7f7f7;
 padding:30px
}
#marketing-banner .list .swiper-container {
 width:100%
}
#marketing-banner .list .item {
 position:relative;
 width:100%;
 padding-top:200px;
 width:20%;
 width:calc(20% - 25px);
 cursor:pointer;
 margin-right:30px;
 background-image:url("../img/placeholder-hero-item.jpg");
 background-size:cover;
 background-position:center center;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1);
 box-sizing:border-box
}
#marketing-banner .list .item:last-child {
 margin-right:0
}
#marketing-banner .list .item .title {
 display:block;
 position:absolute;
 bottom:0;
 width:100%;
 padding:15px 12px 12px 12px;
 margin-bottom:0;
 box-sizing:border-box;
 background-color:rgba(164,156,144,0.75);
 text-align:center;
 font-family:"ClanComp-Bold",sans-serif;
 font-size:12px;
 line-height:14px;
 color:#fff;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:inherit;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
#marketing-banner .list .item a {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0
}
#marketing-banner .list .item:hover {
 -webkit-filter:brightness(85%);
 filter:brightness(85%);
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
#marketing-banner .list .item:hover .title {
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
#marketing-banner .list .item:last-child {
 margin-bottom:0
}
#marketing-banner .list .swiper-slide.active,
#marketing-banner .list .swiper-slide-active {
 display:none
}
@media only screen and (min-width: 768px) {
 #marketing-banner .main {
  height:400px
 }
 #marketing-banner .main .copy {
  max-width:50%
 }
 #marketing-banner .main h1 {
  margin-bottom:20px;
  font-size:50px
 }
 #marketing-banner .main p {
  font-size:16px;
  line-height:24px
 }
 #marketing-banner .swiper-pagination {
  width:calc(100% + 215px)
 }
}
@media only screen and (min-width: 992px) {
 #marketing-banner .main {
  width:100%;
  height:765px;
  overflow:hidden
 }
 #marketing-banner .main .copy {
  padding-left:30px;
  max-width:60%;
  margin:auto;
  margin-left:0
 }
 #marketing-banner .main .item {
  padding-top:200px;
  padding-bottom:200px
 }
 #marketing-banner .main h1 {
  margin-bottom:40px;
  font-size:60px;
  color:#fff
 }
 #marketing-banner .main p {
  margin-bottom:35px;
  font-size:16px;
  line-height:24px
 }
 #marketing-banner .main button {
  display:block
 }
 #marketing-banner .list {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  margin-top:-130px;
  position:relative;
  z-index:3
 }
}
@media only screen and (min-width: 1366px) {
 #marketing-banner .main .container {
  max-width:1330px;
  width:auto
 }
}
#segment-listing {
 padding:0
}
#segment-listing .item {
 background-position:center center;
 background-size:cover
}
#segment-listing a {
 display:block;
 padding:60px 30px;
 font-size:24px;
 font-weight:bold;
 color:#fff
}
#segment-listing .houses {
 background-image:url(../img/hero-houses.jpg)
}
#segment-listing .apartments {
 background-image:url(../img/hero-apartments.jpg)
}
#segment-listing .multi {
 background-image:url(../img/hero-multi.jpg)
}
#segment-listing .civil {
 background-image:url(../img/hero-civil.jpg)
}
#segment-listing .commercial {
 background-image:url(../img/hero-commercial.jpg)
}
@media only screen and (min-width: 992px) {
 #segment-listing {
  display:none
 }
}
section.home-video-panel .container {
 display:flex;
 flex-direction:column;
 padding:45px 15px;
 align-items:center
}
@media only screen and (min-width: 992px) {
 section.home-video-panel .container {
  flex-direction:row;
  align-items:center;
  padding:130px 0 80px 0
 }
}
@media only screen and (min-width: 992px) {
 section.home-video-panel .container .col.video {
  width:50%;
  padding-right:30px
 }
}
section.home-video-panel .container .col.video a.video {
 position:relative;
 display:block
}
section.home-video-panel .container .col.video a.video:before {
 content:"";
 display:block;
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background-color:rgba(0,0,0,0.4);
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
section.home-video-panel .container .col.video a.video:hover:before {
 background-color:rgba(0,0,0,0.6)
}
section.home-video-panel .container .col.video a.video:hover .play img {
 transform:scale(1.1)
}
section.home-video-panel .container .col.video a.video img {
 width:100%;
 height:auto;
 display:block
}
section.home-video-panel .container .col.video a.video .play {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%);
 text-align:center
}
section.home-video-panel .container .col.video a.video .play img {
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1);
 border:none;
 width:30%;
 margin:0 auto
}
section.home-video-panel .container .col.video a.video .play p {
 color:#fff;
 margin:0;
 text-transform:uppercase;
 font-weight:bold
}
section.home-video-panel .container .col.copy {
 margin-top:45px
}
@media only screen and (min-width: 992px) {
 section.home-video-panel .container .col.copy {
  width:50%;
  padding-left:30px;
  margin-top:0
 }
}
section.home-video-panel .container .col.copy h2.large-title {
 margin-bottom:30px !important;
 text-align:left !important
}
section.home-video-panel .container .col.copy .seperator {
 display:none;
 margin-left:0 !important
}
section.home-video-panel .container .col.copy p {
 text-align:left !important;
 font-family:"ClanComp-News",sans-serif
}
section.home-video-panel .container .col.copy .btn-primary {
 margin-top:45px !important
}
@media only screen and (min-width: 992px) {
 section.home-video-panel .container .col.copy .seperator {
  display:block !important
 }
}
.intro-text-home {
 background-color:#fff !important;
 position:relative
}
@media (min-width: 768px) and (max-width: 991px) {
 .intro-text-home #product-img-with-overlay .dots {
  width:100%
 }
 .intro-text-home #product-img-with-overlay .dot-1 {
  top:60%;
  left:30%
 }
 .intro-text-home #product-img-with-overlay .dot-2 {
  top:20%;
  left:10%
 }
 .intro-text-home #product-img-with-overlay .dot-2 p {
  transform:translate(-20%, 40px)
 }
 .intro-text-home #product-img-with-overlay .dot-3 {
  top:40%;
  left:65%
 }
 .intro-text-home #product-img-with-overlay .dot-4 {
  top:42%;
  left:40%
 }
}
@media (min-width: 992px) and (max-width: 1365px) {
 .intro-text-home #product-img-with-overlay .dots {
  width:100%
 }
 .intro-text-home #product-img-with-overlay .dot-1 {
  top:60%;
  left:30%
 }
 .intro-text-home #product-img-with-overlay .dot-2 {
  top:20%;
  left:22%
 }
 .intro-text-home #product-img-with-overlay .dot-3 {
  top:44%;
  left:84%
 }
 .intro-text-home #product-img-with-overlay .dot-4 {
  top:48%;
  left:60%
 }
}
@media (min-width: 1366px) {
 .intro-text-home #product-img-with-overlay .dot-1 {
  top:40%;
  left:40%
 }
 .intro-text-home #product-img-with-overlay .dot-2 {
  top:14%;
  left:10%
 }
 .intro-text-home #product-img-with-overlay .dot-3 {
  top:40%;
  left:125%
 }
 .intro-text-home #product-img-with-overlay .dot-4 {
  top:42%;
  left:100%
 }
}
@media only screen and (min-width: 768px) {
 .intro-text-home {
  padding-top:130px;
  padding-bottom:80px;
  background-size:cover
 }
 .intro-text-home #product-img-with-overlay {
  width:50%
 }
 .intro-text-home #product-img-with-overlay .img-container-home {
  transform:none;
  top:0;
  bottom:0;
  right:50%;
  left:0;
  width:auto;
  height:auto;
  margin:0;
  background-size:auto 100%
 }
 .intro-text-home .copy-container {
  width:50%
 }
}
.intro-text-home .copy h2.large-title {
 margin-bottom:30px !important;
 text-align:left !important
}
.intro-text-home .copy .seperator {
 display:none;
 margin-left:0 !important
}
.intro-text-home .copy p {
 text-align:left !important
}
.intro-text-home .copy .btn-primary {
 margin-top:45px !important
}
@media only screen and (min-width: 992px) {
 .intro-text-home .copy .seperator {
  display:block !important
 }
}
#home-features {
 padding:40px 0 30px;
 background-color:#efefef
}
#home-features h2 {
 margin-bottom:30px;
 text-align:center;
 text-transform:capitalize
}
#home-features .seperator {
 display:none
}
#home-features .leadin {
 margin-bottom:30px
}
@media only screen and (max-width: 768px) {
 #home-features .leadin {
  font-family:"ClanComp-Medium", sans-serif;
  color:#a2a2a2
 }
}
@media only screen and (min-width: 768px) {
 #home-features .swiper-outer-container .prev,
 #home-features .swiper-outer-container .next {
  margin-top:-45px
 }
}
@media only screen and (min-width: 992px) {
 #home-features .leadin {
  margin-bottom:30px
 }
}
@media only screen and (min-width: 992px) {
 #home-features {
  padding:100px 0
 }
 #home-features h2 {
  text-transform:none
 }
 #home-features .seperator {
  display:block
 }
}
#home-acc {
 padding:40px 30px 30px
}
@media only screen and (min-width: 992px) {
 #home-acc {
  padding:100px 0
 }
}
#home-where {
 display:none;
 position:relative;
 width:100%;
 background-color:#fff;
 padding:40px 0
}
@media only screen and (min-width: 992px) {
 #home-where {
  padding:100px 0
 }
}
#home-where .item-container {
 display:flex;
 max-width:1330px;
 margin:auto
}
#home-where .item {
 display:flex;
 align-items:flex-end;
 justify-content:center;
 width:25%;
 height:490px;
 overflow:hidden;
 background-position:center center;
 background-size:110%;
 background-size:cover;
 transition:all 0.3s cubic-bezier(0, 1, 0.5, 1);
 box-shadow:0px 10px 25px rgba(0,0,0,0.1)
}
#home-where .item:hover,
#home-where .item.active {
 transform:scale(1.1);
 box-shadow:0px 10px 25px rgba(0,0,0,0.4)
}
#home-where .item:hover .more,
#home-where .item.active .more {
 opacity:1;
 transform:scale(1)
}
#home-where .item:hover p,
#home-where .item.active p {
 margin:0;
 transform:translateY(0);
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1);
 transition-delay:0.3s
}
#home-where p {
 display:block;
 margin:0;
 background:#fff;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1);
 transition-delay:0s;
 background-color:#fff;
 width:100%;
 text-align:center;
 line-height:75px
}
#home-where h2.title {
 margin:60px auto;
 text-align:center
}
#home-where .more {
 display:flex;
 align-items:center;
 justify-content:center;
 color:#fff;
 font-family:"ClanComp-Medium",sans-serif;
 font-size:20px;
 transform:scale(0.5);
 opacity:0;
 transition:transform 1s cubic-bezier(0, 1, 0.5, 1),opacity 1s cubic-bezier(0, 1, 0.5, 1)
}
@media only screen and (min-width: 992px) {
 #home-where {
  display:block;
  margin-top:-100px
 }
 #home-where .item-container {
  max-width:800px
 }
 #home-where .item {
  height:200px
 }
 #home-where p {
  line-height:50px
 }
 #home-where p span {
  display:none
 }
}
@media only screen and (min-width: 1366px) {
 #home-where .item-container {
  max-width:1600px
 }
 #home-where .item {
  height:350px
 }
 #home-where p {
  line-height:75px
 }
 #home-where p span {
  display:inline-block
 }
}
#home-social-hub {
 display:none;
 padding:100px 0;
 max-width:960px
}
#home-social-hub h2.large-title {
 text-align:center
}
#home-social-hub .swiper-outer-container {
 position:relative
}
#home-social-hub .swiper-wrapper {
 padding:10px
}
#home-social-hub .swiper-slide {
 position:relative;
 padding-left:0;
 text-align:left;
 background-color:#efefef;
 background-position:center center;
 background-size:cover;
 transform:scale(1) translateZ(0);
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
#home-social-hub .swiper-slide:after {
 content:'';
 display:block;
 width:0;
 visibility:hidden;
 padding-top:100%
}
#home-social-hub .swiper-slide:hover {
 box-shadow:0 8px 6px -6px rgba(0,0,0,0.5);
 transform:scale(1.04);
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
#home-social-hub .content {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 padding:30px;
 box-sizing:border-box
}
@media only screen and (min-width: 992px) {
 #home-social-hub {
  display:block
 }
 #home-social-hub .swiper-outer-container .prev,
 #home-social-hub .swiper-outer-container .next {
  margin-top:0
 }
}
.juicer-feed.slider {
 padding:0 60px !important
}
.juicer-feed h1.referral,
.juicer-feed.slider li.feed-item.juicer {
 display:none !important
}
.juicer-feed.slider .slick-prev:hover:before,
.juicer-feed.slider .slick-next:hover:before {
 color:#1b4098
}
.juicer-feed.slider .slick-prev,
.juicer-feed.slider .slick-next {
 width:33px !important;
 height:47px !important;
 background:url("../img/icon-prev.png") 0 0 no-repeat !important;
 background-size:cover !important;
 padding:0 !important
}
.juicer-feed.slider .slick-prev:before,
.juicer-feed.slider .slick-next:before {
 display:none !important
}
.juicer-feed.slider .slick-next {
 background-image:url("../img/icon-next.png") !important
}
.juicer-feed .j-meta a {
 color:#fff !important
}
.juicer-feed.image-grid .j-text,
.juicer-feed.slider .j-text,
.juicer-feed.hip .j-text {
 opacity:1 !important;
 visibility:visible !important;
 bottom:0 !important;
 transition:opacity 0.2s ease-out !important
}
.juicer-feed.image-grid .j-text p,
.juicer-feed.slider .j-text p,
.juicer-feed.hip .j-text p {
 font-size:13px;
 line-height:1.5
}
.juicer-feed.slider li.feed-item {
 margin:0 10px !important
}
.juicer-feed.slider li.feed-item:hover {
 cursor:pointer
}
.juicer-feed.slider li.feed-item:hover .j-text {
 opacity:0 !important
}
.juicer-feed .j-meta li {
 font-size:0.875em !important
}
.juicer-feed.image-grid .j-text .j-message,
.juicer-feed.image-grid .j-text .j-edit,
.juicer-feed.slider .j-text .j-message,
.juicer-feed.slider .j-text .j-edit,
.juicer-feed.hip .j-text .j-message,
.juicer-feed.hip .j-text .j-edit {
 max-height:95% !important
}
.juicer-feed.image-grid .j-text .j-message a,
.juicer-feed.image-grid .j-text .j-edit a,
.juicer-feed.slider .j-text .j-message a,
.juicer-feed.slider .j-text .j-edit a,
.juicer-feed.hip .j-text .j-message a,
.juicer-feed.hip .j-text .j-edit a,
.juicer-feed .j-meta a:hover {
 color:#1b4098 !important
}
.juicer-feed.image-grid .j-text,
.juicer-feed.slider .j-text,
.juicer-feed.hip .j-text {
 background:rgba(255,255,255,0.9) !important
}
.juicer-feed.image-grid .j-meta a,
.juicer-feed.slider .j-meta a,
.juicer-feed.hip .j-meta a {
 color:#1b4098 !important
}
.juicer-feed.image-grid .j-text p,
.juicer-feed.slider .j-text p,
.juicer-feed.hip .j-text p,
.juicer-feed.hip .j-meta a {
 color:#1b4098 !important
}
.j-post-overlay.juicer-feed a.juicer-button.facebook {
 color:#1b4098 !important;
 border-color:#1b4098 !important
}
.j-post-overlay.juicer-feed a.juicer-button.facebook:hover {
 background:#1b4098 !important;
 color:#fff !important
}
.juicer-feed.slider li.feed-item:hover {
 cursor:pointer
}
.j-post-overlay.juicer-feed ul.j-share a {
 margin:0
}
.juicer-feed .slick-list {
 padding:0 40px !important;
 box-sizing:content-box
}
.juicer-feed.slider .slick-prev,
.juicer-feed.slider .slick-next {
 height:auto !important;
 background-color:white !important;
 background-size:contain !important;
 background-position:50% 50% !important
}
#home-subscribe {
 display:none
}
@media only screen and (min-width: 992px) {
 #home-subscribe {
  display:block
 }
}
#about-header {
 background-image:url(../img/about-bg-header.jpg)
}
#about-header .copy {
 background-color:rgba(128,186,38,0.95)
}
@media only screen and (min-width: 768px) {
 #about-header .copy {
  background-color:#80ba26
 }
 #about-header .copy:before {
  background-color:#80ba26
 }
 #about-header .warr {
  background-color:#938953
 }
 #about-header .warr:before {
  background-color:#938953
 }
}
#warr-header {
 background-image:url(/wp-content/uploads/2017/02/CA340_Bentleigh_011-1.jpg)
}
#warr-header .copy {
 background-color:#938953
}
@media only screen and (min-width: 768px) {
 #warr-header .copy {
  background-color:#938953
 }
 #warr-header .copy:before {
  background-color:#938953
 }
 #warr-header .warr {
  background-color:#938953
 }
 #warr-header .warr:before {
  background-color:#938953
 }
}
#about-segment-list .items {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 padding:20px;
 box-sizing:border-box
}
#about-segment-list .item {
 width:calc(50% - 10px);
 margin-bottom:20px;
 background-color:#efefef
}
#about-segment-list .thumb {
 width:100%;
 background-size:cover
}
#about-segment-list .thumb:after {
 content:'';
 padding-top:60%;
 display:block
}
#about-segment-list .copy {
 padding:15px;
 color:#555;
 box-sizing:border-box
}
#about-segment-list p.title {
 font-family:"ClanComp-Medium",sans-serif;
 font-size:20px;
 margin-bottom:10px;
 color:#222
}
#about-segment-list ul.arrow-bullets li {
 background-position:left top 2px
}
#about-segment-list ul.arrow-bullets a {
 font-size:13px;
 line-height:1.4
}
#about-segment-list .flex-ghost {
 display:none
}
@media only screen and (min-width: 768px) {
 #about-segment-list {
  margin-bottom:40px
 }
 #about-segment-list .items {
  padding:0
 }
 #about-segment-list .item {
  width:calc(33.333333% - 10px)
 }
 #about-segment-list .copy {
  padding:40px
 }
 #about-segment-list p.title {
  font-size:25px;
  margin-bottom:30px
 }
 #about-segment-list ul.arrow-bullets li {
  background-position:left top 5px
 }
 #about-segment-list ul.arrow-bullets a {
  font-size:16px
 }
 #about-segment-list .flex-ghost {
  display:block;
  opacity:0;
  visibility:hidden
 }
}
#about-features {
 padding:60px 30px;
 background-color:#edf2f7;
 text-align:center
}
#about-features .copy {
 margin-bottom:30px;
 color:#687386
}
#about-features .swiper-container .swiper-slide p {
 color:#5873af;
 font-weight:700;
 font-size:80%;
 line-height:1.25
}
@media only screen and (min-width: 768px) {
 #about-features {
  padding:100px 0
 }
 #about-features .swiper-container,
 #about-features .swiper-outer-container {
  padding-top:0;
  padding-bottom:0
 }
}
#about-acc {
 background-image:url(../img/bg-acc.jpg);
 background-repeat:no-repeat;
 background-position:right center;
 background-size:cover
}
#about-made {
 background-color:#008bcb
}
#about-made .video-container {
 position:relative;
 background-color:#006898
}
#about-made .video-container:before {
 content:'';
 display:block;
 width:0
}
#about-made .video-container iframe {
 position:absolute;
 top:0;
 width:100%;
 height:100%
}
#about-made .video-container .overlay {
 position:absolute;
 top:0;
 z-index:1;
 width:100%;
 height:100%;
 background-image:url(../img/about-video-placeholder.jpg);
 background-size:110%;
 background-position:center center;
 cursor:pointer;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
#about-made .video-container .overlay:hover {
 background-size:120%;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
#about-made .copy-container {
 padding:60px 20px;
 text-align:center
}
#about-made h2 {
 color:#fff;
 text-align:left
}
#about-made p {
 color:#fff;
 margin-bottom:30px
}
@media only screen and (min-width: 768px) {
 #about-made .container {
  display:flex
 }
 #about-made .video-container {
  width:60%
 }
 #about-made .copy-container {
  padding:100px 30px 100px 0;
  width:40%;
  order:-1;
  text-align:left
 }
}
#about-subscribe {
 display:block
}
#spec-header {
 padding:60px 20px;
 background-color:#efefef;
 text-align:center
}
#spec-search-header {
 position:relative;
 color:white;
 background-color:#1b4098;
 background-image:url(../img/spec-tool-banner-2.jpg);
 background-size:auto 100%;
 background-position:30vw center;
 background-repeat:no-repeat;
 padding:30px 0
}
@media (min-width: 992px) {
 #spec-search-header {
  background-position:center center;
  padding:60px 0
 }
}
#spec-search-header .spec-search-header__content {
 padding:0 20px;
 box-sizing:border-box
}
#spec-search-header .spec-search-header__content h1 {
 font-family:"ClanComp-Book",sans-serif;
 font-size:36px;
 line-height:1.2;
 color:white;
 margin:0;
 max-width:6em
}
@media (min-width: 768px) {
 #spec-search-header .spec-search-header__content h1 {
  font-size:60px;
  line-height:1.1
 }
}
#spec-search-header .spec-search-header__content p {
 font-family:"ClanComp-Medium",sans-serif;
 font-size:14px;
 line-height:1.625;
 color:white;
 margin:0
}
@media (min-width: 768px) {
 #spec-search-header .spec-search-header__content p {
  font-size:16px
 }
}
#spec-search-guide {
 margin:40px 0;
 font-family:"ClanComp-News",sans-serif;
 font-size:14px;
 line-height:1.5;
 color:black
}
#spec-search-guide .container {
 padding:0 20px
}
#spec-search-guide .spec-search-heading,
#spec-search-guide .spec-search-intro {
 font-family:"ClanComp-Book",sans-serif;
 font-size:24px;
 line-height:1.5;
 color:#1b4098;
 text-align:center;
 margin:0 0 10px
}
#spec-search-guide .spec-search-intro {
 font-size:14px;
 margin:0 0 50px
}
@media (min-width: 768px) {
 #spec-search-guide .spec-search-intro {
  font-size:18px
 }
}
#spec-search-guide h3 {
 font-family:"ClanComp-News",sans-serif;
 font-size:24px;
 line-height:1.4;
 text-align:center;
 margin:0 0 20px
}
@media (min-width: 768px) {
 #spec-search-guide h3 {
  font-size:30px;
  line-height:1.4
 }
}
#spec-search-guide h3 strong {
 font-family:"ClanComp-Medium",sans-serif;
 font-weight:normal
}
#spec-search-guide .intro {
 font-family:"ClanComp-News",sans-serif;
 font-size:14px;
 line-height:1.5;
 color:black;
 text-align:center;
 margin:0 0 40px
}
@media (min-width: 768px) {
 #spec-search-guide .intro {
  font-size:18px;
  line-height:1.5
 }
}
#spec-search-guide .intro strong {
 font-family:"ClanComp-Medium",sans-serif;
 font-weight:normal
}
#spec-search-guide .grid {
 display:flex;
 flex-wrap:wrap;
 margin:-20px 0 0 -20px
}
#spec-search-guide .grid .grid__item {
 min-width:0;
 margin:0 0 0 20px;
 width:calc( 100% - 20px);
 display:flex;
 flex-direction:column
}
@media (min-width: 768px) {
 #spec-search-guide .grid .grid__item {
  margin:30px 0;
  font-size:18px;
  line-height:1.5;
  width:calc( 33.33% - 20px)
 }
}
@media (min-width: 992px) {
 #spec-search-guide .grid .grid__item {
  width:calc( 33.33% - 20px)
 }
}
#spec-search-guide .grid .grid__item .spec-desc {
 display:flex;
 flex-wrap:wrap;
 background-color:#efefef;
 margin:5px;
 cursor:pointer
}
#spec-search-guide .grid .grid__item .spec-desc .desc-icon {
 width:40px;
 height:40px;
 border-radius:100vw;
 overflow:hidden;
 flex:0 0 auto;
 margin-right:10px;
 display:flex;
 justify-content:center;
 align-items:center;
 background:#1b4098;
 margin:15px
}
@media (min-width: 992px) {
 #spec-search-guide .grid .grid__item .spec-desc .desc-icon {
  width:50px;
  height:50px
 }
}
@media (min-width: 1366px) {
 #spec-search-guide .grid .grid__item .spec-desc .desc-icon {
  margin:30px;
  width:60px;
  height:60px
 }
}
#spec-search-guide .grid .grid__item .spec-desc .desc-icon svg {
 width:40%;
 height:40%;
 fill:white
}
#spec-search-guide .grid .grid__item .spec-desc .desc-title {
 flex:1;
 display:flex;
 justify-content:space-between;
 align-items:center;
 align-self:center
}
#spec-search-guide .grid .grid__item .spec-desc .desc-title svg {
 width:20px;
 height:20px;
 fill:#d6d6d6;
 margin-right:15px;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1)
}
@media (min-width: 1366px) {
 #spec-search-guide .grid .grid__item .spec-desc .desc-title svg {
  margin-right:30px
 }
}
#spec-search-guide .grid .grid__item .spec-desc .desc-title.active svg {
 transform:rotate(90deg);
 fill:#1b4098
}
#spec-search-guide .grid .grid__item .spec-desc .desc-detail {
 display:none;
 width:100%;
 background-color:#e2e2e2;
 padding:15px
}
@media (min-width: 1366px) {
 #spec-search-guide .grid .grid__item .spec-desc .desc-detail {
  padding:30px
 }
}
#spec-search-guide .grid .grid__item .spec-desc h4,
#spec-search-guide .grid .grid__item .spec-desc p {
 font-size:14px;
 line-height:1.5;
 margin:0
}
#spec-search-guide .grid .grid__item .spec-desc p {
 font-family:"ClanComp-News",sans-serif;
 color:black
}
@media (min-width: 768px) {
 #spec-search-guide .grid .grid__item .spec-desc p {
  font-size:15px;
  line-height:1.6
 }
}
#spec-search-guide .grid .grid__item .spec-desc h4 {
 font-family:"ClanComp-Medium",sans-serif;
 text-transform:uppercase
}
@media (min-width: 768px) {
 #spec-search-guide .grid .grid__item .spec-desc h4 {
  font-size:15px;
  line-height:1.6
 }
}
#spec-search {
 position:relative;
 overflow:hidden;
 margin-top:60px;
 display:none
}
#spec-search:before {
 content:'';
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:rgba(255,255,255,0.5) url(../icons/ajax-loader.gif) no-repeat center;
 opacity:0;
 visibility:hidden;
 transition:all .5s
}
#spec-search.loading:before {
 opacity:1;
 visibility:visible
}
#spec-search-form {
 font-size:14px;
 margin:0;
 padding:30px;
 background:#EEF2F6
}
#spec-search-form .spec-search-form__heading {
 margin:-30px -30px 30px;
 padding:0 15px;
 background:linear-gradient(to bottom, #1f49ae, #173782)
}
#spec-search-form .spec-search-form__heading h3 {
 font-family:"ClanComp-Book",sans-serif;
 font-size:1em;
 line-height:1;
 color:white;
 display:flex;
 align-items:stretch
}
#spec-search-form .spec-search-form__heading a {
 color:white;
 padding:15px;
 display:flex;
 align-items:center
}
#spec-search-form .spec-search-form__heading img {
 width:18px;
 height:auto;
 vertical-align:middle;
 margin-right:5px
}
#spec-search-form .spec-search-form__heading a.active {
 background:linear-gradient(to bottom, #132e6d, #0c1c41)
}
#spec-search-form h4 {
 font-size:1em;
 line-height:1;
 margin:40px 0 20px
}
#spec-search-form .grid div {
 margin:20px 0 0
}
#spec-search-form .grid label {
 display:block;
 font-family:"ClanComp-News",sans-serif;
 width:100%;
 margin-bottom:10px
}
#spec-search-form .grid input,
#spec-search-form .grid select {
 height:32px;
 border-radius:3px;
 border:1px solid #b6b9bc;
 background:white;
 width:100%
}
#spec-search-form .search-box {
 margin:20px 0 0
}
@media (min-width: 768px) {
 #spec-search-form .grid {
  display:flex;
  flex-wrap:wrap;
  margin:-30px 0 0 -30px
 }
 #spec-search-form .grid div {
  margin:30px 0 0 30px;
  width:calc( 50% - 30px);
  display:flex;
  align-items:center
 }
 #spec-search-form .grid label {
  min-width:0;
  flex:0 0 auto;
  width:9em;
  margin:0 10px 0 0
 }
 #spec-search-form .grid input,
 #spec-search-form .grid select {
  flex:1;
  min-width:0
 }
}
@media (min-width: 992px) {
 #spec-search-form .grid div {
  width:calc( 33.33% - 30px)
 }
}
#spec-search-results {
 font-family:"ClanComp-Book",sans-serif;
 font-size:14px;
 line-height:1.2
}
#spec-search-results td {
 text-align:left;
 vertical-align:top
}
#spec-search-results th {
 text-align:left;
 vertical-align:middle;
 width:calc( 100% / 16)
}
#spec-search-results [data-sort-field] {
 position:relative;
 cursor:pointer;
 transition:all .5s
}
#spec-search-results [data-sort-field]:hover {
 text-decoration:underline
}
#spec-search-results .active[data-sort-field]:after {
 content:"\25B2";
 position:absolute;
 top:50%;
 right:3px;
 font-size:0.75em;
 transform:translateY(-50%)
}
#spec-search-results .active--desc[data-sort-field]:after {
 transform:translateY(-50%) rotate(180deg)
}
#spec-search-results img {
 width:100px
}
#spec-search-results a {
 display:block;
 text-decoration:underline;
 color:#1b4098
}
#spec-search-results a:hover {
 color:#09235E
}
#spec-search-results a:nth-child(n+2) {
 margin:10px 0 0
}
#spec-search-results.disabled {
 display:none
}
@media (max-width: 991px) {
 #spec-search-results,
 #spec-search-results thead,
 #spec-search-results tfoot,
 #spec-search-results tbody,
 #spec-search-results tr,
 #spec-search-results th,
 #spec-search-results td,
 #spec-search-results caption {
  display:block
 }
 #spec-search-results thead tr,
 #spec-search-results tfoot tr {
  position:absolute;
  right:100vw;
  visibility:hidden
 }
 #spec-search-results tr {
  padding:20px;
  border-bottom:1px solid #CCC
 }
 #spec-search-results td,
 #spec-search-results th {
  padding:8px 0
 }
 #spec-search-results td:empty,
 #spec-search-results th:empty {
  display:none
 }
 #spec-search-results td[data-column-name]:not(:empty),
 #spec-search-results th[data-column-name]:not(:empty) {
  display:flex
 }
 #spec-search-results td[data-column-name]:before,
 #spec-search-results th[data-column-name]:before {
  content:attr(data-column-name) ":";
  width:10em;
  font-weight:bolder;
  color:black;
  flex:0 0 auto
 }
}
@media (max-width: 767px) {
 #spec-search-results td,
 #spec-search-results th {
  padding:10px 0
 }
 #spec-search-results td[data-column-name]:not(:empty),
 #spec-search-results th[data-column-name]:not(:empty) {
  flex-wrap:wrap
 }
 #spec-search-results td[data-column-name]:before,
 #spec-search-results th[data-column-name]:before {
  display:block;
  width:100%;
  margin-bottom:5px
 }
}
@media (min-width: 992px) {
 #spec-search-results {
  margin-left:20px;
  margin-right:20px;
  width:calc( 100% - 40px)
 }
}
#spec-search-pagination {
 font-family:"ClanComp-Book",sans-serif;
 display:flex;
 justify-content:space-between;
 align-items:center;
 margin:0 0 60px
}
#spec-search-pagination li {
 min-width:0;
 flex:0 0 auto;
 width:auto;
 text-align:center
}
#spec-search-pagination li#spec-search-counter {
 flex:1
}
#spec-search-pagination li.disabled {
 visibility:hidden
}
#spec-search-pagination a {
 display:block
}
@media (max-width: 767px) {
 #spec-search-pagination {
  flex-wrap:wrap;
  margin:0 20px
 }
 #spec-search-pagination li {
  max-width:50%
 }
 #spec-search-pagination li#spec-search-counter {
  order:-1;
  flex:0 0 100%;
  margin:0 0 20px;
  max-width:none
 }
 #spec-search-pagination a {
  font-size:14px;
  white-space:nowrap;
  padding:15px
 }
}
#spec-list .items {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 padding:20px;
 box-sizing:border-box
}
#spec-list .item {
 width:calc(50% - 10px);
 margin-bottom:20px;
 background-color:#efefef
}
#spec-list .thumb {
 width:100%;
 background-size:cover
}
#spec-list .thumb:after {
 content:'';
 padding-top:60%;
 display:block
}
#spec-list .copy {
 padding:20px;
 color:#555;
 box-sizing:border-box
}
#spec-list p.title {
 font-family:"ClanComp-Medium",sans-serif;
 font-size:20px;
 margin-bottom:10px;
 color:#222
}
#spec-list .flex-ghost {
 display:none
}
@media only screen and (min-width: 768px) {
 #spec-list {
  margin-bottom:40px
 }
 #spec-list .items {
  padding:0
 }
 #spec-list .item {
  width:calc(33.333333% - 10px)
 }
 #spec-list .copy {
  padding:40px
 }
 #spec-list p.title {
  font-size:25px;
  margin-bottom:30px
 }
 #spec-list .flex-ghost {
  display:block;
  opacity:0;
  visibility:hidden
 }
}
#spec-search-hubspot,
#find-supplier-hubspot {
 background-color:#1b4098;
 padding:45px 20px
}
@media only screen and (min-width: 768px) {
 #spec-search-hubspot,
 #find-supplier-hubspot {
  padding:90px 0
 }
}
#spec-search-hubspot p.intro,
#find-supplier-hubspot p.intro {
 width:100%;
 max-width:500px;
 margin:0 auto 45px auto;
 color:#fff
}
#spec-search-hubspot .hbspt-form,
#find-supplier-hubspot .hbspt-form {
 width:100%;
 max-width:500px;
 margin:0 auto
}
#spec-search-hubspot .hbspt-form form input[type=text],
#spec-search-hubspot .hbspt-form form input[type=email],
#find-supplier-hubspot .hbspt-form form input[type=text],
#find-supplier-hubspot .hbspt-form form input[type=email] {
 display:block;
 width:100%;
 margin-bottom:10px;
 background-color:#fff;
 color:#555;
 border:1px solid #1b4098;
 box-sizing:border-box;
 font-family:"ClanComp-Medium",sans-serif
}
#spec-search-hubspot .hbspt-form form select,
#find-supplier-hubspot .hbspt-form form select {
 display:block;
 background:#fff;
 width:100%;
 color:#555;
 border:1px solid #1b4098;
 border-radius:0;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 margin-bottom:10px;
 font-family:"ClanComp-Medium",sans-serif
}
#spec-search-hubspot .hbspt-form form select:focus,
#find-supplier-hubspot .hbspt-form form select:focus {
 outline:none
}
#spec-search-hubspot .hbspt-form form input[type=text],
#spec-search-hubspot .hbspt-form form input[type=email],
#spec-search-hubspot .hbspt-form form select,
#find-supplier-hubspot .hbspt-form form input[type=text],
#find-supplier-hubspot .hbspt-form form input[type=email],
#find-supplier-hubspot .hbspt-form form select {
 padding:15px;
 font-size:18px
}
#spec-search-hubspot .hbspt-form form select,
#find-supplier-hubspot .hbspt-form form select {
 background-image:url(../img/icon-chevron-down--grey.svg);
 background-repeat:no-repeat;
 background-position:right 15px center;
 font-size:16px
}
#spec-search-hubspot .hbspt-form form ul.inputs-list li label,
#find-supplier-hubspot .hbspt-form form ul.inputs-list li label {
 display:flex;
 align-items:flex-start
}
#spec-search-hubspot .hbspt-form form ul.inputs-list li label input,
#find-supplier-hubspot .hbspt-form form ul.inputs-list li label input {
 margin:3px 0 0 0;
 flex:none;
 width:auto !important
}
#spec-search-hubspot .hbspt-form form ul.inputs-list li label span,
#find-supplier-hubspot .hbspt-form form ul.inputs-list li label span {
 flex:1;
 padding-left:15px;
 font-size:14px;
 line-height:1.4
}
#spec-search-hubspot .hbspt-form form fieldset.form-columns-1 .field,
#spec-search-hubspot .hbspt-form form fieldset.form-columns-2 .field,
#spec-search-hubspot .hbspt-form form .hs-form-field .field,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-1 .field,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-2 .field,
#find-supplier-hubspot .hbspt-form form .hs-form-field .field {
 margin-bottom:30px
}
#spec-search-hubspot .hbspt-form form fieldset.form-columns-1 label,
#spec-search-hubspot .hbspt-form form fieldset.form-columns-2 label,
#spec-search-hubspot .hbspt-form form .hs-form-field label,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-1 label,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-2 label,
#find-supplier-hubspot .hbspt-form form .hs-form-field label {
 display:block;
 color:#fff;
 margin-bottom:10px
}
#spec-search-hubspot .hbspt-form form fieldset.form-columns-1 .input,
#spec-search-hubspot .hbspt-form form fieldset.form-columns-2 .input,
#spec-search-hubspot .hbspt-form form .hs-form-field .input,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-1 .input,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-2 .input,
#find-supplier-hubspot .hbspt-form form .hs-form-field .input {
 margin:0
}
#spec-search-hubspot .hbspt-form form fieldset.form-columns-1 .hs-input,
#spec-search-hubspot .hbspt-form form fieldset.form-columns-2 .hs-input,
#spec-search-hubspot .hbspt-form form .hs-form-field .hs-input,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-1 .hs-input,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-2 .hs-input,
#find-supplier-hubspot .hbspt-form form .hs-form-field .hs-input {
 width:100%
}
#spec-search-hubspot .hbspt-form form .hs-form-field,
#find-supplier-hubspot .hbspt-form form .hs-form-field {
 margin-bottom:30px
}
#spec-search-hubspot .hbspt-form form fieldset.form-columns-1 .hs-error-msg,
#spec-search-hubspot .hbspt-form form fieldset.form-columns-1 label.hs-main-font-element,
#spec-search-hubspot .hbspt-form form fieldset.form-columns-2 .hs-error-msg,
#spec-search-hubspot .hbspt-form form fieldset.form-columns-2 label.hs-main-font-element,
#spec-search-hubspot .hbspt-form form .hs-form-field .hs-error-msg,
#spec-search-hubspot .hbspt-form form .hs-form-field label.hs-main-font-element,
#spec-search-hubspot .hbspt-form form .hs-error-msgs .hs-error-msg,
#spec-search-hubspot .hbspt-form form .hs-error-msgs label.hs-main-font-element,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-1 .hs-error-msg,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-1 label.hs-main-font-element,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-2 .hs-error-msg,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-2 label.hs-main-font-element,
#find-supplier-hubspot .hbspt-form form .hs-form-field .hs-error-msg,
#find-supplier-hubspot .hbspt-form form .hs-form-field label.hs-main-font-element,
#find-supplier-hubspot .hbspt-form form .hs-error-msgs .hs-error-msg,
#find-supplier-hubspot .hbspt-form form .hs-error-msgs label.hs-main-font-element {
 display:block;
 margin-top:10px;
 color:#ccc;
 font-size:14px
}
#spec-search-hubspot .hbspt-form form fieldset.form-columns-2 .field:first-of-type,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-2 .field:first-of-type {
 margin-bottom:30px
}
@media only screen and (min-width: 480px) {
 #spec-search-hubspot .hbspt-form form fieldset.form-columns-2 .field,
 #find-supplier-hubspot .hbspt-form form fieldset.form-columns-2 .field {
  width:calc(50% - 10px)
 }
 #spec-search-hubspot .hbspt-form form fieldset.form-columns-2 .field:first-of-type,
 #find-supplier-hubspot .hbspt-form form fieldset.form-columns-2 .field:first-of-type {
  margin-bottom:0;
  margin-right:10px
 }
 #spec-search-hubspot .hbspt-form form fieldset.form-columns-2 .field:last-child,
 #find-supplier-hubspot .hbspt-form form fieldset.form-columns-2 .field:last-child {
  margin-left:10px
 }
}
#spec-search-hubspot .hbspt-form form fieldset.form-columns-2 .hs-richtext.hs-main-font-element,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-2 .hs-richtext.hs-main-font-element {
 width:100%;
 margin-bottom:30px
}
#spec-search-hubspot .hbspt-form form fieldset.form-columns-2 .hs-richtext.hs-main-font-element h2,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-2 .hs-richtext.hs-main-font-element h2 {
 font-family:"ClanComp-Medium",sans-serif;
 color:#fff;
 text-align:center;
 font-size:26px;
 line-height:1.25
}
#spec-search-hubspot .hbspt-form form .hs_submit,
#find-supplier-hubspot .hbspt-form form .hs_submit {
 padding-top:30px
}
#spec-search-hubspot .hbspt-form form .hs_submit .actions,
#find-supplier-hubspot .hbspt-form form .hs_submit .actions {
 display:flex;
 justify-content:flex-end
}
#spec-search-hubspot .hbspt-form form .hs_submit .actions .hs-button,
#find-supplier-hubspot .hbspt-form form .hs_submit .actions .hs-button {
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 border-radius:0;
 border:2px solid #fff;
 padding:15px 20px;
 color:white;
 background-color:transparent;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1);
 text-transform:uppercase;
 font-size:16px
}
#spec-search-hubspot .hbspt-form form .hs_submit .actions .hs-button:hover,
#find-supplier-hubspot .hbspt-form form .hs_submit .actions .hs-button:hover {
 background-color:#09235E
}
#spec-search-hubspot .hbspt-form .submitted-message,
#find-supplier-hubspot .hbspt-form .submitted-message {
 color:#fff;
 text-align:center;
 font-size:26px
}
#contact-header {
 background-image:url(../img/contact-bg-header.jpg)
}
#contact-header .copy {
 background-color:rgba(18,130,216,0.95)
}
@media only screen and (min-width: 768px) {
 #contact-header .copy {
  background-color:#1282d8
 }
 #contact-header .copy:before {
  background-color:#1282d8
 }
}
#contact-search-form {
 padding:30px 20px;
 background-color:#efefef
}
#contact-search-form input[type="text"] {
 display:block;
 width:100%;
 margin-bottom:10px;
 background-color:#fff;
 color:#1b4098;
 border:1px solid #555;
 box-sizing:border-box
}
#contact-search-form select {
 display:block;
 background:#fff;
 width:100%;
 color:#1b4098;
 border:1px solid #555;
 border-radius:0;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
#contact-search-form select:focus {
 outline:none
}
#contact-search-form input[type="text"],
#contact-search-form select {
 padding:15px;
 font-size:20px;
 margin:0 0 15px 0
}
@media only screen and (max-width: 480px) {
 #contact-search-form input[type="text"],
 #contact-search-form select {
  font-size:90%
 }
}
#contact-search-form select {
 background-image:url(../img/select-arrow-blue.jpg);
 background-repeat:no-repeat;
 background-position:right 15px center
}
#contact-search-form button {
 width:100%
}
@media only screen and (min-width: 768px) {
 #contact-search-form .container {
  display:flex;
  justify-content:space-between
 }
 #contact-search-form input[type="text"],
 #contact-search-form select {
  width:calc(45% - 10px);
  padding:20px;
  font-size:20px;
  margin:0
 }
 #contact-search-form select {
  background-position:right 30px center
 }
 #contact-search-form button {
  width:calc(10% - 10px)
 }
}
@media only screen and (min-width: 1366px) {
 #contact-search-form input[type="text"],
 #contact-search-form select {
  padding:30px;
  font-size:28px;
  margin:0
 }
}
#contact-map {
 min-height:50vh
}
#contact-map #info-window {
 padding:10px 5px
}
#contact-map #info-window p {
 margin-bottom:10px;
 font-family:"ClanComp-Book";
 color:#000;
 line-height:1.5
}
#contact-map #info-window p b {
 font-family:"ClanComp-Medium"
}
#contact-map #info-window p:last-child {
 margin-bottom:0;
 font-size:12px
}
#find-supplier-hubspot {
 background-color:#fff;
 padding-top:0;
 margin-top:0
}
#find-supplier-hubspot .hbspt-form {
 width:100%;
 max-width:500px;
 margin:0 auto
}
#find-supplier-hubspot .hbspt-form form input[type="text"],
#find-supplier-hubspot .hbspt-form form input[type="email"] {
 background-color:#ebebeb;
 color:#7d7d7d;
 border:1px solid #ebebeb
}
#find-supplier-hubspot .hbspt-form form select {
 border:1px solid #ebebeb;
 background-color:#ebebeb;
 background-image:url(../img/icon-chevron-down--blue.svg);
 color:#7d7d7d
}
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-1 label,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-2 label,
#find-supplier-hubspot .hbspt-form form .hs-form-field label {
 color:#555
}
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-1 .hs-error-msg,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-1 label.hs-main-font-element,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-2 .hs-error-msg,
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-2 label.hs-main-font-element,
#find-supplier-hubspot .hbspt-form form .hs-form-field .hs-error-msg,
#find-supplier-hubspot .hbspt-form form .hs-form-field label.hs-main-font-element,
#find-supplier-hubspot .hbspt-form form .hs-error-msgs .hs-error-msg,
#find-supplier-hubspot .hbspt-form form .hs-error-msgs label.hs-main-font-element {
 color:#ca282d
}
#find-supplier-hubspot .hbspt-form form fieldset.form-columns-2 .hs-richtext.hs-main-font-element h2 {
 color:#1b4098
}
#find-supplier-hubspot .hbspt-form form .hs_submit .actions .hs-button {
 border:2px solid #1b4098;
 background-color:#1b4098;
 color:#fff;
 transition:all 300ms cubic-bezier(0.25, 1, 0.2, 1);
 margin:0 auto
}
#find-supplier-hubspot .hbspt-form form .hs_submit .actions .hs-button:hover {
 background-color:#09235E;
 border-color:#09235E
}
.submitted-message {
 color:#1b4098
}
#find-supplier {
 display:none
}
#contact-supplier-list h2 {
 padding:60px 20px 40px;
 text-align:center
}
#contact-supplier-list .item {
 background-color:#efefef;
 margin-bottom:3px;
 padding:30px;
 box-sizing:border-box
}
#contact-supplier-list .logo {
 display:block
}
#contact-supplier-list .web {
 display:block;
 margin:30px 0 10px 0;
 color:#1b4098;
 text-decoration:underline
}
#contact-supplier-list .phone {
 display:block;
 margin-top:10px;
 color:#222
}
#contact-supplier-list .address br {
 display:none
}
#contact-supplier-list button {
 display:block;
 margin:30px auto 0 auto
}
@media only screen and (min-width: 768px) {
 #contact-supplier-list .items {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between
 }
 #contact-supplier-list .item {
  width:calc(33.333333% - 30px);
  margin-bottom:30px
 }
 #contact-supplier-list .address br {
  display:inline
 }
 #contact-supplier-list button {
  margin:0 auto
 }
}
.gform_wrapper .top_label .gfield_label {
 display:inline-block;
 margin-bottom:10px;
 color:#555;
 font-family:"ClanComp-medium", sans-serif
}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
 letter-spacing:normal !important;
 width:100% !important;
 height:auto !important;
 padding:10px 20px !important;
 margin:auto !important;
 font-family:"ClanComp-Medium", sans-serif !important;
 line-height:40px !important;
 font-size:16px;
 background-color:#efefef;
 outline:0;
 border:none;
 resize:none;
 box-sizing:border-box
}
.gravity-forms-half-width {
 width:48% !important;
 display:inline-block;
 margin-right:4%
}
.gravity-forms-half-width--second {
 width:48% !important;
 display:inline-block;
 margin-right:0
}
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
 margin:auto;
 display:block;
 width:100% !important;
 font-family:"ClanComp-Medium", sans-serif;
 font-size:16px;
 text-align:left;
 padding:10px 20px;
 border:none;
 resize:none;
 box-sizing:border-box;
 background-color:#efefef;
 background-image:url(../img/icon-arrow-down-blue.svg);
 background-size:12px auto;
 background-position:95% 50%;
 background-repeat:no-repeat;
 -webkit-appearance:none
}
.gfield.field_sublabel_below.field_description_below.gfield_visibility_visible {
 margin-top:0 !important;
 margin-bottom:30px !important
}
.gform_wrapper textarea.medium {
 height:200px !important;
 padding:25px !important;
 font-family:"ClanComp-Medium", sans-serif !important;
 line-height:40px !important;
 font-size:16px !important
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type="submit"] {
 width:100% !important;
 max-width:220px !important;
 color:#fff !important;
 background-color:#1b4098 !important;
 border:0 !important;
 padding:15px 45px 15px 45px !important;
 text-transform:uppercase !important;
 margin:0 !important;
 font-family:"ClanComp-Medium", sans-serif !important;
 font-size:12px !important
}
#aac-hero,
#aac-hero-2 {
 background-image:url(../img/acc-hero-1.jpg);
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center center;
 padding-bottom:0
}
#aac-hero .copy,
#aac-hero-2 .copy {
 height:100%;
 max-width:75%;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:flex-start;
 padding:50px 20px;
 box-sizing:border-box
}
#aac-hero h1,
#aac-hero-2 h1 {
 margin-bottom:20px;
 font-size:35px;
 color:#1b4098
}
#aac-hero hr,
#aac-hero-2 hr {
 background-color:#555;
 margin-left:0
}
#aac-hero p,
#aac-hero-2 p {
 max-width:60%;
 margin-bottom:30px;
 font-family:"ClanComp-Book",sans-serif;
 font-size:13px;
 line-height:20px;
 color:#222
}
@media only screen and (min-width: 768px) {
 #aac-hero,
 #aac-hero-2 {
  min-height:300px;
  padding-bottom:80px
 }
 #aac-hero .copy,
 #aac-hero-2 .copy {
  max-width:100%
 }
 #aac-hero h1,
 #aac-hero-2 h1 {
  margin:80px 0 40px 0;
  font-size:80px
 }
 #aac-hero p,
 #aac-hero-2 p {
  margin-bottom:35px;
  font-size:24px;
  line-height:1.5
 }
}
@media only screen and (min-width: 992px) {
 #aac-hero .copy,
 #aac-hero-2 .copy {
  max-width:75%
 }
}
@media only screen and (min-width: 1366px) {
 #aac-hero p,
 #aac-hero-2 p {
  max-width:50%
 }
}
#aac-hero-2 {
 background-image:url(../img/acc-hero-2.jpg)
}
#aac-hero-2 h1 {
 color:#fff
}
#aac-hero-2 hr {
 background-color:#70598A
}
#aac-hero-2 p {
 color:#fff
}
#aac-find-supplier .copy,
#aac-find-supplier-2 .copy {
 padding:20px 20px 20px 20px;
 text-align:center;
 color:#484848
}
#aac-find-supplier h2,
#aac-find-supplier-2 h2 {
 color:#484848
}
#aac-find-supplier p,
#aac-find-supplier-2 p {
 margin-bottom:30px
}
#aac-find-supplier .product-image,
#aac-find-supplier-2 .product-image {
 width:100%;
 margin-left:-40px
}
#aac-find-supplier .swiper-outer-container,
#aac-find-supplier-2 .swiper-outer-container {
 display:none
}
@media only screen and (min-width: 768px) {
 #aac-find-supplier,
 #aac-find-supplier-2 {
  background-image:url(../img/acc-find-supplier.jpg);
  background-size:50%;
  background-repeat:no-repeat
 }
 #aac-find-supplier .copy,
 #aac-find-supplier-2 .copy {
  margin-left:50%;
  padding:50px 0 0 40px;
  padding-left:40px;
  text-align:left
 }
 #aac-find-supplier .copy hr,
 #aac-find-supplier-2 .copy hr {
  margin-left:0
 }
 #aac-find-supplier .copy .product-image,
 #aac-find-supplier-2 .copy .product-image {
  display:none
 }
 #aac-find-supplier .swiper-outer-container,
 #aac-find-supplier-2 .swiper-outer-container {
  display:block;
  margin:0 auto
 }
 #aac-find-supplier .swiper-container,
 #aac-find-supplier-2 .swiper-container {
  padding-bottom:40px
 }
 #aac-find-supplier .swiper-wrapper,
 #aac-find-supplier-2 .swiper-wrapper {
  margin-bottom:0
 }
 #aac-find-supplier .swiper-slide,
 #aac-find-supplier-2 .swiper-slide {
  box-sizing:border-box
 }
 #aac-find-supplier .swiper-slide img,
 #aac-find-supplier-2 .swiper-slide img {
  display:block;
  width:100%;
  margin:0
 }
 #aac-find-supplier .swiper-slide-active,
 #aac-find-supplier-2 .swiper-slide-active {
  border:4px solid #4bc6f4;
  margin:0
 }
}
#aac-find-supplier-2 hr {
 background-color:#484848
}
@media only screen and (min-width: 768px) {
 #aac-find-supplier-2 {
  padding-bottom:60px;
  background-image:url(../img/acc-product-image.png);
  background-size:60%;
  background-repeat:no-repeat
 }
}
@media only screen and (min-width: 992px) {
 #aac-find-supplier-2 {
  margin-top:-100px;
  padding-top:100px;
  min-height:550px;
  background-size:60%
 }
}
@media only screen and (min-width: 1366px) {
 #aac-find-supplier-2 {
  margin-top:-100px;
  padding-top:150px;
  min-height:600px;
  background-size:50%
 }
}
#aac-spec-tool,
#aac-spec-tool-2 {
 background-image:url(../img/acc-spec-tool.jpg);
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center center;
 padding-bottom:0
}
#aac-spec-tool .copy,
#aac-spec-tool-2 .copy {
 height:100%;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:flex-start;
 padding:50px 20px;
 box-sizing:border-box
}
#aac-spec-tool h1,
#aac-spec-tool-2 h1 {
 margin-bottom:20px;
 font-size:35px;
 color:#fff
}
#aac-spec-tool hr,
#aac-spec-tool-2 hr {
 background-color:#caa923;
 margin-left:0
}
#aac-spec-tool p,
#aac-spec-tool-2 p {
 margin-bottom:30px;
 font-size:13px;
 line-height:20px;
 color:#fff
}
#aac-spec-tool .video,
#aac-spec-tool-2 .video {
 width:50%;
 margin:0 auto
}
@media only screen and (max-width: 1366px) {
 #aac-spec-tool .video,
 #aac-spec-tool-2 .video {
  width:75%
 }
}
@media only screen and (max-width: 992px) {
 #aac-spec-tool .video,
 #aac-spec-tool-2 .video {
  width:100%
 }
}
@media only screen and (min-width: 992px) {
 #aac-spec-tool .copy,
 #aac-spec-tool-2 .copy {
  text-align:center;
  padding:50px 0
 }
 #aac-spec-tool h1,
 #aac-spec-tool-2 h1 {
  margin-bottom:40px;
  margin:0 auto 40px auto;
  font-size:60px
 }
 #aac-spec-tool hr,
 #aac-spec-tool-2 hr {
  margin:0 auto 40px
 }
 #aac-spec-tool p,
 #aac-spec-tool-2 p {
  margin-bottom:35px;
  font-size:16px;
  line-height:26px
 }
 #aac-spec-tool button,
 #aac-spec-tool-2 button {
  margin:0 auto
 }
}
#aac-spec-tool-2 {
 margin-top:60px;
 background-image:url(../img/acc-spec-tool-2-sml-bg.jpg);
 background-size:contain;
 background-repeat:repeat
}
#aac-spec-tool-2 .aac-spec-image {
 width:100%;
 height:auto;
 display:block
}
@media only screen and (min-width: 992px) {
 #aac-spec-tool-2 {
  margin-top:0;
  background-image:url(../img/acc-spec-tool-2.jpg);
  background-size:cover;
  min-height:900px
 }
 #aac-spec-tool-2 .copy {
  text-align:left;
  width:45%
 }
 #aac-spec-tool-2 hr {
  margin:0 0 40px
 }
 #aac-spec-tool-2 button {
  margin:0
 }
 #aac-spec-tool-2 .aac-spec-image {
  display:none
 }
}
#downloads-header {
 padding:60px 20px;
 background-color:#efefef;
 text-align:center
}
#downloads-main {
 padding:20px 0 0
}
#downloads-main .tabs-container .content {
 display:block;
 padding:0;
 background-color:transparent;
 max-height:0;
 transition:max-height 0.2s ease-out
}
#downloads-main .tabs-container .content.active {
 max-height:9200px
}
#downloads-main .tabs-container .accordion-button {
 background-color:#8b8987;
 color:#fff
}
#downloads-main .tabs-container .accordion-button:after {
 top:6px;
 background-image:url("../img/icon-arrow-right-white.svg")
}
#downloads-main .tabs-container .tabs-header li.tab-button {
 width:100%
}
#downloads-main ul.download-filter {
 display:flex;
 overflow-x:scroll;
 align-items:center;
 border-bottom:1px solid #555;
 padding:5px 0;
 margin:0
}
#downloads-main ul.download-filter li {
 padding:10px 15px;
 margin:0 10px;
 font-size:13px;
 color:#67686d;
 text-align:center;
 cursor:pointer
}
#downloads-main ul.download-filter li:hover {
 color:#1a1a1d
}
#downloads-main ul.download-filter li.active {
 border-bottom:3px solid #1b4098
}
#downloads-main article.download {
 width:calc(50% - 60px);
 margin:0 30px 10px
}
@media only screen and (min-width: 768px) {
 #downloads-main .tabs-container {
  background-color:#fff
 }
 #downloads-main .tabs-container .tabs-header li {
  height:80px;
  line-height:64px
 }
 #downloads-main .tabs-content {
  margin:0 auto
 }
 #downloads-main .tabs-content .content.active {
  padding-top:20px
 }
 #downloads-main .tabs-content .item {
  padding:0;
  background-color:#efefef;
  background-image:none;
  border:none
 }
 #downloads-main .tabs-content .thumb {
  width:100%;
  border:none
 }
 #downloads-main .tabs-content .thumb:before {
  content:"";
  display:block;
  width:0;
  padding-top:70%
 }
 #downloads-main .tabs-content .copy {
  width:100%;
  margin-left:0;
  padding:40px;
  box-sizing:border-box
 }
 #downloads-main .tabs-content article.download {
  width:130px;
  margin:0 30px 10px
 }
 #downloads-main .tabs-content article.download.videos {
  width:310px
 }
 #downloads-main ul.download-filter {
  display:flex;
  align-items:stretch;
  justify-content:center;
  overflow:auto;
  padding:20px 100px;
  margin:0 10px
 }
 #downloads-main ul.download-filter li {
  font-size:16px
 }
}
.download-accordion {
 padding:20px
}
.download-accordion .item.active .item-listing:after {
 transform:rotate(90deg)
}
.download-accordion .item:not(:last-child) .item-listing {
 border-bottom:0
}
.download-accordion .item:last-child .item-content {
 border-top:none
}
.download-accordion .item-listing {
 position:relative;
 display:flex;
 justify-content:space-between;
 align-items:center;
 border:1px solid #c7c1bb;
 padding:20px;
 cursor:pointer !important
}
.download-accordion .item-listing .logo {
 display:none;
 width:100px;
 height:100px;
 background-image:url(../img/placeholder-product-accessories-logo.jpg);
 background-position:center center;
 background-size:contain
}
.download-accordion .item-listing .copy {
 width:calc(100% - 120px);
 padding-right:40px;
 box-sizing:border-box;
 cursor:pointer !important
}
.download-accordion .item-listing .title {
 color:#1b4098;
 font-size:16px;
 cursor:pointer !important
}
.download-accordion .item-listing .desc {
 display:none;
 color:#555;
 font-family:"ClanComp-Book",sans-serif;
 font-size:12px;
 line-height:16px
}
.download-accordion .item-listing:after {
 content:"";
 position:absolute;
 top:50%;
 right:30px;
 transform:translateY(-50%);
 width:20px;
 height:30px;
 margin-top:-13px;
 background-image:url(../img/icon-prev.png);
 background-repeat:no-repeat;
 background-size:cover;
 transform:rotate(-90deg)
}
.download-accordion .item-content {
 display:none;
 border-top:1px solid #c7c1bb
}
.download-accordion .item-content .download-items {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 padding:30px 0
}
@media only screen and (min-width: 992px) {
 .download-accordion {
  padding-bottom:60px
 }
 .download-accordion .item-listing {
  background-color:#fff;
  padding:0
 }
 .download-accordion .item-listing .title {
  font-size:32px
 }
}
#content-simple-header {
 background-color:#efefef
}
#content-simple-header .copy {
 width:100%;
 text-align:center
}
#content-simple-header .copy h1 {
 color:#1b4098
}
.content-simple-body {
 padding:30px 20px
}
.content-simple-body article h1 {
 font-size:24px;
 line-height:36px;
 font-weight:700;
 margin:30px 0 15px;
 line-height:1.5em
}
.content-simple-body article h2 {
 color:#222;
 font-weight:700;
 margin:30px 0 15px;
 line-height:1.5em
}
.content-simple-body article p {
 margin-bottom:1.25em
}
.content-simple-body article ul {
 margin-bottom:30px
}
.content-simple-body article ul li {
 font-family:"ClanComp-Book",sans-serif;
 font-weight:300;
 color:#555;
 line-height:1.5em;
 margin-left:30px;
 list-style-type:disc
}
.content-simple-body article hr {
 border-top-color:#efefef;
 margin:30px 0
}
@media only screen and (min-width: 768px) {
 .content-simple-body {
  padding:30px 0
 }
}
#coatings-header {
 background-image:url(../img/coatings-bg-header.jpg)
}
#coatings-header .copy {
 background-color:#28acae
}
@media only screen and (min-width: 768px) {
 #coatings-header .copy {
  background-color:#28acae
 }
 #coatings-header .copy:before {
  background-color:#28acae
 }
}
#coatings-intro {
 margin-top:60px
}
#coatings-intro .copy {
 padding:0 20px 20px 20px;
 text-align:left;
 color:#484848
}
#coatings-intro h3 {
 color:#1b4098;
 text-align:left !important
}
#coatings-intro p {
 margin-bottom:30px
}
#coatings-intro .coatings-image {
 width:100%;
 height:auto;
 margin-top:30px
}
@media only screen and (min-width: 768px) {
 #coatings-intro {
  background-image:url(../img/coatings-intro.jpg);
  background-size:50%;
  background-repeat:no-repeat
 }
 #coatings-intro .large-title {
  font-size:45px;
  text-align:left
 }
 #coatings-intro .copy {
  margin-left:50%;
  padding:0 0 0 40px;
  padding-left:40px;
  text-align:left
 }
 #coatings-intro .copy .coatings-image {
  display:none
 }
}
#coatings-gallery {
 position:relative;
 background-color:#efefef;
 text-align:center;
 margin:120px 0 0 0;
 padding:120px 20px
}
#coatings-gallery .lead {
 width:800px;
 margin:0 auto
}
#coatings-gallery .swiper-container {
 margin:0 auto
}
#coatings-gallery .swiper-slide {
 background-size:cover;
 background-position:center
}
#coatings-gallery .gallery {
 margin:0 0 20px
}
#coatings-gallery .gallery-top {
 width:100%;
 margin-top:60px
}
#coatings-gallery .gallery-top .swiper-slide:before {
 content:'';
 display:block;
 padding-top:60%
}
#coatings-gallery .gallery-thumbs {
 position:relative;
 box-sizing:border-box;
 margin:30px 0 30px 0;
 padding:0 60px
}
#coatings-gallery .gallery-thumbs .swiper-slide {
 width:25%;
 height:100%;
 box-sizing:border-box;
 border:1px solid #fff
}
#coatings-gallery .gallery-thumbs .swiper-slide:before {
 content:'';
 display:block;
 padding-top:100%
}
#coatings-gallery .gallery-thumbs .swiper-slide-active {
 border:2px solid #1b4098
}
@media only screen and (min-width: 768px) {
 #coatings-gallery .gallery-thumbs {
  margin:60px 0 0;
  padding:0 80px
 }
}
#coatings-recommended {
 background-color:#E3E9E9;
 text-align:center;
 padding:120px 20px
}
#coatings-recommended h3 {
 max-width:70%;
 margin:auto
}
#coatings-recommended .items-container {
 margin:60px 0 0 0 !important
}
#coatings-recommended .items-container .swiper-container {
 padding:0
}
#coatings-recommended .items-container .swiper-wrapper {
 display:flex
}
#coatings-recommended .items-container .swiper-slide {
 height:auto;
 width:32.25%;
 background-color:#fff
}
#coatings-recommended .items-container .image {
 height:240px
}
#coatings-recommended .items-container .text {
 background-color:#fff
}
@media only screen and (max-width: 480px) {
 #coatings-recommended {
  padding:90px 0
 }
 #coatings-recommended .items-container {
  margin:20px !important
 }
 #coatings-recommended .items-container .swiper-wrapper {
  display:block
 }
 #coatings-recommended .items-container .swiper-slide {
  width:100%;
  margin:30px 0
 }
}
#coatings-colours {
 background-color:#efefef;
 background-color:#fff;
 text-align:center;
 padding:120px 20px
}
#coatings-colours .image {
 margin:0 0 10px
}
#coatings-colours .image img {
 max-width:100%;
 height:auto;
 border-radius:100%
}
#coatings-subscribe {
 display:block
}
#benefits-hero {
 background-image:url(../img/bg-benefits.jpg);
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center center;
 padding-bottom:0
}
#benefits-hero h1 {
 margin:0 auto;
 padding:60px 20px;
 color:#1b4098;
 text-align:center
}
@media only screen and (min-width: 992px) {
 #benefits-hero h1 {
  padding:90px 30px
 }
}
#benefits-intro {
 width:100%;
 background-color:#FAFAFA;
 padding:120px 0 90px 0
}
#benefits-intro .container {
 text-align:center
}
#benefits-intro .container p {
 width:70%;
 margin-left:auto;
 margin-right:auto
}
@media only screen and (max-width: 480px) {
 #benefits-intro {
  padding:90px 0 40px 0
 }
 #benefits-intro .container {
  padding:0 20px
 }
 #benefits-intro p {
  width:100% !important
 }
}
@media only screen and (max-width: 1366px) {
 #benefits-intro {
  padding:90px 0 60px 0
 }
 #benefits-intro p {
  width:80% !important
 }
}
.benefit-item {
 width:100%;
 padding:15px 20px;
 margin-bottom:10px;
 background-color:#fff;
 box-sizing:border-box
}
.benefit-item:nth-child(even) {
 background-color:#F8F8F8
}
.benefit-item:nth-child(even) .image {
 background-color:#fff
}
.benefit-item .copy {
 margin-bottom:15px
}
.benefit-item .copy .title {
 display:flex;
 justify-content:space-around;
 align-items:center;
 margin-bottom:15px
}
.benefit-item .copy .icon {
 display:block;
 flex-basis:auto;
 width:80px;
 height:80px;
 background-image:url("../img/icon_benefit-construction.png");
 background-position:center;
 background-size:contain;
 background-color:#EF8B23;
 float:left;
 border-radius:100%;
 margin-right:20px
}
.benefit-item .copy h1 {
 width:calc(100% - 110px);
 font-size:24px;
 font-family:"ClanComp-Medium",sans-serif
}
.benefit-item .copy h1:after {
 content:"";
 display:table;
 clear:both
}
.benefit-item .copy ul {
 margin-left:20px;
 list-style-type:disc;
 font-size:14px;
 line-height:20px;
 color:#555555;
 font-family:"ClanComp-Medium",sans-serif
}
.benefit-item .copy hr {
 display:none
}
.benefit-item .copy p:last-of-type {
 margin-bottom:0 !important
}
.benefit-item .copy small {
 font-size:75%;
 opacity:0.75
}
.benefit-item .image {
 background-color:#F8F8F8;
 padding:30px;
 box-sizing:border-box
}
.benefit-item .image img {
 width:100%;
 height:auto
}
.benefit-item.benefit-insulation {
 background-color:#8FB1CA;
 text-align:center
}
.benefit-item.benefit-insulation * {
 color:#fff
}
.benefit-item.benefit-insulation .bcol-copy {
 width:100%;
 padding:0 20px
}
.benefit-item.benefit-insulation hr {
 margin:30px auto
}
.benefit-item.benefit-insulation .icon {
 float:none;
 margin:0 auto 30px auto
}
@media only screen and (min-width: 480px) {
 .benefit-item {
  padding:120px 0
 }
 .benefit-item:nth-child(even) .container {
  flex-direction:row-reverse
 }
 .benefit-item .container {
  display:flex;
  justify-content:space-between
 }
 .benefit-item .copy {
  width:calc(50% - 30px)
 }
 .benefit-item .copy h1 {
  font-size:42px
 }
 .benefit-item .copy hr {
  display:block;
  width:20%;
  height:4px;
  margin:30px 0 0 0;
  background-color:#EF8B23
 }
 .benefit-item .copy ul {
  font-size:16px;
  line-height:22px
 }
 .benefit-item .image {
  width:50%
 }
}
@media only screen and (min-width: 480px) and (max-width: 480px) {
 .benefit-item.benefit-insulation {
  text-align:left
 }
 .benefit-item.benefit-insulation .icon {
  float:left;
  margin:0 20px 0 0
 }
}
#search-header {
 position:relative;
 height:220px;
 padding:75px 20px;
 text-align:center;
 background-image:url(../img/hero-search.jpg);
 background-size:cover;
 background-position:50% 50%;
 box-sizing:border-box
}
#search-header form {
 position:absolute;
 bottom:0;
 left:0;
 right:0
}
#search-header input {
 width:100%;
 padding:0 15px;
 background-color:#fff;
 border:1px solid #898175;
 line-height:50px;
 font-size:16px;
 box-sizing:border-box
}
#search-header button {
 position:absolute;
 bottom:1px;
 right:1px;
 top:1px;
 width:50px;
 background-image:url(../img/icon-search.png);
 background-size:20px;
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-color:#898175
}
@media only screen and (min-width: 768px) {
 #search-header {
  height:375px;
  padding:90px 20px
 }
 #search-header form {
  position:relative;
  max-width:620px;
  margin:auto
 }
 #search-header input {
  width:100%;
  padding:0 30px;
  line-height:60px;
  font-size:20px
 }
 #search-header button {
  right:20px;
  background-color:transparent;
  background-image:url(../img/icon-search-blue.png);
  background-size:26px auto
 }
}
@media only screen and (min-width: 992px) {
 #search-header input {
  line-height:100px
 }
 #search-header button {
  background-size:40px auto
 }
}
#search-results {
 max-width:1000px;
 min-height:300px;
 margin:30px auto
}
#search-results .tabs-container .tabs-header,
#search-results .tabs-container .tabs-header.full-width:before,
#search-results .tabs-container .tabs-header li.tab-button {
 background:none
}
#search-results .tabs-container .tabs-header {
 justify-content:space-between
}
#search-results .tabs-container .tabs-header li.tab-button {
 width:auto;
 height:auto;
 padding:10px 20px;
 color:#a0a0a0;
 font-weight:bold;
 border-bottom:4px solid #fff
}
#search-results .tabs-container .tabs-header li.tab-button.active {
 border-bottom:4px solid #1b4098
}
#search-results .tabs-container .tabs-header li.tab-button.active:after {
 border:none
}
#search-results .tabs-container .content {
 display:block;
 padding:0;
 background-color:transparent
}
#search-results .tabs-container .accordion-button {
 background-color:#8b8987;
 color:#fff
}
#search-results .tabs-container .accordion-button:after {
 background-image:url(../img/icon-arrow-right-white.svg)
}
#search-results .tabs-content .content.active {
 display:block !important
}
#search-results .tabs-content .content li {
 margin-bottom:40px
}
#search-results .tabs-content a {
 display:block
}
#search-results .tabs-content h3 {
 font-size:20px;
 line-height:24px;
 margin-bottom:15px;
 font-family:"ClanComp-Medium",sans-serif;
 color:#1b4098
}
#search-results .tabs-content p {
 font-family:"ClanComp-Book",sans-serif
}
#search-results .tabs-content ul.listing {
 margin:30px 15px;
 font-family:"ClanComp-Book",sans-serif;
 color:#555
}
#search-results .tabs-content ul.listing li.search-result {
 width:100%;
 padding:50px 0 20px;
 border-bottom:1px solid #ccc;
 background-image:none
}
#search-results .tabs-content nav {
 display:block;
 width:100%
}
#search-results .results-found {
 width:100%;
 padding-left:15px;
 background:#ebebeb;
 line-height:45px
}
@media only screen and (min-width: 768px) {
 #search-results {
  margin:50px auto
 }
 #search-results .tabs-container {
  background-color:#fff
 }
 #search-results .tabs-content {
  margin:0 auto
 }
 #search-results .search-result {
  width:100%
 }
 #search-results .results-found {
  border-top:1px solid #b2b2b2
 }
}
#case-study-hero {
 background-color:#efefef;
 background-image:url(../img/case-study-hero.jpg);
 background-position:center center;
 background-size:cover
}
#case-study-hero:before {
 content:'';
 display:block;
 padding-top:30%
}
.case-study-wrapper {
 background-color:#f5f5f5
}
@media only screen and (min-width: 768px) {
 .case-study-wrapper {
  padding-bottom:30px
 }
}
.case-study-wrapper .container {
 max-width:1150px
}
.case-study-wrapper .breadcrumbs {
 width:100%;
 list-style:none;
 text-align:center;
 font-size:13px;
 color:#b2b2b2;
 margin:0 auto 40px;
 padding:70px 0 35px;
 border-bottom:1px solid #b2b2b2;
 max-width:299px
}
.case-study-wrapper .breadcrumbs li {
 display:inline-block
}
.case-study-wrapper .breadcrumbs li:after {
 content:' >'
}
.case-study-wrapper .breadcrumbs li:last-child:after {
 content:''
}
.case-study-wrapper .breadcrumbs a {
 color:#b2b2b2
}
.case-study-title {
 display:block;
 text-align:center;
 max-width:600px;
 margin:40px auto;
 padding:0 30px;
 font-family:"ClanComp-Medium",sans-serif;
 font-size:24px;
 line-height:1.4
}
@media (min-width: 768px) {
 .case-study-title {
  max-width:800px;
  font-size:30px
 }
}
#case-study-main {
 background-color:#fff;
 box-sizing:border-box;
 padding:30px
}
@media (min-width: 768px) {
 #case-study-main {
  padding:70px 30px 140px
 }
}
#case-study-main .content {
 max-width:780px;
 margin:0 auto
}
#case-study-main h2 {
 font-size:20px;
 font-family:'ClanComp-Bold';
 margin-top:30px;
 margin-bottom:15px;
 padding-bottom:5px;
 border-bottom:4px solid #1b4098
}
#case-study-main h4 {
 font-family:"ClanComp-Medium", sans-serif;
 font-size:22px;
 color:#1b4098;
 line-height:1.2;
 margin:20px 0 10px
}
#case-study-main h4 a {
 color:#1b4098
}
#case-study-main p.difficulty {
 margin-bottom:90px
}
#case-study-main p.difficulty span {
 color:#1b4098
}
#case-study-main .large-title {
 text-align:left
}
#case-study-main p {
 font-family:"ClanComp-Book",sans-serif;
 color:#555;
 line-height:1.5
}
#case-study-main p a {
 color:#1b4098
}
#case-study-main p.small {
 font-size:14px;
 line-height:20px;
 color:#555
}
#case-study-main p img {
 width:100%;
 height:auto
}
#case-study-main blockquote {
 position:relative;
 padding:40px;
 padding-left:60px;
 background:#edf2f8;
 color:#7788b4;
 display:block;
 line-height:1.6;
 margin:20px 0
}
#case-study-main blockquote:before {
 position:absolute;
 font-size:60px;
 line-height:1;
 content:"\201C";
 left:25px;
 top:45px
}
@media only screen and (min-width: 992px) {
 #case-study-main blockquote {
  padding:50px;
  padding-left:80px
 }
 #case-study-main blockquote:before {
  font-size:80px;
  left:30px;
  top:60px
 }
}
#case-study-main blockquote p {
 color:inherit;
 font-family:inherit
}
#case-study-main em,
#case-study-main .wp-caption-text {
 font-size:12px;
 font-style:normal;
 margin:20px 0
}
#case-study-main .arrow-bullets {
 font-family:"ClanComp-Book",sans-serif;
 font-weight:400;
 font-size:16px;
 line-height:22px;
 margin-bottom:30px
}
@media only screen and (max-width: 480px) {
 #case-study-main .arrow-bullets {
  font-size:14px;
  line-height:20px
 }
}
#case-study-main ul {
 list-style-type:disc;
 margin:0 0 20px 0;
 font-family:"ClanComp-Book",sans-serif
}
#case-study-main ul li {
 font-weight:400;
 font-size:16px;
 line-height:26px;
 margin:0 0 10px 20px
}
#case-study-main ol {
 margin-left:30px;
 list-style-type:decimal;
 font-family:"ClanComp-Book",sans-serif;
 color:#555;
 font-size:16px;
 line-height:20px
}
#case-study-main .content-image {
 width:100%;
 height:auto;
 margin-bottom:30px
}
#case-study-main .tabs-container .tabs-header+.tabs-content,
#case-study-main .tabs-container .accordion-button.active+.content {
 border:none
}
#case-study-main .accordion-button {
 padding:30px 0;
 font-family:"ClanComp-Medium",sans-serif;
 color:#1b4098;
 border:none;
 border-bottom:3px solid #1b4098
}
#case-study-main .accordion-button:after {
 background:url(../img/icon-arrow-right-blue.svg)
}
#case-study-main .accordion-button.active {
 background-color:#fff
}
#case-study-main .accordion-button.active:after {
 background:url(../img/icon-arrow-right-blue.svg)
}
#case-study-main .tabs-content {
 background-color:#fff
}
#case-study-main img[class^='size'],
#case-study-main .content-image {
 width:100%;
 height:auto;
 margin-bottom:30px
}
@media only screen and (min-width: 768px) {
 #case-study-main {
  width:60%;
  padding-bottom:100px
 }
 #case-study-main.full-width {
  width:100%
 }
 #case-study-main h2 {
  margin-top:50px;
  margin-bottom:30px;
  padding-bottom:10px;
  font-size:28px
 }
 #case-study-main .tabs-container .container {
  overflow:hidden
 }
 #case-study-main .tabs-header {
  display:none
 }
 #case-study-main .accordion-button {
  display:block
 }
 #case-study-main .tabs-header:before {
  display:none
 }
 #case-study-main .item {
  display:flex;
  align-items:flex-start;
  justify-content:space-between
 }
 #case-study-main .item img {
  width:200px;
  margin-right:15px
 }
}
#case-study-main .swiper-container {
 margin:0 auto
}
#case-study-main .swiper-slide {
 background-size:cover;
 background-position:center
}
#case-study-main .gallery {
 margin:0 0 20px;
 position:relative
}
@media (max-width: 767px) {
 #case-study-main .gallery {
  margin:0 -30px 20px
 }
}
#case-study-main .gallery .swiper-button-prev,
#case-study-main .gallery .swiper-button-next {
 width:33px;
 height:47px
}
@media (max-width: 767px) {
 #case-study-main .gallery .swiper-button-prev,
 #case-study-main .gallery .swiper-button-next {
  display:none
 }
}
#case-study-main .gallery .swiper-button-prev {
 left:-60px;
 background:url("../img/arrow-left.png") 0 0 no-repeat
}
#case-study-main .gallery .swiper-button-next {
 right:-60px;
 background:url("../img/arrow-right.png") 0 0 no-repeat
}
#case-study-main .gallery-top {
 width:100%;
 margin-top:60px
}
#case-study-main .gallery-top .swiper-slide:before {
 content:'';
 display:block;
 padding-top:60%
}
#case-study-main .gallery-thumbs {
 position:relative;
 box-sizing:border-box;
 margin:30px 0;
 padding:0 60px
}
#case-study-main .gallery-thumbs .swiper-slide {
 width:25%;
 height:100%;
 box-sizing:border-box;
 border:1px solid #fff
}
#case-study-main .gallery-thumbs .swiper-slide:before {
 content:'';
 display:block;
 padding-top:100%
}
#case-study-main .gallery-thumbs .swiper-slide-active {
 border:2px solid #1b4098
}
@media only screen and (min-width: 768px) {
 #case-study-main .gallery-thumbs {
  margin:60px 0 0;
  padding:0 80px
 }
}
#case-study-main .btn-share {
 display:inline-block;
 padding:12px 30px 12px 45px;
 background-position:18px 12px;
 line-height:21px
}
#case-study-sidebar {
 display:none
}
@media only screen and (min-width: 768px) {
 #case-study-sidebar {
  width:40%;
  display:block;
  padding:30px;
  box-sizing:border-box
 }
 #case-study-sidebar .large-title {
  text-align:left;
  font-size:30px;
  border-bottom:3px solid #1b4098;
  font-family:"ClanComp-Bold", sans-serif;
  padding:30px 0 15px
 }
 #case-study-sidebar .small-title {
  font-size:24px;
  line-height:30px;
  border-bottom:1px solid #e1e1e1;
  margin-bottom:15px
 }
 #case-study-sidebar ul.sidebar-list,
 #case-study-sidebar ul.component-list {
  margin-bottom:30px
 }
 #case-study-sidebar ul.sidebar-list li,
 #case-study-sidebar ul.component-list li {
  padding:8px 0 4px;
  border-bottom:1px solid #e1e1e1;
  font-family:"ClanComp-Book", sans-serif;
  color:#555;
  font-size:16px;
  line-height:22px
 }
 #case-study-sidebar ul.sidebar-list li p,
 #case-study-sidebar ul.component-list li p {
  font-family:"ClanComp-Book", sans-serif;
  color:#555;
  margin-bottom:0
 }
 #case-study-sidebar ul.sidebar-list li.title,
 #case-study-sidebar ul.component-list li.title {
  color:#222;
  font-family:"ClanComp-Medium", sans-serif
 }
 #case-study-sidebar ul.component-list {
  border-bottom:1px solid #e1e1e1
 }
 #case-study-sidebar ul.component-list li {
  border:none
 }
 #case-study-sidebar .what-else-item {
  margin-bottom:15px
 }
 #case-study-sidebar .what-else-item img {
  display:block;
  width:100%
 }
 #case-study-sidebar .what-else-item .copy {
  background-color:#fff;
  font-family:"ClanComp-Book", sans-serif;
  color:#4f4332;
  font-size:20px;
  line-height:26px;
  padding:30px
 }
}
body.single-story #segment-faq,
.segment-faq-case-study {
 background-color:#E9E8E6 !important;
 color:#7c796b
}
body.single-story #segment-faq h3,
.segment-faq-case-study h3 {
 color:#7c796b !important
}
body.single-story #segment-faq article.faq .question,
.segment-faq-case-study article.faq .question {
 color:#7c796b;
 border-color:#7c796b !important;
 cursor:pointer
}
body.single-story #segment-faq article.faq .question:after,
.segment-faq-case-study article.faq .question:after {
 background-image:url(../img/icon-arrow-right-brown.svg)
}
body.single-story #segment-faq article.faq .answer,
.segment-faq-case-study article.faq .answer {
 background-color:#f8f6ed
}
body.single-story #segment-faq article.faq.active .question,
.segment-faq-case-study article.faq.active .question {
 background-color:#e9e8e7
}
body.single-story #segment-faq article.faq:last-child,
.segment-faq-case-study article.faq:last-child {
 border-color:#7c796b !important
}
#diy-hero {
 background-color:#efefef;
 background-image:url(../img/case-study-hero.jpg);
 background-position:center center;
 background-size:cover;
 height:200px
}
#diy-hero:before {
 content:'';
 display:block;
 padding-top:30%
}
.diy-wrapper {
 background-color:#f5f5f5
}
.diy-wrapper .container {
 display:flex
}
@media only screen and (min-width: 768px) {
 .diy-wrapper {
  padding-bottom:30px
 }
}
#diy-main {
 padding:30px;
 background-color:#fff
}
#diy-main h2 {
 font-size:20px;
 font-family:'ClanComp-Bold';
 margin-top:30px;
 margin-bottom:15px;
 padding-bottom:5px;
 border-bottom:4px solid #1b4098
}
#diy-main p.difficulty {
 margin-bottom:90px
}
#diy-main p.difficulty span {
 color:#1b4098;
 font-family:'ClanComp-Medium'
}
#diy-main .large-title {
 text-align:left
}
#diy-main p {
 font-family:"ClanComp-Book",sans-serif;
 color:#222
}
#diy-main p a {
 color:#1b4098
}
#diy-main p.small {
 font-size:14px;
 line-height:20px;
 color:#555
}
#diy-main p img {
 width:100%;
 height:auto
}
#diy-main .arrow-bullets {
 font-family:"ClanComp-Book",sans-serif;
 font-weight:400;
 font-size:16px;
 line-height:22px;
 margin-bottom:30px
}
@media only screen and (max-width: 992px) {
 #diy-main .arrow-bullets {
  font-size:14px !important;
  line-height:20px !important
 }
}
#diy-main ol {
 margin-left:30px;
 list-style-type:decimal;
 font-family:"ClanComp-Book",sans-serif;
 color:#555;
 font-size:16px;
 line-height:20px
}
#diy-main .content-image {
 width:100%;
 height:auto;
 margin-bottom:30px
}
#diy-main .tabs-container .tabs-header+.tabs-content,
#diy-main .tabs-container .accordion-button.active+.content {
 border:none
}
#diy-main .accordion-button {
 padding:30px 0;
 font-family:"ClanComp-Medium",sans-serif;
 color:#1b4098;
 border:none
}
#diy-main .accordion-button:after {
 background:url(../img/icon-arrow-right-blue.svg)
}
#diy-main .accordion-button.active {
 background-color:#fff
}
#diy-main .accordion-button.active:after {
 background:url(../img/icon-arrow-right-blue.svg)
}
#diy-main .tabs-container {
 background-color:#fff
}
#diy-main img[class^='size'],
#diy-main .content-image {
 width:100%;
 height:auto;
 margin-bottom:30px
}
@media only screen and (min-width: 768px) {
 #diy-main {
  width:60%;
  margin-top:-100px;
  padding-bottom:100px
 }
 #diy-main h2 {
  margin-top:50px;
  margin-bottom:30px;
  padding-bottom:10px;
  font-size:28px
 }
 #diy-main .tabs-container .container {
  overflow:hidden
 }
 #diy-main .tabs-header {
  display:none
 }
 #diy-main .accordion-button {
  display:block
 }
 #diy-main .tabs-header:before {
  display:none
 }
 #diy-main .item {
  display:block;
  clear:both
 }
 #diy-main .item .figure {
  float:left;
  width:200px !important;
  margin:0 15px 30px 0
 }
 #diy-main .item .figure img {
  width:100% !important;
  height:auto
 }
 #diy-main .item .figure .caption {
  margin:0;
  font-size:12px
 }
 #diy-main .item .figure .caption+img {
  margin-top:30px
 }
 #diy-main .item .copy {
  margin-left:220px
 }
 #diy-main .tabs-container_x button:hover {
  cursor:default !important
 }
 #diy-main .tabs-container_x article {
  background-color:#efefef;
  padding:0 20px 1px 20px;
  margin:30px 0;
  overflow:auto
 }
}
#diy-sidebar {
 display:none
}
@media only screen and (min-width: 768px) {
 #diy-sidebar {
  width:40%;
  display:block;
  padding:30px;
  box-sizing:border-box
 }
 #diy-sidebar .large-title {
  text-align:left;
  font-size:30px;
  border-bottom:3px solid #1b4098;
  font-family:"ClanComp-Bold", sans-serif;
  padding:30px 0 15px
 }
 #diy-sidebar .small-title {
  font-size:24px;
  line-height:30px;
  border-bottom:1px solid #e1e1e1;
  margin-bottom:15px
 }
 #diy-sidebar ul.sidebar-list,
 #diy-sidebar ul.component-list {
  margin-bottom:30px
 }
 #diy-sidebar ul.sidebar-list li,
 #diy-sidebar ul.component-list li {
  padding:8px 0 4px;
  border-bottom:1px solid #e1e1e1;
  font-family:"ClanComp-Book", sans-serif;
  color:#555;
  line-height:24px
 }
 #diy-sidebar ul.sidebar-list li p,
 #diy-sidebar ul.component-list li p {
  font-family:"ClanComp-Book", sans-serif;
  color:#555;
  margin-bottom:0
 }
 #diy-sidebar ul.sidebar-list li.title,
 #diy-sidebar ul.component-list li.title {
  color:#222;
  font-family:"ClanComp-Medium", sans-serif
 }
 #diy-sidebar ul.component-list li {
  border:none
 }
 #diy-sidebar ul.component-list li:first-child {
  border-bottom:1px solid #e1e1e1
 }
 #diy-sidebar .what-else-item {
  margin-bottom:15px
 }
 #diy-sidebar .what-else-item img {
  display:block;
  width:100%
 }
 #diy-sidebar .what-else-item .copy {
  background-color:#fff;
  font-family:"ClanComp-Book", sans-serif;
  color:#4f4332;
  font-size:20px;
  line-height:26px;
  padding:30px
 }
}
body.single-story #segment-faq,
.segment-faq-diy {
 background-color:#E9E8E6 !important;
 color:#7c796b
}
body.single-story #segment-faq h3,
.segment-faq-diy h3 {
 color:#7c796b !important
}
body.single-story #segment-faq article.faq .question,
.segment-faq-diy article.faq .question {
 color:#7c796b;
 border-color:#7c796b !important;
 cursor:pointer
}
body.single-story #segment-faq article.faq .question:after,
.segment-faq-diy article.faq .question:after {
 background-image:url(../img/icon-arrow-right-brown.svg)
}
body.single-story #segment-faq article.faq .answer,
.segment-faq-diy article.faq .answer {
 background-color:#f8f6ed
}
body.single-story #segment-faq article.faq.active .question,
.segment-faq-diy article.faq.active .question {
 background-color:#e9e8e7
}
body.single-story #segment-faq article.faq:last-child,
.segment-faq-diy article.faq:last-child {
 border-color:#7c796b !important
}
#diy-hero-v2 {
 background-color:#efefef;
 background-image:url(../img/case-study-hero.jpg);
 background-position:center center;
 background-size:cover;
 height:200px
}
#diy-hero-v2:before {
 content:'';
 display:block;
 padding-top:30%
}
.diy-wrapper-v2 .container * {
 box-sizing:border-box
}
.diy-wrapper-v2 .container #diy-main {
 background-color:#fff;
 width:100%;
 padding:30px
}
.diy-wrapper-v2 .container #diy-main h1 {
 text-align:center;
 padding-top:30px
}
.diy-wrapper-v2 .container #diy-main h2 {
 font-size:20px;
 font-family:'ClanComp-Bold';
 margin-top:30px;
 margin-bottom:15px;
 padding-bottom:5px;
 border-bottom:4px solid #1b4098
}
.diy-wrapper-v2 .container #diy-main .half-intro {
 padding-bottom:50px
}
@media only screen and (min-width: 768px) {
 .diy-wrapper-v2 .container #diy-main .half-intro {
  display:flex
 }
}
.diy-wrapper-v2 .container #diy-main .half-intro .img {
 width:auto;
 padding-bottom:30px
}
@media only screen and (min-width: 768px) {
 .diy-wrapper-v2 .container #diy-main .half-intro .img {
  padding:0 30px;
  width:50%
 }
}
.diy-wrapper-v2 .container #diy-main .half-intro .img img {
 width:100%
}
.diy-wrapper-v2 .container #diy-main .half-intro .copy {
 width:auto
}
@media only screen and (min-width: 768px) {
 .diy-wrapper-v2 .container #diy-main .half-intro .copy {
  width:50%
 }
}
.diy-wrapper-v2 .container #diy-main .half-intro .btn-primary {
 margin-top:20px
}
.diy-wrapper-v2 .container #diy-main .share {
 display:block;
 margin:0 auto;
 text-align:center
}
.diy-wrapper-v2 .container #diy-main .cta {
 display:flex;
 align-items:center;
 flex-direction:column;
 background-color:#1b4098;
 margin:45px -30px
}
@media only screen and (min-width: 768px) {
 .diy-wrapper-v2 .container #diy-main .cta {
  flex-direction:row
 }
}
.diy-wrapper-v2 .container #diy-main .cta li {
 width:100%;
 text-align:center;
 border-top:2px solid white;
 border-bottom:2px solid white
}
@media only screen and (min-width: 768px) {
 .diy-wrapper-v2 .container #diy-main .cta li {
  width:50%;
  border:none
 }
}
.diy-wrapper-v2 .container #diy-main .cta li a {
 padding:25px;
 display:block;
 color:#fff
}
.diy-wrapper-v2 .container #diy-main .cta li a:hover {
 background-color:#09235E
}
.diy-wrapper-v2 .container #diy-main .cta li a .icon {
 display:inline-block;
 width:25px;
 height:25px;
 margin-left:5px;
 background-size:contain;
 background-position:50% 50%;
 background-repeat:no-repeat
}
.diy-wrapper-v2 .container #diy-main .video {
 max-width:100%;
 margin:0 auto 45px auto
}
@media only screen and (min-width: 992px) {
 .diy-wrapper-v2 .container #diy-main .video {
  max-width:75%
 }
}
.diy-wrapper-v2 .container #diy-main .finished-product {
 margin:45px 0
}
.diy-wrapper-v2 .container #diy-main p.difficulty {
 margin-bottom:90px
}
.diy-wrapper-v2 .container #diy-main p.difficulty span {
 color:#1b4098;
 font-family:'ClanComp-Medium'
}
.diy-wrapper-v2 .container #diy-main p {
 font-family:"ClanComp-Book",sans-serif;
 color:#222
}
.diy-wrapper-v2 .container #diy-main p a {
 color:#1b4098
}
.diy-wrapper-v2 .container #diy-main p img {
 width:100%;
 height:auto
}
.diy-wrapper-v2 .container #diy-main div.small li,
.diy-wrapper-v2 .container #diy-main div.small p {
 font-size:12px;
 line-height:20px;
 color:#555
}
.diy-wrapper-v2 .container #diy-main .arrow-bullets {
 font-family:"ClanComp-Book",sans-serif;
 font-weight:400;
 font-size:16px;
 line-height:22px;
 margin-bottom:30px
}
@media only screen and (max-width: 992px) {
 .diy-wrapper-v2 .container #diy-main .arrow-bullets {
  font-size:14px !important;
  line-height:20px !important
 }
}
.diy-wrapper-v2 .container #diy-main ol {
 margin-left:30px;
 list-style-type:decimal;
 font-family:"ClanComp-Book",sans-serif;
 color:#555;
 font-size:16px;
 line-height:20px
}
.diy-wrapper-v2 .container #diy-main .content-image {
 width:100%;
 height:auto;
 margin-bottom:30px
}
.diy-wrapper-v2 .container #diy-main .tabs-container .tabs-header+.tabs-content,
.diy-wrapper-v2 .container #diy-main .tabs-container .accordion-button.active+.content {
 border:none
}
.diy-wrapper-v2 .container #diy-main .tabs-content:after {
 content:'';
 display:table;
 clear:both
}
.diy-wrapper-v2 .container #diy-main .accordion-button {
 padding:30px 50px 7.5px 0;
 font-family:"ClanComp-Medium",sans-serif;
 color:#1b4098;
 border-bottom:3px solid #1b4098;
 margin-bottom:30px;
 font-size:20px;
 line-height:25px
}
.diy-wrapper-v2 .container #diy-main .accordion-button:after {
 background:url(../img/icon-arrow-right-blue.svg)
}
.diy-wrapper-v2 .container #diy-main .accordion-button.active {
 background-color:#fff
}
.diy-wrapper-v2 .container #diy-main .accordion-button.active:after {
 background:url(../img/icon-arrow-right-blue.svg)
}
.diy-wrapper-v2 .container #diy-main .tabs-container {
 background-color:#fff;
 padding:0
}
.diy-wrapper-v2 .container #diy-main img[class^='size'],
.diy-wrapper-v2 .container #diy-main .content-image {
 width:100%;
 height:auto;
 margin-bottom:30px
}
@media only screen and (min-width: 768px) {
 .diy-wrapper-v2 .container #diy-main {
  margin-top:-100px;
  padding-bottom:100px
 }
 .diy-wrapper-v2 .container #diy-main h2 {
  margin-top:50px;
  margin-bottom:30px;
  padding-bottom:10px;
  font-size:28px
 }
 .diy-wrapper-v2 .container #diy-main .tabs-container .container {
  overflow:hidden
 }
 .diy-wrapper-v2 .container #diy-main .tabs-header {
  display:none
 }
 .diy-wrapper-v2 .container #diy-main .accordion-button {
  display:block
 }
 .diy-wrapper-v2 .container #diy-main .tabs-header:before {
  display:none
 }
 .diy-wrapper-v2 .container #diy-main .item {
  display:block;
  clear:both
 }
 .diy-wrapper-v2 .container #diy-main .item .figure {
  float:left;
  width:200px !important;
  margin:0 15px 30px 0
 }
 .diy-wrapper-v2 .container #diy-main .item .figure img {
  width:100% !important;
  height:auto
 }
 .diy-wrapper-v2 .container #diy-main .item .figure .caption {
  margin:0;
  font-size:12px
 }
 .diy-wrapper-v2 .container #diy-main .item .figure .caption+img {
  margin-top:30px
 }
 .diy-wrapper-v2 .container #diy-main .item .copy {
  margin-left:220px
 }
 .diy-wrapper-v2 .container #diy-main .tabs-container_x button:hover {
  cursor:default !important
 }
 .diy-wrapper-v2 .container #diy-main .tabs-container_x article {
  background-color:#efefef;
  padding:0 20px 1px 20px;
  margin:30px 0;
  overflow:auto
 }
}
.diy-wrapper-v2 .container #materials {
 width:100%;
 padding:30px;
 box-sizing:border-box;
 background-color:#fff
}
.diy-wrapper-v2 .container #materials .large-title {
 text-align:left;
 font-size:30px;
 border-bottom:3px solid #1b4098;
 font-family:"ClanComp-Bold",sans-serif;
 padding:30px 0 15px
}
.diy-wrapper-v2 .container #materials .small-title {
 font-size:24px;
 line-height:30px;
 margin-bottom:15px
}
.diy-wrapper-v2 .container #materials h4 {
 font-size:20px;
 color:#5d4b47
}
.diy-wrapper-v2 .container #materials hr {
 border-color:#efefef;
 margin:30px auto
}
.diy-wrapper-v2 .container #materials ul.sidebar-list,
.diy-wrapper-v2 .container #materials ul.component-list {
 margin-bottom:30px
}
.diy-wrapper-v2 .container #materials ul.sidebar-list li,
.diy-wrapper-v2 .container #materials ul.component-list li {
 font-family:"ClanComp-Book",sans-serif;
 color:#555;
 line-height:24px
}
.diy-wrapper-v2 .container #materials ul.sidebar-list li p,
.diy-wrapper-v2 .container #materials ul.component-list li p {
 font-family:"ClanComp-Book",sans-serif;
 color:#555;
 margin-bottom:0
}
.diy-wrapper-v2 .container #materials ul.sidebar-list li.title,
.diy-wrapper-v2 .container #materials ul.component-list li.title {
 color:#222;
 font-family:"ClanComp-Medium",sans-serif
}
.diy-wrapper-v2 .container #materials ul.sidebar-list {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 margin-left:20px
}
.diy-wrapper-v2 .container #materials ul.sidebar-list li {
 width:100%;
 padding:8px 0;
 border:none
}
.diy-wrapper-v2 .container #materials ul.sidebar-list li label input {
 display:none
}
.diy-wrapper-v2 .container #materials ul.sidebar-list li label span:before {
 font-family:fontawesome;
 content:'\f096';
 width:20px;
 margin-left:-20px;
 display:block;
 float:left
}
.diy-wrapper-v2 .container #materials ul.sidebar-list li label input:checked+span:before {
 content:'\f046'
}
@media only screen and (min-width: 480px) {
 .diy-wrapper-v2 .container #materials ul.sidebar-list li {
  width:50%
 }
}
@media only screen and (min-width: 1366px) {
 .diy-wrapper-v2 .container #materials ul.sidebar-list li {
  width:30%
 }
}
.diy-wrapper-v2 .container #materials .download-panel {
 background-color:#F5F5F5;
 border:1px solid #F5F5F5;
 border-radius:5px;
 margin-top:30px;
 padding:30px
}
.diy-wrapper-v2 .container #materials .download-panel img {
 display:block;
 width:100%;
 height:auto;
 margin:0 0 30px 0
}
@media only screen and (min-width: 480px) {
 .diy-wrapper-v2 .container #materials .download-panel img {
  width:auto;
  height:250px;
  float:left;
  margin:0 30px 0 0
 }
}
.diy-wrapper-v2 .container #materials .download-panel .intro {
 font-family:"ClanComp-Book",sans-serif
}
.diy-wrapper-v2 .container #materials .download-panel .btn-secondary,
.diy-wrapper-v2 .container #materials .download-panel .section-subscribe .hbspt-form .hs-button,
.section-subscribe .hbspt-form .diy-wrapper-v2 .container #materials .download-panel .hs-button {
 display:inline-block;
 margin-top:15px
}
.diy-wrapper-v2 .container #materials .download-panel:after {
 content:'';
 display:table;
 clear:both
}
.diy-wrapper-v2 .container.what-else {
 margin:45px auto;
 padding:30px
}
@media only screen and (min-width: 480px) {
 .diy-wrapper-v2 .container.what-else {
  padding:0
 }
}
.diy-wrapper-v2 .container.what-else h3 {
 font-size:24px;
 line-height:32px
}
.diy-wrapper-v2 .container.what-else hr {
 border-color:#1b4098;
 border-width:2px;
 margin:15px 75% 45px 0
}
.diy-wrapper-v2 .container.what-else .what-else-item {
 margin:15px 0;
 display:flex;
 justify-content:space-between;
 flex-wrap:wrap
}
.diy-wrapper-v2 .container.what-else .what-else-item a {
 width:100%;
 background-color:#fff;
 margin-bottom:30px
}
@media only screen and (min-width: 480px) {
 .diy-wrapper-v2 .container.what-else .what-else-item a {
  width:24%
 }
}
.diy-wrapper-v2 .container.what-else .what-else-item img {
 display:block;
 width:100%
}
.diy-wrapper-v2 .container.what-else .what-else-item .copy {
 background-color:#fff;
 font-family:"ClanComp-Book",sans-serif;
 color:#4f4332;
 font-size:20px;
 line-height:26px;
 padding:30px
}
body.single-story #segment-faq,
.segment-faq-diy {
 background-color:#E9E8E6 !important;
 color:#7c796b
}
body.single-story #segment-faq h3,
.segment-faq-diy h3 {
 color:#7c796b !important
}
body.single-story #segment-faq article.faq .question,
.segment-faq-diy article.faq .question {
 color:#7c796b;
 border-color:#7c796b !important;
 cursor:pointer
}
body.single-story #segment-faq article.faq .question:after,
.segment-faq-diy article.faq .question:after {
 background-image:url(../img/icon-arrow-right-brown.svg)
}
body.single-story #segment-faq article.faq .answer,
.segment-faq-diy article.faq .answer {
 background-color:#f8f6ed
}
body.single-story #segment-faq article.faq.active .question,
.segment-faq-diy article.faq.active .question {
 background-color:#e9e8e7
}
body.single-story #segment-faq article.faq:last-child,
.segment-faq-diy article.faq:last-child {
 border-color:#7c796b !important
}
#installing-hero {
 background-color:#efefef;
 background-image:url(../img/case-study-hero.jpg);
 background-position:center center;
 background-size:cover
}
#installing-hero:before {
 content:'';
 display:block;
 padding-top:30%
}
.installing-wrapper {
 background-color:#f5f5f5
}
.installing-wrapper .container {
 display:flex
}
@media only screen and (min-width: 768px) {
 .installing-wrapper {
  padding-bottom:30px
 }
}
#installing-main {
 padding:30px;
 background-color:#fff;
 width:100%;
 box-sizing:border-box
}
#installing-main h1 {
 margin:20px 0;
 text-align:left;
 font-size:30px
}
#installing-main h1 span,
#installing-main h1 small {
 display:block;
 margin-top:5px;
 font-size:20px;
 color:#222
}
#installing-main h2 {
 font-size:20px;
 font-family:'ClanComp-Bold';
 margin-top:30px;
 margin-bottom:15px;
 padding-bottom:5px;
 border-bottom:4px solid #1b4098
}
#installing-main h3 {
 font-size:18px;
 line-height:1.2;
 margin-bottom:20px
}
#installing-main h3.point {
 display:flex;
 flex-direction:column;
 margin-top:40px
}
#installing-main h3.point span {
 font-family:'ClanComp-News';
 font-size:18px;
 line-height:1.4;
 white-space:normal
}
#installing-main h3.point .label {
 margin-right:15px;
 font-size:22px;
 font-family:'ClanComp-Bold'
}
#installing-main h3.point .label:before {
 margin-right:10px;
 content:''
}
#installing-main p,
#installing-main li {
 font-family:"ClanComp-Book",sans-serif;
 font-size:14px;
 line-height:20px;
 color:#222
}
#installing-main p a,
#installing-main li a {
 color:#1b4098
}
#installing-main p.small,
#installing-main li.small {
 font-size:16px;
 line-height:22px;
 color:#555
}
#installing-main ol {
 margin:0;
 padding:30px;
 list-style-type:decimal;
 color:#555;
 background:#f8f8f8
}
#installing-main ol li {
 margin-bottom:10px
}
#installing-main ol li:last-child {
 margin-bottom:0
}
#installing-main ul {
 list-style-type:disc;
 margin-left:18px
}
#installing-main ul li {
 font-size:16px;
 line-height:22px;
 margin-bottom:10px
}
#installing-main ul li:last-child {
 margin-bottom:0
}
#installing-main .size-full,
#installing-main .content-image {
 width:100%;
 height:auto;
 margin-bottom:30px
}
#installing-main .btn-primary {
 margin-top:30px
}
#installing-main .btn-primary.center {
 display:block;
 margin:auto auto 30px;
 max-width:210px
}
@media only screen and (min-width: 768px) {
 #installing-main {
  margin-top:-100px;
  padding-bottom:100px
 }
 #installing-main h1 {
  margin:40px 0;
  font-size:50px
 }
 #installing-main h1 span {
  margin-top:15px;
  font-size:36px
 }
 #installing-main h2 {
  margin-top:50px;
  margin-bottom:30px;
  padding-bottom:10px;
  font-size:28px
 }
 #installing-main h3 {
  font-size:22px
 }
 #installing-main h3.point {
  flex-direction:row
 }
 #installing-main h3.point .label {
  white-space:nowrap
 }
 #installing-main ol {
  padding:50px
 }
 #installing-main p,
 #installing-main li {
  font-size:16px;
  line-height:22px
 }
 #installing-main p.difficulty,
 #installing-main li.difficulty {
  margin-bottom:0
 }
 #installing-main p.difficulty span,
 #installing-main li.difficulty span {
  font-family:"ClanComp-Bold", sans-serif;
  color:#1b4098
 }
 #installing-main p.note,
 #installing-main li.note {
  margin:10px 60px 10px 40px;
  font-style:italic;
  font-size:14px;
  color:#9e9e9e
 }
 #installing-main .inner {
  padding-right:19%
 }
}
#training-hero {
 background-image:url(../img/training-hero.jpg);
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center center;
 padding-bottom:0
}
#training-hero .copy {
 height:100%;
 max-width:75%;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:flex-start;
 padding:50px 20px;
 box-sizing:border-box
}
#training-hero h1 {
 margin-bottom:20px;
 font-size:35px;
 color:#1b4098
}
#training-hero hr {
 background-color:#f66919;
 margin-left:0
}
#training-hero p {
 margin-bottom:30px;
 font-family:"ClanComp-Book",sans-serif;
 font-size:13px;
 line-height:20px;
 color:#1b4098
}
@media only screen and (min-width: 768px) {
 #training-hero {
  min-height:300px;
  padding-bottom:80px
 }
 #training-hero .copy {
  max-width:100%
 }
 #training-hero h1 {
  margin:80px 0 40px 0;
  font-size:80px
 }
 #training-hero p {
  margin-bottom:35px;
  font-size:24px;
  line-height:1.5
 }
}
#training-intro {
 width:100%;
 background-color:#efefef
}
#training-intro .container {
 text-align:center;
 padding:100px 0
}
@media only screen and (max-width: 992px) {
 #training-intro .container {
  padding:50px 0;
  text-align:left
 }
}
#training-intro .container .copy {
 width:75%;
 margin:0 auto
}
@media only screen and (max-width: 992px) {
 #training-intro .container .copy {
  box-sizing:border-box;
  width:100%;
  padding-left:20px;
  padding-right:20px
 }
}
#training-courses {
 padding:100px 0 0 0
}
@media only screen and (max-width: 992px) {
 #training-courses {
  padding:50px 0 0 0
 }
}
#training-courses * {
 box-sizing:border-box
}
#training-courses .container .copy h1 {
 text-align:center
}
#training-courses .course-filter {
 margin:50px auto 25px;
 text-align:center;
 border-bottom:1px solid #efefef;
 width:75%
}
#training-courses .course-filter li {
 display:inline-block;
 padding:20px 40px 10px
}
#training-courses .course-filter li.active {
 border-bottom:2px solid #1b4098
}
#training-courses .course-filter li:hover {
 cursor:pointer
}
@media only screen and (max-width: 992px) {
 #training-courses .course-filter {
  width:100%
 }
 #training-courses .course-filter li {
  padding:20px 20px 10px
 }
}
#training-courses .course-items .course-row {
 width:100%;
 height:auto;
 min-height:none;
 margin:0 auto
}
#training-courses .course-items .course-row:nth-child(even) {
 background-color:#efefef
}
#training-courses .course-items .course-row:nth-child(even) .course-hero {
 order:1
}
#training-courses .course-items .course-row:nth-child(even) .course-info {
 order:2;
 padding-left:80px
}
#training-courses .course-items .course-row:nth-child(odd) .course-hero {
 order:2
}
#training-courses .course-items .course-row:nth-child(odd) .course-info {
 order:1;
 padding-right:80px
}
#training-courses .course-items .course-row .course-detail {
 padding:80px 0;
 display:flex
}
@media only screen and (max-width: 992px) {
 #training-courses .course-items .course-row .course-detail {
  padding:40px 0
 }
}
#training-courses .course-items .course-row .course-detail .course-hero {
 width:55%;
 background-repeat:no-repeat;
 background-size:cover;
 background-position:top center
}
@media only screen and (max-width: 992px) {
 #training-courses .course-items .course-row .course-detail .course-hero {
  display:none
 }
}
#training-courses .course-items .course-row .course-detail .course-info {
 width:45%
}
@media only screen and (max-width: 992px) {
 #training-courses .course-items .course-row .course-detail .course-info {
  width:100%;
  padding-left:20px;
  padding-right:20px
 }
}
#training-courses .course-items .course-row .course-detail .course-info h1 {
 font-size:26px;
 line-height:1.25;
 margin-bottom:30px;
 font-family:'ClanComp-Bold'
}
@media only screen and (max-width: 992px) {
 #training-courses .course-items .course-row .course-detail .course-info h1 {
  font-size:22px
 }
}
#training-courses .course-items .course-row .course-detail .course-info ul {
 margin-top:0
}
#training-courses .course-items .course-row .course-detail .course-info ul li {
 margin-left:25px;
 color:#555;
 list-style-type:disc
}
#training-courses .course-items .course-row .course-detail .course-info p,
#training-courses .course-items .course-row .course-detail .course-info li {
 font-size:16px;
 line-height:26px;
 font-family:"ClanComp-Book", sans-serif
}
#training-courses .course-items .course-row .course-detail .course-info strong,
#training-courses .course-items .course-row .course-detail .course-info .note {
 color:#1b4098
}
#training-courses .course-items .course-row .course-detail .course-info strong {
 font-family:"ClanComp-Medium", sans-serif
}
#training-enrol {
 width:100%;
 display:flex;
 margin:0 auto;
 box-sizing:border-box
}
#training-enrol .image {
 box-sizing:border-box;
 width:55%;
 background-image:url(../img/training-enrol.jpg);
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center center
}
@media only screen and (max-width: 992px) {
 #training-enrol .image {
  display:none
 }
}
#training-enrol .copy {
 box-sizing:border-box;
 width:45%;
 background-color:#f66919;
 padding:80px
}
@media only screen and (max-width: 992px) {
 #training-enrol .copy {
  width:100%;
  padding:60px 20px
 }
}
#training-enrol .copy h1,
#training-enrol .copy p,
#training-enrol .copy li {
 color:#fff
}
#training-enrol .copy ul {
 margin:60px 0 40px
}
#training-enrol .copy ul li {
 margin-left:25px;
 line-height:26px;
 text-align:left !important
}
#training-enrol .copy a {
 color:#fff;
 text-decoration:underline
}
body.page-template-page-bushfire #product-hero {
 padding:55px 0
}
@media only screen and (min-width: 768px) {
 body.page-template-page-bushfire #product-hero {
  padding-top:80px;
  padding-bottom:50px
 }
}
@media only screen and (min-width: 992px) {
 body.page-template-page-bushfire #product-hero {
  padding-top:145px;
  padding-bottom:60px
 }
}
.bushfire-panel {
 padding:70px 0
}
.bushfire-panel h1 {
 margin-bottom:1em
}
.bushfire-panel .caption {
 margin:60px 0 0 0
}
.bushfire-panel.bg-grey {
 background-color:#efefef
}
.bushfire-panel.bg-grey p {
 font-family:"ClanComp-News", sans-serif;
 font-size:14px;
 line-height:20px;
 color:#868d98
}
@media only screen and (min-width: 992px) {
 .bushfire-panel.bg-grey p {
  font-size:16px;
  line-height:28px
 }
}
.bushfire-panel.bg-blue {
 background-color:#EBF2F9
}
.bushfire-panel.quote {
 background:#EEEEEE;
 display:flex;
 padding:0
}
.bushfire-panel.quote .image {
 width:100%;
 background:url("/wp-content/themes/hebel/assets/img/placeholder-bushfire-2.jpg") top center no-repeat;
 background-size:cover
}
@media (min-width: 768px) {
 .bushfire-panel.quote .image {
  width:50%
 }
}
@media (min-width: 768px) {
 .bushfire-panel.quote .content-rhs {
  width:50%
 }
}
.bushfire-panel.quote .content-rhs blockquote {
 margin:0;
 padding:30px;
 font-size:1.5em;
 line-height:1.5;
 color:#7185B6;
 max-width:600px
}
@media (max-width: 767px) {
 .bushfire-panel.quote .content-rhs blockquote {
  text-align:center
 }
}
.bushfire-panel.quote .content-rhs blockquote span {
 display:block;
 clear:both;
 font-size:0.75em;
 margin-top:10px;
 color:#555
}
.bushfire-panel.quote .content-rhs blockquote span strong {
 color:#1C4291
}
@media (min-width: 992px) {
 .bushfire-panel.quote .content-rhs blockquote {
  padding:60px
 }
}
@media (min-width: 1366px) {
 .bushfire-panel.quote .content-rhs blockquote {
  padding:100px
 }
}
.bushfire-panel.quote:after {
 content:'';
 display:table;
 clear:both
}
.bushfire-panel.text-center {
 text-align:center
}
.bushfire-panel.text-center .container {
 width:65%
}
@media only screen and (max-width: 992px) {
 .bushfire-panel.text-center .container {
  width:75%
 }
}
@media only screen and (max-width: 992px) {
 .bushfire-panel.text-center .container {
  width:95%
 }
}
.bushfire-panel.text-center .container.wide {
 width:100%
}
@media only screen and (max-width: 992px) {
 .bushfire-panel.text-center .container.wide {
  width:100%
 }
}
@media only screen and (max-width: 992px) {
 .bushfire-panel.text-center .container.wide {
  width:100%
 }
}
.bushfire-panel.full-width {
 padding:0
}
.bushfire-panel.full-width img {
 width:100%;
 height:auto
}
.bushfire-panel .text-center {
 text-align:center
}
.bushfire-panel p {
 font-family:"ClanComp-Book",sans-serif
}
.bushfire-panel p.caption {
 font-family:"ClanComp-Medium",sans-serif
}
.bushfire-panel table {
 margin:20px 0
}
.bushfire-panel table.bal-levels thead td,
.bushfire-panel table.hebel-bal thead td {
 background:#1b4098;
 color:#fff
}
.bushfire-panel table.bal-levels tbody td,
.bushfire-panel table.hebel-bal tbody td {
 border-bottom:1px solid #8b8987
}
@media (max-width: 767px) {
 .bushfire-panel table.bal-levels thead tr td,
 .bushfire-panel table.bal-levels tbody tr td,
 .bushfire-panel table.hebel-bal thead tr td,
 .bushfire-panel table.hebel-bal tbody tr td {
  font-size:14px
 }
}
.bushfire-panel table.bal-levels thead tr td,
.bushfire-panel table.bal-levels tbody tr td {
 text-align:left;
 line-height:1.5
}
@media (min-width: 768px) {
 .what-is-hebel {
  display:flex
 }
}
@media (min-width: 768px) {
 .what-is-hebel .img,
 .what-is-hebel .content {
  width:50%
 }
}
.what-is-hebel .img {
 background:url("../img/what-is-hebel.jpg") top center no-repeat;
 background-size:cover
}
@media (max-width: 767px) {
 .what-is-hebel .img {
  height:300px
 }
}
.what-is-hebel .content {
 background:#eeeeee;
 box-sizing:border-box;
 padding:30px
}
@media (min-width: 768px) {
 .what-is-hebel .content {
  padding:100px
 }
}
.what-is-hebel .content h2 {
 margin:0 0 20px;
 font-size:32px
}
@media (min-width: 768px) {
 .what-is-hebel .content h2 {
  font-size:60px;
  margin:0 0 40px
 }
}
.what-is-hebel .content p {
 color:#6f6f6f
}
body.pod-page-landing-aesthetic #header,
body.pod-page-landing-aesthetic .nav-mask,
body.pod-page-landing-aesthetic .content-mask,
body.pod-page-landing-aesthetic #subscribe,
body.pod-page-landing-aesthetic footer,
body.pod-page-landing-aesthetic #bottom-bar,
body.pod-page-landing-brand #header,
body.pod-page-landing-brand .nav-mask,
body.pod-page-landing-brand .content-mask,
body.pod-page-landing-brand #subscribe,
body.pod-page-landing-brand footer,
body.pod-page-landing-brand #bottom-bar,
body.pod-page-landing-home-comfort #header,
body.pod-page-landing-home-comfort .nav-mask,
body.pod-page-landing-home-comfort .content-mask,
body.pod-page-landing-home-comfort #subscribe,
body.pod-page-landing-home-comfort footer,
body.pod-page-landing-home-comfort #bottom-bar {
 display:none !important
}
body.pod-page-landing-aesthetic main#page,
body.pod-page-landing-brand main#page,
body.pod-page-landing-home-comfort main#page {
 padding-top:0;
 position:static
}
body.pod-page-landing-aesthetic .header,
body.pod-page-landing-brand .header,
body.pod-page-landing-home-comfort .header {
 display:flex;
 flex-direction:column;
 position:fixed;
 top:0;
 left:0;
 right:0;
 z-index:9999;
 background:white;
 margin:0;
 max-width:none;
 padding:25px
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic .header,
 body.pod-page-landing-brand .header,
 body.pod-page-landing-home-comfort .header {
  justify-content:space-between;
  flex-direction:row
 }
}
body.pod-page-landing-aesthetic .header .logo,
body.pod-page-landing-brand .header .logo,
body.pod-page-landing-home-comfort .header .logo {
 display:block;
 width:150px;
 height:56px;
 background-image:url(../img/logo.png);
 background-size:cover;
 text-indent:-9999px;
 margin:0 auto
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic .header .logo,
 body.pod-page-landing-brand .header .logo,
 body.pod-page-landing-home-comfort .header .logo {
  margin:0
 }
}
body.pod-page-landing-aesthetic .header .cta,
body.pod-page-landing-brand .header .cta,
body.pod-page-landing-home-comfort .header .cta {
 display:flex;
 justify-content:space-around;
 font-family:"ClanComp-Book", sans-serif;
 margin:15px 15px 0 15px
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic .header .cta,
 body.pod-page-landing-brand .header .cta,
 body.pod-page-landing-home-comfort .header .cta {
  margin:0
 }
}
body.pod-page-landing-aesthetic .header .cta .btn,
body.pod-page-landing-brand .header .cta .btn,
body.pod-page-landing-home-comfort .header .cta .btn {
 align-self:center;
 padding:15px 30px 10px;
 margin-left:10px;
 font-size:13px;
 text-transform:none;
 display:block;
 text-align:center;
 width:auto
}
body.pod-page-landing-aesthetic .header .cta .btn:first-child,
body.pod-page-landing-brand .header .cta .btn:first-child,
body.pod-page-landing-home-comfort .header .cta .btn:first-child {
 margin-left:0
}
@media only screen and (max-width: 320px) {
 body.pod-page-landing-aesthetic .header .cta .btn,
 body.pod-page-landing-brand .header .cta .btn,
 body.pod-page-landing-home-comfort .header .cta .btn {
  padding:15px 0 10px
 }
}
@media only screen and (max-width: 375px) {
 body.pod-page-landing-aesthetic .header .cta .btn,
 body.pod-page-landing-brand .header .cta .btn,
 body.pod-page-landing-home-comfort .header .cta .btn {
  padding:15px 15px 10px
 }
}
body.pod-page-landing-aesthetic .header .cta .btn.blue,
body.pod-page-landing-aesthetic .header .cta .section-subscribe .hbspt-form .btn.hs-button,
.section-subscribe .hbspt-form body.pod-page-landing-aesthetic .header .cta .btn.hs-button,
body.pod-page-landing-brand .header .cta .btn.blue,
body.pod-page-landing-brand .header .cta .section-subscribe .hbspt-form .btn.hs-button,
.section-subscribe .hbspt-form body.pod-page-landing-brand .header .cta .btn.hs-button,
body.pod-page-landing-home-comfort .header .cta .btn.blue,
body.pod-page-landing-home-comfort .header .cta .section-subscribe .hbspt-form .btn.hs-button,
.section-subscribe .hbspt-form body.pod-page-landing-home-comfort .header .cta .btn.hs-button {
 border:2px solid #1b4098
}
@media only screen and (max-width: 768px) {
 body.pod-page-landing-aesthetic .header .cta .btn span,
 body.pod-page-landing-brand .header .cta .btn span,
 body.pod-page-landing-home-comfort .header .cta .btn span {
  display:none
 }
}
body.pod-page-landing-aesthetic .btn-download i,
body.pod-page-landing-brand .btn-download i,
body.pod-page-landing-home-comfort .btn-download i {
 margin-right:5px
}
body.pod-page-landing-aesthetic .btn-download:after,
body.pod-page-landing-brand .btn-download:after,
body.pod-page-landing-home-comfort .btn-download:after {
 display:none
}
body.pod-page-landing-aesthetic #segment-hero,
body.pod-page-landing-brand #segment-hero,
body.pod-page-landing-home-comfort #segment-hero {
 margin-top:100px
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic #segment-hero .copy,
 body.pod-page-landing-brand #segment-hero .copy,
 body.pod-page-landing-home-comfort #segment-hero .copy {
  padding-left:0
 }
}
body.pod-page-landing-aesthetic #nav,
body.pod-page-landing-brand #nav,
body.pod-page-landing-home-comfort #nav {
 width:100%;
 background-color:#387AC0;
 text-align:center;
 font-family:"ClanComp-Book", sans-serif
}
body.pod-page-landing-aesthetic #nav ul,
body.pod-page-landing-brand #nav ul,
body.pod-page-landing-home-comfort #nav ul {
 display:flex;
 justify-content:center;
 list-style-type:none
}
body.pod-page-landing-aesthetic #nav ul li a,
body.pod-page-landing-brand #nav ul li a,
body.pod-page-landing-home-comfort #nav ul li a {
 display:block;
 color:#fff;
 padding:20px 15px;
 transition:all 0.2s ease-in-out
}
body.pod-page-landing-aesthetic #nav ul li a:hover,
body.pod-page-landing-brand #nav ul li a:hover,
body.pod-page-landing-home-comfort #nav ul li a:hover {
 background-color:#1E4396
}
@media only screen and (min-width: 992px) {
 body.pod-page-landing-aesthetic #nav ul li a,
 body.pod-page-landing-brand #nav ul li a,
 body.pod-page-landing-home-comfort #nav ul li a {
  padding:20px
 }
}
body.pod-page-landing-aesthetic section,
body.pod-page-landing-brand section,
body.pod-page-landing-home-comfort section {
 padding:60px 0
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic section,
 body.pod-page-landing-brand section,
 body.pod-page-landing-home-comfort section {
  padding:90px 0
 }
}
@media only screen and (min-width: 1366px) {
 body.pod-page-landing-aesthetic section,
 body.pod-page-landing-brand section,
 body.pod-page-landing-home-comfort section {
  padding:120px 0
 }
}
body.pod-page-landing-aesthetic section#segment-feature-benefit h3,
body.pod-page-landing-brand section#segment-feature-benefit h3,
body.pod-page-landing-home-comfort section#segment-feature-benefit h3 {
 padding-bottom:0
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic section#segment-hero .container,
 body.pod-page-landing-brand section#segment-hero .container,
 body.pod-page-landing-home-comfort section#segment-hero .container {
  display:flex;
  align-items:center;
  min-height:280px
 }
}
@media only screen and (min-width: 992px) {
 body.pod-page-landing-aesthetic section#segment-hero .container,
 body.pod-page-landing-brand section#segment-hero .container,
 body.pod-page-landing-home-comfort section#segment-hero .container {
  min-height:380px
 }
}
@media only screen and (min-width: 1366px) {
 body.pod-page-landing-aesthetic section#segment-hero .copy,
 body.pod-page-landing-brand section#segment-hero .copy,
 body.pod-page-landing-home-comfort section#segment-hero .copy {
  max-width:50%
 }
}
body.pod-page-landing-aesthetic section#segment-hero h1.large,
body.pod-page-landing-brand section#segment-hero h1.large,
body.pod-page-landing-home-comfort section#segment-hero h1.large {
 font-size:32px;
 line-height:120%
}
@media only screen and (min-width: 992px) {
 body.pod-page-landing-aesthetic section#segment-hero h1.large,
 body.pod-page-landing-brand section#segment-hero h1.large,
 body.pod-page-landing-home-comfort section#segment-hero h1.large {
  font-size:50px
 }
}
@media only screen and (min-width: 1366px) {
 body.pod-page-landing-aesthetic section#segment-hero h1.large,
 body.pod-page-landing-brand section#segment-hero h1.large,
 body.pod-page-landing-home-comfort section#segment-hero h1.large {
  font-size:52px
 }
}
body.pod-page-landing-aesthetic section#comfort.grey-bg,
body.pod-page-landing-brand section#comfort.grey-bg,
body.pod-page-landing-home-comfort section#comfort.grey-bg {
 background-color:#eee
}
body.pod-page-landing-aesthetic section#comfort .container,
body.pod-page-landing-brand section#comfort .container,
body.pod-page-landing-home-comfort section#comfort .container {
 display:block;
 justify-content:flex-end
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic section#comfort .container,
 body.pod-page-landing-brand section#comfort .container,
 body.pod-page-landing-home-comfort section#comfort .container {
  display:flex
 }
}
body.pod-page-landing-aesthetic section#comfort .container .img,
body.pod-page-landing-brand section#comfort .container .img,
body.pod-page-landing-home-comfort section#comfort .container .img {
 padding:0 20px
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic section#comfort .container .img,
 body.pod-page-landing-brand section#comfort .container .img,
 body.pod-page-landing-home-comfort section#comfort .container .img {
  width:35%;
  margin-right:80px;
  padding:0
 }
}
body.pod-page-landing-aesthetic section#comfort .container .img img,
body.pod-page-landing-brand section#comfort .container .img img,
body.pod-page-landing-home-comfort section#comfort .container .img img {
 width:100%
}
body.pod-page-landing-aesthetic section#comfort .container .copy,
body.pod-page-landing-brand section#comfort .container .copy,
body.pod-page-landing-home-comfort section#comfort .container .copy {
 margin:20px 20px 60px
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic section#comfort .container .copy,
 body.pod-page-landing-brand section#comfort .container .copy,
 body.pod-page-landing-home-comfort section#comfort .container .copy {
  width:65%;
  margin:20px 0 20px
 }
}
body.pod-page-landing-aesthetic section#comfort .container .copy p,
body.pod-page-landing-brand section#comfort .container .copy p,
body.pod-page-landing-home-comfort section#comfort .container .copy p {
 color:#666666;
 font-size:18px;
 font-family:"ClanComp-Book", sans-serif;
 line-height:26px
}
body.pod-page-landing-aesthetic section#gallery,
body.pod-page-landing-brand section#gallery,
body.pod-page-landing-home-comfort section#gallery {
 text-align:center;
 width:90%;
 margin-left:auto;
 margin-right:auto
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic section#gallery,
 body.pod-page-landing-brand section#gallery,
 body.pod-page-landing-home-comfort section#gallery {
  width:100%
 }
 body.pod-page-landing-aesthetic section#gallery p,
 body.pod-page-landing-brand section#gallery p,
 body.pod-page-landing-home-comfort section#gallery p {
  width:70%;
  margin-left:auto;
  margin-right:auto
 }
}
@media only screen and (min-width: 992px) {
 body.pod-page-landing-aesthetic section#gallery,
 body.pod-page-landing-brand section#gallery,
 body.pod-page-landing-home-comfort section#gallery {
  width:80%
 }
}
@media only screen and (min-width: 1366px) {
 body.pod-page-landing-aesthetic section#gallery,
 body.pod-page-landing-brand section#gallery,
 body.pod-page-landing-home-comfort section#gallery {
  width:100%
 }
}
body.pod-page-landing-aesthetic section#gallery .gallery-container .row,
body.pod-page-landing-brand section#gallery .gallery-container .row,
body.pod-page-landing-home-comfort section#gallery .gallery-container .row {
 display:flex;
 align-items:center
}
body.pod-page-landing-aesthetic section#gallery .gallery-container .row .half,
body.pod-page-landing-aesthetic section#gallery .gallery-container .row .quarter,
body.pod-page-landing-brand section#gallery .gallery-container .row .half,
body.pod-page-landing-brand section#gallery .gallery-container .row .quarter,
body.pod-page-landing-home-comfort section#gallery .gallery-container .row .half,
body.pod-page-landing-home-comfort section#gallery .gallery-container .row .quarter {
 margin:2.5px 5px;
 position:relative
}
body.pod-page-landing-aesthetic section#gallery .gallery-container .row .half img,
body.pod-page-landing-aesthetic section#gallery .gallery-container .row .quarter img,
body.pod-page-landing-brand section#gallery .gallery-container .row .half img,
body.pod-page-landing-brand section#gallery .gallery-container .row .quarter img,
body.pod-page-landing-home-comfort section#gallery .gallery-container .row .half img,
body.pod-page-landing-home-comfort section#gallery .gallery-container .row .quarter img {
 width:100%;
 height:auto
}
body.pod-page-landing-aesthetic section#gallery .gallery-container .row .half i,
body.pod-page-landing-aesthetic section#gallery .gallery-container .row .quarter i,
body.pod-page-landing-brand section#gallery .gallery-container .row .half i,
body.pod-page-landing-brand section#gallery .gallery-container .row .quarter i,
body.pod-page-landing-home-comfort section#gallery .gallery-container .row .half i,
body.pod-page-landing-home-comfort section#gallery .gallery-container .row .quarter i {
 color:#fff;
 position:absolute;
 bottom:20px;
 right:20px;
 font-size:24px
}
body.pod-page-landing-aesthetic section#gallery .gallery-container .row .half span,
body.pod-page-landing-aesthetic section#gallery .gallery-container .row .quarter span,
body.pod-page-landing-brand section#gallery .gallery-container .row .half span,
body.pod-page-landing-brand section#gallery .gallery-container .row .quarter span,
body.pod-page-landing-home-comfort section#gallery .gallery-container .row .half span,
body.pod-page-landing-home-comfort section#gallery .gallery-container .row .quarter span {
 position:absolute;
 right:5px;
 bottom:35px;
 display:block;
 background-color:#3C7BBE;
 border-radius:100%;
 width:20px;
 height:20px;
 color:#fff;
 font-size:11px;
 margin:0;
 line-height:23px
}
body.pod-page-landing-aesthetic section#gallery .gallery-container .row .half,
body.pod-page-landing-brand section#gallery .gallery-container .row .half,
body.pod-page-landing-home-comfort section#gallery .gallery-container .row .half {
 width:calc(50% - 10px)
}
body.pod-page-landing-aesthetic section#gallery .gallery-container .row .quarter,
body.pod-page-landing-brand section#gallery .gallery-container .row .quarter,
body.pod-page-landing-home-comfort section#gallery .gallery-container .row .quarter {
 width:calc(25% - 10px)
}
body.pod-page-landing-aesthetic section#gallery .gallery-container .swiper-scrollbar,
body.pod-page-landing-brand section#gallery .gallery-container .swiper-scrollbar,
body.pod-page-landing-home-comfort section#gallery .gallery-container .swiper-scrollbar {
 display:block;
 height:4px;
 margin:4px auto 30px;
 background-color:#efefef
}
body.pod-page-landing-aesthetic section#gallery .gallery-container .swiper-scrollbar .swiper-scrollbar-drag,
body.pod-page-landing-brand section#gallery .gallery-container .swiper-scrollbar .swiper-scrollbar-drag,
body.pod-page-landing-home-comfort section#gallery .gallery-container .swiper-scrollbar .swiper-scrollbar-drag {
 top:-2px;
 height:8px;
 background-color:#1b4098;
 cursor:pointer
}
body.pod-page-landing-aesthetic section#testimonials .testimonials-container,
body.pod-page-landing-brand section#testimonials .testimonials-container,
body.pod-page-landing-home-comfort section#testimonials .testimonials-container {
 width:80%;
 margin:0 auto;
 text-align:center
}
body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide,
body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide,
body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide {
 display:flex;
 justify-content:flex-start;
 flex-direction:column
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide,
 body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide,
 body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide {
  background:transparent url("/wp-content/themes/hebel/assets/img/landing/bg_testimonials.png") no-repeat 100% 0%;
  background-size:50px
 }
}
@media only screen and (min-width: 992px) {
 body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide,
 body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide,
 body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide {
  background-size:100px
 }
}
@media only screen and (min-width: 1366px) {
 body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide,
 body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide,
 body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide {
  background-size:200px
 }
}
@media only screen and (min-width: 480px) {
 body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide,
 body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide,
 body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide {
  flex-direction:row
 }
}
body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide a,
body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide a,
body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide a {
 position:relative
}
@media only screen and (min-width: 480px) {
 body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide a,
 body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide a,
 body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide a {
  width:30%
 }
}
body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide a img,
body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide a img,
body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide a img {
 width:100%;
 height:auto;
 border:20px solid #EAEAEA;
 border-radius:100%;
 box-sizing:border-box
}
body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide a .play,
body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide a .play,
body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide a .play {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%);
 text-align:center
}
body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide a .play img,
body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide a .play img,
body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide a .play img {
 border:none;
 width:60%
}
body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide a .play p,
body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide a .play p,
body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide a .play p {
 color:#fff;
 margin:0;
 text-transform:uppercase
}
body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide .content,
body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide .content,
body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide .content {
 text-align:center
}
@media only screen and (min-width: 480px) {
 body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide .content,
 body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide .content,
 body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide .content {
  width:60%;
  padding:0 0 0 60px;
  text-align:left
 }
}
@media only screen and (min-width: 1366px) {
 body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide .content,
 body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide .content,
 body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide .content {
  padding-top:60px;
  width:40%
 }
}
body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide .content h3,
body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide .content h3,
body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide .content h3 {
 color:#555555;
 font-size:28px;
 line-height:1.2;
 margin-bottom:30px;
 margin-top:20px
}
body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide .content h3 small,
body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide .content h3 small,
body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide .content h3 small {
 display:block;
 color:#baaa96;
 text-transform:uppercase;
 font-size:70%;
 margin-top:20px
}
body.pod-page-landing-aesthetic section#testimonials .testimonials-container .swiper-slide .content p,
body.pod-page-landing-brand section#testimonials .testimonials-container .swiper-slide .content p,
body.pod-page-landing-home-comfort section#testimonials .testimonials-container .swiper-slide .content p {
 font-family:"ClanComp-Book", sans-serif
}
body.pod-page-landing-aesthetic section#segment-feature-benefit,
body.pod-page-landing-brand section#segment-feature-benefit,
body.pod-page-landing-home-comfort section#segment-feature-benefit {
 background-color:#eee
}
body.pod-page-landing-aesthetic section#segment-faq,
body.pod-page-landing-brand section#segment-faq,
body.pod-page-landing-home-comfort section#segment-faq {
 background-color:#fff
}
body.pod-page-landing-aesthetic section#segment-faq h3,
body.pod-page-landing-aesthetic section#segment-faq .question,
body.pod-page-landing-brand section#segment-faq h3,
body.pod-page-landing-brand section#segment-faq .question,
body.pod-page-landing-home-comfort section#segment-faq h3,
body.pod-page-landing-home-comfort section#segment-faq .question {
 color:#1b4098
}
body.pod-page-landing-aesthetic section#segment-faq h3,
body.pod-page-landing-brand section#segment-faq h3,
body.pod-page-landing-home-comfort section#segment-faq h3 {
 padding-bottom:30px
}
body.pod-page-landing-aesthetic section#segment-faq .faq.active .question,
body.pod-page-landing-brand section#segment-faq .faq.active .question,
body.pod-page-landing-home-comfort section#segment-faq .faq.active .question {
 color:#fff
}
@media only screen and (max-width: 768px) {
 body.pod-page-landing-aesthetic section#segment-faq .buttons,
 body.pod-page-landing-brand section#segment-faq .buttons,
 body.pod-page-landing-home-comfort section#segment-faq .buttons {
  margin-right:20px
 }
}
body.pod-page-landing-aesthetic section#segment-applications,
body.pod-page-landing-brand section#segment-applications,
body.pod-page-landing-home-comfort section#segment-applications {
 padding-bottom:0;
 background-color:#f5f5f5
}
body.pod-page-landing-aesthetic section#segment-applications .tabs-container .accordion-button.active+.content,
body.pod-page-landing-brand section#segment-applications .tabs-container .accordion-button.active+.content,
body.pod-page-landing-home-comfort section#segment-applications .tabs-container .accordion-button.active+.content {
 border-bottom:none
}
body.pod-page-landing-aesthetic section#segment-applications .tabs-container,
body.pod-page-landing-brand section#segment-applications .tabs-container,
body.pod-page-landing-home-comfort section#segment-applications .tabs-container {
 padding-bottom:60px
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic section#segment-applications .tabs-container,
 body.pod-page-landing-brand section#segment-applications .tabs-container,
 body.pod-page-landing-home-comfort section#segment-applications .tabs-container {
  padding-bottom:90px
 }
}
@media only screen and (min-width: 1366px) {
 body.pod-page-landing-aesthetic section#segment-applications .tabs-container,
 body.pod-page-landing-brand section#segment-applications .tabs-container,
 body.pod-page-landing-home-comfort section#segment-applications .tabs-container {
  padding-bottom:120px
 }
}
body.pod-page-landing-aesthetic section#find-a-builder,
body.pod-page-landing-brand section#find-a-builder,
body.pod-page-landing-home-comfort section#find-a-builder {
 text-align:center;
 background-image:url("/wp-content/themes/hebel/assets/img/landing/bg_building-light.jpg");
 background-size:cover
}
body.pod-page-landing-aesthetic section#find-a-builder .container,
body.pod-page-landing-brand section#find-a-builder .container,
body.pod-page-landing-home-comfort section#find-a-builder .container {
 width:90%
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic section#find-a-builder .container,
 body.pod-page-landing-brand section#find-a-builder .container,
 body.pod-page-landing-home-comfort section#find-a-builder .container {
  width:100%
 }
 body.pod-page-landing-aesthetic section#find-a-builder p,
 body.pod-page-landing-brand section#find-a-builder p,
 body.pod-page-landing-home-comfort section#find-a-builder p {
  width:70%;
  margin-left:auto;
  margin-right:auto
 }
}
body.pod-page-landing-aesthetic section#find-a-builder .btn-primary,
body.pod-page-landing-brand section#find-a-builder .btn-primary,
body.pod-page-landing-home-comfort section#find-a-builder .btn-primary {
 margin-top:30px;
 padding:17px 30px 17px 30px
}
body.pod-page-landing-aesthetic section#find-a-builder .btn-primary .fa,
body.pod-page-landing-brand section#find-a-builder .btn-primary .fa,
body.pod-page-landing-home-comfort section#find-a-builder .btn-primary .fa {
 margin-left:5px
}
body.pod-page-landing-aesthetic section#brochure,
body.pod-page-landing-brand section#brochure,
body.pod-page-landing-home-comfort section#brochure {
 text-align:center;
 background-image:url("/wp-content/themes/hebel/assets/img/landing/bg_brochure.jpg");
 background-size:cover
}
body.pod-page-landing-aesthetic section#brochure .container,
body.pod-page-landing-brand section#brochure .container,
body.pod-page-landing-home-comfort section#brochure .container {
 width:90%
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic section#brochure .container,
 body.pod-page-landing-brand section#brochure .container,
 body.pod-page-landing-home-comfort section#brochure .container {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  text-align:left
 }
}
body.pod-page-landing-aesthetic section#brochure .container .img,
body.pod-page-landing-brand section#brochure .container .img,
body.pod-page-landing-home-comfort section#brochure .container .img {
 margin:20px 60px 20px 40px
}
body.pod-page-landing-aesthetic section#brochure .container .img img,
body.pod-page-landing-brand section#brochure .container .img img,
body.pod-page-landing-home-comfort section#brochure .container .img img {
 width:100%;
 max-width:250px
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic section#brochure .container .content,
 body.pod-page-landing-brand section#brochure .container .content,
 body.pod-page-landing-home-comfort section#brochure .container .content {
  max-width:540px
 }
}
body.pod-page-landing-aesthetic section#brochure .container .content h2,
body.pod-page-landing-brand section#brochure .container .content h2,
body.pod-page-landing-home-comfort section#brochure .container .content h2 {
 position:relative;
 padding-bottom:18px;
 margin-bottom:30px;
 color:#1b4098;
 text-transform:uppercase;
 font-weight:bold;
 font-family:"ClanComp-Bold", sans-serif;
 font-size:18px
}
body.pod-page-landing-aesthetic section#brochure .container .content h2:before,
body.pod-page-landing-brand section#brochure .container .content h2:before,
body.pod-page-landing-home-comfort section#brochure .container .content h2:before {
 position:absolute;
 bottom:0;
 content:"";
 width:40px;
 border-bottom:1px solid #1b4098
}
body.pod-page-landing-aesthetic section#brochure .container .content p,
body.pod-page-landing-brand section#brochure .container .content p,
body.pod-page-landing-home-comfort section#brochure .container .content p {
 color:#1b4098;
 font-family:"ClanComp-Bold", sans-serif;
 font-size:24px;
 line-height:140%
}
body.pod-page-landing-aesthetic section#brochure .container .btn-primary,
body.pod-page-landing-brand section#brochure .container .btn-primary,
body.pod-page-landing-home-comfort section#brochure .container .btn-primary {
 margin-top:20px;
 font-size:14px;
 padding:12px 20px
}
body.pod-page-landing-aesthetic section#brochure .container .btn-primary .fa,
body.pod-page-landing-brand section#brochure .container .btn-primary .fa,
body.pod-page-landing-home-comfort section#brochure .container .btn-primary .fa {
 font-size:18px
}
body.pod-page-landing-aesthetic #bottom-bar-landing,
body.pod-page-landing-brand #bottom-bar-landing,
body.pod-page-landing-home-comfort #bottom-bar-landing {
 position:relative;
 z-index:3;
 background:#c7c1bb
}
body.pod-page-landing-aesthetic #bottom-bar-landing .container,
body.pod-page-landing-brand #bottom-bar-landing .container,
body.pod-page-landing-home-comfort #bottom-bar-landing .container {
 display:flex;
 justify-content:space-between;
 align-items:center;
 flex-direction:column
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic #bottom-bar-landing .container,
 body.pod-page-landing-brand #bottom-bar-landing .container,
 body.pod-page-landing-home-comfort #bottom-bar-landing .container {
  flex-direction:row
 }
}
body.pod-page-landing-aesthetic #bottom-bar-landing .container .legal,
body.pod-page-landing-brand #bottom-bar-landing .container .legal,
body.pod-page-landing-home-comfort #bottom-bar-landing .container .legal {
 display:flex;
 align-items:center;
 justify-content:flex-start;
 order:2
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic #bottom-bar-landing .container .legal,
 body.pod-page-landing-brand #bottom-bar-landing .container .legal,
 body.pod-page-landing-home-comfort #bottom-bar-landing .container .legal {
  order:1
 }
}
body.pod-page-landing-aesthetic #bottom-bar-landing .container .legal .logo-csr,
body.pod-page-landing-brand #bottom-bar-landing .container .legal .logo-csr,
body.pod-page-landing-home-comfort #bottom-bar-landing .container .legal .logo-csr {
 width:50px;
 height:50px;
 margin:15px 15px 15px 0;
 text-indent:-9999px;
 background-image:url("../img/logo-csr.png");
 background-size:cover
}
body.pod-page-landing-aesthetic #bottom-bar-landing .container .legal p,
body.pod-page-landing-aesthetic #bottom-bar-landing .container .legal a,
body.pod-page-landing-brand #bottom-bar-landing .container .legal p,
body.pod-page-landing-brand #bottom-bar-landing .container .legal a,
body.pod-page-landing-home-comfort #bottom-bar-landing .container .legal p,
body.pod-page-landing-home-comfort #bottom-bar-landing .container .legal a {
 color:#fff
}
body.pod-page-landing-aesthetic #bottom-bar-landing .container .legal p,
body.pod-page-landing-brand #bottom-bar-landing .container .legal p,
body.pod-page-landing-home-comfort #bottom-bar-landing .container .legal p {
 margin-bottom:0;
 font-size:12px
}
body.pod-page-landing-aesthetic #bottom-bar-landing .container .social,
body.pod-page-landing-brand #bottom-bar-landing .container .social,
body.pod-page-landing-home-comfort #bottom-bar-landing .container .social {
 order:1;
 margin:15px auto
}
@media only screen and (min-width: 768px) {
 body.pod-page-landing-aesthetic #bottom-bar-landing .container .social,
 body.pod-page-landing-brand #bottom-bar-landing .container .social,
 body.pod-page-landing-home-comfort #bottom-bar-landing .container .social {
  order:2;
  margin:0
 }
}
body.pod-page-landing-aesthetic #bottom-bar-landing .container .social ul.social-links,
body.pod-page-landing-brand #bottom-bar-landing .container .social ul.social-links,
body.pod-page-landing-home-comfort #bottom-bar-landing .container .social ul.social-links {
 display:flex;
 justify-content:center;
 align-items:center
}
body.pod-page-landing-aesthetic #bottom-bar-landing .container .social ul.social-links li,
body.pod-page-landing-brand #bottom-bar-landing .container .social ul.social-links li,
body.pod-page-landing-home-comfort #bottom-bar-landing .container .social ul.social-links li {
 width:40px;
 height:40px;
 margin:0 1px;
 background-color:#fff;
 background-position:center center;
 background-repeat:no-repeat;
 background-size:auto 20px
}
body.pod-page-landing-aesthetic #bottom-bar-landing .container .social ul.social-links a,
body.pod-page-landing-brand #bottom-bar-landing .container .social ul.social-links a,
body.pod-page-landing-home-comfort #bottom-bar-landing .container .social ul.social-links a {
 display:block;
 width:100%;
 height:100%;
 text-indent:-9999px;
 box-sizing:border-box
}
body.pod-page-landing-aesthetic #bottom-bar-landing .container .social ul.social-links a:hover,
body.pod-page-landing-brand #bottom-bar-landing .container .social ul.social-links a:hover,
body.pod-page-landing-home-comfort #bottom-bar-landing .container .social ul.social-links a:hover {
 border:2px solid #555
}
body.pod-page-landing-aesthetic #bottom-bar-landing .container .social ul.social-links .facebook,
body.pod-page-landing-brand #bottom-bar-landing .container .social ul.social-links .facebook,
body.pod-page-landing-home-comfort #bottom-bar-landing .container .social ul.social-links .facebook {
 background-image:url(../img/icon-facebook.png)
}
body.pod-page-landing-aesthetic #bottom-bar-landing .container .social ul.social-links .twitter,
body.pod-page-landing-brand #bottom-bar-landing .container .social ul.social-links .twitter,
body.pod-page-landing-home-comfort #bottom-bar-landing .container .social ul.social-links .twitter {
 background-image:url(../img/icon-twitter.png)
}
body.pod-page-landing-aesthetic #bottom-bar-landing .container .social ul.social-links .instagram,
body.pod-page-landing-brand #bottom-bar-landing .container .social ul.social-links .instagram,
body.pod-page-landing-home-comfort #bottom-bar-landing .container .social ul.social-links .instagram {
 background-image:url(../img/icon-instagram.png)
}
body.pod-page-landing-aesthetic #bottom-bar-landing .container .social ul.social-links .youtube,
body.pod-page-landing-brand #bottom-bar-landing .container .social ul.social-links .youtube,
body.pod-page-landing-home-comfort #bottom-bar-landing .container .social ul.social-links .youtube {
 background-image:url(../img/icon-youtube.png)
}
body.pod-page-landing-aesthetic #bottom-bar-landing .container .social ul.social-links .pintrest,
body.pod-page-landing-brand #bottom-bar-landing .container .social ul.social-links .pintrest,
body.pod-page-landing-home-comfort #bottom-bar-landing .container .social ul.social-links .pintrest {
 background-image:url(../img/icon-pintrest.png)
}
body.pod-page-landing-aesthetic #bottom-bar-landing .container .social ul.social-links .linked-in,
body.pod-page-landing-brand #bottom-bar-landing .container .social ul.social-links .linked-in,
body.pod-page-landing-home-comfort #bottom-bar-landing .container .social ul.social-links .linked-in {
 background-image:url(../img/icon-linkedin.png)
}
@media only screen and (max-width: 480px) {
 body.pod-page-landing-brand #nav {
  height:5px;
  background-color:#fff
 }
 body.pod-page-landing-brand #nav ul {
  display:none
 }
}
.fancybox-is-open .landing-gallery-modal {
 position:relative;
 left:auto
}
.landing-gallery-modal {
 width:95%;
 padding:15px;
 position:absolute;
 left:-50000px
}
.landing-gallery-modal .gallery .top {
 display:flex;
 flex-direction:column;
 background-color:#efefef
}
@media only screen and (min-width: 480px) {
 .landing-gallery-modal .gallery .top {
  flex-direction:row
 }
}
.landing-gallery-modal .gallery .top .gallery-top {
 width:100%;
 order:2
}
@media only screen and (min-width: 480px) {
 .landing-gallery-modal .gallery .top .gallery-top {
  width:70%;
  order:1
 }
}
.landing-gallery-modal .gallery .top .gallery-top .swiper-slide img {
 display:block;
 width:100%;
 height:auto
}
.landing-gallery-modal .gallery .top .info {
 box-sizing:border-box;
 width:100%;
 order:1;
 padding:20px;
 text-align:left
}
@media only screen and (min-width: 480px) {
 .landing-gallery-modal .gallery .top .info {
  width:30%;
  order:2;
  padding:40px
 }
}
.landing-gallery-modal .gallery .top .info h4 {
 font-size:16px;
 line-height:20px
}
@media only screen and (min-width: 480px) {
 .landing-gallery-modal .gallery .top .info h4 {
  font-size:16px;
  line-height:20px
 }
}
@media only screen and (min-width: 992px) {
 .landing-gallery-modal .gallery .top .info h4 {
  font-size:24px;
  line-height:32px
 }
}
@media only screen and (min-width: 1366px) {
 .landing-gallery-modal .gallery .top .info h4 {
  font-size:32px;
  line-height:42px
 }
}
.landing-gallery-modal .gallery .top .info h4 a {
 outline:none
}
.landing-gallery-modal .gallery .top .info hr {
 margin-left:0
}
.landing-gallery-modal .gallery .gallery-thumbs {
 display:none
}
@media only screen and (min-width: 480px) {
 .landing-gallery-modal .gallery .gallery-thumbs {
  display:block;
  margin-top:30px
 }
 .landing-gallery-modal .gallery .gallery-thumbs .swiper-slide {
  width:100px;
  height:100px;
  border:8px solid #fff
 }
 .landing-gallery-modal .gallery .gallery-thumbs .swiper-slide img {
  display:block;
  width:100%;
  height:auto
 }
 .landing-gallery-modal .gallery .gallery-thumbs .swiper-slide-active {
  border:8px solid #1b4098
 }
}
#modal-gallery {
 text-align:center;
 width:90%;
 margin-left:auto;
 margin-right:auto
}
@media only screen and (min-width: 768px) {
 #modal-gallery {
  width:100%
 }
 #modal-gallery p {
  width:70%;
  margin-left:auto;
  margin-right:auto
 }
}
@media only screen and (min-width: 992px) {
 #modal-gallery {
  width:80%
 }
}
@media only screen and (min-width: 1366px) {
 #modal-gallery {
  width:100%
 }
}
#modal-gallery .gallery-container .row {
 display:flex;
 align-items:center
}
#modal-gallery .gallery-container .row .half,
#modal-gallery .gallery-container .row .quarter {
 margin:5px;
 position:relative
}
#modal-gallery .gallery-container .row .half img,
#modal-gallery .gallery-container .row .quarter img {
 width:100%;
 height:auto;
 vertical-align:top
}
#modal-gallery .gallery-container .row .half i,
#modal-gallery .gallery-container .row .quarter i {
 color:#fff;
 position:absolute;
 bottom:20px;
 right:20px;
 font-size:24px;
 z-index:2
}
#modal-gallery .gallery-container .row .half span,
#modal-gallery .gallery-container .row .quarter span {
 position:absolute;
 right:5px;
 bottom:35px;
 display:block;
 background-color:#3C7BBE;
 border-radius:100%;
 width:20px;
 height:20px;
 color:#fff;
 font-size:11px;
 margin:0;
 line-height:23px;
 z-index:2
}
#modal-gallery .gallery-container .row .half .description,
#modal-gallery .gallery-container .row .quarter .description {
 text-align:left;
 color:#fff;
 background:rgba(0,0,0,0.65);
 padding:24px 60px 22px 20px;
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 z-index:1;
 font-size:14px
}
@media only screen and (max-width: 768px) {
 #modal-gallery .gallery-container .row .half .description,
 #modal-gallery .gallery-container .row .quarter .description {
  display:none
 }
}
#modal-gallery .gallery-container .row .half {
 width:calc(50% - 10px)
}
#modal-gallery .gallery-container .row .quarter {
 width:calc(25% - 10px)
}
#modal-gallery .gallery-container .swiper-scrollbar {
 display:block;
 height:4px;
 margin:4px auto 30px;
 background-color:#efefef
}
#modal-gallery .gallery-container .swiper-scrollbar .swiper-scrollbar-drag {
 top:-2px;
 height:8px;
 background-color:#1b4098;
 cursor:pointer
}
.modal-gallery-modal .responsive-div img {
 width:auto !important;
 height:auto !important;
 max-width:100%;
 max-height:100%;
 right:0;
 bottom:0;
 margin:auto
}
.selectric-wrapper {
 position:relative;
 cursor:pointer
}
.selectric-responsive {
 width:100%
}
.selectric {
 border:1px solid #DDD;
 border-radius:0px;
 background:#F8F8F8;
 position:relative;
 overflow:hidden
}
.selectric .label {
 display:block;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 margin:0 38px 0 10px;
 font-size:12px;
 line-height:38px;
 color:#444;
 height:38px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.selectric .button {
 display:block;
 position:absolute;
 right:0;
 top:0;
 width:38px;
 height:38px;
 line-height:38px;
 background-color:#F8f8f8;
 color:#BBB;
 text-align:center;
 font:0/0 a;
 *font:20px/38px Lucida Sans Unicode,Arial Unicode MS,Arial
}
.selectric .button:after {
 content:" ";
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 margin:auto;
 width:0;
 height:0;
 border:4px solid transparent;
 border-top-color:#BBB;
 border-bottom:none
}
.selectric-focus .selectric {
 border-color:#aaa
}
.selectric-hover .selectric {
 border-color:#c4c4c4
}
.selectric-hover .selectric .button {
 color:#a2a2a2
}
.selectric-hover .selectric .button:after {
 border-top-color:#a2a2a2
}
.selectric-open {
 z-index:9999
}
.selectric-open .selectric {
 border-color:#c4c4c4
}
.selectric-open .selectric-items {
 display:block
}
.selectric-disabled {
 filter:alpha(opacity=50);
 opacity:0.5;
 cursor:default;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.selectric-hide-select {
 position:relative;
 overflow:hidden;
 width:0;
 height:0
}
.selectric-hide-select select {
 position:absolute;
 left:-100%
}
.selectric-hide-select.selectric-is-native {
 position:absolute;
 width:100%;
 height:100%;
 z-index:10
}
.selectric-hide-select.selectric-is-native select {
 position:absolute;
 top:0;
 left:0;
 right:0;
 height:100%;
 width:100%;
 border:none;
 z-index:1;
 box-sizing:border-box;
 opacity:0
}
.selectric-input {
 position:absolute !important;
 top:0 !important;
 left:0 !important;
 overflow:hidden !important;
 clip:rect(0, 0, 0, 0) !important;
 margin:0 !important;
 padding:0 !important;
 width:1px !important;
 height:1px !important;
 outline:none !important;
 border:none !important;
 *font:0/0 a !important;
 background:none !important
}
.selectric-temp-show {
 position:absolute !important;
 visibility:hidden !important;
 display:block !important
}
.selectric-items {
 display:none;
 position:absolute;
 top:100%;
 left:0;
 background:#F8F8F8;
 border:1px solid #c4c4c4;
 z-index:-1;
 box-shadow:0 0 10px -6px
}
.selectric-items .selectric-scroll {
 height:100%;
 overflow:auto
}
.selectric-above .selectric-items {
 top:auto;
 bottom:100%
}
.selectric-items ul,
.selectric-items li {
 list-style:none;
 padding:0;
 margin:0;
 font-size:12px;
 line-height:20px;
 min-height:20px
}
.selectric-items li {
 display:block;
 padding:10px;
 color:#666;
 cursor:pointer
}
.selectric-items li.selected {
 background:#E0E0E0;
 color:#444
}
.selectric-items li.highlighted {
 background:#D0D0D0;
 color:#444
}
.selectric-items li:hover {
 background:#D5D5D5;
 color:#444
}
.selectric-items .disabled {
 filter:alpha(opacity=50);
 opacity:0.5;
 cursor:default !important;
 background:none !important;
 color:#666 !important;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.selectric-items .selectric-group .selectric-group-label {
 font-weight:bold;
 padding-left:10px;
 cursor:default;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 background:none;
 color:#444
}
.selectric-items .selectric-group.disabled li {
 filter:alpha(opacity=100);
 opacity:1
}
.selectric-items .selectric-group li {
 padding-left:25px
}
#blog-header {
 background-image:url(../img/placeholder-bg-blog.jpg)
}
@media (max-width: 767px) {
 #blog-header {
  background-image:url("../img/bg-blog-mobile.jpg")
 }
}
@media (max-width: 767px) {
 #blog-header.hidden-xs {
  display:none
 }
}
#blog-header .copy {
 display:flex;
 align-content:center;
 flex-wrap:wrap;
 width:85%
}
@media only screen and (min-width: 768px) {
 #blog-header .copy {
  min-height:350px;
  padding:70px 0;
  width:100%
 }
}
#blog-header .copy h1 {
 width:100%
}
#blog-header .copy svg {
 height:4.5px
}
#blog-header .copy .text {
 width:100%
}
#blog-header .copy p {
 max-width:380px
}
#blog-bar {
 margin-bottom:60px;
 background:#1a3e92;
 color:#fff
}
#blog-bar a {
 color:#fff
}
#blog-bar a.btn-share {
 color:#1b4098
}
#blog-bar .container {
 display:flex;
 align-items:center;
 justify-content:space-between;
 height:60px;
 margin:0 20px
}
@media (min-width: 768px) and (max-width: 991px) {
 #blog-bar .container {
  width:auto;
  max-width:none
 }
}
#blog-bar .breadcrumbs {
 color:#fff;
 line-height:32px
}
#blog-bar .breadcrumbs a {
 display:inline-block;
 position:relative;
 padding-left:38px
}
#blog-bar .breadcrumbs a:before {
 content:'';
 width:31px;
 height:28px;
 background:url("../img/icon-home.png") 0 0 no-repeat;
 position:absolute;
 top:0;
 left:0
}
#blog-bar .breadcrumbs li {
 display:inline-block
}
@media (min-width: 992px) {
 #blog-bar .breadcrumbs li:after {
  content:'>';
  margin:0 5px 0 10px
 }
}
@media (max-width: 991px) {
 #blog-bar .breadcrumbs li:last-child {
  display:none
 }
}
#blog-bar .breadcrumbs li:last-child:after {
 content:'';
 margin:0
}
@media only screen and (max-width: 767px) {
 #blog-bar .btn-share {
  padding:8px 25px 8px 45px;
  font-size:14px
 }
}
@media only screen and (min-width: 992px) {
 #blog-bar .container {
  height:100px;
  margin:0 auto
 }
}
#blog-main {
 color:#555
}
@media only screen and (min-width: 992px) {
 #blog-main {
  width:690px;
  margin-right:50px
 }
}
@media only screen and (min-width: 1366px) {
 #blog-main {
  width:860px
 }
}
#blog-main p,
#blog-main li {
 color:#555;
 font-family:"ClanComp-Book",sans-serif;
 line-height:1.5
}
#blog-main p.no-posts,
#blog-main li.no-posts {
 margin-top:20px
}
#blog-main p {
 margin-bottom:20px
}
#blog-main ul {
 margin:20px;
 list-style-type:disc
}
#blog-main ul.post-categories {
 margin:0
}
#blog-main div,
#blog-main img {
 display:block;
 max-width:100%;
 height:auto
}
#blog-main article {
 padding-bottom:20px;
 margin-bottom:30px;
 border-bottom:1px solid #cecece
}
@media only screen and (min-width: 992px) {
 #blog-main article {
  padding-bottom:40px;
  margin-bottom:50px
 }
}
#blog-main h3,
#blog-main h4 {
 font-family:"ClanComp-Medium",sans-serif;
 font-size:22px;
 color:#1b4098;
 line-height:1.2;
 margin:20px 0 10px
}
#blog-main h3 strong,
#blog-main h4 strong {
 font-weight:normal
}
#blog-main h4 {
 font-size:18px;
 line-height:1.2;
 margin-bottom:10px
}
#blog-main hr {
 border-color:#ededed
}
#blog-main blockquote {
 position:relative;
 padding:40px;
 padding-left:60px;
 background:#edf2f8;
 color:#7788b4;
 display:block;
 line-height:1.6;
 margin:20px 0
}
#blog-main blockquote:before {
 position:absolute;
 font-size:60px;
 line-height:1;
 content:"\201C";
 left:25px;
 top:45px
}
@media only screen and (min-width: 992px) {
 #blog-main blockquote {
  padding:50px;
  padding-left:80px
 }
 #blog-main blockquote:before {
  font-size:80px;
  left:30px;
  top:60px
 }
}
#blog-main blockquote p {
 color:inherit;
 font-family:inherit
}
#blog-main .blog-content a {
 color:#1b4098;
 font-weight:bold
}
#blog-main .blog-content a.btn-share {
 display:inline-block;
 padding:15px 45px 15px 45px
}
#blog-main .wp-caption-text {
 font-size:12px;
 margin:20px 0
}
#blog-main .btn-primary {
 margin:10px 0
}
#blog-main #tags {
 margin:20px 0
}
#blog-main .custom-pagination {
 position:relative;
 display:flex;
 justify-content:space-between;
 margin-bottom:20px;
 padding:25px 20%;
 border:1px solid #c7c7c7
}
@media only screen and (min-width: 992px) {
 #blog-main .custom-pagination {
  margin-bottom:0;
  padding:25px 25%
 }
}
#blog-main .custom-pagination a {
 color:#6d6d6d;
 opacity:0.6
}
#blog-main .custom-pagination .current {
 color:#1b4098
}
#blog-main .custom-pagination .prev,
#blog-main .custom-pagination .next {
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 left:20px;
 width:15px;
 height:28px;
 background-image:url(../img/icon-prev.png);
 background-size:contain;
 background-repeat:no-repeat;
 background-position:50% 50%
}
#blog-main .custom-pagination .next {
 left:auto;
 right:20px;
 transform:translateY(-50%) rotate(180deg)
}
@media only screen and (min-width: 992px) {
 #blog-sidebar {
  width:200px
 }
}
@media only screen and (min-width: 1366px) {
 #blog-sidebar {
  width:290px
 }
}
#blog-nav {
 width:100%;
 display:flex;
 flex-basis:100%;
 align-items:center;
 margin-top:90px;
 margin-bottom:60px
}
#blog-nav a {
 position:relative;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:flex-start;
 width:50%;
 height:180px;
 padding:0
}
#blog-nav a span {
 color:#fff;
 position:relative;
 z-index:3;
 font-size:26px;
 width:100%
}
#blog-nav a span.sub {
 display:block;
 margin-top:10px;
 text-transform:uppercase;
 font-size:14px
}
#blog-nav a:after,
#blog-nav a:before {
 position:absolute;
 z-index:0;
 top:0;
 right:0;
 bottom:0;
 width:80vw;
 background:rgba(27,64,152,0.7);
 content:""
}
#blog-nav a:before {
 background-image:inherit;
 background-position:50% 50%;
 background-size:cover
}
#blog-nav a.next {
 align-items:flex-end;
 border-left:2px solid #fff;
 text-align:right
}
#blog-nav a.next:before,
#blog-nav a.next:after {
 right:auto;
 left:0
}
#blog-nav.single-link a {
 flex-basis:100%;
 width:100%
}
#blog-nav.single-link a:before,
#blog-nav.single-link a:after {
 width:150vw;
 left:-20vw;
 right:-20vw
}
@media only screen and (max-width: 767px) {
 #blog-nav a span {
  font-size:16px;
  line-height:1.4
 }
}
#blog-comments {
 flex-basis:100%;
 width:100%;
 color:#7b7b7b
}
#blog-comments p {
 font-family:"ClanComp-Book",sans-serif
}
#blog-comments a {
 color:#7b7b7b
}
#blog-comments h2,
#blog-comments h3 {
 padding-top:30px;
 padding-bottom:30px;
 margin:0;
 text-align:center;
 font-size:24px;
 color:#c4c4c4;
 line-height:1.4
}
@media only screen and (min-width: 768px) {
 #blog-comments h2,
 #blog-comments h3 {
  padding-top:40px;
  padding-bottom:60px
 }
}
@media only screen and (min-width: 992px) {
 #blog-comments h2 h2,
 #blog-comments h2 h3,
 #blog-comments h3 h2,
 #blog-comments h3 h3 {
  font-size:30px
 }
}
#blog-comments h3 {
 padding:20px 0 0;
 font-family:"ClanComp-Medium",sans-serif;
 color:#ababab
}
#blog-comments #comments {
 margin:40px auto 0
}
#blog-comments .comments-title:before {
 content:'Join the discussion';
 display:block;
 margin-bottom:15px;
 font-size:13px;
 line-height:1
}
#blog-comments .comment-list,
#blog-comments .comments-title {
 background:#f1f1f1
}
@media only screen and (min-width: 768px) {
 #blog-comments .comment-respond,
 #blog-comments .comment-list {
  padding:0 100px
 }
}
#blog-comments .comment-list {
 padding-bottom:30px
}
#blog-comments .comment-respond {
 padding-top:40px;
 padding-bottom:80px;
 background:#ededed
}
@media only screen and (max-width: 767px) {
 #blog-comments .comment-respond {
  padding:0 20px 20px
 }
}
#blog-comments .comment-respond label {
 font-family:"ClanComp-Medium",sans-serif;
 color:#ababab
}
#blog-comments .avatar {
 border-radius:50%;
 overflow:hidden;
 margin-right:10px;
 width:50px;
 height:50px
}
@media only screen and (min-width: 768px) {
 #blog-comments .avatar {
  width:75px;
  height:75px
 }
}
#blog-comments .comment {
 margin-bottom:20px
}
@media only screen and (max-width: 767px) {
 #blog-comments .comment {
  margin:0 20px 20px
 }
}
#blog-comments .comment:last-child {
 margin-bottom:20px
}
#blog-comments .comment-body {
 position:relative
}
#blog-comments .comment-body p {
 margin-left:63px;
 font-family:"ClanComp-Book",sans-serif;
 font-size:12px
}
@media only screen and (min-width: 768px) {
 #blog-comments .comment-body p {
  margin-left:90px;
  font-size:14px
 }
}
#blog-comments .comment-author {
 font-size:14px;
 font-weight:bold
}
#blog-comments .comment-author cite,
#blog-comments .comment-author span {
 display:inline-block;
 transform:translateY(-40px)
}
#blog-comments .comment-awaiting-moderation {
 display:none;
 margin-left:63px;
 font-size:12px;
 position:absolute;
 bottom:-30px;
 font-weight:normal;
 font-style:normal;
 font-family:"ClanComp-Book", sans-serif
}
@media only screen and (min-width: 768px) {
 #blog-comments .comment-awaiting-moderation {
  display:block;
  margin-left:90px
 }
}
#blog-comments .comment-meta {
 font-size:12px;
 font-family:"ClanComp-Book",sans-serif;
 transform:translate(63px, -30px)
}
@media only screen and (min-width: 768px) {
 #blog-comments .comment-meta {
  transform:translate(88px, -30px);
  font-size:14px
 }
}
@media only screen and (max-width: 767px) {
 #blog-comments .comment-edit-link {
  display:block;
  margin-top:10px
 }
}
#blog-comments .reply {
 position:absolute;
 right:0;
 top:12px
}
@media only screen and (max-width: 767px) {
 #blog-comments .reply {
  position:static;
  display:inline-block;
  margin:0 20px 0 63px
 }
}
#blog-comments .logged-in-as {
 opacity:0.8;
 text-align:center;
 color:#c4c4c4
}
#blog-comments h3#reply-title {
 margin-bottom:30px
}
#blog-comments input,
#blog-comments textarea {
 background:#fff;
 border:1px solid #d7d7d7;
 border-radius:5px
}
#blog-comments .comment-reply-link,
#blog-comments input[type=submit] {
 display:block;
 padding:10px 15px;
 background:none;
 color:#1b4098;
 border:2px solid #1b4098;
 border-radius:0;
 font-family:"ClanComp-Medium",sans-serif;
 font-size:14px
}
#blog-comments input[type=submit] {
 margin:auto
}
#blog-comments form:after {
 content:"";
 display:table;
 clear:both
}
#blog-comments form .comment-notes {
 display:none
}
#blog-comments form .form-submit {
 float:none;
 width:100%;
 text-align:center;
 clear:both;
 padding-top:20px
}
#blog-comments form .comment-form-url {
 display:none
}
#blog-comments form label {
 font-size:14px
}
#blog-comments form textarea {
 height:224px;
 margin-bottom:0
}
@media only screen and (min-width: 768px) {
 #blog-comments form p {
  float:left;
  width:calc(50% - 20px);
  margin-right:20px
 }
 #blog-comments form p:nth-child(odd) {
  margin-right:0
 }
}
.blog-wrapper h2 {
 margin-bottom:10px;
 color:#1b4098;
 font-family:"ClanComp-Medium",sans-serif;
 font-size:18px;
 line-height:1.4
}
.blog-wrapper h2 a {
 color:#1b4098
}
@media only screen and (min-width: 768px) {
 .blog-wrapper h2 {
  font-size:24px
 }
}
.blog-wrapper .container {
 margin:0 20px
}
@media only screen and (max-width: 991px) {
 .blog-wrapper .container {
  max-width:none
 }
}
.blog-wrapper .hero-image {
 margin-bottom:20px
}
.blog-wrapper .hero-image img {
 display:block;
 max-width:100%;
 width:100%;
 height:auto
}
@media only screen and (min-width: 768px) {
 .blog-wrapper .hero-image {
  margin-bottom:40px
 }
}
.blog-wrapper .post-meta {
 margin-bottom:10px;
 font-size:14px;
 font-weight:normal;
 color:#a2b5ed;
 line-height:1.6
}
.blog-wrapper .post-meta a {
 color:#a2b5ed
}
.blog-wrapper .post-meta ul {
 margin:0
}
.blog-wrapper .post-categories {
 display:inline-block
}
.blog-wrapper .post-categories li {
 display:inline-block
}
.blog-wrapper #related-posts {
 margin-bottom:70px
}
.blog-wrapper #related-posts h3 {
 margin-bottom:15px;
 font-size:20px;
 line-height:1.4;
 border-bottom:3px solid #1b4098
}
.blog-wrapper #related-posts img {
 display:block;
 max-width:100%;
 height:auto;
 width:auto;
 margin-bottom:20px
}
.blog-wrapper #related-posts a {
 display:block;
 margin-bottom:20px;
 color:#50442c
}
.blog-wrapper #related-posts p {
 line-height:1.4;
 color:#4c4032
}
.blog-wrapper #tags h4 {
 background:#efefef;
 line-height:20px;
 padding:20px;
 font-size:14px;
 color:#707070
}
.blog-wrapper #tags a {
 background:#f4f4f4;
 display:inline-block;
 color:#707070;
 text-transform:uppercase;
 line-height:16px;
 padding:10px 15px;
 margin-right:8px;
 margin-bottom:6px;
 font-family:"ClanComp-Book",sans-serif;
 font-size:12px
}
.blog-wrapper .share {
 margin-bottom:30px
}
.blog-wrapper .share .icons {
 left:0;
 right:auto
}
.blog-wrapper .share .icons:after {
 right:auto;
 left:30px
}
@media only screen and (min-width: 992px) {
 .blog-wrapper .container {
  flex-wrap:wrap;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  margin:0 auto
 }
 .blog-wrapper h2 {
  font-size:30px
 }
}
.filter-by {
 width:100%;
 margin:20px 0
}
@media only screen and (min-width: 768px) {
 .filter-by {
  display:flex;
  justify-content:space-between;
  align-items:flex-end
 }
}
@media only screen and (min-width: 992px) {
 .filter-by .selectric-wrapper {
  max-width:330px
 }
}
.filter-by .selectric-wrapper .selectric {
 background-color:#f49004;
 border-color:#f49004
}
.filter-by .selectric-wrapper .selectric .label {
 font-family:"ClanComp-Medium",sans-serif;
 font-size:16px;
 color:#fff;
 height:80px;
 line-height:80px;
 margin:0 70px 0 30px;
 text-transform:uppercase
}
.filter-by .selectric-wrapper .selectric .button {
 background-color:#f49004;
 text-indent:-9999px;
 width:70px;
 height:80px;
 line-height:80px
}
.filter-by .selectric-wrapper .selectric .button:after {
 display:block;
 position:absolute;
 right:0;
 top:50%;
 margin-top:0;
 margin-bottom:0;
 content:"";
 background-image:url(../img/icon-arrow-right-white.svg);
 background-size:contain;
 background-position:50% 50%;
 background-repeat:no-repeat;
 height:inherit;
 width:25px;
 height:25px;
 transform:translateY(-50%) rotate(90deg);
 border:0
}
.filter-by .selectric-wrapper .selectric-items {
 border-color:#baa995;
 background:#fff
}
.filter-by .selectric-wrapper .selectric-items li {
 padding:18px 30px;
 color:#707070;
 font-size:14px;
 text-transform:uppercase
}
.filter-by .selectric-wrapper .selectric-items li:first-child {
 display:none
}
.filter-by .selectric-wrapper .selectric-items li:hover {
 background:#efefef
}
.filter-by .selectric-wrapper .selectric-items li.highlighted {
 background:#efefef
}
.filter-by form {
 position:relative;
 width:200px;
 display:none
}
@media only screen and (min-width: 768px) {
 .filter-by form {
  display:block
 }
}
@media only screen and (min-width: 1366px) {
 .filter-by form {
  width:290px
 }
}
.filter-by form label {
 display:none
}
.filter-by form input {
 height:50px
}
.filter-by form input[type=submit] {
 position:absolute;
 bottom:0;
 right:0;
 display:block;
 width:50px;
 margin-left:0;
 border:0;
 background-color:#1b4098;
 background-image:url(../img/icon-search.png);
 background-size:20px;
 background-repeat:no-repeat;
 background-position:center center;
 text-indent:-9999em
}
body.blog #blog-bar,
body.archive #blog-bar {
 margin-bottom:0
}
body.blog h2,
body.archive h2 {
 margin-bottom:15px
}
body.blog article,
body.archive article {
 padding-bottom:20px;
 margin-bottom:30px;
 border-bottom:1px solid #ccc
}
@media only screen and (min-width: 992px) {
 body.blog article,
 body.archive article {
  padding-bottom:20px;
  margin-bottom:50px
 }
}
body.logged-in #blog-comments form p {
 float:none;
 width:auto;
 margin-right:0
}
.share {
 display:inline-block;
 position:relative;
 margin:20px 0;
 color:#1b4098;
 font-size:0.875em
}
.share>span {
 margin-right:5px
}
.share a {
 color:#1b4098
}
.share .btn-share {
 position:relative;
 z-index:1
}
.share .icons {
 position:absolute;
 z-index:3;
 width:100%;
 text-align:center;
 transition:all 0s;
 background:#fff;
 padding:30px;
 box-shadow:0 0 30px rgba(0,0,0,0.5);
 min-width:200px;
 max-width:210px !important;
 height:80px;
 top:0;
 right:0;
 visibility:hidden
}
@media only screen and (min-width: 768px) {
 .share .icons {
  max-width:260px !important
 }
}
.share .icons:before {
 content:"Share this page";
 text-align:center;
 display:block;
 margin-bottom:20px;
 font-family:"ClanComp-Book",sans-serif;
 font-size:18px
}
.share .icons:after {
 width:12px;
 height:12px;
 display:block;
 position:absolute;
 top:0;
 right:30px;
 transform:translateY(-50%) rotate(45deg);
 content:'';
 background:#fff
}
.share .icons a {
 display:inline-block;
 width:35px;
 box-sizing:border-box;
 padding:10px;
 border:1px solid #cacaca;
 color:#cacaca !important
}
.share .icons.active {
 visibility:visible;
 top:50px;
 transition:all 0.2s ease-out
}
.share .icons.left {
 left:0;
 right:auto
}
.share .icons.left:after {
 right:auto;
 left:30px
}
.interactive-map header {
 display:flex;
 justify-content:center
}
.interactive-map header img {
 max-height:50px;
 padding:15px
}
.interactive-map .top-bar {
 background-color:#1b4098;
 text-align:center
}
.interactive-map .top-bar .container h2 {
 color:#fff;
 font-weight:700;
 font-size:18px;
 padding:30px
}
.interactive-map .top-bar .container .arrow {
 position:absolute;
 left:0
}
.interactive-map .top-bar .container .arrow img {
 max-height:20px;
 transform:rotate(180deg);
 padding:20px 20px 28px
}
.interactive-map #map-body {
 height:calc(100vh - 238px);
 width:100%;
 background-color:black;
 display:flex;
 align-items:center;
 justify-content:center
}
.interactive-map #map-body .map-wrapper {
 height:auto;
 width:auto;
 max-width:100%;
 max-height:100%;
 position:relative
}
.interactive-map #map-body .map-wrapper img {
 max-width:100%;
 max-height:calc(100vh - 238px)
}
.interactive-map #map-body .map-wrapper .link-wrapper {
 position:absolute
}
.interactive-map #map-body .map-wrapper .link-wrapper .map-link {
 display:block;
 width:180px;
 left:50%;
 transform:translate(-50%, 0);
 position:absolute;
 text-align:center;
 padding:15px 15px 12px;
 text-transform:uppercase;
 color:#fff;
 text-shadow:0px 0px 10px #000;
 background-color:transparent;
 border-radius:20px;
 transition:all 0.3s ease
}
.interactive-map #map-body .map-wrapper .link-wrapper .map-link:hover {
 background-color:rgba(27,64,152,0.9)
}
.interactive-map #bottom-bar {
 position:fixed;
 bottom:0;
 width:100%
}
.interactive-map-region {
 height:100%
}
.interactive-map-region .main-content {
 height:100vh;
 overflow:auto
}
.interactive-map-region.overlay-visible .overlay {
 opacity:1;
 width:100%
}
.interactive-map-region.overlay-visible .overlay .close-area {
 width:100%
}
.interactive-map-region.overlay-visible .supplier-overlay {
 left:0 !important
}
.interactive-map-region header {
 display:flex;
 justify-content:center
}
.interactive-map-region header img {
 max-height:50px;
 padding:15px
}
.interactive-map-region h5 {
 text-transform:uppercase;
 color:#1b4098;
 padding-bottom:30px
}
.interactive-map-region .top-bar {
 background-color:#1b4098;
 text-align:center;
 position:relative
}
.interactive-map-region .top-bar .container {
 display:flex;
 justify-content:center;
 align-items:center
}
.interactive-map-region .top-bar .container h2 {
 color:#fff;
 font-weight:700;
 font-size:18px;
 padding:30px
}
.interactive-map-region .top-bar .container .arrow {
 position:absolute;
 left:0
}
.interactive-map-region .top-bar .container .arrow img {
 max-height:20px;
 transform:rotate(180deg);
 padding:20px 20px 28px
}
.interactive-map-region .top-bar .container .close {
 margin-left:auto;
 margin-right:10px;
 padding:20px
}
.interactive-map-region .top-bar .container .close img {
 height:15px
}
.interactive-map-region .supplier-list {
 padding:20px;
 padding-bottom:100px
}
.interactive-map-region .supplier-list li {
 padding:20px 0;
 display:flex;
 align-items:center;
 border-bottom:solid 1px #efefef
}
.interactive-map-region .supplier-list li h5 {
 padding-bottom:0
}
.interactive-map-region .supplier-list li .buttons {
 margin-left:auto
}
.interactive-map-region .overlay {
 opacity:0;
 position:fixed;
 top:0;
 left:0;
 bottom:0;
 right:0;
 height:100%;
 width:0;
 background-color:rgba(0,0,0,0.5);
 transition:all 0.7s ease;
 z-index:10
}
.interactive-map-region .overlay .close-area {
 position:fixed;
 top:0;
 bottom:0;
 width:0
}
.interactive-map-region .overlay .supplier-overlay {
 position:fixed;
 top:0;
 left:-100vw;
 width:100%;
 background-color:#fff;
 z-index:30;
 transition:left 0.5s ease;
 overflow-y:scroll;
 max-height:100vh
}
@media (min-width: 768px) {
 .interactive-map-region .overlay .supplier-overlay {
  width:65%;
  box-shadow:0px 0px 100px rgba(0,0,0,0.8)
 }
}
.interactive-map-region .overlay .supplier-overlay .swiper-container img {
 width:100%;
 height:auto
}
.interactive-map-region .overlay .supplier-overlay .swiper-container .swiper-button-prev,
.interactive-map-region .overlay .supplier-overlay .swiper-container .swiper-button-next {
 background-color:#fff;
 padding:10px;
 background-size:15px;
 opacity:0.8;
 transition:opacity 0.5s ease
}
.interactive-map-region .overlay .supplier-overlay .swiper-container .swiper-button-prev:hover,
.interactive-map-region .overlay .supplier-overlay .swiper-container .swiper-button-next:hover {
 opacity:1
}
.interactive-map-region .overlay .supplier-overlay .swiper-container .swiper-button-prev {
 left:0
}
.interactive-map-region .overlay .supplier-overlay .swiper-container .swiper-button-next {
 right:0
}
.interactive-map-region .overlay .supplier-overlay .content {
 padding:10px 30px 50px
}
@media (min-width: 768px) {
 .interactive-map-region .overlay .supplier-overlay .content {
  padding:10px 30px 150px
 }
}
.interactive-map-region .overlay .supplier-overlay .pill-container {
 border-bottom:solid 1px #efefef
}
.interactive-map-region .overlay .supplier-overlay .contact {
 padding:30px 0 20px;
 border-bottom:solid 1px #efefef
}
.interactive-map-region .overlay .supplier-overlay .contact .row {
 display:block
}
@media (min-width: 768px) {
 .interactive-map-region .overlay .supplier-overlay .contact .row {
  display:flex
 }
}
.interactive-map-region .overlay .supplier-overlay .contact .row>div {
 width:100%;
 padding-bottom:20px
}
@media (min-width: 768px) {
 .interactive-map-region .overlay .supplier-overlay .contact .row>div {
  width:50%
 }
}
.interactive-map-region .overlay .supplier-overlay .contact .row .icon-left {
 display:flex
}
.interactive-map-region .overlay .supplier-overlay .contact .row .icon-left i {
 width:30px;
 font-size:24px;
 color:#f39003
}
.interactive-map-region .overlay .supplier-overlay .contact .map iframe {
 width:100%
}
.interactive-map-region .overlay .supplier-overlay .about {
 padding:30px 0 20px
}
.interactive-map-region .overlay .supplier-overlay .buttons {
 bottom:0;
 width:inherit;
 display:flex;
 margin-bottom:60px
}
@media (min-width: 768px) {
 .interactive-map-region .overlay .supplier-overlay .buttons {
  position:fixed;
  margin-bottom:0
 }
}
.interactive-map-region .overlay .supplier-overlay .buttons .prev,
.interactive-map-region .overlay .supplier-overlay .buttons .next {
 display:block;
 width:50%;
 padding:40px 20px;
 background-color:#1b4098;
 color:#fff;
 text-align:center;
 transition:all 0.8s ease
}
.interactive-map-region .overlay .supplier-overlay .buttons .prev:hover,
.interactive-map-region .overlay .supplier-overlay .buttons .next:hover {
 background-color:#09235E
}
.interactive-map-region .overlay .supplier-overlay .buttons .prev.disabled,
.interactive-map-region .overlay .supplier-overlay .buttons .next.disabled {
 background-color:#8b8987;
 color:#7d7d7d;
 cursor:not-allowed
}
.interactive-map-region .overlay .supplier-overlay .buttons .prev {
 border-right:solid 1px rgba(255,255,255,0.5)
}
.interactive-map-region .overlay .supplier-overlay .buttons .prev .fa {
 margin-right:25px
}
.interactive-map-region .overlay .supplier-overlay .buttons .next .fa {
 margin-left:25px
}
.interactive-map-region .pill-container {
 padding:20px 0;
 display:block
}
@media (min-width: 768px) {
 .interactive-map-region .pill-container {
  display:flex
 }
}
.interactive-map-region .pill-container h5 {
 margin-right:30px;
 min-width:180px;
 padding-top:12px;
 padding-bottom:10px
}
@media (min-width: 768px) {
 .interactive-map-region .pill-container h5 {
  padding-bottom:0
 }
}
.interactive-map-region .pill-container .pills li {
 display:inline-block;
 background-color:#1b4098;
 color:white;
 font-weight:400;
 padding:12px 15px 10px;
 border-radius:10px;
 margin-bottom:8px;
 margin-right:5px;
 font-size:14px
}
.interactive-map-region #bottom-bar {
 position:fixed;
 bottom:0;
 width:100%
}
.responsive-div {
 overflow:hidden;
 position:relative
}
.responsive-div .responsive-div-helper {
 display:inline-block;
 vertical-align:top;
 line-height:1
}
.responsive-div .responsive-div-helper {
 margin-top:67%
}
.responsive-div .responsive-div-content {
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0
}
.responsive-div img {
 position:absolute;
 top:0;
 left:0;
 display:block;
 height:auto;
 width:100%;
 vertical-align:top
}