@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);

body {
    font: normal normal 11px/11px "Open Sans",Helvetica,sans-serif;
    color: #333;
    -ms-overflow-style: scrollbar;
    background-color: #05091a;
    background: url('/img/1.jpg') #000;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}

body, html {
    height: 100%;
}
.no-padding, body, li, ul {
    padding: 0;
}
.no-margin, body, li, ul {
    margin: 0;
}
/*----------------BODY-END------------------*/


/*----------------HEAD-START------------------*/

.navbar-default .navbar-nav>li>a {-moz-transition: color 0.4s 0.04s ease; -o-transition: color 0.4s 0.04s ease; -webkit-transition: color 0.4s 0.04s ease; color:#222;color:#fff;text-decoration:none;font-size:14px;text-transform:uppercase;outline:0;position:relative;background:0 0;padding:15px 25px;cursor:pointer;}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color: #418fe2;text-decoration:none;}

.navbar-brand {
    float: left;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}


.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

.uplay-nav {
    background-color: #415055;
    background-color: rgba(30, 45, 66, 0.85);
}

.container, .container-fluid {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.navbar-brand {
    background: url(../img/logo/UbisoftClub_logo_white.png) center center no-repeat;
    width: 171px;
    height: 40px;
    background-size: 151px auto;
}

.nav {
    list-style: none;
    
    display: -webkit-box;
    margin-left: 190px;
    margin-top: -40px;
}


.nav>li, .nav>li>a {
    display: block;
    position: relative;
}
.no-margin, body, li, ul {
    margin: 0;
}
.no-padding, body, li, ul {
    padding: 0;
}


.mainContent {
    width: 100%;
    margin-top: 40px;
    position: relative;
    z-index: 60;
}


.mainContent .mainBg {
    max-width: 1230px;
    min-height: 800px;
    margin: 0 auto;
}

 .time-line-cover
 {
 background-image : url(/img/header-main.jpg);
 }

.user-card-bottom-blur {
    height: 120px;
    right: 0;
    overflow: hidden;
    border-top: 1px solid;
    border-color: rgba(255,255,255,.25);
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
    background: rgba(111, 111, 111, 0.3);
}

.hi-block {
    position: absolute;
    margin-top: 40px;
    margin-left: 40px;
    width: 600px;
    font-size: 16px;
    color: #eae8e8;
    line-height: 25px;
    text-shadow: 1px 1px 2px #000;
    font-weight: initial;
}

.hishow {
 -webkit-animation-name: example; /* Chrome, Safari, Opera */
 -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
 animation-name: example;
 animation-duration: 2s;}


@-webkit-keyframes example {
 0% {opacity: 0;}
 25% {opacity: 0.3;}
 50% {opacity:0.5;}
 75% {opacity:0.7;}
 100% {opacity:1;}
}

@keyframes example {
 0% {opacity: 0;}
 25% {opacity: 0.3;}
 50% {opacity:0.5;}
 75% {opacity:0.7;}
 100% {opacity:1;}
}

option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
    background: rgb(64, 64, 64);
    font-size: 14px;
}

.pop-link-dblue {width: 90px; text-align: center;float: left;margin-right: 30px;}
.pop-link-dblue a {color: #1882af; text-decoration: none; outline: 0; font-size: 13px; font-weight: bold;font-family: Verdana, sans-serif;opacity:0.7;transition: 0.4s linear;}
.pop-link-dblue a:hover {opacity:1;}
.pop-link-dblue img {border: 2px solid #0d3b52;width: 90px; border-radius: 50%;margin-bottom: 5px;}

.pop-link-green {width: 90px; text-align: center;float: left;margin-right: 30px;}
.pop-link-green a {color: #457744; text-decoration: none; outline: 0; font-size: 13px; font-weight: bold;font-family: Verdana, sans-serif;opacity:0.7;transition: 0.4s linear;}
.pop-link-green a:hover {opacity:1;}
.pop-link-green img {border: 2px solid #345a33;width: 90px; border-radius: 50%;margin-bottom: 5px;}

.pop-link-red {width: 90px; text-align: center;float: left;margin-right: 30px;}
.pop-link-red a {color: #a74343; text-decoration: none; outline: 0; font-size: 13px; font-weight: bold;font-family: Verdana, sans-serif;opacity:0.7;transition: 0.4s linear;}
.pop-link-red a:hover {opacity:1;}
.pop-link-red img {border: 2px solid #823232;width: 90px; border-radius: 50%;margin-bottom: 5px;}

.pop-link-lblue {width: 90px; text-align: center;float: left;margin-right: 30px;}
.pop-link-lblue a {color: #59a4af; text-decoration: none; outline: 0; font-size: 13px; font-weight: bold;font-family: Verdana, sans-serif;opacity:0.7;transition: 0.4s linear;}
.pop-link-lblue a:hover {opacity:1;}
.pop-link-lblue img {border: 2px solid #4f96a0;width: 90px; border-radius: 50%;margin-bottom: 5px;}

.pop-link-blue {width: 90px; text-align: center;float: left;margin-right: 30px;}
.pop-link-blue a {color: #5ba0d8; text-decoration: none; outline: 0; font-size: 12px; font-weight: bold;font-family: Verdana, sans-serif;opacity:0.7;transition: 0.4s linear;}
.pop-link-blue a:hover {opacity:1;}
.pop-link-blue img {border: 2px solid #3e7db1; width: 90px; border-radius: 50%;margin-bottom: 5px;}

.pop-link-vio {width: 90px; text-align: center;float: left;margin-right: 30px;}
.pop-link-vio a {color: #555890; text-decoration: none; outline: 0; font-size: 12px; font-weight: bold;font-family: Verdana, sans-serif;opacity:0.7;transition: 0.4s linear;}
.pop-link-vio a:hover {opacity:1;}
.pop-link-vio img {border: 2px solid #555890; width: 90px; border-radius: 50%;margin-bottom: 5px;}

.pop-num {
    position: absolute;
    margin-top: -18px;
    margin-left: 30px;
    background: #a93030;
    padding: 1px 7px;
    border-radius: 3px;
    font-size: 9px;
    border: 1px solid #bd5151;
    color: aliceblue;
    font-weight: initial;
}


.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    content: " ";
    display: table;}

.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}

.user-card-bottom-blur, .user-card-bottom-blur>*, .user-card-bottom-blur>img {
    bottom: 0;
    position: absolute;
    width: 100%;
}


.pull-right {float: right !important;}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.user-m {position: absolute; width: 150px; background: #1a2639; margin-top: 45px; padding: 10px; margin-left: -140px; border-radius: 3px;}
.user-m a {color: aliceblue; text-decoration: none; font-size: 12px; line-height: 15px;}
.user-m a:hover {color: #418fe2;}


/*----------------HEAD-END------------------*/


/*----------------CONTENT-START------------------*/
.page-container {
    overflow: hidden;
    min-height: 800px;
    background-color: #fff!important;
}

.page-container {
    padding: 10px 10px;
}

.time-line-cover {
    position: relative;
    width: 100%;
    height: 444px;
    background-position: center;
    background-size: cover;
}

/*----------------CONTENT-END------------------*/

button, input, select, textarea {
    width: 310px;
    font-family: inherit;
    line-height: inherit;
    background: rgba(0, 0, 0, 0.53);
    border: 2px solid #989393;
    border-radius: 5px;
    font-size: 20px;
    padding: 5px 5px;
    color: #cacaca;
}

.buttonz {
    background-color: #688cad;color: white;
    border: none;
    padding: 8px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 234px;
    margin-top: 8px;
    font-family: 'PT Sans Narrow', sans-serif;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.buttonz-g {
    background-color: #68ad76;
    color: white;
    border: none;
    padding: 8px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 296px;
    margin-top: 8px;
    font-family: 'PT Sans Narrow', sans-serif;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-bottom: 10px;
}

.buttonz-r {
    background-color: #ca5e5b;
    color: white;
    border: none;
    padding: 8px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 296px;
    margin-top: 8px;
    font-family: 'PT Sans Narrow', sans-serif;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-bottom: 10px;
}



*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}