@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 { color: rgba(60,60,55,1); text-decoration: none; transition: all 1s ease;}
a:hover, a:active { color: rgba(60,60,55,1); 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-repeat: repeat; background-position: center center; background-size:222px auto; position:relative; }
.white01 { background-image:url(/wp-content/themes/onlinebrandambassadors/_img/background01-white.webp); }
.black01 { background-image:url(/wp-content/themes/onlinebrandambassadors/_img/background01-black.webp); }


.banner01 { display:block; position:relative; z-index:0; width:100%; min-width:100%; max-width:100%; min-height:75vh; max-height:100vh; background:#fff; padding:0; margin:0 auto 0 auto; background-repeat: no-repeat; background-position: center bottom; background-size:cover; position:relative; z-index:0; border:none; vertical-align:middle; text-align:center; background-attachment: fixed; }

body { display:block; padding:0; margin:0 auto 0 auto; text-align:center; }

.borderradius1111 { border-radius:25px; }
.borderradius1000 { border-radius:25px 0 0 0; }
.borderradius0100 { border-radius:0 25px 0 0; }
.borderradius0010 { border-radius:0 0 25px 0; }
.borderradius0001 { border-radius:0 0 0 25px; }
.borderradius1001 { border-radius:25px 0 0 25px; }

.boxShadow { box-shadow: 0 0 5px 5px rgba(135,136,138,0.5); } /* x,y,blur,spread */

#breadcrumbs01 ul, #breadcrumbs01 ol { display:block; width:100%; min-width:100%; max-width:100%; height:auto; list-style:none; padding:0; margin:0 auto 0 auto; text-align:right; }
#breadcrumbs01 { display:block; width:100%; min-width:100%; max-width:100%; height:auto; list-style:none; padding:0; margin:0 auto 9px auto; }
#breadcrumbs01 li { list-style:none; display:inline-block; width:auto; font-size:calc(10px + 0.1vw); line-height:80%; text-transform:uppercase; }
#breadcrumbs01 a, #breadcrumbs01 a:link, #breadcrumbs01 a:visited, #breadcrumbs01 a:hover, #breadcrumbs01 a:active { font-size:calc(10px + 0.1vw); line-height:80%; text-transform:uppercase; }

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

.breadcrumbs01 { color: rgba(198,198,185,0.6); font-size: clamp(10px, 1vw, 1vw); line-height:1vw; font-weight:400; }
.breadcrumbs01 a, .breadcrumbs01 a:link, .breadcrumbs01 a:visited, .breadcrumbs01 a:hover, .breadcrumbs01 a:active { color: rgba(198,198,185,0.6); font-size: clamp(10px, 1vw, 1vw); line-height:1vw; font-weight:400; }


button, .button, .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt { display:inline-block; border-radius:0; padding:8px 25px 8px 25px; margin:0 auto 0 auto; text-align:center; transition: all .3s ease; cursor:pointer; box-shadow: none; text-shadow: transparent; border-radius:25px; font-weight:600; }

button:hover, .button:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover { display:inline-block; border-radius:25px; cursor:pointer; box-shadow: 0 0 1vw 1vw rgba(0,0,0,0.1); text-shadow: transparent; transform: scale(1.02); }

/* C */
.caption01 { display:inline-block; padding:0.1vw 1vw 0.1vw 1vw; margin:0 auto 0.5vw auto; }
.clearfix {}
.clearfix::after { content: ""; display: table; clear: both; }

.colorBlack { color: rgba(60,60,55,1); }
.colorBlackbrdr { border:solid 1px rgba(60,60,55,1); }
.colorBlackbg { background-color: rgba(60,60,55,1); }
.colorWhite { color: rgba(198,198,185,1); }
.colorWhitebrdr { border: solid 1px rgba(198,198,185,1); }
.colorWhitebg { background-color: rgba(198,198,185,1); }
.colorWhitebg25 { background-color: rgba(198,198,185,0.25); }
.colorWhitebg50 { background-color: rgba(198,198,185,0.5); }
.colorWhitebg75 { background-color: rgba(198,198,185,0.75); }
.colorWhiteLink a, .colorWhiteLink a:link, .colorWhiteLink a:visited, .colorWhiteLink a:hover, .colorWhiteLink a:active { color: rgba(198,198,185,1);  }

.color01 {color: rgba(35,100,100,1);}
.color01bg {background-color: rgba(35,100,100,1);}
.color01bg10 {background-color: rgba(35,100,100,0.1);}
.color01bg25 {background-color: rgba(35,100,100,0.25);}
.color01bg50 {background-color: rgba(35,100,100,0.5);}
.color01bg75 {background-color: rgba(35,100,100,0.75);}
.color01bg90 {background-color: rgba(35,100,100,0.9);}
.color01brdr {border: solid 1px rgba(35,100,100,1);}

.color02 {color: rgba(60,60,55,1);}
.color02bg {background-color: rgba(60,60,55,1);}
.color02bg10 {background-color: rgba(60,60,55,0.1);}
.color02bg25 {background-color: rgba(60,60,55,0.25);}
.color02bg50 {background-color: rgba(60,60,55,0.5);}
.color02bg75 {background-color: rgba(60,60,55,0.75);}
.color02bg90 {background-color: rgba(60,60,55,0.9);}
.color02brdr {border: solid 1px rgba(60,60,55,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 */
.fliphorz {-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.floatRight { float:right; margin:0 auto 16px 50px; }
.floatLeft { float:left; margin:0 50px 16px auto; }

.font01 { font-family: 'Roboto', sans-serif; }
.font02 {  font-family: "Playfair Display", sans-serif; }
.fontSize01 { font-size: 0.6vw; line-height:0.6vw; font-weight:400; text-transform:uppercase; }
.fontSize05 { font-size: clamp(10px, 1vw, 1vw); line-height:1vw; font-weight:400; }
.fontSize1 { font-size: clamp(13px, 1.3vw, 1.3vw); line-height:165%; font-weight:400; }
.fontSize2 { font-size: clamp(13px, 1.3vw, 1.3vw); line-height:165%; font-weight:400; }
.fontSize3 { font-size: clamp(13px, 1.3vw, 1.3vw); line-height:165%; font-weight:400; }
.fontSize4 { font-size: clamp(13px, 1.3vw, 1.3vw); line-height:165%; font-weight:400; }

#footer01 { padding: 5vw 10vw 5vw 10vw; color: rgba(198,198,185,1); }
#footer01 a, #footer01 a:link, #footer01 a:visited, #footer01 a:hover, #footer01 a:active { color: rgba(198,198,185,1); }
.footer01 ul, .footer01 ol { display:block; padding:0; margin:0 auto 0 auto; }
.footer01 { display:block; height:auto; list-style:none; margin:0 auto 0 auto; padding:0 0 0 0; }
.footer01 li { display:block; padding:6px 0 6px 0; margin:0 auto 0 auto; }

/* G */
.grayscale01 { filter: grayscale(75%); }

#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 .one { display:block; width:100%; min-width:100%; max-width:100%; }
#grid01 .two { display:inline-block; width:50%; margin:0; padding:0; }
#grid01 .three { display:inline-block; width:33.3%; margin:0; padding:0;  }
#grid01 .four { display:inline-block; width:25%; margin:0; padding:0; }
#grid01 .four-two { display:inline-block; width:50%; margin:0; padding:0;  }
#grid01 .four-three { display:inline-block; width:75%; margin:0; padding:0;  }
#grid01 .five { display:inline-block; width:20%; margin:0; padding:0;  }
#grid01 .five-two { display:inline-block; width:40%; margin:0; padding:0;  }
#grid01 .five-three { display:inline-block; width:60%; margin:0; padding:0;  }
#grid01 .five-four { display:inline-block; width:80%; margin:0; padding:0;  }
#grid01 .six { display:inline-block; width:16.6%; margin:0; padding:0; }
#grid01 .seven { display:inline-block; width:14.2%; margin:0; padding:0; }
#grid01 .eight { display:inline-block; width:12.2%; margin:0; padding:0; }
#grid01 .nine { display:inline-block; width:10.2%; margin:0; padding:0; }

#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;  }
#grid01 .grid11 { display:inline-block; width:9%; margin:0; padding:0;  }

/* H */
h1 { font-size:calc(12px + 2vw); line-height:100%; padding:0; margin:0 auto 1vw auto; font-weight:800; }
h2 { font-size:calc(12px + 2vw); line-height:100%; padding:0; margin:0 auto 1vw auto; font-weight:800; }
h3 { font-size:calc(12px + 0.5vw); line-height:100%; padding:0; margin:0 auto 1vw auto; font-weight:800; }
h4 { font-size:calc(12px + 0.1vw); line-height:100%; padding:0; margin:0 auto 2vw auto; }


.height50 { height:50vw; }

.hover01:hover { transform: scale(1.015); z-index:999; box-shadow: 0 0 9px 9px rgba(0,0,0,0.1); transition: all 0.1s ease;  filter: grayscale(0); }
.hovered01 { box-shadow: 0 0 1vw 1vw rgba(0,0,0,0.1); }

/* I */
.icon01 { display:inline; padding: 0 0.1vw 0 0.1vw; margin:0 auto 0 auto; font-size:1vw; }
.image01img { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 16px auto;padding:0; height:auto; min-height:auto; max-height: auto; }
.image01imgSquare { width: 100%; min-width:100%; max-width: 100%; height:auto; min-height:auto; max-height:auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius:0; }
.image01imgCircle { width: 90%; min-width:90%; max-width: 90%; height:auto; min-height:auto; max-height:auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius:50%; padding:4%; border: solid 1px #000;  }
.image01div { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 0 auto; padding:0; height:50vw; min-height:50vw; max-height: 50vw; background-repeat: no-repeat; background-position: center center; background-size:cover; }

/* J */

/* K */
.kenburns-wrap { width: 100%; height: auto; margin: 0 auto; overflow: hidden; position: relative; }
.kenburns-wrap img, .kenburns-bgimg { width: 100%; animation: move 40s ease; -ms-animation: move 40s ease; -webkit-animation: move 40s ease; -0-animation: move 40s ease; -moz-animation: move 40s ease; position: absolute; }
@-webkit-keyframes move { 
0% { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; transform: scale(1.0); -ms-transform: scale(1.0); -webkit-transform: scale(1.0); -o-transform: scale(1.0); -moz-transform: scale(1.0); }
100% { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); }
}

/* L */
.link01 { text-decoration:underline; }
.link01:hover { text-decoration:none; }


#list00 ul, #list01 ol  { display:block; height:auto; list-style:none; padding:0; margin:0 auto 0 auto; }
#list00 { display:block; height:auto; list-style:none; margin:0 auto 0 auto; padding:0 0 0 0; }
#list00 li { display:block; padding:8px 0 8px 0; margin:0 auto 0 auto; }

#list01 ul, #list01 ol  { display:block; height:auto; list-style:none; padding:0; margin:0 auto 0 auto; }
#list01 { display:block; height:auto; list-style:none; margin:0 auto 0 auto; padding:0 0 0 0; }
#list01 li { display:block; border-bottom: solid 1px rgba(85,95,110,0.5); padding:8px 0 8px 0; margin:0 auto 0 auto; }

#list02 ul, #list02 ol  { display:block; height:auto; list-style:none; }
#list02 { display:block; height:auto; list-style:none; border-left: solid 5px rgba(0,0,0,0.25); }
#list02 li {  border-right:solid 1px rgba(35,100,100,0.5); padding:8px 0 8px 0; }

/* list : bullets 1 line */
#listbullets01 ul, #listbullets01 ol  { display:block;  padding:0; margin:0 auto 0 auto; }
#listbullets01 { display:block;  padding:0; margin:2vw auto 2vw auto;}
#listbullets01 li { display:block; }
#listbullets01 li::before {content: "•"; display: inline-block; width: 1em; margin-left: 0 }

/* list : bullets paragraph */
#listbullets02 ul, #listbullets02 ol  { display:block;  padding:0; margin:0 auto 0 auto; }
#listbullets02 { display:block; padding:0; margin:2vw auto 2vw auto;}
#listbullets02 li { display:block; padding:0; margin:0 auto 1.5vh auto; }
#listbullets02 li::before {content: "•"; display: inline-block; width: 1em; margin-left: 0 }

/* list : numbered */
#listnumbers01 ul, #listnumbers01 ol { display:block; padding:0; margin:0 auto 0 auto; counter-reset: item }
#listnumbers01 { display:block; padding:0; margin:2vw auto 2vw auto; counter-reset: item } 
#listnumbers01 li { display: block; }
#listnumbers01 li:before { content: counters(item, ".") " "; counter-increment: item }

#logo01 { display:inline-block; width:10vw; height:10vw; position:fixed; z-index:2; left:45vw; top:1vw; background-color:rgba(35,100,100,1); border-radius:50%; padding:0; margin:0 auto -20vw auto; transition: all 2s ease; border:solid 2px rgba(255,255,255,0.5);  }
#logo01 img { width:60%; height:auto; border:none; padding:20%; margin:0 auto 0 auto; }
.logoWrap01 { width:15vw; }

/* M */
#media_screen { display:block; }
#media_tablet { display:none; }
#media_mobi { display:none; }

.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); }

#modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center; }
#modal img { width:70vw; max-width: 90%; max-height: 90%; }
#modal .close { position: absolute; top: 10px; right: 20px; color: white; font-size: 30px; cursor: pointer; }

/* N */
.nav01spacer { height:7vw; }
#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:2; top:0; left:0; width:100%; min-width:100%; max-width:100%; height:auto; transition: all 1s ease; padding: 2vw 0 2vw 0; margin:0 auto 0 auto; background-color:rgba(35,100,100,1); box-shadow: 0 0 0.5vw 0.5vw rgba(0,0,0,0.1); }
#nav01 li { display:inline-block; width:10vw; font-size: 1vw; letter-spacing:0.1vw; padding:0.5vw 0.5vw 0.5vw 0.5vw; margin: 0 auto 0 auto; text-transform:uppercase; border: none; transition: all 1s ease; text-align:center; }
#nav01 li:hover {transform: scale(1.015); z-index:999; box-shadow: 0 0 9px 9px rgba(0,0,0,0.1); transition: all 0.1s ease; border-radius:25px; }
#nav01 a, #nav01 a:link, #nav01 a:visited, #nav01 a:hover, #nav01 a:active { display:block; color: rgba(198,198,185,1);  }

.nowrap { white-space: nowrap; }

/* P */
p { display:block; padding:0; margin:0 auto 16px auto; }
.padding1 { padding: 1vw; }
.padding2 { padding:2vw; }
.padding3 { padding:3vw; }
.padding4 { padding:4vw; }
.padding5 { padding:4vw 5vw 4vw 5vw; }
.padding10, .padding10notmobi { padding: 5vw 10vw 5vw 10vw; }
.padding15, .padding15notmobi { padding: 10vw 15vw 10vw 15vw; }
.padding20 { padding:15vw; }

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

#popcover01 { position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:3332; width:100%; height:100%; display:none; }
#pop01 { width:80vw; min-width:80vw; max-width:80vw; height:80vh; min-height:80vh; max-height:80vh; overflow:auto; padding:1vw; margin:0 auto 0 auto; position:fixed; top:10vh; left:10vw; z-index:3333; display:none; background: rgba(255,255,255,1); border:none; box-shadow: 0 0 1vw 1vw rgba(0,0,0,0.1); border-radius:11; } 
#pop01:target, #pop01:target + #popcover01 { display:block; transition: all 3s ease-in-out; } 
.popcancel { display:inline-block; font-size:2vw; position:fixed; z-index:11; top:9vh; left:49vw; color:rgba(37,53,40,0.5); background-color: rgba(255,255,255,1); border-radius:100%; border:solid 5px rgba(255,255,255,1); } .popcancel:hover, .popcancel a:hover { opacity:0.9; } .popcontent { } 

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

/* S */
#search01 { display:block; width:100%; margin:0 auto 0 auto; padding:0; background-color:none; }
#search01 .search-form { display:block; width:100%; margin:0 auto 0 auto; padding:0;}
#search01 .search-field { display:inline-block; width:78%; border:none; text-align:center; margin:0 auto 0 auto; padding: 5px 0 5px 0; border-radius:0; background-color:rgba(244,244,244,1); border-radius: 15px 0 0 15px; }
#search01 .search-submit { display:inline-block; width:18%; border:solid 1px rgba(255,255,255,0.1); text-align:center; margin:0 auto 0 auto; padding: 5px 0 5px 0; border-radius: 0 15px 15px 0; }

.separator01 {
  display: block;
  min-width: 300px;
  max-width: 40%; 
  height: 1px;
  background-color: rgba(198,198,185,0.75);; 
  margin: 2em auto;
  padding: 0;
}
.separator02 {
  display: block;
  min-width: 100%;
  max-width: 100%; 
  height: 1px;
  background-color: rgba(198,198,185,0.75);; 
  margin: 1em auto;
  padding: 0;
}

#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 }

.speech { display:inline-block; width:auto; height:auto; font-weight:500; padding:1vh 1vw 1vh 1vw; margin:0 auto 0 auto; background-color: rgba(255,255,255,1); color:rgba(0,0,0,1); text-align:center; letter-spacing:2px; text-transform:uppercase; position:relative; z-index:1; box-shadow: 0 0 3px 3px rgba(0,0,0,0.05); }
.speech:after { display: block; content: ""; border-color: rgba(255,255,255,1) transparent transparent transparent; border-style: solid; border-width: 16px; height:0; width:0; margin:1vh auto -5vh auto; position:relative; z-index:1; }

#splash01 { display: flex; justify-content: center; align-items: center; width:100vw; height: 100vh; background-color:rgba(0,0,0,0.1); }
.splash01 { width: 15vw; height: 15vw; display:inline-block; z-index:2; background-color:rgba(255,255,255,1); border-radius:50%; padding:5vw; margin:0 auto 0 auto; transition: all 2s ease;  }
.splash01 img { display:inline-block; width:100%; padding:0; margin:0 auto 0 auto;}

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); }
.uppercase { text-transform:uppercase; }

