/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/**************************************** GLOBAL VARIABLES ****************************************/
/**************************************** SPRITE IMAGES DIMENSION ****************************************/
/*add dimensions to sprite images*/
/**************************************** BREAAKPOINT ****************************************/
/*chose breakpoint and put in mixin*/
/*@include breakpoint(xs); for mobile device*/
/**************************************** PLACEHOLDER ****************************************/
/*show element depend from size*/
/**************************************** PLACEHOLDER ****************************************/
/*optional add color, line-height or font-size*/
/**************************************** ROTATE ****************************************/
/**************************************** TRANSLATE ****************************************/
/**************************************** TRASNITION ****************************************/
/*******************************  Transparent bg with alpha filter*****************************/
/*********************************** element POSITION CENTER **************************************/
/*default value is full which put absolute ceneter element OPTIONAL argumet is top*/
/**************************************** block POSITION CENTER ****************************************/
/*add bow for wrapper with text which contain class ".center_text" text and include mixin on warapper*/
/**************************************** TRIANGLE on chat win ****************************************/
/**************************************** ELLIPSIS ****************************************/
/*add three dots(...) on the end of text, for custom number of columns*/
/*line cound depen how many line we will have*/
/*this work on new browsers*/
/**************************************** FAVORITE star ****************************************/
/**************************************** SAMPLE ****************************************/
/*disable text selection*/
/**************************************** border radius ****************************************/
/*border radius CUSTOM*/
/**************************************** GRADIENT ****************************************/
/**************************************** gradient transparency ****************************************/
/**************************************** CIRCLE ****************************************/
/**************************************** OPACITY ****************************************/
/**************************************** CLEARFIX ****************************************/
/**************************************** SAMPLE ****************************************/
/*this mixin we use to include online green circle for partial online*/
/**************************************** SAMPLE ****************************************/
/*add arrow for select field*/
/**************************************** SAMPLE ****************************************/
/*break html element in new line*/
/************************* Put element in middle of screen ****************************/
/*center content inside some wrapper*/
/*just declare */
/**************************************** BOX shadow ****************************************/
/**************************************** SAMPLE ****************************************/
/*include mixin before backgroud color declaration*/
/*MUST HAVE background-color NO background*/
/**************************************** custom loader ****************************************/
/*custom loader*/
/**************************************** SAMPLE ****************************************/
/*you need add in HTML data-tooltip parametar*/
/**************************************** text rendering ****************************************/
/**************************************** GRID LAYOUT ****************************************/
/*====================================================
LAYOUT SETUP: Width column, left-padding column
====================================================*/
/*=== Print out each class   ===*/
/*====================================================
Mixin for setup form elements fields
parametars 1. width form_group el, 2. height, 3.padding left and right ( optional, font size for form fields
====================================================*/
/*opacity mixin*/
.disabled,
[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none; }

/*italic thin font*/
/*light font*/
/*italic light font*/
/*regular font*/
/*regular italic font*/
/*medium font*/
/*medium italic font*/
/*bold font*/
/*bold italic font*/
/*ULTRA bold font*/
/*ULTRA bold italic font */
/*setup second font*/
/*italic thin font*/
/*light font*/
/*italic light font*/
/*regular font*/
/*regular italic font*/
/*medium font*/
/*medium italic font*/
/*bold font*/
/*bold italic font*/
/*ULTRA bold font*/
/*ULTRA bold italic font */
/*===  Include font family  ===*/
/*loading first main fonts*/
@font-face {
  font-family: OpenSans-Thin;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Thin.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Thin.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-Thin.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-Thin.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-Thin.svg#LegalTenderRegular") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: OpenSans-ThinItalic;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-ThinItalic.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-ThinItalic.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-ThinItalic.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-ThinItalic.svg#LegalTenderRegular") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: OpenSans-Light;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Light.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-Light.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-Light.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-Light.svg#LegalTenderRegular") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: OpenSans-LightItalic;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-LightItalic.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-LightItalic.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-LightItalic.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-LightItalic.svg#LegalTenderRegular") format("svg");
  font-weight: 300;
  font-style: italic; }

