﻿.my { width: 1200px; display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; flex-wrap: wrap; }
.my section { width: 1200px; }
.my section>.flexh { flex-wrap: wrap; }
.my a { color: inherit; text-decoration: none; display: contents;}
.my .button a { color: inherit!important; text-decoration: none!important; }
.my img, .my video, .my iframe { vertical-align: middle; margin: 10px; max-width: calc(100% - 20px); }
.my iframe { border-radius: 10px; }
.my h1, .my h2 { text-align: center; color: #000000; margin-top: 20px; }
.my h1 { font-size: 34px; line-height: 1.4; font-weight: 400; }
.my h2 { font-size: 26px; line-height: 1.4; font-weight: 400; margin-bottom: 35px; }
.my h2:after { content: ''; display: block; width: 230px; height: 4px; background-color: #F7C946; position: absolute; left: calc(50% - 115px); margin-top: 15px; }
.my h3 { font-size: 22px; line-height: 1.4; font-weight: 400; margin: 0; }
.my h4 { font-size: 22px; line-height: 1.4; font-weight: 400; margin: 0; }
.my .p { font-size: 18px; line-height: 1.4; font-weight: 400; padding: 0; }
.my .button { cursor: pointer; padding: 15px 20px; font-size: 16px; font-weight: 600; border-radius: 8px; border-style: none; }
.my .flexh { position: relative; display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; }
.my .r { position: relative; }
.my .center { text-align: center; }
.my .a { position: absolute; top: 0; bottom: 0; }
.my .l0 { left: 0; }
.my .r0 { right: 0; }
.my .b0 { bottom: 0; }
.my .ml0 { margin-left: 0; }
.my .ml5px { margin-left: 5px; }
.my .ml10px { margin-left: 10px; }
.my .ml15px { margin-left: 15px; }
.my .mr0 { margin-right: 0; }
.my .mr5px { margin-right: 5px; }
.my .mr10px { margin-right: 10px; }
.my .mr15px { margin-right: 15px; }
.my .mt0 { margin-top: 0; }
.my .mt5px { margin-top: 5px; }
.my .mt10px { margin-top: 10px; }
.my .mt15px { margin-top: 15px; }
.my .mb0 { margin-bottom: 0; }
.my .mb5px { margin-bottom: 5px; }
.my .mb10px { margin-bottom: 10px; }
.my .mb15px { margin-bottom: 15px; }
.my .pl0 { padding-left: 0; }
.my .pl5px { padding-left: 5px; }
.my .pl10px { padding-left: 10px; }
.my .pl15px { padding-left: 15px; }
.my .pr0 { padding-right: 0; }
.my .pr5px { padding-right: 5px; }
.my .pr10px { padding-right: 10px; }
.my .pr15px { padding-right: 15px; }
.my .pt0 { padding-top: 0; }
.my .pt5px { padding-top: 5px; }
.my .pt10px { padding-top: 10px; }
.my .pt15px { padding-top: 15px; }
.my .pb0 { padding-bottom: 0; }
.my .pb5px { padding-bottom: 5px; }
.my .pb10px { padding-bottom: 10px; }
.my .pb15px { padding-bottom: 15px; }
.my .w100 { width: 100%; }
.my .w95 { width: 95%; }
.my .w90 { width: 90%; }
.my .w85 { width: 85%; }
.my .w80 { width: 80%; }
.my .w75 { width: 75%; }
.my .w70 { width: 70%; }
.my .w67 { width: 67%; }
.my .w65 { width: 65%; }
.my .w60 { width: 60%; }
.my .w55 { width: 55%; }
.my .w50 { width: 50%; }
.my .w45 { width: 45%; }
.my .w40 { width: 40%; }
.my .w35 { width: 35%; }
.my .w33 { width: 33%; }
.my .w30 { width: 30%; }
.my .w25 { width: 25%; }
.my .w20 { width: 20%; }
.my .w18 { width: 18%; }
.my .w15 { width: 15%; }
.my .w10 { width: 10%; }
.my .w100.bd { width: calc(100% - 2px); }
.my .w95.bd { width: calc(95% - 2px); }
.my .w90.bd { width: calc(90% - 2px); }
.my .w85.bd { width: calc(85% - 2px); }
.my .w80.bd { width: calc(80% - 2px); }
.my .w75.bd { width: calc(75% - 2px); }
.my .w70.bd { width: calc(70% - 2px); }
.my .w67.bd { width: calc(67% - 2px); }
.my .w65.bd { width: calc(65% - 2px); }
.my .w60.bd { width: calc(60% - 2px); }
.my .w55.bd { width: calc(55% - 2px); }
.my .w50.bd { width: calc(50% - 2px); }
.my .w45.bd { width: calc(45% - 2px); }
.my .w40.bd { width: calc(40% - 2px); }
.my .w35.bd { width: calc(35% - 2px); }
.my .w33.bd { width: calc(33% - 2px); }
.my .w30.bd { width: calc(30% - 2px); }
.my .w25.bd { width: calc(25% - 2px); }
.my .w20.bd { width: calc(20% - 2px); }
.my .w18.bd { width: calc(18% - 2px); }
.my .w15.bd { width: calc(15% - 2px); }
.my .w10.bd { width: calc(10% - 2px); }
.my .bottom { align-self: flex-end; }
.my .top { align-self: flex-start; }
.my ul { list-style-type: disc; padding-inline-start: 30px; margin: 0; }
.my ul li { margin: 5px 0 5px 0; }
.my ul li::marker { color: #0094AB; }
.my .button.bg1 { background-color: #FBCF52; color: #000000; }
.my .button.bg1:hover { background-color: #FFCE2B; }
.my .button.bg2 { background-color: #0094AB; color: #FFFFFF; }
.my .button.bg2:hover { background-color: #006574; }
.my .button.bg3 { background-color: #B22D4D; color: #FFFFFF; }
.my .button.bg3:hover { background-color: #761129; }
.my .bg0 { background-color: #FFFFFF; }
.my .bg1 { background-color: #FAF5F2; }
.my .bg2 { background-color: #B4B4B4; }
.my .bg3 { background-color: #EBFBFD; }
.my .bg4 { background-color: #F2F2F2; }
.my .bg5 { background-color: #E0D9C5; }
.my .bd0 { border-color: #FFFFFF; border-width: 1px; border-style: solid; border-radius: 10px; }
.my .bd1 { border-color: #B4B4B4; border-width: 1px; border-style: solid; border-radius: 10px; }
.my .om1 { box-shadow: 5px 5px 13px 0px rgba(168,168,168,0.75); }
.my .ro1:hover { background-color: #F2F2F2; }
.material-symbols-outlined { vertical-align: bottom; }
@media screen and (max-width:800px) {
    .my .p { padding: 10px; }
    .my,
    .my .w100,
    .my .w95,
    .my .w90,
    .my .w85,
    .my .w80,
    .my .w75,
    .my .w70,
    .my .w67,
    .my .w65,
    .my .w60,
    .my .w55,
    .my .w50,
    .my .w45,
    .my .w40,
    .my .w35,
    .my .w33,
    .my .w30,
    .my .w25,
    .my .w20,
    .my .w18,
    .my .w15,
    .my .w10 { width: 100%; }
    .my .w100.bd,
    .my .w95.bd,
    .my .w90.bd,
    .my .w85.bd,
    .my .w80.bd,
    .my .w75.bd,
    .my .w70.bd,
    .my .w67.bd,
    .my .w65.bd,
    .my .w60.bd,
    .my .w55.bd,
    .my .w50.bd,
    .my .w45.bd,
    .my .w40.bd,
    .my .w35.bd,
    .my .w33.bd,
    .my .w30.bd,
    .my .w25.bd,
    .my .w20.bd,
    .my .w18.bd,
    .my .w15.bd,
    .my .w10.bd { width: calc(100% - 2px); }
    .my .m-w100 { width: 100%!important; }
    .my .m-w95 { width: 95%!important; }
    .my .m-w90 { width: 90%!important; }
    .my .m-w85 { width: 85%!important; }
    .my .m-w80 { width: 80%!important; }
    .my .m-w75 { width: 75%!important; }
    .my .m-w70 { width: 70%!important; }
    .my .m-w67 { width: 67%!important; }
    .my .m-w65 { width: 65%!important; }
    .my .m-w60 { width: 60%!important; }
    .my .m-w55 { width: 55%!important; }
    .my .m-w50 { width: 50%!important; }
    .my .m-w45 { width: 45%!important; }
    .my .m-w40 { width: 40%!important; }
    .my .m-w35 { width: 35%!important; }
    .my .m-w33 { width: 33%!important; }
    .my .m-w30 { width: 30%!important; }
    .my .m-w25 { width: 25%!important; }
    .my .m-w20 { width: 20%!important; }
    .my .m-w18 { width: 15%!important; }
    .my .m-w15 { width: 15%!important; }
    .my .m-w10 { width: 10%!important; }
    .m-hidden { display: none }
}

.hidden { display: none; }