@charset "UTF-8";
/*
Theme Name: onlinebrandambassadors
Theme URI: https://www.onlinebrandambassadors.com
Author: onlinebrandambassadors
Author URI: http://onlinebrandambassadors.com
Version: 1.0
License: GNU General Public License
*/

/* FONT in header.php */


/* BOOTSTRAP */
html { scroll-behavior: smooth; overflow-y: scroll; box-sizing: border-box; }


/* A */
a,a:link,a:visited { text-decoration: none; transition: all 1s ease;}
a:hover, a:active { text-decoration: none;}
.accordion { cursor: pointer;width: 90%;min-width:90%;max-width:90%; padding:2.5% 5% 2.5% 5%;text-align: center;border: none;outline: none;transition: 0.4s;border-radius:11px;} .active, .accordion:hover { opacity:0.7; }
.panel { padding: 0 5% 0 5%;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;} .accordion:after { content: '\02795';font-size: 13px;color: #777;float: right;margin-left: 5px;} .active:after { content: "\2796"; }

.alignleft { text-align:left;} .alignright {text-align:right;} .aligncenter {text-align:center;} .alignjustifyleft { text-align:justify; } .alignjustifyright { direction:rtl; text-align:justify; } .alignjustifycenter { text-align: justify; text-align-last: center; }

.aligntop {vertical-align:top;} .alignmiddle {vertical-align:middle; align-items: center;} .alignmiddleflex {vertical-align:middle;display: flex;justify-content: center;align-items: center;} .alignbottom {vertical-align:bottom;}

.animatebottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s }
@-webkit-keyframes animatebottom { from { bottom:-150px; opacity:0 } to { bottom:0px; opacity:1 } }
@keyframes animatebottom {  from{ bottom:-150px; opacity:0 } to { bottom:0; opacity:1 } }


/* B */
.background01 { background-image: url(/wp-content/themes/onlinebrandambassadors/_img/sun01.svg); background-repeat: no-repeat; background-position: center center; background-size:100% auto; }
#banner01 { display:block; position:relative; z-index:0; width:100%; min-width:100%; max-width:100%;height:auto;  background:#fff; padding:0; margin:0 auto 0 auto; background-repeat: no-repeat; background-position: center center; background-size:cover; position:relative; z-index:0; border:none; vertical-align:middle;text-align:center;display: flex;justify-content: center;align-items: center; white-space: nowrap; }

