
.page-template-tt-home .container {
    background: url(../img/tiggi-tiger/tt-bg.svg) left no-repeat;
    height: 100vh;
    width: 100vw;
    overflow: hidden;

    position: relative;
}

.parent-pageid-89 .container {
    background: url(../img/tiggi-tiger/tt-bg.svg) left no-repeat;
    height: 100vh;
    width: 100vw;
    overflow: hidden;

    position: relative;
}

.ttbg-top-left {
    background: url(../img/tiggi-tiger/bg-top-left.svg) left no-repeat;

    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    height: 200px;
    width: 200px;
    z-index: 5;
}

.ttbg-top-right {
    background: url(../img/tiggi-tiger/bg-top-right.svg) left no-repeat;

    background-size: contain;
    position: absolute;
    top: 0;
    right: -5%;
    height: 200px;
    width: 200px;
    z-index: 5;
}

.ttbg-btm-left {
    background: url(../img/tiggi-tiger/bg-btm-left.svg) left no-repeat;

    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 200px;
    width: 200px;
    z-index: 5;
}

.ttbg-btm-right {
    background: url(../img/tiggi-tiger/bg-btm-right.svg) left no-repeat;

    background-size: contain;
    position: absolute;
    bottom: -5%;
    right: -5%;
    height: 200px;
    width: 200px;
    z-index: 5;
}

.page-template-tt-home section {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tt-content {
    margin-top: -30%;
    position: relative;
    z-index: 99;
}

.tt-content .video-container video {
    border: none;
    background: #363636;
}

.parent-pageid-89 .tt-content {
    margin-top: 0;
}

.tt-title h1 {
    font-size: 90px;
    text-align: center;
    letter-spacing: 5px;
    font-weight: 300;
}

.parent-pageid-89 h1 {
    font-size: 69px;
}

.tiggi-tiger-img {
    display: flex;
    justify-content: center;
}

.tt-title h3 {
    font-size: 39px;
    text-align: center;
}

.tt-title h3 span {
    font-size: 17px;
}

.page-id-89 .arrow-back {
    display: none;
}

.tt-title {
    text-transform: uppercase !important;
}

.tt-title h1 {
    font-family: 'dizzyedge' !important;
}

.tt-title h3 {
    font-family: 'dizzyedge' !important;
}

.tt-text {
    font-family: 'dizzyedge';
}

a.btn-start {
    width: 100%;
    display: flex;
}

a.btn-start img {
    height: 30%;
    width: 30%;
    background-size: contain;
    margin: 0 auto;
}

.tt-text-content {
    font-family: 'dizzyedge' !important;
    font-size: 28px;
    text-align: center;
    margin-top: 5%;
}

.map-container {
    margin-top: 5%;
}

.map {
    background: url(../img/tiggi-tiger/map.svg) left no-repeat;
    background-size: contain;
    height: 60vh;
    position: relative;
    max-width: 100%;
}

.map .bcvm-logo {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%);
    max-width: 50%;
}

.map .grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(8, 1fr);
    height: 100%;
}

.map-marker01 {
    grid-row: 3;
}

.map-marker02 {
    grid-row: 1;
    grid-column: 6;
}

.map-marker03 {
    grid-column: 8;
    grid-row: 3;
}

.map-marker04 {
    grid-column: 6;
    grid-row: 7;
}

.map-marker05 {
    grid-column: 1;
    grid-row: 6;
}

/* Questions */

.tt-question {
    margin-top: 12%;
}

.btnz {
    display: grid;
    justify-content: center;
    align-items: center;
}

.btn-question {
    min-width: 280px;

    text-align: center;
    background: white;
    margin: 4% 0;
    color: #363636;
    font-family: 'dizzyedge' !important;
    padding: 6% 4% 4%;
    border-radius: 50px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-sect0102 {
    min-width: 280px;

    text-align: center;
    background: white;
    margin: 4% 0;
    color: #363636;
    font-family: 'dizzyedge' !important;
    padding: 6% 4% 4%;
    border-radius: 50px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-sect0301 {
    min-width: 280px;

    text-align: center;
    background: white;
    margin: 4% 0;
    color: #363636;
    font-family: 'dizzyedge' !important;
    padding: 6% 4% 4%;
    border-radius: 50px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-sect0102:hover {
    background-color: #E59C45;
    color: #fff;
}

.btn-question:hover {
    background-color: #E59C45;
    color: #fff;
}

.page-id-135 .container {
    height: 100%;
}

.page-template-tt-quiz-qu4 .tt-content {
    margin-top: 22%;
}

/* Questions */

.tt-opacity {
    opacity: 0.6;
}

.sect0102 {
    display: none;
}
.sect0202 {
    display: none;
}

.sect0302 {
    display: none;
}

.sect0402 {
    display: none;
}
.sect0502 {
    display: none;
}
.sect0503 {
    display: none;
}

.tt-video-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
}

.tt-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.9);
}

.tt-video-container .tt-overlay video {
    height: 50%;
    width: 100%;
    border: none;
}

.tt-video-container .close {
    position: absolute;
    z-index: 9999;
    right: 5%;
    top: 1%;
    font-size: 48px;
}

.tt-final {
    text-align: center;
    font-family: 'dizzyedge' !important;
}

.tt-final h1 {
    font-family: 'dizzyedge' !important;
}

.tt-final .final-score {
    font-size: 160px;
    display: none;
}

.tt-btn {
    height: 150px;
    width: 150px !important;
    border-radius: 100%;
    background-color: #E59C45;
    font-family: 'dizzyedge' !important;
    font-size: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    outline: none;
    border: none;
    color: #fff;
}

.conditionalAnswer {
    font-size: 18px;
    font-family: 'Helvetica-Light';
    display: none;
}

.page-template-tt-map .content {
    position: relative;
    z-index: 99;
}

.tt-btn.resetAllCookies {
    display: none;
}

.tt-link .tt-title {
  font-size: 56px;
  font-family: 'dizzyedge' !important;
  text-transform: uppercase !important;
  text-align: center;
  /* margin-left: 16%; */
  margin: 21% auto 0 auto;
}

.pe {
    pointer-events: none;
}


.font-sizer {
    font-size: 68px;
}

h3.h3push {
    margin-top: -42px;
}


.tt-btnFinalMulti0102 {
    pointer-events: none;
    opacity: 0.6;
    height: 50px;
    width: 260px;
    border-radius: unset !important;
    font-size: 22px;
    margin-top: 4%;
}

.tt-btnFinalMulti0301 {
    pointer-events: none;
    opacity: 0.6;
    height: 50px;
    width: 260px;
    border-radius: unset !important;
    font-size: 22px;
    margin-top: 4%;
}

.mutli0102After {
    padding-top: 20%;
}

.mutli0301After {
    padding-top: 20%;
}