/*Open Sans regular */
@font-face {
  font-family: OpenSans-Regular;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Regular.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-Regular.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-Regular.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-Regular.svg#LegalTenderRegular") format("svg");
  font-weight: 400;
  font-style: normal; }

/*Open Sans regular italic*/
@font-face {
  font-family: OpenSans-RegularItalic;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-RegularItalic.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-RegularItalic.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-RegularItalic.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-RegularItalic.svg#LegalTenderRegular") format("svg");
  font-weight: 400;
  font-style: italic; }

/*Open Sans medium */
@font-face {
  font-family: OpenSans-Medium;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Medium.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Medium.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-Medium.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-Medium.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-Medium.svg#LegalTenderRegular") format("svg");
  font-weight: 600;
  font-style: normal; }

/*Open Sans medium italic */
@font-face {
  font-family: OpenSans-MediumItalic;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-MediumItalic.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-MediumItalic.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-MediumItalic.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-MediumItalic.svg#LegalTenderRegular") format("svg");
  font-weight: 600;
  font-style: italic; }

/*Open Sans bold */
@font-face {
  font-family: OpenSans-Bold;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Bold.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-Bold.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-Bold.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-Bold.svg#LegalTenderRegular") format("svg");
  font-weight: 700;
  font-style: normal; }

/*Open Sans bold italic */
@font-face {
  font-family: OpenSans-BoldItalic;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-BoldItalic.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-BoldItalic.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-BoldItalic.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-BoldItalic.svg#LegalTenderRegular") format("svg");
  font-weight: 700;
  font-style: italic; }

/*Open Sans ULTRA bold  */
@font-face {
  font-family: OpenSans-ExtraBold;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBold.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBold.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBold.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBold.svg#LegalTenderRegular") format("svg");
  font-weight: 800;
  font-style: normal; }

/*Open Sans ULTRA bold italic */
@font-face {
  font-family: OpenSans-ExtraBoldItalic;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBoldItalic.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBoldItalic.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBoldItalic.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBoldItalic.svg#LegalTenderRegular") format("svg");
  font-weight: 800;
  font-style: italic; }

/*loading second main fonts*/
@font-face {
  font-family: OpenSans-Thin;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Thin.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Thin.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-Thin.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-Thin.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-Thin.svg#LegalTenderRegular") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: OpenSans-ThinItalic;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-ThinItalic.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-ThinItalic.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-ThinItalic.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-ThinItalic.svg#LegalTenderRegular") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: OpenSans-Light;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Light.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-Light.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-Light.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-Light.svg#LegalTenderRegular") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: OpenSans-LightItalic;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-LightItalic.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-LightItalic.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-LightItalic.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-LightItalic.svg#LegalTenderRegular") format("svg");
  font-weight: 300;
  font-style: italic; }

/*Open Sans regular */
@font-face {
  font-family: OpenSans-Regular;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Regular.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-Regular.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-Regular.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-Regular.svg#LegalTenderRegular") format("svg");
  font-weight: 400;
  font-style: normal; }

/*Open Sans regular italic*/
@font-face {
  font-family: OpenSans-RegularItalic;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-RegularItalic.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-RegularItalic.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-RegularItalic.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-RegularItalic.svg#LegalTenderRegular") format("svg");
  font-weight: 400;
  font-style: italic; }

/*Open Sans medium */
@font-face {
  font-family: OpenSans-Medium;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Medium.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Medium.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-Medium.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-Medium.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-Medium.svg#LegalTenderRegular") format("svg");
  font-weight: 600;
  font-style: normal; }

/*Open Sans medium italic */
@font-face {
  font-family: OpenSans-MediumItalic;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-MediumItalic.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-MediumItalic.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-MediumItalic.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-MediumItalic.svg#LegalTenderRegular") format("svg");
  font-weight: 600;
  font-style: italic; }

/*Open Sans bold */
@font-face {
  font-family: OpenSans-Bold;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Bold.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-Bold.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-Bold.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-Bold.svg#LegalTenderRegular") format("svg");
  font-weight: 700;
  font-style: normal; }

