* {
        margin: 0;
        padding: 0;
        outline: none;
        box-sizing: border-box;
}
html {
        height: 100%;
}
body {
        color: #878787;
        font: 14px/17px Helvetica, Arial, Sans-Serif;
        min-height: 100%;
        position: relative;
        background: #fff url(../image/face/bg.jpg) no-repeat 50% 0;
        -webkit-background-size: cover;
        background-size: cover;
        min-height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
}
/*.holder {
        background: url(../image/face/bg.png) no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        width: 100%;
}*/
a {
        color: #b7b7b7;
        text-decoration: underline;
        outline: none;
        cursor: pointer;
        /*transition: all 0.2s ease;*/
}
a:hover {
        text-decoration: none;
}
.text-center {
        text-align: center;
}
ul, ol {
        list-style: none;
}
.wrap {
        width: 100%;
        overflow: hidden;
}
p {
        margin: 5px 0 15px 0;
        font-size: 13px;
        line-height: 16px;
}
img {
        border: none;
        display: block;
        max-width: 100%;
}
address {
        font-style: normal;
}
textarea {
        overflow: auto;
}
.clearfix {
        position: relative;
}
.clearfix:after {
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}
.btn {
        height: 60px;
        border-radius: 4px;
        text-decoration: none;
        text-align: center;
        line-height: 60px;
        padding: 0 35px;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        font-size: 20px;
}
.btn-empty {
        color: #2185d0;
        border: 1px solid #2185d0;
}
.btn-empty:hover {
        color: #fff;
        background: #2185d0;
}
.btn-full {
        background: rgb(17,100,162); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(17,100,162,1) 0%, rgba(110,175,224,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(17,100,162,1) 0%,rgba(110,175,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(17,100,162,1) 0%,rgba(110,175,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1164a2', endColorstr='#6eafe0',GradientType=1 ); /* IE6-9 */
        color: #fff;
        font-weight: bold;
}
.btn-full:hover {
        background: rgb(110,175,224); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(110,175,224,1) 0%, rgba(17,100,162,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(110,175,224,1) 0%,rgba(17,100,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(110,175,224,1) 0%,rgba(17,100,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eafe0', endColorstr='#1164a2',GradientType=1 ); /* IE6-9 */
        color: #fff;
        font-weight: bold;
}
.create-account {
        width: 260px;
        display: block;
        margin: 0 auto;
}

/* *** */

.container {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        padding: 0 100px;
}
.header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 40px 0;
        margin-bottom: 60px;
}
.header .logo {
/*        background: url(../image/face/logo.png) no-repeat;*/
        -webkit-background-size: 180px 41px;
        background-size: 180px 41px;
        width: 180px;
        height: 41px;
        display: block;
        text-indent: -9999px;
}
.user-links .btn {
        margin-left: 30px;
}
.content {
        text-align: center;
}
.content .title {
        font-size: 50px;
        line-height: 55px;
        color: #000;
        max-width: 660px;
        margin: 0 auto 18px;
}
.content .small-title {
        display: block;
        font-size: 20px;
        line-height: 24px;
        color: #4d5155;
        margin-bottom: 50px;
}
.content .people {
        display: block;
        max-width: 40%;
        margin: 0 auto 50px;
}
.footer {
        background: #2185d0;
        width: 100%;
        text-align: center;
        margin-top: 150px;
}
.logo-footer {
        width: 155px;
        display: block;
        margin: 78px auto 35px;
}
.logo-footer path {
        fill: #fff !important;
}
.footer-nav {
        text-align: center;
        margin-bottom: 70px;
}
.footer-nav li {
        color: #fff;
        display: inline-block;
        vertical-align: top;
        font-size: 18px;
        margin: 10px 2px;
}
.footer-nav li a {
        color: #fff;
        text-decoration: none;
}
.footer-nav li a:hover {
        color: #6fcaff;
}
.footer .line {
        background: #2776b0;
        padding: 25px 0;
        color: #fff;
        font-size: 14px;
}
.footer .line p {
        margin: 0;
}
@media screen and (max-width: 1280px) {
        .container {
                padding: 0 20px;
        }
}
@media screen and (max-width: 991px) {
        .content .people {
                max-width: 60%;
        }
}
@media screen and (max-width: 991px) {
        .content .title {
                font-size: 30px;
                line-height: 35px;
        }
}
@media screen and (max-width: 567px) {
        .header {
                display: block;
                text-align: center;
                padding: 20px 0;
        }
        .header .logo {
                margin: 0 auto 50px;
        }
        .user-links .btn {
                margin: 0 20px;
                height: 50px;
                line-height: 50px;
        }
        .content .people {
                max-width: 90%;
        }
}
@media screen and (max-width: 479px) {
        .user-links {
                display: flex;
                justify-content: space-between;
        }
        .user-links .btn {
                width: 40%;
                padding: 0 10px;
                margin: 0 10px;
        }
}