@charset "UTF-8";
/**
 *  BASE STYLES
 */
/*! normalize.css v1.0.0 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block; }

/*
* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1; }

/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
    display: none;
    height: 0; }

/*
* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
* and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
    display: none; }

/* ==========================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
    font-size: 100%;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */ }

/*
* Addresses `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea {
    font-family: sans-serif; }

/*
* Addresses margins handled incorrectly in IE 6/7.
*/
body {
    margin: 0; }

/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
    outline: thin dotted; }

/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
    outline: 0; }

/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
/*
* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
    border-bottom: 1px dotted; }

/*
* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
    font-weight: bold; }

blockquote {
    margin: 1em 40px; }

/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
    font-style: italic; }

/*
* Addresses styling not present in IE 6/7/8/9.
*/
mark {
    background: #ff0;
    color: #000; }

/*
* Addresses margins set differently in IE 6/7.
*/
p,
pre {
    margin: 1em 0; }

/*
* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 0.92em; }

/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word; }

/*
* Addresses CSS quotes not supported in IE 6/7.
*/
q {
    quotes: none; }

/*
* Addresses `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
    content: '';
    content: none; }

small {
    font-size: 75%; }

/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

sup {
    top: -0.5em; }

sub {
    bottom: -0.25em; }

/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
    margin: 1em 0; }

dd {
    margin: 0 0 0 40px; }

/*
* Addresses paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
    padding: 0 0 0 40px; }

/*
* Corrects list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
    list-style: none;
    list-style-image: none; }

/* ==========================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7.
*/
img {
    max-width: 100%;
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */ }

/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
    overflow: hidden; }

/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
    margin: 0; }

/* ==========================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE 6/7.
*/
form {
    margin: 0; }

/*
* Define consistent border, margin, and padding.
*/
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; }

/*
* 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */ }

/*
* 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improves appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */ }

/*
* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
    line-height: normal; }

/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
    *overflow: visible;
    /* 4 */ }

/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled] {
    cursor: default; }

/*
* 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */ }

/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box; }

/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/*
* Removes inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0; }

/*
* 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */ }

/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/
table {
    border-collapse: collapse;
    border-spacing: 0; }

