/*
	Theme Name: Mission Handicap
	Author: Mission Handicap
	Author URI:
	Version: 1
	Description: Mission Handicap theme for Wordpress
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: missionhandicap
	Tags: one-column, two-columns
	Theme URI:
*/

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

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 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/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: .67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark
{
    color: #000;
    background: #ff0;
}

/**
 * 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: -.5em;
}

sub
{
    bottom: -.25em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img
{
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root)
{
    overflow: hidden;
}

/* Grouping content
	 ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure
{
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr
{
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre
{
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp
{
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
	 ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea
{
    font: inherit; /* 2 */

    margin: 0; /* 3 */

    color: inherit; /* 1 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button
{
    overflow: visible;
}

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

button,
select
{
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{
    cursor: pointer; /* 3 */

    -webkit-appearance: button; /* 2 */
}

/**
 * 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
{
    padding: 0;

    border: 0;
}

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

input
{
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type='checkbox'],
input[type='radio']
{
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button
{
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type='search']
{
    box-sizing: content-box; /* 2 */

    -webkit-appearance: textfield; /* 1 */
}

/**
 * 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
{
    margin: 0 2px;
    padding: .35em .625em .75em;

    border: 1px solid #c0c0c0;
}

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

legend
{
    padding: 0; /* 2 */

    border: 0; /* 1 */
}

/**
 * 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-spacing: 0;
    border-collapse: collapse;
}

td,
th
{
    padding: 0;
}

#nav .navigation,
.footer .footer-nav,
.footer .footer-nav-second,
.page-template-default .content-section ul,
.breadcrumbs-section .breadcrumb,
.section-plan .plansite,
.related-section .list-releted,
.bluebox ul,
.whitebox ul,
.list-boxes,
.our-ideas .ideas-list,
.family-section .full-info,
.family-section .list-info,
.page-content ul,
.steps-recognize .list-steps .pagination ul,
.section-information .text ul,
.list-facilities,
.list-construction,
.benefits-section .list-info,
.home.slider-active .banner-gallery .pagination ul,
.ideas .list-ideas,
.indicators .list-indicators,
.blocks-section .blocks
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.clearfix:after,
dl:after,
.widget:after,
.search-form:after,
.post-password-form p:after,
.navigation-single:after,
.footer .footer-nav:after,
.footer .footer-nav-second:after,
.breadcrumbs-section .breadcrumb:after,
.block-direction .cols:after,
.steps-recognize .list-steps:after,
.list-construction:after,
.ideas .list-ideas:after,
.indicators .list-indicators:after
{
    display: block;
    clear: both;

    content: '';
}

.ellipsis
{
    overflow: hidden;

    white-space: nowrap; /* 1 */
    text-overflow: ellipsis; /* 2 */
}

html
{
    box-sizing: border-box;
}

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

*
{
    max-height: 1000000px;
}

body
{
    font: 14px/1.8571 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    min-width: 320px;

    color: #000;
    background: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img
{
    max-width: 100%;
    height: auto;

    vertical-align: top;
}

.gm-style img
{
    max-width: none;
}

ul,
ol,
dl,
p,
h1,
h2,
h3,
h4,
h5,
h6,
address,
form,
table,
blockquote,
applet,
embed,
object,
iframe,
frameset
{
    margin: 0 0 1.8571em;
}

blockquote
{
    margin-left: 1.8571em;
    padding-left: .5em;

    border-left: 4px solid #969696;
}

th,
td
{
    padding: .5em;

    text-align: left;
    vertical-align: top;

    border: 1px solid #969696;
}

th
{
    text-align: center;
    vertical-align: middle;
}

ul,
ol
{
    padding-left: 3em;
}

ul ul,
ul ol,
ol ul,
ol ol
{
    margin: 0;
    padding-left: 3em;
}

ul
{
    list-style-type: disc;
}

dl dt
{
    font-weight: bold;

    float: left;
    clear: left;

    padding-right: .3em;
}

dl dd
{
    overflow: hidden;
}

pre
{
    max-width: 100%;
}

form,
fieldset
{
    margin: 0;
    padding: 0;

    border-style: none;
}

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
textarea
{
    box-sizing: border-box;
    padding: .4em .7em;

    border: 1px solid #969696;
    -webkit-border-radius: 0;

    -webkit-appearance: none;
}

input[type='text']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='password']:focus,
textarea:focus
{
    border-color: #000;
}

input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
    color: #969696;
}

input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder
{
    opacity: 1;
    color: #969696;
}

input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
textarea:-moz-placeholder
{
    color: #969696;
}

input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
textarea:-ms-input-placeholder
{
    color: #969696;
}

input[type='text'].placeholder,
input[type='tel'].placeholder,
input[type='email'].placeholder,
input[type='search'].placeholder,
input[type='password'].placeholder,
textarea.placeholder
{
    color: #969696;
}

select
{
    -webkit-border-radius: 0;
}

textarea
{
    resize: vertical;
    vertical-align: top;
}

button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit']
{
    cursor: pointer;

    -webkit-border-radius: 0;

    -webkit-appearance: none;
}

html,
body
{
    height: 100%;
}

.page-holder
{
    display: table;
    overflow: hidden;

    width: 100%;
    height: 100%;

    table-layout: fixed;
}

#wrapper
{
    display: table-cell;

    margin: 0 auto;
}

#footer
{
    display: table-footer-group;
    overflow: hidden; /*for FF on Windows 7*/

    height: 1%;
}

.widget
{
    margin-bottom: 1.8571em;
}

.widget ul
{
    padding-left: 2em;
}

.widget select
{
    min-width: 150px;
}

.comment-form label
{
    display: block;

    padding-bottom: 4px;
}

.comment-form textarea
{
    overflow: auto;

    height: 120px;
    min-height: 120px;
    margin: 0;
}

.comment-form textarea,
.comment-form input[type='text']
{
    width: 100%;
    max-width: 300px;
    margin: 0 4px 0 0;
}

.comment-form input[type='submit']
{
    display: block;
    float: none;
}

.post-password-form label
{
    display: block;

    margin-bottom: 4px;
}

.post-password-form input[type='password']
{
    width: 100%;
    max-width: 300px;
    margin: 0 4px 0 0;
}

.search-form
{
    margin-bottom: 15px;
}

.search-form input
{
    float: left;

    height: 2em;
}

.search-form input[type='search']
{
    width: 150px;
    margin: 0 4px 0 0;
}

.post-password-form input
{
    float: left;

    height: 2em;
}

.post-password-form input[type='password']
{
    width: 150px;
}

.comment-form input[type='submit'],
.post-password-form input[type='submit'],
.search-form input[type='submit']
{
    height: 2em;
    padding: 0 .5em;

    color: #fff;
    border: none;
    background: #000;
}

.comment-form input[type='submit']:hover,
.post-password-form input[type='submit']:hover,
.search-form input[type='submit']:hover
{
    opacity: .8;
}

.commentlist
{
    margin: 0 0 1.8571em;
}

.commentlist .edit-link
{
    margin: 0;
}

.commentlist .avatar-holder
{
    float: left;

    margin: 0 1.8571em 4px 0;
}

.commentlist-item .commentlist-item
{
    padding: 0;
}