body { display:block; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 1rem; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0; min-height: 100vh; text-rendering: optimizeLegibility; color: #1a1a1a; background-color:rgba(255,255,255,1);}
.bodyWrap01 { display:block;  padding: 8vw 5vw 5vw 5vw; margin:0 auto 0 auto; }

br { display:block; clear:all; padding:0; margin-bottom: 16px; }

.button { padding:5px 20px 5px 20px; margin:10px auto 10px auto; text-align:center; transition: all .3s ease; cursor:pointer; box-shadow: none; text-shadow: transparent; text-transform:uppercase; }
.button:hover { border-radius:10px; cursor:pointer; box-shadow: 0 0 1vw 1vw rgba(0,0,0,0.1); text-shadow: transparent; transform: scale(1.02); }

/* C */
/* cookie yes */
.cky-btn-accept,
button[data-cky-tag="accept-button"] {
background-color: rgba(30,135,195,1) !important;
background: rgba(30,135,195,1) !important;
border: 2px solid rgba(30,135,195,1) !important;
color: #ffffff !important;
}
.cky-btn-accept:hover,
button[data-cky-tag="accept-button"]:hover {
background-color: rgba(30,135,195,0.9) !important;
background: rgba(30,135,195,0.9) !important;
}
.cky-btn-reject,
.cky-btn-customize,
.cky-btn-preferences,
button[data-cky-tag="reject-button"],
button[data-cky-tag="settings-button"] {
background-color: #ffffff !important;
background: #ffffff !important;
border: 2px solid rgba(30,135,195,1) !important;
color: rgba(30,135,195,1) !important;
}
.cky-btn-reject:hover,
.cky-btn-customize:hover,
.cky-btn-preferences:hover {
background-color: rgba(30,135,195,0.05) !important;
}
.cky-btn,
.cky-preference-btn-wrapper button {
background-color: rgba(30,135,195,1) !important;
background: rgba(30,135,195,1) !important;
border: 2px solid rgba(30,135,195,1) !important;
color: #ffffff !important;
}

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

.colorBlack { color: rgba(0,0,0,1); }
.colorBlackbg { background-color: rgba(0,0,0,1); }
.colorWhite { color: rgba(255,255,255,1); }
ul.colorWhite a, 
ul.colorWhite a:link, 
ul.colorWhite a:visited { 
    color: rgba(255, 255, 255, 1) !important; 
}
.colorWhitebg { background-color: rgba(255,255,255,0.9); }
.color01 { color: rgba(250,215,90,1); } /* yellow */
.color01bg { background-color: rgba(250,215,90,1); }
.color01brdr { border: solid 1px rgba(250,215,90,1); }
.color01tab { background-color: rgba(250,215,90,1); border:solid 2px rgba(255,255,255,1); margin: 0 auto 2vh auto; padding: 1vh 2vw 1vh 2vw; }
.color01bg10 { background-color: rgba(250,215,90,0.1); }
.color02 { color: rgba(30,135,195,1); } /* light blue */
.color02 a, .color02 a:link, .color02 a:visited, .color02 a:active, .color02 a:hover { color: rgba(30,135,195,1); }
.color02bg { background-color: rgba(30,135,195,1); }
.color02brdr { border: solid 1px rgba(30,135,195,1); }
.color02tab { background-color: rgba(30,135,195,1); border:solid 2px rgba(255,255,255,1); margin: 0 auto 2vh auto; padding: 1vh 2vw 1vh 2vw; color:rgba(255,255,255,1);}
.color02bg10 { background-color: rgba(30,135,195,0.1); }
.color03 { color: rgba(25,45,65,1); } /* dark blue */
.color03 a, .color03 a:link, .color03 a:visited, .color03 a:active, .color03 a:hover { color: rgba(25,45,65,1); }
.color03bg { background-color: rgba(25,45,65,1); }
.color03brdr { border: solid 1px rgba(25,45,65,1); }
.color03tab { background-color: rgba(25,45,65,1); border:solid 2px rgba(255,255,255,1); margin: 0 auto 2vh auto; padding: 1vh 2vw 1vh 2vw;}
.color03bg10 { background-color: rgba(25,45,65,0.1); }
.color04 { color: rgba(75,170,85,1); } /* green */
.color04bg { background-color: rgba(75,170,85,1); }
.color04brdr { border: solid 1px rgba(75,170,85,1); }
.color04tab { background-color: rgba(75,170,85,1); border:solid 2px rgba(255,255,255,1); margin: 0 auto 2vh auto; padding: 1vh 2vw 1vh 2vw;}
.color04bg10 { background-color: rgba(75,170,85,0.1); }
.color05 { color: rgba(165,165,165,1); } /* grey */
.color05bg { background-color: rgba(220,225,230,1); }
.color05brdr { border: solid 1px rgba(220,225,230,1); }
.color05tab { background-color: rgba(220,225,230,1); border:solid 2px rgba(255,255,255,1); margin: 0 auto 2vh auto; padding: 1vh 2vw 1vh 2vw;}
.color05bg10 { background-color: rgba(220,225,230,0.1); }


#column01 ul { display:block;width:100%;min-width:100%;max-width:100%;height:auto;list-style:none;padding:0;margin:0; }
#column01 { display:block;width:100%;min-width:100%;max-width:100%;height:auto;list-style:none;padding:0;margin:0 auto 0 auto; }
#column01 li { list-style:none; display:inline-block; }
#column01 .one { width: 95%; height: auto; padding:1%; margin:0 1% 1% 1%;}
#column01 .two { width: 45%; height: auto; padding:1%; margin:0 1% 1% 1%;}
#column01 .three { width: 28%; height: auto; padding:1%; margin:0 1% 1% 1%;}
#column01 .onethird { width: 28%; height: auto;padding:1%;margin:1%;}
#column01 .twothirds { width: 56%; height: auto;padding:1%;margin:1%;}
#column01 .four { width: 19%; height: auto; padding:1%; margin:0 1% 1% 1%;}
#column01 .five { width: 15%; height: auto; padding:1%; margin:0 1% 1% 1%;}


/* D */
.displayblock { display:block; text-decoration:none; }
.displayinlineblock { display:inline-block; text-decoration:none;  }
.displayinline { display:inline; text-decoration:none;  }

.dropbtn { border: none; cursor: pointer;}
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; position: absolute; z-index: 5; min-width:40vw; max-width:40vw; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); padding:3vh 2vw 3vh 2vw; margin:-1% auto 0 auto; border-radius:8px; background-color:rgba(255,255,255,0.99); }
.dropdown-content a { text-decoration: none; display:inline-block; padding:1vh 1vw 1vh 1vw; margin:0 1vw 1.5vh auto; background-color: rgba(66,69,78,0.05); border-radius:8px; }
.dropdown-content a:hover { }
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { }

/* E */
em { font-style:italic; }

/* F */
.font01 { font-family: "Montserrat", sans-serif; }
.font02 { font-family: "Anton", sans-serif; }
.fontSize1 { font-size: clamp(12px, 1.2vw, 1.2vw); line-height:165%; font-weight:400; }
.fontSize05 { font-size: clamp(8px, 0.8vw, 0.8vw); line-height:165%; font-weight:400; }
.fontSizeHero {  font-weight:900; font-size: calc(0.8vw * 1.618 * 1.618 * 1.618); line-height:100%; padding:0; margin:0 auto 0 auto; }

/* G */
.gradientX { background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1));}
.gradientY { background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));}

.grayscale01 { filter: grayscale(100%); }

#grid01 { display:block; width:100%; min-width:100%; max-width:100%; padding:0; margin:0 auto 0 auto; font-size: 0; } /* font-size:0 remove space between inline-block https://css-tricks.com/fighting-the-space-between-inline-block-elements/ */

#grid01 .grid100 { display:block; width:100%; min-width:100%; max-width:100%; }
#grid01 .grid75 { display:inline-block; width:75%; margin:0; padding:0;  }
#grid01 .grid50 { display:inline-block; width:50%; margin:0; padding:0; }
#grid01 .grid33 { display:inline-block; width:33.3%; margin:0; padding:0;  }
#grid01 .grid25 { display:inline-block; width:25%; margin:0; padding:0; }
#grid01 .grid20 { display:inline-block; width:20%; margin:0; padding:0;  }
#grid01 .grid10 { display:inline-block; width:10%; margin:0; padding:0;  }

/* H */
h1 {  font-weight:400; font-size: calc(0.9vw * 1.618 * 1.618); line-height:100%; padding:0; margin:0 auto 0 auto; }
h2 {  font-weight:600; font-size: calc(1vw * 1.618); line-height:100%; padding:0; margin:0 auto 0 auto; text-transform:uppercase; letter-spacing:0.1vw; }
h3 {  font-weight:500; font-size: calc(1.5vw * 1.618); line-height:100%; padding:0; margin:0 auto 0 auto; font-family: "Anton", sans-serif; }
.hover01:hover { transform: scale(1.1); z-index:999; box-shadow: 0 0 9px 9px rgba(0,0,0,0.1); transition: all 1s ease; }

hr { padding:0; margin:1vh auto 1vh auto; }

/* I */
.icon01 { margin:0 0.3vw 0 0.3vw; }
.image01imgX100 { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 0 auto; padding:0; height:auto; min-height:auto; max-height: auto; }
.image01imgX50 { width: 50%; min-width:50%; max-width: 50%; margin: 0 auto 0 auto; padding:0; height:auto; min-height:auto; max-height: auto; }
.image01imgSquare { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 0 auto; padding:0; height:auto; min-height:auto; max-height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius:8px;}
.image01imgCircle { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 0 auto; padding:0; height:auto; min-height:auto; max-height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius:50%;}

.image01bgX100 { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 0 auto; padding:0; background-repeat: no-repeat; background-position: center center; background-size:cover; border-radius:8px;}
.image01bgY25 { height:25vw; min-height: 25vw; max-height:25vw; border-radius:8px;}
.image01bgY50 { height:50vw; min-height: 50vw; max-height:50vw; border-radius:8px;}
.image01bgY75 { height:75vw; min-height: 75vw; max-height:75vw; border-radius:8px; }
.image01bgSquare { aspect-ratio: 1 / 1; object-fit: cover; border-radius:8px; }

