html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
fieldset,
input {
  margin:0; 
  padding:0;
}

h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
em {
  font-size:16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #4C4C4C;
}

hr {
  border-color:#727272;
}

th {
  font-size:16px; 
  font-weight:normal; 
  font-style:normal;
}

ul,
ol {
  display:block; 
  list-style:none;
}

fieldset,
img {
  border:none;
}

caption,
th {
  text-align:left;
}

@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/bold/poppins-bold_0-webfont.eot');
    src: url('../fonts/bold/poppins-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bold/poppins-bold_0-webfont.woff2') format('woff2'),
         url('../fonts/bold/poppins-bold_0-webfont.woff') format('woff'),
         url('../fonts/bold/poppins-bold_0-webfont.ttf') format('truetype'),
         url('../fonts/bold/poppins-bold_0-webfont.svg#poppinsbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/regular/poppins-regular_0-webfont.eot');
    src: url('../fonts/regular/poppins-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/regular/poppins-regular_0-webfont.woff2') format('woff2'),
         url('../fonts/regular/poppins-regular_0-webfont.woff') format('woff'),
         url('../fonts/regular/poppins-regular_0-webfont.ttf') format('truetype'),
         url('../fonts/regular/poppins-regular_0-webfont.svg#poppinsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'poppinslight';
    src: url('../fonts/light/poppins-light_0-webfont.eot');
    src: url('../fonts/light/poppins-light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/light/poppins-light_0-webfont.woff2') format('woff2'),
         url('../fonts/light/poppins-light_0-webfont.woff') format('woff'),
         url('../fonts/light/poppins-light_0-webfont.ttf') format('truetype'),
         url('../fonts/light/poppins-light_0-webfont.svg#poppinslight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/medium/poppins-medium_0-webfont.eot');
    src: url('../fonts/medium/poppins-medium_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/medium/poppins-medium_0-webfont.woff2') format('woff2'),
         url('../fonts/medium/poppins-medium_0-webfont.woff') format('woff'),
         url('../fonts/medium/poppins-medium_0-webfont.ttf') format('truetype'),
         url('../fonts/medium/poppins-medium_0-webfont.svg#poppinsmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/semi-bold/poppins-semibold_1-webfont.eot');
    src: url('../fonts/semi-bold/poppins-semibold_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/semi-bold/poppins-semibold_1-webfont.woff2') format('woff2'),
         url('../fonts/semi-bold/poppins-semibold_1-webfont.woff') format('woff'),
         url('../fonts/semi-bold/poppins-semibold_1-webfont.ttf') format('truetype'),
         url('../fonts/semi-bold/poppins-semibold_1-webfont.svg#poppinssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.belize{
    background:url(../images/bg-belize.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    font-size:16px;
    font-weight: 300;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
}

.bg-img{
    background:url(../images/bg-cdema.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    font-size:16px;
    font-weight: 300;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
}

/*body {
  background:url(../images/bg-login.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  font-size:16px;
  font-weight: 300;
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}*/

.main-login {
    margin-top: 0px;
    position: absolute;
}

.login-wrapper-section {
    margin-top: 24%;
  /* margin-top: 17%;*/
}

.main-login .box-login {
    background-color:  #FFFFFF;
    overflow: hidden;
    padding: 15px;
    max-width: 400px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.box-login{
    background: url('../images/path.png') no-repeat top right;
}

.login-title{
    text-align: center;
    margin-bottom: 15px;
}

.login-title h3{
  font-family: 'poppinsmedium';
  font-size: 30px;
  color: #1F3359;
  padding:20px 0 10px 0;
  font-weight: bold;
}

.from-group{
    margin-bottom: 20px;
}

.from-group label{
     font-family: 'poppinsregular';
     color: #1F3359;
     font-size: 14px;
     padding-left: 7px;
     margin-bottom: 10px;
     font-weight: 600;
}

.custom-input{
    padding: 10px 10px;
    font-family: 'poppinsregular';
    font-size: 14px;
    border-color: #BFC7DB;
    color:#1F3359;
    border-radius: 4px;
    box-shadow: none;
    height: auto;
    transition: all 0.5s ease-in-out !important;
    -webkit-transition: all 0.5s ease-in-out !important;
   }

.custom-input:focus{
  border-color: #17C0AB;
  box-shadow: none;
  outline: none;
  color:#17C0AB; 

}

.custom-input:active{
  border-color: #17C0AB;
  box-shadow: none;
  outline: none;
  color:#1F3359; 

}

.custom-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #BFC6DA;
  font-weight: normal;
}
.custom-input::-moz-placeholder { /* Firefox 19+ */
  color: #BFC6DA;
}
.custom-input:-ms-input-placeholder { /* IE 10+ */
  color: #BFC6DA;
}
.custom-input:-moz-placeholder { /* Firefox 18- */
  color: #BFC6DA;
}

.btn-section{
    text-align: center;
    padding: 10px 0;
}

.btn-login{
    font-family: 'poppinsmedium';
    font-size: 14px;
    color: #fff;
    padding: 0px 15px;
    background-color: #17C0AB;
    border-radius: 4px;
    width: 130px;
    letter-spacing: 2px;
    border: 1px solid #17C0AB;
    min-height: 40px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.btn-login:hover{
    background: transparent;
    color:#17C0AB;
    border:1px solid #17C0AB;
}

.btn-login:active{
    background:  #17C0AB;
    color:#fff;
    border:2px solid #17C0AB;
    box-shadow: none;
    outline: none !important;
}


.btn-login:focus{
    background:  #17C0AB;
    color:#fff;
    border:2px solid #17C0AB;
    outline: none !important;
}

.btn-section hr{
    border-top: 1px #BFC6DA dotted;
    /* width: 310px; */
}

.from-group i{
  font-size: 15px;
    color: #BFC6DA;
}

.btn-section a{
    font-family: 'poppinsregular';
    font-size: 14px;
    color: #6B7BA9;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    text-decoration: none;
}

.btn-section a:hover{
    font-family: 'poppinsregular';
    font-size: 14px;
    color: #17c0ab;
    font-weight: normal;
    text-decoration: none;
}

.login-title p{
  font-family: 'poppinsregular';
    font-size: 14px;
    color: #6B7AA9;
    font-weight: bold;
}