@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lora:400,700|Open+Sans|Philosopher:400,700&subset=cyrillic,latin");
@font-face {
  font-family: "Myriad Pro";
  src: url("../fonts/MyriadProCondRegular/MyriadProCondRegular.eot");
  src: url("../fonts/MyriadProCondRegular/MyriadProCondRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadProCondRegular/MyriadProCondRegular.woff") format("woff"), url("../fonts/MyriadProCondRegular/MyriadProCondRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'Palatino Linotype';
  src: url("../fonts/palabi_0.ttf");
  font-style: italic;
  font-weight: 700; }

@font-face {
  font-family: "A Garamond Pro";
  src: url("../fonts/AGaramondProRegular.eot");
  src: url("../fonts/AGaramondProRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/AGaramondProRegular.woff") format("woff"), url("../fonts/AGaramondProRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'Minion Pro';
  src: url("../fonts/MinionPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/MinionPro-Bold.otf") format("opentype"), url("../fonts/MinionPro-Bold.woff") format("woff"), url("../fonts/MinionPro-Bold.ttf") format("truetype"), url("../fonts/MinionPro-Bold.svg#MinionPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

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

/*Mixins*/
/*@mixin placeholder {
          &::-webkit-input-placeholder {@content}
          &:-moz-placeholder           {@content}
          &::-moz-placeholder          {@content}
          &:-ms-input-placeholder      {@content}  
        }
        
        @include placeholder {
            font: 300 italic 14px Roboto;
            color: #acacac;
        }*/
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
@charset "UTF-8";
.wrapper {
    /**
 * Remove the margin in all browsers (opinionated).
 */
    /* HTML5 display definitions
   ========================================================================== */
    /**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
    /**
 * Add the correct display in IE 9-.
 */
    /**
 * Add the correct display in iOS 4-7.
 */
    /**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
    /**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
    /* Links
   ========================================================================== */
    /**
 * Remove the gray background on active links in IE 10.
 */
    /**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
    /* Text-level semantics
   ========================================================================== */
    /**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
    /**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
    /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
    /**
 * Add the correct font style in Android 4.3-.
 */
    /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
    /**
 * Add the correct background and color in IE 9-.
 */
    /**
 * Add the correct font size in all browsers.
 */
    /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
    /* Embedded content
   ========================================================================== */
    /**
 * Remove the border on images inside links in IE 10-.
 */
    /**
 * Hide the overflow in IE.
 */
    /* Grouping content
   ========================================================================== */
    /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
    /**
 * Add the correct margin in IE 8.
 */
    /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
    /* Forms
   ========================================================================== */
    /**
 * Change font properties to `inherit` in all browsers (opinionated).
 */
    /**
 * Restore the font weight unset by the previous rule.
 */
    /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 * 2. Show the overflow in Edge, Firefox, and IE.
 */
    /**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */
    /**
 * Remove the inheritence of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritence of text transform in Firefox.
 */
    /**
 * Change the cursor in all browsers (opinionated).
 */
    /**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */
    /**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS.
 */
    /**
 * Remove the inner border and padding in Firefox.
 */
    /**
 * Restore the focus styles unset by the previous rule.
 */
    /**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
    /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
    /**
 * Remove the default vertical scrollbar in IE.
 */
    /**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
    /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
    /**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */
    /**
 * Remove the inner padding and cancel buttons in Chrome on OS X and
 * Safari on OS X.
 */
}

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

.wrapper body {
    margin: 0;
}

.wrapper article,
.wrapper aside,
.wrapper details,
.wrapper figcaption,
.wrapper figure,
.wrapper footer,
.wrapper header,
.wrapper main,
.wrapper menu,
.wrapper nav,
.wrapper section,
.wrapper summary {
    /* 1 */
    display: block;
}

.wrapper audio,
.wrapper canvas,
.wrapper progress,
.wrapper video {
    display: inline-block;
}

.wrapper audio:not([controls]) {
    display: none;
    height: 0;
}

.wrapper progress {
    vertical-align: baseline;
}

.wrapper template,
.wrapper [hidden] {
    display: none;
}

.wrapper a {
    background-color: transparent;
}

.wrapper a:active,
.wrapper a:hover {
    outline-width: 0;
}

.wrapper abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

.wrapper b,
.wrapper strong {
    font-weight: inherit;
}

.wrapper b,
.wrapper strong {
    font-weight: bolder;
}

.wrapper dfn {
    font-style: italic;
}

.wrapper h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

.wrapper mark {
    background-color: #ff0;
    color: #000;
}

.wrapper small {
    font-size: 80%;
}

.wrapper sub,
.wrapper sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.wrapper sub {
    bottom: -0.25em;
}

.wrapper sup {
    top: -0.5em;
}

.wrapper img {
    border-style: none;
}

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

.wrapper code,
.wrapper kbd,
.wrapper pre,
.wrapper samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

.wrapper figure {
    margin: 1em 40px;
}

.wrapper hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

.wrapper button,
.wrapper input,
.wrapper select,
.wrapper textarea {
    font: inherit;
}

.wrapper optgroup {
    font-weight: bold;
}

.wrapper button,
.wrapper input,
.wrapper select {
    /* 2 */
    overflow: visible;
}

.wrapper button,
.wrapper input,
.wrapper select,
.wrapper textarea {
    /* 1 */
    margin: 0;
}

.wrapper button,
.wrapper select {
    /* 1 */
    text-transform: none;
}

.wrapper button,
.wrapper [type="button"],
.wrapper [type="reset"],
.wrapper [type="submit"] {
    cursor: pointer;
}

.wrapper [disabled] {
    cursor: default;
}

.wrapper button,
.wrapper html [type="button"],
.wrapper [type="reset"],
.wrapper [type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}

.wrapper button::-moz-focus-inner,
.wrapper input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.wrapper button:-moz-focusring,
.wrapper input:-moz-focusring {
    outline: 1px dotted ButtonText;
}

.wrapper fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

.wrapper legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

.wrapper textarea {
    overflow: auto;
}

.wrapper [type="checkbox"],
.wrapper [type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

.wrapper [type="number"]::-webkit-inner-spin-button,
.wrapper [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

.wrapper [type="search"] {
    -webkit-appearance: textfield;
}

.wrapper [type="search"]::-webkit-search-cancel-button,
.wrapper [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

@font-face {
    .wrapper {
        font-family: "icons";
        src: url("../fonts/icons/icons.eot");
        src: url("../fonts/icons/icons.eot?#iefix") format("eot"), url("../fonts/icons/icons.woff") format("woff"), url("../fonts/icons/icons.woff2") format("woff2"), url("../fonts/icons/icons.ttf") format("truetype"), url("../fonts/icons/icons.svg#icons") format("svg");
    }
}

.wrapper html, .wrapper body, .wrapper div, .wrapper span, .wrapper applet, .wrapper object, .wrapper iframe,
.wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5, .wrapper h6, .wrapper p, .wrapper blockquote, .wrapper pre,
.wrapper a, .wrapper abbr, .wrapper acronym, .wrapper address, .wrapper big, .wrapper cite, .wrapper code,
.wrapper del, .wrapper dfn, .wrapper em, .wrapper img, .wrapper ins, .wrapper kbd, .wrapper q, .wrapper s, .wrapper samp,
.wrapper small, .wrapper strike, .wrapper strong, .wrapper sub, .wrapper sup, .wrapper tt, .wrapper var,
.wrapper b, .wrapper u, .wrapper i, .wrapper center,
.wrapper dl, .wrapper dt, .wrapper dd, .wrapper ol, .wrapper ul, .wrapper li,
.wrapper fieldset, .wrapper form, .wrapper label, .wrapper legend,
.wrapper table, .wrapper caption, .wrapper tbody, .wrapper tfoot, .wrapper thead, .wrapper tr, .wrapper th, .wrapper td,
.wrapper article, .wrapper aside, .wrapper canvas, .wrapper details, .wrapper embed,
.wrapper figure, .wrapper figcaption, .wrapper footer, .wrapper header, .wrapper hgroup,
.wrapper menu, .wrapper nav, .wrapper output, .wrapper ruby, .wrapper section, .wrapper summary,
.wrapper time, .wrapper mark, .wrapper audio, .wrapper video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.wrapper html {
    height: 100%;
}

.wrapper body {
    height: 100%;
    font: 18px/1.2 'Open Sans', BebasNeueRegular, Arial, Tahoma, sans-serif;
    color: #000;
}

.wrapper ol, .wrapper ul {
    list-style: none;
}

.wrapper *,
.wrapper *:after,
.wrapper *:before {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wrapper a {
    color: inherit;
    text-decoration: none;
}

.wrapper .cf:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.wrapper .cf::after,
.wrapper .container:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.wrapper section {
    text-align: center;
    line-height: 1.2;
}

.wrapper .author {
    background-color: #ebe9e4;
    position: relative;
    padding-bottom: 50px;
}

.wrapper .author__photo {
    position: relative;
    top: -90px;
}

.wrapper .author__title {
    /* Style for "Алекс Янов" */
    color: #7d6746;
    font-family: "Minion Pro";
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    /* Style for "Алекс Янов" */
    font-style: italic;
    margin-top: -70px;
}

.wrapper .author__txt {
    background: url(../img/auth-txt.png) no-repeat center top;
    width: 683px;
    height: 490px;
    margin: auto;
    margin-top: 10px;
    padding: 0 40px;
    padding-top: 60px;
}

.wrapper .author__txt ul {
    padding-left: 65px;
}

.wrapper .author__txt ul li {
    position: relative;
    /* Style for "25 лет биз" */
    color: #7d6746;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #7d6746;
    text-align: left;
}

.wrapper .author__txt ul li:last-child {
    border: none;
}

.wrapper .author__txt ul li:after {
    position: absolute;
    content: '';
    top: 5px;
    left: -65px;
    display: block;
    background-image: url(../img/sprite.png);
    background-position: -270px -18px;
    width: 31px;
    height: 22px;
}

.wrapper .school {
    margin-top: 30px;
    border: 1px solid #d3b98d;
    padding-top: 50px;
    padding-bottom: 113px;
    margin-bottom: 30px;
}

.wrapper .school__title {
    /* Style for "Основатель" */
    color: #7d6746;
    font-family: "Minion Pro";
    font-size: 43px;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 23px;
}

.wrapper .school__line {
    background: url(../img/school__line.png) repeat center top;
    height: 16px;
    margin-bottom: 143px;
}

.wrapper .school__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wrapper .school__item {
    background-color: #ebe9e4;
    width: 468px;
    -webkit-box-shadow: inset 0 0 1px 13px #ebe9e4, inset 0 0 1px 14px #fff;
    -moz-box-shadow: inset 0 0 1px 13px #ebe9e4, inset 0 0 1px 14px #fff;
    box-shadow: inset 0 0 1px 13px #ebe9e4, inset 0 0 1px 14px #fff;
    padding: 0 60px;
    height: 807px;
    position: relative;
}

.wrapper .school__item:first-child {
  margin-right: 15px;
}

.wrapper .school__item:first-child i {
    background-image: url(../img/sprite.png);
    background-position: -185px -18px;
    width: 53px;
    height: 50px;
}

.wrapper .school__item:last-child i {
    background-image: url(../img/sprite.png);
    background-position: -185px -70px;
    width: 47px;
    height: 54px;
}

.wrapper .school__icon {
    background-image: url(../img/sprite.png);
    background-position: 0px 0px;
    width: 183px;
    height: 182px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    position: relative;
    top: -90px;
}

.wrapper .school__icon i {
    display: inline-block;
}

.wrapper .school__tit {
    margin-top: -70px;
    /* Style for "Школа Бизн" */
    color: #7d6746;
    font-family: "Minion Pro";
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic;
    margin-bottom: 42px;
}

.wrapper .school__txt {
    /* Style for "— это кузн" */
    color: #7d6746;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
}

.wrapper .school__bottom {
    color: #7d6746;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    margin-top: 45px;
}

.wrapper .school__moments {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
}

.wrapper .school__moment {
    margin-right: 12px;
    width: 103px;
    height: 103px;
    border: 4px solid #fff;
    overflow: hidden;
    position: relative;
}

.wrapper .school__moment:after {
    top: 0;
    left: 0;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/layer-6-play.png) no-repeat center;
}

.wrapper .school__moment img {
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    max-width: 100%;
}

.wrapper .stat .author__title {
    font-style: normal;
}

.wrapper .stat .school__line {
    margin-bottom: 0;
}

.wrapper .stat .author__txt {
    background: url(../img/author-cont.png) no-repeat center top;
    height: 357px;
}

.wrapper .brayan {
    padding-top: 50px;
}

.wrapper .brayan .school__line {
    margin-bottom: 0;
}

.wrapper .brayan__imgs {
    margin-bottom: 40px;
}

.wrapper .brayan__title {
    /* Style for "Брайан Тре" */
    color: #7d6746;
    font-family: "Minion Pro";
    font-size: 43px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.wrapper .brayan__video {
    /* Style for "Layer 10" */
    width: 683px;
    height: 338px;
    margin: auto;
    border: 6px solid #d3b98d;
    margin-top: 30px;
}

.wrapper .brayan__video iframe {
    width: 100%;
    height: 100%;
}

.wrapper .result {
    margin-top: 80px;
}

.wrapper .result .school__line {
    margin-bottom: 0;
}

.wrapper .result__title {
    /* Style for "Результаты" */
    color: #7d6746;
    font-family: "Minion Pro";
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.wrapper .result__items {
    margin-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-left: 40px;
}

.wrapper .result__item {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 137px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 22px;
}

.wrapper .result__item:hover img {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.wrapper .result__name {
    margin-left: 24px;
    /* Style for "Андрей Зер" */
    color: #7d6746;
    font-family: "Minion Pro";
    font-size: 23px;
    font-weight: 500;
    text-transform: uppercase;
}