@charset "UTF-8";
/* ========================================================================== INUITCSS ========================================================================== */
/** inuitcss, by @csswizardry  github.com/inuitcss | inuitcss.com */
/** This is an example inuitcss manifest file. DO NOT MODIFY THIS FILE DIRECTLY. Instead, copy and paste it into your own CSS directory and make additions, extensions, and modifications there. */
/** CONTENTS  SETTINGS Config...............Project-level configuration and feature switches. Core.................inuitcssÔÇÖ core and setup settings. Global...............Project-wide variables and settings.  TOOLS Font-size............A mixin which guarantees baseline-friendly line-heights. Clearfix.............Micro clearfix mixin. Hidden...............Mixin for hiding elements. Sass MQ..............inuitcssÔÇÖ default media query manager.  GENERIC Box-sizing...........Better default `box-sizing`. Normalize.css........A level playing field using @necolasÔÇÖ Normalize.css. Reset................A tiny reset to complement Normalize.css. Shared...............Sensibly and tersely share some global commonalities (particularly useful when managing vertical rhythm). Wildcard.............Yes :)  ELEMENTS Page.................Set up our documentÔÇÖs default `font-size` and `line-height`. Headings.............Very minimal (i.e. only font-size information) for headings 1 through 6. Images...............Base image styles. Tables...............Simple table styles.  OBJECTS Wrapper..............Page constraint object. Layout...............Generic layout module. Media................Image- and text-like content side by side. The poster-child of OOCSS. Flag.................Table-layout-based advancement on the Media object. List-bare............Lists with no bullets or indents. List-inline..........A list whose items all site in a line. Box..................Simple boxing abstraction. Block................Image-on-top-of-text object. Ratio................A container for maintaining aspect ratio of content. Crop.................Provide a cropping context for media (images, etc.). Table................Classes for manipulating `table`s. Pack.................Pack items into available horizontal space.  COMPONENTS Buttons..............An example button component, and how it fits into the inuitcss framework. Just-email-form......No description yet. Form.................No description yet.  UTILITIES Clearfix.............Bind our clearfix onto a utility class. Widths...............Simple width helper classes. Headings.............Reassigning our heading styles to helper classes. Spacings.............Nudge bits of the DOM around with these spacing classes. Print................Reset-like styles taken from the HTML5 Boilerplate. Hide.................Helper classes to hide content */
/* ========================================================================== #WILDCARD ========================================================================== */
* { text-transform: none !important; }

/* ========================================================================== #LAYOUT ========================================================================== */
/** Grid-like layout system.  The layout object provides us with a column-style layout system. This file contains the basic structural elements, but classes should be complemented with width utilities, for example:  <div class="o-layout"> <div class="o-layout__item  u-1/2"> </div> <div class="o-layout__item  u-1/2"> </div> </div>  The above will create a two-column structure in which each column will fluidly fill half of the width of the parent. We can have more complex systems:  <div class="o-layout"> <div class="o-layout__item  u-1/1  u-1/3@medium"> </div> <div class="o-layout__item  u-1/2  u-1/3@medium"> </div> <div class="o-layout__item  u-1/2  u-1/3@medium"> </div> </div>  The above will create a system in which the first item will be 100% width until we enter our medium breakpoint, when it will become 33.333% width. The second and third items will be 50% of their parent, until they also become 33.333% width at the medium breakpoint.  We can also manipulate entire layout systems by adding a series of modifiers to the `.o-layout` block. For example:  <div class="o-layout  o-layout--reverse">  This will reverse the displayed order of the system so that it runs in the opposite order to our source, effectively flipping the system over.  <div class="o-layout  o-layout--[right|center]">  This will cause the system to fill up from either the centre or the right hand side. Default behaviour is to fill up the layout system from the left.  There are plenty more options available to us: explore them below. */
/* Default/mandatory classes. ========================================================================== */
/** 1. Allows us to use the layout object on any type of element. 2. We need to defensively reset any box-model properties. 3. Use the negative margin trick for multi-row grids: http://csswizardry.com/2011/08/building-better-grid-systems/ */
.o-layout { display: block; /* [1] */ margin: 0; /* [2] */ padding: 0; /* [2] */ list-style: none; /* [1] */ margin-left: -24px; /* [3] */ font-size: 0; }

/** 1. Required in order to combine fluid widths with fixed gutters. 2. Allows us to manipulate grids vertically, with text-level properties, etc. 3. Default item alignment is with the tops of each other, like most traditional grid/layout systems. 4. By default, all layout items are full-width (mobile first). 5. Gutters provided by left padding: http://csswizardry.com/2011/08/building-better-grid-systems/ 6. Fallback for old IEs not supporting `rem` values. */
.o-layout__item { box-sizing: border-box; /* [1] */ display: inline-block; /* [2] */ vertical-align: top; /* [3] */ width: 100%; /* [4] */ padding-left: 24px; /* [5] */ font-size: 16px; /* [6] */ font-size: 1rem; }

/* Gutter size modifiers. ========================================================================== */
.o-layout--tiny { margin-left: -6px; }
.o-layout--tiny > .o-layout__item { padding-left: 6px; }

.o-layout--small { margin-left: -12px; }
.o-layout--small > .o-layout__item { padding-left: 12px; }

.o-layout--large { margin-left: -48px; }
.o-layout--large > .o-layout__item { padding-left: 48px; }

