/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
 @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
 html {
   font-family: sans-serif;
   /* 1 */
   -ms-text-size-adjust: 100%;
   /* 2 */
   -webkit-text-size-adjust: 100%;
   /* 2 */ }
 
 /**
  * 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,
 menu,
 nav,
 section,
 summary {
   display: block; }
 
 /**
  * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
  */
 audio,
 canvas,
 progress,
 video {
   display: inline-block;
   /* 1 */
   vertical-align: baseline;
   /* 2 */ }
 
 /**
  * Prevents 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/10/11, Safari, and Firefox < 22.
  */
 [hidden],
 template {
   display: none; }
 
 /* Links
    ========================================================================== */
 /**
  * Remove the gray background color from active links in IE 10.
  */
 a {
   background-color: transparent; }
 
 /**
  * Improve readability of focused elements when they are also in an
  * active/hover state.
  */
 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; }
 
 /**
  * Addresses 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
    ========================================================================== */
 /**
  * 1. Remove border when inside `a` element in IE 8/9/10.
  * 2. Improves image quality when scaled in IE 7.
  */
 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 {
   box-sizing: content-box;
   height: 0; }
 
 /**
  * Contain overflow in all browsers.
  */
 pre {
   overflow: auto; }
 
 /**
  * Address odd `em`-unit font size rendering in all browsers.
  * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
  */
 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.
  * 4. Improves appearance and consistency in all browsers.
  */
 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.
  * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
  *  Known issue: inner spacing remains in IE 6.
  */
 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
   -webkit-appearance: button;
   /* 2 */
   cursor: pointer;
   /* 3 */ }
 
 /**
  * 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; }
 
 /**
  * 1. Address box sizing set to `content-box` in IE 8/9/10.
  * 2. Remove excess padding in IE 8/9/10.
  *  Known issue: excess padding remains in IE 6.
  */
 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.
  */
 input[type="search"] {
   -webkit-appearance: textfield;
   /* 1 */
   box-sizing: content-box;
   /* 2 */ }
 
 /**
  * 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.
  * 3. Corrects text not wrapping in Firefox 3.
  * 4. Corrects alignment displayed oddly in IE 6/7.
  */
 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; }
 
 /*! jQuery UI - v1.12.1 - 2016-09-14
 * http://jqueryui.com
 * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
 * Copyright jQuery Foundation and other contributors; Licensed MIT */
 /* Layout helpers
 ----------------------------------*/
