/* CANVAS DEFAULTS - START */

:root {
    --Arise-1: #015f9f;
    --Arise-2: #00afa8;

    --Arise-3: #01436f;
    --Arise-4: #015f9f;
    --Arise-5: #00afa8;
    --Arise-6: #00afa8;
    --Arise-7: #015f9f;
    --Arise-8: #00afa8;
    --Arise-9: #015f9f;
    --Arise-10: #00afa8;

    /* Arise Colours RGB BGs */

    --AriseBG2-1: rgba(1, 95, 159, 0.1);
    --AriseBG2-2: rgba(0, 175, 168, 0.1);
    --AriseBG2-3: rgba(1, 67, 111, 0.1);

    --AriseBG5-1: rgba(1, 95, 159, 0.1);
    --AriseBG5-2: rgba(0, 175, 168, 0.1);
}

/* Extend the grading box (default: 35px) */
#grading-box-extended {
    width: 100px !important;
}

.resizable-iframe {
    width: 100%;
    height: 0;
    border: 0;
    display: block;
    visibility: hidden;
}

.iframe-btn-wrap {
    position: relative;
    display: block;
}
.iframe-btn-wrap iframe {
    display: block;
    width: 100%;
    border: 0;
}
/* Full-cover overlay link */
.iframe-overlay-link {
    position: absolute;
    inset: 0;
    /* Visually invisible but clickable & accessible */
    background: transparent;
    text-indent: -9999px;
    overflow: hidden;
}

/*
 --- Gate by default: hide nav/tray/right-side until JS marks the page ready --- 
    
html:not(.nav-ready), html:not(.nav-ready) body { visibility: hidden !important; }
html:not(.nav-ready) #nav-tray-portal,
html:not(.nav-ready) #right-side {
  visibility: hidden !important;
}*/

/* --- Permanently hide Groups (no flicker; CSS applies from first paint) --- */
:is(nav#global_nav, #nav-tray-portal, .ic-app-header__menu-list, .ic-NavMenu__link-list)
    :is(a#global_nav_groups_link, a[aria-label="Groups"], a[href^="/groups"], button[aria-label="Groups"]) {
    display: none !important;
}

/* Remove the <li> when supported to avoid gaps */
.ic-app-header__menu-list li:has(> a#global_nav_groups_link),
.ic-app-header__menu-list li:has(> a[aria-label="Groups"]),
.ic-app-header__menu-list li:has(> a[href^="/groups"]),
.ic-app-header__menu-list li:has(> button[aria-label="Groups"]) {
    display: none !important;
}

/* Right-hand “Course Groups” block */
#right-side .group_list,
#right-side h2 + .group_list,
#right-side h2:has(+ .group_list) {
    display: none !important;
}

/* Margin Offset for the Reference Lists */
.ref_lists_margin p {
    margin: 20px 0 !important;
    padding-left: 4em;
    text-indent: -4em;
}

.ref_lists_margin_images p {
    margin: 20px 0 !important;
}

ah2 {
    line-height: 28pt;
}

/*ul{
    font-size: 18pt;
}

ol {
    font-size: 14pt;
}*/

/* INSTAGRAM VIDEOS */
.instaFr {
    clip-path: inset(0px 15px 0px 0px);
    width: 100%;
    max-width: 360px;
    height: 640px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.iFrameContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    color: var(--Arise-1);
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 27.7.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 499 500;" xml:space="preserve"><style type="text/css">.st0{fill:%23292561;stroke:%23292561;stroke-width:33.3333;stroke-linejoin:round;stroke-miterlimit:26.6667;}.st1{fill:none;stroke:%23292561;stroke-width:33.3333;stroke-linecap:round;stroke-miterlimit:26.6667;}</style><path class="st0" d="M262.6,91.8l-114.4,98.9H40V318h106.6l116,100.3V91.8z"/><path class="st1" d="M320,184c28.4,43.3,28.4,99.4,0,142.7 M367.3,136.7c52,70.6,52,166.8,0,237.3 M410.7,93.3c76,94.6,76,229.4,0,324"/></svg>');
    background-repeat: no-repeat;
    background-size: 25px;
}

.instaFr2 {
    clip-path: inset(3px 96px 247px 81px);
}

.Header {
    padding: 10px 90px !important;
}

/* QUOTE BOXES */

.quoIcon {
    background-color: var(--Arise-1);
    padding: 24px !important;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 27.7.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 40" style="enable-background:new 0 0 50 40;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}</style><g><g><path class="st0" d="M17.07,22.03c-2.28-0.45-4.42,0.1-6.09,1.28c-5.86-10.32,6.5-16.28,8.47-17.16c0.16-0.07,0.26-0.23,0.26-0.4V2.93c0-0.31-0.31-0.52-0.6-0.42C1.94,8.65,1.02,20.73,3.05,28.21c1.55,5.7,6.48,9.31,12.44,9.31c4.83,0,8.64-4.38,7.67-9.38C22.57,25.08,20.12,22.62,17.07,22.03z"/></g><g><path class="st0" d="M41.48,22.03c-2.28-0.45-4.42,0.1-6.09,1.28c-5.86-10.32,6.5-16.28,8.47-17.16c0.16-0.07,0.26-0.23,0.26-0.4V2.93c0-0.31-0.31-0.52-0.6-0.42c-17.18,6.14-18.09,18.22-16.07,25.7c1.55,5.7,6.48,9.31,12.44,9.31c4.83,0,8.64-4.38,7.67-9.38C46.98,25.08,44.53,22.62,41.48,22.03z"/></g></g></svg>');
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 40px;
    vertical-align: top;
}

.quoGap {
    width: 20px;
}

.quoBox {
    width: 94%;
    padding: 5px 10px !important;
    background-color: #fbeeb8;
    text-align: center;
}

span.quoQuo {
    font-size: 14pt;
    font-style: italic;
}

span.quoAut {
    font-size: 12pt;
    color: #7e8c8d;
}

