@charset "UTF-8";
/* =======================================================================
/* ########################## VARIABLES SASS  ##########################
======================================================================= */
/*
Y axis : @include HorAndVerCentered(y);
X axis : @include HorAndVerCentered(x);
Both axis : @include HorAndVerCentered;
 */
/*
.element p {
  @include vertical-align;
}
 */
/* Generate and display the image in responsive */
/* Carousel in landscape mode only */
/* Smartphones (Regular size) ----------- */
/* IPads or tablets (portrait and landscape) ----------- */
/* Generic laptop - medium */
/* Desktop Large ----------- */
/* Desktop Xtra Large ----------- */
/*SVG background images with PNG and retina fallback */
/* Retina images */
/*
Usage:

div.logo {
   background: url("logo.png") no-repeat;
   @include image-2x("logo2x.png", 100px, 25px);
 }
 */
/*
Ex:
.button {
   @include button(orange,5px,0.25rem,1px);
}

 */
/* Border Radius */
/*
Example:

.button {
  @include border-radius(5px);
}
.submit-button {
  @include border-top-radius(10px);
  @include border-right-radius(8px);
  @include border-bottom-radius(10px);
  @include border-left-radius (6px);
}
*/
/* Center-align a block level element */
/*
Usage:

.footer-wrap {
  width: 450px;
  @include center-block;
}
*/
/* Hide Text */
/*
Ex:
.logo{
    background: url("logo.png");
    height:100px;
    width:200px;
    @include hide-text;
}
 */
/* Circle */
/*Ex:
.box {
     @include circle(100px);
     background: #fc0;
}
*/
/* Link colors */
/*
Ex:
a{
     @include linkColor(#3cf);
}
 */
/* Animations and keyframes */
/*
Example :

@include keyframes(slide-down) {
  0% { opacity: 1; }
  90% { opacity: 0; }
}

.element {
  width: 100px;
  height: 100px;
  background: black;
  @include animation('slide-down 5s 3');
}
*/
/* Transitions */
/*
Ex:
a {
  color: gray;
  @include transition(color .3s ease);
  &:hover {
    color: black;
  }
}
 */
/* Cross browser opacity */
/*
Usage :
.faded-text {
  @include opacity(0.8);
}
*/
/* Clearfix */
/*
a {
  @include linktransition(border-bottom,0.1s,linear);
}

 */
