@font-face {font-family: 'Roboto';src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),url('../fonts/roboto-bold-webfont.woff') format('woff');font-weight: 700;font-style: normal;}
@font-face {font-family: 'Roboto';src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),url('../fonts/roboto-medium-webfont.woff') format('woff');font-weight: 500;font-style: normal;}
@font-face {font-family: 'Roboto';src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),url('../fonts/roboto-regular-webfont.woff') format('woff');font-weight: 400;font-style: normal;}

html{-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */width: 100%;height: 100%;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;/*-moz-osx-font-smoothing: grayscale;*/}
body{margin: 0;padding: 0;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 16px;line-height: 1.42857143;width: 100%;height: 100%;color: #333;background:#fff;}
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;padding:0;margin:0;}
.container{width:100% !important;max-width:1170px;margin:0 auto;}
a{color:#000;cursor:pointer;}
a:hover, a:focus, a:active{outline:none;text-decoration:none;}
a:hover{color:#333;}
ul, ol{list-style:none;padding:0;margin:0;}
li{display:inline;}
p{font: 300 16px/26px "Roboto",sans-serif;color: #82898f;}
img{border: 0;vertical-align: top;max-width: 100%;height: auto;width: auto\9; /* ie8 */}
h1,h2,h3,h4,h5,h6{margin: 0;color: #000;font-family: 'Roboto', sans-serif;font-weight: 600;}

.form-control::-webkit-input-placeholder{opacity: 1;color: #ffffff;}
.form-control::-moz-placeholder{opacity: 1;color: #ffffff;}
.form-control:-ms-input-placeholder{opacity: 1;color: #ffffff;}
.form-control:-moz-placeholder{opacity: 1;color: #ffffff;}
.btn-custom{background-color: #FDC440;border: 0;color: #000000;font-size: 16px;padding: 11px 30px;border-radius: 0;position: relative;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;box-shadow: none !important;outline: none !important;cursor: pointer;}
.btn-custom:hover,
.btn-custom:focus{background-color: #FDC440;color: #000000;}
input[type="submit"] {-webkit-appearance: none;}
input, textarea, select {outline: none;resize: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type=checkbox]{-webkit-appearance: checkbox;-moz-appearance: checkbox;appearance: checkbox;}
input:focus, textarea:focus, select:focus{outline: none;}
button::-moz-focus-inner{border: 0;}
*, *:after, *:before {box-sizing: border-box;margin: 0;padding: 0;}
.form-group{margin-bottom: 20px;}
.form-group:last-child{margin-bottom: 0;}
.form-control{height: 50px;font-size: 16px;width: 100%;border: 2px solid #FDC440;color: #ffffff;padding: 5px 10px;border-radius: 0;position: relative;background-color: transparent;}
.form-control:focus{background-color: transparent;border-color: #FDC440;box-shadow: none;color: #ffffff;}
.center-form .btn-custom{margin: 0 auto;display: block;}

body{background-color: #000000;}
.table{display: table;height: 100%;width: 100%;padding: 30px 30px;margin: 0;position: relative;}
.table-cell{display: table-cell;vertical-align: middle;position: relative;z-index: 1;}
.card-box{max-width: 600px;width: 100%;padding: 30px 70px;margin: 0 auto;border: 5px solid #ffffff;position: relative;}
.card-box-inner{position: relative;}
.card-box-top{text-align: center;}
.card-box-logo{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 3px solid #FDC440;}
.card-box-top .top-text{color: #ffffff;font-size: 30px;font-weight: 500;margin-bottom: 10px;}
.card-box-top .btm-text{color: #ffffff;font-size: 18px;}

.card-box-center{padding: 25px 0;}

.card-box-bottom{text-align: center;}
.card-box-bottom .btm-text{color: #ffffff;}

.card-box-opt2{text-align: center;}
.card-box-opt2 img{margin: 0 auto 30px;display: block;}
.card-box-opt2 .top-text{color: #ffffff;font-size: 16px;font-weight: 500;margin-bottom: 10px;}
.card-box-opt2 .btm-text{color: #ffffff;}


.overlay-img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.overlay-img img{width: 100%;}
.overlay-img .img1{position: absolute;top: 0;left: 0;right: 0;height: 150px;object-fit: cover;object-position: bottom;}
.overlay-img .img2{position: absolute;bottom: 0;left: 0;right: 0;height: 150px;object-fit: cover;object-position: top;}
.card-box-logo img {width: 100%;}