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

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

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

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

[class^="glyph-"]:before,[class*=" glyph-"]:before,[class^="glyph-"]:after,[class*=" glyph-"]:after {
    font-family: Flaticon;
    font-style: normal;
    font-weight: normal
}

.glyph-cancel:before,.b-modal__close-icon:before {
    content: "\f100"
}

.glyph-facebook:before,.b-opinions__social-link_type_fb:before,.b-share__button_type_fb .b-share__icon:before,.b-fix-share__socials-button_type_fb .b-fix-share__socials-icon:before {
    content: "\f101"
}

.glyph-google:before,.b-share__button_type_gp .b-share__icon:before,.b-fix-share__socials-button_type_gp .b-fix-share__socials-icon:before {
    content: "\f102"
}

.glyph-in:before,.b-opinions__social-link_type_in:before,.b-share__button_type_in .b-share__icon:before,.b-fix-share__socials-button_type_in .b-fix-share__socials-icon:before {
    content: "\f103"
}

.glyph-left:before,.b-opinions__prev:before,.bx-prev:before {
    content: "\f104"
}

.glyph-plus:before,.b-articles__control-icon:before {
    content: "\f105"
}

.glyph-quotes:before,.b-opinions:before {
    content: "\f106"
}

.glyph-right:before,.b-opinions__next:before,.bx-next:before {
    content: "\f107"
}

.glyph-twitter:before,.b-opinions__social-link_type_tw:before,.b-share__button_type_tw .b-share__icon:before,.b-fix-share__socials-button_type_tw .b-fix-share__socials-icon:before {
    content: "\f108"
}

.glyph-up-arrow:before,.b-fix-share__socials-capture:after {
    content: "\f109"
}

* {
    max-height: 999999px
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,code,del,em,img,q,small,strong,sub,sup,tt,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,time,mark {
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    background: #fff;
    color: #111;
    font-family: Arial,Tahoma,Helvetica,Sans-Serif;
    font-size: 13px;
    line-height: 1.3
}

img {
    border-style: none
}

button {
    outline: none
}

input,textarea,select {
    outline: none;
    vertical-align: middle
}

form,fieldset {
    margin: 0;
    padding: 0;
    border-style: none
}

a {
    outline: none;
    text-decoration: none
}

img {
    font-size: 0;
    white-space: nowrap
}

h1,h2,h3,h4,h5 {
    font-weight: normal;
    margin: 0
}

address,time {
    font-style: normal
}

button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none
}

button,span,input,a,button:active,button:focus,span:active,a:focus,a:active,input:focus,textarea:focus {
    outline: none
}

iframe {
    overflow: hidden;
    border: none
}

[class^="icon_"],[class*=" icon_"] {
    display: inline-block;
    vertical-align: middle
}

td,vertical-align: top,button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,padding: 0,margin: 0,border: none,input[type="text"],textarea,button,font-family: Arial,Tahoma,Helvetica,"Liberation Sans",sans-serif,outline: none {
    cursor: pointer;
    padding: 0
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #ccc;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #ccc;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #ccc;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    color: transparent !important
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    color: transparent !important
}

input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
    color: transparent !important
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
    color: transparent !important
}

::-moz-selection {
    color: #333;
    background: #f3fff3
}

::selection {
    color: #333;
    background: #f3fff3
}

.b-layout {
    background: #f7f7f7;
    font-size: 13px;
    color: #333;
    line-height: 1.3;
    font-family: 'Helvetica';
    padding: 140px 0 70px
}

.b-page {
    margin: 0 auto;
    max-width: 1080px;
    min-width: 300px;
    padding: 0 10px
}

@media screen and (min-width: 640px) {
    .b-page {
        padding:0 20px
    }
}

.b-header {
    max-width: 600px;
    margin: 0 auto 110px;
    text-align: center
}

@media screen and (min-width: 640px) {
    .b-header {
        margin-bottom:140px
    }
}

.b-header__title {
    font-size: 36px;
    font-family: 'Avenir'
}

