@font-face {font-family: 'Roboto';src: url('/roboto-bold-webfont.woff2') format('woff2'),url('/roboto-bold-webfont.woff') format('woff');font-weight: 700;font-style: normal;}
@font-face {font-family: 'Roboto';src: url('/roboto-medium-webfont.woff2') format('woff2'),url('/roboto-medium-webfont.woff') format('woff');font-weight: 500;font-style: normal;}
@font-face {font-family: 'Roboto';src: url('/roboto-regular-webfont.woff2') format('woff2'),url('/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: #D11D1D;
    border: 0;
    color: #FFFFFF;
    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: #D11D1D;
        color: #FFFFFF;
    }
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 #D11D1D;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 0;
    position: relative;
    background-color: transparent;
}
    .form-control:focus {
        background-color: transparent;
        border-color: #D11D1D;
        box-shadow: none;
        color: #ffffff;
    }
.center-form .btn-custom{margin: 0 auto;display: block;}

body{background-color: #1D1D1D;}
.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 #D11D1D;*/
    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 #D11D1D;
}
.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: 550px;object-fit: cover;object-position: bottom;}
.overlay-img .img2{position: absolute;bottom: 0;left: 0;right: 0;height: 550px;object-fit: cover;object-position: top;}
.card-box-logo img {width: 100%;}