/* V */
.video01 { display:block; width:100%; height:auto; }
.video-thumbnail { position: relative; display: inline-block; cursor: pointer; }
.video-thumbnail img { display: block; width: 100%; height: auto; }
.video-thumbnail-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 32px; color: white; background-color: rgba(255, 255, 255, 0.3); border: 3px solid white; border-radius: 50%; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; }
.video-thumbnail:hover .video-thumbnail-play { opacity: 1; }

/* W */
.width25 { width:25vw; min-width:25vw; max-width:25vw; margin:0 auto 0 auto; padding:0; }
.width50 { width:50vw; min-width:50vw; max-width:50vw; margin:0 auto 0 auto; padding:0; }
.width75 { width:75vw; min-width:75vw; max-width:75vw; margin:0 auto 0 auto; padding:0; }


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

/* A */
a,a:link,a:visited { font-size: clamp(22px, 2.2vw, 2.2vw); line-height:150%; }
.alignleft { text-align:center;} .alignright {text-align:center;} .aligncenter {text-align:center;} .alignjustifycenter { text-align: center; }

#alternate01 { display:block; width:100%; min-width:100%; max-width:100%; padding:0; margin:0 auto 0 auto; font-size: 0; vertical-align:middle; }
.alternate01row01 { display:flex; flex-direction: row; justify-content:center; flex-wrap: wrap; align-items: center; align-content: space-between; padding:0; margin:0 auto 0 auto; vertical-align:middle; align-self: center; }
.alternate01row01:nth-of-type(even) { flex-direction: row-reverse; }
.alternate01column01 { width:100%; height:auto; overflow:visible; vertical-align:middle; }
.alternate01column01:nth-of-type(odd) { width:100%; text-align:left;}

