@charset "UTF-8";
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700);
a {
  text-decoration: none; }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

.promote-layer {
  /*
  This may promote the layer to a composited
  layer.

  Replace with will-change when available

  #perfmatters
  */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
/* Prevent callout */
.nocallout {
  -webkit-touch-callout: none; }

.pressed {
  background-color: rgba(0, 0, 0, 0.7); }

/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {
  -webkit-appearance: none; }

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
   they have been set as display: none */
.gifhidden {
  position: absolute;
  left: -100%; }

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  direction: ltr;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em; }

.ir br {
  display: none; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

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

/**
 * Clearfix helper
 * Used to contain floats: h5bp.com/q
 */
.clearfix::before,
.clearfix::after {
  content: "";
  display: table; }

.clearfix::after {
  clear: both; }

/*center element*/
.center-element {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  -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 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

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

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

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

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

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

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

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

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

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

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

.fshf sup {
  top: -0.5em; }

.fshf sub {
  bottom: -0.25em; }

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

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

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

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

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

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
.fshf code,
.fshf kbd,
.fshf pre,
.fshf 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.
 */
.fshf button,
.fshf input,
.fshf optgroup,
.fshf select,
.fshf textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
.fshf 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.
 */
.fshf button,
.fshf 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.
 */
.fshf button,
html .fshf input[type="button"],
.fshf input[type="reset"],
.fshf input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

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

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
.fshf input[type="checkbox"],
.fshf 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`.
 */
.fshf input[type="number"]::-webkit-inner-spin-button,
.fshf input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

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

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

/**
 * Define consistent border, margin, and padding.
 */
.fshf 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.
 */
.fshf legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
.fshf 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.
 */
.fshf optgroup {
  font-weight: bold; }

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

.fshf td,
.fshf th {
  padding: 0; }

/*------------------------------------*    #IMAGES
\*------------------------------------*/
/**
 * While image is not loaded, with this trick the space occupied
 * Use this placeholder and it is required the width and padding-bottom
 * for it to work.
 * Remember, the padding-bottom is a percent of the width value
 */
/*------------------------------------*    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
.fshf h1, .fshf h2, .fshf h3, .fshf h4, .fshf h5, .fshf h6,
.fshf p, .fshf blockquote, .fshf pre,
.fshf dl, .fshf dd, .fshf ol, .fshf ul,
.fshf form, .fshf fieldset, .fshf legend,
.fshf figure,
.fshf table, .fshf th, .fshf td, .fshf caption,
hr {
  margin: 0;
  padding: 0; }

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
.fshf abbr[title],
.fshf dfn[title] {
  cursor: help; }

/**
 * Remove underlines from potentially troublesome elements.
 */
.fshf u,
.fshf ins {
  text-decoration: none; }

/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
.fshf ins {
  border-bottom: 1px solid; }

.fshf h1, .fshf h2, .fshf h3, .fshf h4, .fshf h5 {
  font-weight: 400;
  font-size: 1em; }

@font-face {
  font-family: 'robotoblack';
  src: url("../css/fonts/roboto-black-webfont.eot");
  src: url("../css/fonts/roboto-black-webfont.eot?#iefix") format("embedded-opentype"), 
  url("../css/fonts/roboto-black-webfont.woff2") format("woff2"), 
  url("../css/fonts/roboto-black-webfont.woff") format("woff"), 
  url("../css/fonts/roboto-black-webfont.ttf") format("truetype"), 
  url("../css/fonts/roboto-black-webfont.svg#robotoblack") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'communitynetsonda';
  src: url("../css/fonts/communitynetsonda.eot?ny06tj");
  src: url("../css/fonts/communitynetsonda.eot?ny06tj#iefix") format("embedded-opentype"), 
  url("../css/fonts/communitynetsonda.ttf?ny06tj") format("truetype"), 
  url("../css/fonts/communitynetsonda.woff?ny06tj") format("woff"), 
  url("../css/fonts/communitynetsonda.svg?ny06tj#communitynetsonda") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'communitynetsonda' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-play:before {
  content: "\e900"; }

.icon-arrow-box:before {
  content: "\e908"; }

.icon-search:before {
  content: "\e604"; }

.icon-arrow-circle:before {
  content: "\e901"; }

.icon-arrow-left:before {
  content: "\e902"; }

.icon-arrow-right:before {
  content: "\e903"; }

.icon-fb:before {
  content: "\e904"; }

.icon-linkedin:before {
  content: "\e905"; }

.icon-twitter:before {
  content: "\e906"; }

.icon-youtube:before {
  content: "\e907"; }

.icon-close:before {
  content: "\e605"; }

.icon-arrow-down:before {
  content: "\e909"; }

.icon-arrow-up:before {
  content: "\e90a"; }

body {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  width: 100%;
  height: 100%;
  position: relative; }

@media (max-width: 1023px) {
  #bwc_tab img {
    display: none !important; } }

@media (max-width: 1023px) {
  #bwc_window {
    display: none !important; } }

.overlay {
  background: #000;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 600;
  -webkit-transition: opacity 0.55s ease-out, visibility 0s 1s;
  transition: opacity 0.55s ease-out, visibility 0s 1s;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }
  .overlay.open {
    visibility: visible;
    opacity: .7; }

.loader, .loader-page {
  text-align: center;
  position: absolute;
  left: 50%;
  /*width: 24px;
    height: 24px;*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
  .loader img, .loader-page img {
    width: auto; }

.loader-page {
  top: 300px; }

.site {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.35s ease-in-out;
  -ms-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out; }
  .site.show {
    visibility: visible;
    opacity: 1; }

.main-center {
  max-width: 1360px;
  margin: auto; }

.layer {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1000;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.cookie-policy {
  position: fixed;
  width: 100%;
  background-color: #454545;
  margin: 0;
  left: 0;
  bottom: 0;
  z-index: 4000;
  text-align: center;
  color: #fff;
  line-height: 140%;
  padding: 10px 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: transform 0.4s ease-out, visibility 0.4s ease-out, opacity 0.4s ease-out;
  -ms-transition: transform 0.4s ease-out, visibility 0.4s ease-out, opacity 0.4s ease-out;
  transition: transform 0.4s ease-out, visibility 0.4s ease-out, opacity 0.4s ease-out; }
  .cookie-policy.show {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1; }
  .cookie-policy .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.1em;
    margin: 10px 20px;
    color: #fff;
    max-width: 800px;
    text-align: left; }
  .cookie-policy .accept-cookie {
    display: inline-block;
    height: 34px;
    position: relative; }
    .cookie-policy .accept-cookie a {
      padding: 0 20px;
      background: #909090;
      border-radius: 3px;
      border: 1px solid #909090;
      color: #454545;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 2.5em;
      display: block; }

*:focus {
  outline: 0; }

.main {
  max-width: 1366px;
  margin: auto;
  overflow: hidden;
  position: relative; }
  .main.clearfix {
    overflow: visible; }

.fshf a {
  color: #333; }

.fshf li {
  list-style: none; }

.vert-center {
  width: 100%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); }

.no-csstransforms .vert-center {
  width: 100%;
  top: 50px;
  left: inherit; }

/*------------------------------------*	#PAGE
\*------------------------------------*/
/**
 * High-, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */
html {
  font-size: 1em;
  /* [1] */
  line-height: 1.5;
  /* [1] */
  background-color: #fff;
  color: #333;
  -moz-osx-font-smoothing: grayscale;
  /* [5] */
  -webkit-font-smoothing: antialiased;
  /* [5] */
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  /*@include respond-to(tablet-p){
		font-size: ($base-font-size / 16px) * .8em;
	}*/ }

/*------------------------------------*	#IMAGES
\*------------------------------------*/
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
.fshf img {
  width: 100%;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */ }

/**
 * 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector
 *    to remove the effects.
 * 2. If a `width` and/or `height` attribute have been explicitly defined, let's
 *    not make the image fluid.
 */
.gm-style img,
.fshf img[width],
.fshf img[height] {
  /* [2] */
  max-width: none; }

/*------------------------------------*	#LISTS
\*------------------------------------*/
/**
 * Remove extra vertical spacing when nesting lists.
 */
.fshf li > ul,
.fshf li > ol {
  margin-bottom: 0; }

/**
 * Center any element horizontally and vertical
 */
.absolute-center {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

/* Change the white to any color ;) */
.fshf input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #ece183 inset;
  /* Change the color to your own background color */
  -webkit-text-fill-color: #333;
  background-color: #ece183 !important; }

.fshf textarea,
.fshf input {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  border-radius: 0; }

.main-menu {
  width: 100%;
  z-index: 9;
  -webkit-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  padding-bottom: 30px; }
  .main-menu.white {
    position: absolute;
    left: 0;
    top: 0;
    background: transparent; }
    .main-menu.white .logo a {
      background: url(../images/logo-white-v3.png) no-repeat left top; }
    .main-menu.white .link-menu:first-child {
      margin-left: 0; }
    .main-menu.white .link-menu a {
      color: #fff; }
      @media (max-width: 1150px) {
        .main-menu.white .link-menu a {
          color: #454545; } }
      .main-menu.white .link-menu a:after {
        background: #00d95a; }
      .main-menu.white .link-menu a:hover:after {
        background-color: #00d95a; }
    .main-menu.white .lang li a {
      color: #fff; }
      @media (max-width: 1150px) {
        .main-menu.white .lang li a {
          color: #454545; } }
      .main-menu.white .lang li a.active:after {
        background-color: #00d95a; }
      .no-touch .main-menu.white .lang li a:hover:after {
        background-color: #00d95a; }
    .main-menu.white .search a {
      color: #fff; }
      @media (max-width: 1150px) {
        .main-menu.white .search a {
          color: #454545; } }
      .no-touch .main-menu.white .search a:hover {
        color: #454545; }
    .main-menu.white .hamburger-inner, .main-menu.white .hamburger-inner::before, .main-menu.white .hamburger-inner::after, .main-menu.white .hamburger.is-active .hamburger-inner {
      background-color: #fff; }
  .main-menu.black {
    position: relative; }
    .main-menu.black .hamburger-inner, .main-menu.black .hamburger-inner::before, .main-menu.black .hamburger-inner::after, .main-menu.black .hamburger.is-active .hamburger-inner {
      background-color: #454545; }
  .main-menu.black, .main-menu.fixed {
    border-bottom: #e5e5e5 1px solid;
    background: #fff; }
    .main-menu.black .logo a, .main-menu.fixed .logo a {
      background: url(../images/logo-black-v4.png) no-repeat left top; }
    .main-menu.black.es .logo a, .main-menu.fixed .logo a {
      background: url(../images/logo-black-v4.es.png) no-repeat left top !important; }
    .main-menu.black .menu li a, .main-menu.fixed .menu li a {
      color: #454545; }
      .main-menu.black .menu li a:after, .main-menu.fixed .menu li a:after {
        background: #00d95a; }
      .no-touch .main-menu.black .menu li a:hover:after, .main-menu.black .menu li a:active:after, .no-touch .main-menu.fixed .menu li a:hover:after, .main-menu.fixed .menu li a:active:after {
        background-color: #00d95a; }
    .main-menu.black .lang li a, .main-menu.fixed .lang li a {
      color: #454545; }
      .main-menu.black .lang li a.active:after, .main-menu.fixed .lang li a.active:after {
        background-color: #00d95a; }
      .no-touch .main-menu.black .lang li a:hover:after, .no-touch .main-menu.fixed .lang li a:hover:after {
        background-color: #00d95a; }
    .main-menu.black .search a, .main-menu.fixed .search a {
      color: #454545; }
      .no-touch .main-menu.black .search a:hover, .no-touch .main-menu.fixed .search a:hover {
        color: #00d95a; }
  .main-menu.fixed {
    z-index: 100;
    position: fixed;
    top: 0;
    width: 100%; }
  @media (max-width: 1150px) {
    .main-menu.opened {
      padding-bottom: 0; }
      .main-menu.opened .hamburger-inner, .main-menu.opened .hamburger-inner::before, .main-menu.opened .hamburger-inner::after, .main-menu.opened .hamburger.is-active .hamburger-inner {
        background-color: #454545; }
      .main-menu.opened .main-menu-wrap {
        background: #fff;
        padding-top: 30px;
        display: block;
        width: auto; } }
  @media (max-width: 1150px) and (max-width: 1150px) {
    .main-menu.opened .logo a {
      background: url(../images/logo-black-v4.png) no-repeat left top !important; } }
  @media (max-width: 1150px) {
      .main-menu.opened .user-action {
        display: block;
        padding: 47px 0 40px 0; } }
  @media (max-width: 1023px) {
    .main-menu.opened .main-menu-wrap {
      /*padding: 30px 0 0 0;*/
      padding-left: 0;
      padding-right: 0; }
    .main-menu.opened .logo {
      display: block;
      padding-left: 20px; } }

.main-menu-wrap {
  padding: 30px 100px 0 100px;
  display: table;
  width: 100%;
  position: relative;
  -webkit-transition: background-color 0.4s ease-out;
  -ms-transition: background-color 0.4s ease-out;
  transition: background-color 0.4s ease-out; }
  @media (max-width: 1023px) {
    .main-menu-wrap {
      padding-left: 20px;
      padding-right: 20px; } }
  .main-menu-wrap .logo {
    padding-right: 30px;
    display: table-cell;
    vertical-align: middle; }
    @media (max-width: 1150px) {
      .main-menu-wrap .logo {
        display: block;
        padding: 0; } }
    .main-menu-wrap .logo a {
      display: block;
      width: 189px;
      height: 45px; }
  .main-menu-wrap nav {
    float: left;
    margin-top: 11px; }
    @media (max-width: 1023px) {
      .main-menu-wrap nav {
        padding-left: 20px; } }
    @media (max-width: 767px) {
      .main-menu-wrap nav {
        float: none;
        margin-top: 0; } }
  .main-menu-wrap .user-action {
    display: table-cell;
    vertical-align: middle; }
    @media (max-width: 1150px) {
      .main-menu-wrap .user-action {
        display: none; } }
  .main-menu-wrap .user-area {
    float: right; }
    @media (max-width: 767px) {
      .main-menu-wrap .user-area {
        float: none;
        padding-bottom: 23px; } }

.link-menu {
  float: left;
  margin: 0 20px;
  font-size: 16px !important;
  line-height: 1; }
  @media (max-width: 767px) {
    .link-menu {
      float: none;
      margin: 0;
      padding-bottom: 30px; } }
  .link-menu a {
    display: inline-block;
    font-size: 16px !important; }
    .link-menu a:after {
      content: '';
      display: block;
      height: 2px;
      width: 0;
      -webkit-transition: background-color 0.3s ease-out, width 0.3s ease-out;
      -ms-transition: background-color 0.3s ease-out, width 0.3s ease-out;
      transition: background-color 0.3s ease-out, width 0.3s ease-out;
      margin-top: 3px; }
    .link-menu a.active {
      font-weight: 700; }
      @media (max-width: 767px) {
        .link-menu a.active:after {
          width: 100%; } }
      .no-touch .link-menu a.active:hover:after {
        width: 0;
        background-color: transparent; }
    .no-touch .link-menu a:hover:after {
      width: 100%; }

.lang {
  float: left;
  margin-top: 13px; }
  @media (max-width: 767px) {
    .lang {
      float: none;
      position: absolute;
      margin: 0;
      bottom: 37px;
      right: 20px; } }
  .lang li {
    float: left;
    margin: 0 5px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1; }
    .lang li a:after {
      content: '';
      display: block;
      height: 3px;
      width: 0;
      background: transparent;
      -webkit-transition: background-color 0.35s ease-out, width 0.35s ease-out;
      -ms-transition: background-color 0.35s ease-out, width 0.35s ease-out;
      transition: background-color 0.35s ease-out, width 0.35s ease-out;
      margin-top: 3px; }
    .lang li a.active {
      font-weight: 700; }
      .lang li a.active:after {
        width: 100%; }
    .no-touch .lang li a:hover:after {
      width: 100%; }

.login {
  float: left;
  margin-left: 25px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  display: inline-block;
  margin-top: 3px; }
  @media (max-width: 767px) {
    .login {
      float: none;
      margin: 20px 0 0 0;
      padding-left: 20px; } }
  .login a {
    padding: 7px 30px;
    display: inline-block;
    -webkit-transition: background 0.35s ease, color 0.35s ease-out;
    transition: background 0.35s ease, color 0.35s ease-out;
    border-radius: 50px;
    color: #fff;
    background: #00d95a; }

.search {
  float: left;
  margin-left: 30px;
  margin-top: 2px; }
  @media (max-width: 1023px) {
    .search {
      padding-left: 20px;
      margin-right: 20px; } }
  @media (max-width: 767px) {
    .search {
      float: none;
      margin: 35px 0 0 0;
      padding-bottom: 23px;
      position: relative; } }
  .search a {
    -webkit-transition: color 0.35s ease-out;
    transition: color 0.35s ease-out;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1; }

.search-content {
  padding: 0px 100px 0 100px;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  background: #00d95a;
  width: 100%;
  height: 106px;
  z-index: 10; }
  @media (max-width: 1150px) {
    .search-content {
      top: 94px;
      position: absolute;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); } }
  @media (max-width: 1023px) {
    .search-content {
      padding: 0px 20px 0 20px; } }
  @media (max-width: 767px) {
    .search-content {
      top: -15px;
      height: 70px;
      position: absolute;
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%); } }
  .search-content.open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .search-content .wrapper-search {
    display: table;
    width: 100%;
    height: inherit; }
  .search-content .field {
    width: 80%;
    display: table-cell;
    vertical-align: middle; }
    @media (max-width: 767px) {
      .search-content .field {
        width: 100%; } }
  .search-content input {
    border: none;
    background: transparent;
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    padding-top: 7px; }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      .search-content input {
        color: #454545;
        /* change [input cursor color] by this*/
        text-shadow: 0px 0px 0px #fff;
        /* change [input font] by this*/
        -webkit-text-fill-color: transparent; } }
    @media (max-width: 640px) {
      .search-content input {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1;
        padding-top: 0; } }
  .search-content ::-webkit-input-placeholder {
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1; }
    @media (max-width: 640px) {
      .search-content ::-webkit-input-placeholder {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1; } }
  .search-content :-moz-placeholder {
    color: #fff;
    opacity: 1; }
  .search-content ::-moz-placeholder {
    color: #fff;
    opacity: 1; }
  .search-content :-ms-input-placeholder {
    color: #fff; }
  .search-content .btn {
    display: table-cell;
    text-align: right;
    position: relative;
    vertical-align: middle; }
    .search-content .btn .loader {
      right: 15px;
      top: 50px;
      left: auto;
      -webkit-transform: translateX(0);
      transform: translateX(0); }
      @media (max-width: 640px) {
        .search-content .btn .loader {
          top: 30px; } }
    .search-content .btn .icon-search {
      color: #fff !important;
      -webkit-transition: color 0.35s ease-out;
      transition: color 0.35s ease-out;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1;
      padding-top: 5px;
      display: inline-block; }
      @media (max-width: 767px) {
        .search-content .btn .icon-search {
          padding-top: 0; } }
      .no-touch .search-content .btn .icon-search:hover {
        color: #000 !important; }

.hamburger {
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-property: opacity, filter;
  transition-property: opacity, filter;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  position: absolute;
  right: 100px;
  top: 28px; }
  @media (max-width: 1150px) {
    .hamburger {
      visibility: visible;
      opacity: 1; } }
  @media (max-width: 1023px) {
    .hamburger {
      right: 20px; } }
  .no-touch .hamburger:hover .hamburger-inner, .no-touch .hamburger:hover .hamburger-inner::before, .no-touch .hamburger:hover .hamburger-inner::after {
    background-color: #00d95a !important; }

.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 2px;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    top: 10px; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: 10px; }
  .hamburger-inner::after {
    top: 20px;
    bottom: -10px; }

.is-active .hamburger-inner {
  background-color: #454545;
  -webkit-transform: translate(0, 10px) rotate(45deg);
  transform: translate(0, 10px) rotate(45deg); }
  .is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate(-4.28571px, -6px);
    transform: rotate(-45deg) translate(-4.28571px, -6px);
    opacity: 0;
    background-color: #454545; }
  .is-active .hamburger-inner::after {
    -webkit-transform: translate(0, -20px) rotate(-90deg);
    transform: translate(0, -20px) rotate(-90deg);
    background-colod: #454545; }

.layer-login {
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  -webkit-transition: top 0.4s ease-out, transform 0.4s ease-out;
  -ms-transition: top 0.4s ease-out, transform 0.4s ease-out;
  transition: top 0.4s ease-out, transform 0.4s ease-out;
  width: auto; }
  @media (max-width: 640px) {
    .layer-login {
      top: 80px !important;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0); } }

.login-content {
  /*position: absolute;
    top: 0;
    left: 50%;
    @include prefix((transition: transform .35s ease-out), webkit);
    @include prefix((transform: translate(-50%, -100%)), webkit ms);
    z-index: 20;*/
  max-width: 1366px;
  margin: auto;
  text-align: center; }
  .login-content .login-wrap {
    border: 10px solid #00d95a;
    display: inline-block;
    background: #e7e7e7;
    padding: 30px 20px;
    position: relative; }
    @media (max-width: 640px) {
      .login-content .login-wrap {
        padding: 30px 10px;
        margin: 0 10px;
        border: 8px solid #00d95a; } }
  .login-content .login-close {
    position: absolute;
    right: 10px;
    top: 10px; }
    .login-content .login-close .icon-close {
      color: #00d95a;
      font-weight: 700; }
  .login-content iframe {
    display: block;
    /* iframes are inline by default */
    border: none;
    /* Reset default border */
    height: 540px;
    /* Viewport-relative units */
    width: 345px; }
    @media (max-width: 640px) {
      .login-content iframe {
        width: 260px; } }

footer {
  background: #454545;
  width: 100%;
  overflow: hidden; }

.footer-wrap {
  padding: 80px 100px 15px 100px; }
  @media (max-width: 1023px) {
    .footer-wrap {
      padding: 80px 20px 15px 20px; } }

.footer-links {
  display: table;
  width: 100%; }
  @media (max-width: 1023px) {
    .footer-links {
      display: block;
      text-align: center; } }

.footer-nav {
  display: table-cell; }
  @media (max-width: 1023px) {
    .footer-nav {
      display: block; } }
  .footer-nav li {
    float: left;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0 30px;
    font-weight: 700; }
    @media (max-width: 1024px) {
      .footer-nav li {
        float: none;
        margin: 0;
        padding: 0 0 30px 0; } }
    .footer-nav li:first-child {
      margin-left: 0; }
    .footer-nav li a {
      color: #00d95a;
      -webkit-transition: color 0.2s ease-out;
      -ms-transition: color 0.2s ease-out;
      transition: color 0.2s ease-out; }
      .footer-nav li a:hover {
        color: #909090; }
      .footer-nav li a.active {
        color: #fff; }

.social-network {
  display: table-cell;
  text-align: right; }
  @media (max-width: 1023px) {
    .social-network {
      display: block;
      text-align: center; } }
  .social-network label {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1;
    font-weight: 700;
    color: #909090;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
    letter-spacing: 3px; }
  .social-network ul {
    font-size: 0px;
    font-size: 0rem;
    line-height: 1; }
  .social-network li {
    display: inline-block;
    margin: 0 5px; }
    .social-network li a {
      color: #909090;
      font-size: 36px;
      font-size: 2.25rem;
      line-height: 1;
      -webkit-transition: color 0.2s ease-out;
      -ms-transition: color 0.2s ease-out;
      transition: color 0.2s ease-out; }
      .social-network li a:hover {
        color: #00d95a; }

.copyright {
  padding-top: 50px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  color: #909090; }
  @media (max-width: 1023px) {
    .copyright {
      text-align: center; } }