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



@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
@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 {
	color: #3b3d4a;
	text-decoration: none;
}
a:link {
	color: #3b3d4a;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3b3d4a;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}

.background01 {
background-color: rgba(250,243,226,1);
border-radius:8px;
padding:41px 5% 41px 5%;
}

#banner01 {
vertical-align: middle;
width:80%;
min-width:80%;
max-width:80%;
height:500px;
margin:0 auto 0 auto;
padding:0 10% 0 10%;
text-align:center;
position:relative;
z-index:1;
border:none;
color:#fff;
 display: flex;
  justify-content: center;
  align-items: center;
}

#banner01::after {
  content: "";
  background-image: url(_img/banner01.png);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

body {
padding:0;
margin:0;
font-family: 'Nunito Sans', sans-serif;
color:#000;
font-size:16px;
line-height:25px; 
font-weight:400;
text-align:center;
}

.button01 {
font-size:22px;
line-height:22px;	
font-weight:800;
color:#fff;
background:#a2553b;
border:solid 2px #fff;
border-radius:8px;
padding:16px;
margin:16px auto 16px auto;
text-align:center;
}

.button01:hover {
opacity:0.9;
}

.button01 a,
.button01 a:link,
.button01 a:visited,
.button01 a:hover,
.button01 a:active {
color:#fff;	
text-decoration:none;
}

.circlebox01{
position: relative;
width: 100%;       /* desired width */
margin:0 auto 0 auto;
}

.circlebox01:before{
content: "";
display: block;
padding-top: 100%;  /* ratio of 1:1*/
}

.circlecontent01 {
position: absolute;
z-index:3;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
background-repeat:no-repeat;
background-size:cover;
background-position: center center;
border:solid 3px #fff;
border-radius:100%;
}

.circlewrap01 {
width:96%;
min-width:96%;
max-width:96%;
height:auto;
padding:2%;
margin:0 auto 0 auto;
border:solid 5px #a2553b;
border-radius:100%;
background:#fff;
z-index:11;
}


.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

#column01 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#column01 {
list-style:none;
display:block;
vertical-align:top;
width:100%;
margin:0 auto 0 auto;
padding:0;
}

#column01 li {
list-style:none;
display:inline-block;
vertical-align:top;
margin:0 1% 41px 0;
padding:0 1% 0 1%;
}

#column01 .two {
width: 45%;
height:auto;
}

#column01 .three {
width:28%;
height:auto;
}

#column01 .four {
width:20%;
height:auto;
}

#container01 {
margin:0 auto 0 auto;
width:100%;
min-width:100%;
max-width:100%;
background:#fff;
}

#content01 {
width:51.8%;
min-width:51.8%;
max-width:51.8%;
height:auto;
padding:44px 5% 44px 5%;
margin:-5% auto 0 auto;
position:relative;
z-index:2;
background:#fff;
}

#footer01 {
font-size:9px;
margin:0 auto 0 auto;
padding:25px 0 25px 0;
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
}

.h-jumbo {
display:block;
font-size:7vw;
line-height:100%;
font-weight:800;
padding:0;
margin: 0;
text-align:left;
}

h1 {
font-size:55px;
line-height:55px;
font-weight:800;
margin:0 0 16px 0;
padding:0;
}

h2 {
font-size:33px;
line-height:35px;
font-weight:800;
padding:0;
margin:0 0 16px 0;
}

h3 {
width:20%;
float:right;
border:none;
border-left:solid 15px #798fa7;
margin:0 0 0 5%;
padding:0 0 0 5%;
font-size:21px;
line-height:21px;
}

h4 {
font-size:9px;
line-height:9px;
font-weight:800;
letter-spacing:2px;
text-transform:uppercase;
}

h5 {
font-size:21px;
line-height:21px;
font-weight:500;
padding:0;
margin:0 0 16px 0;
}


hr {
color:#4A5155;
border:none;
border-top: dashed 1px #4A5155;
margin:1% 0 1% 0;
padding:0px;
}

.imagealignleft {
float:left;
width:30%;
height:auto;
padding:0;
margin:0 5% 25px 0;
border-radius:8px;
}


.imagealignright {
float:right;
width:30%;
height:auto;
padding:0;
margin:0 0 25px 5%;
border-radius:8px;
}