@media screen and (min-width: 640px) {
    .b-header__title {
        font-size:42px
    }
}

@media screen and (min-width: 980px) {
    .b-header__title {
        font-size:48px
    }
}

.b-header__highlight {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 -3px;
    padding: 0 3px;
    overflow: hidden
}

.b-header__highlight-text {
    text-align: left;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: #00bf81;
    color: #fff;
    animation-duration: 1200ms;
    animation-name: headerHighlight;
    animation-delay: 2000ms;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    line-height: 1;
    white-space: nowrap;
}

.b-header__highlight-text:before {
    display: inline-block;
    vertical-align: middle;
    padding: 0 3px;
    content: attr(data-text);
    line-height: 1.3
}

.b-header__text {
    margin: 30px 0 0 0;
    font-size: 16px
}

.b-articles__list {
    margin: -25px 0 0 0;
    font-size: 0
}

@media screen and (min-width: 640px) {
    .b-articles__list {
        margin:-70px 0 0 -30px
    }
}

.b-articles__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 25px 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

@media screen and (min-width: 640px) {
    .b-articles__item {
        width:50%;
        padding-left: 30px;
        margin: 70px 0 0 0
    }
}

@media screen and (min-width: 980px) {
    .b-articles__item {
        width:33.33333%
    }
}

.b-articles__container, .b-articles__container_nohover {
    max-width: 360px;
    margin: 0 auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    height: 580px;
    overflow: hidden;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    background: #fff
}

.b-articles__container:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

.b-articles__container:hover .b-articles__title {
    color: #00bf81
}

.b-articles__image-holder {
    display: block;
    height: 290px;
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.b-articles__title-holder {
    line-height: 1;
    height: 3.1em;
    font-size: 24px;
    font-family: 'Avenir';
    overflow: hidden
}

.b-articles__title {
    color: #333;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.b-articles__text-holder {
    padding: 50px 38px;
    text-align: left
}

.b-articles__text {
    margin-top: 24px;
    font-size: 14px;
    line-height: 1.6;
    height: 8em;
    color: #aaa;
    overflow: hidden
}

.b-articles__control {
    display: table;
    height: 124px;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background: #eee;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.b-articles__control:hover {
    background: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15)
}

.b-articles__control + .b-articles__control {
    margin-top: 20px
}

@media screen and (min-width: 640px) {
    .b-articles__control {
        height:280px
    }
}

.b-articles__control-link {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #aaa;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.b-articles__control-link:hover {
    color: #00bf81
}

.b-articles__control-text {
    display: table;
    margin: 0 auto
}

.b-articles__control-icon {
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
    width: 16px;
    font-size: 0;
}

.b-articles__control-icon:before {
    font-family: "Flaticon";
    font-size: 16px;
}

.b-articles__control-caption {
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
    font-family: 'Avenir';
    text-align: left
}

.b-articles__control-caption_text_center {
    text-align: center
}

.b-articles_type_popular .b-articles__text {
    font-size: 16px;
    font-style: italic;
    height: 4.8em
}

.b-articles__target-share {
    position: absolute;
    top: 100%
}

.b-articles__target-header {
    position: absolute;
    bottom: 100%
}

.b-opinions {
    position: relative;
    padding: 0 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 150px;
}

.b-opinions:before {
    position: absolute;
    left: 50%;
    top: 0;
    width: 64px;
    height: 64px;
    font-size: 64px;
    margin: 0 0 0 -32px;
    color: #eee;
    font-family: "Flaticon";
}

.b-opinions__list {
    position: relative;
    margin: 0 auto;
    font-size: 0;
}

.b-opinions__list:after {
    content: '';
    display: table;
    clear: both
}

.b-opinions__item-content {
    text-align: center;
    margin: 0 auto;
    padding-top: 35px
}

.b-opinions__text {
    color: #777;
    font-style: italic;
    font-size: 16px;
    max-width: 630px;
    margin: 0 auto
}