.quoteBox {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid var(--AriseBG2-1);
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(https://cavalli.instructure.com/files/11973/download);
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: right 400px;
    overflow: hidden;
}

.quoteLine {
    width: 5%;
    vertical-align: top;
    background-color: var(--Arise-1);
    min-width: 20px;
    max-width: 50px;
}

.AriseYellow {
    color: var(--Arise-2);
}

/* For a narrower width for the whole content */
.ic-Layout-contentMain {
    max-width: 1200px;
    margin: auto;
}

/* Fixes the number of the boxes in each row on Dashboard | Overrides the default value */
.ic-DashboardCard__box__container {
    margin: -36px -5px -5px -36px !important;
}

:root {
    --blnAQ-h1FontFamily: "sans-serif";
}

#quiz-time-elapsed {
    display: none;
}

/*.fOyUs_bGBk.fOyUs_dnJm.fOyUs_cLjf.fOyUs_kXoP {
    display: none;
}*/

.know_tutor:hover {
    fill: #f16522;
}

arrowlist {
    list-style-type: "â–º";
}

.h-sub {
    font-weight: 600;
    font-size: 30px;
    font-family: "Lato Extended", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: -8px;
    color: #015f9f;
}

/* GETTING TO KNOW EACH OTHER */

.knowButton {
    width: 200px;
    height: 200px;
    overflow: hidden;
    text-decoration: none;
}

.knowButton a {
    display: block;
    width: 200px;
    height: 200px;
    text-decoration: none !important;
}

.knowButton a:hover {
    text-decoration: none !important;
}

.knowContent {
    width: 200px;
    height: 200px;
    background-color: #015f9f;
    transform: scale(1);
    transition: all 300ms;
    text-decoration: none !important;
}

.knowContent:hover {
    transform: scale(1.05);
    transition: all 300ms;
    cursor: pointer;
    background-color: #00afa8;
    text-decoration: none !important;
}

.knowIcon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.2.0  SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23FFFFFF%3Bstroke:%23FFFFFF%3Bstroke-width:1.2209%3Bstroke-miterlimit:10%3B%7D.st1%7Bfill:%23FFFFFF%3Bstroke:%23FFFFFF%3Bstroke-width:1.2582%3Bstroke-miterlimit:10%3B%7D.st2%7Bfill:%23FFFFFF%3B%7D%3C/style%3E%3Cg%3E%3Ccircle class='st0' cx='19.7' cy='46.7' r='8'/%3E%3Cpath class='st1' d='M36.3 71.3c0-6.6-3.9-12.2-9.5-14.8C24.9 58.1 22.6 59 20 59s-4.9-0.9-6.8-2.4c-5.6 2.6-9.5 8.2-9.5 14.8c0 2 1.7 3.6 4.2 4.7c2.2 3.4 6.8 5.8 12 5.8s9.8-2.4 12-5.8C34.6 74.9 36.3 73.3 36.3 71.3z'/%3E%3Cg%3E%3Cg%3E%3Cpath class='st2' d='M92.2 21.2c0.5 0 1 0.4 1 1v44c0 0.5-0.4 1-1 1h-48c-1.7-8.4-6.7-13.2-9.9-15.5c0.9-1.9 1.3-4 1.3-6.1c0-7.1-5.1-13.1-11.8-14.5v-8.9c0-0.5 0.4-1 1-1H92.2 M92.2 18.2H24.8c-2.2 0-4 1.8-4 4v11.6c6.5 0 11.8 5.3 11.8 11.8c0 2.7-0.9 5.2-2.4 7.2c0 0 10 4.5 11.4 17.5h50.6c2.2 0 4-1.8 4-4v-44C96.2 20 94.4 18.2 92.2 18.2L92.2 18.2z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    margin: auto;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.knowTitleEN,
.knowTitleMA {
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 18pt;
    line-height: 22pt;
    text-align: center;
    font-weight: 600;
    color: white;
    padding: 0 10px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none !important;
}

.knowTitleMA {
    display: none;
}

.knowTitleEN::before {
    content: "Getting to Know Each Other";
}

.knowTitleMA::before {
    content: "Te Mōhiotanga Tētahi ki Tētahi";
}

.knowContent:hover > .knowTitleEN {
    display: none;
}

.knowContent:hover > .knowTitleMA {
    display: block;
}

/* HOME PAGE TITLES */

.pages.show .course-title {
    color: #015f9f;
    font-weight: 800;
    font-size: 30px;
}

.ytp-large-play-button {
    width: 136px !important;
    height: 96px !important;
    margin-left: -68px !important;
    margin-top: -48px !important;
}

.pages.show .page-title {
    font-size: 30px;
    font-weight: 800;
    margin: 0;
    color: #015f9f;
}

/* NEXT PAGE BUTTON */

.nextPageButton {
    background-color: var(--Arise-1);
    color: white;
}

/* LEARNER TIMETABLES */

/* GRADES */

#student-grades-right-content {
    display: none;
}

/* MODULES - STUDENT VIEW */

li[aria-label*="Complete All Items"] {
    font-size: 0;
}

li[aria-label*="Complete All Items"]:after {
    content: "Tasks Completed";
    font-size: 11pt;
    display: inline-flex;
    align-items: center;
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

/* GRADING VIEW - LEARNERS */

#grades_summary td.assignment_score {
    cursor: none;
    pointer-events: none;
}

/* .Gradebook__ColumnHeaderDetailLine.Gradebook__ColumnHeaderDetail--secondary{
    display: none;
} */

/* QUIZZES */

/*#right-side-wrapper{
    display: none !important;
}*/

#quiz_student_details {
    display: none;
}

.quiz_score {
    display: none;
}

.take_quiz_button .btn-primary {
    display: none;
    margin-bottom: 20px;
}

#quiz-submission-version-table {
    display: none;
}

/* .cCAhm_bGBk.cCAhm_ycrn{
    display: none;
} */

.loaded .quiz-header h2 {
    font-size: 0;
}