/* Ex:
.container-with-floated-children {
  @extend clearfix;
}

*/
/* =======================================================================
/* ####################### NORMALIZE.CSS ################################
======================================================================= */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details,
figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

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

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

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

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

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `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;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

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

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 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;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/* =======================================================================
/* ####################### TYPOGRAPHY SASS FILE ##########################
======================================================================= */
.font-level1,
.font-level2,
.font-level3,
.font-level4,
.font-level5,
.font-level6 {
  font-family: "montserrat_regular";
}

.font-level1 {
  font-size: 100px;
  font-size: 6.25rem;
  line-height: 65px;
  line-height: 4.0625rem;
}

.font-level2 {
  font-size: 48px;
  font-size: 3rem;
  line-height: 60px;
  line-height: 3.75rem;
}

.font-level3 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 48px;
  line-height: 3rem;
}

.font-level4 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 36px;
  line-height: 2.25rem;
}

.font-level5 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 28px;
  line-height: 1.75rem;
}

.font-level6 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
  line-height: 1.625rem;
}

.font_regular {
  font-family: "montserrat_regular";
}

.font_bold {
  font-family: "montserrat_bold";
}

.font_hairline {
  font-family: "montserrat_hairline";
}

.font_light {
  font-family: "montserrat_light";
}

@font-face {
  font-family: "montserrat_bold";
  src: url("../css/fonts/Montserrat-Bold-webfont.eot");
  src: url("../css/fonts/Montserrat-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../css/fonts/Montserrat-Bold-webfont.woff2") format("woff2"), url("../css/fonts/Montserrat-Bold-webfont.woff") format("woff"), url("../css/fonts/Montserrat-Bold-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "montserrat_hairline";
  src: url("../css/fonts/Montserrat-Hairline-webfont.eot");
  src: url("../css/fonts/Montserrat-Hairline-webfont.eot?#iefix") format("embedded-opentype"), url("../css/fonts/Montserrat-Hairline-webfont.woff2") format("woff2"), url("../css/fonts/Montserrat-Hairline-webfont.woff") format("woff"), url("../css/fonts/Montserrat-Hairline-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserrat_light";
  src: url("../css/fonts/Montserrat-Light-webfont.eot");
  src: url("../css/fonts/Montserrat-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../css/fonts/Montserrat-Light-webfont.woff2") format("woff2"), url("../css/fonts/Montserrat-Light-webfont.woff") format("woff"), url("../css/fonts/Montserrat-Light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserrat_regular";
  src: url("../css/fonts/Montserrat-Regular-webfont.eot");
  src: url("../css/fonts/Montserrat-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../css/fonts/Montserrat-Regular-webfont.woff2") format("woff2"), url("../css/fonts/Montserrat-Regular-webfont.woff") format("woff"), url("../css/fonts/Montserrat-Regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "social";
  src: url("../css/fonts/social.eot");
  src: url("../css/fonts/social.eot?#iefix") format("embedded-opentype"), url("../css/fonts/social.woff") format("woff"), url("../css/fonts/social.ttf") format("truetype"), url("../css/fonts/social.svg#social") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "social" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "social" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "a";
}

.icon-social-twitter:before {
  content: "b";
}

/*******************************************************/
/* General
/*******************************************************/
h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  margin: 0;
  line-height: 1.25em;
  text-transform: uppercase;
  font-weight: normal;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

a {
  text-decoration: none;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -ms-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
}
a:active, a:focus {
  outline: none;
}

hr {
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 24px 0;
}

img {
  margin: 0;
  max-width: 100%;
}

abbr, acronym {
  cursor: help;
}

address {
  display: block;
  margin: 0 0 12px;
}

hgroup {
  margin-bottom: 12px;
}

del {
  color: rgb(166.25, 166.25, 166.25);
}

cite {
  color: rgb(191.75, 191.75, 191.75);
  font-style: italic;
}
cite:before {
  content: "— ";
}

/* =======================================================================
/* ########################## HELPERS SASS FILE ##########################
======================================================================= */
.overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9 !important;
  background-color: #333;
  cursor: pointer;
  filter: alpha(opacity=70); /* internet explorer */
  -khtml-opacity: 0.7; /* khtml, old safari */
  -moz-opacity: 0.7; /* mozilla, netscape */
  opacity: 0.7; /* fx, safari, opera */
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.isHidden {
  top: -100px;
}

.isHiddenScroll {
  opacity: 0;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.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: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Hide text for icons
 */
.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*
 * Hide/Show visually with animation
 */
/*
 * 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;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

/* text-indent: -9999px; alternative */
.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.full-width {
  width: 100%;
}

/* Image placeholder */
.image-placeholder {
  overflow: hidden;
}
.image-placeholder img {
  max-width: 100%;
}

/* Vertical align */
.cell {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.hack-valign {
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: 100%;
  vertical-align: middle;
}

.arrow_box {
  position: relative;
  background: #fff;
  text-align: center;
  width: 100%;
  height: auto;
  color: #fff;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 30px;
  line-height: 1.875rem;
}
.arrow_box:after, .arrow_box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #fff;
  border-width: 20px;
  margin-left: -20px;
}
.arrow_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #fff;
  border-width: 26px;
  margin-left: -26px;
}

input[type=tel] {
  border: none;
  outline: 0;
}

/*Button*/
.btn {
  background: linear-gradient(top, #600000 5%, rgb(103.95, 12.75, 12.75));
  text-shadow: #600000 0 -1px 0;
  border-radius: 4px;
  padding: 1rem;
  color: white;
}
.btn:hover {
  cursor: pointer;
  background: -webkit-linear-gradient(top, rgb(81.6, 0, 0) 100%, white);
  background: linear-gradient(to bottom, rgb(81.6, 0, 0) 100%, white);
  border-color: rgb(98.4, 40.8, 40.8);
}
.btn {
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 6 + 2.35765% * (6 - 1));
  margin-left: calc((100% - 2.35765% * 11) / 12 * 3 + 2.35765% * 3);
  font-size: 18px;
  font-size: 1.125rem;
  font-family: code_pro_demoregular;
  float: none;
  position: relative;
  bottom: -8rem;
}
.btn:after {
  content: "»";
  float: right;
}

.btn-small {
  background: linear-gradient(top, #600000 5%, rgb(103.95, 12.75, 12.75));
  text-shadow: #600000 0 -1px 0;
  border-radius: 0px;
  padding: 0.3rem;
  color: white;
}
.btn-small:hover {
  cursor: pointer;
  background: -webkit-linear-gradient(top, rgb(81.6, 0, 0) 100%, white);
  background: linear-gradient(to bottom, rgb(81.6, 0, 0) 100%, white);
  border-color: rgb(98.4, 40.8, 40.8);
}
.btn-small {
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 1.2 + 2.35765% * (1.2 - 1));
  margin-left: calc((100% - 2.35765% * 11) / 12 * 5.8 + 2.35765% * 5.8);
  text-align: center;
  float: none;
}
.btn-small:after {
  content: "»";
  float: right;
}

.nopadding {
  padding-bottom: 44.25% !important;
}

.noborderbottom {
  border-top: 2px dotted #e0c0c0 !important;
  border-bottom: inherit !important;
}

.tcenter {
  text-align: center;
  margin: 20px;
}

.tleft {
  text-align: left;
}

.tright {
  text-align: right;
}

/* =======================================================================
/* ##################### MAIN COMMON CSS FILE ##########################
======================================================================= */
.mediaqueries {
  background: #000;
  color: #fff;
  font-weight: bold;
  text-transform: capitalize;
  position: fixed;
  width: 100%;
  z-index: 9999;
  font-size: 16px;
  font-size: 1rem;
  bottom: 0;
  text-align: center;
  display: none;
}

img {
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
}

a {
  color: #808080;
}
a:hover, a:active, a:focus {
  color: #b3b3b3;
}

body {
  background-color: #600000;
}
body .wrapper {
  background-color: #fff;
}
body .wrapper section {
  width: 100%;
  height: 0;
  padding-bottom: 53.25%;
  width: 100%;
  margin-right: 0;
  height: auto;
  padding-bottom: 0;
}
body .wrapper section.intro {
  margin-right: 0;
  position: relative;
  float: none;
}
body .wrapper section.intro img {
  width: 100%;
}
body .wrapper section {
  /* Navigation HP */
}
body .wrapper section.navigation {
  height: 48px;
  padding-bottom: 0;
}
body .wrapper section.internalsections {
  margin-top: 7rem;
  padding-bottom: 7rem;
}
body .wrapper section.internalsections .permaNav {
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
  margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
  padding-bottom: 5rem;
}
body .wrapper section.internalsections .permaNav .centered {
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 8 + 2.35765% * (8 - 1));
  margin-left: calc((100% - 2.35765% * 11) / 12 * 2 + 2.35765% * 2);
  text-align: center;
}
body .wrapper section.internalsections .permaNav .centered .circle {
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 5.5 + 2.35765% * (5.5 - 1));
  margin-left: calc((100% - 2.35765% * 11) / 12 * 0.5 + 2.35765% * 0.5);
}
body .wrapper section.internalsections .permaNav .centered .circle p a {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "montserrat_light";
  color: #808080;
}
body .wrapper section.internalsections .permaNav .centered .circle p.subtitle a {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "montserrat_bold";
  color: #808080;
}
body .wrapper section.internalsections .permaNav .centered .circle a img {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  /*Effect over to go bigger */
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
body .wrapper section.internalsections .permaNav .centered .circle a img:hover {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
body .wrapper section.events p {
  font-size: 14px;
  font-size: 0.875rem;
  color: #808080;
  font-family: "montserrat_light";
}
body .wrapper section.events .header {
  width: 100%;
  background-color: inherit;
  position: relative;
  margin-top: 73px;
  border-top: 1px dotted #e0c0c0;
  border-bottom: 1px dotted #e0c0c0;
  margin-bottom: 2.5rem;
}
body .wrapper section.events .header h1 {
  font-size: 36px;
  font-size: 2.25rem;
  text-align: center;
  color: #600000;
  font-family: "montserrat_bold";
  text-transform: uppercase;
  padding: 1rem;
}
body .wrapper section.events .header p,
body .wrapper section.events .header h2 {
  font-size: 24px;
  font-size: 1.5rem;
  text-align: center;
  color: #808080;
  font-family: "montserrat_bold";
}
body .wrapper section.events .header p {
  font-size: 14px;
  font-size: 0.875rem;
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
  margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
  font-family: "montserrat_light";
  text-align: center;
  float: none;
  padding: 0;
}
body .wrapper section.events .pagination {
  text-align: center;
  float: none;
  clear: both;
  width: 100%;
}
body .wrapper section.events .pagination .center a {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 1rem;
  background-color: #600000;
  color: #fff;
  display: inline-block;
  margin: 1rem;
}
body .wrapper section.events .eventsDiv {
  padding: 4rem 0;
}
body .wrapper section.events .eventsDiv .row {
  clear: both;
  float: left !important;
  width: 100% !important;
}
body .wrapper section.events .eventsDiv .row.onlyOne .circle {
  width: 100%;
}
body .wrapper section.events .eventsDiv .row.onlyTwo .circle {
  width: 50%;
}
body .wrapper section.events .eventsDiv .row.onlyThree .circle {
  width: 33%;
}
body .wrapper section.events .eventsDiv .circle {
  cursor: pointer;
  width: 100%;
  height: 100%;
  min-height: 370px;
}
body .wrapper section.events .eventsDiv .circle a img.ratio {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  margin-bottom: 27px;
  margin-top: 27px;
}
body .wrapper section.events .eventsDiv .circle a img {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  /*Effect over to go bigger */
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
body .wrapper section.events .eventsDiv .circle a img:hover {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
body .wrapper section.events .eventsDiv .circle a img.blackNwhite {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
body .wrapper section.events .eventsDiv .circle p {
  text-align: center;
}
body .wrapper section.events .eventsDiv .circle p.title a {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "montserrat_light";
  color: #808080;
}
body .wrapper section.events .eventsDiv .circle p.subtitle a {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "montserrat_bold";
  color: #808080;
}
body .wrapper section.events .eventsDiv .circle p.date a {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "montserrat_light";
  color: #808080;
}
body .wrapper section.events .eventsDiv .endEvents {
  border: 1px solid;
  padding: 1rem;
  width: 33%;
  margin: auto;
  clear: both;
  font-family: "montserrat_light";
  color: #808080;
  text-align: center;
  display: none;
  margin: 2rem auto;
  background: linear-gradient(top, #600101 5%, rgb(103.95, 13.7, 13.7));
  text-shadow: #600101 0 -1px 0;
  border-radius: 5px;
  padding: 1rem;
  color: white;
}
body .wrapper section.events .eventsDiv .endEvents:hover {
  cursor: pointer;
  background: -webkit-linear-gradient(top, rgb(81.6, 0.85, 0.85) 100%, white);
  background: linear-gradient(to bottom, rgb(81.6, 0.85, 0.85) 100%, white);
  border-color: rgb(98.4, 41.4, 41.4);
}
body .wrapper section.events .eventsDiv .endEvents {
  font-size: 14px;
  font-size: 0.875rem;
}
body .wrapper section.events {
  /* Evento.php*/
}
body .wrapper section.events .container {
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
  margin-right: 0;
}
body .wrapper section.events .container .heading {
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
  margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
  background-color: inherit;
  position: relative;
  top: 1rem;
  padding: 1rem;
  border-top: 2px dotted #e0c0c0;
}
body .wrapper section.events .container .heading h1,
body .wrapper section.events .container .heading h2 {
  text-align: center;
  color: #600000;
  font-family: "montserrat_bold";
  padding: 1rem 0 0 0;
}
body .wrapper section.events .container .heading h2 {
  color: #808080;
}
body .wrapper section.events .container .header {
  font-size: 18px;
  font-size: 1.125rem;
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
  margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
  margin-right: 0;
  text-align: center;
  color: #600000;
  font-family: "montserrat_bold";
  text-transform: uppercase;
  margin-bottom: 5rem;
  border-top: 2px dotted #e0c0c0;
  border-bottom: 2px dotted #e0c0c0;
}
body .wrapper section.events .container .left,
body .wrapper section.events .container .middle,
body .wrapper section.events .container .right {
  font-family: "montserrat_light";
  font-size: 14px;
  font-size: 0.875rem;
  color: #808080;
}
body .wrapper section.events .container .left h3,
body .wrapper section.events .container .middle h3,
body .wrapper section.events .container .right h3 {
  font-family: "montserrat_hairline";
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: none;
}
body .wrapper section.events .container .left p,
body .wrapper section.events .container .middle p,
body .wrapper section.events .container .right p {
  line-height: 24px;
  line-height: 1.5rem;
  border-bottom: 1px solid #d8d8d9;
}
body .wrapper section.events .container .left {
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 2.5 + 2.35765% * (2.5 - 1));
  margin-left: calc((100% - 2.35765% * 11) / 12 * 0.25 + 2.35765% * 0.25);
}
body .wrapper section.events .container .middle {
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 6 + 2.35765% * (6 - 1));
  margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
  padding: 0 0 2rem 0;
}
body .wrapper section.events .container .middle p {
  border-bottom: inherit;
}
body .wrapper section.events .container .middle.nocolumns {
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 6 + 2.35765% * (6 - 1));
  margin-left: calc((100% - 2.35765% * 11) / 12 * 3 + 2.35765% * 3);
}
body .wrapper section.events .container .middle.nocolumns address p {
  text-align: center;
}
body .wrapper section.events .container .right {
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 2.5 + 2.35765% * (2.5 - 1));
  margin-left: calc((100% - 2.35765% * 11) / 12 * 0.25 + 2.35765% * 0.25);
}
body .wrapper section.twoImages {
  width: 100%;
  margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
  margin-right: 0;
  display: block;
  padding-bottom: 2rem;
}
body .wrapper section.twoImages .img {
  width: 50%;
  float: left;
}
body .wrapper section.twoImages .middle {
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 6 + 2.35765% * (6 - 1));
  margin-left: calc((100% - 2.35765% * 11) / 12 * 3 + 2.35765% * 3);
  margin-right: 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "montserrat_light";
  color: #808080;
}
body .wrapper section.twoImages .middle .header {
  font-size: 18px;
  font-size: 1.125rem;
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
  margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
  margin-right: 0;
  text-align: center;
  color: #600000;
  font-family: "montserrat_bold";
  text-transform: uppercase;
  border-top: 2px dotted #e0c0c0;
  border-bottom: 2px dotted #e0c0c0;
  padding: 0.5rem;
  margin: 1.5rem 0;
}
body .wrapper section.twoImages .middle .link-socialmedia {
  width: 100%;
  margin-top: 2rem;
}
body .wrapper section.twoImages .middle .link-socialmedia ul {
  float: left;
}
body .wrapper section.twoImages .middle .link-socialmedia ul li {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: #ffffff;
  padding: 0.8rem 0.5rem;
  background-color: #600000;
}
body .wrapper section.twoImages .middle .link-socialmedia ul li.icon span,
body .wrapper section.twoImages .middle .link-socialmedia ul li.icon div,
body .wrapper section.twoImages .middle .link-socialmedia ul li.icon p,
body .wrapper section.twoImages .middle .link-socialmedia ul li.icon strong {
  text-indent: inherit;
}
body .wrapper section.twoImages .middle .link-socialmedia ul li.icon span a,
body .wrapper section.twoImages .middle .link-socialmedia ul li.icon div a,
body .wrapper section.twoImages .middle .link-socialmedia ul li.icon p a,
body .wrapper section.twoImages .middle .link-socialmedia ul li.icon strong a {
  color: #808080;
  line-height: 133px;
  line-height: 8.3125rem;
  text-indent: -5px;
}
body .wrapper section.threeImages {
  width: 100%;
  padding-bottom: 0;
}
body .wrapper section.threeImages .img {
  width: 25%;
  float: left;
}
body .wrapper section.threeImages .imgmiddle {
  width: 50%;
  float: left;
}
body .wrapper section.threeImages .middle {
  margin-right: 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "montserrat_light";
  color: #808080;
  padding: 3rem 0;
}
body .wrapper section.threeImages .middle .header {
  font-size: 18px;
  font-size: 1.125rem;
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
  margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
  margin-right: 0;
  text-align: center;
  color: #600000;
  font-family: "montserrat_bold";
  text-transform: uppercase;
  border-top: 2px dotted #e0c0c0;
  border-bottom: 2px dotted #e0c0c0;
  padding: 0.5rem;
  margin: 1.5rem 0;
}
body .wrapper section.gohome {
  padding-bottom: 7rem;
}
body .wrapper section.gohome p {
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
  font-family: "montserrat_light";
  color: #b2b2b2;
  padding-bottom: 1rem;
}
body .wrapper section.gohome img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 20%;
}
body .wrapper footer {
  padding: 1.5rem 6rem;
  background-color: #600000;
  overflow: hidden;
}
body .wrapper footer span,
body .wrapper footer p,
body .wrapper footer a {
  text-align: center;
  color: #fff;
  padding-right: 2rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "montserrat_light";
  display: inline;
}
body .wrapper footer span .strong,
body .wrapper footer p .strong,
body .wrapper footer a .strong {
  font-weight: bolder;
  padding-right: 0.2rem;
}
body .wrapper footer span:last-child,
body .wrapper footer p:last-child,
body .wrapper footer a:last-child {
  padding-right: 0;
}
body .wrapper footer .link-socialmedia ul {
  margin-right: 0;
  display: table;
}
body .wrapper footer .link-socialmedia ul li {
  margin-left: auto;
  margin-right: auto !important;
  width: 15%;
  float: none;
  display: table-cell;
  vertical-align: middle;
}
body .wrapper footer .link-socialmedia ul li.icon:before {
  display: block;
  text-align: center;
  margin-top: 3rem;
}
body .wrapper footer .link-socialmedia ul li.icon span a {
  width: 100%;
  display: block;
  float: none;
  height: 100%;
}
body .wrapper footer {
  /* Footer toobar */
}
body .wrapper footer .toolbar {
  float: left;
  min-height: 50px;
  width: 100%;
}
body .wrapper footer .toolbar ul li {
  list-style-type: none;
}
body .wrapper footer .toolbar ul li a {
  text-align: center;
}

#map-canvas {
  height: 100%;
  margin: 0px;
  padding: 0px;
  min-height: 400px;
}
#map-canvas img {
  max-width: none;
}

.link-socialmedia {
  height: 48px;
  position: relative;
  bottom: 1.5rem;
  width: 100%;
}
.link-socialmedia ul {
  margin-right: 0;
}
.link-socialmedia ul li {
  list-style-type: none;
  position: relative;
  float: none;
  height: 48px;
  margin-left: auto;
  margin-right: auto;
  color: white;
}
.link-socialmedia ul li span a {
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 6 + 2.35765% * (6 - 1));
}
.link-socialmedia .icon span,
.link-socialmedia .icon p {
  overflow: hidden;
  text-indent: -9000px;
  display: block;
}
.link-socialmedia .icon span a,
.link-socialmedia .icon p a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 48px;
  height: 48px;
  color: white;
}
.link-socialmedia .icon:before {
  line-height: 24px;
  font-size: 30px;
}

img[src^="https://maps.gstatic.com/mapfiles/api-3/images/google4.png"] {
  display: none !important;
}

.gmnoprint a,
.gmnoprint span {
  display: none;
}

.gmnoprint div {
  background: none !important;
}

button[name=submitbtn] {
  display: none;
}

.calendarIcon {
  display: none;
}

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

span.title,
span.subtitle,
span.date {
  display: block;
  text-align: center;
}

/* =======================================================================
/* ##################### END COMMON CSS FILE ##########################
======================================================================= */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
  padding-bottom: 0;
  width: 100%;
  height: auto;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-fles-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 240px) and (max-width: 767px) and (orientation: portrait) {
  .swiper-button-prev,
  .swiper-button-next {
    top: 58%;
  }
}
@media (min-width: 240px) and (max-width: 767px) and (orientation: landscape) {
  .swiper-button-prev,
  .swiper-button-next {
    top: 65%;
  }
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: left;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
  width: 70%;
  bottom: 1rem;
  left: 4rem;
}
@media (min-width: 1921px) {
  .swiper-pagination {
    bottom: 8.75rem;
    left: 0;
  }
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
  margin: 0rem 0.2rem;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #600000;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination {
  bottom: 0.1rem;
  max-width: 47.7%;
  left: 3rem;
  background-color: #fff;
}
@media (min-width: 240px) and (max-width: 767px) and (orientation: portrait) {
  .swiper-container-horizontal > .swiper-pagination {
    bottom: 6rem;
    left: 5.5rem;
  }
}
@media (min-width: 240px) and (max-width: 767px) and (orientation: landscape) {
  .swiper-container-horizontal > .swiper-pagination {
    left: 9.5rem;
  }
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active {
  pointer-events: auto;
}

/* Cube */
.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
  z-index: 0;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* Smartphones (Regular size) ----------- */
@media screen and (min-width: 240px) and (max-width: 6000px) {
  /* Carousel */
  .swiper-container {
    height: 100%;
  }
  .swiper-container .swiper-wrapper {
    height: 100%;
  }
  .swiper-container .swiper-wrapper .swiper-slide {
    height: 100%;
  }
  .swiper-container .swiper-wrapper .swiper-slide img {
    height: 100%;
  }
  .swiper-container .sliderDescContainer {
    position: absolute;
    z-index: 102;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    height: 98.49%;
    width: 100%;
    padding: 0 0.5em;
  }
  .swiper-container .sliderDescContainer .wrapperDesc {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
  }
  .swiper-container .sliderDescContainer .wrapperDesc .logobig {
    max-width: 318px;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 240px) and (max-width: 6000px) and (min-width: 768px) and (max-width: 1280px) and (orientation: portrait) {
  .swiper-container .sliderDescContainer .wrapperDesc .logobig {
    margin: inherit;
  }
}
@media screen and (min-width: 240px) and (max-width: 6000px) and (min-width: 1921px) {
  .swiper-container .sliderDescContainer .wrapperDesc .logobig {
    max-width: 360px;
  }
}
@media screen and (min-width: 240px) and (max-width: 6000px) {
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] {
    z-index: 102;
    position: relative;
    bottom: -35px;
    width: 99%;
    min-height: 590px;
    display: none;
  }
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 5rem;
  }
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .title,
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] a {
    font-size: 24px;
    font-size: 1.5rem;
    font-family: "montserrat_bold";
    color: #600000;
    text-align: left;
  }
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .subtitle,
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .date,
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .fulldesc {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px;
    line-height: 1.125rem;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    margin: 0 auto;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "montserrat_light";
    color: #bfbfbf;
    text-align: left;
    width: 100%;
    margin-left: 0;
    max-height: 230px;
  }
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .date {
    padding: 2rem 0;
  }
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .swiper-pagination {
    bottom: 14rem;
    left: 0;
  }
}
@media screen and (min-width: 240px) and (max-width: 6000px) and (min-width: 240px) and (max-width: 767px) and (orientation: landscape) {
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .date {
    padding: 0;
  }
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .fulldesc {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px;
    line-height: 1.125rem;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    margin: 0 auto;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .swiper-pagination {
    bottom: 26rem;
    width: 100%;
  }
}
@media screen and (min-width: 240px) and (max-width: 6000px) and (min-width: 768px) and (max-width: 1280px) and (orientation: portrait) {
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .fulldesc {
    line-height: 18px;
    line-height: 1.125rem;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    margin: 0 auto;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 290px;
  }
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .swiper-pagination {
    bottom: 0rem;
    width: 100%;
  }
}
@media screen and (min-width: 240px) and (max-width: 6000px) and (min-width: 800px) and (max-width: 1280px) {
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .fulldesc {
    max-height: 235px;
  }
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .swiper-pagination {
    max-height: 120px;
  }
}
@media screen and (min-width: 240px) and (max-width: 6000px) and (min-width: 1281px) and (max-width: 6048px) {
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .fulldesc {
    max-height: 170px;
  }
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .swiper-pagination {
    bottom: 16rem;
    max-height: 100px;
  }
}
@media screen and (min-width: 240px) and (max-width: 6000px) and (min-width: 1921px) {
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .fulldesc {
    max-height: 255px;
  }
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] .swiper-pagination {
    bottom: 10rem;
    max-height: 100px;
  }
}
@media screen and (min-width: 240px) and (max-width: 6000px) and (min-width: 240px) and (max-width: 767px) and (orientation: landscape) {
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] {
    bottom: -20px;
  }
}
@media screen and (min-width: 240px) and (max-width: 6000px) and (min-width: 768px) and (max-width: 1280px) and (orientation: portrait) {
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-] {
    bottom: -92px;
    min-height: 445px;
  }
}
@media screen and (min-width: 240px) and (max-width: 6000px) {
  .swiper-container .sliderDescContainer .wrapperDesc [class^=imageDesc-0] {
    display: block;
  }
}
@media screen and (min-width: 240px) and (max-width: 6000px) and (min-width: 240px) and (max-width: 767px) and (orientation: landscape) {
  .swiper-container .sliderDescContainer {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
  }
}
@media screen and (min-width: 240px) and (max-width: 6000px) and (min-width: 768px) and (max-width: 1280px) and (orientation: landscape) {
  .swiper-container .sliderDescContainer {
    padding: 150px 4rem;
  }
}
@media screen and (min-width: 240px) and (max-width: 6000px) {
  .swiper-container .swiper-button-white {
    display: none;
  }
}
body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
  -webkit-backface-visibility: hidden;
}

.tvisible {
  opacity: 1;
}

/*
==============================================
Navigation menu
==============================================
*/
.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

.navigationAnim {
  animation: animationFrames ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/
  -moz-animation: animationFrames ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards; /*FF 5+*/
  -o-animation: animationFrames ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards; /*IE 10+*/
  z-index: 103 !important;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }
  80% {
    -o-transform: translateY(10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes animationFrames {
  0% {
    opacity: 0;
    transform: translate(0px, -25px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes animationFrames {
  0% {
    opacity: 0;
    -moz-transform: translate(0px, -25px);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0px, 0px);
  }
}
@-webkit-keyframes animationFrames {
  0% {
    opacity: 0;
    -webkit-transform: translate(0px, -25px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
  }
}
@-o-keyframes animationFrames {
  0% {
    opacity: 0;
    -o-transform: translate(0px, -25px);
  }
  100% {
    opacity: 1;
    -o-transform: translate(0px, 0px);
  }
}
@-ms-keyframes animationFrames {
  0% {
    opacity: 0;
    -ms-transform: translate(0px, -25px);
  }
  100% {
    opacity: 1;
    -ms-transform: translate(0px, 0px);
  }
}
/*
==============================================
pullUp
==============================================
*/
.pullUp {
  animation-name: pullUp;
  -webkit-animation-name: pullUp;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
}

@keyframes pullUp {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
/*
==============================================
slideUp
==============================================
*/
.slideUp {
  animation-name: slideUp;
  -webkit-animation-name: slideUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}

@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(-8%);
  }
  65% {
    transform: translateY(4%);
  }
  80% {
    transform: translateY(-4%);
  }
  95% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
  }
  50% {
    -webkit-transform: translateY(-8%);
  }
  65% {
    -webkit-transform: translateY(4%);
  }
  80% {
    -webkit-transform: translateY(-4%);
  }
  95% {
    -webkit-transform: translateY(2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
/* Efecto para gran imagen en portada */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fader {
  -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
}

.fader {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}

.efectoFadeCarousel {
  -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}

.efectoFadeCarousel {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

.fadeImgDesc {
  -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
}

.fadeImgDesc {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

/* COMMON NAV */
body .wrapper header {
  width: 100%;
  box-sizing: border-box;
  background-color: #600000;
  height: 48px;
}
body .wrapper header .logo {
  float: left;
  padding: 0.5rem 0;
  height: 0;
}
body .wrapper header button {
  display: none;
}
body .wrapper header nav {
  position: relative;
  float: right;
  background-color: #600000;
}
body .wrapper header nav ul {
  position: relative;
  z-index: 999;
}
body .wrapper header nav ul li {
  background-color: #600000;
  width: auto;
  list-style-type: none;
  float: left;
  font-family: "montserrat_bold";
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 48px;
  line-height: 3rem;
  padding: 0 1.5rem;
}
body .wrapper header nav ul li a {
  color: #fff;
  display: block;
}

/*HP -> Desktop*/
body .wrapper header.hp button {
  outline: 0;
  display: none;
  margin-left: auto;
  margin-right: auto;
  float: none;
  padding-top: 1rem;
}
body .wrapper header.hp .logo {
  box-sizing: border-box;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: calc((100% - 2.35765% * 11) / 12 * 4 + 2.35765% * (4 - 1));
  margin: 0.5rem;
  padding: 0 1rem;
  height: 0;
  display: none;
}
body .wrapper header.hp .logo a img {
  display: none;
}

/* Mobile navigation button*/
/* =========== General button styles & variables ======================================= */
button {
  display: inline-block;
  margin: 0 1em;
  border: none;
  background: none;
}
button span {
  display: block;
}

/* ==================================== grid button ==================================== */
.grid-button {
  padding: 2rem;
  cursor: pointer;
  user-select: none;
}

.grid-button .grid {
  width: 1rem;
  height: 1rem;
  background: #ecf0f1;
  color: #ecf0f1; /* Not in use when the colors are specified below */
  transition: 0.3s;
}

.grid-button.close .grid {
  -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);
  transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);
}

.grid-button.rearrange .grid {
  box-shadow: -1.25rem -1.25rem, 0 0 -1.25rem, 1.25rem -1.25rem, -1.25rem 0, 1.25rem 0, -1.25rem 1.25rem, 0 1.25rem, 1.25rem 1.25rem;
}

.grid-button.rearrange.close .grid {
  box-shadow: 0 -1rem, 0 -2rem, 1rem 0, -2rem 0, 2rem 0, -1rem 0, 0 2rem, 0 1rem;
}

.grid-button.collapse .grid {
  box-shadow: -1.25rem 0, -1.25rem 1.25rem, 1.25rem 0, 1.25rem -1.25rem, 0 0 -1.25rem, -1.25rem -1.25rem, 0 1.25rem, 1.25rem 1.25rem;
}

.grid-button.collapse.close .grid {
  box-shadow: -1rem 0, 0 0 transparent, 1rem 0, 0 0 transparent, 0 -1rem, 0 0 transparent, 0 1rem, 0 0 transparent;
}

/* ====================== lines button ==================================================*/
.lines-button {
  transition: 0.3s;
  cursor: pointer;
  user-select: none;
  border-radius: 0.2142857143rem;
}
.lines-button:hover {
  opacity: 1;
}
.lines-button:active {
  transition: 0;
}

.lines {
  display: inline-block;
  width: 1.5rem;
  height: 0.2142857143rem;
  background: #ecf0f1;
  border-radius: 0.1071428571rem;
  transition: 0.3s;
  position: relative;
}
.lines:before, .lines:after {
  display: inline-block;
  width: 1.5rem;
  height: 0.2142857143rem;
  background: #ecf0f1;
  border-radius: 0.1071428571rem;
  transition: 0.3s;
  position: absolute;
  left: 0;
  content: "";
  -webkit-transform-origin: 0.1071428571rem center;
  transform-origin: 0.1071428571rem center;
}
.lines:before {
  top: 0.375rem;
}
.lines:after {
  top: -0.375rem;
}

.lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after {
  top: 0;
  width: 0.8333333333rem;
}
.lines-button.arrow.close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg);
}
.lines-button.arrow.close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg);
}

.lines-button.arrow-up.close {
  -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
  transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
}

.lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after {
  -webkit-transform: none;
  transform: none;
  top: 0;
  width: 1.5rem;
}

.lines-button.x.close .lines {
  background: transparent;
}
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 1.5rem;
}
.lines-button.x.close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

.lines-button.x2 .lines {
  transition: background 0.3s 0.5s ease;
}
.lines-button.x2 .lines:before, .lines-button.x2 .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease;
  transition: top 0.3s 0.6s ease, transform 0.3s ease;
}

.lines-button.x2.close .lines {
  transition: background 0.3s 0s ease;
  background: transparent;
}
.lines-button.x2.close .lines:before, .lines-button.x2.close .lines:after {
  transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease;
  transition: top 0.3s ease, transform 0.3s 0.5s ease;
  top: 0;
  width: 1.5rem;
}
.lines-button.x2.close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x2.close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

/* =======================================================================
/* ##################### START MEDIAQUERIES ##########################
======================================================================= */
/* Smartphones (Very small from 240 & up to 320 px) ----------- */
@media screen and (min-width: 240px) and (max-width: 320px) {
  /* =======================================================================
  /* ########################## VERY SMALL PHONE less than 320px ############
  ======================================================================= */
  .mediaqueries:after {
    content: "Mobile: (min-width : 240px) and (max-width : 320px)";
    background: blue;
  }
}
/* Smartphones (Regular size) before was until 767px ----------- */
@media screen and (min-width: 240px) and (max-width: 1920px) {
  /* =======================================================================
  /* ##################### PHONES & PHABLETS ###############################
  ======================================================================= */
  .mediaqueries:after {
    content: "MOBILE: min-width : 240px and max-width : 767px";
    background: green;
  }
  body .wrapper header .logo {
    width: 100%;
    margin: 0;
  }
  body .wrapper header .logo img {
    width: 240px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  body .wrapper header button {
    padding-bottom: 0.8rem;
    outline: 0;
    position: relative;
    top: 20%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    float: right;
    margin: 0;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) and (min-width: 240px) and (max-width: 767px) and (orientation: landscape) {
  body .wrapper header button {
    top: 1.1rem;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) {
  body .wrapper header.hp nav {
    display: none;
    float: left;
    width: 100%;
  }
  body .wrapper header.hp nav ul {
    float: none;
  }
  body .wrapper header.hp nav ul li {
    display: block;
    width: 100%;
    text-align: center;
    padding: 1rem 0;
  }
  body .wrapper header.hp button {
    display: block;
    top: 40%;
  }
  body .wrapper section.events .header {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
    width: 100%;
    top: 0;
    margin: 1rem 0;
    height: 8.75rem;
    border-top: 2px dotted #e0c0c0;
    border-bottom: 2px dotted #e0c0c0;
  }
  body .wrapper section.events .header h1 {
    font-size: 22px;
    font-size: 1.375rem;
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
    float: none;
  }
  body .wrapper section.events .header #allevents {
    padding: 1.5rem 0 0;
  }
  body .wrapper section.events p {
    width: 100%;
    line-height: 24px;
    line-height: 1.5rem;
  }
  body .wrapper section.events .eventsDiv {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
    padding: 1rem 0 2rem 0;
  }
  body .wrapper section.events .eventsDiv .row {
    width: 100%;
  }
  body .wrapper section.events .eventsDiv .row.onlyOne .circle {
    width: 100%;
  }
  body .wrapper section.events {
    /* Evento.php */
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) and (min-width: 240px) and (max-width: 767px) and (orientation: portrait) {
  body .wrapper section.events .eventsDiv .row.onlyTwo .circle {
    width: 100%;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) and (min-width: 240px) and (max-width: 767px) and (orientation: landscape) {
  body .wrapper section.events .eventsDiv .row.onlyTwo .circle {
    width: 100%;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) and (min-width: 768px) and (max-width: 1280px) {
  body .wrapper section.events .eventsDiv .row.onlyTwo .circle {
    width: 50%;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) and (min-width: 240px) and (max-width: 767px) and (orientation: portrait) {
  body .wrapper section.events .eventsDiv .row.onlyThree .circle {
    width: 100%;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) and (min-width: 240px) and (max-width: 767px) and (orientation: landscape) {
  body .wrapper section.events .eventsDiv .row.onlyThree .circle {
    width: 100%;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) and (min-width: 768px) and (max-width: 1280px) {
  body .wrapper section.events .eventsDiv .row.onlyThree .circle {
    width: 50%;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) {
  body .wrapper section.events .eventsDiv .middle {
    float: left;
    width: 100%;
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
  }
  body .wrapper section.events .eventsDiv .middle .more {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.25rem;
    line-height: 3.75rem;
    background-color: #600000;
    text-align: center;
  }
  body .wrapper section.events .eventsDiv .middle .more a {
    color: #fff;
    line-height: 53px;
    display: block;
  }
  body .wrapper section.events .eventsDiv .circle {
    padding: 0 0 2rem;
  }
  body .wrapper section.events .eventsDiv .circle a img.ratio {
    width: 180px;
    height: 180px;
    border-radius: 50%;
  }
  body .wrapper section.events .eventsDiv .permaNav {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
  }
  body .wrapper section.events .eventsDiv .permaNav .centered {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
    text-align: center;
  }
  body .wrapper section.events .eventsDiv .permaNav .centered .circle {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
    margin-bottom: 2rem;
  }
  body .wrapper section.events .container .heading {
    top: 0;
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 11.5 + 2.35765% * (11.5 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 0.25 + 2.35765% * 0.25);
  }
  body .wrapper section.events .container .heading h1,
  body .wrapper section.events .container .heading h2 {
    font-size: 24px;
    font-size: 1.5rem;
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
    float: none;
    display: block;
    text-align: center;
    color: #600000;
    font-family: "montserrat_bold";
  }
  body .wrapper section.events .container .heading h2 {
    color: #808080;
  }
  body .wrapper section.events .container .header {
    font-size: 18px;
    font-size: 1.125rem;
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
    margin-right: 0;
    text-align: center;
    color: #600000;
    border-top: 2px dotted #e0c0c0;
    border-bottom: 2px dotted #e0c0c0;
    font-family: "montserrat_bold";
    text-transform: uppercase;
    margin-bottom: 1.5rem;
  }
  body .wrapper section.events .container .header h1 {
    border-bottom: 2px dotted #e0c0c0;
  }
  body .wrapper section.events .container .left,
  body .wrapper section.events .container .middle,
  body .wrapper section.events .container .right {
    font-family: "montserrat_light";
    font-size: 14px;
    font-size: 0.875rem;
    color: #808080;
  }
  body .wrapper section.events .container .left h3,
  body .wrapper section.events .container .middle h3,
  body .wrapper section.events .container .right h3 {
    font-family: "montserrat_hairline";
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: none;
  }
  body .wrapper section.events .container .left p,
  body .wrapper section.events .container .middle p,
  body .wrapper section.events .container .right p {
    line-height: 24px;
    line-height: 1.5rem;
    border-bottom: none;
    text-align: center;
  }
  body .wrapper section.events .container .left p:last-child,
  body .wrapper section.events .container .middle p:last-child,
  body .wrapper section.events .container .right p:last-child {
    border-bottom: none;
  }
  body .wrapper section.events .container .left {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
    margin: 0;
  }
  body .wrapper section.events .container .middle {
    padding: 0 0 2rem 0;
  }
  body .wrapper section.events .container .middle p {
    border-bottom: inherit;
    text-align: left;
  }
  body .wrapper section.events .container .middle.nocolumns {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
  }
  body .wrapper section.events .container .right {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 11.5 + 2.35765% * (11.5 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 0.25 + 2.35765% * 0.25);
  }
  body .wrapper section.internalsections {
    margin-top: 2rem;
  }
  body .wrapper section.internalsections .permaNav {
    padding-bottom: 0;
  }
  body .wrapper section.internalsections .permaNav .centered {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
  }
  body .wrapper section.internalsections .permaNav .centered .circle {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
    padding-bottom: 3rem;
  }
  body .wrapper section.internalsections .permaNav .centered .circle p {
    padding-top: 1rem;
  }
  body .wrapper section.internalsections .permaNav .centered .circle p.subtitle {
    padding-top: 0;
  }
  body .wrapper section.internalsections .permaNav .centered .circle a img.ratio {
    width: 180px;
    height: 180px;
    border-radius: 50%;
  }
  body .wrapper section.twoImages .middle {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
  }
  body .wrapper section.twoImages .middle .link-socialmedia ul {
    width: 100%;
    margin: 0;
  }
  body .wrapper section.twoImages .middle .link-socialmedia ul li.icon span,
  body .wrapper section.twoImages .middle .link-socialmedia ul li.icon p {
    font-size: 11px;
    font-size: 0.6875rem;
  }
  body .wrapper section.threeImages .middle {
    width: 100%;
    margin-left: 0;
    padding: 0.5rem;
  }
  body .wrapper section.gohome img {
    max-width: 75%;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) and (min-width: 240px) and (max-width: 767px) and (orientation: landscape) {
  body .wrapper section.gohome {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 5 + 2.35765% * (5 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 3.5 + 2.35765% * 3.5);
    float: none;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) {
  body .wrapper footer .link-socialmedia ul {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 8 + 2.35765% * (8 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 2 + 2.35765% * 2);
    display: table;
  }
  body .wrapper footer .link-socialmedia ul li {
    margin-left: auto;
    margin-right: auto !important;
    width: 15%;
    float: none;
    display: table-cell;
    vertical-align: middle;
  }
  body .wrapper footer .link-socialmedia ul li.icon:before {
    display: block;
    text-align: center;
    margin-top: 2rem;
  }
  body .wrapper footer {
    padding: 1.5rem 1rem;
  }
  body .wrapper footer p,
  body .wrapper footer span,
  body .wrapper footer a {
    padding-right: 0;
    display: block;
    line-height: 30px;
    line-height: 1.875rem;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) {
  /* ######################## */
  /* ## Eventos + contacto ## */
  /* ######################## */
  body.evento .wrapper,
  body.villapilar .wrapper,
  body.contacto .wrapper {
    margin-right: 0;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) and (min-width: 240px) and (max-width: 767px) and (orientation: landscape) {
  body.evento .wrapper header .logo,
  body.villapilar .wrapper header .logo,
  body.contacto .wrapper header .logo {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 5 + 2.35765% * (5 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 3.5 + 2.35765% * 3.5);
  }
  body.evento .wrapper header button,
  body.villapilar .wrapper header button,
  body.contacto .wrapper header button {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) {
  body.evento .wrapper header nav,
  body.villapilar .wrapper header nav,
  body.contacto .wrapper header nav {
    float: left;
    width: 100%;
    display: none;
  }
  body.evento .wrapper header nav ul li,
  body.villapilar .wrapper header nav ul li,
  body.contacto .wrapper header nav ul li {
    display: block;
    width: 100%;
    text-align: center;
    padding: 1rem 0;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) and (min-width: 240px) and (max-width: 767px) and (orientation: landscape) {
  body.evento .wrapper header nav,
  body.villapilar .wrapper header nav,
  body.contacto .wrapper header nav {
    top: 24px;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) {
  body.evento .wrapper section,
  body.villapilar .wrapper section,
  body.contacto .wrapper section {
    padding-bottom: 40px;
  }
  body.evento .wrapper section.intro .efectoFadeCarousel,
  body.villapilar .wrapper section.intro .efectoFadeCarousel,
  body.contacto .wrapper section.intro .efectoFadeCarousel {
    height: 100%;
  }
  body.evento .wrapper section.events .container .heading,
  body.villapilar .wrapper section.events .container .heading,
  body.contacto .wrapper section.events .container .heading {
    padding: 0;
  }
  body.evento .wrapper section.events .container .heading h1,
  body.villapilar .wrapper section.events .container .heading h1,
  body.contacto .wrapper section.events .container .heading h1 {
    font-size: 24px;
    font-size: 1.5rem;
  }
  body.evento .wrapper section.events .container .heading h2,
  body.villapilar .wrapper section.events .container .heading h2,
  body.contacto .wrapper section.events .container .heading h2 {
    font-size: 16px;
    font-size: 1rem;
  }
  body.evento .wrapper section.events .container .header,
  body.villapilar .wrapper section.events .container .header,
  body.contacto .wrapper section.events .container .header {
    height: inherit;
    padding: 0;
  }
  body.evento .wrapper section.events .container p,
  body.evento .wrapper section.events .container h3,
  body.villapilar .wrapper section.events .container p,
  body.villapilar .wrapper section.events .container h3,
  body.contacto .wrapper section.events .container p,
  body.contacto .wrapper section.events .container h3 {
    text-align: left;
    padding: 0;
    margin-left: 0;
  }
  body.evento .wrapper section.events .container hr,
  body.villapilar .wrapper section.events .container hr,
  body.contacto .wrapper section.events .container hr {
    float: left;
    display: block;
    width: 100%;
    margin: 0.5rem 0;
  }
  body.evento .wrapper section.events .container .left,
  body.evento .wrapper section.events .container .right,
  body.evento .wrapper section.events .container .middle,
  body.villapilar .wrapper section.events .container .left,
  body.villapilar .wrapper section.events .container .right,
  body.villapilar .wrapper section.events .container .middle,
  body.contacto .wrapper section.events .container .left,
  body.contacto .wrapper section.events .container .right,
  body.contacto .wrapper section.events .container .middle {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 12 + 2.35765% * (12 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 0 + 2.35765% * 0);
    line-height: 1.5rem;
  }
  body.evento .wrapper section.gohome,
  body.villapilar .wrapper section.gohome,
  body.contacto .wrapper section.gohome {
    padding: 20px 0 100px 0;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) and (min-width: 240px) and (max-width: 767px) and (orientation: landscape) {
  body.evento .wrapper section.gohome img,
  body.villapilar .wrapper section.gohome img,
  body.contacto .wrapper section.gohome img {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 10.25 + 2.35765% * (10.25 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 1.5 + 2.35765% * 1.5);
    margin-right: 0;
    float: none;
  }
}
@media screen and (min-width: 240px) and (max-width: 1920px) {
  .ratio2 {
    max-width: 100%;
  }
  .ratio2:before {
    content: "";
    display: block;
    width: 100%;
  }
  body.contacto.fader div.wrapper section.events.animated.bounceInUp div.container div.middle.nosidecols.tcenter address.vcard div.adr p {
    text-align: center;
  }
}
/* IPads or tablets (portrait and landscape) ----------- */
@media screen and (min-width: 768px) and (max-width: 1280px) {
  /* =======================================================================
  /* ##################### TABLETS MEDIAQUERY ##########################
  ======================================================================= */
  .mediaqueries:after {
    content: "TABLET: Portrait: (min-width : 768px) and (max-width : 1280px)";
    background: purple;
  }
  /* =======================================================================
  /* ##################### PHONES & PHABLETS ###############################
  ======================================================================= */
  body .wrapper {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
  }
  body .wrapper header .logo {
    width: 100%;
    margin: 0;
  }
  body .wrapper header .logo img {
    width: 240px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  body .wrapper header button {
    top: 14%;
  }
  body .wrapper header.hp button {
    top: 39%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) and (max-width: 1280px) and (orientation: landscape) {
  body .wrapper header nav {
    top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) and (min-width: 768px) and (max-width: 1280px) and (orientation: landscape) {
  body .wrapper header.hp nav {
    top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  body .wrapper section {
    padding-bottom: 0;
  }
  body .wrapper section.events .container .right h3, body .wrapper section.events .container .right p, body .wrapper section.events .container .left h3, body .wrapper section.events .container .left p {
    text-align: center;
    width: 100%;
  }
  body .wrapper section.events .eventsDiv .row {
    width: 80%;
    margin-left: auto;
    margin-right: auto !important;
    float: none;
  }
  body .wrapper section.events .eventsDiv .row .circle {
    width: 49%;
    float: left;
    margin: 0;
  }
  body .wrapper section.events .eventsDiv .middle {
    width: 100%;
    padding: 0;
  }
  body .wrapper section.internalsections .permaNav {
    width: 100%;
    margin: 4rem 0;
  }
  body .wrapper section.internalsections .permaNav .centered {
    width: 80%;
    margin-left: auto;
    margin-right: auto !important;
    float: none;
  }
  body .wrapper section.gohome img {
    max-width: 260px;
  }
  body .wrapper footer span, body .wrapper footer p {
    display: block !important;
  }
}
/* Generic laptop */
@media screen and (min-width: 800px) and (max-width: 1280px) {
  /* =======================================================================
  /* ##################### GENERIC OR COMMON PC FILE ##########################
  ======================================================================= */
  .mediaqueries:after {
    content: "GENERIC PC LAPTOP:(min-width : 800px) and (max-width : 1280px)";
    background: red;
  }
  body .wrapper section.events .container .right,
  body .wrapper section.events .container .left,
  body .wrapper section.events .container .middle {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    padding: 1rem 0;
  }
  body {
    /*Internal pages -> Villapilar + eventos */
  }
  body.evento .wrapper, body.villapilar .wrapper, body.contacto .wrapper {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  body.evento .wrapper header .logo, body.villapilar .wrapper header .logo, body.contacto .wrapper header .logo {
    width: 32%;
    display: inline-table;
    margin-left: 6rem;
  }
  body.evento .wrapper header .logo img, body.villapilar .wrapper header .logo img, body.contacto .wrapper header .logo img {
    width: 240px;
    margin-left: 0;
    display: block;
  }
  body.evento .wrapper header button, body.villapilar .wrapper header button, body.contacto .wrapper header button {
    display: none;
  }
  body.evento .wrapper header nav, body.villapilar .wrapper header nav, body.contacto .wrapper header nav {
    display: block;
    width: 50%;
    float: right;
  }
  body.evento .wrapper header nav ul, body.villapilar .wrapper header nav ul, body.contacto .wrapper header nav ul {
    width: 100%;
  }
  body.evento .wrapper header nav ul li, body.villapilar .wrapper header nav ul li, body.contacto .wrapper header nav ul li {
    width: 32%;
    padding: 0;
  }
  body.evento .wrapper section.events .container .heading, body.villapilar .wrapper section.events .container .heading, body.contacto .wrapper section.events .container .heading {
    padding: 1rem;
  }
  body.evento .wrapper section.events .container .left,
  body.evento .wrapper section.events .container .middle,
  body.evento .wrapper section.events .container .right, body.villapilar .wrapper section.events .container .left,
  body.villapilar .wrapper section.events .container .middle,
  body.villapilar .wrapper section.events .container .right, body.contacto .wrapper section.events .container .left,
  body.contacto .wrapper section.events .container .middle,
  body.contacto .wrapper section.events .container .right {
    margin-left: 0;
    margin-right: 0;
    padding: 1rem;
    text-align: left;
  }
  body.evento .wrapper section.events .container .left .header,
  body.evento .wrapper section.events .container .middle .header,
  body.evento .wrapper section.events .container .right .header, body.villapilar .wrapper section.events .container .left .header,
  body.villapilar .wrapper section.events .container .middle .header,
  body.villapilar .wrapper section.events .container .right .header, body.contacto .wrapper section.events .container .left .header,
  body.contacto .wrapper section.events .container .middle .header,
  body.contacto .wrapper section.events .container .right .header {
    min-height: 0;
  }
  body.evento .wrapper section.events .container .left,
  body.evento .wrapper section.events .container .right, body.villapilar .wrapper section.events .container .left,
  body.villapilar .wrapper section.events .container .right, body.contacto .wrapper section.events .container .left,
  body.contacto .wrapper section.events .container .right {
    width: 25%;
    padding-left: 1rem;
  }
  body.evento .wrapper section.events .container .middle, body.villapilar .wrapper section.events .container .middle, body.contacto .wrapper section.events .container .middle {
    width: 49.9%;
    padding: 1rem;
  }
  body.evento .wrapper section.events .container .right,
  body.evento .wrapper section.events .container .left, body.villapilar .wrapper section.events .container .right,
  body.villapilar .wrapper section.events .container .left, body.contacto .wrapper section.events .container .right,
  body.contacto .wrapper section.events .container .left {
    padding-bottom: 1rem;
  }
  body.evento .wrapper section.events .container .right p,
  body.evento .wrapper section.events .container .right h3,
  body.evento .wrapper section.events .container .left p,
  body.evento .wrapper section.events .container .left h3, body.villapilar .wrapper section.events .container .right p,
  body.villapilar .wrapper section.events .container .right h3,
  body.villapilar .wrapper section.events .container .left p,
  body.villapilar .wrapper section.events .container .left h3, body.contacto .wrapper section.events .container .right p,
  body.contacto .wrapper section.events .container .right h3,
  body.contacto .wrapper section.events .container .left p,
  body.contacto .wrapper section.events .container .left h3 {
    text-align: left;
    width: 100%;
  }
  body.evento .wrapper section.events .container .middle p,
  body.evento .wrapper section.events .container .middle span, body.villapilar .wrapper section.events .container .middle p,
  body.villapilar .wrapper section.events .container .middle span, body.contacto .wrapper section.events .container .middle p,
  body.contacto .wrapper section.events .container .middle span {
    width: 100%;
  }
  /* Fix contacto */
  body.contacto .wrapper section.events .container .middle,
  body.contacto .wrapper section.events .container .middle {
    width: 100%;
  }
  body > div.wrapper > section.twoImages.isHiddenScroll.thidden.tvisible.animated.efectoFadeCarousel > div.middle,
  body > div.wrapper > section.threeImages.isHiddenScroll.thidden.tvisible.animated.efectoFadeCarousel > div.middle.nosidecols,
  body.evento .wrapper section.events .container .middle.nosidecols,
  body.contacto .wrapper section.events .container .middle,
  body.contacto .wrapper section.events .container .middle.nosidecols {
    width: 50%;
    margin-left: 25% !important;
  }
  body > div.wrapper > section.events.animated.bounceInUp > div.container > div.middle.nosidecols.tcenter p,
  body > div.wrapper > section.events.animated.bounceInUp > div.container > div.middle.nosidecols.tcenter h3 {
    text-align: center;
  }
}
/* Desktops and laptops ----------- */
@media screen and (min-width: 1281px) and (max-width: 1920px) {
  /* =======================================================================
  /* ##################### LARGE SCREENS FILE ##########################
  ======================================================================= */
  .mediaqueries:after {
    content: "LARGE SCREENS: (min-width : 1281px) and(max-width: 1920px)";
    background: orange;
  }
  body section.intro .swiper-container.swiper-container-horizontal .sliderDescContainer {
    width: 33.3333333333%; /* 480px / 1440 */
    margin-left: 8.3333333333%; /* 120px / 1440 */
    padding-top: 220px;
  }
  body section.intro .swiper-container.swiper-container-horizontal .sliderDescContainer .wrapperDesc {
    padding: 0 2.5rem;
  }
  body {
    /* After the carousel section */
  }
  body .wrapper {
    background-color: #fff;
  }
  body .wrapper header.hp .logo {
    display: block;
    height: 31px;
    width: 25%;
  }
  body .wrapper header.hp .logo a img {
    display: none;
  }
  body .wrapper header.hp .logo.show a img {
    display: block;
  }
  body .wrapper header.hp button {
    display: none;
  }
  body .wrapper header.hp nav {
    display: block;
    height: 48px;
    width: 73%;
  }
  body .wrapper header.hp nav ul {
    float: right;
    width: 80%;
    max-height: 48px;
    overflow: hidden;
    position: static;
    z-index: 999999;
  }
  body .wrapper header.hp nav ul li {
    display: inline;
    width: 33%;
    padding: 0;
    margin: 0;
  }
  body .wrapper section.events .centrado {
    margin-left: 25.78125%; /* 330 / 1280 */
  }
  body .wrapper section.events .header {
    height: auto;
    min-height: 6rem;
  }
  body .wrapper section.events .eventsDiv .circle {
    width: 25%;
    float: left;
    padding: 0;
  }
  body .wrapper section.events .eventsDiv .circle p.title a {
    font-size: 16px;
    font-size: 1rem;
  }
  body .wrapper section.events .eventsDiv .circle p.subtitle a {
    font-size: 20px;
    font-size: 1.25rem;
  }
  body .wrapper section.events .eventsDiv .circle p.date a {
    font-size: 14px;
    font-size: 0.875rem;
  }
  body {
    /*Internal pages -> Villapilar + eventos */
  }
}
@media screen and (min-width: 1281px) and (max-width: 1920px) and (min-width: 1281px) and (max-width: 6048px) {
  body .wrapper section.events .eventsDiv .row.onlyTwo {
    width: 50%;
    /*margin-left: 25%;*/
  }
}
@media screen and (min-width: 1281px) and (max-width: 1920px) {
  body .wrapper section.events .eventsDiv .row.onlyOne .circle {
    width: 100%;
  }
  body .wrapper section.events .eventsDiv .row.onlyTwo .circle {
    width: 50%;
  }
  body .wrapper section.events .eventsDiv .row.onlyThree .circle {
    width: 33%;
  }
  body .wrapper section.internalsections .permaNav .centered {
    box-sizing: border-box;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc((100% - 2.35765% * 11) / 12 * 6 + 2.35765% * (6 - 1));
    margin-left: calc((100% - 2.35765% * 11) / 12 * 3 + 2.35765% * 3);
  }
  body .wrapper section.internalsections .permaNav .centered .circle {
    margin: 0;
    width: 49%;
  }
  body .wrapper section.internalsections .permaNav .centered .circle p.title a {
    font-size: 16px;
    font-size: 1rem;
  }
  body .wrapper section.internalsections .permaNav .centered .circle p.subtitle a {
    font-size: 20px;
    font-size: 1.25rem;
  }
  body .wrapper section.internalsections .permaNav .centered .circle p.date a {
    font-size: 14px;
    font-size: 0.875rem;
  }
  body .wrapper section.gohome img {
    max-width: 260px;
  }
  body .wrapper footer span, body .wrapper footer p {
    display: inline-block;
    margin-right: 2.9rem;
    font-size: 14px;
    font-size: 0.875rem;
    float: left;
  }
  body .wrapper footer .link-socialmedia {
    width: 10%;
    float: right;
    bottom: 1.8rem;
  }
  body.evento .wrapper, body.villapilar .wrapper, body.contacto .wrapper {
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
  }
  body.evento .wrapper header .logo, body.villapilar .wrapper header .logo, body.contacto .wrapper header .logo {
    width: 20%;
    display: inline-table;
    margin-left: 6rem;
  }
  body.evento .wrapper header .logo img, body.villapilar .wrapper header .logo img, body.contacto .wrapper header .logo img {
    width: 240px;
    margin-left: 0;
    display: block;
  }
  body.evento .wrapper header button, body.villapilar .wrapper header button, body.contacto .wrapper header button {
    display: none;
  }
  body.evento .wrapper header nav, body.villapilar .wrapper header nav, body.contacto .wrapper header nav {
    display: block;
    width: 50%;
    float: right;
  }
  body.evento .wrapper header nav ul, body.villapilar .wrapper header nav ul, body.contacto .wrapper header nav ul {
    width: 100%;
  }
  body.evento .wrapper header nav ul li, body.villapilar .wrapper header nav ul li, body.contacto .wrapper header nav ul li {
    width: 32%;
    padding: 0;
  }
  body.evento .wrapper section.events .container .heading, body.villapilar .wrapper section.events .container .heading, body.contacto .wrapper section.events .container .heading {
    padding: 1rem;
  }
  body.evento .wrapper section.events .container .left, body.evento .wrapper section.events .container .middle, body.evento .wrapper section.events .container .right, body.villapilar .wrapper section.events .container .left, body.villapilar .wrapper section.events .container .middle, body.villapilar .wrapper section.events .container .right, body.contacto .wrapper section.events .container .left, body.contacto .wrapper section.events .container .middle, body.contacto .wrapper section.events .container .right {
    margin-left: 0;
    margin-right: 0;
    padding: 1rem;
    text-align: left;
  }
  body.evento .wrapper section.events .container .left .header, body.evento .wrapper section.events .container .middle .header, body.evento .wrapper section.events .container .right .header, body.villapilar .wrapper section.events .container .left .header, body.villapilar .wrapper section.events .container .middle .header, body.villapilar .wrapper section.events .container .right .header, body.contacto .wrapper section.events .container .left .header, body.contacto .wrapper section.events .container .middle .header, body.contacto .wrapper section.events .container .right .header {
    min-height: 0;
  }
  body.evento .wrapper section.events .container .left, body.evento .wrapper section.events .container .right, body.villapilar .wrapper section.events .container .left, body.villapilar .wrapper section.events .container .right, body.contacto .wrapper section.events .container .left, body.contacto .wrapper section.events .container .right {
    width: 25%;
    padding-left: 0.2rem;
  }
  body.evento .wrapper section.events .container .middle, body.villapilar .wrapper section.events .container .middle, body.contacto .wrapper section.events .container .middle {
    width: 49.9%;
    padding: 1rem;
  }
  body.evento .wrapper section.events .container .right, body.evento .wrapper section.events .container .left, body.villapilar .wrapper section.events .container .right, body.villapilar .wrapper section.events .container .left, body.contacto .wrapper section.events .container .right, body.contacto .wrapper section.events .container .left {
    padding: 1rem;
  }
  body.evento .wrapper section.events .container .right p, body.evento .wrapper section.events .container .right h3, body.evento .wrapper section.events .container .left p, body.evento .wrapper section.events .container .left h3, body.villapilar .wrapper section.events .container .right p, body.villapilar .wrapper section.events .container .right h3, body.villapilar .wrapper section.events .container .left p, body.villapilar .wrapper section.events .container .left h3, body.contacto .wrapper section.events .container .right p, body.contacto .wrapper section.events .container .right h3, body.contacto .wrapper section.events .container .left p, body.contacto .wrapper section.events .container .left h3 {
    text-align: left;
    width: 100%;
  }
  body.evento .wrapper section.events .container .middle p, body.evento .wrapper section.events .container .middle span, body.villapilar .wrapper section.events .container .middle p, body.villapilar .wrapper section.events .container .middle span, body.contacto .wrapper section.events .container .middle p, body.contacto .wrapper section.events .container .middle span {
    width: 100%;
  }
  body.contacto .wrapper section.events .container .middle, body.contacto .wrapper section.events .container .middle {
    width: 50%;
  }
  body > div.wrapper > section.twoImages.isHiddenScroll.thidden.tvisible.animated.efectoFadeCarousel > div.middle,
  body > div.wrapper > section.threeImages.isHiddenScroll.thidden.tvisible.animated.efectoFadeCarousel > div.middle.nosidecols,
  body.evento .wrapper section.events .container .middle.nosidecols,
  body.contacto .wrapper section.events .container .middle, body.contacto .wrapper section.events .container .middle.nosidecols {
    width: 50%;
    margin-left: 25% !important;
  }
  body > div.wrapper > section.events.animated.bounceInUp > div.container > div.middle.nosidecols.tcenter p, body > div.wrapper > section.events.animated.bounceInUp > div.container > div.middle.nosidecols.tcenter h3 {
    text-align: center;
  }
}
/* Large screens ----------- */
@media screen and (min-width: 1440px) and (max-width: 6048px) {
  /* =======================================================================
  /* ##################### EXTRA LARGE FILE ##########################
  ======================================================================= */
  .mediaqueries:after {
    content: "XTRA LARGE SCREENS: (min-width : 1440px)";
    background: green;
  }
  body section.intro .swiper-container.swiper-container-horizontal .sliderDescContainer {
    width: 33.3333333333%; /* 480px / 1440 */
    margin-left: 8.3333333333%; /* 120px / 1440 */
    padding-top: 220px;
  }
  body section.intro .swiper-container.swiper-container-horizontal .sliderDescContainer .wrapperDesc {
    padding: 0 2.5rem;
  }
  body {
    /* After the carousel section */
  }
  body .wrapper {
    background-color: #fff;
  }
  body .wrapper header.hp .logo {
    display: block;
    height: 31px;
    width: 25%;
  }
  body .wrapper header.hp .logo a img {
    display: none;
  }
  body .wrapper header.hp .logo.show a img {
    display: block;
  }
  body .wrapper header.hp button {
    display: none;
  }
  body .wrapper header.hp nav {
    display: block;
    height: 48px;
    width: 73%;
  }
  body .wrapper header.hp nav ul {
    float: right;
    width: 80%;
    max-height: 48px;
    overflow: hidden;
    position: static;
    z-index: 999999;
  }
  body .wrapper header.hp nav ul li {
    display: inline;
    width: 33%;
    padding: 0;
    margin: 0;
  }
  body .wrapper section.events .centrado {
    margin-left: 25.78125%; /* 330 / 1280 */
  }
  body .wrapper section.events .header {
    height: auto;
    min-height: 6rem;
  }
  body .wrapper section.events .eventsDiv .circle {
    width: 25%;
    float: left;
    padding: 0;
  }
  body .wrapper section.events .eventsDiv .circle p.title a {
    font-size: 16px;
    font-size: 1rem;
  }
  body .wrapper section.events .eventsDiv .circle p.subtitle a {
    font-size: 20px;
    font-size: 1.25rem;
  }
  body .wrapper section.events .eventsDiv .circle p.date a {
    font-size: 14px;
    font-size: 0.875rem;
  }
  body .wrapper section.internalsections .permaNav .centered {
    margin-right: 0;
  }
  body .wrapper section.internalsections .permaNav .centered .circle {
    margin: 0;
    width: 49%;
  }
  body .wrapper section.internalsections .permaNav .centered .circle p.title a {
    font-size: 16px;
    font-size: 1rem;
  }
  body .wrapper section.internalsections .permaNav .centered .circle p.subtitle a {
    font-size: 20px;
    font-size: 1.25rem;
  }
  body .wrapper section.internalsections .permaNav .centered .circle p.date a {
    font-size: 14px;
    font-size: 0.875rem;
  }
  body .wrapper section.gohome img {
    max-width: 260px;
  }
  body .wrapper footer span, body .wrapper footer p {
    display: inline-block;
    margin-right: 2.9rem;
    font-size: 14px;
    font-size: 0.875rem;
    float: left;
  }
  body .wrapper footer .link-socialmedia {
    width: 10%;
    float: right;
    bottom: 1.8rem;
  }
  body {
    /*Internal pages -> Villapilar + eventos */
  }
  body.evento .wrapper, body.villapilar .wrapper, body.contacto .wrapper {
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
  }
  body.evento .wrapper header .logo, body.villapilar .wrapper header .logo, body.contacto .wrapper header .logo {
    width: 20%;
    display: inline-table;
    margin-left: 6rem;
  }
  body.evento .wrapper header .logo img, body.villapilar .wrapper header .logo img, body.contacto .wrapper header .logo img {
    width: 240px;
    margin-left: 0;
    display: block;
  }
  body.evento .wrapper header button, body.villapilar .wrapper header button, body.contacto .wrapper header button {
    display: none;
  }
  body.evento .wrapper header nav, body.villapilar .wrapper header nav, body.contacto .wrapper header nav {
    display: block;
    width: 50%;
    float: right;
  }
  body.evento .wrapper header nav ul, body.villapilar .wrapper header nav ul, body.contacto .wrapper header nav ul {
    width: 100%;
  }
  body.evento .wrapper header nav ul li, body.villapilar .wrapper header nav ul li, body.contacto .wrapper header nav ul li {
    width: 32%;
    padding: 0;
  }
  body.evento .wrapper section.events .container .heading, body.villapilar .wrapper section.events .container .heading, body.contacto .wrapper section.events .container .heading {
    padding: 1rem;
  }
  body.evento .wrapper section.events .container .left, body.evento .wrapper section.events .container .middle, body.evento .wrapper section.events .container .right, body.villapilar .wrapper section.events .container .left, body.villapilar .wrapper section.events .container .middle, body.villapilar .wrapper section.events .container .right, body.contacto .wrapper section.events .container .left, body.contacto .wrapper section.events .container .middle, body.contacto .wrapper section.events .container .right {
    margin-left: 0;
    margin-right: 0;
    padding: 1rem;
    text-align: left;
  }
  body.evento .wrapper section.events .container .left .header, body.evento .wrapper section.events .container .middle .header, body.evento .wrapper section.events .container .right .header, body.villapilar .wrapper section.events .container .left .header, body.villapilar .wrapper section.events .container .middle .header, body.villapilar .wrapper section.events .container .right .header, body.contacto .wrapper section.events .container .left .header, body.contacto .wrapper section.events .container .middle .header, body.contacto .wrapper section.events .container .right .header {
    min-height: 0;
  }
  body.evento .wrapper section.events .container .left, body.evento .wrapper section.events .container .right, body.villapilar .wrapper section.events .container .left, body.villapilar .wrapper section.events .container .right, body.contacto .wrapper section.events .container .left, body.contacto .wrapper section.events .container .right {
    width: 25%;
    padding-left: 0.2rem;
  }
  body.evento .wrapper section.events .container .middle, body.villapilar .wrapper section.events .container .middle, body.contacto .wrapper section.events .container .middle {
    width: 49.9%;
    padding: 1rem;
  }
  body.evento .wrapper section.events .container .right, body.evento .wrapper section.events .container .left, body.villapilar .wrapper section.events .container .right, body.villapilar .wrapper section.events .container .left, body.contacto .wrapper section.events .container .right, body.contacto .wrapper section.events .container .left {
    padding: 1rem;
  }
  body.evento .wrapper section.events .container .right p, body.evento .wrapper section.events .container .right h3, body.evento .wrapper section.events .container .left p, body.evento .wrapper section.events .container .left h3, body.villapilar .wrapper section.events .container .right p, body.villapilar .wrapper section.events .container .right h3, body.villapilar .wrapper section.events .container .left p, body.villapilar .wrapper section.events .container .left h3, body.contacto .wrapper section.events .container .right p, body.contacto .wrapper section.events .container .right h3, body.contacto .wrapper section.events .container .left p, body.contacto .wrapper section.events .container .left h3 {
    text-align: left;
    width: 100%;
  }
  body.evento .wrapper section.events .container .middle p, body.evento .wrapper section.events .container .middle span, body.villapilar .wrapper section.events .container .middle p, body.villapilar .wrapper section.events .container .middle span, body.contacto .wrapper section.events .container .middle p, body.contacto .wrapper section.events .container .middle span {
    width: 100%;
  }
  body.contacto .wrapper section.events .container .middle, body.contacto .wrapper section.events .container .middle {
    width: 50%;
  }
  body > div.wrapper > section.events.animated.bounceInUp > div.container > div.middle.nosidecols.tcenter p, body > div.wrapper > section.events.animated.bounceInUp > div.container > div.middle.nosidecols.tcenter h3 {
    text-align: center;
  }
  body.contacto .wrapper section.intro .efectoFadeCarousel {
    height: 100%;
  }
  body.villapilar .wrapper section.intro .efectoFadeCarousel {
    height: 100%;
  }
  body.contacto .wrapper section.events .container .middle,
  body.contacto .wrapper section.events .container .middle.nosidecols {
    width: 50%;
    margin-left: 25% !important;
  }
  body .wrapper section.twoImages .middle .link-socialmedia ul {
    width: 100%;
    margin: 0;
  }
  body .wrapper section.events .eventsDiv .middle {
    width: 100%;
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    left: calc(0% - 20px + 20px);
    position: relative;
    margin-bottom: 2rem;
  }
  body .wrapper section.events .eventsDiv .middle .more {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.25rem;
    line-height: 3.75rem;
    background-color: #600000;
    text-align: center;
  }
  body .wrapper section.events .eventsDiv .middle .more a {
    color: #fff;
    line-height: 53px;
    display: block;
  }
  body .wrapper section.events .header {
    float: left;
    left: calc(0% - 20px + 20px);
    position: relative;
    width: 100%;
    top: 0;
    margin: 1rem 0;
    height: 8.75rem;
    border-top: 2px dotted #e0c0c0;
    border-bottom: 2px dotted #e0c0c0;
  }
}