.imagefullwidth01 {
width:100%;
min-width:100%;
max-width:100%;
height:auto;
border-radius:8px;
}


#logo01 {
background-image: url(_img/logo01.png);
background-repeat: no-repeat;
background-position: center top;
background-size:cover;
width:70px;
height:70px;
z-index:11;
margin:11% 50px 11% 0;
padding:0;
border:none;
}

#logo01 img {
width:100%;
margin:0;
padding:0;
border:none;
}

#media_screen {
display:block;
}

#media_tablet {
display:none;
}

#media_mobi {
display:none;
}

#nav01menu {
color:#3b3d4a;
font-size:22px;
line-height:22px;
background:#fff;
text-align:center;
width:30px;
height:auto;
border:none;
border-top:solid 1px #3b3d4a;
border-radius:2px;
padding:10px 10px 10px 10px;
margin:10px auto 0 auto;
position:fixed;
z-index:25;
top:0;
left:80%;
vertical-align:bottom;
opacity:1;
}

#nav01menu:hover {
opacity:1;
border:solid 1px #3b3d4a;
cursor:pointer;
}

#nav01 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#nav01 {
list-style:none;
padding:0;
margin:0;
width:100%;
}

#nav01 li {
list-style:none;
display:block;
padding:16px 0 16px 0;
margin:0;
border:none;
border-bottom:solid 1px #000;
font-size:25px; 
line-height:25px;
font-weight:800;
}

#nav01 a,
#nav01 a:link,
#nav01 a:visited,
#nav01 a:hover,
#nav01 a:active {
}


p {
display:block;
width:100%;
padding:0;
margin:0 0 16px 0;
}


#popup01cover {
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,0.6);
z-index:3332;
width:100%;
height:100%;
display:none;
}

#popup01screen {
height:auto;
width:60%;
min-width:60%;
max-width:60%;
height:auto;
min-height:111px;
max-height:auto;
overflow:auto;
padding:5%;
margin:0 auto 0 auto;
position:fixed;
top:10%;
left:15%;
z-index:3333;
display:none;
background: #fff;
border:none;
opacity:0.9;
box-shadow: 15px 15px #000;
}
    
#popup01screen:target, #popup01screen:target + #popup01cover {
display:block;
transition: all 3s ease-in-out;
}

.popup01cancel {
display:block;
position:absolute;
top:5px;
right:5px;
background:#000;
padding:10px;
font-size:55px;
height:35px;
width:45px;
color:#fff;
text-decoration:none;
text-align:center;
font-weight:800;
}

.popup01cancel a,
.popup01cancel a:link,
.popup01cancel a:visited,
.popup01cancel a:hover,
.popup01cancel a:active {
color:#fff;	
}

#search01 {
display:inline;
width:100%;
min-width:100%;
max-width:100%;
height:auto;
margin:0 auto 0 auto;
padding:0;
}

#search01 .screen-reader-text,
#search01 .search-submit,
#search01 button {
display: none;
}

#search01 .search-form01 {
display:block;
width:100%;
min-width:100%;
max-width:100%;
height:auto;
padding:0;
margin:0;

}

#search01 input,
#search01 .search-field01 {
display:block;
width:100%;
min-width:100%;
max-width:100%;
font-weight:bold;
border:none;
padding:16px 0 16px 0;
margin:0;
text-align:center;
vertical-align:middle;
border:solid 1px #000;
border-radius:8px;
}

strong {
font-weight:800;	
}

.textalignleft {
text-align:left;
}

.textalignright {
text-align:right;
}

.textaligncenter {
text-align:center;
}

.thumbnail01 {
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
vertical-align: middle;
width:100%;
min-width:100%;
max-width:100%;
height:33%;
min-height:333px;
margin:0 auto 0 auto;
padding:0 0 0 0;
text-align:center;
position:relative;
z-index:1;
border:none;
color:#fff;
display: flex;
justify-content: center;
align-items: center;
}


/* Media Queries: Smartphone -------------------------------------------------------------- */
@media (max-width: 480px) {

@-ms-viewport {
width: device-width;
}

@viewport {
width: device-width;
}
	
body {
font-size:16px;
line-height:25px;
text-align:center;
}

#column01 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#column01 {
}
	
.background01 {
padding:10%;
margin:0 auto 16px auto;
}
	