#quiz_title {
    color: #015f9f;
    font-weight: 800;
    font-size: 30px;
}

h1.discussion-title {
    color: #015f9f !important;
    font-weight: 800 !important;
    font-size: 30px !important;
}

.quiz-header h2 {
    color: #015f9f;
    font-weight: 800;
    font-size: 18pt;
}

.pull-left label {
    font-size: 14pt !important;
}

/* QUIZ COMMENT BOX*/

.quiz_comment {
    width: 90%;
    height: auto;
}

textarea[id^="question_comment_"] {
    width: 98% !important;
    height: 300px !important;
}

/* QUIZ/ACTIVITY TUTOR REVIEW/SCORE PAGE  */
.update_scores_fudge,
.update_scores_final_score {
    display: none;
}

.update-scores {
    font-size: 0;
}

.update-scores::after {
    content: "Update";
    padding-top: 5px;
    font-size: 12pt;
    display: inline-flex;
    align-items: center;
    font-family: "Lato Extended", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#update_scores .button-container {
    position: unset !important;
    text-align: center;
}

#update_history_form #questions .user_points,
#update_history_form #questions .question_points_holder {
    display: none !important;
}

/* ASSIGNMENT PAGE */

h1.title {
    color: #015f9f;
    font-weight: 800;
    font-size: 30px;
}

h2.fOyUs_bGBk.blnAQ_bGBk.blnAQ_cVrl.blnAQ_drOs {
    color: #015f9f;
    font-weight: 800;
    font-size: 30px;
}

.fOyUs_bGBk[data-testid*="submission-type-selector"] {
    display: none;
}

/* button.fOyUs_bGBk.fOyUs_fKyb.fOyUs_cuDs.fOyUs_cBHs.fOyUs_eWbJ.fOyUs_fmDy.fOyUs_eeJl.fOyUs_cBtr.fOyUs_fuTR.fOyUs_cnfU.fQfxa_bGBk > .fQfxa_caGd.fQfxa_fKcQ.fQfxa_eCSh.fQfxa_ImeN.undefined.fQfxa_dqAF > .fQfxa_biBD{
    font-size: 0;
    margin-top: -5px;
}

button.fOyUs_bGBk.fOyUs_fKyb.fOyUs_cuDs.fOyUs_cBHs.fOyUs_eWbJ.fOyUs_fmDy.fOyUs_eeJl.fOyUs_cBtr.fOyUs_fuTR.fOyUs_cnfU.fQfxa_bGBk > .fQfxa_caGd.fQfxa_fKcQ.fQfxa_eCSh.fQfxa_ImeN.undefined.fQfxa_dqAF > .fQfxa_biBD:after{
    content: "Submit";
    padding-top: 5px;
    font-size: 12pt;
    display: inline-flex;
    align-items: center;
    font-family: "Lato Extended","Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
} */

/* TO DO! – to replace Undated Assignments with Assignments */

/* button.element_toggler[aria-controls*="assignment_group_undated_assignments"]{
    font-size: 0;
}

button.element_toggler[aria-controls*="assignment_group_undated_assignments"]:after{
    font-size: 12pt;
    content: "Assignments";
    font-family: "Lato Extended","Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
} */

/* To remove the Canvas Files button */
span.fOyUs_bGBk.dJCgj_bGBk[style*="padding: 0.375rem; width: 330px;"] {
    display: none;
}

span.fOyUs_bGBk.fOyUs_fKlg[style*="padding: 0.375rem; width: 400px;"] {
    display: none;
}

span.fOyUs_bGBk.fOyUs_fKlg[style*="padding: 0.375rem; width: 100%;"] {
    display: none;
}

/* To remove the 'or' divider */
.fOyUs_bGBk.fOyUs_ImeN.dJCgj_bGBk[style*="padding: 0px 0.375rem; width: 120px; height: 310px;"] {
    display: none;
}

.fOyUs_bGBk.fOyUs_ImeN.dJCgj_bGBk[style*="padding: 0.75rem; width: 400px; height: 50px;"] {
    display: none;
}

.fOyUs_bGBk.fOyUs_ImeN.dJCgj_bGBk[style*="padding: 0.75rem; width: 100%; height: 50px;"] {
    display: none;
}

/* .fOyUs_bGBk[style*="margin: 1.5rem 0px;"]{
    display: none;
}*/

span.fOyUs_bGBk.selected-submission-grade {
    display: none;
}

/* span.fQfxa_caGd.fQfxa_fKcQ.fQfxa_eCSh.fQfxa_ImeN.undefined.fQfxa_dqAF.fQfxa_bZuE > .fQfxa_biBD{
    font-size: 0;
} */

/* span.fQfxa_caGd.fQfxa_fKcQ.fQfxa_eCSh.fQfxa_ImeN.undefined.fQfxa_dqAF.fQfxa_bZuE > .fQfxa_biBD:after{
    content: "Submit";
    font-size: 12pt;
    display: inline-flex;
    align-items: center;
    font-family: "Lato Extended","Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
} */

/*.loaded .quiz-header h2:after{
content: "Instructions";
font-size: 24pt;
font-family: "Lato Extended","Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}*/

.question_points_holder {
    display: none;
}

.score-display {
    display: none;
}

.ig-details__item:after {
    content: none;
}

[dir="ltr"] .ctrLD_bGBk:first-of-type {
    display: none;
}

.PlannerItem-styles__score {
    display: none;
}

/* #submit_quiz_button{
    font-size: 0;
}

#submit_quiz_button:after{
    content: "Submit";
    padding-top: 5px;
    font-size: 12pt;
    display: inline-flex;
    align-items: center;
    font-family: "Lato Extended","Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
} */

.col-lg-4 {
    padding-left: 0px;
    padding-right: 0px;
}

ol {
    /*font-weight: bolder;*/
    list-style-position: outside;
}

.tb1,
.tb2 {
    font-size: min(3vw, 14pt);
    text-decoration: none;
}

