@font-face {
    font-family: 'sewer';
    font-family: 'sewer';
    src: url('../fonts/RobotoCondensed-Bold.eot');
    src: url('../fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Bold.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-Bold.woff') format('woff'),
        url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLightItalic.eot');
    src: url('../fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff'),
        url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraLightItalic.svg#Montserrat-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLight.eot');
    src: url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLight.woff') format('woff'),
        url('../fonts/Montserrat-ExtraLight.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Italic.eot');
    src: url('../fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Italic.woff2') format('woff2'), url('../fonts/Montserrat-Italic.woff') format('woff'),
        url('../fonts/Montserrat-Italic.ttf') format('truetype'),
        url('../fonts/Montserrat-Italic.svg#Montserrat-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'), url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BlackItalic.eot');
    src: url('../fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-BlackItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BlackItalic.woff') format('woff'),
        url('../fonts/Montserrat-BlackItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-BlackItalic.svg#Montserrat-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BoldItalic.eot');
    src: url('../fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BoldItalic.woff') format('woff'),
        url('../fonts/Montserrat-BoldItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-BoldItalic.svg#Montserrat-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBoldItalic.eot');
    src: url('../fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraBoldItalic.svg#Montserrat-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.eot');
    src: url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Black.woff2') format('woff2'), url('../fonts/Montserrat-Black.woff') format('woff'),
        url('../fonts/Montserrat-Black.ttf') format('truetype'),
        url('../fonts/Montserrat-Black.svg#Montserrat-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'), url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'), url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ThinItalic.eot');
    src: url('../fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ThinItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ThinItalic.woff') format('woff'),
        url('../fonts/Montserrat-ThinItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-ThinItalic.svg#Montserrat-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-LightItalic.eot');
    src: url('../fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-LightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-LightItalic.woff') format('woff'),
        url('../fonts/Montserrat-LightItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-LightItalic.svg#Montserrat-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'), url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype'),
        url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBoldItalic.eot');
    src: url('../fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBoldItalic.svg#Montserrat-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-MediumItalic.eot');
    src: url('../fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-MediumItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-MediumItalic.woff') format('woff'),
        url('../fonts/Montserrat-MediumItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-MediumItalic.svg#Montserrat-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.eot');
    src: url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Thin.woff2') format('woff2'), url('../fonts/Montserrat-Thin.woff') format('woff'),
        url('../fonts/Montserrat-Thin.ttf') format('truetype'),
        url('../fonts/Montserrat-Thin.svg#Montserrat-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: normal;
    font-style: normal;
    color: #000;
}
.fa,
.far,
.fas {
    font-family: 'Font Awesome 5 Free' !important;
}
.nav > li > a:focus {
    color: #e8112d;
}
.h2,
h2 {
    font-size: 31pt;
    font-weight: 900;
}
table {
    margin-top: 7px;
    width: 100%;
    font-weight: bold;
}

body {
    font-size: 14pt;
    /* background: url(/img/bg2_mk.jpg) no-repeat top center; */
    background-size: cover;
    height: 100%;
    color: #fff;
    line-height: 1;
}

tbody {
    margin-top: 1vh;
    width: 100%;
    max-height: 65vh;
    min-height: 380px;
    overflow: hidden;
    overflow-y: auto;
    line-height: 1.5;
}