@media screen and (min-width: 640px) {
    .b-opinions__text {
        font-size:20px
    }
}

@media screen and (min-width: 980px) {
    .b-opinions__text {
        font-size:24px
    }
}

.b-opinions__author {
    margin-top: 56px
}

.b-opinions__author-image {
    display: inline-block;
    vertical-align: middle;
    width: 65px
}

.b-opinions__name {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    font-family: 'Avenir'
}

@media screen and (min-width: 640px) {
    .b-opinions__name {
        font-size:16px
    }
}

@media screen and (min-width: 980px) {
    .b-opinions__name {
        font-size:18px
    }
}

.b-opinions__position {
    display: block;
    margin-top: 6px;
    font-size: 12px
}

@media screen and (min-width: 640px) {
    .b-opinions__position {
        font-size:14px;
    }

    .b-opinions__position span {
        font-family: 'Avenir';
        text-transform: uppercase;
        letter-spacing: 1px
    }
}

.b-opinions__prev {
    position: absolute;
    left: 0;
    top: 70px;
    width: 32px;
    height: 32px;
    font-size: 0;
    color: #e0e0e0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.b-opinions__prev:before {
    font-family: "Flaticon";
    font-size: 32px
}

.b-opinions__prev:hover {
    cursor: pointer;
    color: #00bf81
}

.b-opinions__next {
    position: absolute;
    right: 0;
    top: 70px;
    width: 32px;
    height: 32px;
    font-size: 0;
    color: #e0e0e0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.b-opinions__next:before {
    font-family: "Flaticon";
    font-size: 32px
}

.b-opinions__next:hover {
    cursor: pointer;
    color: #00bf81
}

.b-opinions__socials {
    margin-top: 20px;
    font-size: 0;
}

.b-opinions__social-item {
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}

.b-opinions__social-item + .b-opinions__social-item {
    margin-left: 15px
}

.b-opinions__social-link {
    color: #aaa;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.b-opinions__social-link:before {
    font-family: "Flaticon";
    font-size: 16px
}

.b-opinions__social-link:hover {
    color: #00bf81;
    cursor: pointer
}

.b-popular {
    margin-top: 160px
}

.b-popular__title {
    margin-bottom: 64px;
    font-family: 'Avenir';
    font-size: 36px;
    text-align: center
}

.b-page-text {
    font-size: 16px;
    color: #777;
    max-width: 460px;
/*     margin: 100px auto 90px; */
    text-align: center;
}

.b-page-text a {
    font-family: 'Avenir';
    text-transform: uppercase;
    letter-spacing: 1px;
    color: inherit;
}

.b-share__wrapper {
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 70px 40px 90px;
    text-align: center;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    box-shadow: 0 3px 8px rgba(0,0,0,0.1)
}

.b-share__title {
    font-family: 'Avenir';
    font-size: 24px
}

.b-share__text {
    margin: 10px 0 32px;
    font-size: 16px;
    color: #aaa
}

.b-share__list-holder {
    max-width: 430px;
    margin: 0 auto
}

.b-share__list {
    margin: -10px 0 0 -10px;
    font-size: 0
}

.b-share__item {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-top: 10px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width: 640px) {
    .b-share__item {
        width:50%
    }
}

@media screen and (min-width: 980px) {
    .b-share__item {
        width:25%
    }
}

.b-share__button {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    background: transparent;
    color: #fff;
    padding: 0 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: background 200ms ease,border-color 200ms ease,color 200ms ease;
    -moz-transition: background 200ms ease,border-color 200ms ease,color 200ms ease;
    -o-transition: background 200ms ease,border-color 200ms ease,color 200ms ease;
    transition: background 200ms ease,border-color 200ms ease,color 200ms ease;
    white-space: nowrap;
    font-size: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-align: center;
    line-height: 1;
}

.b-share__button:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 36px
}

.b-share__button:hover {
    color: #fff
}