/* J */

/* K */

/* L */
.letterspacing01 { letter-spacing:1px; }

#list01 { display:block; height:auto; list-style:none; margin:0 auto 0 auto; padding:0; }
#list01 li { border:none; padding:0 0 1vh 0; margin:0 auto 0 auto; }

#list02 { display:block; height:auto; list-style:none; margin:0 auto 0 auto; padding:0; }
#list02 li { display:inline-block; width:39%; border-bottom:solid 1px #000; padding:0 5% 1vh 5%; margin:0 auto 1vh auto; }
#list02 li:nth-child(even) { border-left: solid 1px #000; }
#list02 li:nth-child(odd) { font-weight:600; }	

#logo01 { display:inline-block; width:19vw; min-width:19vw; max-width:19vw; height:auto; position:relative; z-index:2; padding:0; margin:0 auto 0 auto; }
#logo01 img { width:100%; height:auto; border:none; padding:0; margin:0 auto 0 auto; }
#logo02 { display:inline-block; width:4vw; min-width:4vw; max-width:4vw; height:auto; position:relative; z-index:2; padding:0; margin:0 auto 0 auto; }
#logo02 img { width:100%; height:auto; border:none; padding:0; margin:0 auto 0 auto; }


/* M */
#media_screen { display:block; opacity:1; visibility:visible; }
#media_tablet { display:none; opacity:0; visibility:hidden; }
#media_mobi { display:none; opacity:0; visibility:hidden; }

.message { display:block;width:auto; padding:1vh 1vw 1vh 1vw; margin:0 auto 16px auto; }
.message .bad {  background-color:rgba(215,53,52,0,1); color: rgba(215,53,52,1);  }
.message .good { background-color:rgba(9,161,92,0.1); color: rgba(9,161,92,1); }

/* N */
#nav01 ul { display:block; list-style:none; width:100%; height:auto; padding:0; margin:0 auto 0 auto;}
#nav01 { display:block; position:fixed; z-index:99; top:0; left:0; width:100%; min-width:100%; max-width:100%; height:auto; list-style:none; padding:0; margin:0 auto 0 auto; box-shadow: 0 0 0 0 rgba(0,0,0,0.1); vertical-align:middle; }
#nav01 li { display:inline-block; width:auto; padding:2vh 1vw 2vh 1vw; margin: 0 0.5vw 0 0.5vw; text-transform:uppercase; border: none; transition: all 1s ease; vertical-align:middle; }
#nav01 li a:hover { background-color:rgba(255,255,255,0.3); }

#nav01banner ul { display:block; list-style:none; width:100%; height:auto; padding:0; margin:0 auto 0 auto;}
#nav01banner { display:block; width:100%; min-width:100%; max-width:100%; height:auto; position: relative; z-index:2; list-style:none; padding:0; margin:0 auto 0 auto; box-shadow: 0 0 0 0 rgba(0,0,0,0.1); vertical-align:middle; }
#nav01banner li { display:inline-block; width:auto; padding:0; margin: 0 0.5vw 0 0.5vw; text-transform:uppercase; border: none; transition: all 1s ease; vertical-align:middle; }

#nav01footer ul { display:block; list-style:none; width:100%; height:auto; padding:0; margin:0 auto 0 auto;}
#nav01footer { display:block; position:relative; width:100%; min-width:100%; max-width:100%; height:auto; z-index:2; list-style:none; padding:0; margin:0 auto 0 auto; box-shadow: 0 0 0 0 rgba(0,0,0,0.1); vertical-align:middle; }
#nav01footer li { display:inline-block; width:auto; padding:0; margin: 0 0.5vw 0 0.5vw; text-transform:uppercase; border: none; transition: all 1s ease; vertical-align:middle; }

.nowrap { white-space: nowrap; }

/* P */
p { display:block; padding:0; margin:0 auto 16px auto; }
.padding1 { padding:1vh 1vw 1vh 1vw; }
.padding2 { padding:2vh 2vw 2vh 2vw; }
.padding5 { padding:5vw; }
.padding10 { padding:10vw; }