.tbodyScroll {
    max-height: 180px;
    min-height: 20px;
    overflow: hidden;
    overflow-y: auto;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

.headTable tr,
.headTable {
    border: 3px solid #fff;
    padding: 10px;
    font-size: 11pt;
    justify-content: center;
}

hr {
    border-top: 2px solid #000;
    width: 94%;
    margin-top: 0;
    margin-bottom: 0;
}

.italic {
    font-style: italic;
}

td {
    padding: 5px !important;
}

th,
td {
    text-align: center;
    font-size: 9pt;
}

.btnNav {
    /*text-transform: uppercase;*/
    color: #000;
}

.btnNav:hover,
.btnNav:focus {
    color: #000;
    background: #fff;
    border-radius: 25px;
}

.inputText {
    color: #000;
}

.navbar {
    margin-bottom: 0;
    padding: 10px;
    border: 0;
}

.navbar-collapse {
    width: 100%;
}

.imgFirst {
    max-width: 198px;
    /* max-width: 136px; */
    margin: 4%;
    max-height: 88px;
}

.registerCheckboxText {
    font-size: 11pt;
    margin-top: 4px;
    font-style: italic;
    cursor: pointer;
}

.unselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.playContent {
    width: 100%;
    max-width: 350px;
    margin: 15px auto 0;
}

.hiddenContentPlay {
    display: none;
}

.activePlay {
    display: block;
}

.tableList {
    max-height: 230px;
    width: 100%;
    /*max-width: 300px;*/
    /*overflow-x: hidden;*/
}

.count {
    padding-left: 0px;
}

.textDef {
    font-size: 17pt;
    text-transform: uppercase;
    font-weight: bold;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #aaa;
    font-weight: bold;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #aaa;
    font-weight: bold;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #aaa;
    font-weight: bold;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #aaa;
    font-weight: bold;
}

.modal-content {
    border: 4px solid;
    border-radius: 20px;
    margin: 50% auto;
}

.red {
    color: red;
}

.modal-footer {
    border-top: 0;
    text-align: center;
}

.mr5 {
    margin-right: 5px;
}

.checkboxposition {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 10px auto;
}

input[type='checkbox'] {
    -webkit-appearance: none;
    width: 40px;
    height: 27px;
    background: transparent;
    content: url(/img/checkbox-2.png);
}

input[type='checkbox']:checked {
    content: url(/img/checkbox-1.png);
    background: transparent;
}

input[type='file']:focus,
input[type='checkbox']:focus,
input[type='radio']:focus {
    outline: none;
}

input[type='text'],
input[type='password'],
input[type='email'],
.skyblue {
    width: 100%;
    max-width: 350px;
    margin: 0;
    margin-bottom: 20px;
    border: 0;
    border-radius: 20px;
    font-size: 15pt;
    font-weight: bold;
    text-align: center;
    padding: 20px 10px;
    background-color: #fff;
    color: #000;
}

input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
.skyblue:focus {
    outline: none;
    box-shadow: 0 0 10px #fff;
}

input[type='submit'],
.button {
    width: 100%;
    max-width: 350px;
    margin: 0;
    margin-bottom: 20px;
    border: 0;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14pt;
    text-align: center;
    padding: 20px 10px;
    background-color: #ffd62c;
    color: #000;
    box-shadow: 0 0 3px #000;
}

.button {
    max-width: 600px;
    font-size: 14pt;
    text-align: center;
    padding: 20px 40px;
    display: block;
    margin: 0 auto;
}

input[type='submit']:hover,
input[type='submit']:focus,
.button:hover,
.button:focus {
    color: #000;
    text-decoration: none;
    background-color: #ffd22a;
    box-shadow: 0 0 6px #000;
}

.homeBgr {
    background-image: url('../img/bgr.jpg') !important;
    background-position: center top;
}

#homeView {
    display: flex;
}

.indexBgr {
    background-image: url('../img/bgrWhite.png') !important;
    background-position: 26% 100%;
    background-repeat: no-repeat;
    margin-top: 40px;
}

#changeLang {
    float: right;
    z-index: 9999;
    border: 3px solid #000;
    border-radius: 25px;
    padding: 5px 10px;
    background: #fff;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    /* 
    background: transparent;
    border: 0;
    text-transform: uppercase;
    text-align-last: center;
    max-width: 200px;
     */
}

#regForm {
    max-width: 1200px;
    margin: 0 auto;
}

.formBgr {
    background-color: #cd181e;
    padding: 0px 15px 80px;
    border-radius: 20px;
    box-shadow: 0 0 10px #000;
    text-align: center;
    margin-bottom: -3.5%;
}

/* Change the white to any color ;) */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -moz-box-shadow: 0 0 0 30px white inset !important;
    box-shadow: 0 0 0 30px white inset !important;
}

/* Additionally, you can use this to change the text color: */

/*Change text in autofill textbox*/

input:-webkit-autofill {
    -webkit-text-fill-color: #000 !important;
}

.white {
    color: #fff;
}

.contactsImg {
    max-width: 20px;
}

.linkContacts {
    color: #000;
}

.linkContacts:hover,
.linkContacts:focus {
    color: #db5201;
}