/*Open Sans bold italic */
@font-face {
  font-family: OpenSans-BoldItalic;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-BoldItalic.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-BoldItalic.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-BoldItalic.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-BoldItalic.svg#LegalTenderRegular") format("svg");
  font-weight: 700;
  font-style: italic; }

/*Open Sans ULTRA bold  */
@font-face {
  font-family: OpenSans-ExtraBold;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBold.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBold.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBold.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBold.svg#LegalTenderRegular") format("svg");
  font-weight: 800;
  font-style: normal; }

/*Open Sans ULTRA bold italic */
@font-face {
  font-family: OpenSans-ExtraBoldItalic;
  src: url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBoldItalic.eot");
  src: url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBoldItalic.woff") format("woff"), url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBoldItalic.ttf") format("truetype"), url("../node_modules/g4.font.family/fonts/OpenSans-ExtraBoldItalic.svg#LegalTenderRegular") format("svg");
  font-weight: 800;
  font-style: italic; }

/*setup variablef fox future mixin f100, f200*/
/*Declare main font in  CSS*/
/*font setup*/
/*Declare second font in  CSS*/
/*font setup*/
*, html, body,
h1, h2, h3, h4, h5, h6,
code, pre, p, a, div, section, img, header {
  font-family: OpenSans-Regular; }