/*B*/
.banner01 { display:block; position:relative; z-index:0; width:100%; min-width:100%; max-width:100%; height:auto; min-height:75vh; max-height:999vh; 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; background-attachment: scroll; }	
	
.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 { }
.button { display:block; font-size:16px; line-height:155%; font-weight:600; color:rgba(198,198,185,1); border:solid 1px rgba(198,198,185,1); margin: 5px auto 5px auto;  padding: 1vh 0 1vh 0;   }

/*C*/
.caption01 { display:block; font-size:16px; line-height:155%; font-weight:600; color:rgba(198,198,185,1); padding: 1vh 0 1vh 0; margin: 5px auto 20px auto; }	
	
#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; }
	
.fontSize01 { font-size: clamp(12px, 1.2vw, 1.2vw); line-height:150%; }
.fontSize05 { font-size: clamp(15px, 1.5vw, 1.5vw); line-height:150%;font-weight:400; }
.fontSize1 { font-size: clamp(22px, 2.2vw, 2.2vw); line-height:150%; font-weight:400;}
.fontSize2 { font-size: clamp(22px, 2.2vw, 2.2vw); line-height:150%; font-weight:400; }
.fontSize3 { font-size: clamp(22px, 2.2vw, 2.2vw); line-height:150%; font-weight:400; }
.fontSize4 { font-size: clamp(22px, 2.2vw, 2.2vw); line-height:150%; font-weight:400; }
	