#page01 { display:block; width:100%; min-width:100%; max-width:100%; height:auto; padding:0; }

.partner01 { width:auto; height:10vw; }

#popup01cover { position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:3332; width:100%; height:100%; display:none; }
#popup01screen { width:60%; min-width:60%; max-width:60%; height:70%; min-height:50px; max-height:70%; overflow:auto; padding:5%; margin:0 auto 0 auto; position:fixed; top:20%; left:15%; z-index:3333; display:none; background: rgba(255,255,255,0.99); border:none; box-shadow: 15px 15px rgba(0,0,0,0.5); } #popup01screen:target, #popup01screen:target + #popup01cover { display:block; transition: all 3s ease-in-out; } .popup01cancel i, .popup01cancel a, .popup01cancel a:link, .popup01cancel a:visited, .popup01cancel a:active { display:inline-block; width:33px;height:33px; position:fixed; z-index:11; top:15%; left:40%; right:40%; font-size:33px; color:rgba(0,0,0,1); background-color:rgba(255,255,255,1); border-radius:100%; padding:0; margin:0 auto 0 auto; border:solid 10px rgba(255,255,255,1); } .popup01cancel:hover, .popup01cancel a:hover { color:rgba(0,99,46,1); }

/* R */
.radius1000 { border-radius: 25px 0 0 0; }
.radius1100 { border-radius: 25px 25px 0 0; }
.radius1110 { border-radius: 25px 25px 25px 0; }
.radius1111 { border-radius: 25px; }
.radius0011 { border-radius: 0 0 25px 25px; }
.radius1010 { border-radius: 5px 0 25px 0; }
.radius0001 { border-radius: 0 0 0 25px; }
.radius1001 { border-radius: 25px 0 25px 0; }

/* S */
.section01 { display:block; padding: 5vw; margin:0 auto 1vh auto; }
.section01header { display:block; padding: 5vw 0 5vw 0; margin:0 auto 1vh auto; }

#search01 { display:block; width:80%; margin:0 auto 0 auto; }
#search01 .search-form { display:block; width:100%; }
#search01 .search-field { display:block; width:100%; border:solid 1px rgba(135,136,138,1); text-align:center; margin:0 auto 0 auto; padding: 9px 0 9px 0; border-radius:11px; }
#search01 .search-submit { display:none; }
.shadow01 { box-shadow: 0 0 5px 5px rgba(135,136,138,0.5); } /* x,y,blur,spread */

#social01 ul, #social01 { display:inline-block; width:auto; height:auto; list-style:none; padding:0; margin:0 auto 0 auto; }
#social01 li { list-style:none; display:inline-block; width:2vw }

