.content-cpyc {
    color:#313437;
    background-color:#eef4f7;
    padding:50px 0 55px;
    overflow:hidden;
}

@media (max-width:767px) {
    .content-cpyc {
        text-align:center;
    }
}

.content-cpyc p {
    color:#7d8285;
}

.content-cpyc h2 {
    font-weight:bold;
    margin-bottom:35px;
    line-height:1.5;
    padding-top:0;
    margin-top:0;
    color:inherit;
}

.content-cpyc .intro {
    font-size:18px;
    max-width:500px;
    line-height:1.5;
}

@media (max-width:767px) {
    .content-cpyc .intro {
        max-width:none;
    }
}

.content-cpyc .intro p {
    margin-bottom:35px;
}

.content-cpyc .intro .btn {
    padding:16px 32px;
    border:none;
    background:none;
    box-shadow:none;
    text-shadow:none;
    opacity:0.9;
    text-transform:uppercase;
    font-weight:bold;
    font-size:13px;
    letter-spacing:0.4px;
    line-height:1;
}

.content-cpyc .intro .btn:hover {
    opacity:1;
}

.content-cpyc .intro .btn:active {
    transform:translateY(1px);
}

.content-cpyc .intro .btn-primary {
    background-color:#055ada;
    color:#fff;
}

.content-cpyc .zp-mockup {
    position:relative;
    max-width:260px;
    margin-top:-30px;
    margin-bottom:-230px;
    transform:rotate(-15deg);
}

.content-cpyc .zp-mockup img.device {
    width:100%;
    height:auto;
}

.content-cpyc .zp-mockup .screen {
    position:absolute;
    width:88%;
    height:77%;
    top:12%;
    border-radius:2px;
    left:6%;
    border:1px solid #444;
    background-color:#aaa;
    overflow:hidden;
    background:url(../images/cpyc.jpg);
    background-size:cover;
    background-position:center;
}

.content-cpyc .zp-mockup .screen:before {
    content:'';
    background-color:#fff;
    position:absolute;
    width:70%;
    height:140%;
    top:-12%;
    right:-60%;
    transform:rotate(-19deg);
    opacity:0.2;
}


.content-tykj {
    color:#313437;
    background-color: #eeeeff;
}

.content-tykj p {
    color:#7d8285;
}

.content-tykj h2 {
    font-weight:bold;
    margin-bottom:10px;
    padding-top:10px;
    color:inherit;
}

@media (max-width:500px) {
    .content-tykj h2 {
        margin-bottom:5px;
        padding-top:5px;
        font-size:4px;
    }
}

.content-tykj .intro {
    font-size:16px;
    max-width:450px;
    margin:0 auto 10px;
}

.content-tykj .projects {
    padding-bottom:10px;
}

.content-tykj .item {
    padding-top:5px;
    min-height:60px;
}

@media (max-width:500px) {
    .content-tykj .item {
        padding-top:5px;
        min-height:60px;
    }
}

.content-tykj .item .name {
    font-size:18px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:15px;
    color:inherit;
}

@media (max-width:550px) {
    .content-tykj .item .name {
        margin-top:5px;
    }
}

.content-tykj .item .description {
    font-size:15px;
    margin-bottom:0;
}