.quoteCards {
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.borderLeft {
    border-left: 2px solid;
}

/* DISCUSSIONS */

header.discussion-section.clearfix > .fs-exclude.avatar,
.discussion-subtitle > .author {
    display: none;
}

/* CANVAS DEFAULTS - END */

/*IFRAMES*/

.H401_Tikanga_frame {
    border: 1px solid;
    width: 100%;
    height: 542px;
    overflow: hidden;
}

.second {
    border: 1px solid #ff0000;
    background: #a1d0a1;
    width: 100%;
    height: 125px;
}

.iFrame_wrapper {
    border: 1px solid #ff0000;
    background: pink;
    width: 100%;
    height: 125px;
}

#iFr_BG {
    padding: 0px;
    width: 100%;
    transition: all ease-in-out 300ms;
}

/**
* Swiper 8.0.6
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2022 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: February 14, 2022
*/

@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}

#H401_Treaty_Main {
    display: none;
}

#H401_Tikanga_Main {
    display: none;
}

.txtOne .txtTwo .txtThree .txtFour .txtFive .txtSix {
    opacity: 0;
    grid-area: 1 / 1;
    max-width: 1000px;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    margin: 10px;
    padding: 10px;
    z-index: 998;
    word-break: keep-all;
}

.txtOne {
    border: 1px solid rgba(41, 37, 97, 0.5);
    background: rgba(41, 37, 97, 0.2);
}

.txtTwo {
    border: 1px solid rgba(103, 47, 143, 0.5);
    background: rgba(103, 47, 143, 0.2);
}

.txtThree {
    border: 1px solid rgba(158, 32, 99, 0.5);
    background: rgba(158, 32, 99, 0.2);
}

.txtFour {
    border: 1px solid rgba(241, 101, 34, 0.5);
    background: rgba(241, 101, 34, 0.2);
}

.txtFive {
    border: 1px solid rgba(8, 167, 157, 0.5);
    background: rgba(8, 167, 157, 0.2);
}

.txtOne:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.txtTwo:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.txtThree:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.txtFour:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.txtFive:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.txtSix:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.AtxtOne .AtxtTwo .AtxtThree .AtxtFour .AtxtFive {
    grid-area: 1 / 1;
    max-width: 1000px;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(70, 25, 100, 0.2);
    display: flex;
    align-items: center;
    margin: 10px;
    z-index: 998;
    border: 1px solid rgba(70, 25, 100, 0.5);
}

.AtxtOne:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.AtxtTwo:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.AtxtThree:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.AtxtFour:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.AtxtFive:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.BtxtOne .BtxtTwo .BtxtThree .BtxtFour {
    opacity: 0;
    grid-area: 1 / 1;
    max-width: 1000px;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(70, 25, 100, 0.2);
    display: flex;
    align-items: center;
    margin: 10px;
    z-index: 998;
    border: 1px solid rgba(70, 25, 100, 0.5);
}

.BtxtOne:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.BtxtTwo:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.BtxtThree:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.BtxtFour:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.popupNew {
    width: 100%;
    z-index: 9998;
    position: relative;
}

.popupNew h2 {
    margin-top: 0;
    color: #333;
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}

.popupNew .close {
    transform: scale(1, 1);
    transition: all 300ms;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    color: rgba(0, 0, 0, 0.6);
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 30px;
    border: 2px solid;
    border-color: rgba(0, 0, 0, 0.6);
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    margin: 0 25% 0px 25%;
    text-shadow: 0 0px 0;
}

.popupNew .close:hover {
    transform: scale(1.14, 1.14);
    transition: all 300ms;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 0.6);
    border-color: rgba(0, 0, 0, 0);
}

.popupNew .content {
    max-height: 30%;
    overflow: auto;
}

.txt1 {
    border-top: 0px solid;
    border-left: 2px solid rgba(0, 0, 0, 0.75);
    padding-left: 20px;
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 14pt;
    word-break: keep-all;
}

.txt2 {
    padding: 0px 0px;
    border-top: 2px solid rgba(0, 0, 0, 0.75);
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 14pt;
    word-break: keep-all;
}

.title1 {
    padding-right: 7px;
    text-align: right;
    color: #461964;
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 14pt;
    word-break: keep-all;
}

.title2 {
    padding: 0px 0px;
    text-align: left;
    color: #461964;
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 14pt;
    word-break: keep-all;
}

.title15 {
    width: 15%;
    float: left;
}

.columnArise {
    float: left;
    width: 33.33%;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 240px;
}