.b-share__button:hover.b-share__button:active {
    -webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 3px 4px rgba(0,0,0,0.1) inset;
    box-shadow: 0 3px 4px rgba(0,0,0,0.1) inset
}

@media screen and (min-width: 980px) {
    .b-share__button {
        padding:0 0 0 28px
    }
}

.b-share__icon {
    position: absolute;
    left: 16px;
    top: 50%;
    height: 12px;
    width: 12px;
    font-size: 0;
    margin-top: -6px;
}

.b-share__icon:before {
    font-family: "Flaticon";
    font-size: 12px
}

.b-share__caption {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    margin-bottom: -2px;
    font-family: 'Avenir';
    letter-spacing: 3px;
    text-transform: uppercase
}

.b-share__button_type_fb {
    background: #23589b;
}

.b-share__button_type_fb:hover {
    background: #2864b0
}

.b-share__button_type_tw {
    background: #00adf1;
}

.b-share__button_type_tw:hover {
    background: #0bbaff
}

.b-share__button_type_in {
    background: #0078b8;
}

.b-share__button_type_in:hover {
    background: #0089d2
}

.b-share__button_type_gp {
    background: #f43f2e;
}

.b-share__button_type_gp:hover {
    background: #f55546
}

.b-button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: transparent;
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    white-space: nowrap;
    font-size: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-align: center;
    line-height: 1;
}

.b-button:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 38px
}

.b-button__caption {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-bottom: -1px;
    font-family: 'Avenir';
    letter-spacing: 3px;
    text-transform: uppercase
}

.b-button_theme_contour {
    border-color: #ccc;
    color: #00bf81;
}

.b-button_theme_contour:hover {
    border-color: #00bf81;
    background: #00bf81;
    color: #fff
}

.b-button_theme_green {
    color: #fff;
    background: #00bf81;
    border-color: #00bf81;
}

.b-button_theme_green:hover.b-button_theme_green:active {
    -webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 3px 4px rgba(0,0,0,0.1) inset;
    box-shadow: 0 3px 4px rgba(0,0,0,0.1) inset
}

.b-button-margin {
    margin-top: 30px;
}

.b-footer {
    margin-top: 40px;
    text-align: center
}

.b-footer__links {
    margin: -10px 0 0 -24px;
    font-size: 0
}

.b-footer__link-item {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin-top: 10px;
    padding-left: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width: 640px) {
    .b-footer__link-item {
        width:auto
    }
}

.b-footer__link {
    font-size: 14px;
    color: #777;
    text-decoration: underline;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.b-footer__link:hover {
    color: #00bf81
}

.b-footer__copyright {
    margin-top: 40px
}

.b-footer__copyright-logo {
    display: inline-block;
    vertical-align: middle;
    width: 78px
}

.b-footer__copyright-text {
    font-size: 12px;
    color: #555;
    margin-top: 12px
}
.b-footer__copyright-text a {
    font-family: 'Avenir';
    text-transform: uppercase;
    letter-spacing: 1px;
    color: inherit;
}

.b-fix-header {
    position: fixed;
    padding: 20px 0;
    left: 0;
    top: 0;
    right: 0;
    background: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -khtml-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -webkit-transition: transform 300ms ease;
    -moz-transition: transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease
}

.b-fix-header__wrapper {
    display: table;
    width: 100%
}

.b-fix-header__logo-holder {
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
    white-space: nowrap
}

.b-fix-header__logo {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none
}

.b-fix-header__logo-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px;
    width: 24px
}

.b-fix-header__logo-caption {
    display: none
}

@media screen and (min-width: 640px) {
    .b-fix-header__logo-caption {
        display:inline-block;
        vertical-align: middle;
        color: #444857;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 14px;
        font-family: 'Avenir'
    }
}

.b-fix-header__feedback-holder {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: right
}

.b-fix-header__feedback-pseudolink {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    font-size: 14px;
    color: #aaa;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.b-fix-header__feedback-pseudolink:hover {
    cursor: pointer;
    color: #00bf81
}