#footer01 { padding: 25px 5% 25px 5%; color: rgba(198,198,185,1); }
#footer01 a, #footer01 a:link, #footer01 a:visited, #footer01 a:hover, #footer01 a:active { color: rgba(198,198,185,1); }
.footer01 ul, .footer01 ol { display:block; padding:0; margin:0 auto 0 auto; }
.footer01 { display:block; height:auto; list-style:none; margin:0 auto 0 auto; padding:0 0 0 0; }
.footer01 li { display:block; padding:10px 0 10px 0; margin:0 auto 0 auto; border-bottom: dotted 1px rgba(198,198,185,1); }
.footer01 a, .footer01 a:link, .footer01 a:visited { font-size: clamp(15px, 1.5vw, 1.5vw); }	

/* G */
#grid01 .grid75, #grid01 .grid50, #grid01 .grid33, #grid01 .grid25, #grid01 .grid20, #grid01 .grid10, #grid01 .grid11 { display:block; width:100%; min-width:100%; max-width:100%; height:auto; min-height:auto; max-height:auto; overflow:hidden; }
#grid01 .grid11 img { display:none; }	


/* H */

h1 { font-size: clamp(35px, 3.5vw, 3.5vw); line-height:110%; letter-spacing:0;font-weight:800; margin:0 auto 25px auto; }
h2 { font-size: clamp(35px, 3.5vw, 3.5vw); line-height:110%; letter-spacing:0;font-weight:800; margin:0 auto 24px auto;}
h3 { font-size: clamp(23px, 2.3vw, 2.3vw); line-height:110%; letter-spacing:0;font-weight:800;margin:0 auto 23px auto; }	
h4 { font-size: clamp(15px, 1.5vw, 1.5vw); line-height:110%;letter-spacing:0;font-weight:400; }
#header01 { display:block; position: fixed; z-index:5; top:0; left:0; width:100%; height:auto; padding:2hv 0 2vh 0; margin:0 auto 0 auto; text-align:center; }	
.hero01	{ display:none; }
	
