/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.4667em;
}
p {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* main header */

.main-header {
    border-bottom: 5px solid #fafafa;
    height: 125px;
    overflow: hidden;
}
.main-header .col-1,
.main-header .col-2 {
    height: 120px;
}
    .main-header .col-1 {
        border-right: 1px solid #ddd;
        width: 29.48717948717949%;
    }
        .main-header .logo {
            margin-top: 20px;
            margin-bottom: 0;
        }
            .main-header .logo svg {
                height: 80px;
                width: 292px;
            }
    .main-header .col-2 {
        padding-left: 20px;
        width: 70.51%;
        padding-right: 0;
    }
        .main-header .col-2 > .row {
            margin-left: -20px;
            margin-right: 0;
        }
            .main-header .row-1 {
                position: relative;
            }
                .main-header .row-1 .col {
                    height: 60px;
                }
                    .col-menu {
                        padding-left: 25px;
                        width: 90.3%;
                    }
                    .main-header .row-1 .col-languages {
                        border-left: 1px solid #ddd;
                        height: 60px;
                        padding-right: 0;
                        padding-left: 0;
                        width: 9.7%;
                        padding-bottom: 0;
                    }
                        .languages {
                            margin-top: 10px;
                        }
                    .divider {
                        background-color: #eee;
                        bottom: 0;
                        content: '';
                        height: 1px;
                        left: 0;
                        position: absolute;
                        width: 200%;
                    }
            .col-extras {
                padding: 16px 20px;
            }
            .col-busca {
                border-left: 1px solid #eee;
                padding-right: 0;
                padding-left: 0;
            }

/* menu */

.menu {
    font-family: 'montserratblack', sans-serif;
    font-size: 0;
    letter-spacing: 1px;
    margin-top: 25px;
    margin-bottom: 0;
    padding-left: 0;
    text-transform: uppercase;
}
.menu li {
    display: inline-block;
    font-size: 16px;
}
.menu li::after {
    content: '.';
    margin-right: 10px;
    margin-left: 10px;
}
.menu li:last-child::after {
    display: none;
}
.menu a {
    color: #272832;
    transition: color 250ms ease;
}
.menu a:focus,
.menu a:hover {
    color: #c1272d;
    text-decoration: none;
}

/* */

.supporters-logos {
    margin-bottom: 50px;
    padding-right: 20px;
    padding-left: 20px;
}
.supporter-logo {
    display: inline-block;
    margin: 8px 15px 7px;
    vertical-align: middle;
}

/* how to reach*/

.main-footer .how-to-reach {
    background-color: #11b0af;
    line-height: 36px;
    position: relative;
}
.main-footer .how-to-reach,
.main-footer .how-to-reach a {
    color: #fff;
}
.main-footer .how-to-reach::before {
    background-image: url('../img/pattern-lg.png');
    content: '';
    height: 100%;
    right: 74.3%;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.main-footer .how-to-reach a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
}
.main-footer .how-to-reach .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 37px;
    font-weight: bold;
}
.main-footer .how-to-reach .subtitle {
    font-size: 26px;
}
.main-footer .how-to-reach .icon {
    font-size: 90px;
}

/* quick area */

.quick-area {
    background-color: #eee;
    font-size: 14px;
    line-height: 18px;
    padding-top: 30px;
    padding-bottom: 40px;
}
.quick-area,
.quick-area a {
    color: #abaaaa;
}
.quick-area .logo {
    margin-bottom: 15px;
}
.quick-area > .container > .row > .col:nth-child(1) {
    color: #5c5c5c;
}

/* berro */

.berro-logo svg {
    height: 30px;
    width: 87px;
}
.berro-logo path {
    fill: #c5c5c5; 
    transition: fill 200ms ease;
}
.berro-logo:focus path,
.berro-logo:hover path {
    fill: #b62025; 
}

/* list-group */

.list-group {
    box-shadow: none;
    margin-top: 20px;
}
.list-group-item {
    background-color: #ffc20e;
    border: 0;
    color: #fff;
    line-height: 18px;
    margin-bottom: 0;
    padding: 10px 10px 10px 20px;
}
.list-group-item.blue {
    background-color: #11b0af;
}
.list-group-item + .list-group-item {
    margin-top: 1px;
}
.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.main-footer .list-group {
    width: 92.5%;
}
.main-footer .logo svg {
    height: 47px;
    width: 170px;
}

