@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

html, body {margin: 0px; height: 100%;}

body { margin: 0px;background-image: url("../images/pattern.png"); font-family: 'Poppins', sans-serif; font-weight: 300; }

a {transition: all 0.5s ease-in 0s; text-decoration:none; outline:0px; color:#333;} 

input {outline:0px;}

.clear{clear:both;}

p{margin-top:0px; }

img {border:0px;}

form{margin:0px;}

a, a:focus {outline: 0px; border: 0px;}

* {box-sizing:border-box;}



.login-area {display: table; width: 1280px; background-color: #fff; box-shadow: 0px 0px 40px 0px #ccc; position: relative;}

.login-left {display: inline-block; float: left; width: 830px;}

.curve { width: 50px;  text-align: left; float: left;}

.curve img {position: absolute; margin-left: -110px;}


.login-right {width: 330px; float: right; margin:100px 50px 0px 50px;}

.login-right h2 {font-size: 30px; font-weight: 200;}

.login-textbox {border: 0px; border-bottom: 1px solid #ccc; width: 100%; font-family: 'Poppins', sans-serif; padding: 20px 0px; margin-bottom: 10px; font-weight: 300; font-size: 14px; color: #444;}

.login-right span {display: block; font-size: 13px; color: #666;}

.login-right span input {border: 1px solid #ccc;}

.login-button {border: 0px; display: block; width: 100px; background-color: #e43e2b; color: #fff; font-family: 'Poppins', sans-serif; line-height: 40px; font-size: 14px;  margin-top: 20px; font-weight: 500; 
	text-transform:uppercase; letter-spacing: 1px; transition: all 0.5s ease-in 0s; cursor: pointer;}

.login-button:hover {background-color: #333; transition: all 0.5s ease-in 0s; }


.blue-link {color: #0B79D4; font-size: 14px; text-align: right; display:inline-block; margin-top: 80px; border-bottom: 1px solid #0B79D4; float: right;}










/********** SLIDER **********/
.slider {
  max-width: 830px;
  margin: 0px auto 0px auto;
  position: relative;
}


.slide-viewer {
    position: relative;
    overflow: hidden;
    height: 580px;}

.slide-group {
    width: 100%;
    height: 100%;
    position: relative;}

.slide {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;}

.slide:first-child {
    display: block;}

/********** BUTTONS **********/
.slide-buttons {
  text-align: left;
  margin-top: -50px;	
  position: absolute;
  width: 100%;
  padding:0px 60px;
  z-index: 100;
}

.slide-btn {
  border: none;
  background: none;
  color: #000;
  font-size: 0;
  line-height: 0.5em;
  width: 40px;
  border-radius: 0px;
  height: 5px;	
  background-color: #fff;
  margin: 5px;
}

.slide-btn.active, .slide-btn:hover {
  background-color: #e43e2b;
  cursor: pointer;
}

/********** SLIDER **********/