.columnArise_4 {
    float: left;
    width: 25%;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.columnArise_5 {
    float: left;
    width: 20%;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circleArise1 h2,
.circleArise2 h2,
.circleArise3 h2,
.circleArise4 h2,
.circleArise5 h2,
.circleArise6 h2 {
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 16pt;
    text-align: center;
    font-weight: bold;
}

.circleArise1,
.circleArise2,
.circleArise3,
.circleArise4,
.circleArise5,
.circleArise6 {
    transform: translateZ(0) scale(1, 1);
    transition: all 300ms;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(32vw, 180px);
    height: min(32vw, 180px);
    border-radius: 500px;
    border: 2px solid;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
}

.circleArise1:hover,
.circleArise2:hover,
.circleArise3:hover,
.circleArise4:hover,
.circleArise4:hover,
.circleArise5:hover,
.circleArise6:hover {
    transform: translateZ(0) scale(1.14, 1.14);
    transition: all 300ms;
    cursor: pointer;
}

.circleArise1:hover {
    background-color: rgba(41, 37, 97, 0.3);
}

.circleArise2:hover {
    background-color: rgba(255, 196, 24, 0.3);
}

.circleArise3:hover {
    background-color: rgba(103, 47, 143, 0.3);
}

.circleArise4:hover {
    background-color: rgba(158, 32, 99, 0.3);
}

.circleArise5:hover {
    background-color: rgba(241, 101, 34, 0.3);
}

.circleArise6:hover {
    background-color: rgba(8, 167, 157, 0.3);
}

.txtBlock {
    display: flex;
    align-items: center;
    padding: 10px 20px 0px 20px;
    margin: 10px;
    grid-area: 1 / 1;
    max-width: 1000px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
}

.menuBlock {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.BcircleArise1 h2,
.BcircleArise2 h2,
.BcircleArise3 h2,
.BcircleArise4 h2,
.BcircleArise5 h2,
.BcircleArise6 h2 {
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 16pt;
    text-align: center;
    font-weight: bold;
}

.BcircleArise1,
.BcircleArise2,
.BcircleArise3,
.BcircleArise4,
.BcircleArise5,
.BcircleArise6 {
    transform: translateZ(0) scale(1, 1);
    transition: all 300ms;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 180px;
    border-radius: 500px;
    border: 3px solid;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
}

.BcircleArise1:hover,
.BcircleArise2:hover,
.BcircleArise3:hover,
.BcircleArise4:hover,
.BcircleArise4:hover,
.BcircleArise5:hover,
.BcircleArise6:hover {
    transform: translateZ(0) scale(1.14, 1.14);
    transition: all 300ms;
    cursor: pointer;
}

.BcircleArise1:hover {
    background-color: rgba(41, 37, 97, 0.3);
}

.BcircleArise2:hover {
    background-color: rgba(255, 196, 24, 0.3);
}

.BcircleArise3:hover {
    background-color: rgba(103, 47, 143, 0.3);
}

.BcircleArise4:hover {
    background-color: rgba(158, 32, 99, 0.3);
}

.BcircleArise5:hover {
    background-color: rgba(241, 101, 34, 0.3);
}

.BcircleArise6:hover {
    background-color: rgba(8, 167, 157, 0.3);
}

.rowArise {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 40px;
    margin: 0 0px;
}

.rowArise_4 {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 50px;
    margin: 0 0px;
}

.rowArise_5 {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 40px;
    margin: 0 100px;
}

.rowArise:after {
    content: "";
    display: table;
    clear: both;
}

.rowArise_4:after {
    content: "";
    display: table;
    clear: both;
}

.rowArise_5:after {
    content: "";
    display: table;
    clear: both;
}

.tbs {
    font-size: 14pt;
}

.mainFrame1 {
    background-image: url("https://cavalli.beta.instructure.com/files/6908/download");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

/* Gallery*/

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-wrapper {
    padding-left: initial;
    margin: 0;
}

/*     .swiper-slide:nth-child(2n) {
width: 60%;
}
.swiper-slide:nth-child(3n) {
width: 40%;
} */

.imgTxt1 {
    width: 100%;
    text-align: left;
    color: #fff;
    margin-top: 5%;
    margin-left: min(30vw, 65%);
    float: left;
    background-color: rgba(41, 37, 97, 0.8);
    padding: 10px 20px;
}

#H401_Tikanga {
    background-image: url(https://cavalli.instructure.com/files/7421/download);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#H401_Treaty {
    background-image: url(https://cavalli.instructure.com/files/7419/download);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/*.swiper1 {
width: 400px;
height: 400px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -200px;
margin-top: -200px;
}

.swiper-slide {
background-position: center;
background-size: cover;
}

.swiper-slide img {
display: block;
width: 100%;
}*/

.swiper-slide {
    text-align: center;
    font-size: 14pt;
    background-color: rgba(70, 25, 100, 0.3);
    background: #fff;
    color: #fff;
    background-size: cover;
    background-position: center;
    width: 100%;
    border-right: 0px solid black;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: flex-start;
}

.H201_swiper-slide {
    text-align: center;
    font-size: 14pt;
    background-color: rgba(70, 25, 100, 0.3);
    background: #fff;
    color: #fff;
    background-size: cover;
    background-position: center;
    width: 100%;
    border-right: 0px solid black;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: flex-start;
}

.odd5 {
    margin-top: 200px;
}

.odd4A {
    margin-top: -100px;
}

.odd4B {
    margin-top: 100px;
}

/*H402 - 1*/

.H402_1_circleArise1 h2,
.H402_1_circleArise2 h2,
.H402_1_circleArise3 h2,
.H402_1_circleArise4 h2,
.H402_1_circleArise5 h2,
.H402_1_circleArise6 h2 {
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 16pt;
    text-align: center;
    font-weight: bold;
}

.H402_1_circleArise1,
.H402_1_circleArise2,
.H402_1_circleArise3,
.H402_1_circleArise4,
.H402_1_circleArise5,
.H402_1_circleArise6 {
    transform: translateZ(0) scale(1, 1);
    transition: all 300ms;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    border-radius: 500px;
    border: 3px solid;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
}

.H402_1_circleArise1:hover,
.H402_1_circleArise2:hover,
.H402_1_circleArise3:hover,
.H402_1_circleArise4:hover,
.H402_1_circleArise5:hover,
.H402_1_circleArise6:hover {
    transform: translateZ(0) scale(1.14, 1.14);
    transition: all 300ms;
    cursor: pointer;
}

.H402_1_circleArise1:hover {
    background-color: rgba(41, 37, 97, 0.3);
}

.H402_1_circleArise2:hover {
    background-color: rgba(255, 196, 24, 0.3);
}

.H402_1_circleArise3:hover {
    background-color: rgba(103, 47, 143, 0.3);
}

.H402_1_circleArise4:hover {
    background-color: rgba(158, 32, 99, 0.3);
}

.H402_1_circleArise5:hover {
    background-color: rgba(241, 101, 34, 0.3);
}

.H402_1_circleArise6:hover {
    background-color: rgba(8, 167, 157, 0.3);
}

.H402_1_rowArise {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 50px;
    margin: 0 0px;
}

.H402_1_rowArise:after {
    content: "";
    display: table;
    clear: both;
}

/*H402 - 2*/

.H402_2_circleArise1 h2,
.H402_2_circleArise2 h2,
.H402_2_circleArise3 h2,
.H402_2_circleArise4 h2,
.H402_2_circleArise5 h2,
.H402_2_circleArise6 h2 {
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 16pt;
    text-align: center;
    font-weight: bold;
}

.H402_2_circleArise1,
.H402_2_circleArise2,
.H402_2_circleArise3,
.H402_2_circleArise4,
.H402_2_circleArise5,
.H402_2_circleArise6 {
    transform: translateZ(0) scale(1, 1);
    transition: all 300ms;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 240px;
    border-radius: 500px;
    border: 3px solid;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
}

.H402_2_circleArise1:hover,
.H402_2_circleArise2:hover,
.H402_2_circleArise3:hover,
.H402_2_circleArise4:hover,
.H402_2_circleArise5:hover,
.H402_2_circleArise6:hover {
    transform: translateZ(0) scale(1.14, 1.14);
    transition: all 300ms;
    cursor: pointer;
}

.H402_2_circleArise1:hover {
    background-color: rgba(41, 37, 97, 0.3);
}

.H402_2_circleArise2:hover {
    background-color: rgba(255, 196, 24, 0.3);
}

.H402_2_circleArise3:hover {
    background-color: rgba(103, 47, 143, 0.3);
}

.H402_2_circleArise4:hover {
    background-color: rgba(158, 32, 99, 0.3);
}

.H402_2_circleArise5:hover {
    background-color: rgba(241, 101, 34, 0.3);
}

.H402_2_circleArise6:hover {
    background-color: rgba(8, 167, 157, 0.3);
}

.H402_2_rowArise {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 50px;
    margin: 0 54px;
}

.H402_2_rowArise:after {
    content: "";
    display: table;
    clear: both;
}

/*H402 - 3*/

.columnArise_6 {
    float: left;
    width: 33.3%;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.H402_3_circleArise1 h2,
.H402_3_circleArise2 h2,
.H402_3_circleArise3 h2,
.H402_3_circleArise4 h2,
.H402_3_circleArise5 h2,
.H402_3_circleArise6 h2 {
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 16pt;
    text-align: center;
    font-weight: bold;
}

.H402_3_circleArise1,
.H402_3_circleArise2,
.H402_3_circleArise3,
.H402_3_circleArise4,
.H402_3_circleArise5,
.H402_3_circleArise6 {
    transform: translateZ(0) scale(1, 1);
    transition: all 300ms;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 180px;
    border-radius: 500px;
    border: 3px solid;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
}

.H402_3_circleArise1:hover,
.H402_3_circleArise2:hover,
.H402_3_circleArise3:hover,
.H402_3_circleArise4:hover,
.H402_3_circleArise5:hover,
.H402_3_circleArise6:hover {
    transform: translateZ(0) scale(1.14, 1.14);
    transition: all 300ms;
    cursor: pointer;
}

.H402_3_circleArise1:hover {
    background-color: rgba(41, 37, 97, 0.3);
}

.H402_3_circleArise2:hover {
    background-color: rgba(255, 196, 24, 0.3);
}

.H402_3_circleArise3:hover {
    background-color: rgba(103, 47, 143, 0.3);
}

.H402_3_circleArise4:hover {
    background-color: rgba(158, 32, 99, 0.3);
}

.H402_3_circleArise5:hover {
    background-color: rgba(241, 101, 34, 0.3);
}

.H402_3_circleArise6:hover {
    background-color: rgba(8, 167, 157, 0.3);
}

.H402_3_rowArise {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 50px;
    margin: 0 0px;
}

.H402_3_rowArise:after {
    content: "";
    display: table;
    clear: both;
}

/*H402 - 4*/

.H402_4_circleArise1 h2,
.H402_4_circleArise2 h2,
.H402_4_circleArise3 h2,
.H402_4_circleArise4 h2,
.H402_4_circleArise5 h2,
.H402_4_circleArise6 h2 {
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 16pt;
    text-align: center;
    font-weight: bold;
}

.H402_4_circleArise1,
.H402_4_circleArise2,
.H402_4_circleArise3,
.H402_4_circleArise4,
.H402_4_circleArise5,
.H402_4_circleArise6 {
    transform: translateZ(0) scale(1, 1);
    transition: all 300ms;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 180px;
    border-radius: 500px;
    border: 3px solid;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
}

.H402_4_circleArise1:hover,
.H402_4_circleArise2:hover,
.H402_4_circleArise3:hover,
.H402_4_circleArise4:hover,
.H402_4_circleArise5:hover,
.H402_4_circleArise6:hover {
    transform: translateZ(0) scale(1.14, 1.14);
    transition: all 300ms;
    cursor: pointer;
}

.H402_4_circleArise1:hover {
    background-color: rgba(41, 37, 97, 0.3);
}

.H402_4_circleArise2:hover {
    background-color: rgba(255, 196, 24, 0.3);
}

.H402_4_circleArise3:hover {
    background-color: rgba(103, 47, 143, 0.3);
}

.H402_4_circleArise4:hover {
    background-color: rgba(158, 32, 99, 0.3);
}

.H402_4_circleArise5:hover {
    background-color: rgba(241, 101, 34, 0.3);
}

.H402_4_circleArise6:hover {
    background-color: rgba(241, 101, 34, 0.3);
}

.H402_4_txtOne .H402_4_txtTwo .H402_4_txtThree .H402_4_txtFour .H402_4_txtFive .H402_4_txtSix {
    grid-area: 1 / 1;
    max-width: 1000px;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(70, 25, 100, 0.2);
    display: flex;
    align-items: center;
    margin: 10px;
    padding: 10px;
    z-index: 998;
    border: 1px solid rgba(70, 25, 100, 0.5);
    word-break: keep-all;
}

.H402_4_txtOne:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.H402_4_txtTwo:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.H402_4_txtThree:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.H402_4_txtFour:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.H402_4_txtFive:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.H402_4_txtSix:target {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    display: flex;
    align-items: center;
}

.H402_4_rowArise {
    margin: 0px;
    grid-area: 1 / 1;
}

.H402_4_rowArise:after {
    content: "";
    display: table;
    clear: both;
}

.H402_4_columnArise {
    width: 33.3%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
}

.H402_4_arrow {
    position: relative;
    width: 100%;
    font-size: 30pt;
    z-index: 2;
    font-family: "Arial";
    font-weight: bolder;
    text-align: center;
    margin: -45px 0;
    color: var(--Arise-4);
}

.H402_4_arrowLR {
    position: absolute;
    font-family: "Arial";
    font-size: 30pt;
    margin-left: -360px;
    color: var(--Arise-4);
}

.H402_4_riskBox {
    transition: all ease 0ms;
    margin: 50px;
    width: 360px;
    height: 265px;
    background-color: rgba(255, 196, 24, 0.5);
    display: flex;
}

.H402_4_riskTxt {
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 16pt;
    font-weight: bold;
    text-align: center;
    margin: 0 0px 0 0px;
    padding-left: 320px;
    writing-mode: vertical-rl;
    color: var(--Arise-1);
}

.H402_4_lines {
    transition: all ease 300ms;
    height: 34px;
    width: 264px;
    margin-left: 49.65%;
    border: 3px;
    color: var(--Arise-4);
}

.H402_4_sideBarL {
    margin: 0 0%;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin: -2px;
    padding: 20px;
    height: 400px;
    color: #fff;
    border-radius: 100px;
    background-color: var(--Arise-4);
}

.H402_4_sideBarR {
    margin: 0 0%;
    writing-mode: vertical-rl;
    margin: -2px;
    padding: 20px;
    height: 400px;
    color: #fff;
    border-radius: 100px;
    background-color: var(--Arise-1);
}

.H402_4_sideBarR h2,
.H402_4_sideBarL h2 {
    text-align: center;
    color: #fff;
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}

.H402_4_buttonArise1 h2,
.H402_4_buttonArise2 h2,
.H402_4_buttonArise3 h2,
.H402_4_buttonArise4 h2,
.H402_4_buttonArise5 h2,
.H402_4_buttonArise6 h2 {
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 16pt;
    line-height: 14pt;
    text-align: center;
    font-weight: bold;
}

.H402_4_buttonArise1,
.H402_4_buttonArise2,
.H402_4_buttonArise3,
.H402_4_buttonArise4,
.H402_4_buttonArise5,
.H402_4_buttonArise6 {
    transform: translateZ(0) scale(1);
    transition: all 300ms;
    margin: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    padding: 10px;
    height: 40px;
    line-height: 14pt;
    z-index: 1;
    border-radius: 100px;
    border: 3px solid;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
    cursor: pointer;
}

.H402_4_buttonArise1:hover,
.H402_4_buttonArise2:hover,
.H402_4_buttonArise3:hover,
.circleArise4:hover,
.H402_4_buttonArise4:hover,
.H402_4_buttonArise5:hover,
.H402_4_buttonArise6:hover {
    transform: translateZ(0) scale(1.14);
    transition: all 300ms;
}

.H402_4_buttonArise1:hover {
    background-color: rgba(41, 37, 97, 0.3);
}

.H402_4_buttonArise2:hover {
    background-color: rgba(255, 196, 24, 0.3);
}

.H402_4_buttonArise3:hover {
    background-color: rgba(103, 47, 143, 0.3);
}

.H402_4_buttonArise4:hover {
    background-color: rgba(158, 32, 99, 0.3);
}

.H402_4_buttonArise5:hover {
    background-color: rgba(241, 101, 34, 0.3);
}

.H402_4_buttonArise6:hover {
    background-color: rgba(8, 167, 157, 0.3);
}

/*H403 - 4*/

.H403_4_circleArise1 h2,
.H403_4_circleArise2 h2,
.H403_4_circleArise3 h2,
.H403_4_circleArise4 h2,
.H403_4_circleArise5 h2,
.H403_4_circleArise6 h2 {
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 16pt;
    text-align: center;
    font-weight: bold;
}

.H403_4_circleArise1,
.H403_4_circleArise2,
.H403_4_circleArise3,
.H403_4_circleArise4,
.H403_4_circleArise5,
.H403_4_circleArise6 {
    transform: translateZ(0) scale(1, 1);
    transition: all 300ms;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 180px;
    border-radius: 500px;
    border: 3px solid;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
}

.H403_4_circleArise1:hover,
.H403_4_circleArise2:hover,
.H403_4_circleArise3:hover,
.H403_4_circleArise4:hover,
.H403_4_circleArise5:hover,
.H403_4_circleArise6:hover {
    transform: translateZ(0) scale(1.14, 1.14);
    transition: all 300ms;
    cursor: pointer;
}

.H403_4_circleArise1:hover {
    background-color: rgba(41, 37, 97, 0.3);
}

.H403_4_circleArise2:hover {
    background-color: rgba(255, 196, 24, 0.3);
}

.H403_4_circleArise3:hover {
    background-color: rgba(103, 47, 143, 0.3);
}

.H403_4_circleArise4:hover {
    background-color: rgba(158, 32, 99, 0.3);
}

.H403_4_circleArise5:hover {
    background-color: rgba(241, 101, 34, 0.3);
}

.H403_4_circleArise6:hover {
    background-color: rgba(8, 167, 157, 0.3);
}

.H403_4_rowArise {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 50px;
    margin: 0 10%;
}

.H403_4_rowArise:after {
    content: "";
    display: table;
    clear: both;
}

#BG_1 {
    background-color: rgba(180, 180, 180, 0.1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='450' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.03'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");
}

/* MEDIA QUERIES */

@media only screen and (min-width: 1400px) {
    .lgFrm {
        display: initial;
    }

    .smFrm {
        display: none;
    }

    .changeIt {
        max-width: 1000px;
        width: 100%;
        height: 640px;
    }
}

@media only screen and (max-width: 1399px) {
    .lgFrm {
        display: none;
    }

    .smFrm {
        display: initial;
    }

    .changeIt {
        max-width: 300px;
        width: 100%;
        height: 1200px;
    }
}

@media only screen and (max-width: 1575px) {
    .columnArise_4 {
        width: 50%;
    }

    .H401_Tikanga_frame {
        height: 541px;
    }
}

@media only screen and (max-width: 1418px) {
    .txt1 {
        border-left: 0px solid;
        border-top: 2px solid rgba(0, 0, 0, 0.75);
        padding: 0 15px;
    }

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

@media only screen and (max-width: 1356px) {
    .rowArise_5 {
        margin: 0px;
    }

    .columnArise_5 {
        width: 50%;
    }

    .columnArise_6 {
        width: 50%;
    }

    .odd5 {
        margin-top: 0px;
    }

    .odd4A {
        margin-top: 0px;
    }

    .odd4B {
        margin-top: 0px;
    }

    .odd5last {
        width: 100%;
    }

    .H401_Tikanga_frame {
        height: 600px;
    }
}

@media only screen and (max-width: 1175px) {
    .columnArise {
        width: 50%;
    }

    .columnArise_4 {
        width: 100%;
    }

    .columnArise_5 {
        width: 100%;
    }

    .columnArise_6 {
        width: 100%;
    }

    .rowArise_5 {
        margin: 0px;
    }

    .rowArise_6 {
        margin: 0px;
    }

    .H402_1_rowArise {
        margin: 0px;
    }

    .H402_2_rowArise {
        margin: 0px;
    }

    .odd5 {
        margin-top: 0px;
    }

    .odd4A {
        margin-top: 0px;
    }

    .odd4B {
        margin-top: 0px;
    }

    .BcircleArise1,
    .BcircleArise2,
    .BcircleArise3,
    .BcircleArise4,
    .BcircleArise5,
    .BcircleArise6 {
        width: 320px;
        height: 60px;
    }

    .H402_1_circleArise1,
    .H402_1_circleArise2,
    .H402_1_circleArise3,
    .H402_1_circleArise4,
    .H402_1_circleArise5,
    .H402_1_circleArise6 {
        width: 320px;
        height: 60px;
    }

    .H402_2_circleArise1,
    .H402_2_circleArise2,
    .H402_2_circleArise3,
    .H402_2_circleArise4,
    .H402_2_circleArise5,
    .H402_2_circleArise6 {
        width: 320px;
        height: 60px;
    }

    .H402_3_circleArise1,
    .H402_3_circleArise2,
    .H402_3_circleArise3,
    .H402_3_circleArise4,
    .H402_3_circleArise5,
    .H402_3_circleArise6 {
        width: 320px;
        height: 60px;
    }

    .H403_4_circleArise1,
    .H403_4_circleArise2,
    .H403_4_circleArise3,
    .H403_4_circleArise4,
    .H403_4_circleArise5,
    .H403_4_circleArise6 {
        width: 320px;
        height: 60px;
    }

    .txtBlock {
        display: flex;
        align-items: flex-start;
    }

    .rowArise {
        position: relative;
        top: 0%;
        transform: translateY(0%);
        margin: 20px 0;
    }

    .rowArise_5 {
        position: relative;
        top: 0%;
        transform: translateY(0%);
        margin: 20px 0;
    }

    .H401_Tikanga_frame {
        height: 940px;
    }
}

@media only screen and (max-width: 776px) {
    .txt1 {
        border-left: 0px solid;
        border-top: 2px solid rgba(0, 0, 0, 0.75);
        padding: 0 15px;
        font-size: 16pt;
    }

    #longText {
        font-size: 1.6em;
    }

    .tbs {
        font-size: 12pt;
    }

    .H401_Tikanga_frame {
        height: 1200px;
    }

    .H402_4_buttonArise1,
    .H402_4_buttonArise2,
    .H402_4_buttonArise3,
    .H402_4_buttonArise4,
    .H402_4_buttonArise5,
    .H402_4_buttonArise6 {
        width: 140px;
    }

    .H402_4_riskBox {
        margin: 10px;
    }

    .H402_4_lines {
        width: 179px;
    }

    .H402_4_riskBox {
        width: 270px;
    }

    .H402_4_riskTxt {
        padding-left: 235px;
    }

    .H402_4_arrowLR {
        font-size: 22pt;
        margin-left: -225px;
    }
}

.H201_main {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.H201_main:after {
    content: "";
    display: table;
    clear: both;
}

.photos {
    margin: 20px;
}

.txtArea {
    margin: 0px;
}

.nowrap {
    white-space: nowrap;
}

.instTxt {
    font-family: "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}

/* IFRAMES */

/* MH405 */

#iFr_MH405_1,
#iFr_MH405_3,
#iFr_MH405_4 {
    max-width: 1000px;
    width: 100%;
    height: 620px;
}

#iFr_MH405_2 {
    max-width: 1000px;
    width: 100%;
    height: 420px;
}

#iFr_MH405_5 {
    max-width: 1000px;
    width: 100%;
    height: 580px;
}

/* E404 */
#iFr_E404_1,
#iFr_E404_2,
#iFr_E404_3 {
    max-width: 1000px;
    width: 100%;
    height: 620px;
}

#get_to_know,
#go_to {
    transform: scale(1);
    transition: all 200ms;
    margin: 10px;
    width: 200px;
    height: 200px;
    background-color: #015f9f;
    color: #fff;
}

#get_to_know: hover {
    cursor: pointer;
    transform: scale(1.1);
    transition: all 200ms;
    background-color: var(--Arise-2);
}

#go_to: hover {
    cursor: pointer;
    transform: scale(1.1);
    transition: all 200ms;
    background-color: var(--Arise-2);
}

#f203_button6 {
    clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}

#f203_button7 {
    clip-path: polygon(
        0% 15%,
        15% 15%,
        15% 0%,
        85% 0%,
        85% 15%,
        100% 15%,
        100% 85%,
        85% 85%,
        85% 100%,
        15% 100%,
        15% 85%,
        0% 85%
    );
}