.p0 {
    padding: 0px;
}

.btn:hover {
    color: #000;
}

.yellow {
    color: #fdc800;
}

.winners {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: flex-end;
}

form {
    margin-top: 15px;
    width: 100%;
}

html {
    min-height: 100%;
}

.readText {
    background: rgba(255, 255, 255, 0.6);
    padding: 0 10px;
}

.card-1 {
    position: static;
    width: 58%;
    float: left;
    margin-right: 0.5%;
    margin-top: -40px;
    margin-bottom: -15px;
    margin-left: -9%;
}

.card-2 {
    position: static;
    width: 58%;
    float: left;
    margin-left: 0.5%;
    margin-top: -40px;
    margin-bottom: -15px;
    margin-right: -9%;
}

.imgwith {
    max-width: 141px;
    max-height: 150px;
    margin: 0 12px 15px;
}

.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
    background: transparent !important;
    text-shadow: none;
}

.hamburger {
    z-index: 9999;
    display: flex;
    justify-content: center;
}

.indexPimg {
    max-width: 110px;
}

.headerSeparator {
    color: #fff;
}

.navbar-nav {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
}

.selectImg {
    max-width: 200px !important;
}

.flex {
    display: flex;
    /*justify-content: center;*/
    height: 77vh;
}

.imgCenter {
    align-self: center;
}

.wrappernav {
    position: relative;
    max-width: 1174px;
    margin: 0 auto;
}

/* .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    color: #000 !important;
} */
.headerPadding {
    padding-top: 115px;
}

.wrapperContentHome {
    border: 0;
    /*height: 74.7vh;*/
    min-height: 764px;
    margin: 25px 24px 22px;
    background: url(../img/Pepsi_home.png) no-repeat;
    background-position: 64% 0%;
    background-size: cover;
}

.wrapperContent {
    border: 0;
    /*height: 74.7vh;*/
    min-height: 764px;
    margin: 25px 24px 22px;
    background: url(../img/Pepsi_bgr.jpg) no-repeat;
    background-position: 64% 72%;
    background-size: cover;
}

.Content {
    /*    background: #314067;*/
    min-height: 764px;
}

.hearth {
    background: url(../img/heart.png) no-repeat;
    background-size: contain;
    width: 231px;
    height: 203px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hearthbgr {
    background: url(../img/heart.png) no-repeat top center;
    background-size: contain;
    min-width: 231px;
    min-height: 203px;
    padding-bottom: 35px;
    margin: 20px 0;
}

.winButtons {
    display: flex;
    flex-flow: column wrap;
    width: 100%;
    max-width: 234px;
    margin: 0 auto;
}

.mainContent {
    display: flex;
    flex-flow: column wrap;
}

.mainContentImg {
    display: flex;
    align-items: flex-end;
}

.mainContentImg {
    max-width: 196px;
    padding-bottom: 30px;
}

.contentBackgroundEdge {
    background: url(../img/blue_bg.png) no-repeat top left;
    background-size: contain;
    min-height: 764px;
    left: -2px;
}

.nav > li > a {
    padding: 8px 10px;
    margin: 0 10px 0 5px;
    text-transform: uppercase;
    font-size: 13pt;
    font-weight: 800;
}

.navbar-static-top {
    position: fixed;
    width: 100%;
    background-color: #fff;
    padding: 0;
    box-shadow: 0px -1px 8px 0px #000;
}

img {
    width: 100%;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
}

.selected,
.selectedHouse {
    color: #db5201;
    padding: 5px;
    background: #fff;
    border-radius: 25px;
}
.selected > i {
    color: #db5201;
    border: 1px solid #db5201;
}
.selected:hover {
    background: #fff;
    color: #db5201;
    font-weight: bold;
}

.width {
    width: 100%;
}

.xsborderTableCenter {
    background: #fff;
    margin-top: 5vh;
    margin-bottom: 5vh;
}

.OU {
    height: 50vh;
    width: 100%;
    line-height: 1.3;
    overflow: scroll;
    overflow-x: hidden;
    padding: 15px 30px;
    color: #000;
    margin-bottom: 15px;
}
.OU p,
.OU span,
.xsborderTableCenter h2 {
    color: #000;
}
.ouTitle {
    font-size: 26px;
}

.ouBackground {
    /*background: rgba(52,87,196,0.4);*/
    /*background: rgb(52,87,196);*/
    background: #0b3768;
}

.removeHover:hover {
    color: #fff !important;
}

.cursor {
    cursor: pointer;
}

.mt15 {
    margin-top: 15px;
}

.mt30 {
    margin-top: 30px;
}

.link {
    text-decoration: none;
    color: #000;
    font-weight: bold;
    cursor: pointer;
}

.link:hover {
    text-decoration: underline !important;
    color: #000;
}

.navbar-nav,
b,
.bold {
    font-weight: bold !important;
}

.regLink {
    text-decoration: underline;
    color: #fff !important;
}

.regLink:hover {
    color: #fff !important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.mb0 {
    margin-bottom: 0px;
}

.title {
    margin-top: 0;
    margin-bottom: 25px;
    color: #000;
    padding: 15px 8px;
    background-color: #fff;
    text-align: center;
}

.navbar-toggle .icon-bar {
    height: 4px;
    width: 25px;
    border: 1px solid #fff !important;
}

#icon-bar1 {
    background: #000;
}