.o-layout--huge { margin-left: -96px; }
.o-layout--huge > .o-layout__item { padding-left: 96px; }

.o-layout--flush { margin-left: 0; }
.o-layout--flush > .o-layout__item { padding-left: 0; }

/* Vertical alignment modifiers. ========================================================================== */
/** Align all grid items to the middles of each other. */
.o-layout--middle > .o-layout__item { vertical-align: middle; }

/** Align all grid items to the bottoms of each other. */
.o-layout--bottom > .o-layout__item { vertical-align: bottom; }

/* Fill order modifiers. ========================================================================== */
/** Fill up the layout system from the centre. */
.o-layout--center { text-align: center; }
.o-layout--center > .o-layout__item { text-align: left; }

/** Fill up the layout system from the right-hand side. */
.o-layout--right { text-align: right; }
.o-layout--right > .o-layout__item { text-align: left; }

/** Fill up the layout system from the left-hand side. This will likely only be needed when using in conjunction with `.o-layout--reverse`. */
.o-layout--left { text-align: left; }
.o-layout--left > .o-layout__item { text-align: left; }

/** Reverse the rendered order of the grid system. */
.o-layout--reverse { direction: rtl; }
.o-layout--reverse > .o-layout__item { direction: ltr; }

/* ========================================================================== #CLICKCARROT ========================================================================== */
/** No description yet. */
.c-clickcarrot { position: relative !important; z-index: 100 !important; display: block !important; width: 24px !important; height: 24px !important; margin: 12px auto; color: #fff !important; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.c-clickcarrot__icon { position: absolute !important; left: 0 !important; top: 0 !important; display: inline-block !important; vertical-align: top !important; width: 24px !important; height: 24px !important; fill: currentColor !important; }
.c-clickcarrot__icon path { fill: currentColor !important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.c-clickcarrot:hover .c-clickcarrot__tail { color: green; }
.c-clickcarrot:hover .c-clickcarrot__char { color: orange; }

@media (min-width: 992px) { .c-clickcarrot { top: 4px; width: 16px !important; height: 16px !important; margin: 0 0 0 24px !important; float: right !important; }
  .c-clickcarrot__icon { width: 16px !important; height: 16px !important; } }
/* ========================================================================== #FORM ========================================================================== */
/** No description yet. */
#top .c-form .c-form__input, #top .c-form .c-form__submit { height: 46px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#top .c-form .c-form__label { display: block; margin-bottom: 7px; }
#top .c-form .c-form__input { width: 100%; margin-bottom: 0; display: inline; min-width: 50px; padding: 13px; border-radius: 0; border-width: 0; box-shadow: 0 0 0 1px #e1e1e1; background-color: #fcfcfc; color: #919191; }
#top .c-form .c-form__input:focus { box-shadow: 0 0 0 1px #e1e1e1, 0 0 0 3px #f1f1f1; }
#top .c-form textarea.c-form__input { height: auto; }
#top .c-form .c-form__submit { margin: 0; padding: 16px 20px; border-radius: 2px; border-bottom-width: 1px; border-bottom-style: solid; font-weight: normal; font-size: 0.92em; min-width: 142px; outline: none; background-color: #ed1c24; color: #ffffff; border-color: #e3121a; }
#top .c-form .c-form__input.wpcf7-not-valid { box-shadow: 0 0 0 1px #f00; }
#top .c-form .wpcf7-not-valid-tip { display: none !important; }
#top .c-form + .wpcf7-response-output { margin: 0 0 1em; padding: 0.5em 1em; border: 2px solid #fcd23b; }
#top .c-form .ajax-loader { position: absolute; margin-top: 14px; }

/* ========================================================================== #THUMBNAIL ========================================================================== */
/** No description yet. */
.c-thumbnail .avia_image { border: 1px solid #e1e1e1; }

/* ========================================================================== #LINKS ========================================================================== */
/** No description yet. */
.c-links a { color: inherit !important; }

.c-links-inherit a { color: inherit !important; }

/* ========================================================================== #SHOW MORE ========================================================================== */
/** No description yet. */
.c-show-more { position: relative; max-height: 100px; overflow: hidden; }

.c-show-more__trigger { position: absolute !important; z-index: 100; left: 0 !important; bottom: 0 !important; right: 0 !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 20px 10px 10px !important; text-align: right; border-width: 0; cursor: pointer; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+0,1+50,1+100 */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 50%, white 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 50%, white 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }
.c-show-more__trigger:focus { outline: 0; }
.c-show-more__trigger:hover { color: #ed1c24; }

.c-show-more.is-in { max-height: none; overflow: visible; padding-bottom: 35px; }
.c-show-more.is-in .c-show-more__trigger { padding-top: 10px !important; }

/* ========================================================================== #TIMELINE ========================================================================== */
/** No description yet. */
.u-transition-all, .c-timeline, .c-timeline__years, .c-timeline__year, .c-timeline__year:before, .c-slider-bottom-nav .iconbox_content, .c-slider-bottom-nav .iconbox_content:after { -webkit-transition: all 350ms 10ms ease-in-out; -moz-transition: all 350ms 10ms ease-in-out; -ms-transition: all 350ms 10ms ease-in-out; -o-transition: all 350ms 10ms ease-in-out; transition: all 350ms 10ms ease-in-out; }

.c-timeline__years { position: relative; margin-left: 50%; white-space: nowrap; font-size: 0; }
.c-timeline__years:before { position: absolute; z-index: 1; left: -5000px; right: -5000px; bottom: 4px; content: ''; display: block; height: 2px; background-color: #e1e1e1; }

.c-timeline__years-inner { margin-left: -75px; }

.c-timeline__year-text { display: inline-block; -webkit-transition: opacity 350ms ease-in-out; -moz-transition: opacity 350ms ease-in-out; -ms-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; }

.c-timeline__year { position: relative; z-index: 10; background-color: transparent; background-image: none; border-width: 0; width: 150px; height: 110px; padding: 0 0 30px; font-weight: 700; font-size: 40px; line-height: 40px; vertical-align: bottom; color: #e1e1e1; cursor: pointer; }
.c-timeline__year:before { position: absolute; left: 50%; margin-left: -5px; bottom: 0; content: ""; display: block; width: 10px; height: 10px; border-radius: 10px; background-color: #e1e1e1; }
.c-timeline__year:focus { outline: 0; }
.c-timeline__year:hover { color: #666; }
.c-timeline__year:hover:before { background-color: #666; }

.c-timeline__year--active { font-size: 60px; line-height: 60px; color: #ed1c24; }
.c-timeline__year--active:before { background-color: #ed1c24; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
.c-timeline__year--active:hover { color: #ed1c24; cursor: default; }
.c-timeline__year--active:hover:before { background-color: #ed1c24; }

.c-timeline__contents { font-size: 40px; line-height: 1.65em; }

.c-timeline__content { padding: 50px 0; }

.socket_color .c-timeline__years:before { background-color: #b1b1b1; }
.socket_color .c-timeline__year { color: #b1b1b1; }
.socket_color .c-timeline__year:before { background-color: #b1b1b1; }
.socket_color .c-timeline__year:hover .c-timeline__year-text { opacity: .75; }
.socket_color .c-timeline__year:hover:before { background-color: #fff; }
.socket_color .c-timeline__year--active { color: #fff; }
.socket_color .c-timeline__year--active:before { background-color: #fff; }
.socket_color .c-timeline__year--active:hover { color: #fff; }
.socket_color .c-timeline__year--active:hover .c-timeline__year-text { opacity: 1; }
.socket_color .c-timeline__year--active:hover:before { background-color: #fff; }

/* ========================================================================== #SUBPAGE LINKS ========================================================================== */
/** No description yet. */
.c-subpage-links .avia-button-wrap { display: block; border-bottom: 1px solid #e1e1e1; }
.c-subpage-links .avia-button-wrap:after { content: "" !important; display: block !important; clear: both !important; }
.c-subpage-links .avia-button-wrap:first-child { border-top: 1px solid #e1e1e1; }
.c-subpage-links .avia-button { position: relative; display: block; width: 100%; text-align: left; padding: 17px 48px 17px 24px !important; background: 0 none !important; font-size: 20px !important; color: inherit !important; box-shadow: none !important; border-width: 0 !important; border-radius: 0 !important; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.c-subpage-links .avia-button:after { position: absolute; right: 24px; top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); content: ""; display: block; width: 20px; height: 20px; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.c-subpage-links .avia-button:hover { color: #fff !important; background-color: #ed1c24 !important; }
.c-subpage-links .avia-button:hover:after { border-color: #fff; }

/* ========================================================================== #PRODUCT-MEDIA ========================================================================== */
/** No description yet. */
.c-product-media__gallery .avia-gallery-big { display: block !important; float: left !important; }
.c-product-media__gallery .avia-gallery-thumb { display: block !important; float: left !important; }

.c-product-media--gallery-count-1 .avia-gallery-big, .c-product-media--gallery-count-2 .avia-gallery-big, .c-product-media--gallery-count-3 .avia-gallery-big { width: 75% !important; }

.c-product-media--gallery-count-1 .avia-gallery-thumb, .c-product-media--gallery-count-2 .avia-gallery-thumb, .c-product-media--gallery-count-3 .avia-gallery-thumb { width: 25% !important; }

.c-product-media--gallery-count-1 .c-product-media__icons, .c-product-media--gallery-count-2 .c-product-media__icons, .c-product-media--gallery-count-3 .c-product-media__icons { padding-right: 25% !important; }

.c-product-media--gallery-count-4 .avia-gallery-big { width: 80% !important; }

.c-product-media--gallery-count-4 .avia-gallery-thumb { width: 20% !important; }

.c-product-media--gallery-count-4 .c-product-media__icons { padding-right: 20% !important; }

.c-product-media--gallery-count-5 .avia-gallery-big { width: 83.33333% !important; }

.c-product-media--gallery-count-5 .avia-gallery-thumb { width: 16.66667% !important; }

.c-product-media--gallery-count-5 .c-product-media__icons { padding-right: 16.66667% !important; }

.c-product-media--gallery-count-6 .avia-gallery-big { width: 85.71429% !important; }

.c-product-media--gallery-count-6 .avia-gallery-thumb { width: 14.28571% !important; }

.c-product-media--gallery-count-6 .c-product-media__icons { padding-right: 14.28571% !important; }

.c-product-media--gallery-count-7 .avia-gallery-big { width: 87.5% !important; }

.c-product-media--gallery-count-7 .avia-gallery-thumb { width: 12.5% !important; }

.c-product-media--gallery-count-7 .c-product-media__icons { padding-right: 12.5% !important; }

.c-product-media--gallery-count-8 .avia-gallery-big { width: 88.88889% !important; }

.c-product-media--gallery-count-8 .avia-gallery-thumb { width: 11.11111% !important; }

.c-product-media--gallery-count-8 .c-product-media__icons { padding-right: 11.11111% !important; }

.c-product-media--gallery-count-9 .avia-gallery-big { width: 90% !important; }

.c-product-media--gallery-count-9 .avia-gallery-thumb { width: 10% !important; }

.c-product-media--gallery-count-9 .c-product-media__icons { padding-right: 10% !important; }

.c-product-media--gallery-count-10 .avia-gallery-big { width: 90.90909% !important; }

.c-product-media--gallery-count-10 .avia-gallery-thumb { width: 9.09091% !important; }

.c-product-media--gallery-count-10 .c-product-media__icons { padding-right: 9.09091% !important; }

.c-product-media--gallery-count-11 .avia-gallery-big { width: 91.66667% !important; }

.c-product-media--gallery-count-11 .avia-gallery-thumb { width: 8.33333% !important; }

.c-product-media--gallery-count-11 .c-product-media__icons { padding-right: 8.33333% !important; }

.c-product-media--gallery-count-12 .avia-gallery-big { width: 92.30769% !important; }

.c-product-media--gallery-count-12 .avia-gallery-thumb { width: 7.69231% !important; }

.c-product-media--gallery-count-12 .c-product-media__icons { padding-right: 7.69231% !important; }

.c-product-media--gallery-count-13 .avia-gallery-big { width: 92.85714% !important; }

.c-product-media--gallery-count-13 .avia-gallery-thumb { width: 7.14286% !important; }

.c-product-media--gallery-count-13 .c-product-media__icons { padding-right: 7.14286% !important; }

.c-product-media--gallery-count-14 .avia-gallery-big { width: 93.33333% !important; }

.c-product-media--gallery-count-14 .avia-gallery-thumb { width: 6.66667% !important; }

.c-product-media--gallery-count-14 .c-product-media__icons { padding-right: 6.66667% !important; }

.c-product-media--gallery-count-15 .avia-gallery-big { width: 93.75% !important; }

.c-product-media--gallery-count-15 .avia-gallery-thumb { width: 6.25% !important; }

.c-product-media--gallery-count-15 .c-product-media__icons { padding-right: 6.25% !important; }

.c-product-media--gallery-count-16 .avia-gallery-big { width: 94.11765% !important; }

.c-product-media--gallery-count-16 .avia-gallery-thumb { width: 5.88235% !important; }

.c-product-media--gallery-count-16 .c-product-media__icons { padding-right: 5.88235% !important; }

.c-product-media--gallery-count-17 .avia-gallery-big { width: 94.44444% !important; }

.c-product-media--gallery-count-17 .avia-gallery-thumb { width: 5.55556% !important; }

.c-product-media--gallery-count-17 .c-product-media__icons { padding-right: 5.55556% !important; }

.c-product-media--gallery-count-18 .avia-gallery-big { width: 94.73684% !important; }

.c-product-media--gallery-count-18 .avia-gallery-thumb { width: 5.26316% !important; }

.c-product-media--gallery-count-18 .c-product-media__icons { padding-right: 5.26316% !important; }

.c-product-media--gallery-count-19 .avia-gallery-big { width: 95% !important; }

.c-product-media--gallery-count-19 .avia-gallery-thumb { width: 5% !important; }

.c-product-media--gallery-count-19 .c-product-media__icons { padding-right: 5% !important; }

.c-product-media--gallery-count-20 .avia-gallery-big { width: 95.2381% !important; }

.c-product-media--gallery-count-20 .avia-gallery-thumb { width: 4.7619% !important; }

.c-product-media--gallery-count-20 .c-product-media__icons { padding-right: 4.7619% !important; }

.c-product-media--gallery-count-more .avia-gallery img { padding: 0 !important; }

.c-product-media__gallery--hide-borders { margin-left: -7px !important; margin-right: -7px !important; }
.c-product-media__gallery--hide-borders * { border-color: transparent !important; }

.c-product-media__icons { margin-top: 15px !important; text-align: center; font-size: 0; }

.c-product-media__icons-item { display: inline-block; vertical-align: top; margin: 10px; }
.c-product-media__icons-item, .c-product-media__icons-item:focus, .c-product-media__icons-item:active { text-decoration: none !important; }

.c-product-media__icons-icon { display: block !important; margin: 0 auto !important; width: 44px !important; height: 44px !important; font-size: 44px !important; line-height: 44px !important; color: #fff !important; background-color: #525053 !important; border-radius: 50% !important; text-align: center; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.c-product-media__icons-char { display: inline-block !important; width: 24px !important; height: 24px !important; font-size: 24px !important; line-height: 24px !important; margin: 10px; vertical-align: top !important; }

.c-product-media__icons-title { display: block; width: 75px; text-align: center; font-size: 12px !important; color: #525053 !important; }

.c-product-media__icons-item:hover .c-product-media__icons-icon { background-color: #ed1c24 !important; }
.c-product-media__icons-item:hover .c-product-media__icons-title { color: #ed1c24 !important; }

@media (max-width: 30em) { .c-product-media__icons { text-align: center; padding-right: 0 !important; padding-left: 15px !important; }
  .c-product-media__icons:after { content: "" !important; display: block !important; clear: both !important; }
  .c-product-media__icons-item { display: block; margin: 0 0 10px 0; float: left; width: 100%; }
  .c-product-media__icons-icon { float: left; margin-right: 10px; }
  .c-product-media__icons-title { width: auto; padding: 10px; margin-left: 44px; text-align: left; } }
/* ========================================================================== #SLIDER BOTTOM NAV ========================================================================== */
/** No description yet. */
.c-slider-bottom-nav > .flex_cell { width: 100% !important; }
.c-slider-bottom-nav:after { content: "" !important; display: block !important; clear: both !important; }
.c-slider-bottom-nav .iconbox { width: 100% !important; margin: 0 !important; float: left !important; clear: none !important; }
.c-slider-bottom-nav .iconbox_content_container p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 !important; }
.c-slider-bottom-nav .iconbox_icon { position: absolute !important; z-index: 100 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; display: block !important; width: auto !important; height: auto !important; border-radius: 0 !important; border-width: 0 !important; text-align: left !important; }
.c-slider-bottom-nav .iconbox_icon:before { position: absolute !important; left: 15px !important; top: 50% !important; margin-top: -21px !important; width: 32px !important; height: 32px !important; font-size: 32px !important; line-height: 32px !important; }
.c-slider-bottom-nav .iconbox_content { position: relative !important; z-index: 1; padding: 10px 12px 20px 56px !important; color: #fff !important; }
.c-slider-bottom-nav .iconbox_content h3, .c-slider-bottom-nav .iconbox_content a { color: inherit !important; }
.c-slider-bottom-nav .iconbox_content:after { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; content: ''; display: block; height: 10px; background-color: rgba(0, 0, 0, 0.2); }
.c-slider-bottom-nav .entry-content-header, .c-slider-bottom-nav .iconbox_content_container { position: relative; z-index: 2; }
.c-slider-bottom-nav .entry-footer { display: none !important; }
.c-slider-bottom-nav .iconbox:nth-child(1) .iconbox_content { background-color: #ed1c24; }
.c-slider-bottom-nav .iconbox:nth-child(2) .iconbox_content { background-color: #292929; }
.c-slider-bottom-nav .iconbox:nth-child(3) .iconbox_content { background-color: #2e2e2e; }
.c-slider-bottom-nav .iconbox:nth-child(4) .iconbox_content { background-color: #333333; }
.c-slider-bottom-nav .iconbox_icon:hover { color: #ed1c24 !important; }
.c-slider-bottom-nav .iconbox_icon:hover + .iconbox_content { color: #ed1c24 !important; background-color: #fff; }
.c-slider-bottom-nav .iconbox_icon:hover + .iconbox_content:after { background-color: #ed1c24; }

@media (min-width: 46.25em) { .c-slider-bottom-nav--2 > .flex_cell .iconbox, .c-slider-bottom-nav--4 > .flex_cell .iconbox { width: 50% !important; } }
@media (min-width: 61.25em) { .c-slider-bottom-nav--3 > .flex_cell .iconbox { width: 33.33333% !important; }
  .c-slider-bottom-nav--4 > .flex_cell .iconbox { width: 25% !important; } }
@media (min-width: 81.25em) { .c-slider-bottom-nav .iconbox_icon:before { left: 30px !important; margin-top: -32px !important; width: 64px !important; height: 64px !important; font-size: 64px !important; line-height: 64px !important; }
  .c-slider-bottom-nav .iconbox_content { padding: 30px 30px 40px 124px !important; }
  .c-slider-bottom-nav .entry-footer { display: none !important; } }
strong { color: inherit !important; }

.phone-info { padding: 7px 0 6px !important; }
.phone-info, .phone-info a { font-size: 14px !important; line-height: 14px !important; font-weight: 400 !important; }
@media (max-width: 360px) { .phone-info, .phone-info a { font-size: 12px !important; } }
.phone-info .av_font_icon { margin-right: 5px !important; }

.phone-info__item { display: inline-block; float: left; margin-right: 10px; }

.c-dummy-section { border-width: 0 !important; padding: 0 !important; margin: 0 !important; height: 0 !important; min-height: 0 !important; overflow: hidden !important; visibility: hidden !important; }

#footer { padding: 15px 0 !important; }
#footer .avia-icon-list-container { margin-bottom: 0 !important; }

.av-overlay-hover-deactivate:hover .av-caption-image-overlay-bg { opacity: .8 !important; }

@media only screen and (max-width: 989px) and (min-width: 768px) { .responsive .av_one_fourth.first.flex_column_div { width: 48% !important; } }
@media (max-width: 46.24em) { .html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption { padding-top: 0 !important; }
  #top #wrap_all .avia-slideshow-button { font-size: 12px !important; }
  #socket .container { padding-top: 50px; padding-bottom: 50px; }
  #socket .copyright { display: block !important; float: none !important; text-align: center !important; }
  #socket .social_bookmarks { float: none !important; display: block !important; margin: 0 !important; text-align: center !important; }
  #socket .social_bookmarks li { float: none !important; display: inline-block !important; }
  .avia-section-large .content, .avia-section-large .sidebar { padding-top: 50px !important; padding-bottom: 50px !important; } }
.avia_ajax_form fieldset label br { display: block !important; }
.avia_ajax_form .av-form-text { position: relative; clear: both; float: left; width: 100%; margin: 11px 0; }
.avia_ajax_form h3 { margin-top: 50px !important; font-size: 30px !important; color: #fd5602 !important; }
.avia_ajax_form .av-form-text:first-child > h3 { margin-top: 0 !important; }
.avia_ajax_form h4 { margin-top: 30px !important; color: #fd5602 !important; }

.avia-post-nav { display: none !important; }

.av-special-heading:first-child { margin-top: 0; }

#top .av-magazine .av-magazine-content-wrap .av-magazine-title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #dfdfdf; }
#top .av-magazine .av-magazine-content-wrap .av-magazine-title a:hover { color: #ed1c24; }

.togglecontainer * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; }

@media (max-width: 767px) { .responsive #top #wrap_all .flex_column:last-child { margin-bottom: 0 !important; } }
@media (min-width: 992px) { .c-megamenu-title { margin-top: 5px !important; }
  .c-megamenu-title a { font-weight: 700 !important; font-size: 14px !important; line-height: 1.1em !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; color: #000 !important; }
  .c-megamenu-title a:hover { text-decoration: underline !important; color: #000 !important; }
  .c-megamenu-title .avia-bullet { display: none !important; }
  #header .avia-menu .three.units { width: 250px !important; }
  .mega_menu_title a { font-size: 14px !important; line-height: 1.1em !important; } }
.avia-icon-list a + br { display: none !important; }

.avia-form-success { margin: 15px 0 0 0 !important; padding: 10px !important; font-size: inherit !important; color: inherit !important; }

.modified_width .button { padding: 15px 10px 13px !important; }

@media (min-width: 992px) { .c-home-slider .slideshow_caption { min-width: 550px !important; } }
@media (max-width: 991px) { .c-home-slider .slideshow_caption { width: 100% !important; min-width: 0 !important; }
  .c-home-slider .slideshow_align_caption { text-align: center !important; } }
@media (max-width: 479px) { .c-home-slider .avia-slideshow-button { display: none !important; } }
.c-home-slider .avia-slideshow { height: calc(100vh - (82px + 95px)) !important; }
.admin-bar .c-home-slider .avia-slideshow { height: calc(100vh - (82px + 95px + 46px)) !important; }

@media (min-width: 46.25em) { .c-home-slider .avia-slideshow { height: calc(100vh - 71px) !important; }
  .admin-bar .c-home-slider .avia-slideshow { height: calc(100vh - (71px + 32px)) !important; } }
@media (min-width: 61.25em) { .c-home-slider .avia-slideshow { height: calc(100vh - (120px + 71px)) !important; }
  .admin-bar .c-home-slider .avia-slideshow { height: calc(100vh - (120px + 71px + 32px)) !important; } }
@media (min-width: 81.25em) { .c-home-slider .avia-slideshow { height: calc(100vh - (120px + 122px)) !important; }
  .admin-bar .c-home-slider .avia-slideshow { height: calc(100vh - (120px + 122px + 32px)) !important; } }
.small-preview, .small-preview a, .small-preview img { border-radius: 0 !important; }

.more-link .more-link-arrow { position: relative; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.more-link:hover { text-decoration: none !important; }
.more-link:hover .more-link-arrow { -webkit-transform: translateX(2px); transform: translateX(2px); }

.template-blog .pagination { padding-left: 23px; }

.sidebar .widget_nav_menu ul:first-child > .current-page-ancestor { padding-left: 51px; left: -51px; top: 1px; margin-top: -1px; padding-top: 1px; width: 100%; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); margin-bottom: 4px; background: #fcfcfc; }
.sidebar .widget_nav_menu ul:first-child > .current-page-ancestor > a { font-weight: bold; border: none; padding: 6px 7px 7px 0; color: #222222; }

.c-footer-social .av_font_icon { float: none; display: inline-block; margin: 5px; }
.c-footer-social .av_font_icon + br { display: none !important; }
.c-footer-social .av_textblock_section ~ p { text-align: center; font-size: 0; }
.c-footer-social .av_textblock_section ~ p:after { content: "" !important; display: block !important; clear: both !important; }
.c-footer-social .av-icon-char { width: 40px; height: 40px; line-height: 40px !important; text-align: center; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.c-footer-social .av-icon-char[href*="facebook"] { background-color: #3b5998; }
.c-footer-social .av-icon-char[href*="facebook"]:hover { background-color: #4c70ba; }
.c-footer-social .av-icon-char[href*="twitter"] { background-color: #00aced; }
.c-footer-social .av-icon-char[href*="twitter"]:hover { background-color: #21c2ff; }
.c-footer-social .av-icon-char[href*="linkedin"] { background-color: #007bb6; }
.c-footer-social .av-icon-char[href*="linkedin"]:hover { background-color: #009de9; }
.c-footer-social .av-icon-char[href*="youtube"] { background-color: #bb0000; }
.c-footer-social .av-icon-char[href*="youtube"]:hover { background-color: #ee0000; }

.post-meta-infos .text-sep-date { display: none !important; }

#footer .av-magazine-title { color: #fff !important; }

#top .special_amp { color: inherit !important; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; }

.c-back-to-list { position: relative; z-index: 100; }

.c-industries-animation { position: relative; }

.c-industries-animation__video { display: none !important; }

@media (min-width: 768px) { .c-industries-animation__video { display: block !important; }
  .c-industries-animation__hotspots { position: absolute; z-index: 100; left: 0; top: 0; }
  .c-industries-animation__hotspots .avia_image { opacity: 0; } }
.hr[class*="js-set-id--"] { height: 1px; line-height: 1px; }

.av-hotspot-fallback-tooltip { display: none !important; }

#top #breadcrumb_section .content { margin: 0 !important; padding-top: 10px; padding-bottom: 10px; }

#top .breadcrumb { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#top .breadcrumb .sep { display: inline-block; vertical-align: top; padding: 0 5px; width: 14px; }
#top .breadcrumb__link { vertical-align: top; }
@media (max-width: 479px) { #top .breadcrumb--size-from-3 .breadcrumb__link--0, #top .breadcrumb--size-from-3 .breadcrumb__link--0 + .sep { display: none !important; } }

.js-set-id--animation { position: relative; top: -15px; }

@media (max-width: 991px) { #top #page_header_section .av-special-heading-tag br { display: none; } }
@media (max-width: 479px) { #top #page_header_section .av-special-heading-tag { font-size: 18px; } }
#top .template-blog .type-product .date-container, #top .template-blog .type-product .date-container + .text-sep { display: none !important; }

h1 { font-size: 24px; }

h2 { font-size: 20px; }

h3 { font-size: 18px; }

.av-inner-masonry-content { color: #fff !important; background-color: #525053 !important; }
.av-inner-masonry-content .avia-arrow { background-color: #525053 !important; }
.av-inner-masonry-content .av-masonry-entry-title { color: inherit !important; }

@media (max-width: 29.9375em) { .content, .sidebar { padding-top: 20px !important; } }
@media (max-width: 47.9375em) { .template-blog .blog-meta, .template-blog .post_author_timeline { display: block !important; } }
@media (max-width: 29.9375em) { .template-blog .blog-meta { width: 100%; margin-right: 0 !important; }
  .template-blog .blog-meta .small-preview { width: 100%; height: auto; margin-bottom: 25px; }
  .template-blog .post_author_timeline { display: none !important; }
  .template-blog .entry-content-wrapper { width: 100%; } }
/* ========================================================================== #CLEARFIX ========================================================================== */
/** Attach our clearfix mixin to a utility class. */
.u-clearfix:after { content: "" !important; display: block !important; clear: both !important; }

/* ========================================================================== #WIDTHS ========================================================================== */
/** inuitcss generates a series of utility classes that give a fluid width to whichever element theyÔÇÖre applied, e.g.:  <img src="" alt="" class="u-1/2" />  These classes are most commonly used in conjunction with our layout system, e.g.:  <div class="o-layout__item  u-1/2">  By default, inuitcss will also generate responsive variants of each of these classes by using your Sass MQ configuration, e.g.:  <div class="o-layout__item  u-1/1  u-1/2@tablet  u-1/3@desktop">  Optionally, inuitcss can generate offset classes which can push and pull elements left and right by a specified amount, e.g.:  <div class="o-layout__item  u-2/3  u-pull-1/3">  This is useful for making very granular changes to the rendered order of items in a layout.  N.B. This option is turned off by default. */
/** A series of width helper classes that you can use to size things like grid systems. Classes take a fraction-like format (e.g. `.u-2/3`). Use these in your markup:  <div class="u-7/12">  The following will generate widths helper classes based on the fractions defined in the `$inuit-fractions` list. */
.u-1\/1 { width: 100% !important; }

.u-1\/2 { width: 50% !important; }

.u-2\/2 { width: 100% !important; }

.u-1\/3 { width: 33.33333% !important; }

.u-2\/3 { width: 66.66667% !important; }

.u-3\/3 { width: 100% !important; }

.u-1\/4 { width: 25% !important; }

.u-2\/4 { width: 50% !important; }

.u-3\/4 { width: 75% !important; }

.u-4\/4 { width: 100% !important; }

.u-1\/5 { width: 20% !important; }

.u-2\/5 { width: 40% !important; }

.u-3\/5 { width: 60% !important; }

.u-4\/5 { width: 80% !important; }

.u-5\/5 { width: 100% !important; }

/** If weÔÇÖre using Sass-MQ, automatically generate grid system(s) for each of our defined breakpoints, and give them a Responsive Suffix, e.g.:  <div class="u-3/12@mobile"> */
@media (min-width: 20em) { .u-1\/1\@mobile { width: 100% !important; }
  .u-1\/2\@mobile { width: 50% !important; }
  .u-2\/2\@mobile { width: 100% !important; }
  .u-1\/3\@mobile { width: 33.33333% !important; }
  .u-2\/3\@mobile { width: 66.66667% !important; }
  .u-3\/3\@mobile { width: 100% !important; }
  .u-1\/4\@mobile { width: 25% !important; }
  .u-2\/4\@mobile { width: 50% !important; }
  .u-3\/4\@mobile { width: 75% !important; }
  .u-4\/4\@mobile { width: 100% !important; }
  .u-1\/5\@mobile { width: 20% !important; }
  .u-2\/5\@mobile { width: 40% !important; }
  .u-3\/5\@mobile { width: 60% !important; }
  .u-4\/5\@mobile { width: 80% !important; }
  .u-5\/5\@mobile { width: 100% !important; } }
@media (min-width: 46.25em) { .u-1\/1\@tablet { width: 100% !important; }
  .u-1\/2\@tablet { width: 50% !important; }
  .u-2\/2\@tablet { width: 100% !important; }
  .u-1\/3\@tablet { width: 33.33333% !important; }
  .u-2\/3\@tablet { width: 66.66667% !important; }
  .u-3\/3\@tablet { width: 100% !important; }
  .u-1\/4\@tablet { width: 25% !important; }
  .u-2\/4\@tablet { width: 50% !important; }
  .u-3\/4\@tablet { width: 75% !important; }
  .u-4\/4\@tablet { width: 100% !important; }
  .u-1\/5\@tablet { width: 20% !important; }
  .u-2\/5\@tablet { width: 40% !important; }
  .u-3\/5\@tablet { width: 60% !important; }
  .u-4\/5\@tablet { width: 80% !important; }
  .u-5\/5\@tablet { width: 100% !important; } }
@media (min-width: 61.25em) { .u-1\/1\@desktop { width: 100% !important; }
  .u-1\/2\@desktop { width: 50% !important; }
  .u-2\/2\@desktop { width: 100% !important; }
  .u-1\/3\@desktop { width: 33.33333% !important; }
  .u-2\/3\@desktop { width: 66.66667% !important; }
  .u-3\/3\@desktop { width: 100% !important; }
  .u-1\/4\@desktop { width: 25% !important; }
  .u-2\/4\@desktop { width: 50% !important; }
  .u-3\/4\@desktop { width: 75% !important; }
  .u-4\/4\@desktop { width: 100% !important; }
  .u-1\/5\@desktop { width: 20% !important; }
  .u-2\/5\@desktop { width: 40% !important; }
  .u-3\/5\@desktop { width: 60% !important; }
  .u-4\/5\@desktop { width: 80% !important; }
  .u-5\/5\@desktop { width: 100% !important; } }
@media (min-width: 81.25em) { .u-1\/1\@wide { width: 100% !important; }
  .u-1\/2\@wide { width: 50% !important; }
  .u-2\/2\@wide { width: 100% !important; }
  .u-1\/3\@wide { width: 33.33333% !important; }
  .u-2\/3\@wide { width: 66.66667% !important; }
  .u-3\/3\@wide { width: 100% !important; }
  .u-1\/4\@wide { width: 25% !important; }
  .u-2\/4\@wide { width: 50% !important; }
  .u-3\/4\@wide { width: 75% !important; }
  .u-4\/4\@wide { width: 100% !important; }
  .u-1\/5\@wide { width: 20% !important; }
  .u-2\/5\@wide { width: 40% !important; }
  .u-3\/5\@wide { width: 60% !important; }
  .u-4\/5\@wide { width: 80% !important; }
  .u-5\/5\@wide { width: 100% !important; } }
/* ========================================================================== #HIDE ========================================================================== */
/** Hide only visually, but have it available for screen readers: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.u-hidden-visually { border: 0 !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; }

/** Hide visually and from screen readers. */
.u-hidden { display: none !important; }

.not-logged-in .u-hidden-visitors { display: none !important; }

/* ======================================================================== #DISPLAYS ======================================================================== */
/* stylelint-disable string-quotes */
/* stylelint-enable string-quotes */
/** Simple display helpers. */
/** A series of width helper classes that you can use to show or hide things. Use these in your markup:  <div class="u-display-none"> <div class="u-display-inline"> <div class="u-display-inline-block"> <div class="u-display-block">  The following will generate displays helper classes based on the values defined in the `$inuit-display-values` list. */
.u-display-none, .u-hide { display: none !important; }

.u-display-inline { display: inline !important; }

.u-display-inline-block { display: inline-block !important; }

.u-display-block, .u-show { display: block !important; }

/** If weÔÇÖre using Sass-MQ, automatically generate responsive helpers for each of our defined breakpoints, and give them a Responsive Suffix, e.g.:  <div class="u-display-none@tablet"> */
@media (min-width: 20em) { .u-display-none\@mobile, .u-hide\@mobile { display: none !important; }
  .u-display-inline\@mobile { display: inline !important; }
  .u-display-inline-block\@mobile { display: inline-block !important; }
  .u-display-block\@mobile, .u-show\@mobile { display: block !important; } }
@media (min-width: 46.25em) { .u-display-none\@tablet, .u-hide\@tablet { display: none !important; }
  .u-display-inline\@tablet { display: inline !important; }
  .u-display-inline-block\@tablet { display: inline-block !important; }
  .u-display-block\@tablet, .u-show\@tablet { display: block !important; } }
@media (min-width: 61.25em) { .u-display-none\@desktop, .u-hide\@desktop { display: none !important; }
  .u-display-inline\@desktop { display: inline !important; }
  .u-display-inline-block\@desktop { display: inline-block !important; }
  .u-display-block\@desktop, .u-show\@desktop { display: block !important; } }
@media (min-width: 81.25em) { .u-display-none\@wide, .u-hide\@wide { display: none !important; }
  .u-display-inline\@wide { display: inline !important; }
  .u-display-inline-block\@wide { display: inline-block !important; }
  .u-display-block\@wide, .u-show\@wide { display: block !important; } }