/* I */
.icon01 { display:inline; padding: 0 10px 0 10px; margin:0 auto 0 auto; font-size:15px; }	

/* L */
#list01 { text-align:left; }	
#list01 li { font-size:4vw; }
.logo01 { position:fixed; top:2vh; left:8vw; display:inline-block; width:30%; max-width:30%; height:auto; padding:0; margin:0 auto 0 auto; }
.logo01 img { width:60%; }	

/* M */
#media_screen { display:none; }
#media_tablet { display:none; }
#media_mobi { display:block; }

/* N */
.nav01spacer { height:15vh; }	
#navheader { position: fixed; top:0; left:0 display:block; width:100vw; height: 15vh; padding:0; z-index:10; background-color: rgba(35,100,100,0.9);}	
.navMobi { position: fixed; top:0; left:0; display:block; width:100vw; padding:0;  background-color: rgba(35,100,100,0.9); }
.navContact { position:fixed; top:4vh; left:40vw; display:inline-block; width:30%; max-width:30%; height:auto; }	
.navMobi label { position:fixed; z-index:11; top:4.2vh; left:70vw; display:inline-block; width:30%; max-width:30%; height:auto; padding:0; margin:0 auto 0 auto; color: rgba(198,198,185,1); padding: 0; margin: 0 auto 0 auto; font-size:15vw; text-align:center; }
.navMobi input[type='checkbox'] { position: absolute; opacity: 0; z-index: -1; }
.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: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; box-shadow: 0 0 0 0 rgba(0,0,0,0.1); }
#nav01 li { display:block; width:100%; padding:10px 0 10px 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; font-size:15px; text-transform:uppercase; text-align:right; }
#nav01 li:hover { background-color: rgba(150,27,39,0.5); 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: 16px 5% 16px 5%; }
.padding2 { padding:16px 5% 16px 5%; }
.padding3 { padding:16px 5% 16px 5%; }
.padding4 { padding:16px 5% 16px 5%; }
.padding5 { padding:16px 5% 16px 5%; }
.padding10 { padding: 16px 5% 16px 5%; }
.padding15 { padding: 16px 5% 16px 5%; }	
.padding5 > .padding5, .padding5 > .padding10, .padding10 > .padding5, .padding10 > .padding10, .padding15 > .padding15 { padding: 0; }	
.padding10notmobi, .padding15notmobi { padding:0; }	
	
