@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

html, body {
    padding:0px;
    margin:0px;
    font-family: 'Open Sans', sans-serif;
    color:#666;
    width:100%;
    height:100%;
}

body * {
    font-family: 'Open Sans', sans-serif;
}

.header {
    padding:20px 45px;
    background:#f2f2f2;
}

.logo {
    text-align:left;
}

.logo img {
    height:40px;
}

.links {
    text-align:right;
}

.links a {
    display:inline-block;
    padding:10px 20px;
    border:2px solid #6838a5;
    border-radius:20px;
    color:#6968bb;
}

.links a.noborder {
    border:none;
}

.links a.noborder:hover, .links a.noborder:active, .links a.noborder:focus {
    background:none !important;
    color:#6838a5;
    text-decoration:underline !important;
}

.links a:hover, .links a:active, .links a:focus, .links a.hovered {
    background:#6838a5;
    color:#fff;
    text-decoration:none !important;
}

.links a.red {
    border:2px solid red;
    background:#ff0000;
    color:#fff;
}

.links a.red:hover, .links a.red:focus, .links a.red:active {
    background:#ff0000;
    color:#fff;
    text-decoration:none !important;
}

.footer {
    padding:20px 45px;
    background:#f2f2f2;
    text-align:center;
}

.footer a {
    color:#666;
    margin-right:15px;
}

.tleft {
    text-align:left;
}

.tright {
    text-align:right;
}

.banner {
    float:none !important;
    width:100%;
    height:100%;
}

.bnt {
    padding-left:0px !important;
    padding-right:0px !important;
    position:relative;
}

.bncont {
    display:table;
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    z-index:3;
}

.bnvideo {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:2;
    border-top:1px solid #222;
    border-bottom:1px solid #222;
}

#bgvid {
    width:100%;
    height:100%;
    object-fit: cover;
    opacity: 1;
}

.bnin {
    display:table-cell;
    width:100%;
    height:100%;
    text-align:center;
    vertical-align:middle;
}

.bnintrans {
    padding:20px;
    border-radius:5px;
    background:url(../img/trans.png);
}

.headtrans .header, .footrans .footer {
    background:url(../img/trans.png) !important;
    border:none !important;
}

.cntable {
    background:url(../img/bgmain.jpg) no-repeat center;
    background-size:100% 100%;
}

.bnin img {
    height:120px;
    margin-bottom:30px;
}

.bnin h1, .mor h1 {
    margin:0px;
    padding:0px;
    padding-bottom:15px;
    font-size:31px;
    color:#6838a5;
    font-weight:300;
}

.bnin h2, .subtitle, .mor h2 {
    margin:0px;
    padding:0px;
    font-size:24px;
    line-height:38px;
    color:#6968bb;
}

.bnin h3 {
    font-size:15px;
    color:#999;
}

.mor h1, .mor h2 {
    color:#fff;
}

.mor h2 {
    font-size:24px;
}

.subtitle {
    color:#6838a5;
    font-weight:300;
    margin-bottom:30px;
}

.homefull {
    padding-top:45px;
    padding-bottom:45px;
    background:#f2f2f2;
}

.homefull.mor {
    background:#6968bb;
    color:#fff;
    text-align:center;
}

.homefull .col-md-12 {
    padding-top:30px;
    padding-bottom:30px;
}

.subdesc {
    padding:0px;
    margin:0px;
    font-size:18px;
    line-height:24px;
}

.iconed {
    margin:0px;
    padding:0px;
    margin-bottom:10px;
    text-align:left;
    line-height:48px;
}

.iconed span {
    font-size:48px;
    margin-right:15px;
    float:left;
}

.mor p {
    margin:0px;
    padding:0px;
    text-align:left;
    font-size:13px;
    line-height:26px;
    font-weight:300;
}

.mor .col-md-4 {
    padding-top:45px;
}

.homefull.white {
    background:#fff;
    text-align:center;
}

.homefull.white h1 {
    margin:0px;
    padding:0px;
    color:#6838a5;
}

.thumbdv {
    padding:15px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    text-align:center;
    margin-top:45px;
}

.thumbdv span {
    color:#6968bb;
    font-size:64px;
    margin-top:15px;
}

.suba {
    display:inline-block;
    padding:10px 20px;
    background:#6838a5;
    border-radius:20px;
    color:#fff;
    margin-top:45px;
}

.suba:hover, .suba:focus, .suba:active {
    color:#fff;
}

.fxw {
    width:100px;
}

.txcenter {
    text-align:center;
}

.userin {
    padding-top:15px;
    padding-bottom:15px;
}

.bnwarn {
    margin-top:15px;
    font-size:18px;
    margin-bottom:10px;
}

.sthumb {
    font-size:11px;
    text-align:center;
    padding:30px 15px;
    border:1px solid #e2e2e2;
    border-radius:5px;
    cursor:pointer;
    cursor:hand;
    margin:5px;
}

.sthumb a {
    color:#000;
    text-decoration: none !important;
}

.sthumb label {
    font-size:11px;
    cursor:pointer;
    cursor:hand;
}

.sthumb:hover {
    background:#6838a5;
    color:#fff;
}

.sthumb:hover a {
    color:#fff;
}

.sthumb.visited * {
    color:#999 !important;
}

.nopad {
    padding:0px !important;
}

.pgnt {
    width:100%;
    border-top:1px solid #e2e2e2;
    text-align:center;
}

.pgnt td {
    padding-top:15px;
}

.warner {
    text-align:center;
    background:#333;
    color:#fff;
    padding:15px;
}

.framecont, .framecont .col-md-12 {
    padding:0px;
    margin:0px;
    height:100%;
}

.framecont frame, .framecont iframe {
    width:100% !important;
    height:100% !important;
}

.fpage {
    padding:0px;
    margin:0px;
    width:100%;
    height:100%;
}

.noflow {
    overflow:hidden;
}

.btn-full {
    width:100%;
    margin-bottom:5px;
}

.modal {
  text-align: center;
}

.modal-content {
    background:url(../img/trans.png);
    border:1px solid #999;
    color:#fff;
}

.modal-header button {
    color:#ff0000 !important;
    opacity:0.8 !important;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.input-group {
    width:100%;
}

.modal-dialog {
    width:340px;
    max-width:100%;
}

@media(max-width:1000px) {
    .bnvideo {
        border:none !important;
    }
    
    .cntable {
        background-size:auto 100% !important;
    }
    
    .logo, .links {
        text-align:center;
    }
    
    .logo img {
        margin-bottom:10px;
    }
    
    .banner {
        height:240px;
    }
    
    .bnin h1, .mor h1, .homefull.white h1 {
        font-size:24px;
    }
    
    .bnin h2, .subtitle, .mor h2 {
        font-size:18px;
        line-height:24px;
    }
    
    .bnin {
        padding-left:15px;
        padding-right:15px;
    }
    
    .bnin br {
        display:none;
    }
    
    .homefull .col-md-6 {
        text-align:center;
    }
    
    .subdesc {
        font-size:13px;
    }
    
    .iconed {
        font-size:18px;
        text-align:center;
    }
    
    .iconed span {
        font-size:18px;
        float:none;
    }
    
    .mor p {
        text-align:center;
        font-size:13px;
    }
    
    .homefull.white h3 {
        font-size:18px;
    }
    
    .footer .tleft {
        display:none;
    }
    
    .footer .tright {
        text-align:center;
    }
    
    .links .usname {
        display:block;
        text-align:center;
        margin-bottom:10px;
    }
}