#splash01 { display: flex; justify-content: center; align-items: center; height: 100vh; }
.splash01 { width: 50%;height: auto; }
.splash01 img { display:inline-block; width:100%; padding:0; margin:0 auto 0 auto;}
.world {
  width: 100vw;
  height: 100vh;
  
  /* Layer 1: The SVG Pattern (Top) */
  /* Layer 2: The Earth (Middle) */
  /* Layer 3: The Sun/Sky (Bottom) */
  background-image: 
    url('/wp-content/themes/onlinebrandambassadors/_img/solar-white.svg'),
    radial-gradient(ellipse 150% 100% at 50% 100%, #6b6d3f 0%, #3e3020 50%, transparent 50.5%),
    linear-gradient(to bottom, #b58952 0%, #964b00 60%, #5a2d0c 100%);

  /* Controls the repeating SVG */
  background-repeat: repeat, no-repeat, no-repeat;
  
  /* Adjust the size of the SVG pattern (e.g., 50px wide) */
  background-size: 50px 50px, 100% 100%, 100% 100%;

  /* Optional: Softens the white SVG so it blends with the earthy tones */
  background-blend-mode: soft-light, normal, normal;
}

strong { font-weight:600;}

/* T */
.table01 > .cell01:not(:last-child) { border-right: 1px solid rgba(0,0,0,0.5); }

.textShadow { text-shadow: 5px 5px 5px rgba(135,136,138,0.5); } /* x,y,blur */

/* U */
.underline a, .underline a:link, .underline a:visited { text-decoration: underline; text-decoration-color: rgba(0,0,0,0.5); }
.underline a:hover, .underline a:active { text-decoration: none; background-color: rgba(243,203,89,0.1); }

/* V */
.video01 { display:block; border:none; width:100%; min-width:100%; max-width:100%; height: 60vh; min-height:500px; max-height:1000px;}
.video01:hover { cursor:pointer; }

/* Media Queries: Smartphone -------------------------------------------------------------- */
@media (max-width: 800px) {
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }

/* A */
a,a:link,a:visited {  }
.alignleft { text-align:center;} .alignright {text-align:center;} .alignjustify {text-align:center;}
.alignleftFix { text-align:left;} .alignrightFix { text-align:right;}

#alternate01 { display:block; width:100%; min-width:100%; max-width:100%; padding:0; margin:0 auto 0 auto; font-size: 0; }
.alternate01-row01 { display:flex; flex-direction: row; justify-content:center; flex-wrap: wrap; align-items: flex-start; align-content: space-between; flex-direction: row; }
.alternate01-row01:nth-of-type(even) { flex-direction: row-reverse; }
.alternate01-column02 { width:50vw; height:50vw; background-color:rgba(255,255,255,1); overflow:visible; }
.alternate01-column02:nth-of-type(even) { background-color:rgba(181,148,73,0.1); }

/*B*/
.background01 { background-image: url(/wp-content/themes/onlinebrandambassadors/_img/sun01.svg); background-repeat: no-repeat; background-position: center center; background-size:auto 100%; }
.banner0text { display:block; padding:10% 0 10% 0; margin: 0 auto 0 auto; }
.banner01text { display:block; font-family: 'Josefin Sans', sans-serif; font-size:7vw; letter-spacing:-0.5vw; line-height:80%; text-align:center; padding:30% 10% 30% 50%; margin: 0 auto 0 auto; color: rgba(35,57,136,0.9); }

body { }
.bodyWrap01 { display:block;  padding: 0; }	
.button { display:block; padding:15px 20px 15px 20px; margin:16px auto 16px auto; text-align:center; }
.button:hover { }

/*C*/
#column01 .one, #column01 .two, #column01 .three, #column01 .twothirds, #column01 .onethird, #column01 .four, #column01 .five,#column01 .six,#column01 .seven,#column01 .eight, #column01 .nine, #column01 .ten { display:block; width:90%;min-width:90%;max-width:90%;height:auto;padding:5%;margin:0 auto 1% auto;}

/* F */
.floatRight { float:none; margin: 0 auto 16px 0; }
.floatLeft { float:none; margin: 0 auto 16px 0; }

.fontSize1 { font-size: 16px; line-height:165%; font-weight:400; }
.fontSize05 { font-size: 10px; line-height:165%; font-weight:400; }
.fontSizeHero {  font-weight:900; font-size: 10vw; line-height:100%; padding:0; margin:0 auto 0 auto; }
	
/* G */
#grid01 .grid100, #grid01 .grid75, #grid01 .grid50, #grid01 .grid33, #grid01 .grid25, #grid01 .grid20, #grid01 .grid10	{ display:block; width:100%; min-width:100%; max-width:100%; height:auto; min-height:auto; max-height:auto; overflow:hidden; }


/* H */
#header01 { display:none; }
h1 { font-size: 10vw; line-height:100%;  }
h2 { font-size: 5vw; line-height:100%; }
h3 { font-size: 4vw; line-height:100%; }	



/* I */
.image01imgX100, .image01imgX50 { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 0 auto; padding:0; height:auto; min-height:auto; max-height: auto; }
.image01imgSquare { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 0 auto; padding:0; height:auto; min-height:auto; max-height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius:8px;}
.image01imgCircle { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 0 auto; padding:0; height:auto; min-height:auto; max-height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius:50%;}

.image01bgX100 { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 0 auto; padding:0; background-repeat: no-repeat; background-position: center center; background-size:cover; border-radius:8px;}
.image01bgY25 { height:25vw; min-height: 25vw; max-height:25vw; border-radius:8px;}
.image01bgY50 { height:50vw; min-height: 50vw; max-height:50vw; border-radius:8px;}
.image01bgY75 { height:75vw; min-height: 75vw; max-height:75vw; border-radius:8px; }
.image01bgSquare { aspect-ratio: 1 / 1; object-fit: cover; border-radius:8px; }

/* L */
.letterspacing01 { letter-spacing:0; }	
#list01 li, #list02 li { display:inline-block; width:80%; border-bottom:solid 1px #000; padding:0 0 10px 0; margin:0 auto 10px auto; text-align:left; }
#list02 li:nth-child(even) { border-left: none; font-weight:400; }
#list02 li:nth-child(odd) { font-weight:800; }	

#logo01 { display:inline-block; float:left; width:50%; min-width:50%; max-width:50%; height:auto; position:relative; z-index:2; padding:25px 0 25px 0; margin:0 auto 0 auto; }
#logo01 img { width:100%; height:auto; border:none; padding:0; margin:0 auto 0 auto; }
	

/* M */
#media_screen { display:none; opacity:0; visibility:hidden; }
#media_tablet { display:none; opacity:0; visibility:hidden; }
#media_mobi { display:block; opacity:1; visibility:visible; }

/* N */
#navheader { position: fixed; z-index:99; top:0; left:0 display:block; width:100vw; min-width:100%; height: 100px; padding:0; margin:0 auto 0 auto; background-color:rgba(0,0,0,1); }	
.navMobi { position: fixed; top:0; left:0; display:block; width:100vw; padding:0;  background-color: rgba(250,215,90,0.9); }
.navMobi label { position:fixed; top:25px; left:70vw; display:inline-block; width:auto; max-width:auto; height:auto; padding:0; margin:0 auto 0 auto; color: rgba(255,255,255,1); padding: 3vw; background-color:rgba(0,0,0,1); margin: 0 auto 0 auto; font-size:8vw; text-align:center; border-radius:8px; }
.navMobi input[type='checkbox'] { position: absolute; opacity: 0; z-index: -1; opacity:0; visibility:hidden;}
.navMobi input:checked ~ .navMobi__content { max-height: 90vh; padding:0; overflow-y:auto; }	
.navMobi__content { width:100%; max-height: 0; overflow: auto; transition: all 1s; padding:100px 0 0 0;  }

#nav01 ul { display:block; list-style:none; width:100%; height:auto; padding:0; margin:0 auto 0 auto;}
#nav01 { display:block; position: relative; z-index:2; list-style:none; width:100%; height:auto; padding:0; margin:0 auto 0 auto; text-align:center; box-shadow: 0 0 0 0 rgba(0,0,0,0.1); }
#nav01 li { display:block; width:80%; max-width:80%; padding:2vh 0 2vh 0; margin: 0 auto 0 auto; border: none; transition: all 1s ease; color: rgba(255,255,255,0.85); border:none; border-bottom: solid 1px rgba(255,255,255,0.85); letter-spacing:0.1vw; font-size:15px; text-transform:uppercase; }
#nav01 li:nth-last-child(-n+2) { border-bottom: none; }	
#nav01 li:hover { background-color: rgba(30,135,195,1); padding:2vh 0 2vh 0; }
#nav01 a, #nav01 a:link, #nav01 a:visited { color: rgba(255,255,255,0.85); }
#nav01 a:hover, #nav01 a:active { }	


/* P */
.padding1 { padding:25px 5% 25px 5%; }
.padding5 { padding:25px 5% 25px 5%; }
.padding10 { padding:50px 10px 50px 10%; }	
	
#page01 { display:block; position:relative; z-index:2; width:100%; min-width:100%; max-width:100%; height:auto; padding:0; margin:0 auto 0 auto; box-shadow: 0 0 0 0 rgba(0,0,0,0.1); border-radius:11px; }
	
.partner01 { display:inline-block;padding:0; margin:0 auto 0 auto; width:65%; height:auto; }	



/* S */
.section01, .section01header { display:block; min-width: 80%; max-width:80%; padding:50px 10% 50px 10%; margin:0 auto 10px auto;}
	
/* T */

/* V */
.video01 { display:block; border:none; width:100%; min-width:100%; max-width:100%; height: 512px; min-height:512px; max-height:100vh;}	
	
}