#icon-bar2 {
    background: #000;
}

#icon-bar3 {
    background: #000;
}

.navbar-toggle {
    padding: 10px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    border: 3px solid #000;
}

.fs24 {
    font-size: 24px;
}

.imagefixContact {
    width: 86%;
    margin: 0 7% 0;
}

.tableHeaderProfile {
    width: 100%;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.m10 {
    margin: 10px;
}

h3 {
    margin: 20px 0 10px 20px;
}

.flexCenter {
    display: flex;
    align-items: center;
}

.ticketimg {
    max-width: 80px;
}

.TicketSelected {
    background: transparent;
    width: 190px;
    display: none;
}

.indexbutton {
    margin-top: 66px;
}

.titleText {
    margin-top: 120px;
    border-top: 2px solid red;
    border-bottom: 2px solid red;
    padding: 10px 0 0;
    font-size: 44pt;
}

.footer {
    padding: 10px 0;
    text-align: center;
    color: #fff;
    bottom: 0;
    margin-top: 2px;
    max-width: 1160px;
    margin-left: 31px;
}

.mt10 {
    margin-top: 10px !important;
}

.fs17 {
    font-size: 17px;
}
.fs17pt {
    line-height: 1.3;
    font-size: 17pt;
}

.flexfix {
    display: flex;
    flex-flow: row wrap;
}

.ml15 {
    margin-left: 15px;
}

.p5 {
    padding: 5px !important;
}

.borderTable {
    border: 1px solid #000;
    padding: 0 5px;
}
.text-center {
    text-align: center !important;
}
.forgotPass {
    color: #000;
}

.forgotPass:hover,
.forgotPass:focus {
    color: #000;
}

.sideLink {
    color: #000;
}

.sideLink:hover,
.sideLink:focus {
    color: #000;
}

.borderTableNumber {
    display: flex;
    align-items: center;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    background: rgba(255, 255, 255, 0.25);
}

.borderTablebgr {
    background: rgba(255, 255, 255, 0.25);
}

.borderTableCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.gamestartModal {
    border-radius: 5px;
    padding: 100px 30px;
    background: rgba(255, 255, 255, 0.9);
    color: #666;
}

.gamestartModal.message {
    padding: 40px 30px;
}

.gamestartModal.message p {
    color: #666;
    font-size: 24px;
}

.state-message {
    position: fixed;
    left: 0;
    right: 0;
    top: 30%;
    margin: 0 auto;
    max-width: 50%;
    z-index: 9999999;
}

.state-message p {
    border-radius: 5px;
    display: block;
    padding: 20px 20px;
    background: rgba(255, 255, 255, 0.95);
}

.state-message.error p {
    color: #e8112d;
    box-shadow: 8px 0px 14px #444;
}

.state-message.success p {
    color: #666 !important;
}

.codes-table thead th {
    padding-left: 6px;
}

.codes-table {
    background-color: rgba(219, 82, 1, 0.9);
    padding: 11px;
    border-radius: 7px;
}

form span + .help-block {
    top: 90px;
}

.close {
    opacity: 0.75;
}

.close-msg {
    color: #fff;
    padding: 4px 2px 1px 2px;
    border-radius: 50%;
    font-size: 12px;
    display: inline-block;
    width: 17px;
    font-weight: bold;
    margin-left: 10px;
    line-height: 11px;
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 14px;
    background: red;
}

.captcha-reload-text {
    display: flex;
    justify-content: flex-end;
}

.captcha-reload-text img {
    width: 30px;
    height: 30px;
    margin-top: 6px;
}

.forbidden.new-rules {
    top: 8%;
    height: 80%;
    overflow: auto;
    border-radius: 5px;
}

@media (max-width: 1570px) {
    .indexBgr {
        background-position: 26% 130%;
    }
}

@media (max-width: 1350px) {
    .indexBgr {
        background-position: 26% 158%;
    }
}

@media (max-width: 1200px) {
    .indexBgr {
        background-position: 26% 188%;
    }
}

@media (max-width: 1050px) {
    .indexBgr {
        background-position: 26% 200%;
    }
}

@media (max-width: 900px) {
    .indexBgr {
        background-position: 26% 240%;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    .fs17 {
        font-size: 14px;
    }
    .fs17pt {
        font-size: 14pt;
    }
    .nav > li > a {
        /* font-size: 11pt; */
    }
    .btnWInners {
        padding: 5px 0;
        margin: 5px auto;
    }
}

@media (max-width: 991px) {
    .imgFirst {
        max-width: 136px !important;
    }
    .wrapper {
        height: 100%;
    }
    .smcenter {
        text-align: center !important;
        margin: 0;
    }
    .titleText {
        z-index: 99999;
        font-size: 23pt;
        margin: 7% auto;
    }
    .forbidden.new-rules p {
        font-size: 18px;
    }
    .nav > li > a {
        font-size: 10pt;
    }
}
@media (max-width: 874px) and (min-width: 768px) {
    input[type='text'],
    input[type='password'],
    input[type='email'] {
        font-size: 12pt;
    }
}

@media (max-width: 850px) {
    .nav > li > a {
        font-size: 8pt;
    }
    .indexBgr {
        background-position: 26% 250%;
    }
}
@media (max-width: 767px) {
    .indexBgr {
        background-image: none !important;
    }
    .mt30 {
        margin-top: 15px;
    }
    .nav > li > a {
        font-size: 13pt;
    }
    .fs17 {
        font-size: 14px;
    }
    .fs17pt {
        font-size: 11pt;
    }
    .xsCenterMargin {
        margin: 30px auto;
    }

    .imgFirst {
        max-width: 136px !important;
    }
    .state-message {
        position: fixed;
        left: 0;
        right: 0;
        top: 10%;
        max-width: 94%;
        position: fixed;
    }
    .state-message p {
        padding: 50px 20px;
        background: rgba(255, 255, 255, 0.95);
    }
    .close-msg {
        top: 14px;
    }
    .state-message .close-msg {
        top: 2px;
        right: 12px;
    }
    .mtxs15 {
        margin-top: 15px;
    }

    .mxs15 {
        margin: 15px;
    }
    .gamestartModal {
        padding: 50px 30px;
        font-size: 26px;
    }

    .ml15 {
        margin-left: 0;
    }
    .cupImg {
        max-width: 85%;
        margin: 0 auto;
        min-width: 250px;
    }
    .footer {
        margin-left: 0;
        padding: 20px 0;
    }
    .flexCenter {
        flex-flow: column;
        justify-content: center;
    }
    .navbar-static-top {
        background: #fff;
    }
    .wrapperContentHome {
        /* background: url('../img/background.jpg') no-repeat; */
        background-position: 100% 0%;
        background-size: cover;
    }
    .indexbutton {
        margin-top: 20px;
    }
    /*    .placeholderAnime{
            min-height: 70vh;
        }*/
    .titleText {
        margin-top: 0px;
        font-size: 38pt;
    }
    .xsCenter {
        text-align: center;
    }

    .mainContent {
        align-items: center;
    }

    .centerMargin {
        margin: 3vh auto;
    }
    .navbar-nav {
        margin: 0;
    }
    .headerSeparator {
        display: none !important;
    }
    .navbar-nav {
        flex-flow: column wrap;
        justify-content: center;
        padding-right: 0;
    }

    .headerPadding {
        padding-top: 70px;
    }
    .centerMargin {
        margin: 3%;
    }
    .imagefixContact {
        margin: 0 7% 3%;
    }
    .inputFormFix {
        max-width: 350px;
        margin: 0 auto 10px;
    }

    .hearthbgr {
        min-width: 345px;
    }
    .OU {
        margin: 15px 0;
        padding: 15px;
    }
    .Content,
    .wrapperContent,
    .wrapperContentHome {
        min-height: 100%;
    }
    .xsTextCenter {
        text-align: center;
    }
}

@media (max-width: 560px) {
    input[type='submit'] {
        font-size: 11pt;
    }
    .button {
        font-size: 9pt;
        padding: 20px 10px;
    }
    .h1,
    h1 {
        font-size: 24px;
    }
    .h2,
    h2 {
        font-size: 21pt;
    }
    .textDef {
        font-size: 11pt;
    }
    body {
        font-size: 11px;
    }
    .ouTitle {
        font-size: 18px;
    }
    .wrapperContent,
    .wrapperContentHome {
        margin: -1px 24px;
    }
    input[type='text'],
    input[type='password'],
    input[type='email'] {
        font-size: 10pt;
    }
    .formBgr {
        padding: 20px 0;
        margin-bottom: -15%;
    }
    input[type='submit'] {
        width: 70%;
    }
    .mtxs15 {
        margin-top: 15px;
    }
}

@media (max-width: 425px) {
    input[type='text'],
    input[type='password'],
    input[type='email'] {
        font-size: 8pt;
    }
    .mt30 {
        margin-top: 5px;
    }
    .titleText {
        z-index: 99999;
        font-size: 28pt;
        margin: 7% auto;
    }
    .OU {
        height: 300px;
        padding: 20px 10px;
    }
    .ticketimg {
        max-width: 60px;
    }
    .TicketSelected {
        width: 140px;
    }
    .hearthbgr {
        min-width: 270px;
    }
    .caps {
        width: 45px;
        height: 45px;
        font-size: 9pt;
    }
    .selectedPriceCap {
        width: 85px;
        height: 85px;
        font-size: 17pt;
    }
    .mtxs15 {
        margin-top: 15px;
    }
}

.success,
.error {
    font-size: 14pt;
    text-align: center;
    padding: 0 10px;
}

.error {
    color: #e8112d;
}

.success {
    color: #039ce2;
}

.capitalize {
    text-transform: capitalize;
}

.uppercase {
    text-transform: uppercase;
}

.orangeBgr {
    background: url('../img/bg-orange.png') no-repeat bottom center;
    background-size: contain;
    width: 100%;
    padding: 85px 0 40px;
    text-align: center;
}

.orangeBgrContent {
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
}

.orangePosition {
    position: relative;
    bottom: 0;
    width: 100%;
    padding-bottom: 0;
}

.panel-default {
    background: rgb(255, 255, 255);
    border-radius: 15px !important;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}

.panel-default > .panel-heading {
    cursor: pointer;
    background: rgb(255, 255, 255);
    border-radius: inherit;
}

.panel-group {
    margin-bottom: 10px !important;
}

.panel-body {
    font-size: 14px !important;
    overflow: auto;
}

.panel-title {
    font-size: 21px !important;
}

.panel-title a,
.panel-body p {
    color: #000 !important;
}
.house {
    padding: 0;
    border-radius: 50%;
}
.house:hover {
    color: #000;
}

.captchaView {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}

.msg-status > div {
    display: none;
    border: 1px solid #fff !important;
    font-size: 17px;
    color: #fff !important;
}
.msg-status .alert-success {
    background: #3c763d;
}

.alert {
    border-radius: 20px !important;
}

.alert-success > span {
    color: #fff !important;
}

.linkAlert {
    color: #fff !important;
    font-weight: bold;
}

.linkAlert:hover,
.linkAlert:focus {
    color: #fff !important;
    text-decoration: underline !important;
}

.alert-danger {
    background-image: linear-gradient(to bottom, #ff0000 0, #c10909 100%) !important;
}

.alert-danger > span {
    color: #fff !important;
}