#page01, .page02 { display:block; width:100%; min-width:100%; max-width:100%; height:auto; padding:0; margin:0 auto 0 auto; }



/* S */
#search01 { display:block; width:100%; min-width: 100%; max-width:100%; margin:0 auto 0 auto; padding:0; }
#search01 .search-submit { background-color: rgba(60,60,55,1) !important; }	
	
#splash01 { display: flex; justify-content: center; align-items: center; width:100vw; height: 100vh; background-color:rgba(0,0,0,0.1); }
.splash01 { width: 40vw; height: 40vw; display:inline-block; z-index:2; background-color:rgba(255,255,255,1); border-radius:50%; padding:10vw; margin:0 auto 0 auto; transition: all 2s ease;  }
.splash01 img { display:inline-block; width:100%; padding:0; margin:0 auto 0 auto;}	

/* T */
.tab { position: relative; }
.tab input[type='checkbox'] { position: absolute; opacity: 0; z-index: -1; }
.tab__content { max-height: 0; overflow: auto; transition: all 1s; }
.tab input:checked ~ .tab__content { max-height: 100vh; }
.accordion {}
.tab { border-radius:15px 15px 0 0; background-color:rgba(217,214,208,0.2); padding:2vw; font-size:25px; text-align:center; }
.tab__content li { list-style:none; display:block; margin:5vw; padding:10px 0 10px 0; border-bottom: solid 1px rgba(217,214,208,0.5);}

}