body a,body a:active,body a:focus,body a:hover,body a:visited{text-decoration:none;color:#fff}
body,html{font-family:HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;display:inline-block;background:#e9eaed}
body,footer,header{display:-webkit-flex}
body{font-size:27px;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
@media (max-width:1304px){body{font-size:20px}
}
@media (max-width:1024px){body{font-size:16px}
}
@media (max-width:768px){body{font-size:12px}
}
@media (max-width:550px){body{font-size:22px}
}
@media (max-width:425px){body{font-size:13px}
}
body h2{font-size:40px;margin:0}
@media (max-width:1304px){body h2{font-size:32px}
}
@media (max-width:1024px){body h2{font-size:20px}
}
@media (max-width:550px){body h2{font-size:30px}
}
@media (max-width:425px){body h2{font-size:18px}
}
body a{cursor:pointer}
footer,header{display:-ms-flexbox;display:flex;background:#456b8f;padding:1% 5%;color:#fff}
.content,.content .left .info .fact{display:-webkit-flex;display:-ms-flexbox}
header{-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-size:24px}
header .header-left .big7_logo{height:60px}
header .header-left p{font-size:64px;margin:-2% 0}
@media (max-width:1304px){header .header-left .big7_logo{height:40px}
header .header-left p{font-size:36px}
}
@media (max-width:1024px){header .header-left p{font-size:26px}
}
@media (max-width:550px){footer,header{padding:10px 5%}
header{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
header .header-left p{font-size:18px}
}
header .header-right{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:36px;min-width:60%;width:auto}
@media (max-width:1304px){header .header-right{font-size:30px}
}
@media (max-width:1024px){header .header-right{font-size:22px;min-width:initial}
}
header .header-right img{margin:0 2%}
header .header-right .search{background:#fff;color:#9a9a9a;border-radius:10px;padding:0 2%;width:65%}
header .header-right .search input{border:none;width:85%}
header .header-right .symbol{height:-webkit-fit-content;height:fit-content;height:-moz-fit-content}
@media (max-width:550px){header .header-right{font-size:16px}
header .header-right .symbol{height:20px}
}
header .header-right .messages{position:relative}
header .header-right .messages .number{position:absolute;top:-1px;right:-8px;font-size:17px;padding:0 10px}
@media (max-width:1304px){header .header-right .messages .number{font-size:14px}
}
@media (max-width:1024px){header .header-right img{margin:0 10px}
header .header-right .messages .number{font-size:12px;padding:0 5px;top:-2px;right:-4px}
}
@media (max-width:550px){header .header-right .messages .number{font-size:11px;top:-4px;right:-8px}
}
@media (max-width:425px){header .header-right .messages .number{font-size:10px;top:-4px;right:-8px}
}
.content{display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:2% 5%}
.content .left .friends,.content .left .info{padding:2% 4%}
.content .left{width:37%;background:#fff;height:-webkit-fit-content;height:fit-content;height:-moz-fit-content}
@media (max-width:550px){.content{display:block}
.content .left{width:100%;margin-bottom:5%}
}
.content .left .main-picture img{width:100%;height:auto}
.content .left .info .fact{display:flex;-webkit-align-items:end;-ms-flex-align:end;align-items:end;padding:3% 0}
.content .left .info .fact p{padding:0 1.5% 0 2.5%;margin:0}
.content .left .info .fact img{height:37.5px;width:39px;min-width:39px}
@media (max-width:1024px){.content .left .info .fact img{width:29px;height:28px;min-width:29px}
}
.content .left .info .button{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.content .left .info .button button{background:#456b8f;color:#fff;border:solid #456b8f;border-radius:10px}
.content .left .border{width:92%;border-top:2px dashed #868686;background-color:#bdbdbd}
.content .left .friends h2{padding-bottom:2%}
.content .left .friends div{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.content .left .friends div .friend{width:32%}
.content .left .friends div .friend img{width:100%;height:auto}
.content .left .friends div .friend p{font-size:17px;padding-top:2%;margin:0 auto 10px}
@media (max-width:1304px){.content .left .friends div .friend p{font-size:13px}
}
@media (max-width:1024px){.content .left .friends div .friend p{font-size:11px}
}
@media (max-width:768px){.content .left .friends div .friend p{font-size:8px}
}
@media (max-width:550px){.content .left .info .button button{border-radius:5px}
.content .left .friends div .friend p{font-size:15px}
}
@media (max-width:425px){.content .left .friends div .friend p{font-size:9px}
}
.content .right{width:60%}
@media (max-width:550px){.content .right{width:100%}
}
.content .right .post{background:#fff;margin-bottom:5%}
.content .right .post .post-header{padding:2%;display:-webkit-flex;display:-ms-flexbox;display:flex}
.content .right .post .post-header img{width:12%;height:100%}
.content .right .post .post-header .name{width:88%;padding-left:2%}
.content .right .post .post-header .name h3{margin-bottom:0}
.content .right .post .post-header .name div{color:#ccc;padding:0}
.content .right .post .post-content{padding:0 2%}
.content .right .post .post-content .post-payload{font-size:31px;width:100%}
@media (max-width:1304px){.content .right .post .post-content .post-payload{font-size:24px}
}
@media (max-width:1024px){.content .right .post .post-content .post-payload{font-size:20px}
}
@media (max-width:768px){.content .right .post .post-content .post-payload{font-size:15px}
}
@media (max-width:550px){.content .right .post .post-content .post-payload{font-size:18px}
}
@media (max-width:425px){.content .right .post .post-content .post-payload{font-size:14px}
}
@media (max-width:375px){.content .right .post .post-content .post-payload{font-size:11px}
}
.content .right .post .post-content .likes{margin-top:1%;color:#ccc}
.content .right .post .post-footer table{width:100%;text-align:center;color:#999;background-color:#f9fafb}
.content .right .post .post-footer table td{border-top:2px solid #dcdddd;padding:1%;font-size:32px;width:33%}
@media (max-width:1304px){.content .right .post .post-footer table td{font-size:24px}
}
@media (max-width:1024px){.content .right .post .post-footer table td{font-size:20px}
}
@media (max-width:768px){.content .right .post .post-footer table td{font-size:15px}
}
@media (max-width:550px){.content .right .post .post-footer table td{font-size:18px}
}
@media (max-width:425px){.content .right .post .post-footer table td{font-size:11px;padding:5px}
}
.content .right .post .post-footer table .mid{border-right:2px solid #dcdddd;border-left:2px solid #dcdddd}
footer{padding:2% 5%;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
@media (max-width:550px){footer{font-size:11px;padding:10px 5%}
}
.reglayer{cursor:pointer}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0;background-color:rgba(0,0,0,.75);display:none;overflow-y:scroll;overflow-x:hidden}
.modal .modal-dialog{max-width:95%;width:950px;margin:auto;height:-webkit-fit-content;height:fit-content;height:-moz-fit-content;max-height:-webkit-fit-content;max-height:fit-content;max-height:-moz-fit-content;position:absolute;top:0;right:0;bottom:0;left:0}
.modal .modal-dialog .modal-content{background-color:rgba(0,0,0,0);position:relative;border-radius:0}
@media (max-width:1024px){.modal .modal-dialog{width:350px;margin:55px auto;max-width:98%}
.modal .modal-dialog .modal-content .modal-body{padding:5px}
}
.modal .modal-dialog .modal-content main{display:-webkit-flex;display:-ms-flexbox;display:flex;padding:35px;border-radius:10px;background:rgba(69,107,143,.8);box-shadow:0 0 30px 30px #fff;color:#fff}
@media (max-width:1024px){.modal .modal-dialog .modal-content main{display:block;padding:10px;border-radius:0}
}
.modal .modal-dialog .modal-content main .banner{width:-webkit-fit-content;width:fit-content;width:-moz-fit-content;margin-right:18px}
.modal .modal-dialog .modal-content main .banner img{height:100%;width:-webkit-fit-content;width:fit-content;width:-moz-fit-content}
.modal .modal-dialog .modal-content main .mobile-banner{margin-top:10px}
.modal .modal-dialog .modal-content main .mobile-banner img{width:100%;height:auto}
.modal .modal-dialog .modal-content main form{width:auto}
.modal .modal-dialog .modal-content main form .check{position:relative;margin-bottom:10px}
.modal .modal-dialog .modal-content main form .check label{width:-webkit-fit-content;width:fit-content;width:-moz-fit-content;padding:7.2px 0 0;margin:0 0 10.8px;font-weight:400;font-size:18px;padding-left:40px}
@media (max-width:1024px){.modal .modal-dialog .modal-content main form .check label{font-size:10px;font-weight:lighter;margin:0;padding-left:35px}
}
.modal .modal-dialog .modal-content main form .check label a{text-decoration:underline}
.modal .modal-dialog .modal-content main form .check input[type=checkbox]+label{position:relative;padding-left:30px}
@media (max-width:1024px){.modal .modal-dialog .modal-content main form .check input[type=checkbox]+label{padding-left:25px}
}
.modal .modal-dialog .modal-content main form .check input[type=checkbox]{position:absolute;top:.9rem;left:0;width:18px;height:18px;z-index:1;cursor:pointer}
@media (max-width:1304px){.modal .modal-dialog .modal-content main form .check input[type=checkbox]{top:.5rem}
}
.modal .modal-dialog .modal-content main form input[type=email],.modal .modal-dialog .modal-content main form input[type=password]{color:#000}
.modal .modal-dialog .modal-content main form input{width:100%;padding:15px;outline:0;margin:0 0 12px;border:5px solid rgba(69,107,143,0)}
@media (max-width:1024px){.modal .modal-dialog .modal-content main form input{padding:10px;font-size:12px;margin:0 0 5px}
}
.modal .modal-dialog .modal-content main form button{background-color:#86c10a;border:none;width:100%;padding:10px;font-weight:700;font-size:40px}
@media (max-width:1024px){.modal .modal-dialog .modal-content main form button{font-size:20px}
.hide-desktop{display:block}
}
.modal .modal-dialog .modal-content main form input.marked{box-shadow:0 0 5px 5px #e60708;-webkit-box-shadow:0 0 5px 5px #e60708;-moz-box-shadow:0 0 5px 5px #e60708;border-radius:3px;border-color:#e60708}
@media (max-width:550px){.modal .modal-dialog .modal-content main form .check input[type=checkbox]{top:.9rem}
.likes-and-time{font-size:17px}
}
@media (max-width:425px){.modal .modal-dialog .modal-content main form .check input[type=checkbox]{top:.5rem}
.likes-and-time{font-size:9px}
}
@media (max-width:1024px){.hide-mobile{display:none}
}
@media (min-width:1025px){.hide-desktop{display:none}
.hide-mobile{display:block}
}
.error{position:absolute!important;width:65%}
.error.agb,.error.newsletter{top:45px;left:-4.5%}
@media (max-width:1024px){.error{width:95%}
.error.agb,.error.newsletter{width:65%;top:40px;left:-5%}
}
.error .feedback{position:relative;padding:10px;margin:0 auto 10px;background-color:#feb2b2;color:#ff0100;border-radius:10px;text-align:center;font-size:12px;z-index:5}
.error .feedback a{color:#ff0100;text-decoration:underline}
.error .feedback:after{content:'';position:absolute;top:0;left:15%;width:0;height:0;border:10px solid transparent;border-bottom-color:#feb2b2;border-top:0;margin-left:-10px;margin-top:-10px}