@font-face {
    font-family: 'CharterITCRegular';
    src: url('/fonts/charteritc-webfont.eot');
    src: url('/fonts/charteritc-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/charteritc-webfont.woff') format('woff'),
        url('/fonts/charteritc-webfont.ttf') format('truetype'),
        url('/fonts/charteritc-webfont.svg#CharterITCRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h2 {

    font-size: 24px;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: normal;
    line-height: 26px;
    line-height: 1em;
}
.portfolio {
    font-family: CharterITCRegular;
    overflow: hidden;
}
.logo_gelios .gelios__title {
    color: black;
    padding-top: 66px;
    font-size: 30px; }
.logo_gelios .g-rubber {
    max-width: 960px;
    margin: 0 auto;
    position: relative; 
}
.logo_gelios .intro {
    background: url("/images/logo_gelios/bg-intro.jpg") no-repeat center;
    background-size: cover; 
}
.logo_gelios .intro img {
    max-width: 100%;
}
.logo_gelios .intro__title {
    color: black;
    font-family: "CharterITCRegular";
    font-size: 36px;
    font-weight: 400;
    line-height: 42px;
    padding-top: 58px; }
.logo_gelios .intro__text {
    color: black;
    font-size: 16px;
    line-height: 23px; }
.logo_gelios .intro__logo {
    margin: 63px auto;
    display: block; 
    padding: 0 15px;
}
.logo_gelios .gelios-logo {
    padding: 104px 0 124px;
    text-align: center; 
}
.logo_gelios .gelios-logo img {
    max-width: 100%;
    padding: 0 15px;
}
.logo_gelios .style {
    background: url("/images/logo_gelios/bg-style.jpg") no-repeat center;
    background-size: cover;
    position: relative; }
.logo_gelios .style__firm {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    padding-bottom: 64px; }
.logo_gelios .umbrella {
    text-align: center;
    padding: 25px 0 181px; }
.logo_gelios .people {
    height: 829px;
    position: relative; }
.umbrella__img, .scarf__img {
    max-width: 100%;
}
.logo_gelios .people__square {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,e1dcdd+100 */
    background: #f0f0f0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f0f0f0 0%, #e1dcdd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #e1dcdd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0f0f0 0%, #e1dcdd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0f0f0 0%, #e1dcdd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f0f0f0 0%, #e1dcdd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f0f0f0 0%, #e1dcdd 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e1dcdd',GradientType=0 );
    /* IE6-9 */
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    bottom: 0;
    width: 1040px;
    height: 830px; }
.logo_gelios .people__man {
    background-image: url("/images/logo_gelios/man.png");
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    width: 692px;
    height: 961px;
    position: absolute;
    left: 50%;
    margin-left: -540px;
    bottom: 0;
    z-index: 2; }
.logo_gelios .people__girl {
    background-image: url("/images/logo_gelios/girl.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    width: 621px;
    height: 829px;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    bottom: 0;
    z-index: 1; }
.logo_gelios .scarf {
    padding: 79px 0 48px;
    text-align: center; }

/*# sourceMappingURL=logo_gelios.css.map */

.intro__title,
.intro__text,
.gelios__title {
    padding: 0 15px;
}