h1,h2{
     color: #101820;
}

 .ui-helper-hidden {
   display: none; }
 
 .ui-helper-hidden-accessible {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px; }
 
 .ui-helper-reset {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   line-height: 1.3;
   text-decoration: none;
   font-size: 100%;
   list-style: none; }
 
 .ui-helper-clearfix:before,
 .ui-helper-clearfix:after {
   content: "";
   display: table;
   border-collapse: collapse; }
 
 .ui-helper-clearfix:after {
   clear: both; }
 
 .ui-helper-zfix {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: absolute;
   opacity: 0;
   filter: Alpha(Opacity=0);
   /* support: IE8 */ }
 
 .ui-front {
   z-index: 100; }
 
 /* Interaction Cues
 ----------------------------------*/
 .ui-state-disabled {
   cursor: default !important;
   pointer-events: none; }
 
 /* Icons
 ----------------------------------*/
 .ui-icon {
   display: inline-block;
   vertical-align: middle;
   margin-top: -.25em;
   position: relative;
   text-indent: -99999px;
   overflow: hidden;
   background-repeat: no-repeat; }
 
 .ui-widget-icon-block {
   left: 50%;
   margin-left: -8px;
   display: block; }
 
 /* Misc visuals
 ----------------------------------*/
 /* Overlays */
 .ui-widget-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%; }
 
 .ui-accordion .ui-accordion-header {
   display: block;
   cursor: pointer;
   position: relative;
   margin: 2px 0 0 0;
   padding: .5em .5em .5em .7em;
   font-size: 100%; }
 
 .ui-accordion .ui-accordion-content {
   padding: 1em 2.2em;
   border-top: 0;
   overflow: auto; }
 
 .ui-autocomplete {
   position: absolute;
   top: 0;
   left: 0;
   cursor: default; }
 
 .ui-menu {
   list-style: none;
   padding: 0;
   margin: 0;
   display: block;
   outline: 0; }
 
 .ui-menu .ui-menu {
   position: absolute; }
 
 .ui-menu .ui-menu-item {
   margin: 0;
   cursor: pointer;
   /* support: IE10, see #8844 */
   list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }
 
 .ui-menu .ui-menu-item-wrapper {
   position: relative;
   padding: 3px 1em 3px .4em; }
 
 .ui-menu .ui-menu-divider {
   margin: 5px 0;
   height: 0;
   font-size: 0;
   line-height: 0;
   border-width: 1px 0 0 0; }
 
 .ui-menu .ui-state-focus,
 .ui-menu .ui-state-active {
   margin: -1px; }
 
 /* icon support */
 .ui-menu-icons {
   position: relative; }
 
 .ui-menu-icons .ui-menu-item-wrapper {
   padding-left: 2em; }
 
 /* left-aligned */
 .ui-menu .ui-icon {
   position: absolute;
   top: 0;
   bottom: 0;
   left: .2em;
   margin: auto 0; }
 
 /* right-aligned */
 .ui-menu .ui-menu-icon {
   left: auto;
   right: 0; }
 
 .ui-button {
   padding: .4em 1em;
   display: inline-block;
   position: relative;
   line-height: normal;
   margin-right: .1em;
   cursor: pointer;
   vertical-align: middle;
   text-align: center;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   /* Support: IE <= 11 */
   overflow: visible; }
 
 .ui-button,
 .ui-button:link,
 .ui-button:visited,
 .ui-button:hover,
 .ui-button:active {
   text-decoration: none; }
 
 /* to make room for the icon, a width needs to be set here */
 .ui-button-icon-only {
   width: 2em;
   box-sizing: border-box;
   text-indent: -9999px;
   white-space: nowrap; }
 
 /* no icon support for input elements */
 input.ui-button.ui-button-icon-only {
   text-indent: 0; }
 
 /* button icon element(s) */
 .ui-button-icon-only .ui-icon {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -8px;
   margin-left: -8px; }
 
 .ui-button.ui-icon-notext .ui-icon {
   padding: 0;
   width: 2.1em;
   height: 2.1em;
   text-indent: -9999px;
   white-space: nowrap; }
 
 input.ui-button.ui-icon-notext .ui-icon {
   width: auto;
   height: auto;
   text-indent: 0;
   white-space: normal;
   padding: .4em 1em; }
 
 /* workarounds */
 /* Support: Firefox 5 - 40 */
 input.ui-button::-moz-focus-inner,
 button.ui-button::-moz-focus-inner {
   border: 0;
   padding: 0; }
 
 .ui-controlgroup {
   vertical-align: middle;
   display: inline-block; }
 
 .ui-controlgroup > .ui-controlgroup-item {
   float: left;
   margin-left: 0;
   margin-right: 0; }
 
 .ui-controlgroup > .ui-controlgroup-item:focus,
 .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
   z-index: 9999; }
 
 .ui-controlgroup-vertical > .ui-controlgroup-item {
   display: block;
   float: none;
   width: 100%;
   margin-top: 0;
   margin-bottom: 0;
   text-align: left; }
 
 .ui-controlgroup-vertical .ui-controlgroup-item {
   box-sizing: border-box; }
 
 .ui-controlgroup .ui-controlgroup-label {
   padding: .4em 1em; }
 
 .ui-controlgroup .ui-controlgroup-label span {
   font-size: 80%; }
 
 .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
   border-left: none; }
 
 .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
   border-top: none; }
 
 .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
   border-right: none; }
 
 .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
   border-bottom: none; }
 
 /* Spinner specific style fixes */
 .ui-controlgroup-vertical .ui-spinner-input {
   /* Support: IE8 only, Android < 4.4 only */
   width: 75%;
   width: calc( 100% - 2.4em ); }
 
 .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
   border-top-style: solid; }
 
 .ui-checkboxradio-label .ui-icon-background {
   box-shadow: inset 1px 1px 1px #ccc;
   border-radius: .12em;
   border: none; }
 
 .ui-checkboxradio-radio-label .ui-icon-background {
   width: 16px;
   height: 16px;
   border-radius: 1em;
   overflow: visible;
   border: none; }
 
 .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
 .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
   background-image: none;
   width: 8px;
   height: 8px;
   border-width: 4px;
   border-style: solid; }
 
 .ui-checkboxradio-disabled {
   pointer-events: none; }
 
 .ui-datepicker {
   width: 17em;
   padding: .2em .2em 0;
   display: none; }
 
 .ui-datepicker .ui-datepicker-header {
   position: relative;
   padding: .2em 0; }
 
 .ui-datepicker .ui-datepicker-prev,
 .ui-datepicker .ui-datepicker-next {
   position: absolute;
   top: 2px;
   width: 1.8em;
   height: 1.8em; }
 
 .ui-datepicker .ui-datepicker-prev-hover,
 .ui-datepicker .ui-datepicker-next-hover {
   top: 1px; }
 
 .ui-datepicker .ui-datepicker-prev {
   left: 2px; }
 
 .ui-datepicker .ui-datepicker-next {
   right: 2px; }
 
 .ui-datepicker .ui-datepicker-prev-hover {
   left: 1px; }
 
 .ui-datepicker .ui-datepicker-next-hover {
   right: 1px; }
 
 .ui-datepicker .ui-datepicker-prev span,
 .ui-datepicker .ui-datepicker-next span {
   display: block;
   position: absolute;
   left: 50%;
   margin-left: -8px;
   top: 50%;
   margin-top: -8px; }
 
 .ui-datepicker .ui-datepicker-title {
   margin: 0 2.3em;
   line-height: 1.8em;
   text-align: center; }
 
 .ui-datepicker .ui-datepicker-title select {
   font-size: 1em;
   margin: 1px 0; }
 
 .ui-datepicker select.ui-datepicker-month,
 .ui-datepicker select.ui-datepicker-year {
   width: 45%; }
 
 .ui-datepicker table {
   width: 100%;
   font-size: .9em;
   border-collapse: collapse;
   margin: 0 0 .4em; }
 
 .ui-datepicker th {
   padding: .7em .3em;
   text-align: center;
   font-weight: bold;
   border: 0; }
 
 .ui-datepicker td {
   border: 0;
   padding: 1px; }
 
 .ui-datepicker td span,
 .ui-datepicker td a {
   display: block;
   padding: .2em;
   text-align: right;
   text-decoration: none; }
 
 .ui-datepicker .ui-datepicker-buttonpane {
   background-image: none;
   margin: .7em 0 0 0;
   padding: 0 .2em;
   border-left: 0;
   border-right: 0;
   border-bottom: 0; }
 
 .ui-datepicker .ui-datepicker-buttonpane button {
   float: right;
   margin: .5em .2em .4em;
   cursor: pointer;
   padding: .2em .6em .3em .6em;
   width: auto;
   overflow: visible; }
 
 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
   float: left; }
 
 /* with multiple calendars */
 .ui-datepicker.ui-datepicker-multi {
   width: auto; }
 
 .ui-datepicker-multi .ui-datepicker-group {
   float: left; }
 
 .ui-datepicker-multi .ui-datepicker-group table {
   width: 95%;
   margin: 0 auto .4em; }
 
 .ui-datepicker-multi-2 .ui-datepicker-group {
   width: 50%; }
 
 .ui-datepicker-multi-3 .ui-datepicker-group {
   width: 33.3%; }
 
 .ui-datepicker-multi-4 .ui-datepicker-group {
   width: 25%; }
 
 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
   border-left-width: 0; }
 
 .ui-datepicker-multi .ui-datepicker-buttonpane {
   clear: left; }
 
 .ui-datepicker-row-break {
   clear: both;
   width: 100%;
   font-size: 0; }
 
 /* RTL support */
 .ui-datepicker-rtl {
   direction: rtl; }
 
 .ui-datepicker-rtl .ui-datepicker-prev {
   right: 2px;
   left: auto; }
 
 .ui-datepicker-rtl .ui-datepicker-next {
   left: 2px;
   right: auto; }
 
 .ui-datepicker-rtl .ui-datepicker-prev:hover {
   right: 1px;
   left: auto; }
 
 .ui-datepicker-rtl .ui-datepicker-next:hover {
   left: 1px;
   right: auto; }
 
 .ui-datepicker-rtl .ui-datepicker-buttonpane {
   clear: right; }
 
 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
   float: left; }
 
 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
 .ui-datepicker-rtl .ui-datepicker-group {
   float: right; }
 
 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
   border-right-width: 0;
   border-left-width: 1px; }
 
 /* Icons */
 .ui-datepicker .ui-icon {
   display: block;
   text-indent: -99999px;
   overflow: hidden;
   background-repeat: no-repeat;
   left: .5em;
   top: .3em; }
 
 .ui-dialog {
   position: absolute;
   top: 0;
   left: 0;
   padding: .2em;
   outline: 0; }
 
 .ui-dialog .ui-dialog-titlebar {
   padding: .4em 1em;
   position: relative; }
 
 .ui-dialog .ui-dialog-title {
   float: left;
   margin: .1em 0;
   white-space: nowrap;
   width: 90%;
   overflow: hidden;
   text-overflow: ellipsis; }
 
 .ui-dialog .ui-dialog-titlebar-close {
   position: absolute;
   right: .3em;
   top: 50%;
   width: 20px;
   margin: -10px 0 0 0;
   padding: 1px;
   height: 20px; }
 
 .ui-dialog .ui-dialog-content {
   position: relative;
   border: 0;
   padding: .5em 1em;
   background: none;
   overflow: auto; }
 
 .ui-dialog .ui-dialog-buttonpane {
   text-align: left;
   border-width: 1px 0 0 0;
   background-image: none;
   margin-top: .5em;
   padding: .3em 1em .5em .4em; }
 
 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
   float: right; }
 
 .ui-dialog .ui-dialog-buttonpane button {
   margin: .5em .4em .5em 0;
   cursor: pointer; }
 
 .ui-dialog .ui-resizable-n {
   height: 2px;
   top: 0; }
 
 .ui-dialog .ui-resizable-e {
   width: 2px;
   right: 0; }
 
 .ui-dialog .ui-resizable-s {
   height: 2px;
   bottom: 0; }
 
 .ui-dialog .ui-resizable-w {
   width: 2px;
   left: 0; }
 
 .ui-dialog .ui-resizable-se,
 .ui-dialog .ui-resizable-sw,
 .ui-dialog .ui-resizable-ne,
 .ui-dialog .ui-resizable-nw {
   width: 7px;
   height: 7px; }
 
 .ui-dialog .ui-resizable-se {
   right: 0;
   bottom: 0; }
 
 .ui-dialog .ui-resizable-sw {
   left: 0;
   bottom: 0; }
 
 .ui-dialog .ui-resizable-ne {
   right: 0;
   top: 0; }
 
 .ui-dialog .ui-resizable-nw {
   left: 0;
   top: 0; }
 
 .ui-draggable .ui-dialog-titlebar {
   cursor: move; }
 
 .ui-draggable-handle {
   -ms-touch-action: none;
   touch-action: none; }
 
 .ui-resizable {
   position: relative; }
 
 .ui-resizable-handle {
   position: absolute;
   font-size: 0.1px;
   display: block;
   -ms-touch-action: none;
   touch-action: none; }
 
 .ui-resizable-disabled .ui-resizable-handle,
 .ui-resizable-autohide .ui-resizable-handle {
   display: none; }
 
 .ui-resizable-n {
   cursor: n-resize;
   height: 7px;
   width: 100%;
   top: -5px;
   left: 0; }
 
 .ui-resizable-s {
   cursor: s-resize;
   height: 7px;
   width: 100%;
   bottom: -5px;
   left: 0; }
 
 .ui-resizable-e {
   cursor: e-resize;
   width: 7px;
   right: -5px;
   top: 0;
   height: 100%; }
 
 .ui-resizable-w {
   cursor: w-resize;
   width: 7px;
   left: -5px;
   top: 0;
   height: 100%; }
 
 .ui-resizable-se {
   cursor: se-resize;
   width: 12px;
   height: 12px;
   right: 1px;
   bottom: 1px; }
 
 .ui-resizable-sw {
   cursor: sw-resize;
   width: 9px;
   height: 9px;
   left: -5px;
   bottom: -5px; }
 
 .ui-resizable-nw {
   cursor: nw-resize;
   width: 9px;
   height: 9px;
   left: -5px;
   top: -5px; }
 
 .ui-resizable-ne {
   cursor: ne-resize;
   width: 9px;
   height: 9px;
   right: -5px;
   top: -5px; }
 
 .ui-progressbar {
   height: 2em;
   text-align: left;
   overflow: hidden; }
 
 .ui-progressbar .ui-progressbar-value {
   margin: -1px;
   height: 100%; }
 
 .ui-progressbar .ui-progressbar-overlay {
   background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
   height: 100%;
   filter: alpha(opacity=25);
   /* support: IE8 */
   opacity: 0.25; }
 
 .ui-progressbar-indeterminate .ui-progressbar-value {
   background-image: none; }
 
 .ui-selectable {
   -ms-touch-action: none;
   touch-action: none; }
 
 .ui-selectable-helper {
   position: absolute;
   z-index: 100;
   border: 1px dotted black; }
 
 .ui-selectmenu-menu {
   padding: 0;
   margin: 0;
   position: absolute;
   top: 0;
   left: 0;
   display: none; }
 
 .ui-selectmenu-menu .ui-menu {
   overflow: auto;
   overflow-x: hidden;
   padding-bottom: 1px; }
 
 .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
   font-size: 1em;
   font-weight: bold;
   line-height: 1.5;
   padding: 2px 0.4em;
   margin: 0.5em 0 0 0;
   height: auto;
   border: 0; }
 
 .ui-selectmenu-open {
   display: block; }
 
 .ui-selectmenu-text {
   display: block;
   margin-right: 20px;
   overflow: hidden;
   text-overflow: ellipsis; }
 
 .ui-selectmenu-button.ui-button {
   text-align: left;
   white-space: nowrap;
   width: 14em; }
 
 .ui-selectmenu-icon.ui-icon {
   float: right;
   margin-top: 0; }
 
 .ui-slider {
   position: relative;
   text-align: left; }
 
 .ui-slider .ui-slider-handle {
   position: absolute;
   z-index: 2;
   width: 1.2em;
   height: 1.2em;
   cursor: default;
   -ms-touch-action: none;
   touch-action: none; }
 
 .ui-slider .ui-slider-range {
   position: absolute;
   z-index: 1;
   font-size: .7em;
   display: block;
   border: 0;
   background-position: 0 0; }
 
 /* support: IE8 - See #6727 */
 .ui-slider.ui-state-disabled .ui-slider-handle,
 .ui-slider.ui-state-disabled .ui-slider-range {
   filter: inherit; }
 
 .ui-slider-horizontal {
   height: .8em; }
 
 .ui-slider-horizontal .ui-slider-handle {
   top: -.3em;
   margin-left: -.6em; }
 
 .ui-slider-horizontal .ui-slider-range {
   top: 0;
   height: 100%; }
 
 .ui-slider-horizontal .ui-slider-range-min {
   left: 0; }
 
 .ui-slider-horizontal .ui-slider-range-max {
   right: 0; }
 
 .ui-slider-vertical {
   width: .8em;
   height: 100px; }
 
 .ui-slider-vertical .ui-slider-handle {
   left: -.3em;
   margin-left: 0;
   margin-bottom: -.6em; }
 
 .ui-slider-vertical .ui-slider-range {
   left: 0;
   width: 100%; }
 
 .ui-slider-vertical .ui-slider-range-min {
   bottom: 0; }
 
 .ui-slider-vertical .ui-slider-range-max {
   top: 0; }
 
 .ui-sortable-handle {
   -ms-touch-action: none;
   touch-action: none; }
 
 .ui-spinner {
   position: relative;
   display: inline-block;
   overflow: hidden;
   padding: 0;
   vertical-align: middle; }
 
 .ui-spinner-input {
   border: none;
   background: none;
   color: inherit;
   padding: .222em 0;
   margin: .2em 0;
   vertical-align: middle;
   margin-left: .4em;
   margin-right: 2em; }
 
 .ui-spinner-button {
   width: 1.6em;
   height: 50%;
   font-size: .5em;
   padding: 0;
   margin: 0;
   text-align: center;
   position: absolute;
   cursor: default;
   display: block;
   overflow: hidden;
   right: 0; }
 
 /* more specificity required here to override default borders */
 .ui-spinner a.ui-spinner-button {
   border-top-style: none;
   border-bottom-style: none;
   border-right-style: none; }
 
 .ui-spinner-up {
   top: 0; }
 
 .ui-spinner-down {
   bottom: 0; }
 
 .ui-tabs {
   position: relative;
   /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
   padding: .2em; }
 
 .ui-tabs .ui-tabs-nav {
   margin: 0;
   padding: .2em .2em 0; }
 
 .ui-tabs .ui-tabs-nav li {
   list-style: none;
   float: left;
   position: relative;
   top: 0;
   margin: 1px .2em 0 0;
   border-bottom-width: 0;
   padding: 0;
   white-space: nowrap; }
 
 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
   float: left;
   padding: .5em 1em;
   text-decoration: none; }
 
 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
   margin-bottom: -1px;
   padding-bottom: 1px; }
 
 .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
 .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
 .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
   cursor: text; }
 
 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
   cursor: pointer; }
 
 .ui-tabs .ui-tabs-panel {
   display: block;
   border-width: 0;
   padding: 1em 1.4em;
   background: none; }
 
 .ui-tooltip {
   padding: 8px;
   position: absolute;
   z-index: 9999;
   max-width: 300px; }
 
 body .ui-tooltip {
   border-width: 2px; }
 
 /* Component containers
 ----------------------------------*/
 .ui-widget {
   font-family: Arial,Helvetica,sans-serif;
   font-size: 1em; }
 
 .ui-widget .ui-widget {
   font-size: 1em; }
 
 .ui-widget input,
 .ui-widget select,
 .ui-widget textarea,
 .ui-widget button {
   font-family: Arial,Helvetica,sans-serif;
   font-size: 1em; }
 
 .ui-widget.ui-widget-content {
   border: 1px solid #c5c5c5; }
 
 .ui-widget-content {
   border: 1px solid #dddddd;
   background: #ffffff;
   color: #333333; }
 
 .ui-widget-content a {
   color: #333333; }
 
 .ui-widget-header {
   border: 1px solid #dddddd;
   background: #e9e9e9;
   color: #333333;
   font-weight: bold; }
 
 .ui-widget-header a {
   color: #333333; }
 
 /* Interaction states
 ----------------------------------*/
 .ui-state-default,
 .ui-widget-content .ui-state-default,
 .ui-widget-header .ui-state-default,
 .ui-button,
 html .ui-button.ui-state-disabled:hover,
 html .ui-button.ui-state-disabled:active {
   border: 1px solid #c5c5c5;
   background: #f6f6f6;
   font-weight: normal;
   color: #454545; }
 
 .ui-state-default a,
 .ui-state-default a:link,
 .ui-state-default a:visited,
 a.ui-button,
 a:link.ui-button,
 a:visited.ui-button,
 .ui-button {
   color: #454545;
   text-decoration: none; }
 
 .ui-state-hover,
 .ui-widget-content .ui-state-hover,
 .ui-widget-header .ui-state-hover,
 .ui-state-focus,
 .ui-widget-content .ui-state-focus,
 .ui-widget-header .ui-state-focus,
 .ui-button:hover,
 .ui-button:focus {
   border: 1px solid #cccccc;
   background: #ededed;
   font-weight: normal;
   color: #2b2b2b; }
 
 .ui-state-hover a,
 .ui-state-hover a:hover,
 .ui-state-hover a:link,
 .ui-state-hover a:visited,
 .ui-state-focus a,
 .ui-state-focus a:hover,
 .ui-state-focus a:link,
 .ui-state-focus a:visited,
 a.ui-button:hover,
 a.ui-button:focus {
   color: #2b2b2b;
   text-decoration: none; }
 
 .ui-visual-focus {
   box-shadow: 0 0 3px 1px #5e9ed6; }
 
 .ui-state-active,
 .ui-widget-content .ui-state-active,
 .ui-widget-header .ui-state-active,
 a.ui-button:active,
 .ui-button:active,
 .ui-button.ui-state-active:hover {
   border: 1px solid #003eff;
   background: #007fff;
   font-weight: normal;
   color: #ffffff; }
 
 .ui-icon-background,
 .ui-state-active .ui-icon-background {
   border: #003eff;
   background-color: #ffffff; }
 
 .ui-state-active a,
 .ui-state-active a:link,
 .ui-state-active a:visited {
   color: #ffffff;
   text-decoration: none; }
 
 /* Interaction Cues
 ----------------------------------*/
 .ui-state-highlight,
 .ui-widget-content .ui-state-highlight,
 .ui-widget-header .ui-state-highlight {
   border: 1px solid #dad55e;
   background: #fffa90;
   color: #777620; }
 
 .ui-state-checked {
   border: 1px solid #dad55e;
   background: #fffa90; }
 
 .ui-state-highlight a,
 .ui-widget-content .ui-state-highlight a,
 .ui-widget-header .ui-state-highlight a {
   color: #777620; }
 
 .ui-state-error,
 .ui-widget-content .ui-state-error,
 .ui-widget-header .ui-state-error {
   border: 1px solid #f1a899;
   background: #fddfdf;
   color: #5f3f3f; }
 
 .ui-state-error a,
 .ui-widget-content .ui-state-error a,
 .ui-widget-header .ui-state-error a {
   color: #5f3f3f; }
 
 .ui-state-error-text,
 .ui-widget-content .ui-state-error-text,
 .ui-widget-header .ui-state-error-text {
   color: #5f3f3f; }
 
 .ui-priority-primary,
 .ui-widget-content .ui-priority-primary,
 .ui-widget-header .ui-priority-primary {
   font-weight: bold; }
 
 .ui-priority-secondary,
 .ui-widget-content .ui-priority-secondary,
 .ui-widget-header .ui-priority-secondary {
   opacity: .7;
   filter: Alpha(Opacity=70);
   /* support: IE8 */
   font-weight: normal; }
 
 .ui-state-disabled,
 .ui-widget-content .ui-state-disabled,
 .ui-widget-header .ui-state-disabled {
   opacity: .35;
   filter: Alpha(Opacity=35);
   /* support: IE8 */
   background-image: none; }
 
 .ui-state-disabled .ui-icon {
   filter: Alpha(Opacity=35);
   /* support: IE8 - See #6059 */ }
 
 /* Icons
 ----------------------------------*/
 /* states and images */
 .ui-icon {
   width: 16px;
   height: 16px; }
 
 .ui-icon,
 .ui-widget-content .ui-icon {
   background-image: url("images/ui-icons_444444_256x240.png"); }
 
 .ui-widget-header .ui-icon {
   background-image: url("images/ui-icons_444444_256x240.png"); }
 
 .ui-state-hover .ui-icon,
 .ui-state-focus .ui-icon,
 .ui-button:hover .ui-icon,
 .ui-button:focus .ui-icon {
   background-image: url("images/ui-icons_555555_256x240.png"); }
 
 .ui-state-active .ui-icon,
 .ui-button:active .ui-icon {
   background-image: url("images/ui-icons_ffffff_256x240.png"); }
 
 .ui-state-highlight .ui-icon,
 .ui-button .ui-state-highlight.ui-icon {
   background-image: url("images/ui-icons_777620_256x240.png"); }
 
 .ui-state-error .ui-icon,
 .ui-state-error-text .ui-icon {
   background-image: url("images/ui-icons_cc0000_256x240.png"); }
 
 .ui-button .ui-icon {
   background-image: url("images/ui-icons_777777_256x240.png"); }
 
 /* positioning */
 .ui-icon-blank {
   background-position: 16px 16px; }
 
 .ui-icon-caret-1-n {
   background-position: 0 0; }
 
 .ui-icon-caret-1-ne {
   background-position: -16px 0; }
 
 .ui-icon-caret-1-e {
   background-position: -32px 0; }
 
 .ui-icon-caret-1-se {
   background-position: -48px 0; }
 
 .ui-icon-caret-1-s {
   background-position: -65px 0; }
 
 .ui-icon-caret-1-sw {
   background-position: -80px 0; }
 
 .ui-icon-caret-1-w {
   background-position: -96px 0; }
 
 .ui-icon-caret-1-nw {
   background-position: -112px 0; }
 
 .ui-icon-caret-2-n-s {
   background-position: -128px 0; }
 
 .ui-icon-caret-2-e-w {
   background-position: -144px 0; }
 
 .ui-icon-triangle-1-n {
   background-position: 0 -16px; }
 
 .ui-icon-triangle-1-ne {
   background-position: -16px -16px; }
 
 .ui-icon-triangle-1-e {
   background-position: -32px -16px; }
 
 .ui-icon-triangle-1-se {
   background-position: -48px -16px; }
 
 .ui-icon-triangle-1-s {
   background-position: -65px -16px; }
 
 .ui-icon-triangle-1-sw {
   background-position: -80px -16px; }
 
 .ui-icon-triangle-1-w {
   background-position: -96px -16px; }
 
 .ui-icon-triangle-1-nw {
   background-position: -112px -16px; }
 
 .ui-icon-triangle-2-n-s {
   background-position: -128px -16px; }
 
 .ui-icon-triangle-2-e-w {
   background-position: -144px -16px; }
 
 .ui-icon-arrow-1-n {
   background-position: 0 -32px; }
 
 .ui-icon-arrow-1-ne {
   background-position: -16px -32px; }
 
 .ui-icon-arrow-1-e {
   background-position: -32px -32px; }
 
 .ui-icon-arrow-1-se {
   background-position: -48px -32px; }
 
 .ui-icon-arrow-1-s {
   background-position: -65px -32px; }
 
 .ui-icon-arrow-1-sw {
   background-position: -80px -32px; }
 
 .ui-icon-arrow-1-w {
   background-position: -96px -32px; }
 
 .ui-icon-arrow-1-nw {
   background-position: -112px -32px; }
 
 .ui-icon-arrow-2-n-s {
   background-position: -128px -32px; }
 
 .ui-icon-arrow-2-ne-sw {
   background-position: -144px -32px; }
 
 .ui-icon-arrow-2-e-w {
   background-position: -160px -32px; }
 
 .ui-icon-arrow-2-se-nw {
   background-position: -176px -32px; }
 
 .ui-icon-arrowstop-1-n {
   background-position: -192px -32px; }
 
 .ui-icon-arrowstop-1-e {
   background-position: -208px -32px; }
 
 .ui-icon-arrowstop-1-s {
   background-position: -224px -32px; }
 
 .ui-icon-arrowstop-1-w {
   background-position: -240px -32px; }
 
 .ui-icon-arrowthick-1-n {
   background-position: 1px -48px; }
 
 .ui-icon-arrowthick-1-ne {
   background-position: -16px -48px; }
 
 .ui-icon-arrowthick-1-e {
   background-position: -32px -48px; }
 
 .ui-icon-arrowthick-1-se {
   background-position: -48px -48px; }
 
 .ui-icon-arrowthick-1-s {
   background-position: -64px -48px; }
 
 .ui-icon-arrowthick-1-sw {
   background-position: -80px -48px; }
 
 .ui-icon-arrowthick-1-w {
   background-position: -96px -48px; }
 
 .ui-icon-arrowthick-1-nw {
   background-position: -112px -48px; }
 
 .ui-icon-arrowthick-2-n-s {
   background-position: -128px -48px; }
 
 .ui-icon-arrowthick-2-ne-sw {
   background-position: -144px -48px; }
 
 .ui-icon-arrowthick-2-e-w {
   background-position: -160px -48px; }
 
 .ui-icon-arrowthick-2-se-nw {
   background-position: -176px -48px; }
 
 .ui-icon-arrowthickstop-1-n {
   background-position: -192px -48px; }
 
 .ui-icon-arrowthickstop-1-e {
   background-position: -208px -48px; }
 
 .ui-icon-arrowthickstop-1-s {
   background-position: -224px -48px; }
 
 .ui-icon-arrowthickstop-1-w {
   background-position: -240px -48px; }
 
 .ui-icon-arrowreturnthick-1-w {
   background-position: 0 -64px; }
 
 .ui-icon-arrowreturnthick-1-n {
   background-position: -16px -64px; }
 
 .ui-icon-arrowreturnthick-1-e {
   background-position: -32px -64px; }
 
 .ui-icon-arrowreturnthick-1-s {
   background-position: -48px -64px; }
 
 .ui-icon-arrowreturn-1-w {
   background-position: -64px -64px; }
 
 .ui-icon-arrowreturn-1-n {
   background-position: -80px -64px; }
 
 .ui-icon-arrowreturn-1-e {
   background-position: -96px -64px; }
 
 .ui-icon-arrowreturn-1-s {
   background-position: -112px -64px; }
 
 .ui-icon-arrowrefresh-1-w {
   background-position: -128px -64px; }
 
 .ui-icon-arrowrefresh-1-n {
   background-position: -144px -64px; }
 
 .ui-icon-arrowrefresh-1-e {
   background-position: -160px -64px; }
 
 .ui-icon-arrowrefresh-1-s {
   background-position: -176px -64px; }
 
 .ui-icon-arrow-4 {
   background-position: 0 -80px; }
 
 .ui-icon-arrow-4-diag {
   background-position: -16px -80px; }
 
 .ui-icon-extlink {
   background-position: -32px -80px; }
 
 .ui-icon-newwin {
   background-position: -48px -80px; }
 
 .ui-icon-refresh {
   background-position: -64px -80px; }
 
 .ui-icon-shuffle {
   background-position: -80px -80px; }
 
 .ui-icon-transfer-e-w {
   background-position: -96px -80px; }
 
 .ui-icon-transferthick-e-w {
   background-position: -112px -80px; }
 
 .ui-icon-folder-collapsed {
   background-position: 0 -96px; }
 
 .ui-icon-folder-open {
   background-position: -16px -96px; }
 
 .ui-icon-document {
   background-position: -32px -96px; }
 
 .ui-icon-document-b {
   background-position: -48px -96px; }
 
 .ui-icon-note {
   background-position: -64px -96px; }
 
 .ui-icon-mail-closed {
   background-position: -80px -96px; }
 
 .ui-icon-mail-open {
   background-position: -96px -96px; }
 
 .ui-icon-suitcase {
   background-position: -112px -96px; }
 
 .ui-icon-comment {
   background-position: -128px -96px; }
 
 .ui-icon-person {
   background-position: -144px -96px; }
 
 .ui-icon-print {
   background-position: -160px -96px; }
 
 .ui-icon-trash {
   background-position: -176px -96px; }
 
 .ui-icon-locked {
   background-position: -192px -96px; }
 
 .ui-icon-unlocked {
   background-position: -208px -96px; }
 
 .ui-icon-bookmark {
   background-position: -224px -96px; }
 
 .ui-icon-tag {
   background-position: -240px -96px; }
 
 .ui-icon-home {
   background-position: 0 -112px; }
 
 .ui-icon-flag {
   background-position: -16px -112px; }
 
 .ui-icon-calendar {
   background-position: -32px -112px; }
 
 .ui-icon-cart {
   background-position: -48px -112px; }
 
 .ui-icon-pencil {
   background-position: -64px -112px; }
 
 .ui-icon-clock {
   background-position: -80px -112px; }
 
 .ui-icon-disk {
   background-position: -96px -112px; }
 
 .ui-icon-calculator {
   background-position: -112px -112px; }
 
 .ui-icon-zoomin {
   background-position: -128px -112px; }
 
 .ui-icon-zoomout {
   background-position: -144px -112px; }
 
 .ui-icon-search {
   background-position: -160px -112px; }
 
 .ui-icon-wrench {
   background-position: -176px -112px; }
 
 .ui-icon-gear {
   background-position: -192px -112px; }
 
 .ui-icon-heart {
   background-position: -208px -112px; }
 
 .ui-icon-star {
   background-position: -224px -112px; }
 
 .ui-icon-link {
   background-position: -240px -112px; }
 
 .ui-icon-cancel {
   background-position: 0 -128px; }
 
 .ui-icon-plus {
   background-position: -16px -128px; }
 
 .ui-icon-plusthick {
   background-position: -32px -128px; }
 
 .ui-icon-minus {
   background-position: -48px -128px; }
 
 .ui-icon-minusthick {
   background-position: -64px -128px; }
 
 .ui-icon-close {
   background-position: -80px -128px; }
 
 .ui-icon-closethick {
   background-position: -96px -128px; }
 
 .ui-icon-key {
   background-position: -112px -128px; }
 
 .ui-icon-lightbulb {
   background-position: -128px -128px; }
 
 .ui-icon-scissors {
   background-position: -144px -128px; }
 
 .ui-icon-clipboard {
   background-position: -160px -128px; }
 
 .ui-icon-copy {
   background-position: -176px -128px; }
 
 .ui-icon-contact {
   background-position: -192px -128px; }
 
 .ui-icon-image {
   background-position: -208px -128px; }
 
 .ui-icon-video {
   background-position: -224px -128px; }
 
 .ui-icon-script {
   background-position: -240px -128px; }
 
 .ui-icon-alert {
   background-position: 0 -144px; }
 
 .ui-icon-info {
   background-position: -16px -144px; }
 
 .ui-icon-notice {
   background-position: -32px -144px; }
 
 .ui-icon-help {
   background-position: -48px -144px; }
 
 .ui-icon-check {
   background-position: -64px -144px; }
 
 .ui-icon-bullet {
   background-position: -80px -144px; }
 
 .ui-icon-radio-on {
   background-position: -96px -144px; }
 
 .ui-icon-radio-off {
   background-position: -112px -144px; }
 
 .ui-icon-pin-w {
   background-position: -128px -144px; }
 
 .ui-icon-pin-s {
   background-position: -144px -144px; }
 
 .ui-icon-play {
   background-position: 0 -160px; }
 
 .ui-icon-pause {
   background-position: -16px -160px; }
 
 .ui-icon-seek-next {
   background-position: -32px -160px; }
 
 .ui-icon-seek-prev {
   background-position: -48px -160px; }
 
 .ui-icon-seek-end {
   background-position: -64px -160px; }
 
 .ui-icon-seek-start {
   background-position: -80px -160px; }
 
 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
 .ui-icon-seek-first {
   background-position: -80px -160px; }
 
 .ui-icon-stop {
   background-position: -96px -160px; }
 
 .ui-icon-eject {
   background-position: -112px -160px; }
 
 .ui-icon-volume-off {
   background-position: -128px -160px; }
 
 .ui-icon-volume-on {
   background-position: -144px -160px; }
 
 .ui-icon-power {
   background-position: 0 -176px; }
 
 .ui-icon-signal-diag {
   background-position: -16px -176px; }
 
 .ui-icon-signal {
   background-position: -32px -176px; }
 
 .ui-icon-battery-0 {
   background-position: -48px -176px; }
 
 .ui-icon-battery-1 {
   background-position: -64px -176px; }
 
 .ui-icon-battery-2 {
   background-position: -80px -176px; }
 
 .ui-icon-battery-3 {
   background-position: -96px -176px; }
 
 .ui-icon-circle-plus {
   background-position: 0 -192px; }
 
 .ui-icon-circle-minus {
   background-position: -16px -192px; }
 
 .ui-icon-circle-close {
   background-position: -32px -192px; }
 
 .ui-icon-circle-triangle-e {
   background-position: -48px -192px; }
 
 .ui-icon-circle-triangle-s {
   background-position: -64px -192px; }
 
 .ui-icon-circle-triangle-w {
   background-position: -80px -192px; }
 
 .ui-icon-circle-triangle-n {
   background-position: -96px -192px; }
 
 .ui-icon-circle-arrow-e {
   background-position: -112px -192px; }
 
 .ui-icon-circle-arrow-s {
   background-position: -128px -192px; }
 
 .ui-icon-circle-arrow-w {
   background-position: -144px -192px; }
 
 .ui-icon-circle-arrow-n {
   background-position: -160px -192px; }
 
 .ui-icon-circle-zoomin {
   background-position: -176px -192px; }
 
 .ui-icon-circle-zoomout {
   background-position: -192px -192px; }
 
 .ui-icon-circle-check {
   background-position: -208px -192px; }
 
 .ui-icon-circlesmall-plus {
   background-position: 0 -208px; }
 
 .ui-icon-circlesmall-minus {
   background-position: -16px -208px; }
 
 .ui-icon-circlesmall-close {
   background-position: -32px -208px; }
 
 .ui-icon-squaresmall-plus {
   background-position: -48px -208px; }
 
 .ui-icon-squaresmall-minus {
   background-position: -64px -208px; }
 
 .ui-icon-squaresmall-close {
   background-position: -80px -208px; }
 
 .ui-icon-grip-dotted-vertical {
   background-position: 0 -224px; }
 
 .ui-icon-grip-dotted-horizontal {
   background-position: -16px -224px; }
 
 .ui-icon-grip-solid-vertical {
   background-position: -32px -224px; }
 
 .ui-icon-grip-solid-horizontal {
   background-position: -48px -224px; }
 
 .ui-icon-gripsmall-diagonal-se {
   background-position: -64px -224px; }
 
 .ui-icon-grip-diagonal-se {
   background-position: -80px -224px; }
 
 /* Misc visuals
 ----------------------------------*/
 /* Corner radius */
 .ui-corner-all,
 .ui-corner-top,
 .ui-corner-left,
 .ui-corner-tl {
   border-top-left-radius: 3px; }
 
 .ui-corner-all,
 .ui-corner-top,
 .ui-corner-right,
 .ui-corner-tr {
   border-top-right-radius: 3px; }
 
 .ui-corner-all,
 .ui-corner-bottom,
 .ui-corner-left,
 .ui-corner-bl {
   border-bottom-left-radius: 3px; }
 
 .ui-corner-all,
 .ui-corner-bottom,
 .ui-corner-right,
 .ui-corner-br {
   border-bottom-right-radius: 3px; }
 
 /* Overlays */
 .ui-widget-overlay {
   background: #aaaaaa;
   opacity: .3;
   filter: Alpha(Opacity=30);
   /* support: IE8 */ }
 
 .ui-widget-shadow {
   -webkit-box-shadow: 0px 0px 5px #666666;
   box-shadow: 0px 0px 5px #666666; }
 
 #slides {
   position: relative; }
 
 /*#slides .slides-container {
  display: block; }*/
 
 #slides .scrollable {
   *zoom: 1;
   position: relative;
   top: 0;
   left: 0;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   height: 100%; }
 
 #slides .scrollable:after {
   content: "";
   display: table;
   clear: both; }
 
 .slides-navigation {
   margin: 0 auto;
   position: absolute;
   z-index: 3;
   top: 46%;
   width: 100%; }
 
 .slides-navigation a {
   position: absolute;
   display: block; }
 
 .slides-navigation a.prev {
   left: 0; }
 
 .slides-navigation a.next {
   right: 0; }
 
 .slides-pagination {
   position: absolute;
   z-index: 3;
   bottom: 0;
   text-align: center;
   width: 100%; }
 
 .slides-pagination a {
   border: 2px solid #707070;
   border-radius: 15px;
   width: 10px;
   height: 10px;
   display: -moz-inline-stack;
   display: inline-block;
   vertical-align: middle;
   zoom: 1;
   margin: 2px;
   overflow: hidden;
   text-indent: -100%; }
 
 .slides-pagination a.current {
   background: #222; }
 
 /**
  * Owl Carousel v2.2.1
  * Copyright 2013-2017 David Deutsch
  * Licensed under  ()
  */
 /*
  *  Owl Carousel - Core
  */
 .owl-carousel {
   display: none;
   width: 100%;
   -webkit-tap-highlight-color: transparent;
   /* position relative and z-index fix webkit rendering fonts issue */
   position: relative;
   z-index: 1; }
 
 .owl-carousel .owl-stage {
   position: relative;
   -ms-touch-action: pan-Y;
   -moz-backface-visibility: hidden;
   /* fix firefox animation glitch */ }
 
 .owl-carousel .owl-stage:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0; }
 
 .owl-carousel .owl-stage-outer {
   position: relative;
   overflow: hidden;
   /* fix for flashing background */
   -webkit-transform: translate3d(0px, 0px, 0px); }
 
 .owl-carousel .owl-wrapper,
 .owl-carousel .owl-item {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0); }
 
 .owl-carousel .owl-item {
   position: relative;
   min-height: 1px;
   float: left;
   -webkit-backface-visibility: hidden;
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none; }
 
 .owl-carousel .owl-item img {
   display: block;
   width: 100%; }
 
 .owl-carousel .owl-nav.disabled,
 .owl-carousel .owl-dots.disabled {
   display: none; }
 
 .owl-carousel .owl-nav .owl-prev,
 .owl-carousel .owl-nav .owl-next,
 .owl-carousel .owl-dot {
   cursor: pointer;
   cursor: hand;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none; }
 
 .owl-carousel.owl-loaded {
   display: block; }
 
 .owl-carousel.owl-loading {
   opacity: 0;
   display: block; }
 
 .owl-carousel.owl-hidden {
   opacity: 0; }
 
 .owl-carousel.owl-refresh .owl-item {
   visibility: hidden; }
 
 .owl-carousel.owl-drag .owl-item {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none; }
 
 .owl-carousel.owl-grab {
   cursor: move;
   cursor: grab; }
 
 .owl-carousel.owl-rtl {
   direction: rtl; }
 
 .owl-carousel.owl-rtl .owl-item {
   float: right; }
 
 /* No Js */
 .no-js .owl-carousel {
   display: block; }
 
 /*
  *  Owl Carousel - Animate Plugin
  */
 .owl-carousel .animated {
   animation-duration: 1000ms;
   animation-fill-mode: both; }
 
 .owl-carousel .owl-animated-in {
   z-index: 0; }
 
 .owl-carousel .owl-animated-out {
   z-index: 1; }
 
 .owl-carousel .fadeOut {
   animation-name: fadeOut; }
 
 @keyframes fadeOut {
   0% {
     opacity: 1; }
   100% {
     opacity: 0; } }
 /*
  * 	Owl Carousel - Auto Height Plugin
  */
 .owl-height {
   transition: height 500ms ease-in-out; }
 
 /*
  * 	Owl Carousel - Lazy Load Plugin
  */
 .owl-carousel .owl-item .owl-lazy {
   opacity: 0;
   transition: opacity 400ms ease; }
 
 .owl-carousel .owl-item img.owl-lazy {
   transform-style: preserve-3d; }
 
 /*
  * 	Owl Carousel - Video Plugin
  */
 .owl-carousel .owl-video-wrapper {
   position: relative;
   height: 100%;
   background: #000; }
 
 .owl-carousel .owl-video-play-icon {
   position: absolute;
   height: 80px;
   width: 80px;
   left: 50%;
   top: 50%;
   margin-left: -40px;
   margin-top: -40px;
   background: url("owl.video.play.png") no-repeat;
   cursor: pointer;
   z-index: 1;
   -webkit-backface-visibility: hidden;
   transition: transform 100ms ease; }
 
 .owl-carousel .owl-video-play-icon:hover {
   -ms-transform: scale(1.3, 1.3);
   transform: scale(1.3, 1.3); }
 
 .owl-carousel .owl-video-playing .owl-video-tn,
 .owl-carousel .owl-video-playing .owl-video-play-icon {
   display: none; }
 
 .owl-carousel .owl-video-tn {
   opacity: 0;
   height: 100%;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
   transition: opacity 400ms ease; }
 
 .owl-carousel .owl-video-frame {
   position: relative;
   z-index: 1;
   height: 100%;
   width: 100%; }
 
 .holder {
   margin: 15px 0; }
 
 .holder a {
   font-size: 12px;
   cursor: pointer;
   margin: 0 5px;
   color: #333; }
 
 .holder a:hover {
   background-color: #222;
   color: #fff; }
 
 .holder a.jp-previous {
   margin-right: 15px; }
 
 .holder a.jp-next {
   margin-left: 15px; }
 
 .holder a.jp-current, a.jp-current:hover {
   color: #FF4242;
   font-weight: bold; }
 
 .holder a.jp-disabled, a.jp-disabled:hover {
   color: #bbb; }
 
 .holder a.jp-current, a.jp-current:hover,
 .holder a.jp-disabled, a.jp-disabled:hover {
   cursor: default;
   background: none; }
 
 .holder span {
   margin: 0 5px; }
 
 /**
  * bxSlider v4.2.5
  * Copyright 2013-2015 Steven Wanderski
  * Written while drinking Belgian ales and listening to jazz
 
  * Licensed under MIT (http://opensource.org/licenses/MIT)
  */
 /** VARIABLES 
 ===================================*/
 /** RESET AND LAYOUT
 ===================================*/
 .bx-wrapper {
   position: relative;
   margin: 0 auto 60px;
   padding: 0;
   *zoom: 1;
   -ms-touch-action: pan-y;
   touch-action: pan-y; }
 
 .bx-wrapper img {
   max-width: 100%;
   display: block; }
 
 .bxslider {
   margin: 0;
   padding: 0; }
 
 ul.bxslider {
   list-style: none; }
 
 .bx-viewport {
   /*fix other elements on the page moving (on Chrome)*/
   -webkit-transform: translatez(0); }
 
 /** THEME
 ===================================*/
 .bx-wrapper {
   -moz-box-shadow: 0 0 5px #ccc;
   -webkit-box-shadow: 0 0 5px #ccc;
   box-shadow: 0 0 5px #ccc;
   border: 5px solid #fff;
   background: #fff; }
 
 .bx-wrapper .bx-pager,
 .bx-wrapper .bx-controls-auto {
   position: absolute;
   bottom: -30px;
   width: 100%; }
 
 /* LOADER */
 .bx-wrapper .bx-loading {
   min-height: 50px;
   background: url("images/bx_loader.gif") center center no-repeat #ffffff;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2000; }
 
 /* PAGER */
 .bx-wrapper .bx-pager {
   text-align: center;
   font-size: .85em;
   font-family: Arial;
   font-weight: bold;
   color: #666;
   padding-top: 20px; }
 
 .bx-wrapper .bx-pager.bx-default-pager a {
   background: #666;
   text-indent: -9999px;
   display: block;
   width: 10px;
   height: 10px;
   margin: 0 5px;
   outline: 0;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px; }
 
 .bx-wrapper .bx-pager.bx-default-pager a:hover,
 .bx-wrapper .bx-pager.bx-default-pager a.active,
 .bx-wrapper .bx-pager.bx-default-pager a:focus {
   background: #000; }
 
 .bx-wrapper .bx-pager-item,
 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
   display: inline-block;
   *zoom: 1;
   *display: inline; }
 
 .bx-wrapper .bx-pager-item {
   font-size: 0;
   line-height: 0; }
 
 /* DIRECTION CONTROLS (NEXT / PREV) */
 .bx-wrapper .bx-prev {
   left: 10px;
   background: url("images/controls.png") no-repeat 0 -32px; }
 
 .bx-wrapper .bx-prev:hover,
 .bx-wrapper .bx-prev:focus {
   background-position: 0 0; }
 
 .bx-wrapper .bx-next {
   right: 10px;
   background: url("images/controls.png") no-repeat -43px -32px; }
 
 .bx-wrapper .bx-next:hover,
 .bx-wrapper .bx-next:focus {
   background-position: -43px 0; }
 
 .bx-wrapper .bx-controls-direction a {
   position: absolute;
   top: 50%;
   margin-top: -16px;
   outline: 0;
   width: 32px;
   height: 32px;
   text-indent: -9999px;
   z-index: 9999; }
 
 .bx-wrapper .bx-controls-direction a.disabled {
   display: none; }
 
 /* AUTO CONTROLS (START / STOP) */
 .bx-wrapper .bx-controls-auto {
   text-align: center; }
 
 .bx-wrapper .bx-controls-auto .bx-start {
   display: block;
   text-indent: -9999px;
   width: 10px;
   height: 11px;
   outline: 0;
   background: url("images/controls.png") -86px -11px no-repeat;
   margin: 0 3px; }
 
 .bx-wrapper .bx-controls-auto .bx-start:hover,
 .bx-wrapper .bx-controls-auto .bx-start.active,
 .bx-wrapper .bx-controls-auto .bx-start:focus {
   background-position: -86px 0; }
 
 .bx-wrapper .bx-controls-auto .bx-stop {
   display: block;
   text-indent: -9999px;
   width: 9px;
   height: 11px;
   outline: 0;
   background: url("images/controls.png") -86px -44px no-repeat;
   margin: 0 3px; }
 
 .bx-wrapper .bx-controls-auto .bx-stop:hover,
 .bx-wrapper .bx-controls-auto .bx-stop.active,
 .bx-wrapper .bx-controls-auto .bx-stop:focus {
   background-position: -86px -33px; }
 
 /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
   text-align: left;
   width: 80%; }
 
 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
   right: 0;
   width: 35px; }
 
 /* IMAGE CAPTIONS */
 .bx-wrapper .bx-caption {
   position: absolute;
   bottom: 0;
   left: 0;
   background: #666;
   background: rgba(80, 80, 80, 0.75);
   width: 100%; }
 
 .bx-wrapper .bx-caption span {
   color: #fff;
   font-family: Arial;
   display: block;
   font-size: .85em;
   padding: 10px; }
 
 /*!
  * animate.css -http://daneden.me/animate
  * Version - 3.5.2
  * Licensed under the MIT license - http://opensource.org/licenses/MIT
  *
  * Copyright (c) 2017 Daniel Eden
  */
 .animated {
   animation-duration: 1s;
   animation-fill-mode: both; }
 
 .animated.infinite {
   animation-iteration-count: infinite; }
 
 .animated.hinge {
   animation-duration: 2s; }
 
 .animated.flipOutX,
 .animated.flipOutY,
 .animated.bounceIn,
 .animated.bounceOut {
   animation-duration: .75s; }
 
 @keyframes bounce {
   from, 20%, 53%, 80%, to {
     animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
     transform: translate3d(0, 0, 0); }
   40%, 43% {
     animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
     transform: translate3d(0, -30px, 0); }
   70% {
     animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
     transform: translate3d(0, -15px, 0); }
   90% {
     transform: translate3d(0, -4px, 0); } }
 .bounce {
   animation-name: bounce;
   transform-origin: center bottom; }
 
 @keyframes flash {
   from, 50%, to {
     opacity: 1; }
   25%, 75% {
     opacity: 0; } }
 .flash {
   animation-name: flash; }
 
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @keyframes pulse {
   from {
     transform: scale3d(1, 1, 1); }
   50% {
     transform: scale3d(1.05, 1.05, 1.05); }
   to {
     transform: scale3d(1, 1, 1); } }
 .pulse {
   animation-name: pulse; }
 
 @keyframes rubberBand {
   from {
     transform: scale3d(1, 1, 1); }
   30% {
     transform: scale3d(1.25, 0.75, 1); }
   40% {
     transform: scale3d(0.75, 1.25, 1); }
   50% {
     transform: scale3d(1.15, 0.85, 1); }
   65% {
     transform: scale3d(0.95, 1.05, 1); }
   75% {
     transform: scale3d(1.05, 0.95, 1); }
   to {
     transform: scale3d(1, 1, 1); } }
 .rubberBand {
   animation-name: rubberBand; }
 
 @keyframes shake {
   from, to {
     transform: translate3d(0, 0, 0); }
   10%, 30%, 50%, 70%, 90% {
     transform: translate3d(-10px, 0, 0); }
   20%, 40%, 60%, 80% {
     transform: translate3d(10px, 0, 0); } }
 .shake {
   animation-name: shake; }
 
 @keyframes headShake {
   0% {
     transform: translateX(0); }
   6.5% {
     transform: translateX(-6px) rotateY(-9deg); }
   18.5% {
     transform: translateX(5px) rotateY(7deg); }
   31.5% {
     transform: translateX(-3px) rotateY(-5deg); }
   43.5% {
     transform: translateX(2px) rotateY(3deg); }
   50% {
     transform: translateX(0); } }
 .headShake {
   animation-timing-function: ease-in-out;
   animation-name: headShake; }
 
 @keyframes swing {
   20% {
     transform: rotate3d(0, 0, 1, 15deg); }
   40% {
     transform: rotate3d(0, 0, 1, -10deg); }
   60% {
     transform: rotate3d(0, 0, 1, 5deg); }
   80% {
     transform: rotate3d(0, 0, 1, -5deg); }
   to {
     transform: rotate3d(0, 0, 1, 0deg); } }
 .swing {
   transform-origin: top center;
   animation-name: swing; }
 
 @keyframes tada {
   from {
     transform: scale3d(1, 1, 1); }
   10%, 20% {
     transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
   30%, 50%, 70%, 90% {
     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
   40%, 60%, 80% {
     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
   to {
     transform: scale3d(1, 1, 1); } }
 .tada {
   animation-name: tada; }
 
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @keyframes wobble {
   from {
     transform: none; }
   15% {
     transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
   30% {
     transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
   45% {
     transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
   60% {
     transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
   75% {
     transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
   to {
     transform: none; } }
 .wobble {
   animation-name: wobble; }
 
 @keyframes jello {
   from, 11.1%, to {
     transform: none; }
   22.2% {
     transform: skewX(-12.5deg) skewY(-12.5deg); }
   33.3% {
     transform: skewX(6.25deg) skewY(6.25deg); }
   44.4% {
     transform: skewX(-3.125deg) skewY(-3.125deg); }
   55.5% {
     transform: skewX(1.5625deg) skewY(1.5625deg); }
   66.6% {
     transform: skewX(-0.78125deg) skewY(-0.78125deg); }
   77.7% {
     transform: skewX(0.390625deg) skewY(0.390625deg); }
   88.8% {
     transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
 .jello {
   animation-name: jello;
   transform-origin: center; }
 
 @keyframes bounceIn {
   from, 20%, 40%, 60%, 80%, to {
     animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
   0% {
     opacity: 0;
     transform: scale3d(0.3, 0.3, 0.3); }
   20% {
     transform: scale3d(1.1, 1.1, 1.1); }
   40% {
     transform: scale3d(0.9, 0.9, 0.9); }
   60% {
     opacity: 1;
     transform: scale3d(1.03, 1.03, 1.03); }
   80% {
     transform: scale3d(0.97, 0.97, 0.97); }
   to {
     opacity: 1;
     transform: scale3d(1, 1, 1); } }
 .bounceIn {
   animation-name: bounceIn; }
 
 @keyframes bounceInDown {
   from, 60%, 75%, 90%, to {
     animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
   0% {
     opacity: 0;
     transform: translate3d(0, -3000px, 0); }
   60% {
     opacity: 1;
     transform: translate3d(0, 25px, 0); }
   75% {
     transform: translate3d(0, -10px, 0); }
   90% {
     transform: translate3d(0, 5px, 0); }
   to {
     transform: none; } }
 .bounceInDown {
   animation-name: bounceInDown; }
 
 @keyframes bounceInLeft {
   from, 60%, 75%, 90%, to {
     animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
   0% {
     opacity: 0;
     transform: translate3d(-3000px, 0, 0); }
   60% {
     opacity: 1;
     transform: translate3d(25px, 0, 0); }
   75% {
     transform: translate3d(-10px, 0, 0); }
   90% {
     transform: translate3d(5px, 0, 0); }
   to {
     transform: none; } }
 .bounceInLeft {
   animation-name: bounceInLeft; }
 
 @keyframes bounceInRight {
   from, 60%, 75%, 90%, to {
     animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
   from {
     opacity: 0;
     transform: translate3d(3000px, 0, 0); }
   60% {
     opacity: 1;
     transform: translate3d(-25px, 0, 0); }
   75% {
     transform: translate3d(10px, 0, 0); }
   90% {
     transform: translate3d(-5px, 0, 0); }
   to {
     transform: none; } }
 .bounceInRight {
   animation-name: bounceInRight; }
 
 @keyframes bounceInUp {
   from, 60%, 75%, 90%, to {
     animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
   from {
     opacity: 0;
     transform: translate3d(0, 3000px, 0); }
   60% {
     opacity: 1;
     transform: translate3d(0, -20px, 0); }
   75% {
     transform: translate3d(0, 10px, 0); }
   90% {
     transform: translate3d(0, -5px, 0); }
   to {
     transform: translate3d(0, 0, 0); } }
 .bounceInUp {
   animation-name: bounceInUp; }
 
 @keyframes bounceOut {
   20% {
     transform: scale3d(0.9, 0.9, 0.9); }
   50%, 55% {
     opacity: 1;
     transform: scale3d(1.1, 1.1, 1.1); }
   to {
     opacity: 0;
     transform: scale3d(0.3, 0.3, 0.3); } }
 .bounceOut {
   animation-name: bounceOut; }
 
 @keyframes bounceOutDown {
   20% {
     transform: translate3d(0, 10px, 0); }
   40%, 45% {
     opacity: 1;
     transform: translate3d(0, -20px, 0); }
   to {
     opacity: 0;
     transform: translate3d(0, 2000px, 0); } }
 .bounceOutDown {
   animation-name: bounceOutDown; }
 
 @keyframes bounceOutLeft {
   20% {
     opacity: 1;
     transform: translate3d(20px, 0, 0); }
   to {
     opacity: 0;
     transform: translate3d(-2000px, 0, 0); } }
 .bounceOutLeft {
   animation-name: bounceOutLeft; }
 
 @keyframes bounceOutRight {
   20% {
     opacity: 1;
     transform: translate3d(-20px, 0, 0); }
   to {
     opacity: 0;
     transform: translate3d(2000px, 0, 0); } }
 .bounceOutRight {
   animation-name: bounceOutRight; }
 
 @keyframes bounceOutUp {
   20% {
     transform: translate3d(0, -10px, 0); }
   40%, 45% {
     opacity: 1;
     transform: translate3d(0, 20px, 0); }
   to {
     opacity: 0;
     transform: translate3d(0, -2000px, 0); } }
 .bounceOutUp {
   animation-name: bounceOutUp; }
 
 @keyframes fadeIn {
   from {
     opacity: 0; }
   to {
     opacity: 1; } }
 .fadeIn {
   animation-name: fadeIn; }
 
 @keyframes fadeInDown {
   from {
     opacity: 0;
     transform: translate3d(0, -100%, 0); }
   to {
     opacity: 1;
     transform: none; } }
 .fadeInDown {
   animation-name: fadeInDown; }
 
 @keyframes fadeInDownBig {
   from {
     opacity: 0;
     transform: translate3d(0, -2000px, 0); }
   to {
     opacity: 1;
     transform: none; } }
 .fadeInDownBig {
   animation-name: fadeInDownBig; }
 
 @keyframes fadeInLeft {
   from {
     opacity: 0;
     transform: translate3d(-100%, 0, 0); }
   to {
     opacity: 1;
     transform: none; } }
 .fadeInLeft {
   animation-name: fadeInLeft; }
 
 @keyframes fadeInLeftBig {
   from {
     opacity: 0;
     transform: translate3d(-2000px, 0, 0); }
   to {
     opacity: 1;
     transform: none; } }
 .fadeInLeftBig {
   animation-name: fadeInLeftBig; }
 
 @keyframes fadeInRight {
   from {
     opacity: 0;
     transform: translate3d(100%, 0, 0); }
   to {
     opacity: 1;
     transform: none; } }
 .fadeInRight {
   animation-name: fadeInRight; }
 
 @keyframes fadeInRightBig {
   from {
     opacity: 0;
     transform: translate3d(2000px, 0, 0); }
   to {
     opacity: 1;
     transform: none; } }
 .fadeInRightBig {
   animation-name: fadeInRightBig; }
 
 @keyframes fadeInUp {
   from {
     opacity: 0;
     transform: translate3d(0, 100%, 0); }
   to {
     opacity: 1;
     transform: none; } }
 .fadeInUp {
   animation-name: fadeInUp; }
 
 @keyframes fadeInUpBig {
   from {
     opacity: 0;
     transform: translate3d(0, 2000px, 0); }
   to {
     opacity: 1;
     transform: none; } }
 .fadeInUpBig {
   animation-name: fadeInUpBig; }
 
 @keyframes fadeOut {
   from {
     opacity: 1; }
   to {
     opacity: 0; } }
 .fadeOut {
   animation-name: fadeOut; }
 
 @keyframes fadeOutDown {
   from {
     opacity: 1; }
   to {
     opacity: 0;
     transform: translate3d(0, 100%, 0); } }
 .fadeOutDown {
   animation-name: fadeOutDown; }
 
 @keyframes fadeOutDownBig {
   from {
     opacity: 1; }
   to {
     opacity: 0;
     transform: translate3d(0, 2000px, 0); } }
 .fadeOutDownBig {
   animation-name: fadeOutDownBig; }
 
 @keyframes fadeOutLeft {
   from {
     opacity: 1; }
   to {
     opacity: 0;
     transform: translate3d(-100%, 0, 0); } }
 .fadeOutLeft {
   animation-name: fadeOutLeft; }
 
 @keyframes fadeOutLeftBig {
   from {
     opacity: 1; }
   to {
     opacity: 0;
     transform: translate3d(-2000px, 0, 0); } }
 .fadeOutLeftBig {
   animation-name: fadeOutLeftBig; }
 
 @keyframes fadeOutRight {
   from {
     opacity: 1; }
   to {
     opacity: 0;
     transform: translate3d(100%, 0, 0); } }
 .fadeOutRight {
   animation-name: fadeOutRight; }
 
 @keyframes fadeOutRightBig {
   from {
     opacity: 1; }
   to {
     opacity: 0;
     transform: translate3d(2000px, 0, 0); } }
 .fadeOutRightBig {
   animation-name: fadeOutRightBig; }
 
 @keyframes fadeOutUp {
   from {
     opacity: 1; }
   to {
     opacity: 0;
     transform: translate3d(0, -100%, 0); } }
 .fadeOutUp {
   animation-name: fadeOutUp; }
 
 @keyframes fadeOutUpBig {
   from {
     opacity: 1; }
   to {
     opacity: 0;
     transform: translate3d(0, -2000px, 0); } }
 .fadeOutUpBig {
   animation-name: fadeOutUpBig; }
 
 @keyframes flip {
   from {
     transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
     animation-timing-function: ease-out; }
   40% {
     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
     animation-timing-function: ease-out; }
   50% {
     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
     animation-timing-function: ease-in; }
   80% {
     transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
     animation-timing-function: ease-in; }
   to {
     transform: perspective(400px);
     animation-timing-function: ease-in; } }
 .animated.flip {
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
   animation-name: flip; }
 
 @keyframes flipInX {
   from {
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     animation-timing-function: ease-in;
     opacity: 0; }
   40% {
     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
     animation-timing-function: ease-in; }
   60% {
     transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
     opacity: 1; }
   80% {
     transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
   to {
     transform: perspective(400px); } }
 .flipInX {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
   animation-name: flipInX; }
 
 @keyframes flipInY {
   from {
     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     animation-timing-function: ease-in;
     opacity: 0; }
   40% {
     transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
     animation-timing-function: ease-in; }
   60% {
     transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
     opacity: 1; }
   80% {
     transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
   to {
     transform: perspective(400px); } }
 .flipInY {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
   animation-name: flipInY; }
 
 @keyframes flipOutX {
   from {
     transform: perspective(400px); }
   30% {
     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
     opacity: 1; }
   to {
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     opacity: 0; } }
 .flipOutX {
   animation-name: flipOutX;
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important; }
 
 @keyframes flipOutY {
   from {
     transform: perspective(400px); }
   30% {
     transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
     opacity: 1; }
   to {
     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     opacity: 0; } }
 .flipOutY {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
   animation-name: flipOutY; }
 
 @keyframes lightSpeedIn {
   from {
     transform: translate3d(100%, 0, 0) skewX(-30deg);
     opacity: 0; }
   60% {
     transform: skewX(20deg);
     opacity: 1; }
   80% {
     transform: skewX(-5deg);
     opacity: 1; }
   to {
     transform: none;
     opacity: 1; } }
 .lightSpeedIn {
   animation-name: lightSpeedIn;
   animation-timing-function: ease-out; }
 
 @keyframes lightSpeedOut {
   from {
     opacity: 1; }
   to {
     transform: translate3d(100%, 0, 0) skewX(30deg);
     opacity: 0; } }
 .lightSpeedOut {
   animation-name: lightSpeedOut;
   animation-timing-function: ease-in; }
 
 @keyframes rotateIn {
   from {
     transform-origin: center;
     transform: rotate3d(0, 0, 1, -200deg);
     opacity: 0; }
   to {
     transform-origin: center;
     transform: none;
     opacity: 1; } }
 .rotateIn {
   animation-name: rotateIn; }
 
 @keyframes rotateInDownLeft {
   from {
     transform-origin: left bottom;
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0; }
   to {
     transform-origin: left bottom;
     transform: none;
     opacity: 1; } }
 .rotateInDownLeft {
   animation-name: rotateInDownLeft; }
 
 @keyframes rotateInDownRight {
   from {
     transform-origin: right bottom;
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0; }
   to {
     transform-origin: right bottom;
     transform: none;
     opacity: 1; } }
 .rotateInDownRight {
   animation-name: rotateInDownRight; }
 
 @keyframes rotateInUpLeft {
   from {
     transform-origin: left bottom;
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0; }
   to {
     transform-origin: left bottom;
     transform: none;
     opacity: 1; } }
 .rotateInUpLeft {
   animation-name: rotateInUpLeft; }
 
 @keyframes rotateInUpRight {
   from {
     transform-origin: right bottom;
     transform: rotate3d(0, 0, 1, -90deg);
     opacity: 0; }
   to {
     transform-origin: right bottom;
     transform: none;
     opacity: 1; } }
 .rotateInUpRight {
   animation-name: rotateInUpRight; }
 
 @keyframes rotateOut {
   from {
     transform-origin: center;
     opacity: 1; }
   to {
     transform-origin: center;
     transform: rotate3d(0, 0, 1, 200deg);
     opacity: 0; } }
 .rotateOut {
   animation-name: rotateOut; }
 
 @keyframes rotateOutDownLeft {
   from {
     transform-origin: left bottom;
     opacity: 1; }
   to {
     transform-origin: left bottom;
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0; } }
 .rotateOutDownLeft {
   animation-name: rotateOutDownLeft; }
 
 @keyframes rotateOutDownRight {
   from {
     transform-origin: right bottom;
     opacity: 1; }
   to {
     transform-origin: right bottom;
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0; } }
 .rotateOutDownRight {
   animation-name: rotateOutDownRight; }
 
 @keyframes rotateOutUpLeft {
   from {
     transform-origin: left bottom;
     opacity: 1; }
   to {
     transform-origin: left bottom;
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0; } }
 .rotateOutUpLeft {
   animation-name: rotateOutUpLeft; }
 
 @keyframes rotateOutUpRight {
   from {
     transform-origin: right bottom;
     opacity: 1; }
   to {
     transform-origin: right bottom;
     transform: rotate3d(0, 0, 1, 90deg);
     opacity: 0; } }
 .rotateOutUpRight {
   animation-name: rotateOutUpRight; }
 
 @keyframes hinge {
   0% {
     transform-origin: top left;
     animation-timing-function: ease-in-out; }
   20%, 60% {
     transform: rotate3d(0, 0, 1, 80deg);
     transform-origin: top left;
     animation-timing-function: ease-in-out; }
   40%, 80% {
     transform: rotate3d(0, 0, 1, 60deg);
     transform-origin: top left;
     animation-timing-function: ease-in-out;
     opacity: 1; }
   to {
     transform: translate3d(0, 700px, 0);
     opacity: 0; } }
 .hinge {
   animation-name: hinge; }
 
 @keyframes jackInTheBox {
   from {
     opacity: 0;
     transform: scale(0.1) rotate(30deg);
     transform-origin: center bottom; }
   50% {
     transform: rotate(-10deg); }
   70% {
     transform: rotate(3deg); }
   to {
     opacity: 1;
     transform: scale(1); } }
 .jackInTheBox {
   animation-name: jackInTheBox; }
 
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @keyframes rollIn {
   from {
     opacity: 0;
     transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
   to {
     opacity: 1;
     transform: none; } }
 .rollIn {
   animation-name: rollIn; }
 
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 @keyframes rollOut {
   from {
     opacity: 1; }
   to {
     opacity: 0;
     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
 .rollOut {
   animation-name: rollOut; }
 
 @keyframes zoomIn {
   from {
     opacity: 0;
     transform: scale3d(0.3, 0.3, 0.3); }
   50% {
     opacity: 1; } }
 .zoomIn {
   animation-name: zoomIn; }
 
 @keyframes zoomInDown {
   from {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
     animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
   60% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
 .zoomInDown {
   animation-name: zoomInDown; }
 
 @keyframes zoomInLeft {
   from {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
     animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
   60% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
 .zoomInLeft {
   animation-name: zoomInLeft; }
 
 @keyframes zoomInRight {
   from {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
     animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
   60% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
 .zoomInRight {
   animation-name: zoomInRight; }
 
 @keyframes zoomInUp {
   from {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
     animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
   60% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
 .zoomInUp {
   animation-name: zoomInUp; }
 
 @keyframes zoomOut {
   from {
     opacity: 1; }
   50% {
     opacity: 0;
     transform: scale3d(0.3, 0.3, 0.3); }
   to {
     opacity: 0; } }
 .zoomOut {
   animation-name: zoomOut; }
 
 @keyframes zoomOutDown {
   40% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
     animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
   to {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
     transform-origin: center bottom;
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
 .zoomOutDown {
   animation-name: zoomOutDown; }
 
 @keyframes zoomOutLeft {
   40% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
   to {
     opacity: 0;
     transform: scale(0.1) translate3d(-2000px, 0, 0);
     transform-origin: left center; } }
 .zoomOutLeft {
   animation-name: zoomOutLeft; }
 
 @keyframes zoomOutRight {
   40% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
   to {
     opacity: 0;
     transform: scale(0.1) translate3d(2000px, 0, 0);
     transform-origin: right center; } }
 .zoomOutRight {
   animation-name: zoomOutRight; }
 
 @keyframes zoomOutUp {
   40% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
     animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
   to {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
     transform-origin: center bottom;
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
 .zoomOutUp {
   animation-name: zoomOutUp; }
 
 @keyframes slideInDown {
   from {
     transform: translate3d(0, -100%, 0);
     visibility: visible; }
   to {
     transform: translate3d(0, 0, 0); } }
 .slideInDown {
   animation-name: slideInDown; }
 
 @keyframes slideInLeft {
   from {
     transform: translate3d(-100%, 0, 0);
     visibility: visible; }
   to {
     transform: translate3d(0, 0, 0); } }
 .slideInLeft {
   animation-name: slideInLeft; }
 
 @keyframes slideInRight {
   from {
     transform: translate3d(100%, 0, 0);
     visibility: visible; }
   to {
     transform: translate3d(0, 0, 0); } }
 .slideInRight {
   animation-name: slideInRight; }
 
 @keyframes slideInUp {
   from {
     transform: translate3d(0, 100%, 0);
     visibility: visible; }
   to {
     transform: translate3d(0, 0, 0); } }
 .slideInUp {
   animation-name: slideInUp; }
 
 @keyframes slideOutDown {
   from {
     transform: translate3d(0, 0, 0); }
   to {
     visibility: hidden;
     transform: translate3d(0, 100%, 0); } }
 .slideOutDown {
   animation-name: slideOutDown; }
 
 @keyframes slideOutLeft {
   from {
     transform: translate3d(0, 0, 0); }
   to {
     visibility: hidden;
     transform: translate3d(-100%, 0, 0); } }
 .slideOutLeft {
   animation-name: slideOutLeft; }
 
 @keyframes slideOutRight {
   from {
     transform: translate3d(0, 0, 0); }
   to {
     visibility: hidden;
     transform: translate3d(100%, 0, 0); } }
 .slideOutRight {
   animation-name: slideOutRight; }
 
 @keyframes slideOutUp {
   from {
     transform: translate3d(0, 0, 0); }
   to {
     visibility: hidden;
     transform: translate3d(0, -100%, 0); } }
 .slideOutUp {
   animation-name: slideOutUp; }
 
 /**
  * Lightcase - jQuery Plugin
  * The smart and flexible Lightbox Plugin.
  *
  * @author		Cornel Boppart <cornel@bopp-art.com>
  * @copyright	Author
  *
  * @version		2.5.0 (11/03/2018)
  */
 /**
  * Lightcase settings
  *
  * Note: Override default settings for your project without touching this source code by simply
  * defining those variables within a SASS map called '$lightcase-custom'.
  *
  * // Example usage
  * $lightcase-custom: (
  *   'breakpoint': 768px
  * );
  */
 @font-face {
   font-family: 'lightcase';
   src: url("../fonts/lightcase.eot?55356177");
   src: url("../fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../fonts/lightcase.woff?55356177") format("woff"), url("../fonts/lightcase.ttf?55356177") format("truetype"), url("../fonts/lightcase.svg?55356177#lightcase") format("svg");
   font-weight: normal;
   font-style: normal; }
 /* line 12, ../scss/components/fonts/_font-lightcase.scss */
 [class*='lightcase-icon-']:before {
   font-family: 'lightcase', sans-serif;
   font-style: normal;
   font-weight: normal;
   speak: none;
   display: inline-block;
   text-decoration: inherit;
   width: 1em;
   text-align: center;
   /* For safety - reset parent styles, that can break glyph codes*/
   font-variant: normal;
   text-transform: none;
   /* fix buttons height, for twitter bootstrap */
   line-height: 1em;
   /* Uncomment for 3D effect */
   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
 
 /* Codes */
 /* line 35, ../scss/components/fonts/_font-lightcase.scss */
 .lightcase-icon-play:before {
   content: '\e800'; }
 
 /* line 36, ../scss/components/fonts/_font-lightcase.scss */
 .lightcase-icon-pause:before {
   content: '\e801'; }
 
 /* line 37, ../scss/components/fonts/_font-lightcase.scss */
 .lightcase-icon-close:before {
   content: '\e802'; }
 
 /* line 38, ../scss/components/fonts/_font-lightcase.scss */
 .lightcase-icon-prev:before {
   content: '\e803'; }
 
 /* line 39, ../scss/components/fonts/_font-lightcase.scss */
 .lightcase-icon-next:before {
   content: '\e804'; }
 
 /* line 40, ../scss/components/fonts/_font-lightcase.scss */
 .lightcase-icon-spin:before {
   content: '\e805'; }
 
 /**
  * Mixin providing icon defaults to be used on top of font-lightcase.
  *
  * Example usage:
  * @include icon(#e9e9e9)
  */
 /**
  * Mixin providing icon defaults including a hover status to be used
  * on top of font-lightcase.
  *
  * Example usage:
  * @include icon-hover(#e9e9e9, #fff)
  */
 /**
  * Provides natural content overflow behavior and scrolling support
  * even so for touch devices.
  *
  * Example usage:
  * @include overflow()
  */
 /**
  * Neutralizes/resets dimensions including width, height, position as well as margins,
  * paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
  *
  * Example usage:
  * @include clear(true)
  *
  * @param boolean $important
  */
 @-webkit-keyframes lightcase-spin {
   0% {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg); }
   100% {
     -webkit-transform: rotate(359deg);
     -moz-transform: rotate(359deg);
     -o-transform: rotate(359deg);
     transform: rotate(359deg); } }
 @-moz-keyframes lightcase-spin {
   0% {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg); }
   100% {
     -webkit-transform: rotate(359deg);
     -moz-transform: rotate(359deg);
     -o-transform: rotate(359deg);
     transform: rotate(359deg); } }
 @-o-keyframes lightcase-spin {
   0% {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg); }
   100% {
     -webkit-transform: rotate(359deg);
     -moz-transform: rotate(359deg);
     -o-transform: rotate(359deg);
     transform: rotate(359deg); } }
 @-ms-keyframes lightcase-spin {
   0% {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg); }
   100% {
     -webkit-transform: rotate(359deg);
     -moz-transform: rotate(359deg);
     -o-transform: rotate(359deg);
     transform: rotate(359deg); } }
 @keyframes lightcase-spin {
   0% {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg); }
   100% {
     -webkit-transform: rotate(359deg);
     -moz-transform: rotate(359deg);
     -o-transform: rotate(359deg);
     transform: rotate(359deg); } }
 /* line 1, ../scss/components/modules/_case.scss */
 #lightcase-case {
   display: none;
   position: fixed;
   z-index: 2002;
   top: 50%;
   left: 50%;
   font-family: arial, sans-serif;
   font-size: 13px;
   line-height: 1.5;
   text-align: left;
   text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
 
 @media screen and (max-width: 640px) {
   /* line 16, ../scss/components/modules/_case.scss */
   html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
     position: fixed !important;
     top: 0 !important;
     left: 0 !important;
     right: 0 !important;
     bottom: 0 !important;
     margin: 0 !important;
     padding: 55px 0 70px 0;
     width: 100% !important;
     height: 100% !important;
     overflow: auto !important; } }
 @media screen and (min-width: 641px) {
   /* line 4, ../scss/components/modules/_content.scss */
   html:not([data-lc-type=error]) #lightcase-content {
     position: relative;
     z-index: 1;
     text-shadow: none;
     background-color: #fff;
     -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
     -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
     -webkit-backface-visibility: hidden; } }
 @media screen and (min-width: 641px) {
   /* line 23, ../scss/components/modules/_content.scss */
   html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
     background-color: #333; } }
 /* line 31, ../scss/components/modules/_content.scss */
 html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   -o-box-shadow: none;
   box-shadow: none; }
 
 @media screen and (max-width: 640px) {
   /* line 31, ../scss/components/modules/_content.scss */
   html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
     position: relative !important;
     top: auto !important;
     left: auto !important;
     width: auto !important;
     height: auto !important;
     margin: 0 !important;
     padding: 0 !important;
     border: none !important;
     background: none !important; } }
 /* line 43, ../scss/components/modules/_content.scss */
 html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box; }
 
 @media screen and (max-width: 640px) {
   /* line 43, ../scss/components/modules/_content.scss */
   html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
     padding: 15px; }
 
   /* line 52, ../scss/components/modules/_content.scss */
   html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
     width: 100% !important;
     max-width: none !important; }
 
   /* line 59, ../scss/components/modules/_content.scss */
   html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
     height: auto !important;
     max-height: none !important; } }
 @media screen and (max-width: 640px) {
   /* line 70, ../scss/components/modules/_content.scss */
   html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
     overflow: auto;
     -webkit-overflow-scrolling: touch; } }
 @media screen and (max-width: 640px) and (min-width: 641px) {
   /* line 74, ../scss/components/modules/_content.scss */
   html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
     line-height: 0.75; } }
 /* line 82, ../scss/components/modules/_content.scss */
 html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
   position: relative;
   overflow: hidden !important; }
 
 @media screen and (max-width: 640px) {
   /* line 91, ../scss/components/modules/_content.scss */
   html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
     position: relative !important;
     top: auto !important;
     left: auto !important;
     width: auto !important;
     height: auto !important;
     margin: 0 !important;
     padding: 0 !important;
     border: none !important;
     background: none !important; } }
 @media screen and (min-width: 641px) {
   /* line 100, ../scss/components/modules/_content.scss */
   html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
     padding: 30px;
     overflow: auto;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box; } }
 @media screen and (max-width: 640px) {
   /* line 117, ../scss/components/modules/_content.scss */
   #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
     color: #aaa; } }
 @media screen and (min-width: 641px) {
   /* line 117, ../scss/components/modules/_content.scss */
   #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
     color: #333; } }
 /* line 3, ../scss/components/modules/_error.scss */
 #lightcase-case p.lightcase-error {
   margin: 0;
   font-size: 17px;
   text-align: center;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: #aaa; }
 
 @media screen and (max-width: 640px) {
   /* line 3, ../scss/components/modules/_error.scss */
   #lightcase-case p.lightcase-error {
     padding: 30px 0; } }
 @media screen and (min-width: 641px) {
   /* line 3, ../scss/components/modules/_error.scss */
   #lightcase-case p.lightcase-error {
     padding: 0; } }
 /* line 4, ../scss/components/modules/_global.scss */
 .lightcase-open body {
   overflow: hidden; }
 
 /* line 8, ../scss/components/modules/_global.scss */
 .lightcase-isMobileDevice .lightcase-open body {
   max-width: 100%;
   max-height: 100%; }
 
 /* line 1, ../scss/components/modules/_info.scss */
 #lightcase-info {
   position: absolute;
   padding-top: 15px; }
 
 /* line 9, ../scss/components/modules/_info.scss */
 #lightcase-info #lightcase-title,
 #lightcase-info #lightcase-caption {
   margin: 0;
   padding: 0;
   line-height: 1.5;
   font-weight: normal;
   text-overflow: ellipsis; }
 
 /* line 19, ../scss/components/modules/_info.scss */
 #lightcase-info #lightcase-title {
   font-size: 17px;
   color: #aaa; }
 
 @media screen and (max-width: 640px) {
   /* line 19, ../scss/components/modules/_info.scss */
   #lightcase-info #lightcase-title {
     position: fixed;
     top: 10px;
     left: 0;
     max-width: 87.5%;
     padding: 5px 15px;
     background: #333; } }
 /* line 33, ../scss/components/modules/_info.scss */
 #lightcase-info #lightcase-caption {
   clear: both;
   font-size: 13px;
   color: #aaa; }
 
 /* line 39, ../scss/components/modules/_info.scss */
 #lightcase-info #lightcase-sequenceInfo {
   font-size: 11px;
   color: #aaa; }
 
 @media screen and (max-width: 640px) {
   /* line 45, ../scss/components/modules/_info.scss */
   .lightcase-fullScreenMode #lightcase-info {
     padding-left: 15px;
     padding-right: 15px; }
 
   /* line 51, ../scss/components/modules/_info.scss */
   html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
     position: static; } }
 /* line 1, ../scss/components/modules/_loading.scss */
 #lightcase-loading {
   position: fixed;
   z-index: 9999;
   width: 1.123em;
   height: auto;
   font-size: 38px;
   line-height: 1;
   text-align: center;
   text-shadow: none;
   position: fixed;
   z-index: 2001;
   top: 50%;
   left: 50%;
   margin-top: -0.5em;
   margin-left: -0.5em;
   opacity: 1;
   font-size: 32px;
   text-shadow: 0 0 15px #fff;
   -moz-transform-origin: 50% 53%;
   -webkit-animation: lightcase-spin 0.5s infinite linear;
   -moz-animation: lightcase-spin 0.5s infinite linear;
   -o-animation: lightcase-spin 0.5s infinite linear;
   animation: lightcase-spin 0.5s infinite linear; }
 
 /* line 20, ../scss/components/mixins/_presets.scss */
 #lightcase-loading, #lightcase-loading:focus {
   text-decoration: none;
   color: #fff;
   -webkit-tap-highlight-color: transparent;
   -webkit-transition: color, opacity, ease-in-out 0.25s;
   -moz-transition: color, opacity, ease-in-out 0.25s;
   -o-transition: color, opacity, ease-in-out 0.25s;
   transition: color, opacity, ease-in-out 0.25s; }
 
 /* line 32, ../scss/components/mixins/_presets.scss */
 #lightcase-loading > span {
   display: inline-block;
   text-indent: -9999px; }
 
 /* line 2, ../scss/components/modules/_navigation.scss */
 a[class*='lightcase-icon-'] {
   position: fixed;
   z-index: 9999;
   width: 1.123em;
   height: auto;
   font-size: 38px;
   line-height: 1;
   text-align: center;
   text-shadow: none;
   outline: none;
   cursor: pointer; }
 
 /* line 20, ../scss/components/mixins/_presets.scss */
 a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus {
   text-decoration: none;
   color: rgba(255, 255, 255, 0.6);
   -webkit-tap-highlight-color: transparent;
   -webkit-transition: color, opacity, ease-in-out 0.25s;
   -moz-transition: color, opacity, ease-in-out 0.25s;
   -o-transition: color, opacity, ease-in-out 0.25s;
   transition: color, opacity, ease-in-out 0.25s; }
 
 /* line 32, ../scss/components/mixins/_presets.scss */
 a[class*='lightcase-icon-'] > span {
   display: inline-block;
   text-indent: -9999px; }
 
 /* line 49, ../scss/components/mixins/_presets.scss */
 a[class*='lightcase-icon-']:hover {
   color: white;
   text-shadow: 0 0 15px white; }
 
 /* line 10, ../scss/components/modules/_navigation.scss */
 .lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
   color: #aaa;
   text-shadow: none; }
 
 /* line 17, ../scss/components/modules/_navigation.scss */
 a[class*='lightcase-icon-'].lightcase-icon-close {
   position: fixed;
   top: 15px;
   right: 15px;
   bottom: auto;
   margin: 0;
   opacity: 0;
   outline: none; }
 
 /* line 28, ../scss/components/modules/_navigation.scss */
 a[class*='lightcase-icon-'].lightcase-icon-prev {
   left: 15px; }
 
 /* line 33, ../scss/components/modules/_navigation.scss */
 a[class*='lightcase-icon-'].lightcase-icon-next {
   right: 15px; }
 
 /* line 38, ../scss/components/modules/_navigation.scss */
 a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
   left: 50%;
   margin-left: -0.5em; }
 
 @media screen and (min-width: 641px) {
   /* line 38, ../scss/components/modules/_navigation.scss */
   a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
     opacity: 0; } }
 @media screen and (max-width: 640px) {
   /* line 2, ../scss/components/modules/_navigation.scss */
   a[class*='lightcase-icon-'] {
     bottom: 15px;
     font-size: 24px; } }
 @media screen and (min-width: 641px) {
   /* line 2, ../scss/components/modules/_navigation.scss */
   a[class*='lightcase-icon-'] {
     bottom: 50%;
     margin-bottom: -0.5em; }
 
   /* line 57, ../scss/components/modules/_navigation.scss */
   a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ a[class*='lightcase-icon-'] {
     opacity: 1; } }
 /* line 1, ../scss/components/modules/_overlay.scss */
 #lightcase-overlay {
   display: none;
   width: 100%;
   min-height: 100%;
   position: fixed;
   z-index: 2000;
   top: -9999px;
   bottom: -9999px;
   left: 0;
   background: #333; }
 
 @media screen and (max-width: 640px) {
   /* line 1, ../scss/components/modules/_overlay.scss */
   #lightcase-overlay {
     opacity: 1 !important; } }
 * {
   -webkit-font-smoothing: antialiased;
   /* Sin bold en Mac. */
   box-sizing: border-box; }
 
 h1, h2, h3, h4, h5, h6 {
   font-weight: normal;
   margin: 0; }
 
 ul {
   list-style: none;
   padding: 0;
   margin: 0; }
 
 a {
   color: inherit;
   text-decoration: none;
   cursor: pointer;
   outline: none; }
 
 input:focus,
 select:focus,
 textarea:focus,
 button:focus {
   outline: none; }
 
 *:focus {
   outline: none; }
 
 body {
    color: #313232;
   font-family: "Roboto";
   font-weight: 400;
   font-size: 24px;
   background-color: white;
   overflow-x: hidden; }
   @media screen and (max-width: 992px) {
     body {
       font-size: 15px; } }
 
 .container {
   max-width: 1280px;
   margin: 0 auto;
   padding-right: 15px;
   padding-left: 15px; }
   @media screen and (max-width: 1180px) {
     .container {
       max-width: 100%;
       width: 1180px;
       padding-right: 30px;
       padding-left: 30px; } }
   @media screen and (max-width: 1366px) {
     .container {
       /*padding:50px 30px;*/ } }

 @media screen and (max-width: 1014px) {
     .container {
     
       padding-right: 17px;
       padding-left: 17px;
       } }

   @media screen and (max-width: 576px) {
     .container {
      /* padding: 20px; */} }
 
 h1, h2 {
   font-size: 28px;
   font-weight: 700;
   line-height: 1;
   margin-bottom: 10px; }
   @media screen and (max-width: 1024px) {
     h1, h2 {
       font-size: 25px; } }
   h1 small, h2 small {
     display: block;
     font-size: 50px; }
     @media screen and (max-width: 1024px) {
       h1 small, h2 small {
         font-size: 30px; } }
 
 h3 {
   font-size: 28px;
   font-weight: 700;
   line-height: 1;
   margin-bottom: 10px; }
   @media screen and (max-width: 1024px) {
     h3 {
       font-size: 25px; } }
 
 .text-center {
   text-align: center; }
 
 /*########################
 # Cell Middle
 ########################*/
 .g-table {
   width: 100%;
   height: 100%;
   display: table;
   margin: auto; }
 
 .g-table-cell {
   display: table-cell;
   vertical-align: middle; }
 
 /*########################
 # style general
 ########################*/
 .cabecera-banner-full .titulo {
   font-family: "Roboto", sans-serif;
   font-size: 45px;
   font-weight: 700;
   color: white;
   padding: 0 40px;
   position: relative; }
   @media screen and (max-width: 992px) {
     .cabecera-banner-full .titulo {
       padding: 0;
       font-size: 35px;
       width: 86% !important; } }
 
 .content {
  padding: 100px 9px 120px 17px;
   background: white;
   z-index: 1; }
   @media screen and (max-width: 992px) {
     .content {
       padding: 30px 0; } }
 
 .box-contenido {
   padding: 0;
   position: relative; }
   .box-contenido p {
  /* font-size: 22px;*/
     display: block;
    line-height: 34px;
     text-align: justify;
     /*margin: 2px 0 11px 0;*/ }
   .box-contenido .row-3-lista {
    /* border-right: 1px solid gray;*/
     display: inline-block;
     vertical-align: top;
     margin-right: 4.4%;
     padding-right: 2%;
     width: 29%; }
     @media screen and (max-width: 992px) {
       .box-contenido .row-3-lista {
         width: 100%; } }
     .box-contenido .row-3-lista:last-child {
       border-right: 0;
       margin-right: 0; }
     .box-contenido .row-3-lista ul li {
       position: relative;
       padding-left: 30px;
       margin-bottom: 5px; }
       .box-contenido .row-3-lista ul li:before {
         content: '.';
         position: absolute;
         margin-right: 5px;
         left: 0;
         bottom: 27%;
         font-size: 20px;
         font-weight: 700; }
 
 .cabecera-banner-full {
   height: 600px; 
 height: auto !important;}
   @media screen and (max-width: 992px) {
     .cabecera-banner-full {
      /* height: 400px !important;*/ } }
   .cabecera-banner-full .titulo-home1 {
     position: absolute;
     bottom: 120px;
     width: 60%; }
  
   
  .empresa .cabecera-banner-full .img-movil {
     display: none;
     } 
    
    @media screen and (max-width: 992px) {
.empresa .cabecera-banner-full .img-desktop {
     display: none; }
       .empresa .cabecera-banner-full .img-movil {
     display: block;
     } 
   
    }

 @media screen and (max-width: 500px) {
  .empresa .cabecera-banner-full .titulo-home1 >br{
      display: none;
     }
 }
 .slides-int {
   position: relative; }
   @media screen and (max-width: 992px) {
     .slides-int {
      
       height: initial !important;} }
   .slides-int .titulo {
     font-family: "Roboto", sans-serif;
     font-size: 45px;
     font-weight: 700;
     color: white;
     padding: 0 30px;
     position: relative;
     bottom: 0; }
     @media screen and (max-width: 992px) {
       .slides-int .titulo {
         font-size: 35px;
         padding: 0; } }
   .slides-int .img-desktop {
     display: block; }
     @media screen and (max-width: 992px) {
       .slides-int .img-desktop {
         display: none; } }
   .slides-int .img-movil {
     display: none; }
     @media screen and (max-width: 992px) {
       .slides-int .img-movil {
         display: block; } }
 
 /*########################
 # CONTACTO
 ########################*/
 .contacto-general {
   overflow: hidden; }
   .contacto-general .subtitle {
     display: inline-block;
     color: #ADADAD;
     padding: 20px 50px 20px 0;
     border-bottom: 3px solid #00A7E1;
     margin-bottom: 50px; }
   .contacto-general form {
     font-size: 0; }
   .contacto-general .row-form {
     display: inline-block;
     box-sizing: border-box;
     margin-bottom: 30px; }
     @media screen and (max-width: 992px) {
       .contacto-general .row-form {
         display: block; } }
     .contacto-general .row-form.r {
       padding-left: 30px;
       width: 50%; }
       @media screen and (max-width: 992px) {
         .contacto-general .row-form.r {
           width: 100%;
           padding-left: 0; } }
     .contacto-general .row-form.l {
       padding-right: 30px;
       width: 50%; }
       @media screen and (max-width: 992px) {
         .contacto-general .row-form.l {
           width: 100%;
           padding-right: 0; } }
   .contacto-general .row-form-center {
     display: block;
     width: 100%;
     text-align: center; }
   .contacto-general .input-form {
     background: #E6E6E6;
     box-sizing: border-box;
     font-size: 16px;
     color: black;
     border: 0;
     padding: 15px;
     width: 100%; }
   .contacto-general .btn-form-blue {
     background-color: #00A7E1;
     background-image: url("../images/arrow-btn.png");
     background-repeat: no-repeat;
     background-position: 70% 15px;
     border: 0;
     color: white;
     font-size: 17px;
     padding: 10px 70px 10px 60px; }
 
 /*########################
 # imageens parallax
 ########################*/
 .parallax_container,
 .parallax_container-2 {
   height: 100vh;
   width: 100vw;
   /*padding-top: 20vh;*/
   background-attachment: initial;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top center; }
   .parallax_container .content-center,
   .parallax_container-2 .content-center {
     bottom: 100px;
     left: 0;
     margin: 0 auto;
     max-width: 1400px;
     padding: 0 80px;
     position: absolute;
     right: 0;
     text-align: center;
     width: 100%; }
     .parallax_container .content-center p,
     .parallax_container-2 .content-center p {
       color: white;
       font-size: 17px;
       font-weight: 400;
       margin: 20px auto 0 auto;
       width: 100%; }
   .parallax_container.bg_fixed, .parallax_container.bg_fixed-2,
   .parallax_container-2.bg_fixed,
   .parallax_container-2.bg_fixed-2 {
     background-attachment: fixed; }
     @media screen and (max-width: 992px) {
       .parallax_container.bg_fixed, .parallax_container.bg_fixed-2,
       .parallax_container-2.bg_fixed,
       .parallax_container-2.bg_fixed-2 {
         background-attachment: initial; } }
     .parallax_container.bg_fixed .content-center, .parallax_container.bg_fixed-2 .content-center,
     .parallax_container-2.bg_fixed .content-center,
     .parallax_container-2.bg_fixed-2 .content-center {
       position: fixed;
       z-index: 0;
       -webkit-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
       transition: all 0.4s ease; }
 
 .parallax_container-2.bg_fixe-2d {
   background-attachment: fixed; }
   .parallax_container-2.bg_fixe-2d .content-center {
     position: fixed;
     z-index: 0; }
 
 .content-box-video {
   display: block;
   text-align: left;
   font-size: 0;
   margin-right: -40px;
   margin-left: -40px;
   margin-top: 50px; }
   @media screen and (max-width: 768px) {
     .content-box-video {
       margin-right: 0;
       margin-left: 0; } }
   .content-box-video .box {
     display: inline-block;
     font-size: 17px;
     margin-bottom: 50px;
     padding: 40px 70px;
     padding-bottom: 100px;
     position: relative;
     text-align: left;
     vertical-align: top;
     width: 49%; }
     @media screen and (max-width: 768px) {
       .content-box-video .box {
         display: block;
         width: 100%;
         padding: 20px; } }
     .content-box-video .box:before {
       background: #E6E6E6;
       content: '';
       height: 100%;
       left: 0;
       position: absolute;
       top: 0;
       width: 100%;
       z-index: -1;
       }
     .content-box-video .box:nth-child(odd) {
       margin-right: 1%; }
     .content-box-video .box:nth-child(even) {
       margin-left: 1%; }
     .content-box-video .box.box2 {
       padding-bottom: 30px;
       padding-left: 40px;
       padding-right: 40px;
       margin-bottom: 50px;
       background: #E6E6E6;
       }
     .content-box-video .box figure {
       padding: 0;
       margin: 0; }
       .content-box-video .box figure img {
         width: 100%; }
     .content-box-video .box h3 {
       font-size: 21px;
       font-weight: 500;
       padding-top: 20px;
       min-height: 91px;
       }
 
 .circle-blue {
   display: block;
   width: 100%;
   }
   .circle-blue li {
     background: #00A7E1;
     border-radius: 50%;
     color: white;
     display: inline-block;
     vertical-align: middle;
     padding: 30px 30px 20px 50px !important;
     margin-right: 5%;
     margin-bottom: 10px !important;
     height: 190px;
     width: 190px;
    font-size: 21px; }
     .circle-blue li:last-child {
       margin-right: 0; }
     @media screen and (max-width: 768px) {
       .circle-blue li:nth-child(2n) {
         margin-right: 0; } }
     @media screen and (max-width: 1366px) {
       .circle-blue li {
         width: 150px;
         height: 150px;
         padding: 20px 15px 10px 35px !important; } }
     @media screen and (max-width: 768px) {
       .circle-blue li {
         height: 125px;
         width: 125px;
         padding: 18px 15px 15px 20px !important; } }
     .circle-blue li .num {
       display: block;
       font-weight: 700;
       font-size: 25px;
       margin-bottom: 5px; }
       @media screen and (max-width: 768px) {
         .circle-blue li .num {
           font-size: 21px;
           margin-bottom: 0; } }
 
 .btn {
   display: inline-block;
   position: relative; }
   .btn i {
     display: inline-block;
     height: 0px;
     margin-left: 5px;
     position: relative;
     width: 10px; }
     .btn i:after, .btn i:before {
       position: absolute;
       display: block;
       content: "";
       width: 70%;
       height: 1.8px;
       background-color: white; }
     .btn i:after {
       transform: rotate(-45deg);
       top: -4px; }
     .btn i:before {
       transform: rotate(45deg);
       top: -8px; }
   .btn.btn-blue {
     background: #00A7E1;
     padding: 10px 60px;
     color: white; }
   .btn.btn-blue-transparent {
     background: rgba(0, 167, 225, 0.8);
     padding: 7px 70px;
     color: white;
     font-size: 28px;
     font-weight: 700; }
     @media screen and (max-width: 992px) {
       .btn.btn-blue-transparent {
         padding: 10px 15px;
         font-size: 22px; } }
 
 .content-btn {
   display: block;
   margin-top: 30px; }
 
 header {
   background: #313232;
   color: white;
   position: relative;
   z-index: 100; }
   header .container {
     font-size: 0; }
     @media screen and (max-width: 992px) {
       header .container {
         padding: 0; } }
   header .logoH {
     display: inline-block;
     vertical-align: top;
     line-height: 0;
     position: relative;
     z-index: 200;
     transition: all ease .5s; }
     header .logoH img {
       transition: all ease .5s;
 height: 93px!important;}
       @media screen and (max-width: 992px) {
         header .logoH img {
           transition: all ease .5s;
           width: 60% !important; } }

@media screen and (max-width: 1163px) {
   header .logoH img {
       transition: all ease .5s;
       height: 70px!important;
       }

header nav.menuh > ul > li a{
 font-size: 15px;
}

}
@media screen and (max-width: 992px) {
   header .logoH img {
      height: auto!important;
      }
}


   header.scroll-header {
     position: fixed;
     top: -100px;
     width: 100%;
     z-index: 105;
     -webkit-transform: translateY(100px);
     -moz-transform: translateY(0px);
     -o-transform: translateY(0px);
     -ms-transform: translateY(0px);
     transform: translateY(100px);
     transition: all ease .5s; }
   header .btn-menu-movil {
     background-color: transparent;
     border: 0;
     color: white;
     display: none;
     height: 23px;
     position: absolute;
     right: 0;
     top: 19px;
     width: 60px;
     z-index: 200; }
     @media screen and (max-width: 992px) {
       header .btn-menu-movil {
         display: block; } }
     header .btn-menu-movil i {
       background-color: white;
       display: block;
       height: 3px;
       width: 40px;
       transition: ease all .3s; }
       header .btn-menu-movil i:before, header .btn-menu-movil i:after {
         transition: ease all .3s;
         content: '';
         background-color: white;
         height: 3px;
         width: 40px;
         display: block;
         position: absolute; }
       header .btn-menu-movil i:before {
         top: 0; }
       header .btn-menu-movil i:after {
         bottom: 0; }
     header .btn-menu-movil.collapse i {
       background-color: transparent;
       transition: ease all .3s; }
       header .btn-menu-movil.collapse i:before {
         transition: ease all .3s;
         -webkit-transform: rotate(50deg);
         -moz-transform: rotate(50deg);
         -o-transform: rotate(50deg);
         -ms-transform: rotate(50deg);
         transform: rotate(50deg);
         top: 7px; }
       header .btn-menu-movil.collapse i:after {
         transition: ease all .3s;
         -webkit-transform: rotate(-50deg);
         -moz-transform: rotate(-50deg);
         -o-transform: rotate(-50deg);
         -ms-transform: rotate(-50deg);
         transform: rotate(-50deg);
         bottom: 13px; }
   header nav.menuh {
     display: inline-block;
     vertical-align: top;
     width: 73%; }
     @media screen and (max-width: 1190px) {
       header nav.menuh {
         width: 70%; } }
     @media screen and (max-width: 1084px) {
       header nav.menuh {
         width: 67%; } }
     @media screen and (max-width: 992px) {
       header nav.menuh {
         position: absolute;
         display: none;
         width: 100%!important; } }
     header nav.menuh > ul {
       display: block;
       font-size: 0;
      margin: 0;}

@media screen and (max-width: 1163px) {
       header nav.menuh {
         width: 78%;
         } }

       @media screen and (max-width: 992px) {
         header nav.menuh > ul {
           background: #313232;
           width: 100%; } }
       header nav.menuh > ul:before, header nav.menuh > ul:after {
         content: "";
         display: table; }
       header nav.menuh > ul:after {
         clear: both; }
       header nav.menuh > ul > li {
         display: inline-block;
         font-size: 17px;
         font-weight: 400;
         padding: 40px 3.6%;
         position: relative; }
         @media screen and (max-width: 1190px) {
           header nav.menuh > ul > li {
             padding: 40px 3.4%; } }
         @media screen and (max-width: 1164px) {
           header nav.menuh > ul > li {
             padding: 40px 3%; } }
         @media screen and (max-width: 1084px) {
           header nav.menuh > ul > li {
             padding: 40px 2%; } }
         @media screen and (max-width: 1000px) {
           header nav.menuh > ul > li {
             padding: 40px 1.8%; } }
         @media screen and (max-width: 992px) {
           header nav.menuh > ul > li {
             display: block;
             padding: 20px; } }
         @media screen and (max-width: 1200px) {
           header nav.menuh > ul > li .desplegado {
             padding: 10px 0; } }
         header nav.menuh > ul > li .desplegado a {
           color: white; }
         header nav.menuh > ul > li a {
           display: block; }
           header nav.menuh > ul > li a i {
             display: inline-block;
             height: 0px;
             margin-left: 5px;
             position: relative;
             width: 10px; }
             header nav.menuh > ul > li a i:after, header nav.menuh > ul > li a i:before {
               position: absolute;
               display: block;
               content: "";
               width: 70%;
               height: 1.8px;
               background-color: white; }
             header nav.menuh > ul > li a i:after {
               transform: rotate(-135deg);
               top: -5px; }
             header nav.menuh > ul > li a i:before {
               transform: rotate(135deg);
               top: -5px;
               right: 0; }
           header nav.menuh > ul > li a:hover {
             background: #00A7E1;
             color: white; }
             @media screen and (max-width: 992px) {
               header nav.menuh > ul > li a:hover {
                 background-color: transparent;
                 color: #00A7E1; } }
             header nav.menuh > ul > li a:hover i {
               color: #00A7E1; }
         header nav.menuh > ul > li.submenu {
           display: inline-block;
           color: white !important; }
           @media screen and (max-width: 992px) {
             header nav.menuh > ul > li.submenu {
               display: block; } }
           header nav.menuh > ul > li.submenu.menu-dropdown-icon {
             color: #00A7E1; }
             header nav.menuh > ul > li.submenu.menu-dropdown-icon a {
               color: white; }
               @media screen and (max-width: 992px) {
                 header nav.menuh > ul > li.submenu.menu-dropdown-icon a {
                   color: #00A7E1; } }
               header nav.menuh > ul > li.submenu.menu-dropdown-icon a:hover {
                 color: white; }
                 @media screen and (max-width: 992px) {
                   header nav.menuh > ul > li.submenu.menu-dropdown-icon a:hover {
                     color: #00A7E1; } }
               header nav.menuh > ul > li.submenu.menu-dropdown-icon a i:after, header nav.menuh > ul > li.submenu.menu-dropdown-icon a i:before {
                 background-color: white; }
         header nav.menuh > ul > li:hover {
           background-color: #00A7E1; }
           @media screen and (max-width: 992px) {
             header nav.menuh > ul > li:hover {
               background-color: transparent; } }
         header nav.menuh > ul > li > ul {
           background: rgba(49, 50, 50, 0.5);
           cursor: pointer;
           display: none;
           left: 0;
           position: absolute;
           top: 107px;
           width: 400px;
           z-index: 5; }
           @media screen and (max-width: 1610px) {
             header nav.menuh > ul > li > ul {
               left: 5%;
               right: 5%; } }
           @media screen and (max-width: 1435px) {
             header nav.menuh > ul > li > ul {
               left: 1%;
               right: 1%; } }
           @media screen and (max-width: 1320px) {
             header nav.menuh > ul > li > ul {
               width: 99%; } }
           @media screen and (max-width: 1200px) {
             header nav.menuh > ul > li > ul {
               left: 0;
               margin-top: 0;
               padding: 0 10px;
               position: relative;
               right: 0;
               top: 0;
               width: 100%; } }
           header nav.menuh > ul > li > ul:before, header nav.menuh > ul > li > ul:after {
             content: "";
             display: table; }
           header nav.menuh > ul > li > ul:after {
             clear: both; }
           header nav.menuh > ul > li > ul > li {
             background: none;
             display: inline-block;
             vertical-align: top;
             font-size: 0;
             list-style: none;
             margin: 0 !important;
             padding-bottom: 0; }
             @media screen and (max-width: 1200px) {
               header nav.menuh > ul > li > ul > li {
                 display: block; } }
             header nav.menuh > ul > li > ul > li a {
               font-size: 17px;
               display: block; }
               @media screen and (max-width: 992px) {
                 header nav.menuh > ul > li > ul > li a {
                   font-size: 15px;
                   padding: 20px 20px 10px 20px; } }
             header nav.menuh > ul > li > ul > li > ul {
               display: inline-block;
               padding: 0;
               margin: 10px 0 0; }
               header nav.menuh > ul > li > ul > li > ul:before, header nav.menuh > ul > li > ul > li > ul:after {
                 content: "";
                 display: table; }
               header nav.menuh > ul > li > ul > li > ul:after {
                 clear: both; }
               header nav.menuh > ul > li > ul > li > ul > li {
                 display: inline-block;
                 margin: 0 !important;
                 padding: 0 10px; }
                 header nav.menuh > ul > li > ul > li > ul > li a {
                   border: 0;
                   font-size: 14px;
                   border-bottom: 1px solid gray;
                   padding: 10px; }
                   @media screen and (max-width: 1200px) {
                     header nav.menuh > ul > li > ul > li > ul > li a {
                       border: 0;
                       padding: 5px; } }
           header nav.menuh > ul > li > ul.normal-sub {
             width: 400px;
             left: auto;
             padding: 0 0 10px 10px; }
             @media screen and (max-width: 992px) {
               header nav.menuh > ul > li > ul.normal-sub {
                 padding: 0; } }
             header nav.menuh > ul > li > ul.normal-sub > li {
               width: 100%;
               }
               header nav.menuh > ul > li > ul.normal-sub > li a {
                 border: 0;
                 padding: 1em 0; }
             header nav.menuh > ul > li > ul.normal-sub.submenu-2 {
               right: 0;
               left: 0;
               width: 350px;
               }
               @media screen and (max-width: 1200px) {
                 header nav.menuh > ul > li > ul.normal-sub.submenu-2 {
                   width: 100%;
                   right: 0;
                   left: 0; } }
               header nav.menuh > ul > li > ul.normal-sub.submenu-2 > li a {
                 color: white;
                 border: 0;
                 padding: 15px 5%;
                 text-align: left; }
                 @media screen and (max-width: 1200px) {
                   header nav.menuh > ul > li > ul.normal-sub.submenu-2 > li a {
                     border-bottom: 0; } }
                 header nav.menuh > ul > li > ul.normal-sub.submenu-2 > li a:hover {
                   background-color: transparent !important;
                   color: #00A7E1;
                      text-align: left;}
         header nav.menuh > ul > li:last-child {
           margin: 0;
           border-right: 0;
           padding: 5px 1.5%;
           width: 46px;
           position: relative;
           left: 20px;
           }
         header nav.menuh > ul > li.con-icon {
           margin: 0 0.6% 0 0.5% !important; }
 
 footer {
   background: #313232;
   padding: 50px 0;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.5;
   position: relative;
   z-index: 100;
   /**
    * Submenu
    -----------------------------*/ }
   @media screen and (max-width: 992px) {
     footer {
       padding: 10px 0 40px 0; } }
   footer ul {
     display: block;
     width: 100%;
     color: #D8D8D8; }
     footer ul li {
       display: inline-block;
       vertical-align: top;
       width: 19.5%;
       padding-right: 1%; }
       @media screen and (max-width: 992px) {
         footer ul li {
           width: 100%; } }
       footer ul li span {
         color: #00A7E1;
         border-bottom: 1px solid #00A7E1;
         display: block;
         padding-bottom: 10px;
         margin-bottom: 5px;
         width: 90%; }
         @media screen and (max-width: 992px) {
           footer ul li span {
             margin-top: 20px;
             width: 100%; } }
       footer ul li ul {
         display: block; }
         footer ul li ul li {
           display: block;
           width: 100%; }
   footer .accordion-footer {
     display: block;
     width: 100%;
     color: #D8D8D8;
     position: relative; }
     footer .accordion-footer .link {
       cursor: pointer;
       color: #00A7E1;
       border-bottom: 1px solid #00A7E1;
       display: block;
       padding-bottom: 10px;
       margin-bottom: 5px;
       width: 90%; }
       @media screen and (max-width: 992px) {
         footer .accordion-footer .link {
           margin-top: 20px;
           position: relative;
           -webkit-transition: all 0.4s ease;
           -o-transition: all 0.4s ease;
           transition: all 0.4s ease;
           width: 100%; } }
       footer .accordion-footer .link i {
         display: none;
         height: 0px;
         margin-left: 5px;
         position: absolute;
         width: 10px;
         right: 15px;
         top: 20px; }
         @media screen and (max-width: 992px) {
           footer .accordion-footer .link i {
             display: inline-block; } }
         footer .accordion-footer .link i:after, footer .accordion-footer .link i:before {
           position: absolute;
           display: block;
           content: "";
           width: 70%;
           height: 1.8px;
           background-color: #00A7E1; }
         footer .accordion-footer .link i:after {
           transform: rotate(-135deg);
           top: -5px; }
         footer .accordion-footer .link i:before {
           transform: rotate(135deg);
           top: -5px;
           right: 0; }
     @media screen and (max-width: 992px) {
       footer .accordion-footer li:last-child .link {
         border-bottom: 0; } }
     footer .accordion-footer li.open .link {
       color: #00A7E1; }
       footer .accordion-footer li.open .link i {
         display: none;
         height: 0px;
         margin-left: 5px;
         position: absolute;
         width: 10px;
         right: 15px;
         top: 20px; }
         @media screen and (max-width: 992px) {
           footer .accordion-footer li.open .link i {
             display: inline-block; } }
         footer .accordion-footer li.open .link i:after, footer .accordion-footer li.open .link i:before {
           position: absolute;
           display: block;
           content: "";
           width: 70%;
           height: 1.8px;
           background-color: #00A7E1; }
         footer .accordion-footer li.open .link i:after {
           transform: rotate(-45deg);
           top: -5px; }
         footer .accordion-footer li.open .link i:before {
           transform: rotate(45deg);
           top: -5px;
           right: 0; }
     footer .accordion-footer li.default .submenu {
       display: block; }
   footer .submenu {
     display: block; }
     @media screen and (max-width: 992px) {
       footer .submenu {
         display: none; } }
     footer .submenu li {
       display: block;
       position: relative; }
     footer .submenu a {
       display: block;
       text-decoration: none;
       -webkit-transition: all 0.25s ease;
       -o-transition: all 0.25s ease;
       transition: all 0.25s ease; }
       footer .submenu a:hover {
         color: #00A7E1; }
 
 .home .slides-int .titulo-home2 {
   position: absolute;
   bottom: 120px;
   width: 60%; }
   @media screen and (max-width: 992px) {
     .home .slides-int .titulo-home2 {
       width: 90% !important;
       bottom: 82px; } }

 @media screen and (max-width: 370px) {
    .home .slides-int .titulo-home2{
      font-size: 25px;
      } 
 }

 @media screen and (max-width: 768px) {
   .home .box-contenido img {
     width: 100%; } }
 
 .hacemos {
   overflow: hidden; }
   .hacemos .cabecera-banner-full .titulo-home1 {
     bottom: 50px; }
   .hacemos .slides-int .titulo-home2 {
     position: absolute;
     bottom: 120px;
     width: 60%; }
     @media screen and (max-width: 992px) {
       .hacemos .slides-int .titulo-home2 {
         width: 85%;
         left: 25px; } }

@media screen and (max-width: 500px) {
       .hacemos .slides-int .titulo-home2 {
         width: 89%;
         left: 25px;
         font-size: 30px;
         bottom: 61px;
         } }
   .hacemos .content-center {
     bottom: 140px;
     left: 0;
     margin: 0 auto;
     padding: 0 80px;
     position: absolute;
     right: 0;
     text-align: center;
     width: 78%; }
     @media screen and (max-width: 992px) {
       .hacemos .content-center {
         padding: 0;
         width: 90%; } }
  @media screen and (max-width: 500px) {
       .hacemos .content-center {
         padding: 0;
         width: 90%;
         bottom: 87px;
         } }
     .hacemos .content-center p {
       color: white;
       font-size: 17px;
       font-weight: 400;
       margin: 20px auto 0 auto;
       width: 100%; }
       @media screen and (max-width: 992px) {
         .hacemos .content-center p {
           font-size: 15px;
           padding: 0 10px; } }

   .hacemos .title-mineria {
     text-align: left; }
 
 .empresa {
   overflow: hidden; }
   .empresa .container ul li a:hover {
     font-weight: bold; }
   .empresa .cabecera-banner-full .titulo-home1 {
     bottom: 60px; }
     @media screen and (max-width: 992px) {
       .empresa .cabecera-banner-full .titulo-home1 {
         bottom: 78px;
         } }
   .empresa .slides-int .titulo-home2 {
     position: absolute;
     bottom: 120px;
     width: 60%; }
   .empresa .titulo small {
     font-size: 23px;
     display: block;
     font-weight: 400; }
     @media screen and (max-width: 992px) {
       .empresa .titulo small {
         font-size: 15px; } }
   @media screen and (max-width: 768px) {
     .empresa .box-contenido img {
       width: 100%; } }
   .empresa h3 {
     font-size: 28px; }
   .empresa h4 {
     font-size: 25px;
     font-weight: 700; }
   .empresa .content-center {
     bottom: 140px;
     left: 0;
     margin: 0 auto;
     padding: 0 80px;
     position: absolute;
     right: 0;
     text-align: center;
     width: 60%; }
     @media screen and (max-width: 992px) {
       .empresa .content-center {
         padding: 0;
         width: 90%;
         bottom: 40px; } }
     .empresa .content-center p {
       color: white;
       font-size: 17px;
       font-weight: 400;
       margin: 20px auto 0 auto;
       width: 100%; }
     .empresa .content-center.title-left {
       text-align: left; }
     .empresa .content-center.texto-banner {
       bottom: 100px;
       width: 70%; }
       .empresa .content-center.texto-banner p {
         font-size: 25px; }
         @media screen and (max-width: 992px) {
           .empresa .content-center.texto-banner p {
             font-size: 15px;
             width: 90%; } }
   .empresa .title-left {
     text-align: left; }
   .empresa .content-equipo {
     background: #f5f5f5;
     overflow: hidden;
     font-weight: 700;
     font-size: 35px;
     }
     @media screen and (max-width: 768px) {
       .empresa .content-equipo {
         font-size: 20px; } }
     .empresa .content-equipo .content {
      background: #f5f5f5;
      padding: 86px 3%;
      font-size: 49px;
      font-family: 'Roboto';
      font-weight: bolder;
      }
  @media screen and (max-width: 500px) {
   .empresa .content-equipo{
     background: #2C2926;
   }
  .empresa .content-equipo .content {
      background: #2C2926;
  }
  }
       @media screen and (max-width: 768px) {
         .empresa .content-equipo .content {
           padding: 20px 0; } }
   .empresa .row-contenido {
     margin-bottom: 35px; }
     .empresa .row-contenido p {
       margin-top: 4px;
       text-align: justify;
       line-height: 29px;
       }
     .empresa .row-contenido ul li {
       position: relative;
       padding-left: 30px;
       margin-bottom: 5px; }
       .empresa .row-contenido ul li:before {
         content: '.';
         position: absolute;
         margin-right: 5px;
         left: 0;
         bottom: 27%;
         font-size: 20px;
         font-weight: 700; }
 
 .contacto .cabecera-contacto {
   max-width: 100%;
   height: auto;
   margin: 0 auto; }
   @media screen and (max-width: 992px) {
     .contacto .cabecera-contacto {
       display: none; } }
   .contacto .cabecera-contacto .title {
     bottom: 120px;
     color: white;
     font-family: "Roboto", sans-serif;
     font-size: 45px;
     font-weight: 700;
     padding: 0 40px;
     position: absolute;
     width: 60%;
     z-index: 1px; }
 .contacto .content-contacto {
   display: block;
   font-size: 0;
   padding-top: 30px; }
   .contacto .content-contacto .box {
     display: inline-block;
     font-size: 17px;
     vertical-align: top;
     width: 50%; }
     .contacto .content-contacto .box:first-child {
       padding-right: 5%; }
       @media screen and (max-width: 992px) {
         .contacto .content-contacto .box:first-child {
           padding-right: 0; } }
     .contacto .content-contacto .box:last-child {
       padding-left: 5%; }
       @media screen and (max-width: 992px) {
         .contacto .content-contacto .box:last-child {
           padding-left: 0;
           margin-top: 60px; } }
     @media screen and (max-width: 992px) {
       .contacto .content-contacto .box {
         font-size: 15px;
         width: 100%; } }
   .contacto .content-contacto .row-form {
     margin-bottom: 20px; }
   .contacto .content-contacto ::-webkit-input-placeholder {
     /* Edge */
     color: black; }
   .contacto .content-contacto :-ms-input-placeholder {
     /* Internet Explorer 10-11 */
     color: black; }
   .contacto .content-contacto ::placeholder {
     color: black; }
 .contacto h3 {
   font-size: 35px;
   font-weight: 700;
   border-bottom: 2px solid #00A7E1;
   padding-bottom: 15px;
   margin-bottom: 25px; }
 .contacto ul.ubicanos {
   display: block;
   overflow: hidden; }
   .contacto ul.ubicanos li {
     display: block;
     margin-bottom: 35px; }
     .contacto ul.ubicanos li img {
      vertical-align: middle;
      position: absolute;
      width: 18px!important;
      height: 25px !important;
      top: auto !important;
      left: auto !important;
    }
     .contacto ul.ubicanos li span {
       display: inline-block;
       padding-left: 40px; }
       .contacto ul.ubicanos li span i {
         width: 130px;
         display: inline-block;
         vertical-align: top;
         font-style: normal;
         margin-left: 5px; }
 .contacto hr {
   background: #00A7E1;
   border-top: 2px solid #00A7E1;
   margin: 20px 0 40px 0; }
 .contacto .redes-sociales {
   display: block; }
   .contacto .redes-sociales h4 {
     display: inline-block;
     font-weight: 700;
     font-size: 25px;
     vertical-align: middle;
     margin-right: 10px;
     width: 120px; }
   .contacto .redes-sociales ul {
     display: inline-block;
     vertical-align: middle;
     width: 50%; }
     .contacto .redes-sociales ul li {
       display: inline-block;
       vertical-align: middle;
       padding: 0 1%; }
       @media screen and (max-width: 576px) {
         .contacto .redes-sociales ul li {
           width: 25%; } }
       @media screen and (max-width: 992px) {
         .contacto .redes-sociales ul li img {
           width: 100%; } }
 
 .soluciones {
   overflow: hidden; }
   .soluciones .cabecera-banner-full .titulo-home1 {
     bottom: 60px; }
     @media screen and (max-width: 992px) {
       .soluciones .cabecera-banner-full .titulo-home1 {
        /* bottom: 35px; */} }
   .soluciones .slides-int .titulo-home2 {
     position: absolute;
     bottom: 120px;
     width: 60%; }
   .soluciones .titulo small {
     font-size: 23px;
     display: block;
     font-weight: 400; }
     @media screen and (max-width: 992px) {
       .soluciones .titulo small {
         font-size: 15px; } }
   @media screen and (max-width: 768px) {
     .soluciones .box-contenido img {
       width: 100%; } }
   .soluciones h3 {
     font-size: 28px;
      /* margin-bottom: 30px; */ }
   .soluciones h4 {
     font-size: 25px;
     font-weight: 700;
     margin-bottom: 39px; }
   .soluciones .content-center {
     bottom: 40px;
     left: 0;
     margin: 0 auto;
     padding: 0 80px;
     position: absolute;
     right: 0;
     text-align: center;
     width: 60%; }
     @media screen and (max-width: 992px) {
       .soluciones .content-center {
         padding: 0;
         width: 90%;
         bottom: 40px; } }
     .soluciones .content-center p {
       color: white;
       font-size: 17px;
       font-weight: 400;
       margin: 20px auto 0 auto;
       width: 100%; }
     .soluciones .content-center.title-left {
       text-align: left; }
   .soluciones .title-left {
     text-align: left; }
   .soluciones .content-equipo {
     background: #F5F5F5;
     overflow: hidden;
     font-weight: 700;
     font-size: 35px; }
     @media screen and (max-width: 768px) {
       .soluciones .content-equipo {
         font-size: 20px; } }
     .soluciones .content-equipo .content {
       background: #F5F5F5;
       padding: 120px 10%; }
       @media screen and (max-width: 768px) {
         .soluciones .content-equipo .content {
           padding: 20px 0; } }
   .soluciones .row-contenido {
     margin-bottom: 30px; }
     .soluciones .row-contenido p {
       margin-top: 4px; }
     .soluciones .row-contenido ul li {
       position: relative;
       padding-left: 30px;
       margin-bottom: 5px; }
       .soluciones .row-contenido ul li:before {
         content: '.';
         position: absolute;
         margin-right: 5px;
         left: 0;
         bottom: 27%;
         font-size: 20px;
         font-weight: 700; }
 
 /*# sourceMappingURL=main.css.map */
 
 
 header nav.menuh > ul > li a i:before{
   transform: rotate(39deg);
 }
 header nav.menuh > ul > li a i:after{
   transform: rotate(-224deg);
 
 }
 
 
 .contacto-general .content h3{
   font-size: 39px;
   font-weight: 700;
 }
 
 .contacto-general .row-form  span ::placeholder{
   color: #000000;
   font-weight: bold;
 }
 
 header nav.menuh > ul > li{
   padding: 40px 1.6%;
 }
 
 .soluciones .cabecera-banner-full .titulo-home1 {
   /* bottom: 169px; */
   /* line-height: 50px; */
   /* padding: 0 123px; */
   /* font-size: 34px; */
      bottom: 132px;
   width: 60%;
   position: absolute;
 }
 
 .soluciones .row-contenido{
 font-size: 24px;
 text-align: justify;
      line-height: 34px;
 }
  @media screen and (max-width: 2000px) {
           header nav.menuh > ul > li {
             padding: 40px 2.6%;
             } }
  @media screen and (max-width: 1272px) {
           header nav.menuh > ul > li {
             padding: 40px 2.5%;
             } }
 @media screen and (max-width: 1220px) {
           header nav.menuh > ul > li {
             padding: 40px 2.4%;
             } }
 @media screen and (max-width: 1204px) {
           header nav.menuh > ul > li {
             padding: 40px 2.2%;
             } }
 @media screen and (max-width: 1190px) {
           header nav.menuh > ul > li {
             padding: 40px 1.8%;
             } }
 @media screen and (max-width: 1180px) {
           header nav.menuh > ul > li {
             padding: 40px 1.5%;
             } }
 @media screen and (max-width: 1163px) {
           header nav.menuh > ul > li {
             padding: 30px 3%;
             } }
 @media screen and (max-width: 1139px) {
           header nav.menuh > ul > li {
             padding: 30px 2.9%;
             } }
@media screen and (max-width: 1113px) {
           header nav.menuh > ul > li {
             padding: 30px 2.8%;
             } }
@media screen and (max-width: 1099px) {
           header nav.menuh > ul > li {
             padding: 30px 2.7%;
             } }
@media screen and (max-width: 1084px) {
           header nav.menuh > ul > li {
             padding: 30px 2.5%;
             } }
@media screen and (max-width: 1056px) {
           header nav.menuh > ul > li {
             padding: 30px 2.2%;
             } }
 
 .content .box-contenido:nth-child(4){
 display: none;
 }
 
 
 
 @media screen and (max-width: 992px) {
 .soluciones .cabecera-banner-full .titulo-home1{
 /*bottom: 137px;*/
 }
 }
 
 @media screen and (max-width: 500px) {
 .soluciones .cabecera-banner-full .titulo-home1{
 bottom: 77px; 
 font-size: 23px;
 width: 82% !important;
 /* line-height: 1; */
 }
 }
 
 
 .content-box-video{
   display: none;
   }
   
   .content-btn-soluciones{
   /* bottom: 172px; */
    /* left: 0; */
    /* margin: 0 auto; */
    /* padding: 0 80px; */
    /* position: absolute; */
    /* right: 0; */
    /* text-align: center; */
    /*width: 60%;*/
    bottom: 140px;
    left: 0;
    margin: 0 auto;
    padding: 0 80px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 78%;
   }
 
   .btn.btn-blue-soluciones{
       /* background: #00A7E1; */
        /* padding: 10px 60px; */
        /* color: white; */
        opacity: 0.9;
        /* font-weight: 800; */
        /* font-size: 37px; */
        background: rgba(0, 167, 225, 0.8);
        padding: 7px 70px;
        color: white;
        font-size: 28px;
        font-weight: 700;
   }
   .slides-int  .titulo-home1 {
     bottom: 132px;
     width: 60%;
     position: absolute;
   }
 @media screen and (max-width: 992px) {
  .slides-int .titulo-home1{
   bottom: 32px;
  }
   }
   #solucion-2 .solucion-negocio{
    display:none;
  }
  .empresa img.alignnone.wp-image-73 {
    width: 463px !important;
}
   @media screen and (max-width: 500px) {
   .soluciones .btn.btn-blue-soluciones{
     display: none;
    }
    .empresa img.alignnone.wp-image-73 {
      width: 100% !important;
  }
    #solucion-2 .solucion-negocio{
      display: flex;
    }

     .soluciones .av-container:nth-child(1) .img-desktop img{
      display: none;
     }
     .empresa .slides-int:nth-child(2){
      display: block;
     }
       .empresa .slides-int:nth-child(2) .slide-banner-int{
        display: block;
       }
     .soluciones .slides-int:nth-child(4){
      display: block;
      }
     #transport .slide-banner-int{
      display: none;
     }
      .slides-int:nth-child(5){
      display: block;
      }
     .slides-int:nth-child(6){
    display: none;
    }
    .soluciones .slides-int:nth-child(7){
     display: block;
     }
       .slides-int:nth-child(8){
      display: block;
     }
       section:nth-child(9){
        display: block;
       }

    #linea .slide-banner-int{
     display: none;
    }
    #solucion6 .content-btn-soluciones a{
     display: none;
    }
        section:nth-child(10){
         display: block;
       }
        section:nth-child(11){
         display: block;
       }
        section:nth-child(12){
         display: block;
       }
        section:nth-child(13){
         display: block;
       }
        section:nth-child(14){
         display: block;
       }
         section:nth-child(15){
        display: block;
       }

      #solucion7 .slide-banner-int{
       display: none;
      }
         section:nth-child(16){
         display: block;
       }
         section:nth-child(17){
         display: block;
       }
     .soluciones .row-contenido {
         font-size: 15px;
     }
     .btn.btn-blue-soluciones{
        display: block;
         font-size: 20px;
         bottom: -67px;
       }
       .slides-int .titulo-home1 {
         bottom: 51px;
         width: 82%;
         position: absolute;
     }
     .contacto-general{
       display: block !important;
     }

     .hacemos .slides-int:nth-child(4){
      display: block;
    }
       .hacemos .slides-int:nth-child(6){
         display: block;
       }
    
      .hacemos  .slides-int:nth-child(7){
        display: block;
      }
         .hacemos  .slides-int:nth-child(10){
        display: block;
      }
      .hacemos section:nth-child(11){
        display:block;
       }
       .hacemos section:nth-child(13){
        display: block;
       }
       .empresa .slides-int:nth-child(4){
        display: block;
        }
     }




     .hacemos > div:nth-child(1){
      display: none;
    }
  
  .hacemos  >section:nth-child(2){
    display: none;
  }
   
    
  .contacto-general .av-container:nth-child(1){
    display: block;
  }

  img{
    width: 100% !important;
      /* height: 100% !important;*/
       left: 0 !important;
       top: 0px !important;
   }

   .hacemos .av-container:nth-child(11){
    display: none;
    }


    .home .box-contenido p:nth-child(3) a img{
      width: auto !important; 
   }
   
   @media screen and (max-width: 780px) {
   .home .box-contenido p:nth-child(3) a img{
     width: 100% !important;
   }
   }

   .empresa .content .box-contenido:nth-child(4){
    display: block;
   }
   
    .empresa .content-box-video{
      display: block;
     }

@media screen and (max-width: 1900px) {
.av-container section .slide-banner-int{
/* height: 739px !important;*/
}
 }
@media screen and (max-width: 1400px) {
.av-container section .slide-banner-int{
/* height: 630px !important;*/
}
 }

@media screen and (max-width: 992px) {
.av-container section .slide-banner-int{
/* height:500px !important;*/
}
 }


 @media screen and (max-width: 760px) {
.av-container section .slide-banner-int{
/* height:400px !important;*/
}
 }
 @media screen and (max-width: 500px) {
.av-container section .slide-banner-int{
/* height:300px !important;*/
}
 }



 
 @media screen and (max-width: 1100px) {
  .soluciones .slides-int .slide-banner-int{
  /* height: 570px !important;*/
  }  
   }
  
   @media screen and (max-width: 900px) {
  .soluciones .slides-int .slide-banner-int{
 /*  height: 500px !important;*/
  }  
   }
  
   @media screen and (max-width: 710px) {
  .soluciones .slides-int .slide-banner-int{
 /*  height: 400px !important;*/
  }  
   }
   @media screen and (max-width: 650px) {
  .soluciones .slides-int .slide-banner-int{
  /* height: 350px !important;*/
  }  
   }
     @media screen and (max-width: 550px) {
  .soluciones .slides-int .slide-banner-int{
  /* height: 300px !important;*/
  }  
   }
    
  




 @media screen and (max-width: 1100px) {
  .hacemos .slides-int .slide-banner-int{
  /* height: 570px !important;*/
  }  
   }
  
   @media screen and (max-width: 900px) {
  .hacemos .slides-int .slide-banner-int{
  /* height: 500px !important;*/
  }  
   }
  
   @media screen and (max-width: 710px) {
  .hacemos .slides-int .slide-banner-int{
  /* height: 400px !important;*/
  }  
   }
   @media screen and (max-width: 650px) {
  .hacemos .slides-int .slide-banner-int{
  /* height: 350px !important;*/
  }  
   }
     @media screen and (max-width: 550px) {
  .hacemos .slides-int .slide-banner-int{
  /* height: 300px !important;*/
  }  
   }


   @media screen and (max-width: 1100px) {
    .empresa .slides-int .slide-banner-int{
    /* height: 570px !important;*/
    }  
     }
    
     @media screen and (max-width: 900px) {
    .empresa .slides-int .slide-banner-int{
    /* height: 500px !important;*/
    }  
     }
    
     @media screen and (max-width: 710px) {
    .empresa .slides-int .slide-banner-int{
    /* height: 400px !important;*/
    }  
     }
     @media screen and (max-width: 650px) {
    .empresa .slides-int .slide-banner-int{
   /*  height: 350px !important;*/
    }  
     }
       @media screen and (max-width: 550px) {
    .empresa .slides-int .slide-banner-int{
    /* height: 300px !important;*/
    }  
     }


     .content-equipo  .box-contenido p{
      text-align: left;
         line-height: 62px; 
     }
     @media screen and (max-width: 1367px) {
      .circle-blue li{
      font-size: 16px;
      }
      }
     @media screen and (max-width: 990px) {
      .content-equipo .box-contenido p{
       font-size: 33px;
      }
        }
     @media screen and (max-width: 500px) {
      .content-equipo .box-contenido p{
       font-size: 25px;
       line-height: 35px;
       color: white;
      }
      .circle-blue li{
        font-size: 14px;
        }
        .empresa h4{
          font-size: 17px;
          }
          .empresa .slides-int:nth-child(8){
            display: none;
           }
            .empresa section:nth-child(9){
             display: block;
            }
            .empresa section:nth-child(10){
              display: block;
            }
        }


        .empresa .content-equipo1{
          display:none;
      }
      
       @media screen and (max-width: 500px) {
        .empresa .content-equipo1{
            font-size: 20px;
            display: none;
            background: #F5F5F5;
            font-family: 'Roboto';
            font-weight: bolder;
      }
      .empresa .content-equipo1 .content {
        padding: 20px 0;
    }
       }

.wpml-ls-slot-2.wpml-ls-current-language .wpml-ls-slot-2, .wpml-ls-slot-2.wpml-ls-current-language .wpml-ls-slot-2 a, .wpml-ls-slot-2.wpml-ls-current-language .wpml-ls-slot-2 a:visited{
 width: 46px!important;
}


header nav.menuh > ul > li:last-child ul{
 width: auto !important;
 top: 38px;
 padding: 0;
}

header nav.menuh > ul > li:last-child ul li>a{
       padding: 5px 5%;
    
}
header nav.menuh > ul > li:last-child > ul.normal-sub.submenu-2 > li a{
 padding: 5px 27%;
 text-align: center;
 width: 48px;
}
header nav.menuh > ul > li:last-child:hover{
 background-color: #dd3333;
}
 header nav.menuh > ul > li:last-child > ul.normal-sub.submenu-2 > li a:hover {
 text-align: center;
 }

  @media screen and (max-width: 992px) {
        header nav.menuh > ul > li > ul.normal-sub.submenu-2 > li a:hover{
     text-align: left;
   }
      header nav.menuh > ul > li > ul.normal-sub.submenu-2 > li a{
 padding: 11px 5%;
 text-align: left;
}
header nav.menuh > ul > li:last-child a{
 padding: 5px;
 background-color: #dd3333;
}

   header nav.menuh > ul > li:last-child{
     left: 15px;
    width: max-content;
    padding: 5px 10px;
    /* height: 65px; */
    background: none;
   }

  }


.soluciones .row-contenido p, ul{
 margin-top: -7px !important;
}

 @media screen and (max-width: 700px) {
       .content-btn-soluciones{
   
    margin: 0 auto;
    padding: 0 0px;
  
   }
}



@media screen and (max-width: 992px) {

  header nav.menuh > ul > li > ul.normal-sub.submenu-2{
   top: 20px;
  }
  
    header nav.menuh > ul > li:last-child{
     width: max-content;
     cursor: pointer;
     padding: 25px 10px;
     left: 0px;
    }
    header nav.menuh > ul > li:last-child:hover{
     background: none !important;
    }
  header nav.menuh > ul > li:last-child:hover{
    background: none !important;
  }
  
  header nav.menuh > ul > li#menu-item-wpml-ls-2-es>a:nth-child(1){
    /* pointer-events: none;*/
   /* width: 45px;*/
   }
   header nav.menuh > ul > li#menu-item-wpml-ls-2-en>a:nth-child(1){
    /*pointer-events: none;*/
   /* width: 48px;*/
   }
  
   header nav.menuh > ul > li:last-child > ul.normal-sub.submenu-2>li{
     position: absolute;
     top: -41px;
     left: 62px;
    }
    
   }

   .box-contenido h1,h2,h3{
    margin-bottom: 25px;
    margin-top: 7px;
   }
   
   .box-contenido p>br:nth-child(3){
    display: none;
   }

@media screen and (max-width: 500px) {
.soluciones h3{
 text-align: initial;
}
}

   @media screen and (max-width: 500px) {
.soluciones .slides-int .titulo{
 font-size: 29px;
 width: 91%;
 bottom: 64px;
}
   }


.content-box-video .box h3>a{
 color: #1bb0e2;
 font-weight: 500;
 font-size: 17px;
 text-decoration: revert;
}


.soluciones .box-contenido:nth-child(2) .row-contenido:nth-child(1) h3{
  font-size: 24px;
 }
 .soluciones .box-contenido:nth-child(3) .row-contenido:nth-child(1) h3{
   font-size: 24px;
 }



header nav.menuh > ul > li:last-child a[title="Español"] span.wpml-ls-display {
    visibility: hidden;
    /* width: 46px; */
}
header nav.menuh > ul > li:last-child a[title="Español"] span.wpml-ls-display:before {
    content: "Es";
    visibility: visible;
}



header nav.menuh > ul > li:last-child ul li  a[title="Inglés"] span.wpml-ls-display {
    visibility: hidden;
}
header nav.menuh > ul > li:last-child ul li  a[title="Inglés"] span.wpml-ls-display:before {
    content: "In";
    visibility: visible;
}



header nav.menuh > ul > li:last-child a[title="English"] span.wpml-ls-display {
    visibility: hidden;
}
header nav.menuh > ul > li:last-child a[title="English"] span.wpml-ls-display:before {
    content: "En";
    visibility: visible;
}



header nav.menuh > ul > li:last-child ul li  a[title="Spanish"] span.wpml-ls-display {
    visibility: hidden;
}
header nav.menuh > ul > li:last-child ul li  a[title="Spanish"] span.wpml-ls-display:before {
    content: "Sp";
    visibility: visible;
}















.content-btn-soluciones .abajo-soluciones{
 text-align: center;
 justify-content: center;
 display: flex;
 align-items: center;
}

.content-btn-soluciones .round {
    position: relative;
    border: 3px solid #299fc3;
    width: 75px;
    height: 75px;
    border-radius: 100%;
    z-index: 0;
}

.content-btn-soluciones .round>span {
    z-index: 999;
    height: 3px;
    margin:1px;
    width: 30px;
    background: #fafafa;
    transition: 0.4s ease;
}

.content-btn-soluciones .round> span:first-child {
    display: block;
    position: absolute;
    transform: rotate(45deg);
    left: 14%;
    bottom: 34%;
}

.content-btn-soluciones .round> span:nth-child(2) {
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    left: 43%;
    bottom: 35%;
}

.content-btn-soluciones .round> span:nth-child(3) {
    display: block;
    position: absolute;
    transform: rotate(45deg);
    left: 14%;
    bottom: 50%;
}

.content-btn-soluciones .round> span:nth-child(4) {
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    left: 43%;
    bottom: 50%;
}

.round:hover span:nth-child(1) {
    transform: rotate(-135deg);
}

.round:hover span:nth-child(2) {
    transform: rotate(135deg);
}

.round:hover span:nth-child(3) {
    transform: rotate(225deg);
}

.round:hover span:nth-child(4) {
    transform: rotate(-225deg);
}



  @media screen and (max-width: 500px) {
.content-btn-soluciones .abajo-soluciones{
 display:none;
}

  }

  @media screen and (max-width: 992px) {
    .soluciones .slides-int:nth-child(7){
   display: none;
  }
  .soluciones .slides-int:nth-child(7) .img-movil{
   display: none;
  }
  
    }


@media screen and (max-width: 992px) {
.box-contenido p{line-height: 29px;}

  }

@media screen and (max-width: 1220px) {
.transport,.transport3,.transport2{
 display: none;
}

  }


@media screen and (max-width: 992px) {
#gas-petroleo .slide-banner-int .slides-container >li .desktop img{
 display: none;
}

 .slides-int .desktop img{
  display: none;
 }
}

.soluciones  .av-container:nth-child(1) section #slides ul li .img-movil{
  display: none;
 }
 
 @media screen and (max-width: 992px){
 .soluciones  .av-container:nth-child(1) section #slides ul li .img-movil{
  display: none;
 }
  .soluciones  .av-container:nth-child(1) section #slides ul li .img-desktop{
  display: none;
 }
 }




 @media screen and (max-width: 576px) {
     .container {
      /* padding: 20px; */
      padding-right: 30px;
      padding-left: 30px;
      } }

   @media screen and (max-width: 540px) {
     .grid-politica .pol{
     border: 0 !important;
     font-size: 15px;
    }
    .grid-politica .poli{
     border: 0 !important;
     margin-left: 8px;
    }
    .contacto-general .content h3{
     font-size: 25px;
    }
    .contacto-general .input-form{
     font-weight: 100;
     font-size: 15px;
    }
.home .slides-int .titulo-home2 br{
 display: none;
}
    .home .slides-int .titulo-home2{
     width: 87%!important;
    }

    .btn.btn-blue{
     padding: 10px 6px;
    }
    .grid-politica{
     padding: 6px 2px !important;
     font-size: 15px;
     grid-gap: 2px!important;
     align-items: center;
    }

    footer .container{
     padding-right: 17px;
     padding-left: 17px;
    }

    .solucion-negocio a{
     text-align: left;
     font-size: 15px !important;
    }
    .soluciones h3{
     font-size: 25px;
    }

    .soluciones .row-contenido:nth-child(1) h4:nth-child(5){
     font-size: 21px;
    }

     .soluciones .box-contenido:nth-child(2) .row-contenido:nth-child(1) h3{
     font-size: 21px;
    }
       .soluciones .box-contenido:nth-child(3) .row-contenido:nth-child(1) h3{
     font-size: 21px;
    }
    .soluciones .row-contenido ul li{
     padding-left: 7px;
     text-align: left;
    }

    .soluciones .row-contenido ul li:before{
     bottom: 8%;
    }

    #solucion-2 h2, #solucion-3 h2, #solucion-6 h2, #solucion-7 h2,#solucion-8 h2 {
     text-align: left;
    }
    .soluciones .slides-int .titulo{
     font-size: 25px;
    }

    .empresa .cabecera-banner-full .titulo-home1 ,.empresa h3{
     font-size: 25px;
    }
  .empresa .row-contenido p br{
   display: none;
   /* text-align: left; */
  }
    .empresa .row-contenido ul li{
     line-height: 20px;
    }

    .empresa h4{
     margin-top: 7px!important;
    }

    .content-box-video .box h3{
     font-size: 16px;
     text-align: left;
    }
    .content-box-video .box h3>a{
     font-size: 14px;
    }
    .contacto h3{
     font-size: 25px;
    }

    .box-contenido p br{
      display: none;
     }

     .box-contenido p{
     /* word-break: break-all;*/
      }
      .empresa .row-contenido p{
      /* word-break: break-all;*/
      }
      .soluciones .row-contenido ul  .general1{
        margin-bottom: 0px !important;
       }
   }


 @media screen and (max-width: 400px) {

.content-box-video .box h3>a{
 font-size: 11px;
}
 }


 @media screen and (max-width: 500px) {
  .content-box-video .box h3 {
      min-height: 71px;
      }
  }


  .content-equipo2 .box-contenido p{
    display:none;
   }
   
   
    @media screen and (max-width: 1000px) {
   .empresa .slides-int:nth-child(2) .slide-banner-int .slides-container li .container .ofr{
    display: none;
   }
    }
   
    @media screen and (max-width: 500px) {
   
   
   .content-equipo2{
    background:#2C2926;
    margin-top: -30px;
   }
   
   .content-equipo2 .box-contenido p{
    font-size: 25px;
    line-height: 35px;
    color: white;
    text-align: left;
    padding: 0;
    position: relative;
    font-size: 25px;
    font-family: 'Roboto';
    font-weight: bolder;
    padding: 50px 0;
    display:block;
   
   }
   
    }

    footer .accordion-footer .link{
      margin-bottom: 25px;
     }








 .header-row-container {
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap; */
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: center;
}

.header-row-container .container {
    display: flex;
    -ms-flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    justify-content: center;
    align-items: center;
}

.header-row-container .container nav.menuh {
  
    width: 100%;
}

.header-row-container .container nav.menuh ul#menu-header {
    display: flex;
    align-items: center;
    grid-column-gap: 7px;
    justify-content: space-around;
}



body header .header-row-container nav.menuh > ul > li {
    padding: 40px 0.6%;
}

.header-row-container .container nav.menuh ul#menu-header li:last-child {
    padding: 7px 14px;
}

.header-row-container .container .logoH img {
    height: auto!important;
    max-height: 91px;
}

body header nav.menuh > ul > li a{
 font-size: 16px;
}






  #custom-chatbox {
    position: fixed;
    bottom: 10px;
    right: 20px;
    padding: 15px;
    z-index: 2;
  }

  #custom-chatbox a {
    display: block;
    width: 100%;
    margin: 5px 0;
    padding: 10px;
    color: white;
    background-color: #dd3333;
    text-align: center;
    text-decoration: none;
    border-radius: 0px;
    font-weight: bold;
    font-size: 14px;
  }

  #custom-chatbox a:hover {
    background-color: #313232;
  }
  
 ul#menu-header2 {
    display: flex;
    align-items: center;
    grid-column-gap: 7px;
    justify-content: space-around;
}




 @media screen and (max-width: 1500px) {
   body header .container {
    justify-content: flex-start;
    padding: 0;
   }


  body header nav.menuh > ul > li a {
           font-size: 14px;
        text-align: center;
        display: flex;
        align-items: center;
  }

  .header-row-container .container .logoH img{
    max-height: 66px;
  }

 }


  @media screen and (max-width: 1380px) {
 .header-row-container{
      max-width: 1220px;
 }

 body header .header-row-container nav.menuh > ul > li{

  padding: 28px 1.3%;
 }
 }
 @media screen and (max-width: 1225px) {
 .header-row-container{
      max-width: 100%;
      padding: 0 20px;
 }


  body header nav.menuh > ul > li a {
           font-size: 12px;
       
  }

 }


 @media screen and (max-width: 1000px) {
 ul#menu-header2{
      display: block;
    padding: 7px 8px;
 }
  #custom-chatbox{
        background-color: transparent;
        bottom: 0;
    right: 0;
    padding: 0;
    border-radius: 0;
        width: 30%;
  }

  #custom-chatbox a{
        border-radius: 0px;
  }

.header-row-container .container{
  display: block;
}

.header-row-container .container nav.menuh ul#menu-header{
      padding: 20px 8px;
      display: block;
}

body header .header-row-container nav.menuh > ul > li{
  padding: 18px 1.6% 18px;
}
  }