/*setup placeholders for main font f100, f200*/
/*setup placeholders for second font f100, f200*/
.theme-1 {
  min-height: 100vh;
  position: relative;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f5f5f5;
  /*===  Header  ===*/
  /*===  content  ===*/
  /*===  Form  ===*/
  /*===  Loader  ===*/
  /*===  footer  ===*/
  /*===  Breakpoint  ===*/ }
  .theme-1 header {
    background-color: #fff;
    box-shadow: 0 0 7px #B0B0B0; }
  .theme-1 .container {
    max-width: 990px;
    margin: 0px auto;
    position: relative;
    padding: 0 25px; }
  .theme-1 .header_logo {
    padding: 16px 0;
    font-size: 14px;
    color: #222222;
    padding-left: 50px;
    background: url("../img/logo.png") no-repeat;
    text-decoration: none; }
  .theme-1 .header_nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 26px 0; }
  .theme-1 .home_link {
    text-decoration: none;
    cursor: pointer;
    outline: none;
    font-size: 14px;
    display: block;
    color: #0c0f10;
    border: 1px solid transparent;
    border-radius: 3px;
    transition: all 0.5s ease; }
  .theme-1 .main {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .theme-1 .content {
    margin: auto 0;
    line-height: 24px;
    font-size: 13px;
    color: #000; }
  .theme-1 .content_box_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .theme-1 h2 {
    font-size: 24px; }
  .theme-1 .content_box {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px; }
    .theme-1 .content_box p {
      margin: 5px 0 35px; }
  .theme-1 .c_website {
    background-position: 0 -89px !important;
    margin-left: 20px;
    list-style: none;
    padding: 1px 0 1px 35px;
    font-size: 14px;
    background: url(../img/ico_contact.png) no-repeat 0 0;
    line-height: 24px; }
  .theme-1 #form_contact input,
  .theme-1 #form_contact select,
  .theme-1 #form_contact textarea {
    border: 1px solid #E6E6E6;
    font-size: 14px;
    padding: 7px 10px;
    margin-top: 10px;
    width: 100%;
    -webkit-box-shadow: -1px 7px 5px -7px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: -1px 7px 5px -7px rgba(0, 0, 0, 0.45);
    box-shadow: -1px 7px 5px -7px rgba(0, 0, 0, 0.45); }
  .theme-1 #form_contact input[type=submit],
  .theme-1 #form_contact input[type=text],
  .theme-1 #form_contact textarea {
    box-sizing: border-box; }
  .theme-1 #form_contact input[type=submit] {
    width: inherit;
    padding: 7px 15px; }
  .theme-1 #form_contact #btn_send_form_contact {
    color: #ffffff;
    background: #98c46a;
    background: -moz-linear-gradient(top, #98c46a 0%, #86b854 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98c46a), color-stop(100%, #86b854));
    background: -webkit-linear-gradient(top, #98c46a 0%, #86b854 100%);
    background: -o-linear-gradient(top, #98c46a 0%, #86b854 100%);
    background: -ms-linear-gradient(top, #98c46a 0%, #86b854 100%);
    background: linear-gradient(to bottom, #98c46a 0%, #86b854 100%);
    margin-right: 19px;
    cursor: pointer; }
  @media (max-width: 770px) {
    .theme-1 .g-recaptcha {
      transform: scale(0.85);
      transform-origin: 0 0; } }
  .theme-1 .credit_cards {
    width: 300px;
    height: 45px;
    margin: 20px auto;
    background: url(../img/ico_credit_cards.png) no-repeat center top; }
  .theme-1 .error_required {
    background-color: #FFF9E4 !important;
    border-color: #FF9999 !important; }
  .theme-1 .form_contact_sending {
    text-align: center; }
    .theme-1 .form_contact_sending.loading {
      height: 100px;
      padding-top: 50px; }
    .theme-1 .form_contact_sending.success {
      background: #BFF587;
      padding: 10px 0; }
  .theme-1 .form_membership_sending.loading {
    height: 100px;
    padding-top: 50px; }
  .theme-1 .form_membership_sending.success {
    background: #BFF587;
    padding: 10px 0; }
  .theme-1 .message_sent {
    background-color: green;
    color: #fff;
    padding: 10px;
    display: block;
    text-align: center;
    line-height: normal; }
  .theme-1 .error_message {
    line-height: normal;
    bottom: -12px; }
  .theme-1 .loading_spinner {
    height: 40px;
    width: 40px;
    margin: 0px auto;
    position: relative;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(110, 194, 83, 0.4);
    border-right: 6px solid rgba(110, 194, 83, 0.4);
    border-bottom: 6px solid rgba(110, 194, 83, 0.4);
    border-top: 6px solid #6ec253;
    border-radius: 100%; }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }

@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }

@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(359deg); } }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
  .theme-1 footer {
    position: relative; }
  .theme-1 .footer_copyright {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #0c0f10;
    line-height: 18px;
    font-size: 12px;
    border-top: 3px solid #86b854;
    background: url(../img/footer.png) no-repeat center right;
    padding: 25px 45px 25px 0; }
  @media (min-width: 770px) {
    .theme-1 .header_logo {
      font-size: 30px;
      font-size: 17px; }
    .theme-1 .home_link {
      padding: 0 15px; }
    .theme-1 h2 {
      padding: 0 30px;
      margin-top: 0;
      font-size: 30px; }
    .theme-1 .content_box_wrap {
      -webkit-flex-wrap: inherit;
      -ms-flex-wrap: inherit;
      flex-wrap: inherit; }
    .theme-1 .content_box {
      width: 50%;
      max-width: 50%;
      margin-bottom: 0;
      padding: 0 25px; } }

.theme-2 {
  /*===  Header  ===*/
  /*===  content  ===*/
  /*===  Accordion  ===*/
  /*===  Form  ===*/
  /*===  footer  ===*/ }
  .theme-2 * {
    box-sizing: border-box; }
  .theme-2 .container {
    max-width: 1200px;
    margin: 0px auto;
    position: relative;
    padding: 0 15px; }
  .theme-2 .desktop {
    display: none; }
    @media (min-width: 544px) {
      .theme-2 .desktop {
        display: block; } }
  .theme-2 .mobile {
    display: block; }
    @media (min-width: 544px) {
      .theme-2 .mobile {
        display: none; } }
  .theme-2 .header {
    background: #FF3A3A;
    background: -moz-linear-gradient(top, #FF3A3A 0%, #FF0E54 100%);
    background: -webkit-linear-gradient(top, #FF3A3A 0%, #FF0E54 100%);
    background: linear-gradient(to bottom, #FF3A3A 0%, #FF0E54 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=0 );
    padding: 20px 0; }
  .theme-2 .header_nav {
    text-align: center; }
    @media (min-width: 770px) {
      .theme-2 .header_nav {
        text-align: left; } }
  .theme-2 .header_logo_img {
    max-width: 100%;
    max-height: 50px; }
  .theme-2 .main {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #363A5F; }
  .theme-2 .section-item {
    -webkit-box-shadow: 0px 5px 20px 0px rgba(54, 58, 95, 0.1);
    -moz-box-shadow: 0px 5px 20px 0px rgba(54, 58, 95, 0.1);
    box-shadow: 0px 5px 20px 0px rgba(54, 58, 95, 0.1);
    border: 1px solid #A1A1B8;
    border-radius: 30px;
    margin: 30px 0;
    padding: 15px 15px; }
    @media (min-width: 544px) {
      .theme-2 .section-item {
        border-radius: 40px;
        margin: 60px 0;
        padding: 30px 50px; } }
    .theme-2 .section-item:first-of-type h2 {
      margin-bottom: 30px; }
  .theme-2 h1 {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 20px;
    text-align: center; }
  .theme-2 h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 15px;
    text-align: center;
    text-transform: uppercase; }
    @media (min-width: 544px) {
      .theme-2 h2 {
        font-size: 28px;
        margin: 0 0 30px;
        text-transform: inherit; } }
  .theme-2 h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0; }
  .theme-2 .billing-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px;
    text-align: center; }
    @media (min-width: 544px) {
      .theme-2 .billing-wrapper {
        grid-template-columns: 0.5fr repeat(3, 1fr) 0.5fr;
        grid-gap: 0; } }
  .theme-2 .billing-item {
    display: flex;
    flex-direction: column; }
    @media (min-width: 544px) {
      .theme-2 .billing-item:first-of-type {
        grid-column-start: 2;
        margin-left: auto; } }
    @media (min-width: 544px) {
      .theme-2 .billing-item:last-of-type {
        margin-right: auto; } }
  .theme-2 .billing-item-link {
    color: #363A5F;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none; }
    .theme-2 .billing-item-link:first-of-type {
      margin-bottom: 20px; }
    .theme-2 .billing-item-link:last-of-type {
      margin-top: auto; }
  .theme-2 .faq-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px; }
    @media (min-width: 544px) {
      .theme-2 .faq-wrapper {
        grid-template-columns: 1fr 1fr;
        grid-gap: 70px; } }
  .theme-2 .faq-item h2 {
    color: #FF1D4A;
    font-size: 26px;
    text-transform: inherit; }
    @media (min-width: 544px) {
      .theme-2 .faq-item h2 {
        color: #363A5F;
        font-size: 28px; } }
  .theme-2 .text {
    font-size: 12px; }
    .theme-2 .text + .text {
      padding-top: 8px; }
  .theme-2 .text-small {
    font-size: 10px;
    padding-top: 10px; }
  .theme-2 .text,
  .theme-2 .text-small {
    margin: 0; }
    .theme-2 .text a,
    .theme-2 .text-small a {
      color: #FF2247;
      text-decoration: underline; }
  .theme-2 .accordion-wrapper {
    margin: 18px 0 30px; }
  .theme-2 .accordion-title {
    cursor: pointer;
    padding: 12px 25px 12px 0; }
    @media (min-width: 770px) {
      .theme-2 .accordion-title {
        margin-top: 10px;
        padding: 12px 0; } }
  .theme-2 .accordion {
    border-bottom: 1px solid #363A5F;
    position: relative; }
    .theme-2 .accordion:after {
      content: '';
      border-style: solid;
      border-color: #363A5F;
      border-width: 0 2px 2px 0;
      height: 7px;
      pointer-events: none;
      position: absolute;
      right: 10px;
      transform: translateY(-50%) rotate(45deg);
      top: 50%;
      width: 7px;
      z-index: 1; }
    .theme-2 .accordion.accordion-expanded {
      border-bottom-color: transparent; }
      .theme-2 .accordion.accordion-expanded:after {
        transform: translateY(-50%) rotate(-135deg);
        top: 20px; }
  .theme-2 .accordion > .accordion-content {
    display: none; }
  .theme-2 .accordion.accordion-expanded > .accordion-content {
    display: block; }
  .theme-2 .accordion-content {
    background-color: #F2F2F2;
    border-radius: 16px;
    padding: 20px 20px 30px; }
  .theme-2 .accordion-content-item:not(:last-of-type) {
    padding-bottom: 20px; }
  .theme-2 .accordion-content-item-title {
    margin-bottom: 5px;
    text-transform: uppercase; }
  .theme-2 .accordion-list,
  .theme-2 .accordion-list-number {
    padding-left: 30px; }
  .theme-2 .accordion-list-number {
    margin: 10px 0; }
  .theme-2 .accordion-list {
    list-style: none;
    margin: 10px 0 0 0; }
  .theme-2 .accordion-list-item,
  .theme-2 .accordion-list-number-item {
    font-size: 12px;
    position: relative; }
    .theme-2 .accordion-list-item:not(:last-of-type),
    .theme-2 .accordion-list-number-item:not(:last-of-type) {
      margin-bottom: 5px; }
  .theme-2 .accordion-list-item:before {
    background-color: #363A5F;
    border-radius: 50%;
    content: '';
    height: 4px;
    left: -15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px; }
  .theme-2 .form-pretext {
    color: #363A5F;
    font-size: 14px;
    margin: 0 0 5px;
    text-align: center; }
  .theme-2 .form-box {
    max-width: 750px;
    margin: 50px auto 0;
    width: 100%; }
  .theme-2 .form-box-item {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px; }
    @media (min-width: 770px) {
      .theme-2 .form-box-item {
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px 30px; } }
  .theme-2 .label {
    display: block;
    font-size: 12px;
    margin-bottom: 8px; }
  .theme-2 .form_has_error .label {
    margin-bottom: 0; }
  .theme-2 .error_message {
    padding-bottom: 5px; }
  .theme-2 .input {
    background-color: #F2F2F2;
    border-radius: 20px;
    box-shadow: none;
    border-width: 0;
    color: #363A5F;
    font-size: 12px;
    font-weight: bold;
    min-height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-align: left;
    text-align-last: left;
    width: 100%; }
    .theme-2 .input:focus {
      outline: 0; }
    .theme-2 .input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #363A5F; }
    .theme-2 .input::-moz-placeholder {
      /* Firefox 19+ */
      color: #363A5F; }
    .theme-2 .input:-ms-input-placeholder {
      /* IE 10+ */
      color: #363A5F; }
    .theme-2 .input:-moz-placeholder {
      /* Firefox 18- */
      color: #363A5F; }
  .theme-2 .form-text {
    font-size: 10px;
    margin: 15px 0; }
    @media (min-width: 770px) {
      .theme-2 .form-text {
        margin: 12px 0; } }
  .theme-2 .support-input-text {
    margin-bottom: 25px; }
  .theme-2 .textarea {
    background-color: #F2F2F2;
    border-radius: 20px;
    box-shadow: none;
    border-width: 0;
    color: #363A5F;
    font-size: 12px;
    padding: 20px;
    resize: none;
    width: 100%; }
  .theme-2 .btn-primary {
    border: 2px solid transparent;
    border-radius: 40px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    min-width: 140px;
    outline: none;
    padding: 8px 18px;
    text-transform: uppercase;
    text-align: center;
    width: 100%; }
    @media (min-width: 770px) {
      .theme-2 .btn-primary {
        width: inherit; } }
  .theme-2 .btn-red {
    background: #FF3A3A;
    background: -moz-linear-gradient(top, #FF3A3A 0%, #FF0E54 100%);
    background: -webkit-linear-gradient(top, #FF3A3A 0%, #FF0E54 100%);
    background: linear-gradient(to bottom, #FF3A3A 0%, #FF0E54 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=0 );
    color: #ffffff; }
  .theme-2 .footer_copyright {
    font-size: 12px;
    margin: 50px 0 20px;
    text-align: center; }
    @media (min-width: 770px) {
      .theme-2 .footer_copyright {
        text-align: right; } }