#banner01 {
width:80%;
min-width:80%;
max-width:80%;
height:auto;
padding:100px 10% 25% 10%;
margin:0 auto 0 auto;
}

#column01 li {
list-style:none;
display:block;
vertical-align:top;
margin:0 auto 41px auto;
padding:0;
text-align:center;
}

#column01 .two {
width: 100%;
height:auto;
}

#column01 .three {
width:100%;
height:auto;
}

#column01 .four {
width:100%;
height:auto;
}

#container01 {
margin:0 auto 0 auto;
padding:0;
width:90%;
min-width:90%;
max-width:90%;
height:auto;
background:#fff;
}

#content01 {
width:90%;
min-width:90%;
max-width:90%;
height:auto;
padding:44px 5% 44px 5%;
margin:0 auto 0 auto;
position:relative;
z-index:2;
background:#fff;
}

#content02 {
width:90%;
min-width:90%;
max-width:90%;
height:auto;
background:#fff;
padding:5%;
margin:0 auto 0 auto;
position:relative;
z-index:1;
}

#footer01 {
font-size:9px;
margin:0 auto 0 auto;
padding:25px 0 25px 0;
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
}

.fullwidth01 {
}

.h-jumbo {
font-size:300%;
line-height:100%;
font-weight:800;
margin:0 auto 0 auto;
padding:0 0 0 0;
text-align:center;
}

h1 {
font-size:33px;
line-height:33px;
}

h2 {
font-size:22px;
line-height:22px;
}

h3 {
width:80%;
float:none;
border:none;
margin:16px auto 16px auto;
padding:10%;
border:solid 2px #798fa7;
}

h4 {
}


hr {
}
	
.imagealignleft {
float:none;
width:100%;
height:auto;
padding:0;
margin:0 auto 25px auto;
}

.imagealignright {
float:none;
width:100%;
height:auto;
padding:0;
margin:0 auto 25px auto;
}

#logo01 {
display:none;
float:none;
width:70px;
height:70px;
z-index:11;
margin:16px auto 25px auto;
padding:0;
border:none;
}

#logo01 img {
width:100%;
margin:0 auto 0 auto;
padding:0;
border:none;
}

#media_screen {
display:none;
}

#media_tablet {
display:none;
}

#media_mobi {
display:block;
}

#nav01menu {
display:block;
position:fixed;
z-index:25;
top:0;
width:20%;
left:40%;
text-align:center;
font-size:33px;
line-height:33px;
margin:0 auto 0 auto;
padding:20px 0 10px 0;
}

#nav01menu:hover {
}

#nav01 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#nav01 {
}

#nav01 li {
font-size:16px;
line-height:16px;
padding:16px 0 16px 0;
margin:0 auto 0 auto;
}

#nav01 a,
#nav01 a:link,
#nav01 a:visited,
#nav01 a:hover,
#nav01 a:active {
}


p {
}


#popup01cover {
}

#popup01screen {
height:auto;
width:80%;
min-width:80%;
max-width:80%;
height:auto;
min-height:111px;
max-height:auto;
overflow:auto;
padding:5%;
margin:0 auto 0 auto;
position:fixed;
top:10%;
left:5%;
z-index:3333;
display:none;
background: #fff;
border:none;
opacity:0.9;
box-shadow: 0px 0px #000;
}
    
#popup01screen:target, #popup01screen:target + #popup01cover {
}

.popup01cancel {
}

.popup01cancel a,
.popup01cancel a:link,
.popup01cancel a:visited,
.popup01cancel a:hover,
.popup01cancel a:active {
color:#fff;	
}

#search01 {
}

#search01 .screen-reader-text,
#search01 .search-submit,
#search01 button {
display: none;
}

#search01 .search-form01 {

}

#search01 input,
#search01 .search-field01 {
}

strong {
font-weight:800;	
}

.textalignleft {
text-align:center;
}

.textalignright {
text-align:center;
}

.textaligncenter {
text-align:center;
}
	
.thumbnail01 {
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
vertical-align: middle;
width:100%;
min-width:100%;
max-width:100%;
height:22%;
min-height:222px;
margin:0 auto 0 auto;
padding:0 0 0 0;
text-align:center;
position:relative;
z-index:1;
border:none;
color:#fff;
display: flex;
justify-content: center;
align-items: center;
}


}