@charset "utf-8";

/* generally */

*,
*::after,
*::before{
    box-sizing:border-box;
    outline:none;
}
body{
    margin:0;
    padding:0;
    font-family: 'Helvetica Neue', Roboto, sans-serif;
    color:#000;
    font-size:100%;
    background:#fff;
    min-width:320px;
    font-weight: 300;
}
a{
    color:#000;
}
a:hover{
    color:#000;
    text-decoration:none;
    opacity: 0.7;
}
a img{
    border:none;
}
img{
    max-width: 100%;
    height: auto;
    display:block;
}
b, strong {
    font-weight: bold;
}
h1, h2, h3, h4, h5, h6{
    line-height:1.5;
    margin:0.75em 0em;
    color: inherit;
    font-weight: normal;
    text-transform: uppercase;
}
h1{font-size:1.875em;}
h2{font-size:1.625em;}
h3{font-size:1.375em;}
h4{font-size:1.125em;}
h5{font-size:1em;}
h6{font-size:0.875em;}

p{
    font-size:1em;
    line-height:1.5;
    margin:0em 0em 1em 0em;
}
table{
    border-collapse:collapse;
    margin:0.5rem 0;
}
table th{
    border:none;
    padding:0.75rem 1rem;
    font-size:1em;
    line-height:1.5;
    text-align:left;
}
table td{
    border:none;
    padding:0.75rem 1rem;
    font-size:1em;
    line-height:1.5;
}
table tr th{background:#ededed;}
table tr:nth-child(2n+1) td{background:#ededed;}
table tr:nth-child(2n) td{background:#dfdede;}

ul{
    margin:1em 0;
    padding:0em;
    font-size:16px;
    list-style-position:inside;
    line-height:1.5;
}
li ul{
    margin:0rem;
    font-size:1em;
    padding-left: 1.25em;
}
li {
    list-style: none;
    position: relative;
    padding: 0em 0em 0.5em 1.7em;
}
iframe{
    border:none;
}

/* forms */

form{
    margin:0;
    padding:0;
}
input[type=text],
input[type=tel],
input[type=email],
input[type=url],
input[type=search],
input[type=password],
textarea,
select{
    font-size:1em;
    font-family:inherit;
    width:100%;
    border:0.063rem solid #000;
    box-shadow:none;
    padding:0.5rem 0.75rem;
    margin:0.25rem 0;
    color:#000;
    background:#fff;
    line-height:1.5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
*:focus{
    outline:none;
}
input[type=radio],
input[type=checkbox]{
    border:none;
    width:0.938rem;
    width:0.938rem;
    padding:0rem;
    margin:0rem 0.25rem 0rem 0rem;
}
textarea{
    min-height:8rem;
    resize:none;
    overflow: auto;
}
button,
input[type=submit]{
    margin:0;
    padding:0;
    cursor:pointer;
    border:0;
    background:none;
    font-size:1em;
    line-height:1.5;
    font-family:inherit;
}
::-webkit-input-placeholder {
    opacity:1;
    color:#000;
}
::-moz-placeholder {
    opacity:1;
    color:#000;
}
:-ms-input-placeholder {
    opacity:1;
    color:#000;
}
label{
    display:block;
    font-size:1em;
    line-height:1.5;
    margin:0.25rem 0em;
}

/* forms end */

/* buttons */

.button{
    display:inline-block;
    vertical-align:top;
    text-decoration:none;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
    float:right;
    margin:0.25rem 0rem;
    transition:0.3s;
    line-height:1.5;
}
.button.small{
    font-size:1em;
    padding:0.5rem 0.75rem;
}
.button.medium{
    font-size:1.25em;
    padding:0.5rem 0.75rem;
}
.button.proceed{
    background:#000;
    color:#fff;
}
.button.proceed:hover{
    background:#555;
}
.button.back{
    background:#888;
    color:#fff;
}
.button.back:hover{
    background:#aaa;
}

/* buttons end */

/* status messages */

.status-message{
    padding: 0.5rem 0.75rem;
    color:#fff;
    line-height:1.5;
    margin:0.25rem 0;
    animation:status-showing 0.5s 1.5s 1 alternate forwards;
    opacity:0;
    left:3rem;
    position:relative;
    clear:both;
}

.status-message.success{background:#1ea60c;}
.status-message.error{background:#cf1616;}
.status-message.info{background:#2035bb;}

.status-message:nth-child(1){animation: status-showing 0.5s 0.5s 1 alternate forwards;}
.status-message:nth-child(2){animation: status-showing 0.5s 0.75s 1 alternate forwards;}
.status-message:nth-child(3){animation: status-showing 0.5s 1s 1 alternate forwards;}
.status-message:nth-child(4){animation: status-showing 0.5s 1.25s 1 alternate forwards;}

@keyframes status-showing{
    0% { opacity:0; left:3em;}
    100% { opacity:1; left:0;}
}
.status-message *{
    font-size:1em;
}
.status-message *:last-child{
    padding-bottom:0;
    margin-bottom:0;
}
.status-message a{
    color:inherit;
    transition:0.3s;
    opacity:0.7;
}
.status-message a:hover{
    opacity:1;
}

/* status messages end */

/* schema start */

.container{
    float:left;
    width:100%;
}
.inner{
    margin:0 auto;
    padding-left:1.625em;
    padding-right:1.625em;
    position:relative;
}
.inner::after{
    width:100%;
    height:0;
    display:block;
    content:'';
    clear:both;
}
.block-1{
    padding: 2.188em 0rem;
    background: linear-gradient(#C1CBF1, #fff) left top / 100% 100% no-repeat;
}
.block-2{
    padding-bottom:3.813em;
}

/* schema end */

/* page parts */

.logo {
    width: 10.5em;
}
.headline {
    margin-top: 0;
}
.subheadline {
    margin-top: 0;
    margin-bottom: 2.125rem;
}
.intro {
    float: left;
    width: 100%;
}
.intro .perex {
    margin: 0 0 1.75rem 0;
    font-size: 1.125em;
}
.intro .block {
    margin: 0 0 2rem 0;
}
.intro .block .title {
    display: block;
    font-weight: 700;
}
.intro .block .desc {
    display: block;
    font-size: 0.8em;
}
.projects {
    float: left;
    width: 100%;
}
.projects .block {
    margin: 0 0 2rem 0;
}
.projects .block .image{
    height: 2.5rem;
    object-fit:contain;
    margin-bottom: 0.75rem;
}
.projects .block .title {
    display: none;
    font-weight: 700;
}
.projects .block .title + br {
    display: none;
}
.projects .block .desc {
    display: block;
    font-size: 0.8em;
}

/* page parts end */