@media screen and (min-width: 980px) {
    .b-fix-header__feedback-pseudolink {
        text-transform:uppercase;
        letter-spacing: 3px;
        font-family: 'Avenir';
        font-size: 10px;
        margin-right: 36px
    }
}

.b-fix-header__button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #00bf81;
    cursor: pointer;
    white-space: nowrap
}

@media screen and (min-width: 980px) {
    .b-fix-header__button {
        position:relative;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        background: transparent;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        white-space: nowrap;
        border: 1px solid #ccc;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        text-decoration: none;
        -webkit-transition: background 200ms ease,border-color 200ms ease,color 200ms ease;
        -moz-transition: background 200ms ease,border-color 200ms ease,color 200ms ease;
        -o-transition: background 200ms ease,border-color 200ms ease,color 200ms ease;
        transition: background 200ms ease,border-color 200ms ease,color 200ms ease;
        font-size: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        text-align: center;
        line-height: 1;
        color: #00bf81;
    }

    .b-fix-header__button:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 28px
    }

    .b-fix-header__button:hover {
        border-color: #00bf81;
        background: #00bf81;
        color: #fff
    }

    .b-fix-header__button:hover.b-fix-header__button:active {
        -webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.1) inset;
        -moz-box-shadow: 0 3px 4px rgba(0,0,0,0.1) inset;
        box-shadow: 0 3px 4px rgba(0,0,0,0.1) inset
    }
}

@media screen and (min-width: 640px) {
    .b-fix-header__button {
        width:200px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .b-fix-header__button:after {
        height: 34px
    }
}

.b-fix-header__button-caption {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: -1px;
    font-family: 'Avenir';
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 10px
}

.b-fix-header_state_visible {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -khtml-transform: translateY(0);
    -ms-transform: translateY(0)
}

.b-fix-share {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    transform: translateY(110px);
    -moz-transform: translateY(110px);
    -webkit-transform: translateY(110px);
    -o-transform: translateY(110px);
    -khtml-transform: translateY(110px);
    -ms-transform: translateY(110px);
    -webkit-transition: transform 100ms ease;
    -moz-transition: transform 100ms ease;
    -o-transition: transform 100ms ease;
    transition: transform 100ms ease
}

@media screen and (min-width: 980px) {
    .b-fix-share__content {
        margin:0 auto;
        max-width: 1080px;
        padding: 0 20px
    }
}

.b-fix-share__wrapper {
    display: table;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 -3px 8px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 -3px 8px rgba(0,0,0,0.1);
    box-shadow: 0 -3px 8px rgba(0,0,0,0.1)
}

@media screen and (min-width: 980px) {
    .b-fix-share__wrapper {
        -webkit-border-radius:8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        -ms-border-radius: 8px 8px 0 0;
        -o-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0;
        -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
        box-shadow: 0 3px 8px rgba(0,0,0,0.1)
    }
}

.b-fix-share__text-holder {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0 15px 20px;
    font-size: 14px;
    font-family: 'Avenir';
    color: #444857;
    white-space: nowrap
}

.b-fix-share__title {
    display: inline-block;
    vertical-align: middle
}

.b-fix-share__text {
    display: inline-block;
    vertical-align: middle;
    color: #ccc
}

.b-fix-share__socials-holder {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 15px 20px 15px 0;
    text-align: right;
    width: 430px
}

.b-fix-share__desktop-text {
    display: none
}

@media screen and (min-width: 980px) {
    .b-fix-share__desktop-text {
        display:block
    }
}

.b-fix-share__portable-text {
    font-size: 13px
}

@media screen and (min-width: 640px) {
    .b-fix-share__portable-text {
        font-size:14px
    }
}

@media screen and (min-width: 980px) {
    .b-fix-share__portable-text {
        display:none
    }
}

.b-fix-share__socials-capture {
    color: #aaa;
    font-size: 0;
    cursor: pointer;
}

.b-fix-share__socials-capture:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -3px;
    font-family: "Flaticon";
    font-size: 16px;
}

