#warp {
    position: relative;
    margin: 90px auto 0;
    width: 500px;
    text-align: center;
    color: #ddd;
}
#warp .form {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTExM0ZGOUY5Q0UwMTFFM0FFMjBCQ0VERDZCRjkxQ0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTExM0ZGQTA5Q0UwMTFFM0FFMjBCQ0VERDZCRjkxQ0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTEzRkY5RDlDRTAxMUUzQUUyMEJDRURENkJGOTFDRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTEzRkY5RTlDRTAxMUUzQUUyMEJDRURENkJGOTFDRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsIGZa0AABT7SURBVHja5Ft7bGTV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") center 30px no-repeat;
    display: block;
    width: 450px;
    height: 500px;
    box-shadow: 7px 1px 10px rgba(0, 0, 0, 0.5);
}

#warp h2 {
    color: #b6b6b6;
    font-weight: bolder;
    margin: 5px;
    text-align: center;
    font-size: 3em;
}

#warp .standar     {
    height: 250px;
    position: relative;
    width: 100%;
    padding: 10px;
    text-align: left;
    left: 0px;
    top: 100px;
    transition: all 200ms ease-in 100ms;
}

#warp .admin {
    height: 250px;
    float: left;
    width: 250px;
    border-right: 0px solid #333333;
    text-align: left;
    left: 0px;
    top: 105px;
    transition: all 200ms ease-in 100ms;
    border-right: 1px solid #ddd;
}

#warp .cms {
    height: 250px;
    top: 240px;
    left: -65px;
    float: right;
    width: 180px;
    text-align: right;
    transition: all 200ms ease-in 100ms;
}

#warp .admin, #warp .cms {
    position: relative;
    display: block;
    overflow: hidden;
    transform: rotate(30deg);
}

#warp .cms h2 {
    margin-left: -10px;
    margin-top:-40px;
    margin-bottom:50px;
    margin-left:10px;
    color: #838385;
}

#warp .roti, #warp .rota {
    position: relative;
    display: block;
    transform: rotate(-30deg);
}

#warp .admin:hover h2, #warp .cms:hover h2 {
    color: #6C76AF;
}

#warp .rota {
    margin-top: 10px;
    margin-left: 35px;
}

#warp .roti {
    margin-top: 60px;
    margin-right: 55px;
}

#warp input {
    width: 350px;
    background: white;
    color: black;
    font-size: 1.2em;
    transition: all 1s ease-out;
}

#warp input:hover {
    box-shadow: inset 0 0 5px rgba(190, 29, 204, 0.6);
}

#warp input:focus {
    background: gray;
    color: white;
}

#warp input[type="submit"] {
    width: 180px;
    margin-left: -50px;
    background: #303030;
    color: white;
    text-align: right;
    cursor: pointer;
    transition: all 1s ease-out;
}
#warp .standar input[type="submit"] {
    width: 180px;
    margin: 0 auto;
    background: #303030;
    color: white;
    text-align: right;
    cursor: pointer;
    transition: all 1s ease-out;
}

#warp input[type="submit"]:hover {
    background: #6C76AF;
    transition: all 0.3s ease-in;
}

#warp span.input-group-addon {
    background: #fff;
    border: none;
}