@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
*/

@import url('https://use.fontawesome.com/releases/v5.6.1/css/all.css');

/* HTML5 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; max-width: 100%; } html { overflow-y: scroll; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; }


/* A */
a,a:link,a:visited { color: rgba(37,53,40,1); font-weight:500; text-decoration: none; transition: all 1s ease; }
a:hover, a:active { color: rgba(0,0,0,1); text-decoration: none;  }
.alignleft { text-align:left; text-align-last: left;} .alignright {text-align:right; text-align-last: right;} .aligncenter {text-align:center; text-align-last: center; } .alignjustifycenter { text-align: justify; text-align-last: center; }
.aligntop {vertical-align:top;} .alignmiddle {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 } }


/* ALTERNATE */
#alternate01 { display:block; width:100%; min-width:100%; max-width:100%; padding:0; margin:0 auto 0 auto; vertical-align: middle; }
.alternate01row { width:100%; border-radius:8px; display:flex; flex-direction: row; justify-content:center; flex-wrap: wrap; align-items: center; align-content: space-between; padding:0; margin:0 auto 50px auto; vertical-align:middle; align-self: center; background-color: rgba(37,53,40,0.01);  }
.alternate01row:nth-of-type(odd) { flex-direction: row; background-color: rgba(37,53,40,0.05); position:relative; }
.alternate01row:nth-of-type(even) { flex-direction: row-reverse; }
.alternate01row:nth-of-type(1) { background-color: rgba(255,255,255,1); }

.alternate01column { width:50%; min-width:50%; max-width:50%; padding: 0; margin:0; text-align:left; vertical-align:middle; align-self: center;  }
.alternate01column img { padding:0; margin:0 auto 0 auto; text-align:center; vertical-align:middle; }

/* B */
.background01 { background-color:rgba(37,53,40,0.05); }
.background02 { background-color:rgba(37,53,40,0.05); }
.background03 { background-color:rgba(37,53,40,0.1); }

#banner01 { width:100%;min-width:100%;max-width:100%;height:75vh; overflow:hidden; margin:0 auto 0 auto; padding:0;text-align:center;background-repeat: no-repeat; background-size:100% auto; position:relative;z-index:1; border:none;  }
#banner01 img { display:block; width:100%; min-width:100%; max-width:100%; height:auto; vertical-align:bottom; }


body { font-family: 'Lato', sans-serif; font-size: clamp(16px, 1.6vw, 18px);  /* font-size:calc(12px + 0.5vw); */ line-height:155%; font-weight:300; display:block; width:100%; height:100%; padding:0; margin:0 auto 0 auto; color:rgba(37,53,40,0.9); text-align:center; background-color: rgba(255,255,255,1); } 

#box00, .box00 { width:100%; margin:0 auto 2.5vh auto; }
#box01, .box01 { width:100%; margin:0 auto 2.5vh auto; padding:2.5vh 0 2.5vh 0; background-color:rgba(255,255,255,1); }
#box02, .box02 { width:100%; margin:0 auto 2.5vh auto; padding:2.5vh 0 2.5vh 0; background-color:rgba(255,255,255,1); }
#box03, .box03 { width:100%; height:75vh; overflow:auto; margin:0 auto 0 auto; padding:0;  }
#box04, .box04 { border:solid 1px rgba(0,0,0,1); padding:2.5vw 2.5vh 2.5vw 2.5vh; margin: 0 auto 2.5vh auto; }


/* OFF CENTRE
#box00 { width:100%; margin:0 auto 2.5vh auto; }
#box01 { width:110%; margin:0 auto 2.5vh -10%; padding:2.5vh 0 2.5vh 0; background-color:rgba(255,255,255,1); }
#box02 { width:110%; margin:0 -10% 2.5vh auto; padding:2.5vh 0 2.5vh 0; background-color:rgba(255,255,255,1); }
#box03 { width:100%; height:75vh; overflow:auto; margin:0 auto 0 auto; padding:0;  }*/

button, .button01 { display:inline-block; font-weight:300; color:rgba(37,53,40,1); border:solid 1px rgba(37,53,40,1); padding:0.5vh 1vw 0.5vh 1vw; margin:3vh auto 3vh auto; text-align:center; transition: all 1s ease; }
button,.button01, .button01 a,.button01 a:link,.button01 a:visited,.button01 a:hover, .button01 a:active { color:rgba(37,53,40,1); text-decoration:none;  }
button:hover, .button01:hover { cursor:pointer; border:solid 2px rgba(37,53,40,1); }
.button02 { border: solid 2px rgba(255,255,255,1); padding:1vh 1vw 1vh 1vw;}