@media screen and (min-width: 640px) {
    .b-fix-share__socials-capture:after {
        font-size:18px
    }
}

.b-fix-share__socials-capture-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px
}

@media screen and (min-width: 640px) {
    .b-fix-share__socials-capture-text {
        font-size:14px
    }
}

@media screen and (min-width: 980px) {
    .b-fix-share__socials-capture {
        display:none
    }
}

.b-fix-share__socials-list {
    font-size: 0;
    margin: -10px 0 0 -10px
}

.b-fix-share__socials-item {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 10px 0 0 10px
}

@media screen and (min-width: 640px) {
    .b-fix-share__socials-item {
        width:25%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 10px;
        margin-left: 0
    }
}

.b-fix-share__socials-button {
    position: relative;
    display: inline-block;
    width: 30px;
    line-height: 1;
    font-size: 0;
    vertical-align: middle;
    background: transparent;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: background 200ms ease,border-color 200ms ease,color 200ms ease;
    -moz-transition: background 200ms ease,border-color 200ms ease,color 200ms ease;
    -o-transition: background 200ms ease,border-color 200ms ease,color 200ms ease;
    transition: background 200ms ease,border-color 200ms ease,color 200ms ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-align: center;
}

.b-fix-share__socials-button:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 30px
}

.b-fix-share__socials-button:hover {
    color: #fff
}

.b-fix-share__socials-button:hover.b-fix-share__socials-button:active {
    -webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 3px 4px rgba(0,0,0,0.1) inset;
    box-shadow: 0 3px 4px rgba(0,0,0,0.1) inset
}

@media screen and (min-width: 640px) {
    .b-fix-share__socials-button {
        padding:0 0 0 28px;
        width: 100%;
        line-height: 1;
    }

    .b-fix-share__socials-button:after {
        height: 36px
    }
}

.b-fix-share__socials-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.b-fix-share__socials-icon:before {
    font-size: 12px;
    font-family: "Flaticon"
}

@media screen and (min-width: 640px) {
    .b-fix-share__socials-icon {
        position:absolute;
        left: 16px;
        top: 50%;
        height: 12px;
        width: 12px;
        margin-top: -6px
    }
}

.b-fix-share__socials-desktop-caption {
    display: none
}

@media screen and (min-width: 640px) {
    .b-fix-share__socials-desktop-caption {
        display:inline-block;
        vertical-align: middle;
        font-size: 10px;
        margin-bottom: -2px;
        font-family: 'Avenir';
        letter-spacing: 3px;
        text-transform: uppercase
    }
}