/* ==========================================================================
Horizontal Rule
========================================================================== */
hr {
    border: 0;
    border-bottom: 1px solid #e2e2e2; }

@-ms-viewport {
    width: device-width; }
/* ==================================
 *
 * Ydeal.net Responsive CSS Framework
 * Mixin Snippets
 *
 * ==================================
 */
/* ==================================
 *
 * Ydeal.net Responsive CSS Framework
 * IE support -> IE 9+
 *
 * ==================================
 */
/* ==== */
/* Grid */
/* ==== */
/* ========= */
/* Utilities */
/* ========= */
/* ========== */
/* Font */
/* ========== */
/* ====== */
/* Colors */
/* ====== */
/* Cores usadas por defeito. Descomentar para usar outras cores */
/* ================ */
/* Components Setup
/*
/* True = Gera os estilos do componente
/* False = Ignora e não gera os estilos do componente
/* ================ */
/**
 *
 * Grid
 *
 */
/* ==========================================================================
        small Screens
========================================================================== */
@media all and (min-width: 1em) {
    .small-1 {
        width: 2.36979%; }

    .small-1-no-gap {
        width: 4.16667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-2 {
        width: 6.61458%; }

    .small-2-no-gap {
        width: 8.33333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-3 {
        width: 10.85938%; }

    .small-3-no-gap {
        width: 12.5%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-4 {
        width: 15.10417%; }

    .small-4-no-gap {
        width: 16.66667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-5 {
        width: 19.34896%; }

    .small-5-no-gap {
        width: 20.83333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-6 {
        width: 23.59375%; }

    .small-6-no-gap {
        width: 25%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-7 {
        width: 27.83854%; }

    .small-7-no-gap {
        width: 29.16667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-8 {
        width: 32.08333%; }

    .small-8-no-gap {
        width: 33.33333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-9 {
        width: 36.32813%; }

    .small-9-no-gap {
        width: 37.5%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-10 {
        width: 40.57292%; }

    .small-10-no-gap {
        width: 41.66667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-11 {
        width: 44.81771%; }

    .small-11-no-gap {
        width: 45.83333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-12 {
        width: 49.0625%; }

    .small-12-no-gap {
        width: 50%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-13 {
        width: 53.30729%; }

    .small-13-no-gap {
        width: 54.16667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-14 {
        width: 57.55208%; }

    .small-14-no-gap {
        width: 58.33333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-15 {
        width: 61.79688%; }

    .small-15-no-gap {
        width: 62.5%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-16 {
        width: 66.04167%; }

    .small-16-no-gap {
        width: 66.66667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-17 {
        width: 70.28646%; }

    .small-17-no-gap {
        width: 70.83333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-18 {
        width: 74.53125%; }

    .small-18-no-gap {
        width: 75%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-19 {
        width: 78.77604%; }

    .small-19-no-gap {
        width: 79.16667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-20 {
        width: 83.02083%; }

    .small-20-no-gap {
        width: 83.33333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-21 {
        width: 87.26563%; }

    .small-21-no-gap {
        width: 87.5%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-22 {
        width: 91.51042%; }

    .small-22-no-gap {
        width: 91.66667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-23 {
        width: 95.75521%; }

    .small-23-no-gap {
        width: 95.83333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .small-24 {
        width: 100%;
        margin-right: 0;
        margin-left: 0 !important; }

    .small-24-no-gap {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    /* Alinhamento das divs */
    .small-right {
        float: right !important;
        clear: none; }

    .small-center {
        float: none;
        margin: 0 auto; }

    .small-left {
        float: left;
        clear: none; }

    .small-hide {
        display: none;
        opacity: 0; }

    .small-show {
        display: inherit;
        opacity: 1; } }
/* Aplica-se apenas a este intervalo de resolução */
@media only screen and (min-width: 0.0625rem) and (max-width: 40rem) {
    .small-only-right {
        float: right;
        clear: none; }

    .small-only-center {
        float: none;
        margin: 0 auto; }

    .small-only-left {
        float: left;
        clear: none; }

    .small-only-hide {
        display: none;
        opacity: 0; }

    .small-only-show {
        display: inherit;
        opacity: 1; } }
/* ==========================================================================
        med Screens
========================================================================== */
@media all and (min-width: 40.0625em) {
    .med-1 {
        width: 2.36979%; }

    .med-1-no-gap {
        width: 4.16667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-2 {
        width: 6.61458%; }

    .med-2-no-gap {
        width: 8.33333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-3 {
        width: 10.85938%; }

    .med-3-no-gap {
        width: 12.5%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-4 {
        width: 15.10417%; }

    .med-4-no-gap {
        width: 16.66667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-5 {
        width: 19.34896%; }

    .med-5-no-gap {
        width: 20.83333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-6 {
        width: 23.59375%; }

    .med-6-no-gap {
        width: 25%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-7 {
        width: 27.83854%; }

    .med-7-no-gap {
        width: 29.16667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-8 {
        width: 32.08333%; }

    .med-8-no-gap {
        width: 33.33333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-9 {
        width: 36.32813%; }

    .med-9-no-gap {
        width: 37.5%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-10 {
        width: 40.57292%; }

    .med-10-no-gap {
        width: 41.66667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-11 {
        width: 44.81771%; }

    .med-11-no-gap {
        width: 45.83333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-12 {
        width: 49.0625%; }

    .med-12-no-gap {
        width: 50%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-13 {
        width: 53.30729%; }

    .med-13-no-gap {
        width: 54.16667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-14 {
        width: 57.55208%; }

    .med-14-no-gap {
        width: 58.33333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-15 {
        width: 61.79688%; }

    .med-15-no-gap {
        width: 62.5%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-16 {
        width: 66.04167%; }

    .med-16-no-gap {
        width: 66.66667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-17 {
        width: 70.28646%; }

    .med-17-no-gap {
        width: 70.83333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-18 {
        width: 74.53125%; }

    .med-18-no-gap {
        width: 75%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-19 {
        width: 78.77604%; }

    .med-19-no-gap {
        width: 79.16667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-20 {
        width: 83.02083%; }

    .med-20-no-gap {
        width: 83.33333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-21 {
        width: 87.26563%; }

    .med-21-no-gap {
        width: 87.5%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-22 {
        width: 91.51042%; }

    .med-22-no-gap {
        width: 91.66667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-23 {
        width: 95.75521%; }

    .med-23-no-gap {
        width: 95.83333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .med-24 {
        width: 100%;
        margin-right: 0;
        margin-left: 0 !important; }

    .med-24-no-gap {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    /* Alinhamento das divs */
    .med-right {
        float: right !important;
        clear: none; }

    .med-center {
        float: none;
        margin: 0 auto; }

    .med-left {
        float: left;
        clear: none; }

    .med-hide {
        display: none;
        opacity: 0; }

    .med-show {
        display: inherit;
        opacity: 1; } }
/* Aplica-se apenas a este intervalo de resolução */
@media only screen and (min-width: 40.0625rem) and (max-width: 53.125rem) {
    .med-only-right {
        float: right;
        clear: none; }

    .med-only-center {
        float: none;
        margin: 0 auto; }

    .med-only-left {
        float: left;
        clear: none; }

    .med-only-hide {
        display: none;
        opacity: 0; }

    .med-only-show {
        display: inherit;
        opacity: 1; } }
/* ==========================================================================
        large Screens
========================================================================== */
@media all and (min-width: 53.125em) {
    .large-1 {
        width: 2.36979%; }

    .large-1-no-gap {
        width: 4.16667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-2 {
        width: 6.61458%; }

    .large-2-no-gap {
        width: 8.33333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-3 {
        width: 10.85938%; }

    .large-3-no-gap {
        width: 12.5%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-4 {
        width: 15.10417%; }

    .large-4-no-gap {
        width: 16.66667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-5 {
        width: 19.34896%; }

    .large-5-no-gap {
        width: 20.83333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-6 {
        width: 23.59375%; }

    .large-6-no-gap {
        width: 25%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-7 {
        width: 27.83854%; }

    .large-7-no-gap {
        width: 29.16667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-8 {
        width: 32.08333%; }

    .large-8-no-gap {
        width: 33.33333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-9 {
        width: 36.32813%; }

    .large-9-no-gap {
        width: 37.5%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-10 {
        width: 40.57292%; }

    .large-10-no-gap {
        width: 41.66667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-11 {
        width: 44.81771%; }

    .large-11-no-gap {
        width: 45.83333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-12 {
        width: 49.0625%; }

    .large-12-no-gap {
        width: 50%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-13 {
        width: 53.30729%; }

    .large-13-no-gap {
        width: 54.16667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-14 {
        width: 57.55208%; }

    .large-14-no-gap {
        width: 58.33333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-15 {
        width: 61.79688%; }

    .large-15-no-gap {
        width: 62.5%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-16 {
        width: 66.04167%; }

    .large-16-no-gap {
        width: 66.66667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-17 {
        width: 70.28646%; }

    .large-17-no-gap {
        width: 70.83333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-18 {
        width: 74.53125%; }

    .large-18-no-gap {
        width: 75%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-19 {
        width: 78.77604%; }

    .large-19-no-gap {
        width: 79.16667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-20 {
        width: 83.02083%; }

    .large-20-no-gap {
        width: 83.33333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-21 {
        width: 87.26563%; }

    .large-21-no-gap {
        width: 87.5%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-22 {
        width: 91.51042%; }

    .large-22-no-gap {
        width: 91.66667%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-23 {
        width: 95.75521%; }

    .large-23-no-gap {
        width: 95.83333%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    .large-24 {
        width: 100%;
        margin-right: 0;
        margin-left: 0 !important; }

    .large-24-no-gap {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important; }

    /* Alinhamento das divs */
    .large-right {
        float: right !important;
        clear: none; }

    .large-center {
        float: none;
        margin: 0 auto; }

    .large-left {
        float: left;
        clear: none; }

    .large-hide {
        display: none;
        opacity: 0; }

    .large-show {
        display: inherit;
        opacity: 1; } }
body > .row, .row-margin {
    margin: 0 auto;
    padding: 0 1.875%; }

.row, .row-margin {
    max-width: 79.375rem;
    position: relative;
    margin: 0 auto; }

.columns {
    float: left;
    margin: 0 1.875% 1.875% 0; }

.last {
    margin-right: 0 !important; }

.row > .columns:first-child {
    margin-left: 0 !important; }

.row > .columns:last-child, .row > .columns.last {
    margin-right: 0 !important; }

/* Padding adicional caso seja necessário */
.padd {
    padding: 10px;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.panel {
    padding: 15px;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    /* Saf3.0+, Chrome */
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    /* FF3.5+ */
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    /* Opera 10.5, IE9 */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: white; }

.right {
    float: left;
    clear: none; }

.center {
    float: none;
    margin: 0 auto;
    margin-right: auto !important;
    margin-left: auto !important; }

.right {
    float: right;
    clear: none; }

.show {
    display: inherit;
    opacity: 1; }

.hide {
    display: none;
    opacity: 0; }

.clear {
    display: block;
    width: 100%;
    clear: both;
    float: none; }

hr {
    margin: 40px 0; }

/* ==================================
 *
 * Ydeal.net Responsive CSS Framework
 * Colors Swatches
 *
 * ==================================
 */
/* ==================================
 *
 * Ydeal.net Responsive CSS Framework
 * -- Type Styles
 *
 * ==================================
 *
 *
 * !default - valores usados apenas caso as
 *          variáveis ainda não tenham sido
 *          definidas
 **/
/* ========== */
/* Fonts */
/* ========== */
body {
    font-family: "Open Sans", Arial, sans-serif;
    line-height: 1.6875rem; }

h1 {
    margin: 1.414rem 0 1.5rem;
    line-height: 2.3125rem;
    font-size: 2.1875rem; }

h2 {
    margin: 1.414rem 0 1.25rem;
    line-height: 2rem;
    font-size: 1.875rem; }

h3 {
    margin: 1.414rem 0 1rem;
    line-height: 1.6875rem;
    font-size: 1.5625rem; }

h4 {
    margin: 1.414rem 0 0.5rem;
    line-height: 1.375rem;
    font-size: 1.25rem; }

h5 {
    margin: 1.414rem 0 0.5rem;
    line-height: 1.25rem;
    font-size: 1.125rem; }

h6 {
    margin: 1.414rem 0 0.5rem;
    line-height: 1.125rem;
    font-size: 1rem; }

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", Arial, sans-serif;
    color: #00529b;
    text-transform: uppercase; }

p {
    font-size: 1rem;
    margin-bottom: 3; }

b {
    font-weight: bold; }

u {
    text-decoration: underline; }

a {
    color: #00529b;
    text-decoration: none; }

a:hover {
    color: #003768; }

.text-left {
    text-align: left; }

.text-center {
    text-align: center; }

.text-right {
    text-align: right; }

.truncate {
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

/* Lists */
ul li {
    list-style-image: url("/images/bullet-list.png"); }

ul ul,
ol, ol,
ul ol,
ol ul {
    margin-top: 0.3rem; }

ul ul li {
    list-style-image: url("/images/bullet-sublist.png") !important; }

ol {
    list-style-type: none;
    counter-reset: li; }

ol > li {
    position: relative; }

ol > li:before {
    content: counter(li) ". ";
    counter-increment: li;
    margin-right: 10px;
    color: #00529b;
    font-weight: bold; }

ol ol {
    counter-reset: sli; }

ol ol > li {
    position: relative; }

ol ol > li:before {
    content: counter(li) "." counter(sli) ". ";
    counter-increment: sli;
    color: #52bdec; }

/* ==================================
 *
 * Ydeal.net Responsive CSS Framework
 * -- Buttons
 *
 * ==================================
 */
.button {
    padding: 10px 30px;
    margin: 10px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
    background-color: #00529b;
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.75rem;
    color: white;
    transition: all 0.4s ease; }
.button:hover {
    background-color: #005fb5;
    color: #52bdec; }

.button--light {
    background-color: #52bdec; }
.button--light:hover {
    background-color: #3bb4e9 !important;
    color: #00529b; }

.button--outline {
    border: 3px solid #00529b;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: transparent;
    color: #52bdec; }
.button--outline:hover {
    border-color: #52bdec;
    background-color: transparent;
    color: #00529b; }

.button--small {
    padding: 7px 20px;
    font-size: 0.625rem; }

.button--large {
    padding: 20px 40px; }

/* ==================================
 *
 * Ydeal.net Responsive CSS Framework
 * -- Forms Styles
 *
 * ==================================
 **/
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    width: 100%;
    padding: 10px;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0;
    border: 2px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: transparent;
    font-size: 0.875rem; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
    border-color: #00529b; }

textarea {
    max-width: 100%; }

.contact-form textarea {
    height: 345px; }

/*
 *
 * Header Styles
 *
*/
.header {
    width: 100%;
    height: 133px;
    position: absolute;
    background: transparent url("/images/header-background.png") center top no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 100; }

.toolbar {
    float: right;
    font-family: "Montserrat", Arial, sans-serif;
    text-transform: uppercase;
    color: white; }
.toolbar > ul > li {
    padding: 0 20px;
    float: left;
    border-right: 1px solid #3372ab;
    line-height: 15px; }
.toolbar > ul > li:last-child {
    padding-right: 0;
    border-right: none;
    cursor: pointer; }
.toolbar li {
    position: relative;
    list-style-image: none !important;
    list-style-type: none !important;
    font-size: 0.625rem; }
.toolbar li:hover ul {
    display: block; }
.toolbar li ul {
    display: none;
    padding-left: 0;
    position: absolute;
    top: 15px;
    right: 0;
    margin: 0;
    -webkit-box-shadow: 0 1px 3px 0 #000;
    /* Saf3.0+, Chrome */
    -moz-box-shadow: 0 1px 3px 0 #000;
    /* FF3.5+ */
    box-shadow: 0 1px 3px 0 #000;
    /* Opera 10.5, IE9 */
    background-color: white; }
.toolbar li ul li {
    border-bottom: 1px solid #ddd; }
.toolbar li ul li:hover {
    border-color: #52bdec; }
.toolbar li ul li:hover a {
    background-color: #52bdec;
    color: white; }
.toolbar li ul a {
    padding: 10px 15px;
    display: block;
    color: #4c4d4f; }
.toolbar a {
    color: white; }

.linha-azul {
    font-size: 0.75rem;
    font-weight: bold;
    color: #52bdec; }

.logo {
    display: block;
    width: 103px;
    height: 95px;
    float: left;
    background-image: url("/images/logo-acail-gas.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; }

/* Main Menu */
.main-menu {
    padding: 0;
    float: right;
    margin: 40px 0 0 0;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase; }
.main-menu > li {
    float: left;
    margin: 0 17px;
    list-style-image: none;
    list-style-type: none; }
.main-menu > li:first-child:hover {
    padding-top: 0; }
.main-menu > li:last-child:hover {
    padding-top: 0; }
.main-menu > li:hover ul {
    display: block; }
.main-menu > li:hover a,
.main-menu a.active {
    color: #52bdec; }
.main-menu > li:first-child {
    margin-left: 0;
    display: none; }
.main-menu > li:last-child {
    margin-right: 0; }
.main-menu .has-submenu {
    position: relative; }
.main-menu .has-submenu:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    margin-top: -3px;
    border-top: 5px solid #5586b2;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent; }
.main-menu .has-submenu > ul {
    display: none;
    width: 300px;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #3375af;
    font-family: "Open Sans", Arial, sans-serif; }
.main-menu .has-submenu > ul li {
    list-style-image: none !important;
    list-style-type: none; }
.main-menu .has-submenu > ul li:first-child a {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }
.main-menu .has-submenu > ul li:last-child a {
    border: none;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }
.main-menu .has-submenu > ul a {
    display: block;
    padding: 5px 15px;
    border-bottom: 1px solid #5c91bf;
    color: white; }
.main-menu .has-submenu > ul a:hover {
    background-color: #5c91bf; }
.main-menu a {
    color: white; }

.burguer-menu {
    display: block;
    width: 20px;
    height: 22px;
    border: none;
    background: transparent url("/images/burguer-menu.png") center center no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; }

.search-toggle {
    display: block;
    width: 22px;
    height: 22px;
    border: none;
    background-image: url("/images/search-icon.png");
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; }

#mobile-menu {
    display: none; }

@media screen and (max-width: 900px) {
    .main-menu > li {
        margin: 0 15px; } }
@media screen and (max-width: 1023px) {
    #mobile-menu {
        display: block; }

    .header {
        height: 77px;
        background: transparent url("/images/header-mobile.png") right top no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain; }

    .toolbar {
        display: none; }

    .logo {
        width: 55px;
        height: 51px;
        margin-top: 15px; }

    .main-menu {
        margin-top: 25px;
        margin-right: 10px; }

    .main-menu > li {
        display: none; }
    .main-menu > li:first-child {
        display: block !important; } }
/*
 *
 * Footer Styles
 *
*/
.footer {
    padding-top: 30px;
    background-color: #333;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.75rem;
    color: white; }
.footer h6 {
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #4c4d4f;
    text-transform: uppercase;
    font-weight: bold;
    color: white; }
.footer a {
    color: #999; }
.footer a:hover {
    color: white; }
.footer li {
    list-style-image: none !important;
    list-style-type: none; }

.footer__nav ul {
    position: relative;
    width: 100%;
    padding: 0;
    text-align: justify; }

.footer__nav > ul:after {
    content: ' ';
    display: inline-block;
    width: 100%;
    height: 0; }

.footer__nav > ul > li {
    display: inline-block;
    margin-right: 20px;
    text-transform: uppercase; }
.footer__nav > ul > li > a {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 0.875rem;
    font-weight: bold; }

.footer__nav ul ul {
    text-transform: none;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 0.75rem; }

.footer__nav ul ul li {
    line-height: 20px; }

.footer__follow {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: bold; }
.footer__follow img {
    width: 40px;
    height: 40px;
    float: left;
    margin: 0 15px 15px 0; }
.footer__follow span {
    display: inline-block;
    margin-top: 5px; }

.lock-icon {
    display: inline-block;
    width: 14px;
    height: 19px;
    margin: 0 0 -3px 5px;
    background-image: url("/images/lock-icon.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; }

.footer__login {
    position: relative; }
.footer__login p {
    margin: 0;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 0.875rem;
    color: #999; }

.login__username, .login__password {
    padding-left: 50px !important;
    border: none !important;
    background-color: #464646 !important;
    background-position: 15px 10px;
    background-repeat: no-repeat;
    color: white; }
.login__username:focus, .login__password:focus {
    background-color: #666 !important; }

.login__username {
    background-image: url("/images/username.png"); }

.login__password {
    width: 62% !important;
    background-image: url("/images/password.png"); }

.login__submit {
    width: 35%;
    padding: 10px;
    float: right;
    margin: 5px 0px;
    background-color: #222;
    font-size: 0.75rem;
    color: #999; }
.login__submit:hover {
    background-color: #52bdec;
    color: #00529b; }

.footer__credits {
    padding-top: 15px;
    border-top: 1px solid #585858; }

.footer__acail {
    text-transform: uppercase;
    font-size: 0.625rem;
    color: #999; }
.footer__acail img {
    width: 19px;
    height: 16px;
    margin: 0 10px -4px 0;
    border-radius: 0 !important; }
.footer__acail span, .footer__acail a {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #585858;
    color: white; }

.footer__ydeal {
    text-align: right; }
.footer__ydeal a {
    display: inline-block;
    width: 60px;
    height: 23px;
    background: transparent url("/images/ydeal-logo.png") center center no-repeat; }

@media screen and (max-width: 640px) {
    .footer__follow .clear {
        width: auto;
        float: left !important;
        clear: none; }
    .footer__follow img {
        width: 40px;
        height: 40px;
        float: left;
        margin: 0 15px 15px 0; }
    .footer__follow span {
        display: none; }

    .footer__credits * {
        float: none;
        text-align: center; }

    .footer__credits {
        margin-top: 20px;
        border-top: none; }

    .footer__acail {
        padding-bottom: 10px;
        margin-bottom: 25px;
        border-bottom: 1px solid #464646; }
    .footer__acail img, .footer__acail span, .footer__acail a {
        display: block;
        margin: 0 auto;
        border: none; }

    .footer__ydeal {
        padding-bottom: 1.875%;
        margin-bottom: 0; } }
/**
 *  MODULE STYLES
 */
/*
 *
 * SlideOut Mobile Menu
 *
 */
.slideout-open .slideout-menu + .slideout-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden; }

#mobile-menu * {
    overflow: hidden;
    font-family: "Montserrat", Arial, sans-serif;
    text-transform: uppercase;
    color: white; }
#mobile-menu h3 {
    margin-top: 0;
    font-size: 0.875rem; }
#mobile-menu h3 span {
    color: #52bdec; }
#mobile-menu ul {
    width: 236px;
    padding: 0; }
#mobile-menu li {
    padding-left: 10px;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #3d74a2;
    list-style-image: none !important;
    list-style-type: none;
    font-size: 0.875rem; }
#mobile-menu ul ul {
    padding-left: 20px;
    margin: 0 0 -1px 0; }
#mobile-menu ul ul li {
    padding: 4px 0;
    margin-bottom: 0;
    font-size: 0.75rem; }
#mobile-menu a.active {
    color: #52bdec;
}

.mobile-follow li {
    float: left;
    margin: 0 10px 20px 0 !important;
    border: none !important; }

.mobile-follow__icon {
    display: block;
    width: 30px;
    height: 30px; }

.mobile-follow__icon--facebook {
    background: transparent url("/images/mobile-facebook.png") center center no-repeat; }

.mobile-follow__icon--linkedin {
    background: transparent url("/images/mobile-linkedin.png") center center no-repeat; }

.mobile-follow__icon--youtube {
    background: transparent url("/images/mobile-youtube.png") center center no-repeat; }

.mobile-medicare {
    font-size: 0.75rem;
    opacity: 0.3; }
.mobile-medicare:hover {
    opacity: 1; }

.mobile-credits {
    display: inline-block;
    width: 60px;
    height: 23px;
    margin-top: 20px;
    background: transparent url("/images/ydeal-logo.png") center center no-repeat; }

/*
 *
 * Homepage Slider
 * Using plugin:  http://flickity.metafizzy.co/
 *
*/
.js-slider {
    margin-bottom: 60px; }

.gallery-cell {
    background-color: #00529b; }
.gallery-cell .columns {
    margin: 0 !important; }
.gallery-cell h1 {
    line-height: 1.875rem;
    font-size: 1.5625rem;
    color: white; }
.gallery-cell p {
    line-height: 1.5rem;
    font-size: 0.875rem; }

.js-flickity__image img {
    display: block; }

.js-flickity__image + div {
    color: white; }
.js-flickity__image + div > div {
    padding: 30px; }

.js-flickity__type {
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: bold;
    color: #52bdec; }

.heading-separator {
    background-color: #52bdec;
    opacity: 0.4; }

/* .flickity-button {
        position: relative;
        cursor: pointer;

        * {
                display: block;
        }

} */
.flickity-nav {
    position: relative;
    background: #f2f2f2; }
.flickity-nav div {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.flickity-nav > div div {
    padding: 15px 20px 0 20px;
    z-index: -1; }
.flickity-nav span {
    display: block;
    width: 40px;
    height: 2px;
    margin-bottom: 10px;
    background: #4c4d4f;
    background: rgba(76, 77, 79, 0.2); }
.flickity-nav h3 {
    margin: 0;
    font-size: 0.875rem;
    color: #222; }
.flickity-nav p {
    margin: 0;
    line-height: 1.25rem;
    font-size: 0.8125rem;
    color: #666; }

.flickity-pager {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2 !important; }

.flickity-button {
    display: block;
    height: 100%;
    position: relative;
    z-index: 2;
    border: none;
    outline: none;
    background: transparent; }

.flickity-button.is-selected:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -10px;
    left: 20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f2f2f2; }

.is-desc span {
    background: #00529b; }
.is-desc p {
    color: #4c4d4f; }

@media screen and (max-width: 640px) {
    .flickity-button {
        height: 25%; }

    .flickity-button.is-selected:after {
        display: none; } }
/*
 *
 * Seja Nosso Cliente Call to Action
 *
*/
.seja-cliente {
    padding: 20px 0 60px 0;
    background-color: #00529b;
    color: white; }
.seja-cliente h2 {
    color: #52bdec; }

.seja-cliente--industrial {
    background: #00529b url("/images/seja-cliente/seja-cliente-industrial.png") center center no-repeat; }

/*
 *
 * Form da Newsletter
 *
*/
.newsletter {
    padding: 10px 0 30px 0;
    border-top: 1px solid #dcdddd;
    background-color: #eceded; }

.newsletter__signup {
    width: 100%;
    position: relative;
    margin-top: 30px; }

.newsletter__email {
    width: auto !important;
    /* position: absolute;
    top: 3px;
    right: 160px;
    left: 0; */
    position: relative;
}
.newsletter__email input {
    padding-left: 45px;
    background-color: white !important;
    background-image: url("/images/subscribe-newsletter.png");
    background-position: 10px center;
    background-repeat: no-repeat; }

.newsletter__signup .button {
    /* float: right; */
    margin-right: 0;
    margin-left: 0; }

.newsletter .has-error .help-block {
    color: red;
    font-size: 12px;
    margin-top: 0;
    position: relative;
    text-align: center;
    max-width: 304px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.3;
}

.recaptcha-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 15px auto;
}

.newsletter__email input,
.newsletter__signup .button {
    width: 304px;
}

#recaptcha-message p {
    color: red;
    font-size: 12px;
}

@media screen and (max-width: 520px) {
    .newsletter__signup form > * {
        float: none !important;
        clear: both;
        margin: 15px auto; }

    .newsletter__email {
        position: static;
        margin-bottom: 10px !important; } }
/*
 *
 * Paginação
 *
*/
.paginacao {
    display: inline-block;
    padding: 10px 20px;
    margin: 20px auto;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #4c4d4f;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.8125rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase; }
.paginacao * {
    display: inline-block; }
.paginacao a {
    color: #4c4d4f; }
.paginacao a:hover {
    color: #00529b; }
.paginacao .disabled {
    color: rgba(76, 77, 79, 0.3); }
.paginacao .paginacao__numbers {
    margin: 0 30px; }
.paginacao .paginacao__numbers a {
    padding: 0 5px;
    margin: 0 6px; }

.articles-nav {
    margin-top: 100px;
    border-top: 1px solid #dadada;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase; }
.articles-nav a {
    width: 50%;
    padding: 20px 0;
    float: left;
    color: #4c4d4f;
    text-align: right; }
.articles-nav a:first-child {
    text-align: left;
    box-shadow: 1px 0 0 #ccc; }
.articles-nav span {
    display: block;
    opacity: 0.4;
    font-size: 0.75rem; }

/*
 *
 * Search Results
 *
*/
.search-results__item {
    margin-bottom: 40px;
    border-bottom: 1px solid #e2e2e2; }
.search-results__item img {
    width: 100%; }
.search-results__item h3 {
    margin-top: 0; }

.search-results__type {
    padding: 3px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #00529b;
    color: white;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.8125rem;
    font-weight: bold;
    text-transform: uppercase; }

/*
 *
 * Form da Pesquisa
 *
 */
.search-field {
    display: none;
    padding: 6vw;
    position: fixed;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    background: rgba(0, 82, 155, 0.9); }
.search-field input:first-child {
    display: block;
    width: 100%;
    padding: 4vw 15vw 4vw 0px;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-bottom: 4px solid rgba(255, 255, 255, 0.6);
    outline: none;
    background-color: transparent;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 4vw;
    color: white; }
.search-field input:first-child:focus {
    border-bottom-color: white; }
.search-field input:last-child {
    display: block;
    width: 7%;
    height: 0;
    padding: 0 0 7% 0;
    position: absolute;
    top: 10vw;
    right: 6vw;
    margin: 0;
    background: transparent url("/images/full-search.png") center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%; }

#search-field__close {
    width: 250px;
    padding-top: 50px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -125px;
    border: none;
    outline: none;
    background: transparent url("/images/close-search.png") center top no-repeat;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.75rem;
    text-align: center;
    text-transform: uppercase;
    color: white; }

@media screen and (max-width: 760px) {
    .search-field {
        top: 120%;
        right: 10px;
        left: 10px; } }
/*
 *
 * Testemunhos
 *
 */
.testemunho h4 {
    margin-top: 10px;
    line-height: 1.5rem;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.25rem;
    text-transform: uppercase;
    color: #ccc; }

.testemunho__head {
    margin: 0 0 10px 0;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #4c4d4f; }

.testemunho__autor {
    margin: 0;
    font-style: italic;
    font-size: 0.875rem; }

/*
 *
 * 4x4 Block Styles
 *
 */
.block-4x4 {
    position: relative;
    margin-top: 50px; }
.block-4x4 div div {
    min-height: 270px;
    margin-bottom: 60px; }

.block-4x4 > div:first-child img {
    float: left;
    margin-right: 30px; }

@media screen and (max-width: 520px) {
    .block-4x4 > div img,
    .block-4x4 > div:last-child img {
        display: block;
        float: none !important;
        margin: 0 !important;
    }
}

.block-4x4 > div:last-child img {
    float: right;
    margin-left: 30px; }

.block-4x4 .vr {
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    background: #4c4d4f; }

/*
 *
 * Featured Area Title Styles
 *
 */
.featured-area {
    padding-bottom: 30px;
    border-bottom: 1px solid #d5d6d6;
    background: #EFEFEF; }
.featured-area h1 {
    margin-bottom: 0; }

.subtitle {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: bold;
    text-transform: uppercase; }

/*
 *
 * Artigo / Detalhe
 *
 */
.title p {
    margin: 0 0 10px 0;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #4c4d4f; }
.title h1 {
    margin-top: 10px; }

/*
 *
 * Listagem de Artigos
 *
 */
.articles__post {
    padding-bottom: 30px;
    position: relative;
    margin-bottom: 70px;
    border-bottom: 3px solid #ebebeb; }
.articles__post a {
    display: block; }
.articles__post img {
    display: block;
    width: 100%; }
.articles__post h3 {
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 1.125rem; }
.articles__post p {
    color: #4c4d4f;
    font-size: 0.875rem;
    line-height: 1.375rem; }
.articles__post span {
    display: block;
    width: 80px;
    padding: 0 5px;
    position: absolute;
    bottom: -3px;
    left: 0;
    border-bottom: 3px solid #4c4d4f;
    color: #4c4d4f;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
.articles__post:hover span {
    left: 100%;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    border-color: #00529b;
    color: #00529b; }

.articles__post--main h2 {
    margin-top: 10px;
    font-size: 1.5625rem; }

.articles__post--side > div {
    padding-bottom: 0;
    position: relative;
    margin-bottom: 3.75%;
    border: none; }
.articles__post--side > div img {
    width: 50%;
    float: left;
    margin-right: 1.875%; }
.articles__post--side > div h3 {
    display: block;
    position: absolute;
    margin-top: 0;
    top: 0;
    bottom: 0;
    left: 51.875%;
    border-bottom: 3px solid #ebebeb; }
.articles__post--side > div span {
    bottom: 0;
    left: 51.875%; }

.articles__list > div:nth-child(4n) {
    margin-right: 0 !important; }

@media screen and (max-width: 960px) {
    .articles__post--main {
        width: 100%; }

    .articles__post--side {
        width: 100% !important; }
    .articles__post--side > div {
        padding-bottom: 30px !important;
        border-bottom: 3px solid #ebebeb; }
    .articles__post--side img {
        width: 100% !important;
        float: none !important;
        clear: both; }
    .articles__post--side h3 {
        position: relative !important;
        left: auto !important;
        margin-top: 10px !important;
        margin-bottom: 20px;
        border: none !important;
        font-size: 1.5625rem;
        line-height: 2rem; }
    .articles__post--side div span {
        bottom: -3px !important;
        left: 0; } }
@media screen and (max-width: 850px) {
    .articles__list > div:nth-child(2n) {
        margin-right: 0 !important; } }
/*
 *
 * Fixed Info
 *
*/
.fixed-info {
    width: 50px;
    position: fixed;
    top: 170px;
    left: 0;
    z-index: 2; }
.fixed-info a {
    text-decoration: none;
    color: white; }
.fixed-info > div {
    margin-bottom: 10px; }
.fixed-info > div > span:first-child {
    display: block;
    width: 50px;
    height: 50px;
    z-index: 20;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-image: url("/images/fixed-contact.png");
    background-color: #363636;
    background-position: center center;
    background-repeat: no-repeat; }
.fixed-info p,
.fixed-info .fixed-info__label {
    margin-top: 0;
    line-height: 1.125rem;
    font-size: 0.75rem; }

.fixed-info__contact {
    z-index: 2; }

.fixed-info__contact,
.fixed-info__suggestions {
    position: relative; }
.fixed-info__contact:hover > div,
.fixed-info__suggestions:hover > div {
    left: 0;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -ms-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    transition: left 0.3s ease; }

.fixed-info__suggestions > div {
    width: 300px !important;
    height: 30px; }

.fixed-info__contact > div,
.fixed-info__suggestions > div {
    width: 210px;
    padding: 10px;
    position: absolute;
    top: 0;
    left: -310px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    /* Saf3.0+, Chrome */
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    /* FF3.5+ */
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    /* Opera 10.5, IE9 */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: -1;
    background-color: #00529b;
    color: white;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -ms-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    transition: left 0.3s ease; }

.fixed-info__suggestions > span:first-child {
    background-image: url("/images/fixed-suggestion.png") !important; }

.fixed-info__title {
    padding-left: 50px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1rem;
    font-weight: bold; }

.fixed-info__suggestions .fixed-info__title {
    display: inline-block;
    height: 50px;
    vertical-align: middle; }

.fixed-info__label {
    text-transform: uppercase;
    font-weight: bold;
    color: #52bdec; }

/*
 *
 * All Gases
 *
*/
.all-gases {
    margin-bottom: 80px; }
.all-gases h2 {
    font-size: 1rem;
    text-transform: none; }
.all-gases h3 {
    margin-top: 0;
    font-size: 1.375rem;
    color: #4c4d4f; }
.all-gases img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
.all-gases .columns {
    position: relative;
    margin-bottom: 0; }
.all-gases .columns div {
    padding-bottom: 30px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    /* IE 9 */
    -webkit-transform: translate(-50%, 0);
    /* Safari */
    transform: translate(-50%, 0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: white; }

/*
 *
 * Breadcrumb Styles
 *
*/
.breadcrumbs {
    color: #999;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase; }
.breadcrumbs a {
    color: #4c4d4f; }
.breadcrumbs a:hover {
    color: #00529b; }
.breadcrumbs span {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 3px solid #d7d7d7;
    border-bottom: 3px solid #d7d7d7;
    vertical-align: middle; }

/*
 *
 * Page Title Styles
 *
*/
.page-title h1 {
    margin-bottom: 15px; }
.page-title hr {
    margin-top: 20px; }

.page-title--search h1 span {
    color: #52bdec; }
.page-title--search p {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase; }

/*
 *
 * Contact Styles
 *
*/
.contact-info h3 {
    margin-top: 0;
    font-size: 1.25rem; }

.contact-info__item {
    margin-bottom: 15px;
    font-size: 0.875rem;
    line-height: 1.375rem; }
.contact-info__item a {
    color: #4c4d4f; }
.contact-info__item span {
    display: block;
    color: #bcbcbc;
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase; }

.contact-info__item--site a {
    font-weight: bold;
    color: #00529b; }

/*
 *
 * Distribuidores
 *
*/
.distribuidores {
    margin-top: 40px; }

.distribuidor {
    width: 20%;
    float: left;
    margin: 0 2.5% 20px 2.5%;
    color: #999; }
.distribuidor h4 {
    margin-bottom: 0;
    color: #4c4d4f; }
.distribuidor p {
    font-size: 0.8125rem;
    line-height: 1.25rem; }
.distribuidor a {
    color: #4c4d4f;
    font-weight: bold; }
.distribuidor a:hover {
    color: #00529b;
    text-decoration: underline; }

.distribuidor:nth-child(4n+2) {
    clear: left; }

.distribuidores > div > h3 + div + div {
    clear: none !important; }

.distribuidor-separador {
    width: 1px;
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    background-color: #ccc; }

@media (max-width: 980px) {
    .distribuidor {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        text-align: center; } }
@media (max-width: 640px) {
    .distribuidor-separador {
        display: none; } }
/*
 *
 * Download Acail Gás App
 *
 */
.download-app {
    padding-top: 30px; }

.download-app__desc {
    padding-top: 4%; }
.download-app__desc ul {
    padding-left: 20px; }
.download-app__desc ul li:first-child {
    border-top: 1px dotted #ccc; }
.download-app__desc li {
    padding: 10px 0;
    border-bottom: 1px dotted #ccc; }

@media (max-width: 640px) {
    .download-app__desc {
        padding: 0; } }
/*
 *
 * Gas Styles
 *
*/
.gas {
    padding-bottom: 45px;
    position: relative;
    margin: 15px 0 25px 0;
    border-bottom: 1px solid #ddd; }
.gas img {
    margin-bottom: -45px;
    border-radius: 0; }
.gas h6 {
    margin-top: 5px;
    font-weight: bold; }
.gas p {
    font-size: 0.875rem;
    line-height: 1.25rem; }

.gas__attach {
    position: absolute;
    bottom: 25px; }
.gas__attach a {
    display: block;
    color: #4c4d4f;
    font-size: 0.6875rem;
    line-height: 1.125rem;
    text-transform: uppercase; }
.gas__attach a:hover {
    color: #00529b;
    text-decoration: underline; }

@media screen and (max-width: 640px) {
    .gas img {
        margin-bottom: 0; } }
/*
 *
 * Box Pub
 *
 */
.box-pub {
    display: block;
    margin-top: 0;
    margin-bottom: 15px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    background-color: white; }
.box-pub h6 {
    padding: 20px 15px 10px 15px;
    margin: 0;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.5rem; }
.box-pub span {
    display: block;
    width: 40px;
    height: 2px;
    margin-left: 15px;
    margin-bottom: 20px;
    background-color: #ccc; }
.box-pub img {
    display: block;
    width: 100%;
    border-radius: 0;
    line-height: 0;
    letter-spacing: 0; }

/**
 *  SPECIFIC PAGE LAYOUT STYLES
 */
/*
 *
 * General Styles
 *
 */
body {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

*:focus {
    outline: none; }

::selection {
    background: #52bdec;
    /* WebKit/Blink Browsers */
    color: white; }

::-moz-selection {
    background: #52bdec;
    /* Gecko Browsers */
    color: white; }

img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

.no-scroll {
    overflow: hidden; }

.space {
    height: 40px; }

.content-wrapper > div:first-child {
    padding-top: 170px; }

@media screen and (max-width: 1023px) {
    .content-wrapper > div:first-child {
        padding-top: 114px; } }
.heading-separator {
    display: block;
    width: 40px;
    height: 2px;
    background-color: #ccc; }

.gallery-cell {
    width: 100%;
    max-width: none; }

.full-width-cta {
    margin-top: 70px; }

.sustentabilidade h2 {
    margin-top: 0; }

.contact-form .columns {
    margin-bottom: 0.9375%; }

.contact-map {
    height: 555px;
    margin-bottom: -70px; }

.side-related {
    margin: 20px 0;
    font-size: 0.875rem; }
.side-related h6 {
    display: block;
    position: relative;
    margin-top: 0;
    margin-bottom: 30px; }
.side-related h6:after {
    content: '';
    display: block;
    width: 40px;
    height: 4px;
    position: absolute;
    bottom: -10px;
    left: 0;
    background-color: #00529b; }
.side-related ul {
    padding-left: 20px;
    margin-bottom: 0; }
.side-related a {
    color: #808080;
    font-family: "Montserrat", Arial, sans-serif;
    text-transform: uppercase;
    transition: all 0.2s ease; }
.side-related a:hover {
    padding-left: 10px;
    color: #00529b; }

.post {
    padding: 25px 0 0 0;
    margin-bottom: 0;
    box-sizing: border-box;
    background-color: white; }

.post-side-view {
    font-size: 0.8125rem; }
.post-side-view ul {
    padding: 0;
    margin: 0; }
.post-side-view ul ul {
    display: none; }
.post-side-view ul ul li {
    padding-left: 10px; }
.post-side-view ul ul a {
    color: #4c4d4f; }
.post-side-view ul ul a:hover {
    color: #00529b;
    text-decoration: underline; }
.post-side-view li {
    padding: 5px 0;
    border-top: 1px solid #d9d9d9;
    list-style-image: none !important;
    list-style-type: none; }
.post-side-view > ul > li:first-child {
    border-top: none; }
.post-side-view > ul > li > a {
    display: block;
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase; }

.industry-list {
    display: block;
    padding: 0;
    margin: 50px 0;
    font-family: "Montserrat", Arial, sans-serif;
    -moz-column-count: 3;
    -moz-column-gap: 15px;
    -webkit-column-count: 3;
    -webkit-column-gap: 15px;
    column-count: 3;
    column-gap: 15px; }


@media screen and (max-width: 1050px) {
    .industry-list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media screen and (max-width: 778px) {
    .industry-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}


.industry-list li {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    color: #00529b; }
.industry-list li:hover {
    border-color: #00529b;
    background-color: #00529b;
    color: white; }
.industry-list li:hover a {
    color: white; }
.industry-list li a {
    display: inline-block;
    width: 100%;
    padding: 5px 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #d7d7d7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.gas-list {
    padding: 0;
    margin: 0;
    text-align: justify; }
.gas-list li {
    display: inline-block;
    width: 33%;
    margin-bottom: 5px;
    background-color: #00529b;
    list-style-image: none;
    list-style-type: none; }


@media screen and (max-width: 1160px) {
    .gas-list li {
        width: 49%;
    }
}

@media screen and (max-width: 790px) {
    .gas-list li {
        width: 100%;
    }
}


.gas-list a {
    display: block; }
.gas-list img {
    display: inline-block;
    width: 30%;
    float: left;
    margin-right: 20px;
    border-radius: 0; }
.gas-list span {
    display: inline-block;
    width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 35px;
    color: white;
    font-family: "Montserrat", Arial, sans-serif; }

.info-files {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 16%, #f9f9f9 84%, #eaeaea 100%);
    text-transform: uppercase;
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: bold;
    font-size: 0.75rem;
    color: #4c4d4f;
    transition: all 0.2s ease; }
.info-files:hover {
    border: 1px solid #005DBD;
    background: linear-gradient(#2382b2 0%, #00529b 16%, #00529b 84%, #00338c 100%);
    color: white; }

.servicos-list,
.industrias-list {
    margin-bottom: 20px; }
.servicos-list img,
.industrias-list img {
    float: left; }
.servicos-list h5,
.industrias-list h5 {
    display: block; }
.servicos-list img,
.industrias-list img {
    margin-right: 20px;
    margin-bottom: 20px; }

@media only screen and ( max-width: 50rem ) {

    .industrias-list + .industrias-list,
    .servicos-list + .servicos-list {
        margin-top: 3rem;
    }

}

@media only screen and ( max-width: 32rem ) {

    .industrias-list img,
    .servicos-list img {
        float: none;
    }

    .industrias-list h5,
    .servicos-list h5 {
        margin-top: 0;
    }

}

table thead tr {
    background-color: #4c4d4f;
    color: white;
    font-weight: bold; }
table tfoot {
    color: #999;
    font-size: 12px;
    line-height: 16px; }
table td {
    padding: 5px 10px;
    border-bottom: 1px solid #ddd; }

.table-chapter {
    background: #f3f3f3;
    color: #00529b;
    font-weight: bold; }

.weight {
    font-weight: normal; }

.chapter {
    display: block;
    padding-bottom: 10px;
    margin-top: 50px;
    border-bottom: 1px solid #ddd;
    color: #999;
    font-weight: bold; }

.small-notes {
    padding-top: 10px;
    margin-top: 40px;
    border-top: 1px solid #eee;
    font-size: 14px;
    color: #999; }

.mixes {
    white-space: nowrap;
    width: 100%;
    float: none;
    clear: both;
    margin-top: 40px;
    border-top: 1px solid #E0E0E0 !important;
    text-align: justify; }
.mixes tr:hover {
    background-color: #f9f9f9; }
.mixes tr td:last-child {
    text-align: right; }
.mixes tr td:last-child a {
    margin-left: 10px; }
.mixes td {
    padding-top: 15px;
    padding-bottom: 15px;
    white-space: nowrap; }

.mix-name {
    color: #00529b;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase; }
.mix-name span {
    color: #999;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: none; }

.gasType {
    box-sizing: border-box;
    width: 49%;
    padding: 5px;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    border: 1px solid #e9e9e9;
    background-color: #f6f6f6; }


@media screen and (max-width: 992px) {
    .gasType {
        width: 100%;
        float: none;
    }
}


.gasType:hover {
    border-color: #e9e9e9;
    background-color: #eee; }
.gasType img {
    float: left;
    margin-right: 20px;
    margin-bottom: 0; }
.gasType h2 {
    margin-top: 45px;
    font-size: 20px; }

.gasType:nth-child(2n) {
    margin-right: 0; }

/*
 *
 * Hi-Resolution Images for hi-resolution displays
 *
 */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2ppx) {
    .header {
        background-image: url("/images/header-background-2x.png"); }

    .logo {
        background-image: url("/images/logo-acail-gas-2x.png"); }

    .burguer-menu {
        background: transparent url("/images/burguer-menu-2x.png") center center no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain; }

    .search-toggle {
        background-image: url("/images/search-icon-2x.png"); }

    .search-field input:last-child {
        background: transparent url("/images/full-search-2x.png") center center no-repeat;
        -webkit-background-size: 90px 90px;
        -moz-background-size: 90px 90px;
        -o-background-size: 90px 90px;
        background-size: 90px 90px; }

    #search-field__close {
        background: transparent url("/images/close-search-2x.png") center top no-repeat;
        -webkit-background-size: 45px 45px;
        -moz-background-size: 45px 45px;
        -o-background-size: 45px 45px;
        background-size: 45px 45px; }

    .mobile-follow__icon--facebook {
        background: transparent url("/images/mobile-facebook-2x.png") center center no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain; }

    .mobile-follow__icon--linkedin {
        background: transparent url("/images/mobile-linkedin-2x.png") center center no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain; }

    .mobile-follow__icon--youtube {
        background: transparent url("/images/mobile-youtube-2x.png") center center no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain; }

    .fixed-info__contact > span:first-child {
        -webkit-background-size: 60px 60px;
        -moz-background-size: 60px 60px;
        -o-background-size: 60px 60px;
        background-size: 60px 60px;
        background-image: url("/images/fixed-contact-2x.png") !important; }

    .fixed-info__suggestions > span:first-child {
        -webkit-background-size: 60px 60px;
        -moz-background-size: 60px 60px;
        -o-background-size: 60px 60px;
        background-size: 60px 60px;
        background-image: url("/images/fixed-suggestion-2x.png") !important; }

    .mobile-credits, .footer__ydeal > a {
        background-image: url("/images/ydeal-logo-2x.png");
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain; }

    .jcf-checkbox span {
        background-image: url("/images/check-2x.png") !important;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain; }

    .lock-icon {
        background-image: url("/images/lock-icon-2x.png"); }

    .newsletter__email input {
        background-image: url("/images/subscribe-newsletter-2x.png");
        -webkit-background-size: 28px 21px;
        -moz-background-size: 28px 21px;
        -o-background-size: 28px 21px;
        background-size: 28px 21px; }

    .login__username {
        background-image: url("/images/username-2x.png");
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        -o-background-size: 20px 20px;
        background-size: 20px 20px; }

    .login__password {
        background-image: url("/images/password-2x.png");
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        -o-background-size: 20px 20px;
        background-size: 20px 20px; } }
@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1023px),
       screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1023px),
       screen and (-o-min-device-pixel-ratio: 2) and (max-width: 1023px),
       screen and (min-device-pixel-ratio: 2) and (max-width: 1023px),
       screen and (min-resolution: 192dpi) and (max-width: 1023px),
       screen and (min-resolution: 2ppx) and (max-width: 1023px) {
    .header {
        background-image: url("/images/header-mobile-2x.png");
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain; } }
/**
 *  VENDOR STYLES
 */
/* radio */
.jcf-radio {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: default;
    background: #00529b;
    border-radius: 9px;
    margin: 0 3px 0 0;
    height: 12px;
    width: 12px; }

.jcf-radio span {
    display: none;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background: white;
    border-radius: 100%; }

.jcf-radio input[type="radio"] {
    position: absolute;
    height: 100%;
    width: 100%;
    border: 0;
    margin: 0;
    left: 0;
    top: 0; }

.jcf-radio.jcf-checked {
    background-color: #52bdec; }

.jcf-radio.jcf-checked span {
    display: block; }

/* checkbox */
.jcf-checkbox {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: default;
    background: #ccc;
    border: none;
    margin: -2px 3px 0 0;
    height: 12px;
    width: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer; }
.jcf-checkbox:hover {
    background-color: #aaa; }

.jcf-checked.jcf-checkbox:hover {
    background-color: #006dce; }

.jcf-checked {
    background-color: #00529b; }

.jcf-checkbox span {
    position: absolute;
    display: none;
    height: 7px;
    width: 8px;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -4px;
    background-image: url("/images/check.png"); }

:root .jcf-checkbox span {
    margin: -3px 0 0 -4px; }

.jcf-checkbox input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    left: 0;
    top: 0; }

.jcf-checkbox.jcf-checked span {
    display: block; }

/* button */
.jcf-button {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    border: 1px solid #777;
    background: #fff;
    margin: 0 10px 10px 0;
    padding: 5px 10px; }

.jcf-button .jcf-real-element {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    outline: none;
    opacity: 0;
    padding: 0;
    margin: 0;
    border: 0;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0; }

/* file */
.jcf-file {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    background: #fff; }

.jcf-file .jcf-real-element {
    position: absolute;
    font-size: 200px;
    height: 200px;
    margin: 0;
    right: 0;
    top: 0; }

.jcf-file .jcf-fake-input {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    overflow: hidden;
    border: 1px solid #777;
    padding: 0 8px;
    font-size: 13px;
    line-height: 28px;
    height: 28px;
    width: 125px; }

.jcf-file .jcf-upload-button {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #777;
    margin: 0 0 0 -1px;
    padding: 0 10px;
    line-height: 28px;
    height: 28px; }

/* scrollbars */
.jcf-scrollable-wrapper {
    box-sizing: content-box;
    position: relative; }

.jcf-scrollbar-vertical {
    position: absolute;
    cursor: default;
    background: #e3e3e3;
    width: 14px;
    bottom: 0;
    right: 0;
    top: 0; }

.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
    background: #bbb;
    height: 14px;
    width: 14px;
    left: 0;
    top: 0; }

.jcf-scrollbar-vertical .jcf-scrollbar-inc {
    top: auto;
    bottom: 0; }

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
    background: #888;
    height: 1px;
    width: 14px; }

.jcf-scrollbar-horizontal {
    position: absolute;
    background: #e3e3e3;
    right: auto;
    top: auto;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 14px; }

.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background: #bbb;
    height: 14px;
    width: 14px; }

.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    left: auto;
    right: 0; }

.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
    display: inline-block;
    position: relative;
    height: 14px; }

.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
    position: absolute;
    background: #888;
    height: 14px; }

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
    visibility: hidden; }

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
    background: #e3e3e3; }

/* select */
.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 1px solid #777;
    background: #fff;
    margin: 0 0 12px;
    min-width: 150px;
    height: 26px; }

.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0; }

.jcf-select .jcf-select-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    font-size: 13px;
    line-height: 26px;
    margin: 0 35px 0 8px; }

.jcf-select .jcf-select-opener {
    position: absolute;
    text-align: center;
    background: #aaa;
    width: 26px;
    bottom: 0;
    right: 0;
    top: 0; }

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999; }

body > .jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0; }

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0px;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px; }

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto; }

.jcf-select.jcf-compact-multiple {
    max-width: 220px; }

.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
    display: inline-block;
    padding-top: 2px;
    content: '...'; }

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #f00; }

.jcf-select-drop.jcf-compact-multiple .jcf-hover {
    background: none; }

.jcf-select-drop.jcf-compact-multiple .jcf-selected {
    background: #e6e6e6;
    color: #000; }

.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
    display: inline-block;
    content: '';
    height: 4px;
    width: 8px;
    margin: -7px 5px 0 -3px;
    border: 3px solid #777;
    border-width: 0 0 3px 3px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"; }

/* multiple select styles */
.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px; }

/* select options styles */
.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    line-height: 14px;
    font-size: 12px;
    width: 100%; }

.jcf-list .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    overflow: auto;
    width: 100%; }

.jcf-list ul {
    list-style: none;
    padding: 0;
    margin: 0; }

.jcf-list ul li {
    overflow: hidden;
    display: block; }

.jcf-list .jcf-overflow {
    overflow: auto; }

.jcf-list .jcf-option {
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    padding: 5px 9px;
    color: #656565;
    min-height: 14px;
    height: 1%; }

.jcf-list .jcf-disabled {
    background: #fff !important;
    color: #aaa !important; }

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
    background: #e6e6e6;
    color: #000; }

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000; }

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px; }

/* other styles */
.jcf-textarea {
    border: 1px solid #b8c3c9;
    box-sizing: content-box;
    display: inline-block;
    position: relative; }

.jcf-textarea .jcf-scrollbar-horizontal {
    display: none;
    height: 0; }

.jcf-textarea textarea {
    padding: 8px 10px;
    border: none;
    margin: 0; }

.jcf-textarea .jcf-resize {
    position: absolute;
    text-align: center;
    cursor: se-resize;
    background: #e3e3e3;
    font-weight: bold;
    line-height: 15px;
    text-indent: 1px;
    font-size: 12px;
    height: 15px;
    width: 14px;
    bottom: 0;
    right: 0; }

.jcf-textarea .jcf-resize:before {
    border: 1px solid #000;
    border-width: 0 1px 1px 0;
    display: block;
    margin: 4px 0 0 3px;
    width: 6px;
    height: 6px;
    content: ''; }

/* number input */
.jcf-number {
    display: inline-block;
    position: relative;
    height: 32px; }

.jcf-number input {
    -moz-appearance: textfield; }

.jcf-number input::-webkit-inner-spin-button,
.jcf-number input::-webkit-outer-spin-button {
    -webkit-appearance: none; }

.jcf-number input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #777;
    padding: 3px 27px 3px 7px;
    margin: 0;
    height: 100%; }

.jcf-number .jcf-btn-dec,
.jcf-number .jcf-btn-inc {
    position: absolute;
    background: #aaa;
    width: 20px;
    height: 15px;
    right: 1px;
    top: 1px; }

.jcf-number .jcf-btn-dec {
    top: auto;
    bottom: 1px; }

.jcf-number .jcf-btn-dec:hover,
.jcf-number .jcf-btn-inc:hover {
    background: #e6e6e6; }

.jcf-number.jcf-disabled .jcf-btn-dec:hover,
.jcf-number.jcf-disabled .jcf-btn-inc:hover {
    background: #aaa; }

.jcf-number .jcf-btn-dec:before,
.jcf-number .jcf-btn-inc:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -4px;
    border: 4px solid #aaa;
    border-color: transparent transparent #000 transparent; }

.jcf-number .jcf-btn-dec:before {
    margin: -1px 0 0 -4px;
    border-color: #000 transparent transparent transparent; }

.jcf-number.jcf-disabled .jcf-btn-dec:before,
.jcf-number.jcf-disabled .jcf-btn-inc:before,
.jcf-number .jcf-btn-dec.jcf-disabled:before,
.jcf-number .jcf-btn-inc.jcf-disabled:before {
    opacity: 0.3; }

.jcf-number.jcf-disabled input {
    background: #ddd; }

/* range input */
.jcf-range {
    display: inline-block;
    min-width: 200px;
    margin: 0 10px;
    width: 130px; }

.jcf-range .jcf-range-track {
    margin: 0 20px 0 0;
    position: relative;
    display: block;
    height: 10px; }

.jcf-range .jcf-range-wrapper {
    position: relative;
    background: #e5e5e5;
    border-radius: 5px;
    display: block;
    margin: 5px 0; }

.jcf-range.jcf-vertical {
    min-width: 0;
    width: auto; }

.jcf-range.jcf-vertical .jcf-range-wrapper {
    margin: 0;
    width: 10px;
    height: auto;
    padding: 20px 0 0; }

.jcf-range.jcf-vertical .jcf-range-track {
    height: 180px;
    width: 10px; }

.jcf-range.jcf-vertical .jcf-range-handle {
    left: -5px;
    top: auto; }

.jcf-range .jcf-range-display-wrapper {
    position: absolute;
    min-height: 10px;
    min-width: 10px;
    left: 10px;
    right: 10px; }

.jcf-range .jcf-range-display {
    border-radius: 5px;
    position: absolute;
    background: #888;
    width: 10px;
    height: 10px; }

.jcf-range .jcf-range-display.jcf-range-min {
    margin: 0 0 0 -10px;
    padding: 0 0 0 10px; }

.jcf-range .jcf-range-display.jcf-range-max {
    margin: 0 -10px 0 0;
    padding: 0 10px 0 0; }

.jcf-range.jcf-vertical .jcf-range-display-wrapper {
    left: auto;
    right: auto;
    top: 10px;
    bottom: 10px; }

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-min {
    margin: 0 0 -10px;
    padding: 0 0 10px; }

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-max {
    margin: -10px 0 0;
    padding: 10px 0 0; }

.jcf-range .jcf-range-handle {
    position: absolute;
    background: #aaa;
    border-radius: 19px;
    width: 19px;
    height: 19px;
    margin: -4px 0 0;
    z-index: 1;
    top: 0;
    left: 0; }

.jcf-range .jcf-range-mark {
    position: absolute;
    overflow: hidden;
    background: #000;
    width: 1px;
    height: 3px;
    top: -7px;
    margin: 0 0 0 9px; }

.jcf-range.jcf-vertical .jcf-range-mark {
    margin: 0 0 9px;
    left: 14px;
    top: auto;
    width: 3px;
    height: 1px; }

.jcf-range .jcf-active-handle {
    z-index: 2; }

.jcf-range.jcf-focus .jcf-active-handle {
    border: 1px solid #f00;
    margin: -5px 0 0 -1px; }

.jcf-range.jcf-disabled {
    background: none !important;
    opacity: 0.3; }

/* common styles */
.jcf-disabled {
    background: #ddd !important; }

.jcf-focus, .jcf-focus * {
    border-color: #f00 !important; }

/*
 *
 * SlideOut.js Plugin
 * https://mango.github.io/slideout/
 *
 */
body {
    width: 100%;
    height: 100%; }

.slideout-menu {
    display: none;
    width: 256px;
    height: 100%;
    padding: 20px;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    background: #00529b;
    color: white;
    z-index: 0; }

.slideout-panel {
    position: relative;
    background: white;
    z-index: 1; }

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
    overflow: hidden; }

.slideout-open .slideout-menu {
    display: block; }

/*! Flickity v1.0.2
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative; }

.flickity-enabled:focus {
    outline: none; }

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%; }

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: white;
    background: rgba(255, 255, 255, 0.75);
    cursor: pointer;
    /* vertically center */
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.flickity-prev-next-button:hover {
    background: white; }

.flickity-prev-next-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #09F; }

.flickity-prev-next-button:active {
    filter: alpha(opacity=60);
    /* IE8 */
    opacity: 0.6; }

.flickity-prev-next-button.previous {
    left: 10px; }

.flickity-prev-next-button.next {
    right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px; }

.flickity-prev-next-button:disabled {
    filter: alpha(opacity=30);
    /* IE8 */
    opacity: 0.3;
    cursor: auto; }

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%; }

.flickity-prev-next-button .arrow {
    fill: #333; }

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
    color: #333;
    font-size: 26px; }

/* ---- page dots ---- */
.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1; }

.flickity-rtl .flickity-page-dots {
    direction: rtl; }

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    filter: alpha(opacity=25);
    /* IE8 */
    opacity: 0.25;
    cursor: pointer; }

.flickity-page-dots .dot.is-selected {
    filter: alpha(opacity=100);
    /* IE8 */
    opacity: 1; }

/*# sourceMappingURL=styles.css.map */

/* Local style for demo purpose */

.lightBoxGallery {
    margin: 250px 0 150px 0;
    text-align: center;
}

.lightBoxGallery img {
    margin: 5px;
}

.list-group li {
    position: relative;
}

.list-group-item {
    display: inline-block;
    width: 100%;
    height: 27px;
    padding-top: 2px;
    position: absolute;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.page-error {
    margin-bottom: 200px;
}

.gas-note {
    font-size: 13px;
    color: #999;
}

/* overrides update 20180419 */

@media only screen and ( max-width: 849px ) {
    .all-gases .med-12:nth-child(2n+2) {
        margin-right: 0;
    }
}

.alert-fixed {
    position: fixed;
    top: 15px;
    right: 0;
    width: 100%;
    max-width: 600px;
    min-width: 200px;
    z-index: 2000;
    padding: 0;
}

.alert-fixed > * {
    padding: 15px 30px 15px 15px;
    margin: 0;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.15);
    text-align: left;
    font-size: 13px;
    border: 1px solid #ddd;
    border-radius: 3px 0 0 3px;
    line-height: 1.5;
}

.alert-fixed .btn-dismiss {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
    color: #222;
    padding: .1em;
    margin: 0;
    height: 1em;
    background-color: transparent;
    border: none;
}

.alert-fixed .warning-error {
    color: #fff;
    border-color: #cc1c21;
    background-color: #cc1c21;
    box-shadow: 10px 10px 20px rgba(0,0,0,.45);
}

.alert-fixed .warning-success {
    color: #fff;
    border-color: #089848;
    background-color: #089848;
    box-shadow: 10px 10px 20px rgba(0,0,0,.45);
}

/* esconder links techfiles */
a[href*="/files/technical"] {
    display: none;
}

.panel.all-gases .gases-holder-block h2{
    text-transform:uppercase;
}

.panel.all-gases .gases-holder-block{
    width:100%;
    margin-left:-10px;
    margin-right:-10px;
}
.panel.all-gases .gases-holder-block .columns{
    width:25%;
    margin-left:0;
    margin-right:0;
    box-sizing:border-box;
    padding:0 10px;
}
.panel.all-gases .gases-holder-block.row-of-five .columns{
    width:20%;
}
@media only screen and (min-width: 1024px) {
    .panel.all-gases .gases-holder-block.row-of-five .columns .two-line-format{
        padding-bottom:0;
    }
}
@media only screen and ( max-width: 1023px ) {
    .panel.all-gases .gases-holder-block{
        margin-left:-20px;
        margin-right:-20px;
    }
    .panel.all-gases .gases-holder-block .columns{
        width:50%;
        padding:0 20px;
    }
    .panel.all-gases .gases-holder-block.row-of-five .columns{
        width:50%;
    }
}
@media only screen and ( max-width: 640px ) {
    .panel.all-gases .gases-holder-block{
        margin-left:0;
        margin-right:0;
    }
    .panel.all-gases .gases-holder-block .columns{
        width:100%;
        padding:0 0;
    }
    .panel.all-gases .gases-holder-block.row-of-five .columns{
        width:100%;
    }
}

.gases-holder-block-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
}

.gases-holder-block-flex .columns {
    max-width: 320px;
}

@supports (object-fit: cover) {
    .gases-holder-block-flex img {
        object-fit: cover;
        max-width: initial;
        width: 100%;
        height: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    .gases-holder-block-flex .columns {
        width: 33.333% !important;
    }
}