#wrapper {
            width: 100%;
        }
        .new-login-register {
            position: fixed;
            height: 100%;
        }
        .new-login-register .new-login-box {
            margin-left: 40%;
            margin-top: 10%;
            width: 400px;
        }
        .white-box1 {
            border: #631D0F solid 1px;
            padding: 17px;
            background: #ffae00;
        }
        .new-login-register .new-login-box .new-lg-form {
            padding-top: 20px;
        }
        .form-horizontal .form-group {
            margin-bottom: 25px;
        }
        .m-t-20 {
            margin-top: 20px !important;
        }
        .waves-effect {
            position: relative;
            cursor: pointer;
            display: inline-block;
            overflow: hidden;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-tap-highlight-color: transparent;
        }
        .btn-info, .btn-info.disabled {
            background: #009ee5;
            border: 1px solid #009ee5;
        }
        .btn-group-lg > .btn, .btn-lg {
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.3333333;
            border-radius: 6px;
        }
        .text-uppercase {
            text-transform: uppercase;
        }

body {
	/*background-image: url(../images/fond.jpg);*/
	background-size:cover;
	background-repeat: no-repeat;
}
.wrapper, 
.container {
    height: 525px;
    width: 337px;
}
.wrapper {
    margin: auto;
    position: absolute;
    top: -10px; right: 0; bottom: 0; left: 0;
}
.container {
    position: relative;
}
.container .stencil {
    border: 5px solid #009ee5;
    height: 440px;
    width: 235px;
    transform: matrix(0.85,0.8,-0.08,0.7,19,43);   
    position: absolute;
    z-index: 1;
}
.container .stencil .line {
    border: 3px solid #663300 ;
    height: 94.6%;
    margin: 11px 0;
    border-right: none;
    border-left: none;
}
.container .border-triangle  {
    position: absolute;
    z-index: 10;
    border-top: 257px solid transparent;
    border-left: 337px solid rgba(255,255,255,0.5);
    border-bottom: 268px solid transparent;  
}
.container .content-triangle {
    position: absolute;
    left: 12px;
    top: 22px;
    border-top: 235px solid transparent;
    border-left: 307px solid #fff;
    border-bottom: 245px solid transparent;
    z-index: 15;
}
.container .content-triangle:before,
.container .content-triangle:after,
.container form .title:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 15px;
    border: 1px solid #663300;
    
}
.container .content-triangle:before {
    border-bottom: none;
    border-right: none;
    transform: matrix(0.85,0.64,-0,0.7,-295,-203);
}
.container .content-triangle:after {
    border-top: none;
    border-right: none;
    transform: matrix(0.85,-0.7,-0,0.7,-295,197);
}
.container .enter-triangle-one {
    position: absolute;
    border-top: 90px solid transparent;
    border-left: 135px solid #192042;
    border-bottom: 76px solid transparent;
    transform: rotate(51.5deg);
    bottom: 5px;
    left: 153px;
    z-index: 5;
}
.container .enter-triangle-one:before {
    content: '';
    position: absolute;
    border-top: 120px solid transparent;
    border-left: 188px solid #192042;
    border-bottom: 141px solid transparent;
    transform: rotate(4deg);
    bottom: -129px;
    left: -207px;
    -webkit-filter: blur(20px);
    filter: blur(20px);
    z-index: 5;
}
.container .enter-triangle-two {
    position: absolute;
    border-top: 111px solid transparent;
    border-left: 108px solid rgba(40, 65, 143, 0.2);
    border-bottom: 47px solid transparent;
    transform: rotate(51deg);
    bottom: 13px;
    left: 148px;
    z-index: 6;
}
.container form {
    position: absolute;
    z-index: 20;
    top: 166px;
    left: 30px;
}
.container form:before,
.container form:after,
.container form .input-inform:before,
.container form .title:before {
    content: '';
    position: absolute;
    background: rgba(204,204,204,0.13);
    height: 1px;
}
.container form:before {
    width: 315px;
    transform: rotate(37.2deg);
    left: -28px;
    top: -11px;
}
.container form:after {
    width: 320px;
    left: -31px;
    bottom: 35px;
    transform: rotate(-39deg);
}
.container form .title {
    border-bottom: 1px solid #213a80;
    padding-bottom: 9px;
    margin: 0 0 30px 9px;
    width: 95px;
}
.container form .title:before {
    width: 26px;
    background: #213a80;
    top: 58px;
}
.container form .title:after {
    border-top: none;
    border-left: none;
    width: 8px;
    height: 9px;
    transform: matrix(0.85,-0.7,0.8,0.6,241,37);
}
.container form label {
    display: block;
    color: #6b707d;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}
.container form .input-inform:before {
    width: 1px;
    height: 396px;
    left: -5px;
    top: -102px;
}
.container form input:focus {
    outline: none;
}
.container form label:last-child {
    font-weight: bold;
    letter-spacing: 1px;
}
.container form input[type="text"],
.container form input[type="password"] {
    border: none;
    border-bottom: 1px solid #f2f2f2;
    display: block;
    width: 160px;
    color: #663300;
}
.container form input[type="text"] {
    padding: 0 0 7px 9px;
}
.container form input[type="password"] {
    padding: 17px 0 9px 9px;
}
.container form #forgot-pas,
.container form .enter,
.container form .enter label,
.container form #enter {
    cursor: pointer;
    position: relative;
}
.container form #forgot-pas {
    color: #0c0c0c;
    background: #fff;
    border: 1px solid #f2f2f2;
    font-size: 9px;
    height: 17px;
    width: 108px;
    top: 6px;
    left: 25px;
}
.container form .enter {
    width: 50px;
    height: 50px;
    top: 50px;
    left: 148px;
}
.container form .enter label:before {
    content: '\1F512';
    color: rgba(197, 197, 197,0.6);
    left: 10px;
    top: 7px;
    position: relative;
}
.container form .enter label:hover:before {
    content: '\1F513';
}
.container form #enter {
    color: #fff;
    border: none;
    font-size: 10px;
    background: transparent;
}