.comment,
.commentlist-holder
{
    overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item
{
    padding-top: 1.8571em;
}

.widget_calendar #next
{
    text-align: right;
}

.gallery-item dt
{
    float: none;

    padding: 0;
}

.navigation,
.navigation-comments
{
    position: relative;

    margin-bottom: 1.8571em;

    vertical-align: middle;
}

.navigation .screen-reader-text,
.navigation-comments .screen-reader-text
{
    position: absolute;
    left: -99999px;
}

.navigation .page-numbers,
.navigation-comments .page-numbers
{
    display: inline-block;

    padding: 0 .4em;

    vertical-align: middle;
}

.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev
{
    display: inline-block;

    max-width: 48%;
    padding: .4em;

    vertical-align: middle;
    text-decoration: none;

    color: #fff;
    background: #000;
}

.navigation .next:hover,
.navigation .prev:hover,
.navigation-comments .next:hover,
.navigation-comments .prev:hover
{
    opacity: .8;
}

.navigation-single
{
    margin-bottom: 1.8571em;
}

.navigation-single .next,
.navigation-single .prev
{
    float: left;

    max-width: 48%;

    vertical-align: middle;
    text-decoration: none;

    color: #fff;
    background: #000;
}

.navigation-single .next:hover,
.navigation-single .prev:hover
{
    opacity: .8;
}

.navigation-single .next a,
.navigation-single .prev a
{
    display: block;

    padding: .4em;

    text-decoration: none;
    word-wrap: break-word;

    color: inherit;
}

.navigation-single .next
{
    float: right;
}

.wp-caption
{
    clear: both;

    max-width: 100%;
    margin-bottom: 1.8571em;
    padding: .4em;

    border: 1px solid #969696;
}

.wp-caption img
{
    margin: 0;

    vertical-align: top;
}

.wp-caption p
{
    margin: .4em 0 0;
}

div.aligncenter
{
    margin: 0 auto 1.8571em;
}

img.aligncenter
{
    display: block;

    margin: 0 auto;
}

.alignleft
{
    float: left;

    margin: 0 1.8571em 4px 0;
}

.alignright
{
    float: right;

    margin: 0 0 4px 1.8571em;
}

.mejs-container
{
    margin-bottom: 1.8571em;
}

.wp-caption-text,
.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor
{
    height: auto;
}

iframe
{
    width: 100%;
}

#wp-calendar tbody td
{
    text-align: center;
}

#wp-calendar td,
#wp-calendar th
{
    border: 1px solid #969696;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h
{
    font-family: inherit;
    font-weight: bold;

    margin: 0 0 .5em;

    color: inherit;
}

h1,
.h1
{
    font-size: 56px;
}

h2,
.h2
{
    font-size: 30px;
}

h3,
.h3
{
    font-size: 24px;
}

h4,
.h4
{
    font-size: 20px;
}

h5,
.h5
{
    font-size: 17px;
}

h6,
.h6
{
    font-size: 15px;
}

p
{
    margin: 0 0 1em;
}

a
{
    color: #a100ff;
}

a:hover,
a:focus
{
    -webkit-transition: all .3s;
            transition: all .3s;
    text-decoration: none;
}

@font-face
{
    font-family: 'Graphik';
    font-weight: 100;
    font-style: normal;

    src: url('fonts/Graphik100Thin.eot');
    src: url('fonts/Graphik100Thin.eot') format('embedded-opentype'), url('fonts/Graphik100Thin.woff2') format('woff2'), url('fonts/Graphik100Thin.woff') format('woff'), url('fonts/Graphik100Thin.ttf') format('truetype'), url('fonts/Graphik100Thin.svg#Graphik100Thin') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: 100;
    font-style: italic;

    src: url('fonts/Graphik100ThinItalic.eot');
    src: url('fonts/Graphik100ThinItalic.eot') format('embedded-opentype'), url('fonts/Graphik100ThinItalic.woff2') format('woff2'), url('fonts/Graphik100ThinItalic.woff') format('woff'), url('fonts/Graphik100ThinItalic.ttf') format('truetype'), url('fonts/Graphik100ThinItalic.svg#Graphik100ThinItalic') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: 200;
    font-style: normal;

    src: url('fonts/Graphik200Extralight.eot');
    src: url('fonts/Graphik200Extralight.eot') format('embedded-opentype'), url('fonts/Graphik200Extralight.woff2') format('woff2'), url('fonts/Graphik200Extralight.woff') format('woff'), url('fonts/Graphik200Extralight.ttf') format('truetype'), url('fonts/Graphik200Extralight.svg#Graphik200Extralight') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: 200;
    font-style: italic;

    src: url('fonts/Graphik200ExtralightItalic.eot');
    src: url('fonts/Graphik200ExtralightItalic.eot') format('embedded-opentype'), url('fonts/Graphik200ExtralightItalic.woff2') format('woff2'), url('fonts/Graphik200ExtralightItalic.woff') format('woff'), url('fonts/Graphik200ExtralightItalic.ttf') format('truetype'), url('fonts/Graphik200ExtralightItalic.svg#Graphik200ExtralightItalic') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: 300;
    font-style: normal;

    src: url('fonts/Graphik300Light.eot');
    src: url('fonts/Graphik300Light.eot') format('embedded-opentype'), url('fonts/Graphik300Light.woff2') format('woff2'), url('fonts/Graphik300Light.woff') format('woff'), url('fonts/Graphik300Light.ttf') format('truetype'), url('fonts/Graphik300Light.svg#Graphik300Light') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: 300;
    font-style: italic;

    src: url('fonts/Graphik300LightItalic.eot');
    src: url('fonts/Graphik300LightItalic.eot') format('embedded-opentype'), url('fonts/Graphik300LightItalic.woff2') format('woff2'), url('fonts/Graphik300LightItalic.woff') format('woff'), url('fonts/Graphik300LightItalic.ttf') format('truetype'), url('fonts/Graphik300LightItalic.svg#Graphik300LightItalic') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: normal;
    font-style: normal;

    src: url('fonts/Graphik400Regular.eot');
    src: url('fonts/Graphik400Regular.eot') format('embedded-opentype'), url('fonts/Graphik400Regular.woff2') format('woff2'), url('fonts/Graphik400Regular.woff') format('woff'), url('fonts/Graphik400Regular.ttf') format('truetype'), url('fonts/Graphik400Regular.svg#Graphik400Regular') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: normal;
    font-style: italic;

    src: url('fonts/Graphik400RegularItalic.eot');
    src: url('fonts/Graphik400RegularItalic.eot') format('embedded-opentype'), url('fonts/Graphik400RegularItalic.woff2') format('woff2'), url('fonts/Graphik400RegularItalic.woff') format('woff'), url('fonts/Graphik400RegularItalic.ttf') format('truetype'), url('fonts/Graphik400RegularItalic.svg#Graphik400RegularItalic') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: 500;
    font-style: normal;

    src: url('fonts/Graphik500Medium.eot');
    src: url('fonts/Graphik500Medium.eot') format('embedded-opentype'), url('fonts/Graphik500Medium.woff2') format('woff2'), url('fonts/Graphik500Medium.woff') format('woff'), url('fonts/Graphik500Medium.ttf') format('truetype'), url('fonts/Graphik500Medium.svg#Graphik500Medium') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: 500;
    font-style: italic;

    src: url('fonts/Graphik500MediumItalic.eot');
    src: url('fonts/Graphik500MediumItalic.eot') format('embedded-opentype'), url('fonts/Graphik500MediumItalic.woff2') format('woff2'), url('fonts/Graphik500MediumItalic.woff') format('woff'), url('fonts/Graphik500MediumItalic.ttf') format('truetype'), url('fonts/Graphik500MediumItalic.svg#Graphik500MediumItalic') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: 600;
    font-style: normal;

    src: url('fonts/Graphik600Semibold.eot');
    src: url('fonts/Graphik600Semibold.eot') format('embedded-opentype'), url('fonts/Graphik600Semibold.woff2') format('woff2'), url('fonts/Graphik600Semibold.woff') format('woff'), url('fonts/Graphik600Semibold.ttf') format('truetype'), url('fonts/Graphik600Semibold.svg#Graphik600Semibold') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: 600;
    font-style: italic;

    src: url('fonts/Graphik600SemiboldItalic.eot');
    src: url('fonts/Graphik600SemiboldItalic.eot') format('embedded-opentype'), url('fonts/Graphik600SemiboldItalic.woff2') format('woff2'), url('fonts/Graphik600SemiboldItalic.woff') format('woff'), url('fonts/Graphik600SemiboldItalic.ttf') format('truetype'), url('fonts/Graphik600SemiboldItalic.svg#Graphik600SemiboldItalic') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: 700;
    font-style: normal;

    src: url('fonts/Graphik700Bold.eot');
    src: url('fonts/Graphik700Bold.eot') format('embedded-opentype'), url('fonts/Graphik700Bold.woff2') format('woff2'), url('fonts/Graphik700Bold.woff') format('woff'), url('fonts/Graphik700Bold.ttf') format('truetype'), url('fonts/Graphik700Bold.svg#Graphik700Bold') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: 700;
    font-style: italic;

    src: url('fonts/Graphik700BoldItalic.eot');
    src: url('fonts/Graphik700BoldItalic.eot') format('embedded-opentype'), url('fonts/Graphik700BoldItalic.woff2') format('woff2'), url('fonts/Graphik700BoldItalic.woff') format('woff'), url('fonts/Graphik700BoldItalic.ttf') format('truetype'), url('fonts/Graphik700BoldItalic.svg#Graphik700BoldItalic') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: 800;
    font-style: normal;

    src: url('fonts/Graphik800Black.eot');
    src: url('fonts/Graphik800Black.eot') format('embedded-opentype'), url('fonts/Graphik800Black.woff2') format('woff2'), url('fonts/Graphik800Black.woff') format('woff'), url('fonts/Graphik800Black.ttf') format('truetype'), url('fonts/Graphik800Black.svg#Graphik800Black') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: 800;
    font-style: italic;

    src: url('fonts/Graphik800BlackItalic.eot');
    src: url('fonts/Graphik800BlackItalic.eot') format('embedded-opentype'), url('fonts/Graphik800BlackItalic.woff2') format('woff2'), url('fonts/Graphik800BlackItalic.woff') format('woff'), url('fonts/Graphik800BlackItalic.ttf') format('truetype'), url('fonts/Graphik800BlackItalic.svg#Graphik800BlackItalic') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: 900;
    font-style: normal;

    src: url('fonts/Graphik900Super.eot');
    src: url('fonts/Graphik900Super.eot') format('embedded-opentype'), url('fonts/Graphik900Super.woff2') format('woff2'), url('fonts/Graphik900Super.woff') format('woff'), url('fonts/Graphik900Super.ttf') format('truetype'), url('fonts/Graphik900Super.svg#Graphik900Super') format('svg');
}

@font-face
{
    font-family: 'Graphik';
    font-weight: 900;
    font-style: italic;

    src: url('fonts/Graphik900SuperItalic.eot');
    src: url('fonts/Graphik900SuperItalic.eot') format('embedded-opentype'), url('fonts/Graphik900SuperItalic.woff2') format('woff2'), url('fonts/Graphik900SuperItalic.woff') format('woff'), url('fonts/Graphik900SuperItalic.ttf') format('truetype'), url('fonts/Graphik900SuperItalic.svg#Graphik900SuperItalic') format('svg');
}

@font-face
{
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;

    src: url('fonts/icomoon.eot?zcydxh');
    src: url('fonts/icomoon.eot?zcydxh#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?zcydxh') format('truetype'), url('fonts/icomoon.woff?zcydxh') format('woff'), url('fonts/icomoon.svg?zcydxh#icomoon') format('svg');
}

[class^='icon-'],
[class*=' icon-']
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1; /* Better Font Rendering =========== */

    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-close:before
{
    content: '\e902';
}

.icon-arrow:before
{
    content: '\e900';
}

.icon-arrow-down:before
{
    content: '\e901';
}

.icon-arrow-right-small:before
{
    content: '\e90c';
}

.icon-circle-up:before
{
    content: '\ea41';
}

.home #header
{
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    left: 0;

    padding: 45px 0;

    background: none;
}

.home #header .btn
{
    color: #000;
    background: #fff;
}

.home #header .btn:hover
{
    background: #969696;
}

.home #header .logo
{
    visibility: hidden;

    opacity: 0;
}

.home #nav .navigation a
{
    color: #fff;
}

#header
{
    padding: 35px 0;

    background: #fff;
}

#header .holder
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1400px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#header .btn
{
    font: 900 13px/13px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: inline-block;

    min-width: 185px;
    max-width: 185px;
    margin-right: 20px;
    padding: 25px 10px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;

    color: #fff;
    background: -webkit-linear-gradient(315deg, #7500c0 0%, #460073 100%);
    background:         linear-gradient(135deg, #7500c0 0%, #460073 100%);
}

#header .btn:hover
{
    background: -webkit-linear-gradient(315deg, #460073 0%, #7500c0 100%);
    background:         linear-gradient(135deg, #460073 0%, #7500c0 100%);
}

#nav
{
    max-width: 750px;
    padding: 0 10px;
}

#nav .navigation
{
    font: 700 16px/17px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#nav .navigation li
{
    margin: 0 10px;

    text-align: center;
    text-transform: uppercase;
}

#nav .navigation a
{
    text-decoration: none;

    color: #000;
}

#nav .navigation a:hover
{
    color: #5a5a5a;
}

.logo
{
    margin-left: 30px;
}

.logo a
{
    display: inline-block;

    vertical-align: top;
}

.nav-opener
{
    position: relative;

    display: none;
    overflow: hidden;

    width: 22px;
    height: 18px;

    text-indent: -9999px;

    background: transparent;
}

.nav-opener:hover
{
    opacity: .8;
}

.nav-opener:before,
.nav-opener:after,
.nav-opener span
{
    position: absolute;
    top: 7px;
    right: 0;
    left: 0;

    height: 3px;

    -webkit-transition: all .2s linear;
            transition: all .2s linear;

    background: #000;
}

.nav-opener:before
{
    top: 1px;

    content: '';
}

.nav-opener:after
{
    top: 13px;

    content: '';
}

.back-to-top
{
    font-size: 30px;

    position: fixed;
    z-index: 10;
    right: 25px;
    bottom: 25px;

    display: none;

    text-decoration: none;

    color: #000;
}

.back-to-top:hover
{
    color: #90cbd9;
}

.footer
{
    text-align: center;

    background: #000;
}

.footer .holder
{
    padding: 50px 25px;
}

.footer .footer-nav
{
    font: 500 15px/22px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: inline-block;

    margin: 0 0 27px;

    vertical-align: top;
    text-transform: uppercase;
}

.footer .footer-nav li
{
    float: left;

    margin: 0 15px 7px;
}

.footer .footer-nav a
{
    text-decoration: none;

    color: #fff;
}

.footer .footer-nav a:hover
{
    color: #969696;
}

.footer .footer-nav-second
{
    display: inline-block;

    margin: 0 0 32px;

    vertical-align: top;
}

.footer .footer-nav-second li
{
    float: left;

    margin: 0 15px;
}

.footer .footer-nav-second a
{
    text-decoration: none;

    color: #969696;
}

.footer .footer-nav-second a:hover
{
    color: #fff;
}

.footer .copyright,
.footer .design
{
    font-size: 14px;
    line-height: 30px;

    display: block;

    max-width: 250px;
    margin: 0 auto;

    color: #5a5a5a;
}

.footer-quizz .holder
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1424px;
    padding: 10px 25px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-quizz .copyright
{
    max-width: none;
    margin: 0;

    color: #969696;
}

.footer-quizz .design
{
    margin: 0;

    color: #969696;
}

.footer-quizz .footer-nav-second
{
    margin: 0;
}

h1
{
    word-wrap: break-word;
}

.error404 .banner-flex.inn .title.inn
{
    font-size: 96px;
    line-height: 1;
}

.page-template-default .content-section
{
    padding: 20px 0 50px;
}

.page-template-default .content-section #content
{
    font: 14px/26px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.page-template-default .content-section .title
{
    word-wrap: break-word;
}

.page-template-default .content-section h1
{
    line-height: 1.2;

    margin: 0 0 50px;

    text-transform: uppercase;
    word-wrap: break-word;
}

.page-template-default .content-section h3
{
    line-height: 32px;

    margin: 0 0 20px;
}

.page-template-default .content-section ul li
{
    position: relative;

    padding-left: 10px;
}

.page-template-default .content-section ul li:before
{
    position: absolute;
    top: 11px;
    left: 0;

    width: 4px;
    height: 4px;

    content: '';

    border-radius: 50%;
    background: #000;
}

.page-template-default .content-section ul li ul li
{
    position: relative;

    padding-left: 25px;
}

.page-template-default .content-section ul li ul li:before
{
    left: 15px;
}

.page-template-default .content-section p
{
    margin: 0 0 20px;
}

.page-template-default .content-section .subtitle
{
    font: 600 24px/32px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: block;

    margin: 0 0 40px;
}

.breadcrumbs-section
{
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;

    padding: 40px 0 34px;
}

.breadcrumbs-section .breadcrumb li
{
    position: relative;

    float: left;

    padding: 0 10px 0 0;
}

.breadcrumbs-section .breadcrumb li:last-child:after
{
    display: none;
}

.breadcrumbs-section .breadcrumb li:after
{
    position: relative;
    right: -5px;

    content: '/';

    color: #969696;
}

.breadcrumbs-section .breadcrumb li br
{
    display: none;
}

.breadcrumbs-section .breadcrumb a
{
    text-decoration: none;

    color: #969696;
}

.breadcrumbs-section .breadcrumb a:hover
{
    color: #000;
}

.section-plan
{
    padding: 14px 0 45px;
}

.section-plan h1
{
    margin: 0 0 15px;

    text-transform: uppercase;
}

.section-plan .plansite
{
    font: 600 15px/32px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    max-width: 550px;

    -webkit-columns: 2;
            columns: 2;
}

.section-plan .plansite a
{
    text-decoration: none;

    color: #000;
}

.section-plan .plansite a br
{
    display: none;
}

.section-plan .plansite a:hover
{
    color: #a100ff;
}

.btn
{
    font: 900 13px/13px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: inline-block;

    min-width: 185px;
    padding: 25px 10px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
}

.btn.btn-white
{
    color: #000;
    background: #fff;
}

.btn.btn-white:hover
{
    background: #969696;
}

.btn.btn-black
{
    color: #fff;
    background: #000;
}

.btn.btn-black:hover
{
    background: #969696;
}

.btn.btn-blue
{
    color: #fff;
    background: -webkit-linear-gradient(315deg, #7500c0 0%, #460073 100%);
    background:         linear-gradient(135deg, #7500c0 0%, #460073 100%);
}

.btn.btn-blue:hover
{
    background: -webkit-linear-gradient(315deg, #460073 0%, #7500c0 100%);
    background:         linear-gradient(135deg, #460073 0%, #7500c0 100%);
}

.back
{
    font: 900 13px/13px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: inline-block;

    padding: 12px 10px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;

    color: #fff;
    background: #000;
}

.back:hover
{
    background: #a100ff;
}

.banner-flex
{
    background-position: 50% 50%;
    background-size: cover;
}

.banner-flex .hold
{
    position: relative;

    min-height: 260px;
}

.banner-flex .over
{
    position: absolute;
    z-index: 1;
    bottom: 43px;
    left: 0;

    width: 100%;
    padding: 0 30px;
}

.banner-flex.inn
{
    background: -webkit-linear-gradient(left, #7500c0 0%, #460073 100%);
    background:         linear-gradient(90deg, #7500c0 0%, #460073 100%);
}

.banner-flex + .page-content-flex.narrow
{
    padding-top: 30px;
    padding-bottom: 40px;
}

.banner-flex + .page-content-flex.narrow #content p:last-child
{
    margin: 0;
}

.banner-flex.not-image
{
    padding-top: 50px;
}

.banner-flex.not-image .hold
{
    min-height: auto;
}

.banner-flex.not-image .over
{
    position: static;

    padding: 45px 0;
}

.banner-flex.not-image .title
{
    line-height: 66px;

    color: #000;
}

.banner-flex.not-image .title br
{
    display: inline-block;
}

.banner-flex.not-image .title:after
{
    background: url(images/clip-blue.png) no-repeat;
}

.banner-flex.not-image + .page-content-flex.narrow
{
    padding-top: 30px;
}

.banner-flex.not-image + .page-content-flex.narrow #content p:last-child
{
    margin: 0;
}

.banner-flex .title
{
    font-size: 56px;
    line-height: 78px;

    position: relative;
    z-index: 0;

    display: inline-block;

    max-width: 100%;
    margin: 0;

    vertical-align: top;
    text-transform: uppercase;
    word-wrap: break-word;

    color: #fff;
}

.banner-flex .title br
{
    display: none;
}

.banner-flex .title span
{
    font-size: 36px;
    line-height: 1;

    display: block;
}

.banner-flex .title span.subtitle
{
    font: 400 18px/26px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: block;

    margin-top: -22px;

    text-transform: none;

    color: inherit;
}

.banner-flex .title:after
{
    position: absolute;
    z-index: -1;
    top: 43%;
    right: -90px;

    width: 254px;
    height: 259px;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background: url(images/clip-yellow.png) no-repeat;
}

.page-template-template-contact .content-section
{
    padding: 70px 0 0;
}

.page-template-template-contact .content-section .hold
{
    max-width: 790px;
}

.page-template-template-contact #content
{
    font: 18px/26px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.page-template-template-contact #content p
{
    margin: 0 0 26px;
}

.contact-section
{
    padding: 0 0 56px;
}

.contact-section .hold
{
    max-width: 790px;
}

.block-direction
{
    padding: 30px 0;
}

.block-direction h2
{
    font: 700 30px/36px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.block-direction .inf
{
    font: 14px/25px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: block;

    margin: 0 0 30px;
}

.block-direction .cols
{
    margin: 0 -15px;
}

.block-direction .cols .col
{
    float: left;

    width: 50%;
    padding: 0 15px;
}

.block-direction .item-person
{
    margin-top: 25px;
    margin-bottom: 40px;
}

.block-direction .item-person.inn
{
    margin-top: 0;
    margin-bottom: 42px;
}

.block-direction .item-person span
{
    display: block;
}

.block-direction .item-person img
{
    max-height: 300px;
    margin-bottom: -50px;
}

.block-direction .item-person .over-inf
{
    position: relative;
    z-index: 2;

    margin: 0 0 0 44px;
    padding: 26px;

    color: #fff;
    background: #a100ff;
    box-shadow: 0 20px 54px rgba(63, 94, 170, .3);
}

.block-direction .item-person .over-inf a
{
    color: #fff;
}

.block-direction .item-person .over-inf .name
{
    font: 600 15px/32px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: block;

    margin: 0 0 4px;
}

.block-direction .item-person .over-inf .tel,
.block-direction .item-person .over-inf .mail
{
    font: 600 16px/24px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: inline-block;

    margin: 0;

    text-decoration: none;
}

.block-direction .item-person .over-inf .tel.long,
.block-direction .item-person .over-inf .mail.long
{
    display: block;

    max-width: 180px;

    word-wrap: break-word;
}

.block-direction .item-person .over-inf .tel:hover,
.block-direction .item-person .over-inf .mail:hover
{
    color: #969696;
}

.error404 .content-section
{
    padding: 62px 0;
}

.error404 .content-section .over
{
    max-width: 450px;
}

.error404 .content-section .txt
{
    font: 600 24px/32px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: block;

    margin: 0 0 30px;
}

.related-section
{
    margin-top: 50px;
}

.related-section h2
{
    font: 700 25px/30px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    margin: 0 0 24px;

    text-transform: uppercase;
}

.related-section .holder
{
    position: relative;

    padding: 38px 30px 65px;
}

.related-section .holder:after
{
    position: absolute;
    top: 0;
    right: 30px;
    left: 30px;

    height: 1px;

    content: '';

    background: #000;
}

.related-section .list-releted
{
    overflow: hidden;

    margin: 0 -12px;
}

.related-section .list-releted li
{
    float: left;

    width: 33.333%;
    padding: 12px;
}

.related-section .list-releted .box-releted
{
    position: relative;

    min-height: 353px;
    padding: 30px;

    background-position: 50% 50%;
    background-size: cover;
}

.related-section .list-releted .box-releted h3
{
    font: 700 20px/25px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    margin: 0;
    padding: 0 0 15px;

    text-transform: uppercase;
}

.related-section .list-releted .box-releted h3 br
{
    display: none;
}

.related-section .list-releted .over
{
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;

    padding: 30px;

    background: rgba(255, 255, 255, .9);
}

.related-section .list-releted .link
{
    font: 700 16px/16px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    text-decoration: none;

    color: #000;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.related-section .list-releted .link:hover
{
    color: #a100ff;
}

.related-section .list-releted .link .icon
{
    font-size: 40px;

    margin: 0 0 0 20px;
}

.bluebox-holder
{
    padding: 0 0 40px;
}

.bluebox-holder .hold
{
    max-width: 790px;
}

.whitebox-holder
{
    padding: 0 0 40px;
}

.whitebox-holder .hold
{
    max-width: 790px;
}

.bluebox
{
    font: 500 14px/22px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    padding: 35px 45px;

    color: #fff;
    background: #a100ff;
    box-shadow: 0 20px 54px rgba(63, 94, 170, .3);
}

.bluebox h2
{
    font: 700 22px/24px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.bluebox ul li
{
    position: relative;

    margin: 0 0 15px;
}

.bluebox ul li:before
{
    display: inline-block;

    width: 4px;
    height: 4px;
    margin-right: 4px;

    content: '';
    vertical-align: middle;

    border-radius: 50%;
    background: #fff;
}

.whitebox
{
    font: 500 14px/22px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    padding: 55px 60px;

    color: #000;
    border: 1px solid #000;
    background: #fff;
    box-shadow: 0 20px 54px rgba(63, 94, 170, .3);
}

.whitebox h2
{
    font: 700 22px/24px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    margin: 0 0 20px;
}

.whitebox ul li
{
    position: relative;

    margin: 0 0 15px;
}

.whitebox ul li:before
{
    display: inline-block;

    width: 4px;
    height: 4px;
    margin-right: 4px;

    content: '';
    vertical-align: middle;

    border-radius: 50%;
    background: #000;
}

.integration .hold
{
    max-width: 790px;
}

.list-boxes.inn li
{
    padding: 20px 0;
}

.list-boxes.inn li .center-hold
{
    max-width: 780px;
}

.list-boxes li
{
    display: block;

    padding: 30px 0;
}

.list-boxes li:nth-child(even) .center-hold
{
        flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
}

.list-boxes li:nth-child(even) .center-hold .txt-hold
{
    text-align: right;
}

.list-boxes li .over-info
{
    font: 500 14px/22px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    position: relative;

    padding: 15px 28px 15px 80px;

    border: 1px solid #000;
}

.list-boxes li .over-info:before
{
    position: absolute;
    top: 50%;
    left: 24px;

    width: 32px;
    height: 41px;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background: url(images/idea.png) no-repeat;
}

.list-boxes li .center-hold
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    max-width: 540px;
    margin: 0 auto;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.list-boxes li .center-hold .img-hold
{
    width: 47%;

    text-align: center;
}

.list-boxes li .center-hold .txt-hold
{
    width: 53%;
}

.list-boxes .num
{
    font: 700 20px/20px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: inline-block;

    width: 37px;
    height: 37px;
    margin-bottom: 10px;
    padding: 8px;

    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 50%;
    background: #000;
}

.list-boxes .title
{
    font: 600 24px/32px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: block;

    margin-bottom: 22px;
}

.our-ideas .ideas-list li
{
    display: block;

    margin: 0 0 90px;
}

.our-ideas .ideas-list li:nth-child(even) .item-idea
{
        flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
}

.our-ideas .ideas-list li:last-child
{
    margin: 0 0 66px;
}

.our-ideas .ideas-list .item-idea
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.our-ideas .ideas-list .item-idea .img-wrap
{
    width: 41.5%;
    padding: 0 35px;

    text-align: center;
}

.our-ideas .ideas-list .item-idea .txt-wrap
{
    font: 14px/26px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    width: 58.5%;
}

.our-ideas .ideas-list .item-idea .title
{
    font: 700 30px/36px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    margin: 0 0 20px;

    word-wrap: break-word;
}

.our-ideas .ideas-list .item-idea .num
{
    font-size: 50px;
    font-weight: 800;
    line-height: 70px;

    position: relative;

    display: inline-block;

    margin: 0 0 8px;
}

.our-ideas .ideas-list .item-idea .num:after
{
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 20px;

    width: 70px;
    height: 70px;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background: url(images/fill.png) no-repeat;
}

.family-section .over-color
{
    padding: 75px 0;

    text-align: center;

    color: #fff;
    background: -webkit-linear-gradient(225deg, #7500c0 0%, #460073 100%);
    background:         linear-gradient(225deg, #7500c0 0%, #460073 100%);
}

.family-section .over-color .title-section
{
    width: 50%;

    text-align: left;
}

.family-section .over-img
{
    padding: 78px 0;
}

.family-section .over-white
{
    padding: 93px 0 0;
}

.family-section .full-info
{
    overflow: hidden;

    margin: 0 -15px;
}

.family-section .full-info .item
{
    font: 14px/26px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    float: left;

    width: 33.333%;
    margin: 0 0 14px;
    padding: 0 15px;
}

.family-section .full-info .title
{
    font: 700 30px/36px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    margin: 0 0 14px;
}

.family-section .full-info p
{
    margin: 0 0 26px;
}

.family-section h2.h1
{
    line-height: 42px;

    margin-bottom: 20px;

    text-transform: uppercase;
}

.family-section h2.h1 span
{
    font-size: 36px;
}

.family-section .text
{
    font: 500 17px/26px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: block;
}

.family-section .box-center
{
    position: relative;

    display: inline-block;

    width: 39vw;
    margin-top: -60px;
    padding: 8vw 5.98vw 4vw;
}

.family-section .box-center:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    background: url(images/lines7.png) no-repeat;
    background-size: 100%;
}

.family-section .box-center img
{
    width: 100%;
}

.family-section .list-info li
{
    position: absolute;
    z-index: 5;

    width: 20vw;
}

.family-section .list-info li.item1
{
    top: 18%;
    right: 85%;

    text-align: right;
}

.family-section .list-info li.item2
{
    top: 60%;
    right: 103%;

    -webkit-transform: translateY(-16%);
        -ms-transform: translateY(-16%);
            transform: translateY(-16%);
    text-align: right;
}

.family-section .list-info li.item3
{
    top: 92%;
    right: 69%;

    text-align: right;
}

.family-section .list-info li.item4
{
    top: 92%;
    left: 69%;

    text-align: left;
}

.family-section .list-info li.item5
{
    top: 60%;
    left: 103%;

    -webkit-transform: translateY(-16%);
        -ms-transform: translateY(-16%);
            transform: translateY(-16%);
    text-align: left;
}

.family-section .list-info li.item6
{
    top: 28%;
    left: 85%;

    text-align: left;
}

.family-section .list-info li.item7
{
    top: -4%;
    left: 74%;

    text-align: left;
}

.family-section .list-info h3
{
    font-size: 1.5vw;
    font-weight: 700;
    line-height: 2.2vw;
}

.family-section .list-info h3 a
{
    text-decoration: none;

    color: #fff;
}

.family-section .list-info h3 a:hover
{
    color: #ccc;
}

.family-section .list-info .text
{
    font-size: .973vw;
    line-height: 1.807vw;

    display: block;

    color: #7a97df;
}

.page-content-flex
{
    padding: 58px 0;
}

.page-content-flex.narrow .hold
{
    max-width: 790px;
}

.page-content-flex #content
{
    font: 18px/26px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.page-content-flex #content p
{
    margin: 0 0 26px;
}

.page-template-template-organisation .page-content-flex
{
    padding: 58px 0 30px;
}

.page-template-template-organisation .whitebox-holder .hold,
.page-template-template-organisation .bluebox-holder .hold
{
    max-width: 980px;
}

.page-template-template-organisation .whitebox-holder,
.page-template-template-organisation .bluebox-holder
{
    padding: 40px 0 80px;
}

.advice-style01 .cols
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    margin: 0 -15px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.advice-style01 .cols .col
{
    width: 50%;
    padding: 0 15px;
}

.advice-style01 h2
{
    font: 700 30px/36px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    margin: 0 0 20px;
}

.advice-style01 .subtitle
{
    font: 600 24px/32px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    margin: 0 0 10px;
}

.advice-style01 .text
{
    font: 14px/26px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: block;

    margin: 0 0 20px;
}

.advice-style01 .img-wrap
{
    margin: 0 0 0 50px;

    text-align: center;
}

.advice-style01 .btn
{
    min-width: 150px;
    padding: 17px;
}

.advice-style02 .title
{
    line-height: 36px;

    max-width: 80%;
    margin: 0 0 40px;
}

.advice-style02 .holder
{
    position: relative;
    z-index: 1;

    padding: 65px 30px;
}

.advice-style02 .holder:after
{
    position: absolute;
    z-index: -1;
    right: 30px;
    bottom: 0;
    left: 30px;

    height: 334px;

    content: '';

    background: -webkit-linear-gradient(left, #7500c0 0%, #460073 100%);
    background:         linear-gradient(to right, #7500c0 0%, #460073 100%);
}

.advice-style02 .center-over
{
    max-width: 730px;
    margin: 0 auto;
}

.advice-style02 .columns
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    margin: 0 -15px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.advice-style02 .columns .col
{
    width: 50%;
    padding: 0 15px;
}

.advice-style02 .item-block
{
    position: relative;

    min-height: 353px;

    background-position: 50% 50%;
    background-size: cover;
}

.advice-style02 .over
{
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;

    padding: 25px;

    background: rgba(255, 255, 255, .9);
}

.advice-style02 .over h3
{
    font: 700 22px/25px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    text-transform: uppercase;
}

.advice-style02 .over .link
{
    font: 700 16px/16px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    text-decoration: none;

    color: #000;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.advice-style02 .over .link:hover
{
    color: #a100ff;
}

.advice-style02 .over .link .icon
{
    font-size: 40px;

    margin: 0 0 0 20px;
}

.advice-style03
{
    padding: 80px 0;
}

.advice-style03 .cols
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    margin: 0 -15px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.advice-style03 .cols .col
{
    padding: 0 15px;
}

.advice-style03 .cols .col:first-child
{
    width: 58%;
}

.advice-style03 .cols .col:last-child
{
    width: 42%;
}

.advice-style03 h2
{
    font: 700 30px/36px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    margin: 0 0 32px;
}

.advice-style03 img
{
    width: 100%;
}

.advice-style03 .text
{
    font: 14px/26px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: block;

    margin: 0 0 24px;
}

.advice-style03 .btn
{
    min-width: 150px;
    padding: 17px;
}

.page-content
{
    padding: 58px 0 40px;
}

.page-content.inn
{
    padding: 40px 0 0;
}

.page-content.inn h3
{
    font-size: 30px;
    line-height: 36px;
}

.page-content.inn ul
{
    margin: 0 0 40px;
}

.page-content.inn #content
{
    font: 18px/26px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.page-content .holder
{
    max-width: 790px;
}

.page-content #content
{
    font: 14px/26px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.page-content p
{
    margin: 0 0 26px;
}

.page-content .subtitle
{
    font: 600 24px/32px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: block;

    margin: 0 0 40px;
}

.page-content h3
{
    line-height: 32px;

    margin: 0 0 20px;
}

.page-content h4
{
    font: 600 24px/32px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    margin: 0 0 53px;
}

.page-content h6
{
    font-weight: 600;
}

.page-content span.info
{
    font: 18px/26px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: block;

    margin: 0 0 26px;
}

.page-content ul li
{
    position: relative;

    margin-bottom: 27px;
    padding-left: 10px;
}

.page-content ul li:last-child
{
    margin-bottom: 0;
}

.page-content ul li:before
{
    position: absolute;
    top: 11px;
    left: 0;

    width: 4px;
    height: 4px;

    content: '';

    border-radius: 50%;
    background: #000;
}

.page-template-template-flexible .content-section
{
    padding: 50px 0;
}

.steps-recognize
{
    padding: 63px 0 100px;

    color: #fff;
    background-image: -webkit-linear-gradient(left, #7500c0 0%, #460073 100%);
    background-image:         linear-gradient(to right, #7500c0 0%, #460073 100%);
}

.steps-recognize h2.title
{
    font: 700 30px/36px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    max-width: 630px;
    margin: 0 auto 46px;

    text-align: center;
}

.steps-recognize .list-steps
{
    font: 400 14px/26px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    margin: 0 -16px;
}

.steps-recognize .list-steps .col
{
    float: left;

    width: 25%;
    padding: 0 16px;
}

.steps-recognize .list-steps .col:last-child .img-wrap:after
{
    display: none;
}

.steps-recognize .list-steps .img-wrap
{
    position: relative;

    margin: 0 0 16px;

    text-align: center;
}

.steps-recognize .list-steps .img-wrap:after
{
    position: absolute;
    top: 50%;
    left: 100%;

    width: 32px;
    height: 21px;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background: url(images/arrow.png) no-repeat;
}

.steps-recognize .list-steps .info
{
    display: block;

    margin: 0 0 14px;
}

.steps-recognize .list-steps .btn
{
    min-width: 126px;
    padding: 17px;
}

.mission-handicap
{
    padding: 80px 0;
}

.mission-handicap .over
{
    overflow: hidden;

    max-width: 730px;
    margin: 0 auto 40px;
}

.mission-handicap h2
{
    font: 700 30px/36px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    float: right;

    width: 56%;
    margin: 0;
    padding: 0 25px;
}

.section-information
{
    padding: 70px 0 32px;
}

.section-information h2
{
    line-height: 36px;

    margin: 0 0 38px;
}

.section-information .text p
{
    margin: 0;
}

.section-information .text ul li
{
    position: relative;

    margin: 0 0 26px;
    padding-left: 8px;
}

.section-information .text ul li:before
{
    position: absolute;
    top: 8px;
    left: 0;

    width: 3px;
    height: 3px;

    content: '';

    border-radius: 50%;
    background: #000;
}

.section-information .cols
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.section-information .cols .col
{
    width: 50%;
}

.section-information .cols .col:last-child
{
    padding: 22px 15px;
}

.list-facilities li
{
    padding: 40px 0;
}

.list-facilities li:nth-child(even) .center-hold
{
        flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
}

.list-facilities li:nth-child(even) .bluebox
{
    margin: 60px -130px 0 0;
}

.list-facilities li:nth-child(odd) .bluebox
{
    margin: 60px 0 0 -130px;
}

.list-facilities li .center-hold
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 -24px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.list-facilities li .center-hold.box
{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.list-facilities li .img-hold
{
    width: 44%;
    padding: 0 24px;
}

.list-facilities li .img-hold img
{
    width: 100%;
}

.list-facilities li .txt-hold
{
    width: 56%;
    padding: 0 24px;
}

.list-facilities li .txt-hold h3
{
    font: 700 30px/36px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    max-width: 80%;
    margin: 0 0 20px;
}

.list-facilities li .txt-hold .txt
{
    font: 14px/26px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: block;
}

.list-facilities li .bluebox
{
    position: relative;
    z-index: 2;
}

.list-facilities li .bluebox h3
{
    font: 700 22px/24px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
}

.construction
{
    padding: 46px 0 40px;
}

.construction .top-over
{
    margin: 0 0 28px;

    text-align: center;
}

.construction h1
{
    line-height: 1;

    margin: 0;

    text-transform: uppercase;
}

.construction .subtitle
{
    font: 400 14px/26px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: block;

    margin: -5px 0 17px;
}

.construction .link
{
    font: 700 16px/16px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    text-decoration: none;

    color: #000;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.construction .link:hover
{
    color: #a100ff;
}

.construction .link .icon
{
    font-size: 40px;

    margin: 0 0 0 20px;
}

.list-construction li
{
    float: left;

    width: 25%;
}

.list-construction .img-wrap
{
    position: relative;
    z-index: 0;

    width: 100%;
    height: 100%;
}

.list-construction .img-wrap img
{
    width: 100%;
}

.list-construction .img-wrap .title
{
    font-size: 1.4vw;
    font-weight: 700;
    line-height: 1.75vw;

    position: absolute;
    z-index: 2;
    right: 40px;
    bottom: 115px;
    left: 40px;

    display: block;

    min-height: 100px;
    padding: 12px 10px;

    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    word-wrap: break-word;

    background: rgba(255, 255, 255, .9);
}

.list-construction .img-wrap .title:before
{
    display: inline-block;
    overflow: hidden;

    width: 1px;
    height: 100%;
    margin: 0 0 0 -5px;

    content: '';
    vertical-align: middle;
}

.list-construction .img-wrap .title span
{
    display: inline-block;

    vertical-align: middle;
    white-space: normal;
}

.section-inform-blue
{
    padding: 20px 0 40px;
}

.section-inform-blue .hold
{
    max-width: 980px;
}

.section-inform-blue .cols
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 -46px;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.section-inform-blue .cols .col
{
    padding: 0 46px;
}

.section-inform-blue .cols .col:first-child
{
    width: 47%;
}

.section-inform-blue .cols .col:last-child
{
    width: 53%;
}

.section-inform-blue h2
{
    font: 700 30px/36px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    max-width: 90%;
    margin: 0 0 22px;
}

.section-inform-blue .txt-wrap
{
    padding: 28px 0;
}

.section-inform-blue .bluebox
{
    position: relative;
    z-index: 2;

    margin: 40px 0 0 -10vw;
}

.section-inform-blue img
{
    width: 100%;
}

.section-inform-blue img.mobile
{
    display: none;
}

.section-two-bluebox
{
    padding: 20px 0 60px;
}

.section-two-bluebox .hold
{
    max-width: 1170px;
}

.section-two-bluebox .cols
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 -16px;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.section-two-bluebox .cols .col
{
    width: 50%;
    padding: 0 16px;
}

.section-two-bluebox .cols .col:last-child
{
    padding-bottom: 0;
}

.section-two-bluebox .bluebox
{
    padding: 45px 33px 30px;
}

.section-two-bluebox .bluebox h3
{
    font-size: 22px;

    margin: 0 0 22px;
}

.section-two-bluebox .bluebox p
{
    font-weight: 400;

    margin: 0 0 16px;
}

.section-two-bluebox .bluebox p strong
{
    font-weight: 700;
}

.section-inform-white
{
    padding: 40px 0 80px;
}

.section-inform-white .hold
{
    max-width: 980px;
}

.section-inform-white .title
{
    max-width: 90%;
}

.section-inform-white .cols
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 -46px;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.section-inform-white .cols .col
{
    padding: 0 46px;
}

.section-inform-white .cols .col:first-child
{
    width: 40%;
}

.section-inform-white .cols .col:last-child
{
    width: 60%;
}

.section-inform-white h2
{
    font: 700 30px/36px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    max-width: 90%;
    margin: 0 0 22px;
}

.section-inform-white .whitebox
{
    position: relative;
    z-index: 2;

    margin: 40px 0 0 -10vw;
}

.benefits-section
{
    /* .text {
		display: block;
		font: 500 17px/26px $base-font-sans-serif;
	} */
}

.benefits-section .holder
{
    position: relative;
}

.benefits-section .over-color
{
    padding: 80px 0 90px;

    text-align: center;

    color: #fff;
    background: -webkit-linear-gradient(225deg, #7500c0 0%, #460073 100%);
    background:         linear-gradient(225deg, #7500c0 0%, #460073 100%);
}

.benefits-section .over-color .title-section
{
    max-width: 700px;
    margin: 0 auto;
}

.benefits-section .over-img
{
    padding: 78px 0;
}

.benefits-section .annotation
{
    font-size: .973vw;
    line-height: 1.807vw;

    position: absolute;
    z-index: 2;
    top: 95.5%;
    left: 50%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    color: #7a97df;
}

.benefits-section h2
{
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;

    margin-bottom: 0;

    text-align: center;
}

.benefits-section .box-center
{
    position: relative;

    display: inline-block;

    width: 39vw;
    padding: 5vw 5.98vw 4vw;
}

.benefits-section .box-center:after
{
    position: absolute;
    top: 1.5vw;
    right: 1.8vw;
    bottom: 2vw;
    left: 1.8vw;

    content: '';

    background: url(images/lines11.png) no-repeat;
    background-size: 100%;
}

.benefits-section .box-center img
{
    width: 100%;
}

.benefits-section .list-info li
{
    position: absolute;
    z-index: 5;

    width: 15vw;
}

.benefits-section .list-info li.item1
{
    top: -9%;
    left: 50%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
}

.benefits-section .list-info li.item2
{
    top: 6%;
    right: 82%;

    text-align: right;
}

.benefits-section .list-info li.item3
{
    top: 27%;
    right: 93%;

    text-align: right;
}

.benefits-section .list-info li.item4
{
    top: 46%;
    right: 99%;

    text-align: right;
}

.benefits-section .list-info li.item5
{
    top: 65%;
    right: 93%;

    text-align: right;
}

.benefits-section .list-info li.item6
{
    top: 82%;
    right: 81%;

    text-align: right;
}

.benefits-section .list-info li.item7
{
    top: 82%;
    left: 81%;

    text-align: left;
}

.benefits-section .list-info li.item8
{
    top: 65%;
    left: 93%;

    -webkit-transform: translateY(-16%);
        -ms-transform: translateY(-16%);
            transform: translateY(-16%);
    text-align: left;
}

.benefits-section .list-info li.item9
{
    top: 46%;
    left: 99%;

    text-align: left;
}

.benefits-section .list-info li.item10
{
    top: 27%;
    left: 93%;

    text-align: left;
}

.benefits-section .list-info li.item11
{
    top: 6%;
    left: 82%;

    text-align: left;
}

.benefits-section .list-info .text
{
    font-size: .973vw;
    line-height: 1.807vw;

    display: block;

    color: #fff;
}

.benefits-section .over-button
{
    margin-top: -10px;

    text-align: left;
}

.benefits-section .over-button .holder
{
    max-width: 1200px;
}

.benefits-section .over-button .cols
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.benefits-section .over-button .cols .col
{
    width: 50%;
    padding: 0 110px;
}

.benefits-section .over-button .cols .col:nth-child(even)
{
    border-left: 1px solid #fff;
}

.benefits-section .over-button .text
{
    font: 600 16px/27px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: block;

    margin: 0 0 12px;
}

.benefits-section .over-button .btn
{
    min-width: 164px;
    padding: 17px 10px;
}

.banner-gallery
{
    height: 0;

    opacity: 0;
}

.banner-gallery .slide
{
    z-index: -10;

    height: 0;

    opacity: 0;
}

.home.slider-active
{
    position: fixed;

    overflow: hidden !important;

    width: 100%;
    height: 100%;
}

.home.slider-active #header
{
    opacity: 0;
}

.home.slider-active .banner
{
    background-color: #000;
    background-image: none;
}

.home.slider-active .banner-gallery
{
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    opacity: 1;
}

.home.slider-active .banner-gallery .pagination
{
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 18vh;
    left: 0;
}

.home.slider-active .banner-gallery .pagination ul
{
    max-width: 980px;
    margin: 0 auto;
}

.home.slider-active .banner-gallery .pagination ul li
{
    display: inline-block;

    margin: 0 5px;

    vertical-align: middle;
    text-indent: -9999px;
}

.home.slider-active .banner-gallery .pagination ul li:only-child
{
    display: none;
}

.home.slider-active .banner-gallery .pagination ul li.active a
{
    border-color: #fff;
    background: #fff;
    box-shadow: none;
}

.home.slider-active .banner-gallery .pagination ul li a
{
    display: block;

    width: 10px;
    height: 10px;

    text-decoration: none;

    border: 1px solid #ccc;
    border-radius: 50%;
    outline: none;
    background: transparent;
    box-shadow: 0 0 7px -2px rgba(0, 0, 0, .6);
}

.home.slider-active .banner-gallery .slide
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    opacity: 1;
    background-position: 50% 50%;
    background-size: cover;
}

.home.slider-active .banner-gallery .slide.active
{
    z-index: 4;
}

.home.slider-active .banner-gallery .hold
{
    position: relative;

    height: 100vh;
    padding: 180px 0;
}

.home.slider-active .banner-gallery .hold .over
{
    position: absolute;
    top: 50%;
    left: 0;

    max-width: 540px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.home.slider-active .banner-gallery .hold .logo-banner
{
    margin: 0 0 40px;
}

.home.slider-active .banner-gallery .hold .logo-banner img
{
    width: 100%;
}

.home.slider-active .banner-gallery .hold .banner-info
{
    font: 700 16px/25px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    width: 75%;

    color: #fff;
}

.home.slider-active .banner-gallery .anchor-link
{
    font-size: 43px;
    line-height: 0;

    position: absolute;
    z-index: 20;
    bottom: 50px;
    left: 50%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    text-decoration: none;

    color: #fff;
}

.home.slider-active .banner-gallery .anchor-link:hover
{
    color: #a100ff;
}

.home.slider-active .banner-gallery.not-enough-slides .btn-prev,
.home.slider-active .banner-gallery.not-enough-slides .btn-next
{
    visibility: hidden;
}

.banner
{
    background-position: 50% 50%;
    background-size: cover;
}

.banner .hold
{
    position: relative;

    height: 100vh;
    padding: 180px 0;
}

.banner .hold .over
{
    position: absolute;
    top: 50%;
    left: 0;

    max-width: 445px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.banner .hold .logo-banner
{
    margin: 0 0 40px;
}

.banner .hold .banner-info
{
    font: 700 16px/25px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    color: #fff;
}

.banner .hold .anchor-link
{
    font-size: 43px;
    line-height: 0;

    position: absolute;
    bottom: 50px;
    left: 50%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    text-decoration: none;

    color: #fff;
}

.banner .hold .anchor-link:hover
{
    color: #a100ff;
}

.ideas
{
    padding: 50px 0;
}

.ideas .holder
{
    max-width: 760px;
}

.ideas h2
{
    font-weight: 900;
    line-height: 65px;

    margin: 0 0 34px;

    text-transform: uppercase;
}

.ideas .list-ideas
{
    margin: 0 -15px;
}

.ideas .list-ideas li
{
    float: left;

    width: 50%;
    margin: 0 0 52px;
    padding: 0 15px;
}

.ideas .list-ideas .num
{
    font-size: 50px;
    font-weight: 800;
    line-height: 1;

    position: relative;

    display: inline-block;

    margin: 0 0 18px;
}

.ideas .list-ideas .num:after
{
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 20px;

    width: 70px;
    height: 68px;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background: url(images/fill.png) no-repeat;
}

.ideas .list-ideas .text
{
    font: 18px/22px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: block;
}

.ideas .btn
{
    min-width: 140px;
    padding: 22px 10px;
}

.banner-small
{
    position: relative;
    z-index: 0;

    overflow: hidden;

    padding: 40px 0;

    background: -webkit-linear-gradient(left, #7500c0 0%, #460073 100%);
    background:         linear-gradient(to right, #7500c0 0%, #460073 100%);
}

.banner-small:after
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    background: url(images/clip.png) no-repeat;
    background-position: 43.5% 0;
}

.banner-small .holder
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 900px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.banner-small h2
{
    font: 900 66px/60px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    width: 50%;
    margin: 0;

    text-transform: uppercase;

    color: #fff;
}

.indicators
{
    padding: 80px 0 55px;
}

.indicators h2
{
    font: 900 26px/56px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    margin: 0 0 56px;

    text-transform: uppercase;
}

.indicators h2 span
{
    font-size: 77px;

    display: block;
}

.indicators .list-indicators
{
    padding: 0 35px;
}

.indicators .list-indicators li
{
    float: left;

    width: 33.333%;
    margin: 0 0 32px;
    padding: 0 10px;

    text-align: center;
}

.indicators .list-indicators li img
{
    margin: 0 0 25px;
}

.indicators .list-indicators li .title
{
    display: block;

    margin: 0 0 3px;
}

.indicators .list-indicators li .title.small
{
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

.indicators .list-indicators li .title.big
{
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
}

.indicators .list-indicators li .txt
{
    font-size: 15px;
    line-height: 20px;

    display: block;
}

.blocks-section
{
    padding-bottom: 50px;
}

.blocks-section .blocks
{
    overflow: hidden;
}

.blocks-section .blocks li
{
    float: left;

    padding: 10px;
}

.blocks-section .blocks li.small
{
    width: 33.333%;
}

.blocks-section .blocks li.small .over
{
    max-width: 235px;
}

.blocks-section .blocks li.middle
{
    width: 50%;
}

.blocks-section .blocks li.big
{
    width: 66.666%;
}

.blocks-section .item-block
{
    position: relative;

    min-height: 353px;

    background-position: 50% 50%;
    background-size: cover;
}

.blocks-section .over
{
    position: absolute;
    bottom: 30px;
    left: 30px;

    max-width: 304px;
    padding: 25px;

    background: rgba(255, 255, 255, .9);
}

.blocks-section .over h3
{
    font: 700 30px/30px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    text-transform: uppercase;
}

.blocks-section .over .link
{
    font: 700 16px/16px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    text-decoration: none;

    color: #000;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blocks-section .over .link:hover
{
    color: #a100ff;
}

.blocks-section .over .link .icon
{
    font-size: 40px;

    margin: 0 0 0 20px;
}

.quizz-carousel
{
    position: relative;
}

.quizz-carousel .mask
{
    position: relative;

    overflow: hidden;

    width: 100%;
}

.quizz-carousel .slideset
{
    float: left;

    width: 99999px;
}

.quizz-carousel .slide-quizz
{
    float: left;

    width: 100%;
}

.quizz-carousel .box
{
    padding: 35px;
}

.quizz-carousel .box h3
{
    position: relative;

    margin: 0 0 30px;
    padding-left: 50px;

    color: #fff;
}

.quizz-carousel .box h3.correct
{
    display: none;
}

.quizz-carousel .box h3.correct:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 38px;
    height: 38px;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background: url(images/check.png) no-repeat;
}

.quizz-carousel .box h3.wrong
{
    display: none;
}

.quizz-carousel .box h3.wrong:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 38px;
    height: 46px;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background: url(images/info.png) no-repeat;
}

.quizz-carousel .box.yes
{
    color: #000;
    background: #00d700;
}

.quizz-carousel .box.yes h3.correct
{
    display: block;
}

.quizz-carousel .box.no
{
    color: #fff;
    background: #bd001d;
}

.quizz-carousel .box.no h3.wrong
{
    display: block;
}

.quizz-carousel .hold
{
    max-width: 1060px;
}

.quizz-carousel .top
{
    padding: 28px 0 16px;

    border-bottom: 1px solid #e6e6e6;
}

.quizz-carousel .top .hold
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.quizz-carousel .top .right
{
    line-height: 1;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.quizz-carousel .top .txt
{
    font-size: 15px;

    margin: 0 5px 0 0;
}

.quizz-carousel .top .current-num
{
    font-size: 19px;
    font-weight: 500;
}

.quizz-carousel .top .total-num
{
    font-size: 19px;
}

.quizz-carousel .top .close
{
    font-size: 35px;
    line-height: 1;

    margin-left: 30px;

    text-decoration: none;

    color: #000;
}

.quizz-carousel .top .close:hover
{
    color: #a100ff;
}

.quizz-carousel .progress
{
    height: 10px;

    background: -webkit-linear-gradient(right, #7500c0 0%, #460073 100%);
    background:         linear-gradient(270deg, #7500c0 0%, #460073 100%);
}

.item-question,
.quizz-last
{
    padding: 86px 0;
}

.item-question .block,
.quizz-last .block
{
    max-width: 540px;
}

.item-question .title,
.item-question .txt,
.quizz-last .title,
.quizz-last .txt
{
    font: 700 30px/36px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: block;

    margin: 0 0 30px;
}

.item-question .btn,
.quizz-last .btn
{
    font-weight: 700;
}

.item-question .box,
.quizz-last .box
{
    font: 500 17px/22px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: none;
}

.item-question .over-next,
.quizz-last .over-next
{
    display: none;

    text-align: right;
}

.item-question .over-btn .btn,
.quizz-last .over-btn .btn
{
    min-width: 160px;
}

.item-question .over-btn .btn:first-child,
.quizz-last .over-btn .btn:first-child
{
    margin-right: 27px;
}

.item-question.answered .box,
.quizz-last.answered .box
{
    display: block;

    margin-bottom: 45px;
}

.item-question.answered .over-next,
.quizz-last.answered .over-next
{
    display: block;
}

.item-question.answered .over-btn,
.quizz-last.answered .over-btn
{
    display: none;
}

.quizz-last
{
    padding: 60px 0;
}

.quizz-last .title
{
    margin: 0 0 18px;

    color: #a100ff;
}

.quizz-last .over-btn
{
    margin: 0 0 40px;
}

.quizz-last .over-btn .btn
{
    min-width: 234px;
    margin: 0 !important;
}

.quizz-last .img-wrap
{
    margin: 0 0 10px;
}

.quizz-last .txt p
{
    color: #000 !important;
}

.quizz-last .link
{
    font: 700 16px/16px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    text-decoration: none;

    color: #000;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.quizz-last .link:hover
{
    color: #a100ff;
}

.quizz-last .link .icon
{
    font-size: 40px;

    margin: 0 0 0 20px;
}

.holder
{
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 30px;
}

.hold
{
    max-width: 980px;
    margin: 0 auto;
    padding: 0 30px;
}

#wrapper
{
    position: relative;

    overflow: hidden;

    max-width: 100%;
}

@media (min-width: 768px)
{
    .commentlist-item .commentlist-item
    {
        padding: 0 0 0 2em;
    }

    .banner-flex.not-image + .page-content-flex
    {
        padding-top: 0;
    }
}

@media (min-width: 1441px)
{
    .family-section .box-center
    {
        width: 562px;
        margin-top: -106px;
        padding: 115px 86px 70px;
    }

    .family-section .list-info li
    {
        width: 260px;
    }

    .family-section .list-info h3
    {
        font-size: 22px;
        line-height: 24px;

        margin: 0 0 10px;
    }

    .family-section .list-info .text
    {
        font-size: 14px;
        line-height: 26px;
    }

    .list-construction .img-wrap .title
    {
        font: 700 20px/25px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    }

    .benefits-section .annotation
    {
        font-size: 12px;
    }

    .benefits-section .box-center
    {
        width: 562px;
        padding: 70px 86px;
    }

    .benefits-section .list-info li
    {
        width: 240px;
    }

    .benefits-section .list-info .text
    {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (max-width: 1439px)
{
    .family-section .list-info li.item6
    {
        top: 25%;
    }

    .family-section .list-info li.item7
    {
        top: -6%;
    }
}

@media (max-width: 1199px)
{
    #nav .navigation
    {
        font-size: 14px;
        line-height: 16px;
    }

    .benefits-section .over-button .cols .col
    {
        padding: 0 50px;
    }

    .home.slider-active .banner-gallery .pagination ul
    {
        padding: 0 35px;
    }

    .home.slider-active .banner-gallery .hold .over
    {
        padding: 0 35px;
    }

    .banner .hold .over
    {
        padding: 0 35px;
    }
}

@media (max-width: 1023px)
{
    .home #header
    {
        position: relative;

        padding: 8px 0;
    }

    .home #header .btn
    {
        color: #fff;
        background: -webkit-linear-gradient(315deg, #7500c0 0%, #460073 100%);
        background:         linear-gradient(135deg, #7500c0 0%, #460073 100%);
    }

    .home #header .btn:hover
    {
        background: -webkit-linear-gradient(315deg, #460073 0%, #7500c0 100%);
        background:         linear-gradient(135deg, #460073 0%, #7500c0 100%);
    }

    .home #header .logo
    {
        visibility: visible;

        opacity: 1;
    }

    .home #nav .navigation a
    {
        color: #000;
    }

    #header
    {
        position: relative;

        padding: 8px 0;
    }

    #header .holder
    {
        padding-left: 70px;
    }

    #header .btn
    {
        font-size: 11px;
        line-height: 11px;

        min-width: 136px;
        max-width: 136px;
        margin-right: 8px;
        padding: 15px 10px;
    }

    #nav
    {
        position: absolute;
        z-index: 10;
        top: 100%;
        right: 0;
        left: 0;

        display: none;

        max-width: none;
    }

    #nav .navigation
    {
        font-size: 18px;
        line-height: 18px;

        display: block;
    }

    #nav .navigation li
    {
        margin: 0 -10px;

        text-align: left;

        border-bottom: 1px solid #ccc;
    }

    #nav .navigation li:first-child
    {
        border-top: 1px solid #ccc;
    }

    #nav .navigation a
    {
        position: relative;

        display: block;

        padding: 21px 28px 20px;
    }

    #nav .navigation a:after
    {
        font-family: 'icomoon';
        font-size: 22px;

        position: absolute;
        top: 50%;
        right: 20px;

        content: '\e90c';
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);

        color: inherit;
    }

    .logo
    {
        display: inline-block;

        max-width: 102px;
        margin: 0;

        vertical-align: middle;
    }

    .nav-opener
    {
        position: absolute;
        top: 50%;
        left: 24px;

        display: block;

        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    .nav-active .nav-opener span
    {
        display: none;
    }

    .nav-active .nav-opener:before
    {
        top: 7px;

        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
    }

    .nav-active .nav-opener:after
    {
        top: 7px;

        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }

    .nav-active #nav
    {
        display: block;

        padding-bottom: 50px;

        background: #fff;
    }

    .nav-active .logo
    {
        visibility: hidden;

        opacity: 0;
    }

    .nav-active #header .btn
    {
        visibility: hidden;

        opacity: 0;
    }

    .breadcrumbs-section .hold
    {
        padding: 0 30px;
    }

    .related-section .list-releted
    {
        margin: 0 -5px;
    }

    .related-section .list-releted li
    {
        padding: 5px;
    }

    .related-section .list-releted .box-releted
    {
        padding: 15px;
    }

    .related-section .list-releted .box-releted h3
    {
        font-size: 17px;
        line-height: 25px;
    }

    .related-section .list-releted .over
    {
        right: 15px;
        bottom: 15px;
        left: 15px;

        padding: 15px;
    }

    .family-section h2.h1
    {
        line-height: 50px;
    }

    .family-section .list-info h3
    {
        font-size: 1.8vw;
        line-height: 2.3vw;
    }

    .family-section .list-info .text
    {
        font-size: 1.3vw;
        line-height: 1.8vw;
    }

    .advice-style01 .img-wrap
    {
        margin: 0;
    }

    .advice-style03 .cols .col:first-child
    {
        width: 50%;
    }

    .advice-style03 .cols .col:last-child
    {
        width: 50%;
    }

    .list-construction .img-wrap .title
    {
        right: 25px;
        bottom: 50px;
        left: 25px;
    }

    .benefits-section .over-color
    {
        padding: 60px 0;
    }

    .benefits-section h2
    {
        font-size: 26px;
        line-height: 32px;
    }

    .benefits-section .list-info li
    {
        width: 18.5vw;
    }

    .benefits-section .list-info li.item1
    {
        width: 16vw;
    }

    .benefits-section .list-info .text
    {
        font-size: 1.12vw;
        line-height: 1.8vw;
    }

    .benefits-section .over-button
    {
        margin-top: 0;
    }

    .home.slider-active .banner-gallery .hold
    {
        height: calc(100vh - 65px);
        min-height: 560px;
    }

    .home.slider-active .banner-gallery .anchor-link
    {
        bottom: 34px;
    }

    .banner .hold
    {
        height: calc(100vh - 65px);
        min-height: 560px;
    }

    .banner .hold .anchor-link
    {
        bottom: 34px;
    }

    .ideas h2
    {
        font-size: 44px;
        line-height: 50px;

        margin: 0 0 28px;
    }

    .ideas .list-ideas .text
    {
        font-size: 16px;
    }

    .indicators
    {
        padding: 27px 0 0;
    }

    .indicators h2
    {
        font-size: 16px;
        line-height: 34px;

        margin: 0 0 18px;
        padding: 0 20px;
    }

    .indicators h2 span
    {
        font-size: 44px;
    }

    .indicators .list-indicators
    {
        padding: 0;
    }

    .blocks-section .blocks li.small
    {
        width: 50%;
    }

    .blocks-section .blocks li.small .over
    {
        max-width: 290px;
    }

    .blocks-section .blocks li.big
    {
        width: 50%;
    }

    .blocks-section .over
    {
        max-width: 290px;
    }
}

@media (max-width: 767px)
{
    .navigation .page-numbers,
    .navigation-comments .page-numbers
    {
        padding: 0 3px;
    }

    .navigation .next,
    .navigation .prev,
    .navigation-comments .next,
    .navigation-comments .prev
    {
        padding: .2em;
    }

    .navigation-single .next a,
    .navigation-single .prev a
    {
        padding: .2em;
    }

    #header .holder
    {
        padding: 0 25px 0 70px;
    }

    #header .btn
    {
        margin-right: 0;
    }

    .back-to-top
    {
        display: block;
    }

    .footer .holder
    {
        padding: 30px 25px;
    }

    .footer .footer-nav
    {
        margin: 0 0 6px;
    }

    .footer .footer-nav-second
    {
        margin: 0 0 18px;
    }

    .footer .footer-nav-second li
    {
        margin: 0 10px;
    }

    .footer-quizz
    {
        font-size: 12px;
    }

    .footer-quizz .holder
    {
            flex-direction: column;

        padding: 30px 25px;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }

    .footer-quizz .copyright
    {
        font-size: 12px;
    }

    .footer-quizz .design
    {
        font-size: 12px;
    }

    .error404 .banner-flex.inn .title.inn
    {
        font-size: 37px;
    }

    .error404 .banner-flex.inn .title.inn span
    {
        font-size: 21px;
    }

    .page-template-default .content-section h1
    {
        font-size: 44px;
        line-height: 51px;

        margin: 0 0 30px;

        text-align: center;
    }

    .page-template-default .content-section h3
    {
        font-size: 20px;

        margin: 0 0 16px;
    }

    .page-template-default .content-section .subtitle
    {
        font-size: 20px;

        margin: 0 0 64px;
    }

    .breadcrumbs-section
    {
        display: none;
    }

    .section-plan h1
    {
        font-size: 44px;
        line-height: 51px;

        margin: 0 0 30px;

        text-align: center;
    }

    .section-plan .plansite
    {
        -webkit-columns: 1;
                columns: 1;
    }

    .banner-flex .hold
    {
        min-height: 200px;
    }

    .banner-flex .over
    {
        bottom: 20px;
    }

    .banner-flex + .page-content-flex.narrow
    {
        padding-top: 50px;
    }

    .banner-flex.not-image .title
    {
        font-size: 29px;
        line-height: 33px;
    }

    .banner-flex.not-image .title:after
    {
        width: 194px;
        height: 200px;

        background-size: 100%;
    }

    .banner-flex.not-image + .page-content-flex.narrow
    {
        padding-top: 50px;
    }

    .banner-flex .title
    {
        font-size: 46px;
        line-height: 53px;
    }

    .banner-flex .title br
    {
        display: inline-block;
    }

    .banner-flex .title span.subtitle
    {
        font-size: 16px;

        margin-top: -16px;
    }

    .banner-flex .title.inn
    {
        font-size: 37px;
    }

    .banner-flex .title.inn span
    {
        font-size: 21px;
    }

    .banner-flex .title:after
    {
        right: -40px;

        width: 197px;
        height: 200px;

        background-size: 100%;
    }

    .page-template-template-contact #content
    {
        font-size: 16px;
    }

    .block-direction
    {
        padding: 0;
    }

    .block-direction .cols .col
    {
        width: 100%;
    }

    .block-direction .item-person
    {
        max-width: 375px;
    }

    .block-direction .item-person.inn .over-inf
    {
        margin: 0 0 0 44px;
    }

    .block-direction .item-person .over-inf
    {
        margin: 0;
    }

    .block-direction .item-person .over-inf .tel,
    .block-direction .item-person .over-inf .mail
    {
        font-size: 14px;
    }

    .error404 .content-section .over
    {
        margin: 0 auto;

        text-align: center;
    }

    .error404 .content-section .btn
    {
        display: block;
    }

    .related-section h2
    {
        margin: 0 0 20px;

        text-align: center;
    }

    .related-section .holder
    {
        padding: 26px 30px 65px;
    }

    .related-section .holder:after
    {
        right: 0;
        left: 0;
    }

    .related-section .list-releted
    {
        margin: 0 -35px;
    }

    .related-section .list-releted li
    {
        width: 100%;
    }

    .related-section .list-releted .box-releted
    {
        min-height: 220px;
        padding: 30px;
    }

    .related-section .list-releted .over
    {
        right: 40px;
        bottom: 30px;
        left: 40px;

        padding: 25px;
    }

    .bluebox-holder
    {
        padding: 0 0 45px;
    }

    .bluebox-holder .hold
    {
        padding: 0;
    }

    .whitebox-holder
    {
        padding: 0;
    }

    .whitebox-holder .hold
    {
        padding: 0 13px;
    }

    .imagebox .hold
    {
        padding: 0;
    }

    .bluebox
    {
        padding: 35px 25px;
    }

    .bluebox h2
    {
        margin-bottom: 20px;
    }

    .whitebox
    {
        padding: 38px 10px;
    }

    .whitebox h2
    {
        margin: 0 0 20px;
    }

    .list-boxes.inn li
    {
        padding: 15px 0;
    }

    .list-boxes li
    {
        padding: 15px 0;
    }

    .list-boxes li:nth-child(even) .center-hold .txt-hold
    {
        padding: 0 20px 0 0;
    }

    .list-boxes li .over-info:before
    {
        top: 15px;

        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }

    .list-boxes li .center-hold
    {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .list-boxes li .center-hold .img-hold
    {
        width: 80px;
    }

    .list-boxes li .center-hold .txt-hold
    {
        width: calc(100% - 80px);
        padding: 10px 0 0 20px;
    }

    .list-boxes li .center-hold .txt-hold.inn
    {
        padding-top: 0;
    }

    .list-boxes .num
    {
        margin-bottom: 16px;
        padding-top: 9px;
    }

    .list-boxes .title
    {
        font-size: 18px;
        line-height: 24px;
    }

    .our-ideas .ideas-list li
    {
        margin: 0 0 70px;
    }

    .our-ideas .ideas-list li:last-child
    {
        margin: 0 0 40px;
    }

    .our-ideas .ideas-list .item-idea
    {
        position: relative;

        display: block;
        overflow: visible;
    }

    .our-ideas .ideas-list .item-idea img
    {
        position: absolute;
        top: -42px;
        right: 0;

        width: 118px;
    }

    .our-ideas .ideas-list .item-idea .txt-wrap
    {
        width: 100%;
    }

    .our-ideas .ideas-list .item-idea .title
    {
        margin: 0 0 50px;
    }

    .our-ideas .ideas-list .item-idea .num
    {
        margin: 0 0 10px;
    }

    .family-section .over-color
    {
        padding: 48px 0 54px;
    }

    .family-section .over-color .title-section
    {
        width: 100%;
    }

    .family-section .over-img
    {
        padding: 16px 0 0;
    }

    .family-section .over-white
    {
        padding: 50px 0 0;
    }

    .family-section .full-info .item
    {
        width: 100%;
        margin: 0;
    }

    .family-section .full-info .title
    {
        margin: 0 0 10px;
    }

    .family-section h2.h1
    {
        font-size: 39px;
        line-height: 1;

        margin: 0 0 16px;
    }

    .family-section h2.h1 span
    {
        font-size: 19px;

        display: block;
    }

    .family-section .box-center
    {
        width: 100%;
        margin-top: 0;
        padding: 0;
    }

    .family-section .box-center:after
    {
        display: none;
    }

    .family-section .box-center img
    {
        width: 51vw;
    }

    .family-section .box-center .box-img
    {
        margin: 0 0 20px;

        text-align: center;
    }

    .family-section .list-info li
    {
        position: static;

        width: 100%;
        margin: 0 0 21px;
    }

    .family-section .list-info li.item1
    {
        text-align: left;
    }

    .family-section .list-info li.item2
    {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
        text-align: left;
    }

    .family-section .list-info li.item3
    {
        text-align: left;
    }

    .family-section .list-info li.item5
    {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }

    .family-section .list-info h3
    {
        font-size: 22px;
        line-height: 24px;
    }

    .family-section .list-info h3 br
    {
        display: none;
    }

    .family-section .list-info .text
    {
        font-size: 14px;
        line-height: 26px;
    }

    .banner-flex.not-image + .page-content-flex
    {
        padding: 10px 0 10px;
    }

    .page-content-flex #content
    {
        font-size: 16px;
    }

    .page-template-template-organisation .page-content-flex
    {
        padding-bottom: 0;
    }

    .page-template-template-organisation .whitebox-holder,
    .page-template-template-organisation .bluebox-holder
    {
        padding: 0 0 50px;
    }

    .advice-style01 .cols
    {
        display: block;
    }

    .advice-style01 .cols .col
    {
        width: 100%;
    }

    .advice-style01 h2
    {
        margin: 0 0 10px;
    }

    .advice-style01 .subtitle
    {
        margin: 0 0 12px;
    }

    .advice-style01 .img-wrap
    {
        margin: 0 0 14px;

        text-align: left;
    }

    .advice-style01 .img-wrap img
    {
        width: 80px;
    }

    .advice-style02 .title
    {
        max-width: none;
    }

    .advice-style02 .holder
    {
        padding: 36px 30px 0;
    }

    .advice-style02 .holder:after
    {
        right: -50px;
        left: -50px;
    }

    .advice-style02 .columns
    {
        display: block;

        margin: 0 -45px;
    }

    .advice-style02 .columns .col
    {
        width: 100%;
        margin-bottom: 20px;
    }

    .advice-style02 .columns .col:last-child
    {
        margin-bottom: 0;
    }

    .advice-style02 .item-block
    {
        min-height: 220px;
    }

    .advice-style03
    {
        padding: 40px 0;
    }

    .advice-style03 .cols
    {
        display: block;

        margin: 0 -45px;
    }

    .advice-style03 .cols .col:first-child
    {
        width: 100%;
    }

    .advice-style03 .cols .col:last-child
    {
        width: 100%;
        padding: 20px 42px;
    }

    .advice-style03 h2
    {
        margin: 0 0 14px;
    }

    .advice-style03 .text
    {
        margin: 0 0 18px;
    }

    .page-content.inn #content
    {
        font-size: 16px;
    }

    .page-content span.info
    {
        font-size: 16px;
    }

    .steps-recognize
    {
        padding: 44px 0 28px;
    }

    .steps-recognize .list-steps
    {
        margin: 0 -30px;
    }

    .steps-recognize .list-steps .col
    {
        padding: 0 30px;
    }

    .steps-recognize .list-steps .img-wrap
    {
        margin: 0 0 20px;
    }

    .steps-recognize .list-steps .img-wrap:after
    {
        left: 92%;
    }

    .steps-recognize .list-steps .info
    {
        margin: 0;
    }

    .steps-recognize .list-steps .btn
    {
        margin-bottom: 10px;
    }

    .list-steps
    {
        position: relative;
    }

    .list-steps .mask
    {
        position: relative;

        overflow: hidden;

        width: 100%;
    }

    .list-steps .slideset
    {
        float: left;

        width: 99999px;
    }

    .list-steps .slide
    {
        float: left;

        width: 100%;
    }

    .list-steps .pagination
    {
        text-align: center;
    }

    .list-steps .pagination ul
    {
        display: inline-block;

        vertical-align: top;
    }

    .list-steps .pagination ul li
    {
        display: inline-block;

        margin: 0 5px;

        vertical-align: middle;
        text-indent: -9999px;
    }

    .list-steps .pagination ul li.active a
    {
        border-color: #fff;
        background: #fff;
    }

    .list-steps .pagination ul li a
    {
        display: block;

        width: 10px;
        height: 10px;

        text-decoration: none;

        border: 1px solid #959cc4;
        border-radius: 50%;
        outline: none;
        background: transparent;
    }

    .mission-handicap
    {
        padding: 53px 0 15px;
    }

    .mission-handicap .over
    {
        margin-bottom: 20px;
    }

    .mission-handicap h2
    {
        width: 100%;
        padding: 0;
    }

    .section-information
    {
        padding: 48px 0 0;
    }

    .section-information h2
    {
        font-size: 24px;
        line-height: 30px;

        margin: 0 0 19px;
    }

    .section-information .text ul li:last-child
    {
        margin: 0 0 10px;
    }

    .section-information .img-wrap
    {
        margin: 0 -30px;
    }

    .section-information img
    {
        width: 100%;
    }

    .section-information .cols
    {
        display: block;
    }

    .section-information .cols .col
    {
        width: 100%;
    }

    .section-information .cols .col:last-child
    {
        padding: 35px 0 0;
    }

    .list-facilities li
    {
        padding: 14px 0;
    }

    .list-facilities li:first-child
    {
        padding-top: 5px;
    }

    .list-facilities li:nth-child(even) .bluebox
    {
        margin: 20px -30px 0;
    }

    .list-facilities li:nth-child(odd) .bluebox
    {
        margin: 0;
    }

    .list-facilities li .center-hold
    {
        display: block;

        margin: 0 -30px;
    }

    .list-facilities li .img-hold
    {
        width: 100%;
        padding: 0;
    }

    .list-facilities li .txt-hold
    {
        width: 100%;
        padding: 23px 30px;
    }

    .list-facilities li .bluebox h3
    {
        margin-bottom: 20px;
    }

    .construction
    {
        padding: 5px 0;
    }

    .construction h1
    {
        font-size: 32px;

        margin-bottom: 10px;
    }

    .list-construction li
    {
        width: 100%;
    }

    .list-construction .img-wrap .title
    {
        font: 700 20px/25px 'Graphik', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

        right: 50px;
        bottom: 38px;
        left: 50px;

        padding: 25px 10px;
    }

    .section-inform-blue .cols
    {
        display: block;
    }

    .section-inform-blue .cols .col:first-child
    {
        width: 100%;
    }

    .section-inform-blue .cols .col:last-child
    {
        width: 100%;
    }

    .section-inform-blue .txt-wrap
    {
        padding: 22px 0;
    }

    .section-inform-blue .bluebox
    {
        margin: 22px -30px 0;
    }

    .section-inform-blue .img-wrap
    {
        margin: 0 -30px;
    }

    .section-inform-blue img.desktop
    {
        display: none;
    }

    .section-inform-blue img.mobile
    {
        display: inline-block;
    }

    .section-two-bluebox
    {
        padding: 20px 0 0;
    }

    .section-two-bluebox .cols
    {
        display: block;

        margin: 0 -45px;
    }

    .section-two-bluebox .cols .col
    {
        width: 100%;
        padding: 15px;
    }

    .section-two-bluebox .bluebox
    {
        padding: 35px 27px 20px;
    }

    .section-inform-white
    {
        padding: 20px 0 50px;
    }

    .section-inform-white .title
    {
        max-width: none;
    }

    .section-inform-white .cols
    {
        display: block;
    }

    .section-inform-white .cols .col:first-child
    {
        width: 100%;
    }

    .section-inform-white .cols .col:last-child
    {
        width: 100%;
    }

    .section-inform-white h2
    {
        max-width: none;
    }

    .section-inform-white .whitebox
    {
        margin: 22px -15px 0;
    }

    .section-inform-white .img-wrap
    {
        max-width: 100px;
        margin: 0 0 22px;
    }

    .benefits-section .over-color
    {
        padding: 48px 0 54px;
    }

    .benefits-section .over-color .title-section
    {
        width: 100%;
    }

    .benefits-section .over-img
    {
        padding: 38px 0 0;
    }

    .benefits-section .annotation
    {
        font-size: 12px;

        position: static;
        top: auto;
        left: auto;

        display: block;

        margin: 0 0 40px;

        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }

    .benefits-section h2
    {
        font-size: 22px;
        line-height: 30px;

        margin: 0 0 16px;
    }

    .benefits-section .box-center
    {
        width: 100%;
        padding: 0;
    }

    .benefits-section .box-center:after
    {
        display: none;
    }

    .benefits-section .box-center img
    {
        width: 51vw;
    }

    .benefits-section .box-center .box-img
    {
        margin: 0 0 3px;

        text-align: center;
    }

    .benefits-section .list-info li
    {
        position: static;

        width: 100%;
        margin: 0 0 21px;
    }

    .benefits-section .list-info li.item1
    {
        width: 100%;

        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
        text-align: left;
    }

    .benefits-section .list-info li.item2
    {
        text-align: left;
    }

    .benefits-section .list-info li.item3
    {
        text-align: left;
    }

    .benefits-section .list-info li.item4
    {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
        text-align: left;
    }

    .benefits-section .list-info li.item5
    {
        text-align: left;
    }

    .benefits-section .list-info li.item6
    {
        text-align: left;
    }

    .benefits-section .list-info li.item8
    {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }

    .benefits-section .list-info .text
    {
        font-size: 16px;
        line-height: 22px;
    }

    .benefits-section .over-button
    {
        padding: 20px 0;
    }

    .benefits-section .over-button .cols .col
    {
        width: 100%;
        margin: 0 0 40px;
        padding: 0;
    }

    .benefits-section .over-button .cols .col:nth-child(even)
    {
        border: none;
    }

    .benefits-section .over-button .cols .col:last-child
    {
        margin: 0;
    }

    .benefits-section .over-button .text
    {
        height: auto !important;
    }

    .benefits-section .over-button .btn
    {
        width: 100%;
    }

    .home.slider-active .banner-gallery .pagination
    {
        bottom: 130px;
        left: 50%;

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        text-align: center;
    }

    .home.slider-active .banner-gallery .pagination ul
    {
        display: inline-block;
    }

    .home.slider-active .banner-gallery .hold
    {
        min-height: 0;
    }

    .home.slider-active .banner-gallery .hold .banner-info
    {
        width: 100%;
    }

    .home.slider-active .banner-gallery .anchor-link
    {
        bottom: 125px;
    }

    .ideas
    {
        padding: 40px 0 65px;

        text-align: center;
    }

    .ideas h2
    {
        text-align: center;
    }

    .ideas .list-ideas li
    {
        width: 100%;
        margin: 0 0 42px;

        text-align: center;
    }

    .ideas .list-ideas li:last-child
    {
        margin: 0 0 30px;
    }

    .banner-small
    {
        padding: 24px 0 30px;
    }

    .banner-small:after
    {
        display: none;
    }

    .banner-small .holder
    {
        display: block;

        padding: 0 35px;
    }

    .banner-small .over-btn
    {
        text-align: center;
    }

    .banner-small h2
    {
        font-size: 44px;
        line-height: 45px;

        position: relative;

        margin: 0 0 25px;
    }

    .banner-small h2:after
    {
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 35%;

        width: 197px;
        height: 201px;

        content: '';
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);

        background: url(images/clip-yellow.png) no-repeat;
        background-size: 100%;
    }

    .indicators .list-indicators li
    {
        width: 50%;
        margin: 0 0 25px;
    }

    .indicators .list-indicators li img
    {
        width: 55px;
        margin: 0 0 10px;
    }

    .indicators .list-indicators li .title.small
    {
        font-size: 16px;
    }

    .indicators .list-indicators li .title.big
    {
        font-size: 32px;
    }

    .indicators .list-indicators li .txt
    {
        font-size: 12px;
    }

    .blocks-section
    {
        padding-bottom: 0;
    }

    .blocks-section .blocks
    {
        margin: 0 -15px;
    }

    .blocks-section .blocks li
    {
        padding: 0 0 10px;
    }

    .blocks-section .blocks li:last-child
    {
        padding: 0;
    }

    .blocks-section .blocks li.small
    {
        width: 100%;
    }

    .blocks-section .blocks li.small .over
    {
        max-width: 304px;
    }

    .blocks-section .blocks li.middle
    {
        width: 100%;
    }

    .blocks-section .blocks li.big
    {
        width: 100%;
    }

    .blocks-section .item-block
    {
        min-height: 285px;
    }

    .blocks-section .over
    {
        max-width: 304px;
    }

    .quizz-carousel .slide-quizz
    {
        overflow: hidden;

        padding: 0 25px;
    }

    .quizz-carousel .slide-quizz .hold
    {
        padding: 0;
    }

    .quizz-carousel .top
    {
        padding: 10px 0;
    }

    .quizz-carousel .top .hold
    {
        padding: 0 20px;
    }

    .quizz-carousel .top .logo-quizz
    {
        width: 63px;
    }

    .quizz-carousel .top .close
    {
        font-size: 30px;
    }

    .quizz-carousel .progress
    {
        height: 6px;
    }

    .item-question,
    .quizz-last
    {
        padding: 22px 0;
    }

    .item-question .title,
    .item-question .txt,
    .quizz-last .title,
    .quizz-last .txt
    {
        font-size: 22px;
        line-height: 27px;
    }

    .item-question .over-btn .btn,
    .quizz-last .over-btn .btn
    {
        min-width: 146px;
    }

    .item-question .over-btn .btn:first-child,
    .quizz-last .over-btn .btn:first-child
    {
        margin-right: 18px;
    }

    .item-question.answered .box,
    .quizz-last.answered .box
    {
        margin: 0 -30px 20px;
    }

    .quizz-last
    {
        padding: 16px 0;
    }

    .quizz-last .title
    {
        font-size: 30px;
        line-height: 36px;
    }

    .quizz-last .over-btn
    {
        text-align: center;
    }

    .quizz-last .over-link
    {
        text-align: center;
    }
}

@media (max-width: 767px) and (max-width: 374px)
{
    .list-construction .img-wrap .title
    {
        right: 15px;
        left: 15px;
    }
}

@media (max-width: 374px)
{
    .logo
    {
        max-width: 80px;
    }

    .banner-flex .over
    {
        padding: 0 15px;
    }

    .banner-flex.not-image .title
    {
        font-size: 25px;
        line-height: 30px;
    }

    .block-direction .item-person.inn .over-inf
    {
        margin: 0;
    }

    .related-section .holder
    {
        padding: 26px 15px 65px;
    }

    .advice-style02 .holder
    {
        padding: 36px 15px 0;
    }

    .section-two-bluebox
    {
        padding: 5px 0 0;
    }

    .section-two-bluebox .cols
    {
        margin: 0 -30px;
    }

    .holder
    {
        padding: 0 15px;
    }

    .hold
    {
        padding: 0 15px;
    }
}

@media (max-height: 665px)
{
    .home.slider-active .banner-gallery .pagination
    {
        bottom: 40px;

        opacity: 0;
    }

    .home.slider-active .banner-gallery .hold
    {
        height: 100vh;
    }

    .home.slider-active .banner-gallery .hold .over
    {
        top: 35%;
    }

    .home.slider-active .banner-gallery .hold .logo-banner
    {
        max-width: 270px;
        margin: 0 0 20px;
    }

    .home.slider-active .banner-gallery .hold .banner-info
    {
        font-size: 13px;
        line-height: 20px;
    }

    .home.slider-active .banner-gallery .anchor-link
    {
        font-size: 33px;
    }
}