/* C */
.caption01 { background-color: rgba(255,255,255,1);padding:5% 10px 5% 10px; margin: 95% auto 0 auto; font-size: 14px; line-height:16px; color:rgba(37,53,40,1); text-align:center; font-style:italic;}

.circlewrap01 { width:95%; height:auto; padding:2%; margin:0 auto 0 auto; border:solid 2px rgba(0,99,46,1); border-radius:100%; background:#fff; z-index:1; }
.circlebox01{ position: relative; width: 100%; }
.circlebox01:before { content: ""; display: block; padding-top: 100%; }
.circlecontent01 { position: absolute; z-index:1; top: 0; left: 0; right: 0; bottom: 0;}

.clearfloat { display:block; float:none; width:100%; min-width:100%; height:1px; break-after:all; }

.colorBlack { color: rgba(0,0,0,1); }
.colorWhite { color: rgba(255,255,255,1); }
.colorBrand { color: rgba(37,53,40,1); }

#cookie-law-info-bar { box-shadow: 0 0 5px 5px rgba(146,170,149,0.5);opacity:0.9; } .cli-bar-container { padding:2% 5% 2% 5%; font-size:16px;line-height:25px; } .cli-style-v2 {} .cli-bar-message {} .cli-bar-btn_container {} .cli-bar-btn_container a { border-radius:8px;margin:0 1% 1% 0; } .cli-modal-dialog { border-radius:8px; } .cli-modal-content { padding:10%; } .cli-bar-popup {} .cli-modal-footer {} .wt-cli-element {} .cli-container-fluid {} .cli-tab-container {} .cli-row {} .cli-align-items-stretch {} .cli-tab-footer {}  .wt-cli-privacy-overview-actions {} #wt-cli-privacy-save-btn { background:#a2553b;background-color:#a2553b;border-radius:8px; }  .wt-cli-privacy-btn {} .cli_setting_save_button {} .wt-cli-privacy-accept-btn {} .cli-btn {} .wt-cli-ckyes-brand-logo { display:none; } .medium {} .cli-plugin-button {}  .cli-plugin-main-button {} .cli_settings_button { }


.color01 { color:rgba(37,53,40,1); }
.color01bg { background-color:rgba(37,53,40,1); }
.color01bg25 { background-color:rgba(37,53,40,0.25); }
.color01bg50 { background-color:rgba(37,53,40,0.5); }
.color01bg75 { background-color:rgba(37,53,40,0.75); }



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

#cycle01, #cycle02 { display:block; width:100%; min-width:100%; max-width:100%; height:auto; }
.cycle01, .cycle02 {}
.cycle01-nav, .cycle02-nav { display:block; width:100%; height:auto; position:relative; z-index:1; font-size:1vw; color:rgba(0,0,0,1); background:#ccc; margin: 0 auto 0 auto; padding:0; text-align:center; background:#ccc; }
.cycle01-nav-left, .cycle02-nav-left { display:block; float:left; width:5%; padding:0; margin:30% auto -30% auto; text-align:left; }
.cycle01-nav-right, .cycle02-nav-right { display:block; float:right; width:5%; padding:0; margin:30% auto -30% auto; text-align:right;  }
.cycle01-nav-button, .cycle02-nav-button { font-size: 25px;}
.cycle01-nav-button:hover, .cycle02-nav-button:hover { cursor:pointer; box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.1); }



/* D */
.dot01 { font-family: 'Bebas Neue'; display:inline-block; width:25px; height:17px; padding:8px 0 0 0; font-size:1vw; line-height:100%; font-weight:600; vertical-align:middle; text-align:center; background-color: rgba(0,0,0,0); border: solid 1px rgba(0,0,0,1); border-radius: 100%; margin:0 auto 0 auto;   }
.dropbtn { border: none; cursor: pointer;}
.dropdown { position: relative; display: block; }
.dropdown-content { display: none; position: absolute; z-index: 2; width: auto; box-shadow: 0 0 6px 6px rgba(0,0,0,0.1); background:rgba(0,0,0,0.9); padding:16px 25px 16px 25px; text-align:left; margin:5% auto 0 auto; border-radius:8px; }
.dropdown-content a { text-decoration: none; display: block; padding:16px 0 16px 0; border:none; min-width:300px; }
.dropdown-content a:hover { }
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { }

/* F */
.font01 { font-family: 'Lato', sans-serif; font-size:calc(12px + 0.5vw); line-height:155%; font-weight:300; display:block; width:100%; height:100%; padding:0; margin:0 auto 0 auto; color:rgba(37,53,40,0.9); text-align:center; }
.fontSize1 { font-size: clamp(16px, 1.6vw, 1.6vw); }
.fontSize05 { font-size: clamp(10px, 1vw, 1vw);}
.fontWeight300 { font-weight:300; }
.fontWeight400 { font-weight:400; }

/* G */
#gallery01 { position:relative; z-index:0; width:100%; min-width:100%; max-width:100%; height:100%; overflow:hidden; padding:0; margin:0 auto 0 auto; display: vertical-align:middle; text-align:center; flex;justify-content: center;align-items: center; }
.gallery01 { position:relative; z-index:0; width:100%; min-width:100%; max-width:100%; height:100%; padding:0; margin:0 auto 0 auto; display: vertical-align:middle; text-align:center; flex;justify-content: center;align-items: center; background-repeat: no-repeat;background-position: center center;background-size:cover; }
.gallery01div { width:100%; min-width:100%; max-width:100%; height:100%; background-repeat: no-repeat;background-position: center center;background-size:cover; }

.gallery02landscape { position:relative; z-index:0; width:100%; min-width:100%; max-width:100%; height:350px; overflow:hidden; padding:0; margin:0 auto 0 auto; vertical-align:middle; text-align:center; flex;justify-content: center;align-items: center; background-repeat: no-repeat;background-position: center center;background-size:cover; }
.gallery02portrait { position:relative; z-index:0; width:100%; min-width:100%; max-width:100%; height:550px; overflow:hidden; padding:0; margin:0 auto 0 auto; vertical-align:middle; text-align:center; flex;justify-content: center;align-items: center; background-repeat: no-repeat;background-position: center center;background-size:cover; }
.gallery02div { width:100%; min-width:100%; max-width:100%; height:100%; background-repeat: no-repeat;background-position: center center;background-size:cover; vertical-align:middle; text-align:center; flex;justify-content: center;align-items: center; }
#gallery02controls { font-size:5vw; color:rgba(255,255,255,1); position:relative; z-index:1; margin: -50% auto 50% auto; padding:0; text-align:right; }
.gallery02prev { display:inline-block; width:5%; padding:0 45% 0 0; }
.gallery02next { display:inline-block; width:5%; padding:0 0 0 40%;  }
.gallery02prev i, .gallery02next i { color:rgba(255,255,255,1); font-size:40px; text-shadow: 0.5px 0.5px #000; }

#gallery03 { display:block; text-align:center; padding:0; margin:0 auto 0 auto;}
.gallery03 { display:inline-block; width: 30%; min-width:30%; max-width: 30%; margin: 0 1% 7vw 1%; padding:0; min-height:25vw; max-height: 25vw; background-repeat: no-repeat; background-position: center center; background-size:cover; background-color:rgba(37,53,40,0.03); border-radius:0; vertical-align:middle;}



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

/* H */
h1 { display:block; font-size:2.5vw; font-weight:100; line-height:100%; letter-spacing:0.2vw; margin:0 auto 5vh auto; }
h2 { display:block; font-size:2vw; font-weight:100; line-height:100%; letter-spacing:0.1vw; margin:0 auto 2.5vh auto; }
h3 { display:block; font-size:1.5vw; line-height:100%; letter-spacing:0.2vw; margin:0 auto 2vh auto; }
h4 { display:inline-block; font-size:1vw; line-height:100%;  }
h5 { display:inline-block; font-size:11px; text-transform:uppercase; line-height:100%; letter-spacing:0.1vw; padding:0; margin:0 auto 2.5vh auto;}

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


/* I */
.iframe01 { display:block; width:100%; min-width:100%; max-width:100%; height: auto; min-height: 450px; max-height:100%; border:none; padding:0; margin: 25px auto 25px auto; }

.image01img { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 5vh auto; padding:0; height:auto; min-height:auto; max-height: auto; }
.image01img33 { display:inline-block; width: 30%; min-width:30%; max-width: 30%; margin: 0 auto 0 auto; padding:0; height:auto; min-height:auto; max-height: auto; }
.image01img50 { display:inline-block; width: 45%; min-width:45%; max-width: 45%; margin: 0 auto 5vh auto; padding:0; height:auto; min-height:auto; max-height: auto; }

.image01div { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 2.5vh auto; padding:0; height:250px; min-height:333px; max-height: 333px; background-repeat: no-repeat; background-position: center center; background-size:cover; background-color:rgba(37,53,40,0.03); border-radius:0; vertical-align:middle; text-align:center; flex;justify-content: center;align-items: center; }
.image01div33 { display:inline-block; width: 30%; min-width:30%; max-width: 30%; margin: 0 auto 25px auto; padding:0 1% 16px 1%; height:250px; min-height:333px; max-height: 333px; background-repeat: no-repeat; background-position: center center; background-size:cover; background-color:rgba(37,53,40,0.03); border-radius:0; vertical-align:middle; text-align:center; flex;justify-content: center;align-items: center; }
.image01div50 { display:inline-block; width: 47%; min-width:47%; max-width: 47%; margin: 0 auto 0 auto; padding:0; height:250px; min-height:333px; max-height: 333px; background-repeat: no-repeat; background-position: center center; background-size:cover; background-color:rgba(37,53,40,0.03); border-radius:0; vertical-align:middle; text-align:center; flex;justify-content: center;align-items: center; }
.image01divFix { display:inline-block; width: 30%; min-width:30%; max-width: 30%; margin: 0 auto 0 auto; padding:0; height:1px; min-height:1px; max-height: 1px; background-repeat: no-repeat; background-position: center center; background-size:cover; background-color:rgba(37,53,40,0.03); border-radius:0; vertical-align:middle; text-align:center; flex;justify-content: center;align-items: center; }

.image02div { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 2.5vh auto; padding:0; height:250px; min-height:333px; max-height: 333px; background-repeat: no-repeat; background-position: center center; background-size:cover; background-color:rgba(37,53,40,0.03); border-radius:0; vertical-align:middle; text-align:center; flex;justify-content: center;align-items: center; }

.image01divlandscape { width: 100%; min-width:100%; max-width: 100%; height:50vh; margin: 0 auto 0 auto; padding:0; background-repeat: no-repeat; background-position: center center; background-size:cover; background-color:rgba(37,53,40,0.03); border-radius:0; vertical-align:middle; text-align:center; flex;justify-content: center; align-items: center;}
.image01divportrait { width: 100%; min-width:100%; max-width: 100%; height:75vh; margin: 0 auto 0 auto; padding:0; background-repeat: no-repeat; background-position: center center; background-size:cover; background-color:rgba(37,53,40,0.03); border-radius:0; vertical-align:middle; text-align:center; flex;justify-content: center; align-items: center;}
.imageFeaturedHalf { display:inline-block; width: 50%; min-width:50%; max-width: 50%; margin: 0 auto 5vh 50%; padding:0; height:250px; background-repeat: no-repeat; background-position: center center; background-size:cover; background-color:rgba(255,255,255,1); border-radius:0; vertical-align:middle; text-align:center; flex;justify-content: center;align-items: center;}
.imageFeaturedFull { display:inline-block; width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 5vh auto; padding:0; height:250px; background-repeat: no-repeat; background-position: center center; background-size:cover; background-color:rgba(255,255,255,1); border-radius:0; vertical-align:middle; text-align:center; flex;justify-content: center;align-items: center;}

.imageMosaicW100H100 { width: 100%; margin: 0 auto 0 auto; padding:0; height:73vh; background-repeat: no-repeat; background-position: center center; background-size:cover; vertical-align:middle; text-align:center; flex;justify-content: center;align-items: center; }
.imageMosaicW100H50 { width: 100%; margin: 0 auto 3vh auto; padding:0; height:35vh; background-repeat: no-repeat; background-position: center center; background-size:cover; vertical-align:middle; text-align:center; flex;justify-content: center;align-items: center;  }

.image01imgX100, .image01, .image01img { 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;}

.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; }
.image01bgY25 { height:25vw; min-height: 25vw; max-height:25vw; }
.image01bgY50 { height:50vw; min-height: 50vw; max-height:50vw; }
.image01bgY75 { height:75vw; min-height: 75vw; max-height:75vw; }


/* J */
#juicer01 { padding:0; margin:0 auto 0 auto;  }
#juicer01 ul { padding:0; margin:0 auto 0 auto;  }
#juicer01 li { border:none; padding:0; margin:0 auto 0 auto; }
#juicer01 ul .juicer-feed { border:none; padding:0; margin:0 auto 0 auto;  }
#juicer01 h1 { display:none; }
#juicer01 .referral { display:none; }
#juicer01 img { border-radius:0; padding:0; margin:0 auto 0 auto; }
#juicer01 h3 { background:none; background-color:none; }
#juicer01 .j-loading { border-color: rgba(0,0,0,1) !important; }
#juicer01 .j-loading:before { background-color: rgba(0,0,0,1) !important; }
#juicer01 .feed-item { max-width:100%; padding:0.3vw; margin:0 auto 0 auto; background-color:rgba(255,255,255,1);}
#juicer01 .feed-item:hover { cursor:pointer; }
#juicer01 .j-poster {} /* LOGO */
#juicer01 .j-message {} /* TEXT */
#juicer01 .j-meta {} /* LIKES, COMMENTS, ETC */


/* L */
.link01 { text-decoration:underline; }
.link01:hover {text-decoration:none;}
#list01 ul, #list01 ol { display:block;width:100%;min-width:100%;max-width:100%;height:auto;list-style:none;padding:0;margin:0; }
#list01 { display:block;width:100%;min-width:100%;max-width:100%; height:auto;list-style:none; padding:0;margin:0 auto 0 auto; }
#list01 li { list-style:none; display:block; padding:0 0 16px 0; margin: 0 auto 16px auto; border-bottom:dotted 1px rgba(37,53,40,0.5); }

#logo01 { }
#logo01 img { display:inline-block; height:45px; padding-right:7.5vw; }

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

.mc4wp-response {}
.mc4wp-alert {}
.mc4wp-notice { background-color: rgba(37,53,40,0.1); padding:5px; }
#mc4wp-form-1 { background-color: rgba(37,53,40,0.1); padding:5vh 5vw 5vh 5vw; border-radius:5px; }
#mc4wp-form-1 p { display:block; padding:0; margin:0 auto 0 auto; }
#mc4wp-form-1 label { display:inline-block; font-size:9px; text-transform:uppercase; letter-spacing:1px; }
#mc4wp-form-1 .input01 { display:block; width:100%; padding:1vh 0 1vh 0; margin:0 auto 0 auto; border-radius:5px; border: solid 1px rgba(0,0,0,1); }
#mc4wp-form-1 checkbox { display:inline; }
#mc4wp-form-1 submit {}
#mc4wp-form-1 .button01 { min-width:100%; }
.mc4wp-response { padding:10px 5% 10px 5%; margin:10px auto 10px auto; }
.mc4wp-alert { padding:10px 5% 10px 5%; margin:10px auto 10px auto; }
.mc4wp-success { padding:10px 5% 10px 5%; margin:10px auto 10px auto;}

/* N */
#nav01 ul, #nav01 ol { display:block; list-style:none; width:100%; height:auto; padding:0; margin:0 auto 0 auto;}
#nav01 { display:block; position: fixed; z-index:2; list-style:none; width:100%; height:auto; margin:0 auto 0 auto; text-align:center; padding:5%; transition: all 2s ease;  }
#nav01 li { display:inline-block; width:auto; padding:0 0.2vw 0 0.2vw; margin: 0 auto 0 auto; line-height:100%; font-weight:500; text-transform:uppercase; font-size: 0.9vw; color: rgba(255,255,255,1);  }
#nav01 a, #nav01 a:link, #nav01 a:visited, #nav01 a:active { color: rgba(255,255,255,1); text-transform:uppercase; font-weight:500; }
#nav01 li:hover, #nav01 a:hover { color: rgba(255,255,255,0.5); transition: all 1s ease; cursor:pointer; }

#nav02 ul, #nav02 ol { display:block; list-style:none; width:100%; height:auto; padding:0; margin:0 auto 0 auto;}
#nav02 { display:block; position: relative; z-index:2; list-style:none; width:100%; height:auto; margin:0 auto 0 auto; text-align:center; padding:0; }
#nav02 li { display: block; width:auto; padding:1vh 0 1vh 0; margin: 0 auto 0 auto; border-bottom: solid 1px rgba(37,53,40,0.1); }
#nav02 a, #nav02 a:link, #nav02 a:visited, #nav02 a:active { }
#nav02 li:hover, #nav02 a:hover { }

#nav03 ul, #nav03 ol { display:block; list-style:none; width:100%; height:auto; padding:0; margin:0 auto 0 auto;}
#nav03 { display:block; position: relative; z-index:2; list-style:none; width:100%; height:auto; margin:0 auto 0 auto; text-align:center; padding:2vh 0 2vh 0; transition: all 2s ease; background-color:rgba(37,53,40,0.5); color: rgba(255,255,255,1); }
#nav03 li { display:inline-block; width:auto; padding:0 0.5vw 0 0.5vw; margin: 0 auto 0 auto; font-size: 1vw; line-height:100%; font-weight:500; text-transform:uppercase; color: rgba(255,255,255,1); }
#nav03 a, #nav03 a:link, #nav03 a:visited, #nav03 a:active { color: rgba(255,255,255,1); text-transform:uppercase; }
#nav03 li:hover, #nav03 a:hover { color: rgba(255,255,255,0.5); transition: all 1s ease; cursor:pointer; }


/* P */
p { display:block; padding:0; margin:0 auto 2.5vh auto; }

.padding1 { padding:1%; }
.padding1L { padding-left:3vw; }
.padding1R { padding-right:3vw; }
.padding2 { padding:2%; }
.padding5 { padding:5%; }
.padding10 { padding:10%; }
.padding1x { padding:0 1% 0 1%; }
.padding5x { padding:0 5% 0 5%; }
.padding10x { padding:0 10% 0 10%; }
#page01 { display:block; width:80%; min-width:80%; max-width:80%; height:auto; padding:5% 0 5% 0; margin: 0 auto 0 auto; }

#poster01 { display:block; position: relative; z-index:2; list-style:none; width:80%; height:auto; margin:16px auto 25px auto; text-align:center; padding:0; text-align:center; border-bottom: solid 3px rgba(37,53,40,1); }
#poster01 img { display:inline-block; width:33%; max-width:33%; }


/* R */


/* S */
#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 */

strong { font-weight:600;}

/* SLIDES */
* {box-sizing:border-box}
.slideshow-container { max-width: 1000px; position: relative; margin: auto; }
.prev { display:none; }
.next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; }
.next { right: 0; border-radius: 3px 0 0 3px; }
.prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); }
.text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; }
.numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; }
.dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; }
.active, .dot:hover { background-color: #717171; }
.fade { animation-name: fade; animation-duration: 1.5s; }
@keyframes fade { from {opacity: .4} to {opacity: 1} }


.streamable01 { top:-10vh;}

/* T */
.table01 {}
.table01 li { border:none; border-bottom:solid 1px rgba(37,53,40,0.5); }
.tgcsa01 {display:inline-block; min-width:20px; max-width:2vw; height:auto; border-radius:50%; padding:0; margin:0 0.5vw -0.5vw auto; }
.tnp { display:block;width:100%;min-width:100%;max-width:100%;padding:0;margin:0 auto 0 auto;}
.tnp form { display:block;width:100%;min-width:100%;max-width:600px;padding:0;margin:0 auto 0 auto;}
.tnp-submit { width:auto;padding:16px 0 16px 0;margin:0 auto 0 auto;background-color:rgba(217,215,204,1);border:solid 1px #fff;border-radius:0;box-shadow: 0 0 0 0 rgba(0,0,0,0);text-align:center;display:block;width:100%;min-width:100%;max-width:100%;}
.tnp-subscription,.tnp input,.tnp-field,.tnp-field-firstname,.tnp-field-email,.tnp-lists,.tnp-field-list,.tnp-field-profile { text-align:center; }
.tnp-submit:hover { box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.1);transition: all .50s ease;cursor: pointer; }
.tnp-field {}
.tnp-field-checkbox { } 
.tnp-field-list { display:inline-block;background-color:rgba(182,216,217,0.5);margin:5px auto 0 auto;padding:16px 0 16px 0;width:20%;min-width:20%;max-width:20%;height:auto;border-radius:0; }
.tnp-profile-1 { margin-bottom:26px;}
.tnp-field-checkbox { }
.tnp-field-profile {  }
.tnp-field-profile checkbox {  }
label, .tnp-field-profile label { font-size:9px;line-height:14px;text-transform:uppercase;letter-spacing:1px;padding:0;margin:0;width:100%;min-width:100%;max-width:100%; }
#nl5,#nl6,#nl7,#nl8 { }
#trustindex { padding:5%; filter: grayscale(100%); }



/* V */
#video01 { width:100%; min-width:100%; max-width:100%; height:auto; border:none; padding:0; margin:0 auto 0 auto; }


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

/* A */
a,a:link,a:visited { font-size: 16px; }
.alignleft { text-align:justify;text-align-last: center; } .alignright {text-align:justify; text-align-last: center;} .aligncenter { text-align:center;text-align-last: center; } .alignjustify {text-align:justify;text-align-last: center;} .alignjustifycenter { text-align: justify; text-align-last: 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; vertical-align: middle; }
.alternate01row { 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; }
.alternate01row:nth-of-type(odd) { flex-direction: row; background: none; }
.alternate01row:nth-of-type(even) { flex-direction: row-reverse;  }
.alternate01column { width:100%; min-width:100%; max-width:100%; padding: 0; margin:0; text-align:left; vertical-align:middle; align-self: center; }
.alternate01column img { padding:0; margin:0 auto 0 auto; text-align:center; vertical-align:middle; }	

/*B*/
#banner01 { vertical-align: middle;width:100%;min-width:100%;max-width:100%;height:auto; overflow:hidden; margin:0 auto 0 auto; padding:0;text-align:center;background-repeat: no-repeat; background-position: center center; background-size:cover; position:relative;z-index:1; border:none;color:#fff; display: flex;justify-content: center;align-items: center; background-color:rgba(37,53,40,0.1); }
#banner01 img { display:block; width:100%; min-width:100%; max-width:100%; height:auto; }

body { font-size:16px; line-height:155%; font-weight:400; }
	
#box00 { width:100%; margin:0 auto 2.5vh auto; }
#box01 { width:100%; margin:16px auto 16px auto; padding:0; background-color:rgba(255,255,255,1); }
#box02 { width:100%; margin:16px auto 16px auto; padding:0; background-color:rgba(255,255,255,1); }
#box03 { width:100%; height:auto; overflow:auto; margin:0 auto 0 auto; padding:0;  }
	
button, .button01, .button02, .button03 { display:block; width:90%; min-width:90%; max-width:90%; font-size:16px; font-weight:500; line-height:100%; text-align:center; padding:8px 5% 8px 5%; margin: 16px auto 16px auto; text-transform:uppercase; }

/*C*/
#column01 { display:block; }
#column01 li { display:block;}
#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:100%; min-width:100%; max-width:100%; height:auto; padding:0; margin:0 auto 25px auto; }

#column02 .one, #column02 .two, #column02 .three, #column02 .twothirds, #column02 .onethird, #column02 .four, #column02 .five,#column02 .six,#column02 .seven,#column02 .eight, #column02 .nine, #column02 .ten { }
	
.cycle01-nav-left { display:block; float:left; width:10%; padding:0; margin:50% auto -50% -10%; text-align:left; }
.cycle01-nav-right { display:block; float:right; width:10%; padding:0; margin:50% -10% -50% auto; text-align:right;  }
.cycle01-nav-button { font-size: 33px;}	

	
/* F */
	
/* G */
.gallery03 { display:block; width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 25px auto; padding:0; height:auto; min-height:50vh; max-height:50vh;}	
	
#grid01 .one, #grid01 .two, #grid01 .three, #grid01 .four, #grid01 .four-two, #grid01 .four-three, #grid01 .five, #grid01 .five-two, #grid01 .five-three, #grid01 .five-four, #grid01 .six, #grid01 .seven { display:block; width:100%; min-width:100%; max-width:100%; }	


/* H */
#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; }
h1 { display: block; font-size: 18px; line-height:125%; font-weight:400; letter-spacing:0; margin: 0 auto 16px auto; padding: 0; }
h2 { display: block; font-size: 17px; line-height:125%; font-weight:400; letter-spacing:0; margin: 0 auto 16px auto; padding: 0; }	
h3 { font-size:16px; font-weight:700;  }
h4, h5, h6, h7, h8 { font-size:12px; font-weight:500; }
	
/* I */
.image01img, .image01img33, .image01img55, .imageFeaturedHalf, .imageFeaturedFull, .imageStories { display: block; float:none; width: 100%; min-width:100%; max-width: 100%; height:auto; min-height:auto; max-height: auto; margin: 0 auto 2vh auto; padding:0; }
	
.image01div, .image01div33, .image01div50, .image01divlandscape, .imageFeaturedHalf, .imageFeaturedFull { display: block; float:none; width: 100%; min-width:100%; max-width: 100%; height:auto; min-height:33vh; max-height: 33vh; margin: 0 auto 2vh auto; padding:0; }	
.image02div { width: 100%; min-width:100%; max-width: 100%; margin: 0 auto 16px auto; padding:0; height:20vh; min-height:20vh; max-height: 20vh; background-repeat: no-repeat; background-position: center center; background-size:cover; background-color:rgba(37,53,40,0.03); border-radius:0; vertical-align:middle; text-align:center; flex;justify-content: center;align-items: center; }	
.image01divportrait { display: block; float:none; width: 100%; min-width:100%; max-width: 100%; height:auto; min-height:50vh; max-height: 50vh; margin: 0 auto 16px auto; padding:0; }	
	
.imageMosaikW100H100 { height:43vh; }
.imageMosaikW100H50 { height:20vh; }	
	

	

/* L */
#list01 li { text-align:center; }
	
#logo01 { display:block; width:100%; text-align:center; padding:20% 0 5% 0; margin: 0 auto 0 auto; background-color: rgba(37,53,40,1); }
#logo img { width:50%; height:auto; padding:0; margin: 0 auto 0 auto; }

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

/*N*/
#nav01 { display:none; }	
.nav01 { display:block; width:100%; position:relative; z-index:11; padding:2vh 0 2vh 0; margin:0 auto 0 auto; background-color:rgba(0,0,0,1); color: rgba(255,255,255,1); font-size:calc(25px + 0.1vw); line-height:100%; } .nav01:active { } .nav01:hover { cursor:pointer; opacity:0.9; }	
.nav01panel { display:block; width:100%; padding:0 0 0 0; margin:0 auto 0 auto; max-height: 0; overflow: hidden; transition: max-height 1s ease-out; position:relative; z-index:1; background-color:rgba(0,0,0,0.8); box-shadow: 0 0 5px 5px rgba(0,0,0,0.3); } 
.nav01content { display:block; width:80%; height:75vh; max-height:75vh; overflow:auto; padding:2vh 10% 5vh 10%; margin:0 auto 0 auto; text-align:left; }	
.nav01panel a, .nav01panel a:link, .nav01panel a:visited, .nav01panel a:hover, .nav01panel a:active { display:block;  font-size:calc(16px + 1.5vw); font-weight:300; color:rgba(255,255,255,1); padding:2vh 0 2vh 0; margin:0 10% 0 10%; border-bottom:solid 1px rgba(255,255,255,0.6); text-transform:uppercase; text-align:center; }
.nav01panel a:hover, .nav01panel a:active { background-color:rgba(37,53,40,0.5); }	
.nav01panel a:not(:active) { transition: background-color 1000ms step-end; }

	
#nav02, #nav03 { display:block; position: relative; z-index:2; list-style:none; width:80%; height:auto; margin:0 auto 0 auto; text-align:center; padding:0; text-align:center; }
#nav02 { background-color:rgba(255,255,255,1); }
#nav03 { background-color:rgba(255,255,255,1); border-bottom: solid 25px rgba(37,53,40,1); }	
#nav02 li, #nav03 li { display: block; width:100%; padding:3vh 0 3vh 0; margin: 0 auto 0 auto; border-bottom: solid 1px rgba(37,53,40,0.3); text-align:center; font-size:16px; line-height:100%; color: rgba(0,0,0,1); }
#nav02 a, #nav02 a:link, #nav02 a:visited, #nav02 a:active, #nav03 a, #nav03 a:link, #nav03 a:visited, #nav03 a:active { display:block; font-size:16px; line-height:100%; text-transform:uppercase; text-align:center; color: rgba(0,0,0,1); }	
	
/* P */
.padding1, .padding1L, .padding1R, .padding2, .padding5, .padding10, .padding1x, .padding5x, .padding10x { padding:25px 0 25px 0; }	
	
#page01 { display:block; position:relative; z-index:2; width:90%; min-width:90%; max-width:90%; height:auto; padding:25px 5% 25px 5%; margin:0 auto 0 auto; background-color:rgba(255,255,255,1); box-shadow: 0 0 0 0 rgba(0,0,0,0.1); border-radius:0; }
.popcontent01 { padding:10% 0 0 0; }
	
#poster01 img { display:inline-block; width:80%; max-width:80%; }	

/* R */




/* S */

/* T */

}