body,html{height:100vh;margin:0;overflow-x:hidden!important}.bgimg-1{height:100%}.bgimg-1,.bgimg-2,.bgimg-3{position:relative;background-repeat:no-repeat;background-size:cover}.caption{position:absolute;left:0;top:50%;width:100%;text-align:center;color:#000}.caption span.border{background-color:#111;color:#fff;padding:18px;font-size:25px;letter-spacing:10px}h3{letter-spacing:5px;text-transform:uppercase;font:20px Lato,sans-serif;color:#111}.svg-background{z-index:1000;transform:skewX(30deg) translateX(0);margin-left:-277px}.svg-background,.transition{position:absolute;height:100%}.transition{width:100%;float:right;background:#2980b9;transform:skewX(-27deg) translateX(47%);transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out}.logo{position:absolute;z-index:1000;background:#fcbf06;height:106px;margin-top:56px;padding-bottom:19px;padding-top:38px;border-top-right-radius:10px;border-bottom-right-radius:10px}.logo img{margin-top:-37px}.content{position:relative;padding:200px 0 0 200px;color:#000;z-index:10;height:300px}#logindiv{margin-top:35%;margin-right:2%;background:#ecf0f1;border-radius:10px!important;background-color:rgba(0,0,0,.5);color:#fff}#logindiv .card-header h1.card-title{color:#fff;font-size:x-large!important;font-weight:600!important}.loginfooterlabel{padding-top:20px}@media screen and (min-width:320px) and (max-width:480px){#logindiv{margin-top:5%!important;margin-right:20%;background-color:rgba(0,0,0,.5);width:100%}#loginfooterdiv{position:relative;padding-bottom:0!important}.bgimg-1{height:auto!important}html body{height:100%;background-color:#2980b9;direction:ltr}}@media screen and (min-width:768px) and (max-width:1024px){#logindiv{margin-top:5%!important;margin-right:2%;width:100%}#loginfooterdiv{bottom:0!important;position:fixed;padding-bottom:40px}}@media screen and (min-width:1024px){#logindiv{margin-top:20%!important;margin-right:2%;background-color:rgba(0,0,0,.1);width:100%}#loginfooterdiv{bottom:0!important;position:fixed;padding-bottom:40px}}.form-label-group>input:not(:focus):not(:-moz-placeholder-shown)~label,.form-label-group textarea:not(:focus):not(:-moz-placeholder-shown)~label{color:#fff!important}.form-label-group>input:not(:focus):not(:-ms-input-placeholder)~label,.form-label-group textarea:not(:focus):not(:-ms-input-placeholder)~label{color:#fff!important}.form-label-group>input:not(:focus):not(:placeholder-shown)~label,.form-label-group textarea:not(:focus):not(:placeholder-shown)~label{color:#fff!important}.form-label-group>input:focus:not(:-moz-placeholder-shown)~label,.form-label-group>input:not(:active):not(:-moz-placeholder-shown)~label,.form-label-group textarea:focus:not(:-moz-placeholder-shown)~label,.form-label-group textarea:not(:active):not(:-moz-placeholder-shown)~label{color:#ff9f43!important}.form-label-group>input:focus:not(:-ms-input-placeholder)~label,.form-label-group>input:not(:active):not(:-ms-input-placeholder)~label,.form-label-group textarea:focus:not(:-ms-input-placeholder)~label,.form-label-group textarea:not(:active):not(:-ms-input-placeholder)~label{color:#ff9f43!important}.form-label-group>input:focus:not(:placeholder-shown)~label,.form-label-group>input:not(:active):not(:placeholder-shown)~label,.form-label-group textarea:focus:not(:placeholder-shown)~label,.form-label-group textarea:not(:active):not(:placeholder-shown)~label{color:#ff9f43!important}