/* quick links */

.quick-area .title {
    border-bottom: 0;
    color: #272832;
    display: block;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.quick-links > li {
    margin-bottom: 20px;
    margin-top: 15px;
}

.quick-area textarea.form-control {
    height: 135px;
}

/* btns */

/* btn discreet */

.btn-discreet {
    background-color: transparent;
    border: 1px solid #e6e5e6;
    border-radius: 6px;
    line-height: 18px;
    padding: 10px;
}
.btn-discreet .caret {
    margin-right: -5px;
}

/* btn default */

.btn-default {
    border-radius: 3px;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    padding-right: 25px;
    padding-left: 25px;
    text-shadow: none;
    text-transform: uppercase;
}
.btn-default,
.btn-default:focus,
.btn-default:hover {
    background-color: #5174bd;
    background-image: linear-gradient(to top, #4a6eba 0%, #4262a9 25%, #698dda 100%);
    background-position: 0 0;
    border: 1px solid #2a4a8a;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), inset 0 0 1px rgba(255, 255, 255, .15), inset 0 1px 0 rgba(255, 255, 255, .2);
    color: #fff;
}
.btn-default.btn-lg {
    border-radius: 4px;
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.btn-default.btn-wide-sm {
    padding-right: 15px;
    padding-left: 15px;
}

/* btn icon */

.btn-icon {
    background-color: transparent;
    color: #3c3d41;
    padding: 15px 0;
    width: 30px;
}
.btn-icon:focus,
.btn-icon:hover {
    box-shadow: none;
}

/* btn round */

.btn-round {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0;
    width: 50px;
}
.btn-round,
.btn-round:focus,
.btn-round:hover {
    color: #fff;
}

/* btn-hype */

.btn-hype {
    background-color: transparent;
    border: 1px solid #272832;
    border-radius: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: normal;
    padding-top: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.btn-hype,
.btn-hype:focus,
.btn-hype:hover {
    color: #272832;
}

/* */

.form-group {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
label {
    color: #abaaaa;
    font-weight: normal;
}
.form-control {
    background-color: #fafafa;
    border: 1px solid #eee;
    border-radius: 1px;
    box-shadow: none;
    font-size: 12px;
    height: 33px;
    line-height: normal;
    padding: 10px 15px;
    text-transform: uppercase;
}
input.form-control {
    line-height: 33px;
}
textarea.form-control {
    min-height: 110px;
}
.form-control::-webkit-input-placeholder {
    color: #c6c6c6;
}
.form-control:-moz-placeholder {
    color: #c6c6c6;
}
.form-control::-moz-placeholder {
    color: #c6c6c6;
}
.form-control:-ms-input-placeholder {
    color: #c6c6c6;
}

/* input groups */

.input-group-btn:last-child {
    padding-left: 15px;
}
.input-group-btn:last-child > .btn-default {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

/* list-dashed */

.list-dashed {
    list-style: none;
    padding-left: 0;
}
.list-dashed li::before {
    content: '- ';
}

/* categories */

.categories .h2 {
    margin-top: 0;
    margin-bottom: 0;
}
.categories a {
    color: inherit;
}

/* form control */

.main-header .form-control {
    background-color: #fff;
    border: 0;
    padding: 30px;
}
.main-header .form-control::-webkit-input-placeholder {
    color: #888;
}
.main-header .form-control:-moz-placeholder {
    color: #888;
}
.main-header .form-control::-moz-placeholder {
    color: #888;
}
.main-header .form-control:-ms-input-placeholder {
    color: #888;
}

/* dropdown */

.dropleft .dropdown-menu {
    left: auto;
    min-width: 0;
    right: 0;
}

/* btn group */

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    margin-left: 10px;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

/* like title */

.like-title {
    margin-right: auto;
    margin-left: auto;
    max-width: 790px;
    padding-top: 40px;
    padding-bottom: 30px;
}
.like-title-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 5px;
}
.like-title-subtitle-container {
    border: 1px solid #272832;
    padding-right: 70px;
    padding-bottom: 20px;
    padding-left: 70px;
    min-height: 50px;
}
.like-title-subtitle {
    background-color: #fff;
    font-size: 26px;
    line-height: 1em;
    margin-top: -5px;
    padding-right: 20px;
    padding-left: 20px;
}
.like-title-footer {
    background-color: #fff;
    margin-top: -15px;
    margin-right: auto;
    margin-left: auto;
    min-height: 15px;
    position: relative;
    width: 140px;
}

/* cta */

.cta {
    background-color: #282832;
    color: #fff;
    display: table;
    height: 377px;
    text-align: right;
    width: 100%;
}
.cta-inner {
    display: table-cell;
    padding: 30px;
    position: relative;
    vertical-align: bottom;
}
.cta-inner::before {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    content: '';
    left: 30px;
    height: calc(100% - 110px);
    position: absolute;
    top: 30px;
    width: calc(100% - 60px);
}
.cta-subtitle {
    font-size: 26px;
}
.cta-title {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 40px;
    line-height: 1em;
    margin-bottom: 20px;
    padding-left: 50px;
}

/* btn-square */

.btn-square {
    border: 0;
    border-radius: 0;
    display: table;
    height: 275px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 30px;
    hyphens: auto;
    line-height: 1em;
    overflow: hidden;
    padding: 0;
    text-align: right;
    white-space: normal;
    width: 100%;
    word-break: break-all;
    word-break: break-word; /* Non standard for webkit */
}
.btn-square,
.btn-square:focus,
.btn-square:hover {
    color: #fff;
}
.btn-square-inner {
    display: table-cell;
    padding: 20px 20px 20px 10px;
    position: relative;
    vertical-align: bottom;
}
.btn-square-inner::before {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    content: '';
    height: calc(100% - 40px);
    position: absolute;
    right: 20px;
    top: 20px;
    width: calc(100% - 105px);
    z-index: 1;
}
.btn-square-number {
    font-family: Arial, sans-serif;
    font-size: 91px;
    font-weight: normal;
    left: -25px;
    line-height: 1em;
    position: absolute;
    top: -35px;
}
.btn-square-text {
    display: inline-block;
    padding-top: 20px;
    position: relative;
    z-index: 2;
}
.btn-square-text small {
    font-size: 24px;
}
.btn-square-orange,
.btn-square-orange .btn-square-text {
    background-color: #ffc20e;
}
.btn-square-red,
.btn-square-red .btn-square-text {
    background-color: #ca3247;
}
.btn-square-green,
.btn-square-green .btn-square-text {
    background-color: #a4cd39;
}
.btn-square-blue,
.btn-square-blue .btn-square-text {
    background-color: #11b0af;
}
.btn-square-pastel-green,
.btn-square-pastel-green .btn-square-text {
    background-color: #6fc297;
}
.btn-square-turquoise,
.btn-square-turquoise .btn-square-text {
    background-color: #11b0af;
}
.btn-square-gold,
.btn-square-gold .btn-square-text {
    background-color: #cc9933;
}
.btn-square-pink,
.btn-square-pink .btn-square-text {
    background-color: #cc9999;
}
.btn-square.btn-sm {
    font-size: 18px;
    line-height: 18px;
}
.btn-square.btn-sm .btn-square-inner {
    padding-left: 20px;
}

/* square btns */

.square-btns {
    padding-top: 10px;
    padding-bottom: 10px;
}
.square-btns .col {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* btn social round */

.btn-social-round {
    background-color: #c5c5c5;
    border-radius: 50%;
    color: #fff;
    height: 34px;
    line-height: 34px;
    padding: 0;
    width: 34px;
}

/* last-area */

.last-area {
    background-color: #e3e3e3;
    padding-top: 35px;
    padding-bottom: 35px;
}

/* list inline */

.list-inline {
    font-size: 0;
    margin-bottom: 0;
}
.list-inline li {
    font-size: 12px;
}

/* center table */

.center-table {
    display: table;
    margin-right: auto;
    margin-left: auto;
}

/* container */

.container {
    width: 1200px;
}

/* row */

.row.gutter-60 {
    margin-right: -30px;
    margin-left: -30px;
}
.row.gutter-60 > .col-lg-1,
.row.gutter-60 > .col-lg-10,
.row.gutter-60 > .col-lg-11,
.row.gutter-60 > .col-lg-12,
.row.gutter-60 > .col-lg-2,
.row.gutter-60 > .col-lg-3,
.row.gutter-60 > .col-lg-4,
.row.gutter-60 > .col-lg-5,
.row.gutter-60 > .col-lg-6,
.row.gutter-60 > .col-lg-7,
.row.gutter-60 > .col-lg-8,
.row.gutter-60 > .col-lg-9,
.row.gutter-60 > .col-md-1,
.row.gutter-60 > .col-md-10,
.row.gutter-60 > .col-md-11,
.row.gutter-60 > .col-md-12,
.row.gutter-60 > .col-md-2,
.row.gutter-60 > .col-md-3,
.row.gutter-60 > .col-md-4,
.row.gutter-60 > .col-md-5,
.row.gutter-60 > .col-md-6,
.row.gutter-60 > .col-md-7,
.row.gutter-60 > .col-md-8,
.row.gutter-60 > .col-md-9,
.row.gutter-60 > .col-sm-1,
.row.gutter-60 > .col-sm-10,
.row.gutter-60 > .col-sm-11,
.row.gutter-60 > .col-sm-12,
.row.gutter-60 > .col-sm-2,
.row.gutter-60 > .col-sm-3,
.row.gutter-60 > .col-sm-4,
.row.gutter-60 > .col-sm-5,
.row.gutter-60 > .col-sm-6,
.row.gutter-60 > .col-sm-7,
.row.gutter-60 > .col-sm-8,
.row.gutter-60 > .col-sm-9,
.row.gutter-60 > .col-xs-1,
.row.gutter-60 > .col-xs-10,
.row.gutter-60 > .col-xs-11,
.row.gutter-60 > .col-xs-12,
.row.gutter-60 > .col-xs-2,
.row.gutter-60 > .col-xs-3,
.row.gutter-60 > .col-xs-4,
.row.gutter-60 > .col-xs-5,
.row.gutter-60 > .col-xs-6,
.row.gutter-60 > .col-xs-7,
.row.gutter-60 > .col-xs-8,
.row.gutter-60 > .col-xs-9 {
    padding-right: 30px;
    padding-left: 30px;
}

.row.gutter-25 {
    margin-right: -12px;
    margin-left: -13px;
}
.row.gutter-25 > .col-lg-1,
.row.gutter-25 > .col-lg-10,
.row.gutter-25 > .col-lg-11,
.row.gutter-25 > .col-lg-12,
.row.gutter-25 > .col-lg-2,
.row.gutter-25 > .col-lg-3,
.row.gutter-25 > .col-lg-4,
.row.gutter-25 > .col-lg-5,
.row.gutter-25 > .col-lg-6,
.row.gutter-25 > .col-lg-7,
.row.gutter-25 > .col-lg-8,
.row.gutter-25 > .col-lg-9,
.row.gutter-25 > .col-md-1,
.row.gutter-25 > .col-md-10,
.row.gutter-25 > .col-md-11,
.row.gutter-25 > .col-md-12,
.row.gutter-25 > .col-md-2,
.row.gutter-25 > .col-md-3,
.row.gutter-25 > .col-md-4,
.row.gutter-25 > .col-md-5,
.row.gutter-25 > .col-md-6,
.row.gutter-25 > .col-md-7,
.row.gutter-25 > .col-md-8,
.row.gutter-25 > .col-md-9,
.row.gutter-25 > .col-sm-1,
.row.gutter-25 > .col-sm-10,
.row.gutter-25 > .col-sm-11,
.row.gutter-25 > .col-sm-12,
.row.gutter-25 > .col-sm-2,
.row.gutter-25 > .col-sm-3,
.row.gutter-25 > .col-sm-4,
.row.gutter-25 > .col-sm-5,
.row.gutter-25 > .col-sm-6,
.row.gutter-25 > .col-sm-7,
.row.gutter-25 > .col-sm-8,
.row.gutter-25 > .col-sm-9,
.row.gutter-25 > .col-xs-1,
.row.gutter-25 > .col-xs-10,
.row.gutter-25 > .col-xs-11,
.row.gutter-25 > .col-xs-12,
.row.gutter-25 > .col-xs-2,
.row.gutter-25 > .col-xs-3,
.row.gutter-25 > .col-xs-4,
.row.gutter-25 > .col-xs-5,
.row.gutter-25 > .col-xs-6,
.row.gutter-25 > .col-xs-7,
.row.gutter-25 > .col-xs-8,
.row.gutter-25 > .col-xs-9 {
    padding-right: 12px;
    padding-left: 13px;
}

.row.gutter-10 {
    margin-right: -10px;
    margin-left: -10px;
}
.row.gutter-10 > .col-lg-1,
.row.gutter-10 > .col-lg-10,
.row.gutter-10 > .col-lg-11,
.row.gutter-10 > .col-lg-12,
.row.gutter-10 > .col-lg-2,
.row.gutter-10 > .col-lg-3,
.row.gutter-10 > .col-lg-4,
.row.gutter-10 > .col-lg-5,
.row.gutter-10 > .col-lg-6,
.row.gutter-10 > .col-lg-7,
.row.gutter-10 > .col-lg-8,
.row.gutter-10 > .col-lg-9,
.row.gutter-10 > .col-md-1,
.row.gutter-10 > .col-md-10,
.row.gutter-10 > .col-md-11,
.row.gutter-10 > .col-md-12,
.row.gutter-10 > .col-md-2,
.row.gutter-10 > .col-md-3,
.row.gutter-10 > .col-md-4,
.row.gutter-10 > .col-md-5,
.row.gutter-10 > .col-md-6,
.row.gutter-10 > .col-md-7,
.row.gutter-10 > .col-md-8,
.row.gutter-10 > .col-md-9,
.row.gutter-10 > .col-sm-1,
.row.gutter-10 > .col-sm-10,
.row.gutter-10 > .col-sm-11,
.row.gutter-10 > .col-sm-12,
.row.gutter-10 > .col-sm-2,
.row.gutter-10 > .col-sm-3,
.row.gutter-10 > .col-sm-4,
.row.gutter-10 > .col-sm-5,
.row.gutter-10 > .col-sm-6,
.row.gutter-10 > .col-sm-7,
.row.gutter-10 > .col-sm-8,
.row.gutter-10 > .col-sm-9,
.row.gutter-10 > .col-xs-1,
.row.gutter-10 > .col-xs-10,
.row.gutter-10 > .col-xs-11,
.row.gutter-10 > .col-xs-12,
.row.gutter-10 > .col-xs-2,
.row.gutter-10 > .col-xs-3,
.row.gutter-10 > .col-xs-4,
.row.gutter-10 > .col-xs-5,
.row.gutter-10 > .col-xs-6,
.row.gutter-10 > .col-xs-7,
.row.gutter-10 > .col-xs-8,
.row.gutter-10 > .col-xs-9 {
    padding-right: 10px;
    padding-left: 10px;
}

.row.gutter-5 {
    margin-right: -5px;
    margin-left: -5px;
}
.row.gutter-5 > .col-lg-1,
.row.gutter-5 > .col-lg-10,
.row.gutter-5 > .col-lg-11,
.row.gutter-5 > .col-lg-12,
.row.gutter-5 > .col-lg-2,
.row.gutter-5 > .col-lg-3,
.row.gutter-5 > .col-lg-4,
.row.gutter-5 > .col-lg-5,
.row.gutter-5 > .col-lg-6,
.row.gutter-5 > .col-lg-7,
.row.gutter-5 > .col-lg-8,
.row.gutter-5 > .col-lg-9,
.row.gutter-5 > .col-md-1,
.row.gutter-5 > .col-md-10,
.row.gutter-5 > .col-md-11,
.row.gutter-5 > .col-md-12,
.row.gutter-5 > .col-md-2,
.row.gutter-5 > .col-md-3,
.row.gutter-5 > .col-md-4,
.row.gutter-5 > .col-md-5,
.row.gutter-5 > .col-md-6,
.row.gutter-5 > .col-md-7,
.row.gutter-5 > .col-md-8,
.row.gutter-5 > .col-md-9,
.row.gutter-5 > .col-sm-1,
.row.gutter-5 > .col-sm-10,
.row.gutter-5 > .col-sm-11,
.row.gutter-5 > .col-sm-12,
.row.gutter-5 > .col-sm-2,
.row.gutter-5 > .col-sm-3,
.row.gutter-5 > .col-sm-4,
.row.gutter-5 > .col-sm-5,
.row.gutter-5 > .col-sm-6,
.row.gutter-5 > .col-sm-7,
.row.gutter-5 > .col-sm-8,
.row.gutter-5 > .col-sm-9,
.row.gutter-5 > .col-xs-1,
.row.gutter-5 > .col-xs-10,
.row.gutter-5 > .col-xs-11,
.row.gutter-5 > .col-xs-12,
.row.gutter-5 > .col-xs-2,
.row.gutter-5 > .col-xs-3,
.row.gutter-5 > .col-xs-4,
.row.gutter-5 > .col-xs-5,
.row.gutter-5 > .col-xs-6,
.row.gutter-5 > .col-xs-7,
.row.gutter-5 > .col-xs-8,
.row.gutter-5 > .col-xs-9 {
    padding-right: 5px;
    padding-left: 5px;
}

.row.gutter-0 {
    margin-right: 0;
    margin-left: 0;
}
.row.gutter-0 > .col-lg-1,
.row.gutter-0 > .col-lg-10,
.row.gutter-0 > .col-lg-11,
.row.gutter-0 > .col-lg-12,
.row.gutter-0 > .col-lg-2,
.row.gutter-0 > .col-lg-3,
.row.gutter-0 > .col-lg-4,
.row.gutter-0 > .col-lg-5,
.row.gutter-0 > .col-lg-6,
.row.gutter-0 > .col-lg-7,
.row.gutter-0 > .col-lg-8,
.row.gutter-0 > .col-lg-9,
.row.gutter-0 > .col-md-1,
.row.gutter-0 > .col-md-10,
.row.gutter-0 > .col-md-11,
.row.gutter-0 > .col-md-12,
.row.gutter-0 > .col-md-2,
.row.gutter-0 > .col-md-3,
.row.gutter-0 > .col-md-4,
.row.gutter-0 > .col-md-5,
.row.gutter-0 > .col-md-6,
.row.gutter-0 > .col-md-7,
.row.gutter-0 > .col-md-8,
.row.gutter-0 > .col-md-9,
.row.gutter-0 > .col-sm-1,
.row.gutter-0 > .col-sm-10,
.row.gutter-0 > .col-sm-11,
.row.gutter-0 > .col-sm-12,
.row.gutter-0 > .col-sm-2,
.row.gutter-0 > .col-sm-3,
.row.gutter-0 > .col-sm-4,
.row.gutter-0 > .col-sm-5,
.row.gutter-0 > .col-sm-6,
.row.gutter-0 > .col-sm-7,
.row.gutter-0 > .col-sm-8,
.row.gutter-0 > .col-sm-9,
.row.gutter-0 > .col-xs-1,
.row.gutter-0 > .col-xs-10,
.row.gutter-0 > .col-xs-11,
.row.gutter-0 > .col-xs-12,
.row.gutter-0 > .col-xs-2,
.row.gutter-0 > .col-xs-3,
.row.gutter-0 > .col-xs-4,
.row.gutter-0 > .col-xs-5,
.row.gutter-0 > .col-xs-6,
.row.gutter-0 > .col-xs-7,
.row.gutter-0 > .col-xs-8,
.row.gutter-0 > .col-xs-9 {
    padding-right: 0;
    padding-left: 0;
}

/* row table */

.row-table {
    display: table;
}
.row-table > .col {
    float: none;
    display: table-cell;
}

/* date */

.date:not(.like-title-title),
.categorie {
    font-family: Arial, sans-serif;
    font-size: 14px;
}

/* news */

.news footer {
    margin-top: 30px;
    margin-bottom: 50px;
}
.news-cards {
    margin-top: -5px;
}
.news-cards > .row {
    margin-top: 20px;
    margin-bottom: 20px;
}
.news .date,
.news .categorie a {
    color: #6e9b76;
}
.news img {
    width: 100%;
}
.new .col:nth-child(2) .row:nth-child(2) {
    font-size: 14px;
}
.new .col:nth-child(2) .row:nth-child(4) {
    margin-top: 20px;
}

/* with-background e pattern */

.with-background {
    overflow: hidden;
    position: relative;
}
.with-background > .container {
    position: relative;
    z-index: 2;
}
.with-background .background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.with-background .background .container {
    height: 100%;
}
.with-background .background .row {
    height: 100%;
}
.with-background .background .col {
    height: 100%;
}
.with-background .pattern {
    background-image: url('../../img/pattern-lg.png');
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

/* sections */

.grey-section {
    position: relative;
}
.grey-section::before,
.grey-section::after {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.grey-section::before {
    background-color: #f4f4f4;
}
.grey-section::after {
    background-image: url('../../img/pattern-lg.png');
    background-position: 50% 0;
    background-size: 184px 106px;
    opacity: 0.52;
}
.grey-section + .white-section,
.white-section + .grey-section {
    border-top: 1px solid #dbdbdb;
}
.white-section:last-child {
    border-bottom: 1px solid #dbdbdb;
}
.dark-section {
    color: #fff;
}
.dark-section,
.dark-section .like-title-subtitle,
.dark-section .like-title-footer {
    background-color: #272832;
}
.dark-section .like-title-subtitle-container {
    border-color: #fff;
}
.dark-section .pattern {
    left: 0;
    opacity: .6;
    width: 1000%;
    width: 50vw;
}

/* headings */

.h1 {
    color: #272832;
    font-size: 35px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: -1px;
    line-height: 1em;
    margin-top: 30px;
    margin-bottom: 15px;
}
.h2 {
    color: #585858;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.h3 {
    color: #272832;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: -1px;
    line-height: 1em;
    margin-top: 30px;
    margin-bottom: 10px;
}
.h4 {
    display: block;
    font-size: 30px;
    line-height: 34px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.h5 {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 52px;
    font-weight: bold;
    letter-spacing: -2px;
    line-height: 60px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.h6 {
    color: #272832;
    font-family: 'Montserrat', sans-serif;
    font-size: 65px;
    font-weight: bold;
    letter-spacing: -3px;
    line-height: 1em;
    margin-top: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

/* thumbnails */

.thumbnail {
    border-radius: 0;
    box-shadow: none;
}
.thumbnail,
a.thumbnail:focus,
a.thumbnail:hover {
    border: 3px solid #edecec;
}

/* helpers */

.invert,
.invert legend {
    color: #fff;
}
.bold {
    font-weight: bold;
}
.uppercase {
    text-transform: uppercase;
}
.table {
    display: table;
}
.table-row {
    display: table-row;
}
.table-cell {
    display: table-cell;
}
.montserrat {
    font-family: 'Montserrat', sans-serif;
}

/* exhibitors */

.exhibitors .thumbnail {
    height: 150px;
}
.exhibitors .table-cell {
    text-align: center;
    vertical-align: middle;
}

/* img bg color */

.img-bg-color {
    background-color: #00b09c;
}

/* gradient effect */

.gradient-effect {
    position: relative;
}
.gradient-effect::before {
    background-image: linear-gradient(to bottom, #282832, rgba(40, 40, 50, 0) 66%);
    content: '';
    height: 100%;
    opacity: .4;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

/* carousel */

.carousel-control {
    opacity: 1;     
    width: 65px;
    z-index: 2;
}
.carousel-control:focus,
.carousel-control:hover {
    opacity: 1;
}
.carousel-control.left,
.carousel-control.right {
    background-image: none;
}
.carousel-control .icon {
    margin-top: -50px;
    margin-left: -25px;
    position: absolute;
    top: 50%;
}

/* caption */
.carousel-caption {
    background-color: #282832;
    bottom: 0;
    left: 0;
    padding: 15px 30px 5px;
    right: auto;
    width: 100%;
}
.carousel-caption.text-left {
    text-align: left;
}
a.carousel-caption {
    height: 75px;
    letter-spacing: -1px;
    padding: 19px 20px 20px;
}
a.carousel-caption:focus,
a.carousel-caption:hover {
    text-decoration: none;
    color: #fff;
}
.carousel-caption .h2 {
    color: inherit;
}

/* indicators */
.carousel-indicators {
    bottom: auto;
    display: table;
    left: auto;
    margin-right: auto;
    margin-left: auto;
    position: static;
}
.carousel-indicators li {
    border-color: #000;
    -webkit-transition: background-color 200ms ease;
    -o-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}
.carousel-indicators li,
.carousel-indicators .active {
    height: 16px;
    margin: 2px;
    width: 16px;
}
.carousel-indicators .active {
    background-color: #000;
}

/* tourism downloads */

.tourism-downloads {
    background-color: #843c85;
    font-size: 26px;
    line-height: 34px;
    margin-top: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.tourism-downloads,
.tourism-downloads a {
    color: #fff;
}
.tourism-downloads .pattern {
    background-color: #500b51;
    opacity: .8;
    right: 15px;
    width: 1000%;
    width: 50vw;
}
.tourism-downloads .download-it {
    font-size: 40px;
    letter-spacing: -1px;
}

/* icons */

.icon {
    display: inline-block;
}
.icon-arrow-25 svg {
    height: 50px;
    width: 50px;
}
.icon-arrow-25 polygon {
    fill: #fff;
}
.icon-flip-horizontal {
    transform: scale(-1, 1);
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}