.b-fix-share__socials-portable-caption {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

@media screen and (min-width: 980px) {
    .b-fix-share__socials-portable-caption {
        display:none
    }
}

.b-fix-share__socials-button_type_fb {
    background: #23589b;
}

.b-fix-share__socials-button_type_fb:hover {
    background: #2864b0
}

.b-fix-share__socials-button_type_tw {
    background: #00adf1;
}

.b-fix-share__socials-button_type_tw:hover {
    background: #0bbaff
}

.b-fix-share__socials-button_type_in {
    background: #0078b8;
}

.b-fix-share__socials-button_type_in:hover {
    background: #0089d2
}

.b-fix-share__socials-button_type_gp {
    background: #f43f2e;
}

.b-fix-share__socials-button_type_gp:hover {
    background: #f55546
}

.b-fix-share_state_visible {
    -webkit-transition: transform 300ms ease;
    -moz-transition: transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -khtml-transform: translateY(0);
    -ms-transform: translateY(0)
}

.bx-pager {
    display: none
}

.bx-prev {
    position: absolute;
    left: 0;
    top: 70px;
    width: 32px;
    height: 32px;
    font-size: 0;
    color: #e0e0e0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.bx-prev:before {
    font-family: "Flaticon";
    font-size: 32px
}

.bx-prev:hover {
    cursor: pointer;
    color: #00bf81
}

.bx-next {
    position: absolute;
    right: 0;
    top: 70px;
    width: 32px;
    height: 32px;
    font-size: 0;
    color: #e0e0e0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.bx-next:before {
    font-family: "Flaticon";
    font-size: 32px
}

.bx-next:hover {
    cursor: pointer;
    color: #00bf81
}

.b-fill {
    text-align: center
}

.b-fill__title {
    font-family: Avenir;
    font-size: 32px;
    margin-bottom: 15px
}

.b-fill__description {
    max-width: 520px;
    margin: 0 auto;
    font-size: 16px;
    color: #777
}

.b-fill__holder {
    max-width: 400px;
    margin: 50px auto 0
}

.b-fill__input-holder + .b-fill__input-holder {
    margin-top: 20px
}

.b-fill__success {
    color: #00bf81;
    font-size: 32px;
    font-family: Avenir
}

.b-fill__button-holder {
    margin-top: 50px
}

.b-input {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    border: none;
    background: transparent;
    padding: 0;
    line-height: 40px;
    font-size: 16px;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #cdcdcd
}
.b-textarea {
    width: 100%;
    line-height: 1.3em;
    text-align: left;
    vertical-align: baseline;
    border: 1px solid #cdcdcd;
    margin-top: 8px;
    padding: 16px;
    box-sizing: border-box;
    resize: none;
    color: #333;
}
.b-input, .b-textarea {
    font-family: 'Helvetica';
    font-size: 16px;
}

.b-input.not-valid {
    border-bottom-color: #e74646
}

.b-field-label {
    display: none !important;
    font-size: 0;
    height: 0;
    width: 0;
    overflow: hidden
}

.b-field-label .not-valid {
    display: none
}

input.not-valid::-webkit-input-placeholder {
    color: #e74646
}

input.not-valid::-moz-placeholder {
    color: #e74646
}

input.not-valid:-moz-placeholder {
    color: #e74646
}

input.not-valid:-ms-input-placeholder {
    color: #e74646
}

@-moz-keyframes headerHighlight {
    from {
        width: 0
    }

    to {
        width: 340px
    }
}

@-webkit-keyframes headerHighlight {
    from {
        width: 0
    }

    to {
        width: 340px
    }
}

@-o-keyframes headerHighlight {
    from {
        width: 0
    }

    to {
        width: 340px
    }
}

@keyframes headerHighlight {
    from {
        width: 0
    }

    to {
        width: 340px
    }
}

.simplemodal-container {
    overflow-y: scroll;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: auto !important;
    width: auto !important;
    font-size: 0;
    white-space: nowrap;
    text-align: center;
}

.simplemodal-container:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    content: ''
}

.simplemodal-wrap {
    display: inline-block;
    vertical-align: middle;
    margin: 100px 20px;
    font-size: 14px;
    white-space: normal;
    text-align: left;
    overflow: visible !important;
    cursor: default;
    text-align: center
}

.simplemodal-data {
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.simplemodal-overlay {
    position: fixed;
    overflow: hidden;
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: auto !important;
    width: auto !important;
}

.simplemodal-overlay:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: #fff;
    background: rgba(255,255,255,0.98);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.simplemodal-wrap,.simplemodal-wrap:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.b-modal {
    display: none;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.b-modal__close {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 20px;
    text-align: center;
    color: #333;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    font-size: 0;
    line-height: 1
}

@media screen and (min-width: 640px) {
    .b-modal__close {
        border:none;
        left: auto;
        padding: 0;
        top: 45px;
        right: 45px
    }
}

.b-modal__close-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin-right: 10px;
}

.b-modal__close-icon:before {
    font-family: "Flaticon";
    font-size: 8px;
}

.b-modal__close-caption {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
    font-family: 'Avenir'
}
.b-share {
    margin: 100px auto 90px;
}
.modal-content .b-page-text {
    margin-bottom: 1.3em;
}
#modal-about p.b-page-text {
    text-align: justify;
}