@font-face {font-family: "Century Gothic"; src: url("../font/GOTHIC.TTF"); font-weight: normal; font-style: normal;}
@font-face {font-family: "Century Gothic"; src: url("../font/GOTHICB.TTF"); font-weight: bold; font-style: normal;}
@font-face {font-family: "Century Gothic"; src: url("../font/GOTHICI.TTF"); font-weight: normal; font-style: italic;}
@font-face {font-family: "Century Gothic"; src: url("../font/GOTHICBI.TTF"); font-weight: bold; font-style: italic;}

* {margin: 0; padding: 0; box-sizing: border-box;}
html, body {height: 100%;}
body {background: #000000; font-family: "Century Gothic"; font-size: 16px; letter-spacing: 1px; color: #FFFFFF;}
a {color: inherit; text-decoration: none; outline: none;}
table {width: 100%;}
table, th, td {border-collapse: collapse; text-align: left;}
ul > li {list-style: none;}

.wrapper {height: 100%; margin: 0 auto;}
.spacer {clear: both; height: 0px;}
.nav-link {cursor: pointer;}
.invalid {border: thin solid red !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 102, 102, 0.6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 102, 102, 0.6) !important;}
.hidden {display: none !important;}
.row {display: table; width: 100%;}
.copyright {display: block; width: 100%; font-size: 12px; text-align: center;}

.modal {display: table; position: fixed; z-index: 98; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); opacity: 0; pointer-events: none; -webkit-transition: opacity 0.15s linear 0s; transition: opacity 0.15s linear 0s;}
.modal-active {opacity: 1; pointer-events: auto;}
/*.modal .modal-dialog {position: relative; width: 400px; margin: 30px auto; opacity: 0; -webkit-transform: translateY(-25%); transform: translateY(-25%); -webkit-transition: -webkit-transform 0.3s ease-out 0s; transition: transform 0.3s ease-out 0s;}
.modal .modal-dialog-active {-webkit-transform: translateY(40px); opacity: 1; transform: translateY(40px);}*/
.modal .modal-dialog {display: table-cell; vertical-align: middle; pointer-events: none;}
.modal .modal-dialog .modal-content {max-width: 800px; margin: 0 auto; background-color: rgba(0, 0, 0, 0.9); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); color: #ffffff; pointer-events: auto;}
.modal .modal-dialog .modal-content .modal-header {position: relative; padding: 10px 15px 8px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.11);}
.modal .modal-dialog .modal-content .modal-header .close {position: absolute; top: 13px; right: 15px; background: rgba(255, 255, 255, 0); border: none; color: #fff;}
.modal .modal-dialog .modal-content .modal-body {overflow: hidden; padding: 10px 15px; color: orange; text-align: center;}
.modal .modal-dialog .modal-content .modal-action {border-top: 1px solid rgba(255, 255, 255, 0.11);}
.modal .modal-dialog .modal-content .modal-action .action-list {padding: 5px; box-sizing: border-box; text-align: center;}
.modal .modal-dialog .modal-content .modal-action .action-list > li {display: inline-block; padding: 0 5px; box-sizing: border-box;}
.modal .modal-dialog .modal-content .modal-action .action-list .button {width: 80px; padding: 5px 2px; box-sizing: border-box; background-color: #ffffff; color: #414141;}
.modal .modal-dialog .modal-content .modal-action .action-list .button:hover {background-color: #EAA040; color: #ffffff;}
.modal .modal-dialog .modal-content .modal-action .action-list .button:active {position: relative; top: 1px;}

.block-content .footer .block-menu, .block-content .footer .menu-footer {
    display: none;
}
.block-content .footer .copyright {
    margin-top: 15px;
}

@media only screen and (min-width: 768px) {
    .block-content .footer .block-menu, .block-content .footer .menu-footer {
        display: block;
        margin-top: 10px;
    }
    .block-content .footer .block-menu .hline {
        width: 100%;
        height: 1px;
        background: url(../images/line.png) no-repeat;
        background-size: 100% 100%;
    }
    .block-content .footer .block-menu .main-menu {
        display: inline-block;
        text-align: center;
    }
    .block-content .footer .block-menu .main-menu > li {
        display: inline-block;
        padding: 4px 8px;
        text-align: center;
    }
    .block-content .footer .block-menu .main-menu .blue {
        color: #76CBF6;
    }
    .block-content .footer .block-menu .main-menu .pink {
        color: #cb5fba;
    }
    .block-content .footer .block-menu .main-menu .orange {
        color: orange;
    }
    .block-content .footer .menu-footer {
        font-size: 14px;
    }
    .block-content .footer .menu-footer .sitemap-master {
        padding: 10px;
    }
    .block-content .footer .menu-footer .sitemap-master > li {
        float: left;
        width: 33.33%;
    }
    .block-content .footer .menu-footer .sitemap-master h4 {
        font-size: 16px;
    }
    .block-content .footer .menu-footer .sitemap-master .sitemap-link {
        margin-left: 20px;
    }
    .block-content .footer .menu-footer .sitemap-master .sitemap-link > li {
        padding: 5px 10px;
        background: url(../images/bullets.png) no-repeat;
        background-position: 0 center;
    }
    .block-content .footer .menu-footer .sitemap-master .block-info .visa {
        margin-top: 15px;
    }
}