html, body, #container
{
width: 100%;
height: 100%;
}
body
{
background-color: #ADD8E6;
background-image: url('../images/index_-old_bkgrnd.png');
color: #262626;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 1.1875;
margin: 0;
padding: 0;
overflow-x: hidden;
}
a
{
color: #565656;
text-decoration: underline;
}
a:active
{
color: #636363;
}
a:hover
{
color: #565656;
text-decoration: underline;
}
.visibility-hidden
{
visibility: hidden;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
#wb_introLayoutGrid
{
background-attachment: scroll !important;
}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5)
{
#wb_introLayoutGrid
{
background-attachment: scroll !important;
}
}
#wb_Picture2
{
height: 100%;
margin: 0 10px 0 10px;
vertical-align: top;
}
#Picture2
{
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
padding: 0;
object-fit: cover;
display: block;
width: 100%;
height: 100%;
vertical-align: top;
}
#wb_LayoutGrid1
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: #ADD8E6;
background-image: none;
border: 0px solid #CBCBCB;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#LayoutGrid1
{
box-sizing: border-box;
padding: 20px 15px 20px 15px;
margin-right: auto;
margin-left: auto;
max-width: 1024px;
}
#LayoutGrid1 > .row
{
margin-right: -15px;
margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1, #LayoutGrid1 > .row > .col-2, #LayoutGrid1 > .row > .col-3
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#LayoutGrid1 > .row > .col-1, #LayoutGrid1 > .row > .col-2, #LayoutGrid1 > .row > .col-3
{
float: left;
}
#LayoutGrid1 > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
width: 33.33333333%;
text-align: left;
}
#LayoutGrid1 > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
width: 33.33333333%;
text-align: right;
}
#LayoutGrid1 > .row > .col-3
{
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
width: 33.33333333%;
text-align: right;
}
#LayoutGrid1:before,
#LayoutGrid1:after,
#LayoutGrid1 .row:before,
#LayoutGrid1 .row:after
{
display: table;
content: " ";
}
#LayoutGrid1:after,
#LayoutGrid1 .row:after
{
clear: both;
}
@media (max-width: 320px)
{
#LayoutGrid1 > .row > .col-1, #LayoutGrid1 > .row > .col-2, #LayoutGrid1 > .row > .col-3
{
float: none;
width: 100% !important;
}
}
#wb_header
{
clear: both;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 7776;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: #383E42;
background-image: none;
border: 0px solid #CBCBCB;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#header
{
box-sizing: border-box;
padding: 15px 15px 15px 15px;
margin-right: auto;
margin-left: auto;
max-width: 1024px;
}
#header > .row
{
margin-right: -15px;
margin-left: -15px;
}
#header > .row > .col-1, #header > .row > .col-2
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#header > .row > .col-1, #header > .row > .col-2
{
float: left;
}
#header > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
width: 66.66666667%;
text-align: left;
}
#header > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
width: 33.33333333%;
text-align: right;
}
#header:before,
#header:after,
#header .row:before,
#header .row:after
{
display: table;
content: " ";
}
#header:after,
#header .row:after
{
clear: both;
}
@media (max-width: 320px)
{
#header > .row > .col-1, #header > .row > .col-2
{
float: none;
width: 100% !important;
}
}
#wb_introLayoutGrid
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
height: 50vh;
background-color: transparent;
background-image: url('../images/ChatGPT Image 6 févr. 2026, 16_23_17.png');
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
border: 0px solid #CBCBCB;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#introLayoutGrid
{
box-sizing: border-box;
height: 50vh;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 100px 0 100px 0;
margin-right: auto;
margin-left: auto;
max-width: 1140px;
}
#introLayoutGrid > .col-1
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 20px;
padding-left: 20px;
position: relative;
}
#introLayoutGrid > .col-1
{
flex: 0 0 auto;
}
#introLayoutGrid > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
flex-basis: 100%;
max-width: 100%;
display: flex;
flex-wrap: wrap;
align-content: center;
align-self: stretch;
align-items: center;
justify-content: center;
text-align: center;
}
#introLayoutGrid > .col-1 > .col-1-padding
{
box-sizing: border-box;
width: 100%;
padding: 10px 0 10px 0;
}
@media (max-width: 480px)
{
#introLayoutGrid > .col-1
{
flex-basis: 100% !important;
max-width: 100% !important;
}
}
#wb_coffee
{
background-color: #383E42;
background-image: none;
border: 0px solid #CBCBCB;
border-radius: 0px;
box-sizing: border-box;
position: relative;
}
#coffee
{
display: flex;
position: relative;
padding: 10px 10px 10px 10px;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
max-width: 1140px;
box-sizing: border-box;
font-size: 0;
}
@media all and (max-width:480px)
{
#coffee
{
flex-direction: column;
flex-wrap: nowrap;
}
}
#wb_about
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: #000000;
background-image: none;
border: 0px solid #CBCBCB;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#about
{
box-sizing: border-box;
padding: 0 15px 0 15px;
margin-right: auto;
margin-left: auto;
max-width: 1140px;
}
#about > .row
{
margin-right: -15px;
margin-left: -15px;
}
#about > .row > .col-1
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#about > .row > .col-1
{
float: left;
}
#about > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
width: 100%;
text-align: left;
}
#about > .row > .col-1 > .col-1-padding
{
box-sizing: border-box;
width: 100%;
padding: 50px 0 50px 0;
}
#about:before,
#about:after,
#about .row:before,
#about .row:after
{
display: table;
content: " ";
}
#about:after,
#about .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#about > .row > .col-1
{
float: none;
width: 100% !important;
}
}
#wb_facts
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: #2E3439;
background-image: none;
border: 0px solid #CBCBCB;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#facts
{
box-sizing: border-box;
padding: 40px 15px 40px 15px;
margin-right: auto;
margin-left: auto;
max-width: 1140px;
}
#facts > .row
{
margin-right: -15px;
margin-left: -15px;
}
#facts > .row > .col-1, #facts > .row > .col-2, #facts > .row > .col-3
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#facts > .row > .col-1, #facts > .row > .col-2, #facts > .row > .col-3
{
float: left;
}
#facts > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
width: 33.33333333%;
text-align: left;
}
#facts > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
width: 33.33333333%;
text-align: left;
}
#facts > .row > .col-3
{
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
width: 33.33333333%;
text-align: left;
}
#facts:before,
#facts:after,
#facts .row:before,
#facts .row:after
{
display: table;
content: " ";
}
#facts:after,
#facts .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#facts > .row > .col-1, #facts > .row > .col-2, #facts > .row > .col-3
{
float: none;
width: 100% !important;
}
}
#upStickyLayer
{
background-color: #383E42;
background-image: none;
border-radius: 0px;
opacity: 0.77;
}
#wb_upIcon
{
background-color: transparent;
background-image: none;
border: 0px solid #3F3F3F;
border-radius: 0px;
text-align: center;
margin: 0;
padding: 4px 4px 4px 4px;
vertical-align: top;
}
#wb_upIcon a
{
text-decoration: none;
}
#wb_upIcon a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#upIcon
{
height: 24px;
width: 24px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
#upIcon i
{
color: #D9D9D9;
display: inline-block;
font-size: 24px;
line-height: 24px;
vertical-align: middle;
}
#wb_upIcon:hover #upIcon i
{
color: #9D9D9D;
}
#wb_coffeeCard1
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
box-sizing: border-box;
margin: 15px 15px 15px 15px;
background-color: #2E3439;
background-image: none;
border: 0px solid #262626;
border-radius: 0px;
text-align: right;
}
#coffeeCard1-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#coffeeCard1-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #262626;
border-radius: 0px;
width: 100%;
height: auto;
}
#coffeeCard1-card-item1
{
box-sizing: border-box;
margin: 20px 20px -25px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: left;
}
#coffeeCard1-card-item2
{
display: inline-block;
line-height: 1.0;
height: 16px;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #262626;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #262626;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#coffeeCard1-card-item2 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 16px;
width: 16px;
}
#coffeeCard1-card-item3
{
box-sizing: border-box;
margin: 20px 20px 0 20px;
border-top: 1px #D9D9D9 solid;
border-width: 1px 0 0 0;
height: 0;
line-height: 0;
}
#coffeeCard1-card-item4
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 18.2px;
text-align: left;
}
#coffeeCard1-card-item5
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-align: right;
animation: clip-path-chevron-enter 1000ms linear 0ms infinite normal both;
}
#coffeeCard1-card-item5 a
{
color: inherit;
text-decoration: none;
}
#wb_coffeeCard2
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
box-sizing: border-box;
margin: 15px 15px 15px 15px;
background-color: #2E3439;
background-image: none;
border: 0px solid #262626;
border-radius: 0px;
text-align: right;
}
#coffeeCard2-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#coffeeCard2-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #262626;
border-radius: 0px;
width: 100%;
height: auto;
}
#coffeeCard2-card-item1
{
box-sizing: border-box;
margin: 20px 20px -25px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: left;
}
#coffeeCard2-card-item2
{
display: inline-block;
line-height: 1.0;
height: 32px;
box-sizing: border-box;
margin: 0 20px 0 0 ;
border: 0px solid #262626;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 32px;
}
#coffeeCard2-card-item2 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#coffeeCard2-card-item2 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 32px;
width: 32px;
}
#coffeeCard2-card-item3
{
box-sizing: border-box;
margin: 20px 20px 0 20px;
border-top: 1px #D9D9D9 solid;
border-width: 1px 0 0 0;
height: 0;
line-height: 0;
}
#coffeeCard2-card-item4
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 18.2px;
text-align: left;
}
#coffeeCard2-card-item5
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-align: right;
}
#coffeeCard2-card-item5 a
{
color: inherit;
text-decoration: none;
}
#wb_coffeeCard3
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
box-sizing: border-box;
margin: 15px 15px 15px 15px;
background-color: #2E3439;
background-image: none;
border: 0px solid #262626;
border-radius: 0px;
text-align: right;
}
#coffeeCard3-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#coffeeCard3-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #262626;
border-radius: 0px;
width: 100%;
height: auto;
}
#coffeeCard3-card-item1
{
box-sizing: border-box;
margin: 20px 20px -25px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: left;
}
#coffeeCard3-card-item2
{
display: inline-block;
line-height: 1.0;
height: 32px;
box-sizing: border-box;
margin: 0 20px 0 0 ;
border: 0px solid #262626;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 32px;
}
#coffeeCard3-card-item2 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#coffeeCard3-card-item2 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 32px;
width: 32px;
}
#coffeeCard3-card-item3
{
box-sizing: border-box;
margin: 20px 20px 0 20px;
border-top: 1px #D9D9D9 solid;
border-width: 1px 0 0 0;
height: 0;
line-height: 0;
}
#coffeeCard3-card-item4
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 18.2px;
text-align: left;
}
#coffeeCard3-card-item5
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-align: right;
}
#wb_factsCard1
{
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 30px 10px 30px 10px;
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
text-align: left;
}
#factsCard1-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#factsCard1-card-item0
{
display: inline-block;
line-height: 1.0;
height: 37px;
box-sizing: border-box;
margin: 0;
border: 0px solid #BFBFBF;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 37px;
}
#wb_factsCard1:hover #factsCard1-card-item0
{
transform: rotate(0deg) scale(0.8,0.8) ;
transition: transform 300ms linear 0ms;
}
#factsCard1-card-item0
{
transform: rotate(0deg) ;
transition: transform 300ms linear 0ms;
}
#factsCard1-card-item0 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#factsCard1-card-item0 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 37px;
width: 37px;
}
#factsCard1-card-item1
{
box-sizing: border-box;
margin: -40px 30px 10px 50px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 24px;
}
#factsCard1-card-item2
{
box-sizing: border-box;
margin: 0 30px 0 50px;
padding: 20px 0 0 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 15px;
}
#wb_factsCard2
{
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 30px 10px 50px 10px;
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
text-align: left;
}
#factsCard2-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#factsCard2-card-item0
{
display: inline-block;
line-height: 1.0;
height: 37px;
box-sizing: border-box;
margin: 0;
border: 0px solid #BFBFBF;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 37px;
}
#wb_factsCard2:hover #factsCard2-card-item0
{
transform: rotate(0deg) scale(0.8,0.8) ;
transition: transform 300ms linear 0ms;
}
#factsCard2-card-item0
{
transform: rotate(0deg) ;
transition: transform 300ms linear 0ms;
}
#factsCard2-card-item0 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#factsCard2-card-item0 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 37px;
width: 37px;
}
#factsCard2-card-item1
{
box-sizing: border-box;
margin: -40px 30px 10px 50px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 24px;
}
#factsCard2-card-item2
{
box-sizing: border-box;
margin: 0 30px 0 50px;
padding: 50px 0 0 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 15px;
text-align: center;
}
#wb_factsCard3
{
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 50px 10px 30px 10px;
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
text-align: left;
}
#factsCard3-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#factsCard3-card-item0
{
display: inline-block;
line-height: 1.0;
height: 37px;
box-sizing: border-box;
margin: 0;
border: 0px solid #BFBFBF;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 37px;
}
#wb_factsCard3:hover #factsCard3-card-item0
{
transform: rotate(0deg) scale(0.8,0.8) ;
transition: transform 300ms linear 0ms;
}
#factsCard3-card-item0
{
transform: rotate(0deg) ;
transition: transform 300ms linear 0ms;
}
#factsCard3-card-item0 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#factsCard3-card-item0 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 37px;
width: 37px;
}
#factsCard3-card-item1
{
box-sizing: border-box;
margin: -40px 30px 10px 50px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 11px;
text-align: center;
}
#factsCard3-card-item2
{
box-sizing: border-box;
margin: 0 30px 0 50px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 15px;
}
.headerMenu .nav
{
font-family: Arial;
font-weight: bold;
font-size: 16px;
font-style: normal;
color: #F2F2F2;
text-align: left;
text-transform: none;
}
#headerMenu, .headerMenu .nav, .headerMenu *
{
margin: 0;
padding: 0;
box-sizing: border-box;
line-height: 1;
list-style: none;
}
.headerMenu .nav:before,
.headerMenu .nav:after
{
content: " ";
display: table;
}
.headerMenu .nav:after
{
clear: both;
}
.headerMenu .nav a
{
text-decoration: none;
}
.headerMenu .nav ul
{
margin-top: 0;
margin-bottom: 0;
}
.headerMenu .nav ul ul
{
margin-bottom: 0;
}
.headerMenu .container
{
margin-right: auto;
margin-left: auto;
padding: 0;
}
.headerMenu .container:before,
.headerMenu .container:after
{
content: " ";
display: table;
}
.headerMenu .container:after
{
clear: both;
}
.headerMenu .collapse
{
display: none;
}
.headerMenu .collapse.show
{
display: block;
}
.headerMenu .collapsing
{
position: relative;
height: 0;
overflow: hidden;
transition: height .35s ease;
}
.headerMenu .arrow, .headerMenu .arrow-right
{
display: inline-block;
margin-left: 4px;
width: 0;
height: 0;
vertical-align: middle;
border-top: 4px solid #000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-bottom: 0 dotted;
}
.headerMenu .dropdown
{
position: relative;
}
.headerMenu .dropdown-toggle:focus
{
outline: 0;
}
.headerMenu .dropdown-menu
{
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 16px;
background-color: #D9F1EA;
background-image: none;
border: 1px solid rgba(217,217,217,1.00);
border-radius: 6px;
background-clip: padding-box;
}
.headerMenu .dropdown-menu .divider
{
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #D9D9D9;
}
.headerMenu .dropdown-menu > li > a
{
display: block;
padding: 3px 20px 3px 20px;
clear: both;
line-height: 1.428571429;
color: #F2F2F2;
text-transform: none;
white-space: nowrap;
}
.headerMenu .dropdown-menu > li > a:hover,
.headerMenu .dropdown-menu > li > a:focus
{
text-decoration: none;
color: #6F6F6F;
background-color: #D9F1EA;
background-image: none;
}
.headerMenu .dropdown-menu > li > a.active,
.headerMenu .dropdown-menu > li > a.active:hover,
.headerMenu .dropdown-menu > li > a.active:focus
{
color: #6F6F6F;
background-color: #D9F1EA;
background-image: none;
text-decoration: none;
outline: 0;
}
.headerMenu .show > .dropdown-menu
{
display: block;
}
.headerMenu .show > a
{
outline: 0;
}
.headerMenu .dropdown-header
{
display: block;
padding: 3px 20px;
line-height: 1.428571429;
color: #aeaeae;
}
.headerMenu .dropdown-backdrop
{
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.headerMenu .dropdown.show .dropdown-menu
{
animation-name: headerMenu-animation;
animation-duration: 500ms;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
animation-fill-mode: forwards;
}
@keyframes headerMenu-animation
{
0%
{
opacity: 0;
transform: translateY(-10px);
}
100%
{
opacity: 1;
transform: translateY(0);
}
}
.headerMenu .nav > li
{
position: relative;
display: block;
}
.headerMenu .nav > li > a
{
position: relative;
display: block;
padding: 15px 15px 15px 15px;
}
.headerMenu .nav .show > a,
.headerMenu .nav .show > a:hover,
.headerMenu .nav .show > a:focus
{
border-color: #383E42;
}
.headerMenu .nav .nav-divider
{
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #D9D9D9;
}
.headerMenu .nav .arrow
{
border-top-color: #383E42;
border-bottom-color: #383E42;
}
.headerMenu
{
position: relative;
}
.headerMenu:before,
.headerMenu:after
{
content: " ";
display: table;
}
.headerMenu:after
{
clear: both;
}
.headerMenu .navbar-header:before,
.headerMenu .navbar-header:after
{
content: " ";
display: table;
}
.headerMenu .navbar-header:after
{
clear: both;
}
.headerMenu-navbar-collapse
{
overflow-x: visible;
-webkit-overflow-scrolling: touch;
}
.headerMenu-navbar-collapse:before,
.headerMenu-navbar-collapse:after
{
content: " ";
display: table;
}
.headerMenu-navbar-collapse:after
{
clear: both;
}
.headerMenu-navbar-collapse.show
{
overflow-y: auto;
}
.headerMenu .navbar-toggle
{
position: relative;
float: left;
width: 52px;
height: 52px;
padding: 15px 15px 15px 15px;
background-color: transparent;
border: 1px solid transparent;
border-radius: 6px;
}
.headerMenu .navbar-toggle .line
{
background-color: #F2F2F2;
}
.headerMenu .navbar-toggle .line
{
display: block;
width: 22px;
height: 4px;
border-radius: 0px;
transition: all 500ms linear;
}
.headerMenu .navbar-toggle .line
{
margin: 4px auto;
}
.headerMenu .navbar-toggle .line:first-child
{
margin-top: 0px !important;
}
.headerMenu .navbar-toggle .line:last-child
{
margin-bottom: 0px !important;
}
.headerMenu .navbar-nav
{
margin: 6px -15px;
}
.headerMenu .navbar-nav > li > .dropdown-menu
{
margin-top: 0;
}
.headerMenu .navbar-nav > li > a
{
color: #F2F2F2;
}
.headerMenu .navbar-nav > li > a:hover,
.headerMenu .navbar-nav > li > a:focus
{
background-color: #D9F1EA;
background-image: none;
color: #6F6F6F;
text-decoration: none;
}
.headerMenu .navbar-nav > li > a.active,
.headerMenu .navbar-nav > li > a.active:hover,
.headerMenu .navbar-nav > li > a.active:focus
{
color: #6F6F6F;
background-color: #D9F1EA;
background-image: none;
}
.headerMenu .navbar-toggle
{
border: 1px solid transparent;
}
.headerMenu .navbar-toggle:hover,
.headerMenu .navbar-toggle:focus
{
background-color: transparent;
}
.headerMenu-navbar-collapse
{
border-color: rgba(217,217,217,1.00);
}
.headerMenu .navbar-nav > .dropdown > a:hover .arrow,
.headerMenu .navbar-nav > .dropdown > a:focus .arrow
{
border-top-color: #6F6F6F;
border-bottom-color: #6F6F6F;
}
.headerMenu .navbar-nav > .show > a,
.headerMenu .navbar-nav > .show > a:hover,
.headerMenu .navbar-nav > .show > a:focus
{
background-color: #D9F1EA;
background-image: none;
color: #6F6F6F;
}
.headerMenu .navbar-nav > .show > a .arrow,
.headerMenu .navbar-nav > .show > a:hover .arrow,
.headerMenu .navbar-nav > .show > a:focus .arrow
{
border-top-color: #6F6F6F;
border-bottom-color: #6F6F6F;
}
.headerMenu .navbar-nav > .dropdown > a .arrow
{
border-top-color: #F2F2F2;
border-bottom-color: #F2F2F2;
}
.headerMenu .navbar-link
{
color: #F2F2F2;
}
.headerMenu .navbar-link:hover
{
color: #6F6F6F;
}
.headerMenu .navbar-header
{
color: #F2F2F2;
}
@media (min-width: 480px)
{
.headerMenu .navbar-right .dropdown-menu
{
right: 0;
left: auto;
}
.headerMenu .navbar-header
{
float: left;
}
.headerMenu-navbar-collapse
{
width: auto;
border-top: 0;
box-shadow: none;
}
.headerMenu-navbar-collapse.collapse
{
display: block!important;
height: auto!important;
padding-bottom: 0;
overflow: visible!important;
}
.headerMenu-navbar-collapse.show
{
overflow-y: auto;
}
.headerMenu .navbar-toggle
{
display: none;
}
.headerMenu .navbar-nav
{
float: left;
margin: 0;
}
.headerMenu .navbar-nav > li
{
float: left;
}
.headerMenu .container > .navbar-header,
.headerMenu .container > .headerMenu-navbar-collapse
{
margin-right: 0;
margin-left: 0;
}
.headerMenu .navbar-nav > .dropdown > a:hover .arrow,
.headerMenu .navbar-nav > .dropdown > a:focus .arrow
{
border-top-color: #6F6F6F;
border-bottom-color: #6F6F6F;
}
}
@media (max-width: 480px)
{
.headerMenu
{
background-color: transparent;
background-image: none;
border: 1px solid rgba(217,217,217,0.00);
}
.headerMenu .navbar-nav
{
margin: 0;
background-color: #D9F1EA;
background-image: none;
}
.headerMenu .navbar-nav .show .dropdown-menu
{
position: static !important;
transform: translate3d(0px, 0px, 0px) !important;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.headerMenu .navbar-nav .show .dropdown-menu > li > a,
.headerMenu .navbar-nav .show .dropdown-menu .dropdown-header
{
padding: 5px 15px 5px 15px;
}
.headerMenu .navbar-nav .show .dropdown-menu > li > a
{
line-height: 20px;
}
}
@media (min-width: 480px)
{
.headerMenu
{
background-color: transparent;
background-image: none;
border: 1px solid rgba(217,217,217,0.00);
border-radius: 6px;
}
.headerMenu .navbar-nav > li > a
{
color: #F2F2F2;
}
.headerMenu .navbar-nav > li > a:hover,
.headerMenu .navbar-nav > li > a:focus
{
color: #6F6F6F;
background-color: transparent;
background-image: none;
}
.headerMenu .navbar-nav > li > a.active,
.headerMenu .navbar-nav > li > a.active:hover,
.headerMenu .navbar-nav > li > a.active:focus
{
color: #6F6F6F;
background-color: transparent;
background-image: none;
}
.headerMenu .navbar-nav > .show > a,
.headerMenu .navbar-nav > .show > a:hover,
.headerMenu .navbar-nav > .show > a:focus
{
background-color: transparent;
background-image: none;
color: #6F6F6F;
}
.headerMenu .navbar-nav > .dropdown > a:hover .arrow
{
border-top-color: #6F6F6F;
border-bottom-color: #6F6F6F;
}
.headerMenu .navbar-nav > .dropdown > a .arrow
{
border-top-color: #F2F2F2;
border-bottom-color: #F2F2F2;
}
.headerMenu .navbar-nav > li > a.active > .arrow,
.headerMenu .navbar-nav > li > a.active:hover > .arrow,
.headerMenu .navbar-nav > li > a.active:focus > .arrow
{
border-top-color: #6F6F6F;
border-bottom-color: #6F6F6F;
}
.headerMenu .navbar-nav > .show > a .arrow,
.headerMenu .navbar-nav > .show > a:hover .arrow,
.headerMenu .navbar-nav > .show > a:focus .arrow
{
border-top-color: #6F6F6F;
border-bottom-color: #6F6F6F;
}
.headerMenu .navbar-link
{
color: #F2F2F2;
}
.headerMenu .navbar-link:hover
{
color: #fff;
}
}
.headerMenu .navbar-nav > li:first-child > a
{
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.headerMenu .dropdown-menu > li:last-child > a
{
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
#headerMenu i
{
font-size: 16px;
position: relative;
left: 0;
top: 0;
margin-right: 4px;
width: 16px;
}
#wb_headerMenu
{
z-index: 1111 !important;
}
#Breadcrumb1
{
list-style: none;
padding: 12px 15px 12px 0;
background-color: transparent;
background-image: none;
border: 0px solid #BFBFBF;
border-radius: 0px;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 0;
margin: 0;
text-align: left;
}
#Breadcrumb1 > li
{
display: inline-block;
font-size: 24px;
text-transform: none;
}
#Breadcrumb1 a
{
color: #4F4F4F;
text-decoration: none;
}
#Breadcrumb1 a:hover
{
color: #9D9D9D;
text-decoration: none;
}
#Breadcrumb1 > .active
{
color: #9D9D9D;
}
#Breadcrumb1 > .active a
{
color: inherit;
pointer-events: none;
}
#Breadcrumb1 > li + li:before
{
content: "";
padding: 0 5px;
color: #C0C0C0;
}
#wb_FontAwesomeIcon2
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #F2F2F2;
border-radius: 4px;
text-align: center;
margin: 10px 5px 0 0 ;
padding: 2px 2px 2px 2px;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_FontAwesomeIcon2 a
{
text-decoration: none;
}
#wb_FontAwesomeIcon2 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#wb_FontAwesomeIcon2:hover
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #5B5B5B;
}
#FontAwesomeIcon2
{
height: 23px;
width: 23px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
#FontAwesomeIcon2 i
{
color: #383838;
display: inline-block;
font-size: 23px;
line-height: 23px;
vertical-align: middle;
}
#wb_FontAwesomeIcon2:hover #FontAwesomeIcon2 i
{
color: #5B5B5B;
}
#wb_FontAwesomeIcon3
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #F2F2F2;
border-radius: 4px;
text-align: center;
margin: 10px 5px 0 0 ;
padding: 2px 2px 2px 2px;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_FontAwesomeIcon3 a
{
text-decoration: none;
}
#wb_FontAwesomeIcon3 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#wb_FontAwesomeIcon3:hover
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #5B5B5B;
}
#FontAwesomeIcon3
{
height: 23px;
width: 23px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
#FontAwesomeIcon3 i
{
color: #383838;
display: inline-block;
font-size: 23px;
line-height: 23px;
vertical-align: middle;
}
#wb_FontAwesomeIcon3:hover #FontAwesomeIcon3 i
{
color: #5B5B5B;
}
#wb_FontAwesomeIcon4
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #F2F2F2;
border-radius: 4px;
text-align: center;
margin: 10px 5px 0 0 ;
padding: 2px 2px 2px 2px;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_FontAwesomeIcon4 a
{
text-decoration: none;
}
#wb_FontAwesomeIcon4 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#wb_FontAwesomeIcon4:hover
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #5B5B5B;
}
#FontAwesomeIcon4
{
height: 23px;
width: 23px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
#FontAwesomeIcon4 i
{
color: #383838;
display: inline-block;
font-size: 23px;
line-height: 23px;
vertical-align: middle;
}
#wb_FontAwesomeIcon4:hover #FontAwesomeIcon4 i
{
color: #5B5B5B;
}
#wb_FontAwesomeIcon5
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #F2F2F2;
border-radius: 4px;
text-align: center;
margin: 10px 5px 0 0 ;
padding: 2px 2px 2px 2px;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_FontAwesomeIcon5 a
{
text-decoration: none;
}
#wb_FontAwesomeIcon5 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#wb_FontAwesomeIcon5:hover
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #5B5B5B;
}
#FontAwesomeIcon5
{
height: 23px;
width: 23px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
#FontAwesomeIcon5 i
{
color: #383838;
display: inline-block;
font-size: 23px;
line-height: 23px;
vertical-align: middle;
}
#wb_FontAwesomeIcon5:hover #FontAwesomeIcon5 i
{
color: #5B5B5B;
}
#wb_headerIcon1
{
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
text-align: center;
margin: 5px 0 0 0 ;
padding: 0;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_headerIcon1 a
{
text-decoration: none;
}
#wb_headerIcon1 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#headerIcon1
{
height: 37px;
width: 43px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
#headerIcon1 i
{
color: #7F7F7F;
display: inline-block;
font-size: 37px;
line-height: 37px;
vertical-align: middle;
}
#wb_headerIcon1:hover #headerIcon1 i
{
color: #D9D9D9;
}
#wb_headerIcon1
{
transition: all 500ms linear 0ms;
}
#headerButton
{
box-sizing: border-box;
line-height: 35px;
text-decoration: none;
vertical-align: top;
border: 1px solid #383838;
border-radius: 0px;
background-color: #383E42;
background-image: none;
color: #F2F2F2;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 15px;
padding: 0;
text-align: center;
-webkit-appearance: none;
margin: 10px 0 0 0 ;
}
#headerButton:focus
{
outline: 0;
}
#wb_Heading3
{
background-color: transparent;
background-image: none;
border: 0px solid #262626;
border-radius: 0px;
vertical-align: top;
margin: 0;
padding: 5px 0 5px 0;
text-align: left;
}
#Heading3
{
color: #262626;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 15px;
margin: 0;
text-align: left;
text-transform: none;
}
#PhotoCollage1
{
box-sizing: border-box;
font-size: 0;
width: 100%;
height: 100%;
table-layout: fixed;
display: table;
margin: 0;
position: relative;
}
#PhotoCollage1 .thumbnail img
{
border: 0px solid #D9D9D9;
box-sizing: border-box;
border-radius: 0px;
}
#PhotoCollage1 .thumbnail
{
position: absolute;
}
#PhotoCollage1 .thumbnail img
{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
object-fit: cover;
}
#wb_article4LayoutGrid
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-clip: padding-box;
background-color: #000000;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#article4LayoutGrid
{
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 100px 0 100px 0;
margin-right: auto;
margin-left: auto;
max-width: 1140px;
}
#article4LayoutGrid > .col-1, #article4LayoutGrid > .col-2
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 0px;
padding-left: 0px;
position: relative;
}
#article4LayoutGrid > .col-1, #article4LayoutGrid > .col-2
{
flex: 0 0 auto;
}
#article4LayoutGrid > .col-1
{
background-clip: padding-box;
background-color: #000000;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
flex-basis: 50%;
max-width: 50%;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
align-self: stretch;
align-items: flex-start;
justify-content: center;
text-align: center;
}
#article4LayoutGrid > .col-2
{
background-clip: padding-box;
background-color: #000000;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
flex-basis: 50%;
max-width: 50%;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
align-self: stretch;
align-items: flex-start;
justify-content: center;
text-align: center;
}
@media (max-width: 768px)
{
#article4LayoutGrid > .col-1, #article4LayoutGrid > .col-2
{
flex-basis: 100% !important;
max-width: 100% !important;
}
}
#wb_article4Card1
{
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 30px 50px 30px 50px;
background-color: #303532;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
text-align: center;
}
#article4Card1-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#article4Card1-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #CBCBCB;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#article4Card1-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_article4Heading
{
background-color: #303532;
background-image: none;
border: 3px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 50px 50px 36px 50px;
padding: 0 0 25px 0;
text-align: center;
}
#article4Heading
{
color: #CBCBCB;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
margin: 0;
text-align: center;
text-decoration: underline;
text-transform: none;
}
#wb_article4Card2
{
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 30px 50px 30px 50px;
background-color: #303532;
background-image: none;
border: 3px solid #000000;
border-radius: 0px;
text-align: center;
}
#article4Card2-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#article4Card2-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #CBCBCB;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#article4Card2-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_article4Card3
{
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 30px 50px 20px 50px;
background-clip: padding-box;
background-color: #303532;
background-image: none;
border: 3px solid #000000;
border-radius: 0px;
text-align: center;
}
#article4Card3-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#article4Card3-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #CBCBCB;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#article4Card3-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_LayoutGrid2
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: #000000;
background-image: none;
border: 0px solid #CBCBCB;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#LayoutGrid2
{
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 100px 0 100px 0;
margin-right: auto;
margin-left: auto;
max-width: 1140px;
}
#LayoutGrid2 > .col-1
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 0px;
padding-left: 0px;
position: relative;
}
#LayoutGrid2 > .col-1
{
flex: 0 0 auto;
}
#LayoutGrid2 > .col-1
{
background-color: #000000;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
flex-basis: 100%;
max-width: 100%;
display: flex;
flex-wrap: wrap;
align-content: center;
align-self: stretch;
align-items: center;
justify-content: center;
text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid2 > .col-1
{
flex-basis: 100% !important;
max-width: 100% !important;
}
}
#wb_Card1
{
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 0 50px 30px 50px;
background-color: #303532;
background-image: none;
border: 3px solid #303532;
border-radius: 0px;
text-align: left;
}
#Card1-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card1-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card1-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Heading1
{
background-color: #303532;
background-image: none;
border: 0px solid #262626;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 50px 50px 0 50px;
padding: 0 0 25px 0;
text-align: left;
}
#Heading1
{
color: #CBCBCB;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
margin: 0;
text-align: left;
text-decoration: underline;
text-transform: none;
}
#wb_Card2
{
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 0 50px 30px 50px;
background-color: #303532;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
text-align: left;
}
#Card2-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card2-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card2-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Card3
{
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 0 50px 75px 50px;
background-color: #303532;
background-image: none;
border: 0px solid #000000;
border-radius: 3px;
text-align: left;
}
#Card3-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card3-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card3-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Image1
{
margin: 0;
vertical-align: top;
}
#Image1
{
border: 0px solid #262626;
border-radius: 0px;
box-sizing: border-box;
padding: 0;
display: block;
width: 100%;
height: auto;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
vertical-align: top;
}
#wb_LayoutGrid3
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: #000000;
background-image: none;
border: 0px solid #CBCBCB;
border-radius: 0px;
box-sizing: border-box;
margin: 0;
}
#LayoutGrid3
{
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 100px 0 100px 0;
margin-right: auto;
margin-left: auto;
max-width: 1140px;
}
#LayoutGrid3 > .col-1
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 0px;
padding-left: 0px;
position: relative;
}
#LayoutGrid3 > .col-1
{
flex: 0 0 auto;
}
#LayoutGrid3 > .col-1
{
background-color: #000000;
background-image: none;
border: 0px solid #FFFFFF;
border-radius: 0px;
flex-basis: 100%;
max-width: 100%;
display: flex;
flex-wrap: wrap;
align-content: center;
align-self: stretch;
align-items: center;
justify-content: center;
text-align: center;
}
@media (max-width: 768px)
{
#LayoutGrid3 > .col-1
{
flex-basis: 100% !important;
max-width: 100% !important;
}
}
#wb_Card4
{
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 0 50px 30px 50px;
background-clip: padding-box;
background-color: #303532;
background-image: none;
border: 0px solid #000000;
border-radius: 3px;
text-align: left;
}
#Card4-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card4-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card4-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Heading2
{
background-color: #303532;
background-image: none;
border: 0px solid #262626;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 50px 50px 0 50px;
padding: 0 0 25px 0;
text-align: left;
}
#Heading2
{
color: #CBCBCB;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
margin: 0;
text-align: left;
text-decoration: underline;
text-transform: none;
}
#wb_Card5
{
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin: 0 50px 30px 50px;
background-color: #303532;
background-image: none;
border: 0px solid #000000;
border-radius: 3px;
text-align: left;
}
#Card5-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card5-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card5-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Image2
{
margin: 0;
vertical-align: top;
}
#Image2
{
border: 0px solid #262626;
border-radius: 0px;
box-sizing: border-box;
padding: 0;
display: block;
width: 100%;
height: auto;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
vertical-align: top;
}
#MediaPlayer2
{
box-sizing: border-box;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 0px solid #D9D9D9;
border-radius: 0px;
}
#MediaPlayer3
{
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 0px solid #D9D9D9;
border-radius: 0px;
}
#wb_MediaPlayer3
{
display: block;
position: relative;
margin: 0;
height: 401px;
vertical-align: top;
}
#wb_Picture1
{
height: 100%;
margin: 0 10px 0 10px;
vertical-align: top;
}
#Picture1
{
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
padding: 0;
object-fit: cover;
display: block;
width: 100%;
height: 100%;
vertical-align: top;
}
#wb_Icon5
{
background-color: transparent;
background-image: none;
border: 1px solid #F2F2F2;
border-radius: 50%;
text-align: center;
margin: 0 0 0 6px;
padding: 6px 6px 6px 6px;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_Icon5 a
{
text-decoration: none;
}
#wb_Icon5 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#wb_Icon5:hover
{
background-color: transparent;
background-image: none;
border: 1px solid #5B5B5B;
}
#Icon5
{
height: 28px;
width: 28px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
#Icon5 i
{
color: #F2F2F2;
display: inline-block;
font-size: 28px;
line-height: 28px;
vertical-align: middle;
}
#wb_Icon5:hover #Icon5 i
{
color: #5B5B5B;
}
#wb_Icon6
{
background-color: transparent;
background-image: none;
border: 1px solid #F2F2F2;
border-radius: 50%;
text-align: center;
margin: 0 0 0 6px;
padding: 6px 6px 6px 6px;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_Icon6 a
{
text-decoration: none;
}
#wb_Icon6 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#wb_Icon6:hover
{
background-color: transparent;
background-image: none;
border: 1px solid #5B5B5B;
}
#Icon6
{
height: 28px;
width: 28px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
#Icon6 i
{
color: #F2F2F2;
display: inline-block;
font-size: 28px;
line-height: 28px;
vertical-align: middle;
}
#wb_Icon6:hover #Icon6 i
{
color: #5B5B5B;
}
#wb_Icon7
{
background-color: transparent;
background-image: none;
border: 1px solid #F2F2F2;
border-radius: 50%;
text-align: center;
margin: 0 0 0 6px;
padding: 6px 6px 6px 6px;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_Icon7 a
{
text-decoration: none;
}
#wb_Icon7 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#wb_Icon7:hover
{
background-color: transparent;
background-image: none;
border: 1px solid #5B5B5B;
}
#Icon7
{
height: 28px;
width: 28px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
#Icon7 i
{
color: #F2F2F2;
display: inline-block;
font-size: 28px;
line-height: 28px;
vertical-align: middle;
}
#wb_Icon7:hover #Icon7 i
{
color: #5B5B5B;
}
#wb_Heading5
{
background-color: transparent;
background-image: none;
border: 0px solid #262626;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 0;
padding: 0 0 20px 0;
text-align: center;
}
#Heading5
{
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 17px;
margin: 0;
text-align: center;
text-transform: none;
}
#Label3
{
box-sizing: border-box;
margin: 0;
border: 0px solid #262626;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 17px;
text-align: center;
vertical-align: top;
padding: 0 0 20px 0;
}
#Label3:focus
{
border-color: #D9D9D9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(217,217,217,0.60);
outline: 0;
}
#Editbox3
{
box-sizing: border-box;
line-height: 16px;
margin: 0 0 15px 0 ;
border: 1px solid #D9D9D9;
border-radius: 0px;
background-color: #383E42;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-align: left;
padding: 10px 10px 10px 10px;
}
#Editbox3:focus
{
border-color: #D9D9D9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(217,217,217,0.60);
outline: 0;
}
#Editbox3::placeholder
{
color: #FFFFFF;
opacity: 1;
}
#Editbox3::-ms-input-placeholder
{
color: #FFFFFF;
}
#Table2
{
border-radius: 0px;
border: 0px solid #262626;
background-color: transparent;
background-image: none;
border-collapse: separate;
border-spacing: 0px;
margin: 0;
}
#Table2 td, #Table2 th
{
padding: 5px 5px 5px 5px;
}
#Table2 td div
{
white-space: nowrap;
}
#Table2 p, #Table2 ul
{
margin: 0;
padding: 0;
}
#Table2 .cell0
{
background-color: transparent;
background-image: none;
text-align: right;
vertical-align: middle;
color: #262626;
font-family: Arial;
font-size: 13px;
line-height: 16px;
}
#Table2 .cell1
{
background-color: transparent;
background-image: none;
text-align: left;
vertical-align: top;
color: #000000;
font-family: Arial;
font-size: 13px;
line-height: 16px;
}
#Table2 .cell2
{
background-color: transparent;
background-image: none;
text-align: right;
vertical-align: middle;
color: #FFFFFF;
font-family: Arial;
font-size: 13px;
line-height: 16px;
}
#Table2 .cell3
{
background-color: transparent;
background-image: none;
text-align: left;
vertical-align: top;
color: #FFFFFF;
font-family: Arial;
font-size: 13px;
line-height: 16px;
}
#Table2 .cell4
{
background-color: transparent;
background-image: none;
text-align: right;
vertical-align: middle;
color: #262626;
font-family: Arial;
font-size: 13px;
line-height: 16px;
}
#Table2 .cell5
{
background-color: transparent;
background-image: none;
text-align: left;
vertical-align: top;
color: #262626;
font-family: Arial;
font-size: 13px;
line-height: 16px;
}
#Table2 .cell6
{
background-color: transparent;
background-image: none;
text-align: right;
vertical-align: middle;
color: #FFFFFF;
font-family: Arial;
font-size: 13px;
line-height: 16px;
}
#Table2 .cell7
{
background-color: transparent;
background-image: none;
text-align: left;
vertical-align: top;
color: #FFFFFF;
font-family: Arial;
font-size: 13px;
line-height: 16px;
}
#Table2 .cell8
{
background-color: transparent;
background-image: none;
text-align: right;
vertical-align: middle;
color: #262626;
font-family: Arial;
font-size: 13px;
line-height: 16px;
}
#Table2 .cell9
{
background-color: transparent;
background-image: none;
text-align: left;
vertical-align: top;
color: #262626;
font-family: Arial;
font-size: 13px;
line-height: 16px;
}
#Table2 .cell10
{
background-color: transparent;
background-image: none;
text-align: right;
vertical-align: middle;
color: #FFFFFF;
font-family: Arial;
font-size: 13px;
line-height: 16px;
}
#Table2 .cell11
{
background-color: transparent;
background-image: none;
text-align: left;
vertical-align: top;
color: #FFFFFF;
font-family: Arial;
font-size: 13px;
line-height: 16px;
}
#Table2 .cell12
{
background-color: transparent;
background-image: none;
text-align: right;
vertical-align: middle;
color: #262626;
font-family: Arial;
font-size: 13px;
line-height: 16px;
}
#Table2 .cell13
{
background-color: transparent;
background-image: none;
text-align: left;
vertical-align: top;
color: #262626;
font-family: Arial;
font-size: 13px;
line-height: 16px;
}
#Table2 tr:nth-child(odd)
{
background-color: #D9F1EA;
}
#Table2 tr:hover
{
background-color: #D9F1EA;
}
#Editbox4
{
box-sizing: border-box;
line-height: 16px;
margin: 0 0 15px 0 ;
border: 1px solid #D9D9D9;
border-radius: 0px;
background-color: #383E42;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-align: left;
padding: 10px 10px 10px 10px;
}
#Editbox4:focus
{
border-color: #D9D9D9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(217,217,217,0.60);
outline: 0;
}
#Editbox4::placeholder
{
color: #FFFFFF;
opacity: 1;
}
#Editbox4::-ms-input-placeholder
{
color: #FFFFFF;
}
#TextArea2
{
box-sizing: border-box;
border: 1px solid #D9D9D9;
border-radius: 0px;
background-color: #383E42;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-align: left;
padding: 10px 10px 10px 10px;
margin: 0 0 15px 0 ;
overflow: auto;
resize: none;
}
#TextArea2:focus
{
border-color: #D9D9D9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(217,217,217,0.60);
outline: 0;
}
#TextArea2::placeholder
{
color: #D9D9D9;
opacity: 1;
}
#TextArea2::-ms-input-placeholder
{
color: #D9D9D9;
}
#Label4
{
box-sizing: border-box;
margin: 30px 0 0 0 ;
border: 0px solid #262626;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 17px;
text-align: center;
vertical-align: top;
padding: 0 0 10px 0;
}
#Label4:focus
{
border-color: #D9D9D9;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(217,217,217,0.60);
outline: 0;
}
#wb_Text2
{
background-color: transparent;
background-image: none;
border: 0px solid #262626;
border-radius: 0px;
padding: 0 0 20px 0;
margin: 0;
text-align: center;
}
#wb_Text2
{
color: #FFFFFF;
font-family: Arial;
font-weight: 400;
font-size: 13px;
line-height: 16px;
}
#wb_Text2 p, #wb_Text2 ul
{
margin: 0;
padding: 0;
list-style-position: inside;
}
#wb_Text2
{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#wb_Icon8
{
background-color: transparent;
background-image: none;
border: 1px solid #F2F2F2;
border-radius: 50%;
text-align: center;
margin: 0 0 0 6px;
padding: 6px 6px 6px 6px;
vertical-align: top;
display:inline-block;
position:relative;
}
#wb_Icon8 a
{
text-decoration: none;
}
#wb_Icon8 a::after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
}
#wb_Icon8:hover
{
background-color: transparent;
background-image: none;
border: 1px solid #5B5B5B;
}
#Icon8
{
height: 28px;
width: 28px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
#Icon8 i
{
color: #F2F2F2;
display: inline-block;
font-size: 28px;
line-height: 28px;
vertical-align: middle;
}
#wb_Icon8:hover #Icon8 i
{
color: #5B5B5B;
}
#wb_LayoutGrid7
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: #383E42;
background-image: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #BFBFBF;
border-right-color: #BFBFBF;
border-bottom-color: #BFBFBF;
border-left-color: #BFBFBF;
box-sizing: border-box;
margin: 0;
}
#LayoutGrid7
{
box-sizing: border-box;
padding: 30px 15px 30px 15px;
margin-right: auto;
margin-left: auto;
max-width: 1140px;
}
#LayoutGrid7 > .row
{
margin-right: -15px;
margin-left: -15px;
}
#LayoutGrid7 > .row > .col-1, #LayoutGrid7 > .row > .col-2, #LayoutGrid7 > .row > .col-3
{
box-sizing: border-box;
font-size: 0;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#LayoutGrid7 > .row > .col-1, #LayoutGrid7 > .row > .col-2, #LayoutGrid7 > .row > .col-3
{
float: left;
}
#LayoutGrid7 > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
width: 33.33333333%;
text-align: center;
}
#LayoutGrid7 > .row > .col-2
{
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
width: 33.33333333%;
text-align: center;
}
#LayoutGrid7 > .row > .col-3
{
background-color: transparent;
background-image: none;
border: 0px solid #D9D9D9;
border-radius: 0px;
width: 33.33333333%;
text-align: center;
}
#LayoutGrid7:before,
#LayoutGrid7:after,
#LayoutGrid7 .row:before,
#LayoutGrid7 .row:after
{
display: table;
content: " ";
}
#LayoutGrid7:after,
#LayoutGrid7 .row:after
{
clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid7 > .row > .col-1, #LayoutGrid7 > .row > .col-2, #LayoutGrid7 > .row > .col-3
{
float: none;
width: 100% !important;
}
}
#Button1
{
border: 1px solid #C5C5C5;
border-radius: 4px;
background-color: #F6F6F6;
background-image: none;
color: #454545;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
padding: 1px 6px 1px 6px;
text-align: center;
-webkit-appearance: none;
margin: 0;
}
#Button1:focus
{
outline: 0;
}
#wb_FontAwesomeIcon2
{
display: inline-block;
width: 23px;
height: 23px;
text-align: center;
z-index: 5;
}
#wb_Breadcrumb1
{
display: inline-block;
width: 226px;
height: 53px;
z-index: 0;
vertical-align: top;
}
#wb_Icon6
{
display: inline-block;
width: 28px;
height: 28px;
text-align: center;
z-index: 34;
}
#wb_Card1
{
display: flex;
width: calc(100% - 100px);
z-index: 25;
}
#wb_Picture2
{
display: block;
width: calc(100% - 20px);
height: auto;
z-index: 17;
}
#wb_Icon7
{
display: inline-block;
width: 28px;
height: 28px;
text-align: center;
z-index: 35;
}
#wb_Image1
{
display: block;
width: 100%;
height: auto;
z-index: 23;
}
#wb_article4Card3
{
display: flex;
width: calc(100% - 100px);
z-index: 21;
}
#wb_article4Card2
{
display: flex;
width: calc(100% - 100px);
z-index: 20;
}
#wb_article4Card1
{
display: flex;
width: calc(100% - 100px);
z-index: 19;
}
#Button1
{
display: inline-block;
width: 117px;
height: 29px;
line-height: 1.0;
z-index: 43;
}
#TextArea2
{
display: block;
width: 100%;
height: 85px;
z-index: 42;
}
#wb_Image2
{
display: block;
width: 100%;
height: auto;
z-index: 28;
}
#wb_Card3
{
display: flex;
width: calc(100% - 100px);
z-index: 27;
}
#wb_upIcon
{
position: absolute;
left: 9px;
top: 9px;
width: 24px;
height: 24px;
text-align: center;
z-index: 16;
}
#wb_Icon5
{
display: inline-block;
width: 28px;
height: 28px;
text-align: center;
z-index: 33;
}
#wb_Card2
{
display: flex;
width: calc(100% - 100px);
z-index: 26;
}
#wb_Picture1
{
display: block;
width: calc(100% - 20px);
height: auto;
z-index: 22;
}
#Table2
{
display: table;
width: 100%;
height: 196px;
z-index: 39;
}
#Editbox3
{
display: block;
width: 100%;
height: 38px;
z-index: 41;
}
#wb_Icon8
{
display: inline-block;
width: 28px;
height: 28px;
text-align: center;
z-index: 32;
}
#wb_coffeeCard3
{
display: flex;
z-index: 11;
}
#wb_coffeeCard2
{
display: flex;
z-index: 10;
}
#wb_coffeeCard1
{
display: flex;
z-index: 9;
}
#wb_Heading5
{
display: block;
width: 100%;
z-index: 38;
}
#wb_headerMenu
{
display: block;
width: 100%;
z-index: 4;
}
#wb_Heading2
{
display: block;
width: calc(100% - 100px);
z-index: 29;
}
#headerButton
{
display: inline-block;
width: 125px;
height: 37px;
z-index: 3;
}
#wb_Heading3
{
display: inline-block;
width: 119px;
height: 37px;
z-index: 2;
}
#wb_PhotoCollage1
{
position: absolute;
left: 620px;
top: 294px;
width: 2px;
height: 2px;
visibility: hidden;
z-index: 46;
}
#Label4
{
display: inline-block;
width: 216px;
line-height: 19px;
z-index: 36;
}
#wb_Heading1
{
display: block;
width: calc(100% - 100px);
z-index: 24;
}
#wb_factsCard1
{
display: flex;
width: calc(100% - 20px);
z-index: 13;
}
#Label3
{
display: inline-block;
width: 216px;
line-height: 19px;
z-index: 40;
}
#wb_Card5
{
display: flex;
width: calc(100% - 100px);
z-index: 31;
}
#wb_MediaPlayer3
{
display: block;
width: 100%;
z-index: 12;
}
#wb_FontAwesomeIcon5
{
display: inline-block;
width: 23px;
height: 23px;
text-align: center;
z-index: 8;
}
#wb_Card4
{
display: flex;
width: calc(100% - 100px);
z-index: 30;
}
#upStickyLayer
{
position: fixed;
text-align: left;
left: auto;
right: 25px;
top: auto;
bottom: 25px;
width: 50px;
height: 50px;
z-index: 47;
}
#wb_factsCard3
{
display: flex;
width: calc(100% - 20px);
z-index: 15;
}
#wb_FontAwesomeIcon4
{
display: inline-block;
width: 23px;
height: 23px;
text-align: center;
z-index: 7;
}
#Editbox4
{
display: block;
width: 100%;
height: 38px;
z-index: 44;
}
#wb_article4Heading
{
display: block;
width: calc(100% - 100px);
z-index: 18;
}
#wb_factsCard2
{
display: flex;
width: calc(100% - 20px);
z-index: 14;
}
#wb_FontAwesomeIcon3
{
display: inline-block;
width: 23px;
height: 23px;
text-align: center;
z-index: 6;
}
#wb_headerIcon1
{
display: inline-block;
width: 43px;
height: 37px;
text-align: center;
z-index: 1;
}
@media only screen and (min-width: 1024px)
{
body
{
background-color: #ADD8E6;
background-image: url('../images/index_-old_bkgrnd1024.png');
}
#wb_Picture2
{
width: calc(100% - 20px);
visibility: visible;
display: block;
margin: 0 10px 0 10px;
padding: 0;
}
#Picture2
{
width: 95.93%;
margin-left: auto;
margin-right: auto;
}
#wb_LayoutGrid1
{
visibility: visible;
display: table;
}
#wb_LayoutGrid1
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#LayoutGrid1
{
height: auto;
padding: 20px 15px 20px 15px;
}
#LayoutGrid1 .row
{
margin-right: -15px;
margin-left: -15px;
}
#wb_header
{
visibility: visible;
display: table;
}
#wb_header
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#header
{
height: auto;
padding: 15px 15px 15px 15px;
}
#header .row
{
margin-right: -15px;
margin-left: -15px;
}
#wb_introLayoutGrid
{
visibility: visible;
display: table;
}
#wb_introLayoutGrid
{
height: 50vh;
margin-top: 0px;
margin-bottom: 0px;
}
#introLayoutGrid
{
height: 50vh;
padding: 100px 0 100px 0;
}
#wb_coffee
{
visibility: visible;
display: block;
}
#coffee
{
padding: 10px 10px 10px 10px;
}
#wb_about
{
visibility: visible;
display: table;
}
#wb_about
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#about
{
height: auto;
padding: 0 15px 0 15px;
}
#about .row
{
margin-right: -15px;
margin-left: -15px;
}
#wb_facts
{
visibility: visible;
display: table;
}
#wb_facts
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#facts
{
height: auto;
padding: 40px 15px 40px 15px;
}
#facts .row
{
margin-right: -15px;
margin-left: -15px;
}
#upStickyLayer
{
width: 50px;
height: 50px;
visibility: visible;
display: block;
}
#wb_upIcon
{
left: 9px;
top: 9px;
width: 24px;
height: 24px;
visibility: visible;
display: inline;
margin: 0;
padding: 4px 4px 4px 4px;
}
#upIcon
{
width: 24px;
height: 24px;
}
#upIcon i
{
line-height: 24px;
font-size: 24px;
width: 23px;
}
#wb_coffeeCard1
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 15px 15px 15px 15px;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
}
#coffeeCard1-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #262626;
border-radius: 0px;
width: 100%;
height: auto;
}
#coffeeCard1-card-item1
{
box-sizing: border-box;
margin: 20px 20px -25px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: left;
}
#coffeeCard1-card-item2
{
display: inline-block;
line-height: 1.0;
height: 16px;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #262626;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #262626;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#coffeeCard1-card-item2 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 16px;
width: 16px;
}
#coffeeCard1-card-item3
{
box-sizing: border-box;
margin: 20px 20px 0 20px;
border-top: 1px #D9D9D9 solid;
border-width: 1px 0 0 0;
height: 0;
line-height: 0;
}
#coffeeCard1-card-item4
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 18.2px;
text-align: left;
}
#coffeeCard1-card-item5
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-align: right;
animation: clip-path-chevron-enter 1000ms linear 0ms infinite normal both;
}
#coffeeCard1-card-item5 a
{
color: inherit;
text-decoration: none;
}
#wb_coffeeCard1
{
text-align: right;
}
#wb_coffeeCard2
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 15px 15px 15px 15px;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
background-color: #2E3439;
background-image: none;
}
#coffeeCard2-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #262626;
border-radius: 0px;
width: 100%;
height: auto;
}
#coffeeCard2-card-item1
{
box-sizing: border-box;
margin: 20px 20px -25px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: left;
}
#coffeeCard2-card-item2
{
display: inline-block;
line-height: 1.0;
height: 32px;
box-sizing: border-box;
margin: 0 20px 0 0 ;
border: 0px solid #262626;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 32px;
}
#coffeeCard2-card-item2 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#coffeeCard2-card-item2 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 32px;
width: 32px;
}
#coffeeCard2-card-item3
{
box-sizing: border-box;
margin: 20px 20px 0 20px;
border-top: 1px #D9D9D9 solid;
border-width: 1px 0 0 0;
height: 0;
line-height: 0;
}
#coffeeCard2-card-item4
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 18.2px;
text-align: left;
}
#coffeeCard2-card-item5
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-align: right;
}
#coffeeCard2-card-item5 a
{
color: inherit;
text-decoration: none;
}
#wb_coffeeCard2
{
text-align: right;
}
#wb_coffeeCard3
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 15px 15px 15px 15px;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
}
#coffeeCard3-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #262626;
border-radius: 0px;
width: 100%;
height: auto;
}
#coffeeCard3-card-item1
{
box-sizing: border-box;
margin: 20px 20px -25px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: left;
}
#coffeeCard3-card-item2
{
display: inline-block;
line-height: 1.0;
height: 32px;
box-sizing: border-box;
margin: 0 20px 0 0 ;
border: 0px solid #262626;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 32px;
}
#coffeeCard3-card-item2 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#coffeeCard3-card-item2 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 32px;
width: 32px;
}
#coffeeCard3-card-item3
{
box-sizing: border-box;
margin: 20px 20px 0 20px;
border-top: 1px #D9D9D9 solid;
border-width: 1px 0 0 0;
height: 0;
line-height: 0;
}
#coffeeCard3-card-item4
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 18.2px;
text-align: left;
}
#coffeeCard3-card-item5
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-align: right;
}
#wb_coffeeCard3
{
text-align: right;
}
#wb_factsCard1
{
width: calc(100% - 20px);
visibility: visible;
display: flex;
margin: 30px 10px 30px 10px;
}
#factsCard1-card-item0
{
display: inline-block;
line-height: 1.0;
height: 37px;
box-sizing: border-box;
margin: 0;
border: 0px solid #BFBFBF;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 37px;
}
#wb_factsCard1:hover #factsCard1-card-item0
{
transform: rotate(0deg) scale(0.8,0.8) ;
transition: transform 300ms linear 0ms;
}
#factsCard1-card-item0
{
transform: rotate(0deg) ;
transition: transform 300ms linear 0ms;
}
#factsCard1-card-item0 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#factsCard1-card-item0 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 37px;
width: 37px;
}
#factsCard1-card-item1
{
box-sizing: border-box;
margin: -40px 30px 10px 50px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 24px;
}
#factsCard1-card-item2
{
box-sizing: border-box;
margin: 0 30px 0 50px;
padding: 20px 0 0 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 15px;
}
#wb_factsCard1
{
text-align: left;
}
#wb_factsCard2
{
width: calc(100% - 20px);
visibility: visible;
display: flex;
margin: 30px 10px 50px 10px;
}
#factsCard2-card-item0
{
display: inline-block;
line-height: 1.0;
height: 37px;
box-sizing: border-box;
margin: 0;
border: 0px solid #BFBFBF;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 37px;
}
#wb_factsCard2:hover #factsCard2-card-item0
{
transform: rotate(0deg) scale(0.8,0.8) ;
transition: transform 300ms linear 0ms;
}
#factsCard2-card-item0
{
transform: rotate(0deg) ;
transition: transform 300ms linear 0ms;
}
#factsCard2-card-item0 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#factsCard2-card-item0 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 37px;
width: 37px;
}
#factsCard2-card-item1
{
box-sizing: border-box;
margin: -40px 30px 10px 50px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 24px;
}
#factsCard2-card-item2
{
box-sizing: border-box;
margin: 0 30px 0 50px;
padding: 50px 0 0 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 15px;
text-align: center;
}
#wb_factsCard2
{
text-align: left;
}
#wb_factsCard3
{
width: calc(100% - 20px);
visibility: visible;
display: flex;
margin: 50px 10px 30px 10px;
}
#factsCard3-card-item0
{
display: inline-block;
line-height: 1.0;
height: 37px;
box-sizing: border-box;
margin: 0;
border: 0px solid #BFBFBF;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 37px;
}
#wb_factsCard3:hover #factsCard3-card-item0
{
transform: rotate(0deg) scale(0.8,0.8) ;
transition: transform 300ms linear 0ms;
}
#factsCard3-card-item0
{
transform: rotate(0deg) ;
transition: transform 300ms linear 0ms;
}
#factsCard3-card-item0 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#factsCard3-card-item0 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 37px;
width: 37px;
}
#factsCard3-card-item1
{
box-sizing: border-box;
margin: -40px 30px 10px 50px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 11px;
text-align: center;
}
#factsCard3-card-item2
{
box-sizing: border-box;
margin: 0 30px 0 50px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 15px;
}
#wb_factsCard3
{
text-align: left;
}
#wb_headerMenu
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
}
#headerMenu, .headerMenu .nav, .headerMenu .dropdown-menu
{
font-weight: bold;
font-size: 16px;
}
#wb_Breadcrumb1
{
width: 293px;
height: 53px;
visibility: visible;
display: inline-block;
margin: 0;
}
#Breadcrumb1
{
padding: 12px 15px 12px 0;
text-align: left;
}
#Breadcrumb1 > li + li:before
{
padding: 0 5px;
}
#wb_FontAwesomeIcon2
{
width: 23px;
height: 23px;
visibility: visible;
display: inline-block;
margin: 10px 5px 0 0 ;
padding: 2px 2px 2px 2px;
}
#FontAwesomeIcon2
{
width: 23px;
height: 23px;
}
#FontAwesomeIcon2 i
{
line-height: 23px;
font-size: 23px;
width: 22px;
}
#wb_FontAwesomeIcon3
{
width: 23px;
height: 23px;
visibility: visible;
display: inline-block;
margin: 10px 5px 0 0 ;
padding: 2px 2px 2px 2px;
background-color: #D9F1EA;
background-image: none;
}
#FontAwesomeIcon3
{
width: 23px;
height: 23px;
}
#FontAwesomeIcon3 i
{
line-height: 23px;
font-size: 23px;
width: 22px;
}
#wb_FontAwesomeIcon3:hover
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #5B5B5B;
}
#wb_FontAwesomeIcon4
{
width: 23px;
height: 23px;
visibility: visible;
display: inline-block;
margin: 10px 5px 0 0 ;
padding: 2px 2px 2px 2px;
background-color: #D9F1EA;
background-image: none;
}
#FontAwesomeIcon4
{
width: 23px;
height: 23px;
}
#FontAwesomeIcon4 i
{
line-height: 23px;
font-size: 23px;
width: 22px;
}
#wb_FontAwesomeIcon4:hover
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #5B5B5B;
}
#wb_FontAwesomeIcon5
{
width: 23px;
height: 23px;
visibility: visible;
display: inline-block;
margin: 10px 5px 0 0 ;
padding: 2px 2px 2px 2px;
background-color: #D9F1EA;
background-image: none;
}
#FontAwesomeIcon5
{
width: 23px;
height: 23px;
}
#FontAwesomeIcon5 i
{
line-height: 23px;
font-size: 23px;
width: 22px;
}
#wb_FontAwesomeIcon5:hover
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #5B5B5B;
}
#wb_headerIcon1
{
width: 43px;
height: 37px;
visibility: visible;
display: inline-block;
margin: 5px 0 0 0 ;
padding: 0;
}
#headerIcon1
{
width: 43px;
height: 37px;
}
#headerIcon1 i
{
line-height: 37px;
font-size: 37px;
width: 36px;
}
#headerButton
{
width: 125px;
height: 37px;
visibility: visible;
display: inline-block;
margin: 10px 0 0 0 ;
padding: 0;
}
#headerButton
{
line-height: 35px;
}
#wb_Heading3
{
width: 119px;
height: 37px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 5px 0 5px 0;
}
#BuildWith1
{
left: 441px;
top: 3263px;
width: 88px;
height: 31px;
visibility: visible;
display: inline;
}
#wb_PhotoCollage1
{
left: 620px;
top: 294px;
width: 2px;
height: 2px;
visibility: visible;
display: inline;
margin: 0;
}
#wb_article4LayoutGrid
{
visibility: visible;
display: table;
border: 0px solid #CBCBCB;
}
#wb_article4LayoutGrid
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#article4LayoutGrid
{
height: auto;
padding: 100px 0 100px 0;
}
#article4LayoutGrid > .col-1, #article4LayoutGrid > .col-2
{
padding-right: 0px;
padding-left: 0px;
}
#article4LayoutGrid > .col-1
{
display: flex;
flex-basis: 50%;
max-width: 50%;
border: 0px solid #FFFFFF;
border-radius: 0px;
align-content: center;
align-items: center;
justify-content: center;
text-align: center;
}
#article4LayoutGrid > .col-2
{
display: flex;
flex-basis: 50%;
max-width: 50%;
border: 0px solid #FFFFFF;
border-radius: 0px;
align-content: flex-start;
align-items: flex-start;
justify-content: flex-start;
text-align: left;
}
#wb_article4Card1
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 30px 50px 30px 50px;
color: #262626;
border: 0px solid #D9D9D9;
}
#article4Card1-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #CBCBCB;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#article4Card1-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_article4Card1
{
text-align: center;
}
#wb_article4Heading
{
width: calc(100% - 100px);
visibility: visible;
display: block;
margin: 50px 50px 36px 50px;
padding: 0 0 25px 0;
}
#wb_article4Card2
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 30px 50px 30px 50px;
}
#article4Card2-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #CBCBCB;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#article4Card2-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_article4Card2
{
text-align: center;
}
#wb_article4Card3
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 30px 50px 20px 50px;
}
#article4Card3-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #CBCBCB;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#article4Card3-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_article4Card3
{
text-align: center;
}
#wb_LayoutGrid2
{
visibility: visible;
display: table;
}
#wb_LayoutGrid2
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#LayoutGrid2
{
height: auto;
padding: 0 0 50px 0;
}
#LayoutGrid2 > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#LayoutGrid2 > .col-1
{
display: flex;
flex-basis: 100%;
max-width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
align-content: center;
align-items: center;
justify-content: center;
text-align: center;
}
#wb_Card1
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 30px 50px 30px 50px;
}
#Card1-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card1-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Card1
{
text-align: center;
}
#wb_Heading1
{
width: calc(100% - 100px);
visibility: hidden;
display: none;
margin: 50px 50px 0 50px;
padding: 0 0 25px 0;
}
#wb_Card2
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 0 50px 30px 50px;
}
#Card2-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card2-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Card2
{
text-align: center;
}
#wb_Card3
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 0 50px 0 50px;
}
#Card3-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card3-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Card3
{
text-align: center;
}
#wb_Image1
{
width: calc(100% - 40px);
visibility: visible;
display: block;
margin: 0 20px 10px 20px;
padding: 0;
}
#Image1
{
margin-left: auto;
margin-right: auto;
}
#wb_LayoutGrid3
{
visibility: visible;
display: table;
}
#wb_LayoutGrid3
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#LayoutGrid3
{
height: auto;
padding: 0 0 10px 0;
}
#LayoutGrid3 > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#LayoutGrid3 > .col-1
{
display: flex;
flex-basis: 100%;
max-width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
align-content: flex-start;
align-items: flex-start;
justify-content: center;
text-align: center;
}
#wb_Card4
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 0 50px 30px 50px;
}
#Card4-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card4-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Card4
{
text-align: center;
}
#wb_Heading2
{
width: calc(100% - 100px);
visibility: visible;
display: block;
margin: 50px 50px 0 50px;
padding: 0 0 25px 0;
}
#wb_Card5
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 0 50px 30px 50px;
}
#Card5-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card5-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Card5
{
text-align: center;
}
#wb_Image2
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
padding: 0;
}
#Image2
{
margin-left: auto;
margin-right: auto;
}
#wb_MediaPlayer2
{
left: 260px;
top: -749px;
width: 0px;
height: 0px;
visibility: visible;
display: inline;
margin: 0;
}
#wb_MediaPlayer3
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
}
#wb_Picture1
{
width: calc(100% - 20px);
visibility: visible;
display: block;
margin: 20px 10px 0 10px;
padding: 0;
}
#Picture1
{
width: 95.93%;
margin-left: auto;
margin-right: auto;
}
#wb_Icon5
{
width: 28px;
height: 28px;
visibility: visible;
display: inline-block;
margin: 0 0 0 6px;
padding: 6px 6px 6px 6px;
background-color: transparent;
background-image: none;
}
#Icon5
{
width: 28px;
height: 28px;
}
#Icon5 i
{
line-height: 28px;
font-size: 28px;
width: 27px;
}
#wb_Icon5:hover
{
background-color: transparent;
background-image: none;
border: 1px solid #5B5B5B;
}
#wb_Icon6
{
width: 28px;
height: 28px;
visibility: visible;
display: inline-block;
margin: 0 0 0 6px;
padding: 6px 6px 6px 6px;
}
#Icon6
{
width: 28px;
height: 28px;
}
#Icon6 i
{
line-height: 28px;
font-size: 28px;
width: 27px;
}
#wb_Icon7
{
width: 28px;
height: 28px;
visibility: visible;
display: inline-block;
margin: 0 0 0 6px;
padding: 6px 6px 6px 6px;
background-color: transparent;
background-image: none;
}
#Icon7
{
width: 28px;
height: 28px;
}
#Icon7 i
{
line-height: 28px;
font-size: 28px;
width: 27px;
}
#wb_Icon7:hover
{
background-color: transparent;
background-image: none;
border: 1px solid #5B5B5B;
}
#wb_Heading5
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
padding: 0 0 20px 0;
}
#Label3
{
width: 275px;
height: 39px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 0 0 20px 0;
text-align: center;
box-shadow: 0px 0px 0px #303532;
}
#Label3
{
line-height: 19px;
}
#Editbox3
{
width: 100%;
height: 38px;
visibility: visible;
display: block;
margin: 0 0 15px 0 ;
padding: 10px 10px 10px 10px;
text-align: left;
box-shadow: 0px 0px 0px #303532;
}
#Editbox3
{
line-height: 1px;
}
#Table2
{
visibility: visible;
display: table;
background-color: transparent;
background-image: url('../images/index_-old_Table2_bkgrnd1024.png');
background-repeat: repeat;
background-position: left top;
}
#Editbox4
{
width: 100%;
height: 38px;
visibility: visible;
display: block;
margin: 0 0 15px 0 ;
padding: 10px 10px 10px 10px;
text-align: left;
}
#Editbox4
{
line-height: 1px;
}
#TextArea2
{
width: 100%;
height: 85px;
visibility: visible;
display: block;
margin: 0 0 15px 0 ;
padding: 10px 10px 10px 10px;
text-align: left;
box-shadow: 0px 0px 0px #303532;
}
#Label4
{
width: 275px;
height: 29px;
visibility: visible;
display: inline-block;
margin: 30px 0 0 0 ;
padding: 0 0 10px 0;
text-align: center;
}
#Label4
{
line-height: -11px;
}
#wb_Text2
{
visibility: visible;
display: block;
}
#wb_Text2
{
margin: 0;
padding: 0 0 20px 0;
}
#wb_Icon8
{
width: 28px;
height: 28px;
visibility: visible;
display: inline-block;
margin: 0 0 0 6px;
padding: 6px 6px 6px 6px;
background-color: transparent;
background-image: none;
}
#Icon8
{
width: 28px;
height: 28px;
}
#Icon8 i
{
line-height: 28px;
font-size: 28px;
width: 27px;
}
#wb_Icon8:hover
{
background-color: transparent;
background-image: none;
border: 1px solid #5B5B5B;
}
#wb_LayoutGrid7
{
visibility: visible;
display: table;
box-shadow: 0px 0px 0px #303532;
}
#wb_LayoutGrid7
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#LayoutGrid7
{
height: auto;
padding: 30px 15px 30px 15px;
}
#LayoutGrid7 .row
{
margin-right: -15px;
margin-left: -15px;
}
#Button1
{
width: 117px;
height: 29px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 1px 6px 1px 6px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px)
{
body
{
background-color: #ADD8E6;
background-image: url('../images/index_-old_bkgrnd768.png');
}
#wb_Picture2
{
width: calc(100% - 20px);
visibility: visible;
display: block;
margin: 0 10px 0 10px;
padding: 0;
}
#Picture2
{
width: 97.33%;
margin-left: auto;
margin-right: auto;
}
#wb_LayoutGrid1
{
visibility: visible;
display: table;
}
#wb_LayoutGrid1
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#LayoutGrid1
{
height: auto;
padding: 20px 15px 20px 15px;
}
#LayoutGrid1 .row
{
margin-right: -15px;
margin-left: -15px;
}
#wb_header
{
visibility: visible;
display: table;
}
#wb_header
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#header
{
height: auto;
padding: 15px 15px 15px 15px;
}
#header .row
{
margin-right: -15px;
margin-left: -15px;
}
#wb_introLayoutGrid
{
visibility: visible;
display: table;
}
#wb_introLayoutGrid
{
height: 50vh;
margin-top: 0px;
margin-bottom: 0px;
}
#introLayoutGrid
{
height: 50vh;
padding: 100px 0 100px 0;
}
#wb_coffee
{
visibility: visible;
display: block;
}
#coffee
{
padding: 10px 10px 10px 10px;
}
#wb_about
{
visibility: visible;
display: table;
}
#wb_about
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#about
{
height: auto;
padding: 0 15px 0 15px;
}
#about .row
{
margin-right: -15px;
margin-left: -15px;
}
#wb_facts
{
visibility: visible;
display: table;
}
#wb_facts
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#facts
{
height: auto;
padding: 40px 15px 40px 15px;
}
#facts .row
{
margin-right: -15px;
margin-left: -15px;
}
#upStickyLayer
{
width: 50px;
height: 50px;
visibility: visible;
display: block;
}
#wb_upIcon
{
left: 9px;
top: 9px;
width: 24px;
height: 24px;
visibility: visible;
display: inline;
margin: 0;
padding: 4px 4px 4px 4px;
}
#upIcon
{
width: 24px;
height: 24px;
}
#upIcon i
{
line-height: 24px;
font-size: 24px;
width: 23px;
}
#wb_coffeeCard1
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 15px 15px 15px 15px;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
}
#coffeeCard1-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #262626;
border-radius: 0px;
width: 100%;
height: auto;
}
#coffeeCard1-card-item1
{
box-sizing: border-box;
margin: 20px 20px -25px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: left;
}
#coffeeCard1-card-item2
{
display: inline-block;
line-height: 1.0;
height: 16px;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #262626;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #262626;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#coffeeCard1-card-item2 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 16px;
width: 16px;
}
#coffeeCard1-card-item3
{
box-sizing: border-box;
margin: 20px 20px 0 20px;
border-top: 1px #D9D9D9 solid;
border-width: 1px 0 0 0;
height: 0;
line-height: 0;
}
#coffeeCard1-card-item4
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 18.2px;
text-align: left;
}
#coffeeCard1-card-item5
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-align: right;
animation: clip-path-chevron-enter 1000ms linear 0ms infinite normal both;
}
#coffeeCard1-card-item5 a
{
color: inherit;
text-decoration: none;
}
#wb_coffeeCard1
{
text-align: right;
}
#wb_coffeeCard2
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 15px 15px 15px 15px;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
background-color: #2E3439;
background-image: none;
}
#coffeeCard2-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #262626;
border-radius: 0px;
width: 100%;
height: auto;
}
#coffeeCard2-card-item1
{
box-sizing: border-box;
margin: 20px 20px -25px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: left;
}
#coffeeCard2-card-item2
{
display: inline-block;
line-height: 1.0;
height: 32px;
box-sizing: border-box;
margin: 0 20px 0 0 ;
border: 0px solid #262626;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 32px;
}
#coffeeCard2-card-item2 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#coffeeCard2-card-item2 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 32px;
width: 32px;
}
#coffeeCard2-card-item3
{
box-sizing: border-box;
margin: 20px 20px 0 20px;
border-top: 1px #D9D9D9 solid;
border-width: 1px 0 0 0;
height: 0;
line-height: 0;
}
#coffeeCard2-card-item4
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 18.2px;
text-align: left;
}
#coffeeCard2-card-item5
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-align: right;
}
#coffeeCard2-card-item5 a
{
color: inherit;
text-decoration: none;
}
#wb_coffeeCard2
{
text-align: right;
}
#wb_coffeeCard3
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 15px 15px 15px 15px;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
}
#coffeeCard3-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #262626;
border-radius: 0px;
width: 100%;
height: auto;
}
#coffeeCard3-card-item1
{
box-sizing: border-box;
margin: 20px 20px -25px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: left;
}
#coffeeCard3-card-item2
{
display: inline-block;
line-height: 1.0;
height: 32px;
box-sizing: border-box;
margin: 0 20px 0 0 ;
border: 0px solid #262626;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 32px;
}
#coffeeCard3-card-item2 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#coffeeCard3-card-item2 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 32px;
width: 32px;
}
#coffeeCard3-card-item3
{
box-sizing: border-box;
margin: 20px 20px 0 20px;
border-top: 1px #D9D9D9 solid;
border-width: 1px 0 0 0;
height: 0;
line-height: 0;
}
#coffeeCard3-card-item4
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 18.2px;
text-align: left;
}
#coffeeCard3-card-item5
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-align: right;
}
#wb_coffeeCard3
{
text-align: right;
}
#wb_factsCard1
{
width: calc(100% - 20px);
visibility: visible;
display: flex;
margin: 30px 10px 30px 10px;
}
#factsCard1-card-item0
{
display: inline-block;
line-height: 1.0;
height: 37px;
box-sizing: border-box;
margin: 0;
border: 0px solid #BFBFBF;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 37px;
}
#wb_factsCard1:hover #factsCard1-card-item0
{
transform: rotate(0deg) scale(0.8,0.8) ;
transition: transform 300ms linear 0ms;
}
#factsCard1-card-item0
{
transform: rotate(0deg) ;
transition: transform 300ms linear 0ms;
}
#factsCard1-card-item0 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#factsCard1-card-item0 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 37px;
width: 37px;
}
#factsCard1-card-item1
{
box-sizing: border-box;
margin: -40px 30px 10px 50px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 24px;
}
#factsCard1-card-item2
{
box-sizing: border-box;
margin: 0 30px 0 50px;
padding: 20px 0 0 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 15px;
}
#wb_factsCard1
{
text-align: left;
}
#wb_factsCard2
{
width: calc(100% - 20px);
visibility: visible;
display: flex;
margin: 30px 10px 50px 10px;
}
#factsCard2-card-item0
{
display: inline-block;
line-height: 1.0;
height: 37px;
box-sizing: border-box;
margin: 0;
border: 0px solid #BFBFBF;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 37px;
}
#wb_factsCard2:hover #factsCard2-card-item0
{
transform: rotate(0deg) scale(0.8,0.8) ;
transition: transform 300ms linear 0ms;
}
#factsCard2-card-item0
{
transform: rotate(0deg) ;
transition: transform 300ms linear 0ms;
}
#factsCard2-card-item0 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#factsCard2-card-item0 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 37px;
width: 37px;
}
#factsCard2-card-item1
{
box-sizing: border-box;
margin: -40px 30px 10px 50px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 24px;
}
#factsCard2-card-item2
{
box-sizing: border-box;
margin: 0 30px 0 50px;
padding: 50px 0 0 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 15px;
text-align: center;
}
#wb_factsCard2
{
text-align: left;
}
#wb_factsCard3
{
width: calc(100% - 20px);
visibility: visible;
display: flex;
margin: 50px 10px 30px 10px;
}
#factsCard3-card-item0
{
display: inline-block;
line-height: 1.0;
height: 37px;
box-sizing: border-box;
margin: 0;
border: 0px solid #BFBFBF;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 37px;
}
#wb_factsCard3:hover #factsCard3-card-item0
{
transform: rotate(0deg) scale(0.8,0.8) ;
transition: transform 300ms linear 0ms;
}
#factsCard3-card-item0
{
transform: rotate(0deg) ;
transition: transform 300ms linear 0ms;
}
#factsCard3-card-item0 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#factsCard3-card-item0 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 37px;
width: 37px;
}
#factsCard3-card-item1
{
box-sizing: border-box;
margin: -40px 30px 10px 50px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 11px;
text-align: center;
}
#factsCard3-card-item2
{
box-sizing: border-box;
margin: 0 30px 0 50px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 15px;
}
#wb_factsCard3
{
text-align: left;
}
#wb_headerMenu
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
}
#headerMenu, .headerMenu .nav, .headerMenu .dropdown-menu
{
font-weight: bold;
font-size: 16px;
}
#wb_Breadcrumb1
{
width: 226px;
height: 53px;
visibility: visible;
display: inline-block;
margin: 0;
}
#Breadcrumb1
{
padding: 12px 15px 12px 0;
text-align: left;
}
#Breadcrumb1 > li + li:before
{
padding: 0 5px;
}
#wb_FontAwesomeIcon2
{
width: 23px;
height: 23px;
visibility: visible;
display: inline-block;
margin: 10px 5px 0 0 ;
padding: 2px 2px 2px 2px;
}
#FontAwesomeIcon2
{
width: 23px;
height: 23px;
}
#FontAwesomeIcon2 i
{
line-height: 23px;
font-size: 23px;
width: 22px;
}
#wb_FontAwesomeIcon3
{
width: 23px;
height: 23px;
visibility: visible;
display: inline-block;
margin: 10px 5px 0 0 ;
padding: 2px 2px 2px 2px;
background-color: #D9F1EA;
background-image: none;
}
#FontAwesomeIcon3
{
width: 23px;
height: 23px;
}
#FontAwesomeIcon3 i
{
line-height: 23px;
font-size: 23px;
width: 22px;
}
#wb_FontAwesomeIcon3:hover
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #5B5B5B;
}
#wb_FontAwesomeIcon4
{
width: 23px;
height: 23px;
visibility: visible;
display: inline-block;
margin: 10px 5px 0 0 ;
padding: 2px 2px 2px 2px;
background-color: #D9F1EA;
background-image: none;
}
#FontAwesomeIcon4
{
width: 23px;
height: 23px;
}
#FontAwesomeIcon4 i
{
line-height: 23px;
font-size: 23px;
width: 22px;
}
#wb_FontAwesomeIcon4:hover
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #5B5B5B;
}
#wb_FontAwesomeIcon5
{
width: 23px;
height: 23px;
visibility: visible;
display: inline-block;
margin: 10px 5px 0 0 ;
padding: 2px 2px 2px 2px;
background-color: #D9F1EA;
background-image: none;
}
#FontAwesomeIcon5
{
width: 23px;
height: 23px;
}
#FontAwesomeIcon5 i
{
line-height: 23px;
font-size: 23px;
width: 22px;
}
#wb_FontAwesomeIcon5:hover
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #5B5B5B;
}
#wb_headerIcon1
{
width: 43px;
height: 37px;
visibility: visible;
display: inline-block;
margin: 5px 0 0 0 ;
padding: 0;
}
#headerIcon1
{
width: 43px;
height: 37px;
}
#headerIcon1 i
{
line-height: 37px;
font-size: 37px;
width: 36px;
}
#headerButton
{
width: 125px;
height: 37px;
visibility: visible;
display: inline-block;
margin: 10px 0 0 0 ;
padding: 0;
}
#headerButton
{
line-height: 35px;
}
#wb_Heading3
{
width: 119px;
height: 37px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 5px 0 5px 0;
}
#BuildWith1
{
left: 441px;
top: 3263px;
width: 88px;
height: 31px;
visibility: visible;
display: inline;
}
#wb_PhotoCollage1
{
left: 620px;
top: 294px;
width: 2px;
height: 2px;
visibility: visible;
display: inline;
margin: 0;
}
#wb_article4LayoutGrid
{
visibility: visible;
display: table;
border: 0px solid #CBCBCB;
}
#wb_article4LayoutGrid
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#article4LayoutGrid
{
height: auto;
padding: 100px 0 100px 0;
}
#article4LayoutGrid > .col-1, #article4LayoutGrid > .col-2
{
padding-right: 0px;
padding-left: 0px;
}
#article4LayoutGrid > .col-1
{
display: flex;
flex-basis: 100%;
max-width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
align-content: center;
align-items: center;
justify-content: center;
text-align: center;
}
#article4LayoutGrid > .col-2
{
display: flex;
flex-basis: 100%;
max-width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
align-content: flex-start;
align-items: flex-start;
justify-content: flex-start;
text-align: left;
}
#wb_article4Card1
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 30px 50px 30px 50px;
color: #262626;
border: 0px solid #D9D9D9;
}
#article4Card1-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #CBCBCB;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#article4Card1-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_article4Card1
{
text-align: center;
}
#wb_article4Heading
{
width: calc(100% - 100px);
visibility: visible;
display: block;
margin: 50px 50px 36px 50px;
padding: 0 0 25px 0;
}
#wb_article4Card2
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 30px 50px 30px 50px;
}
#article4Card2-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #CBCBCB;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#article4Card2-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_article4Card2
{
text-align: center;
}
#wb_article4Card3
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 30px 50px 20px 50px;
}
#article4Card3-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #CBCBCB;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#article4Card3-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_article4Card3
{
text-align: center;
}
#wb_LayoutGrid2
{
visibility: visible;
display: table;
}
#wb_LayoutGrid2
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#LayoutGrid2
{
height: auto;
padding: 100px 0 100px 0;
}
#LayoutGrid2 > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#LayoutGrid2 > .col-1
{
display: flex;
flex-basis: 100%;
max-width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
align-content: center;
align-items: center;
justify-content: center;
text-align: center;
}
#wb_Card1
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 0 50px 30px 50px;
}
#Card1-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card1-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Card1
{
text-align: left;
}
#wb_Heading1
{
width: calc(100% - 100px);
visibility: visible;
display: block;
margin: 50px 50px 0 50px;
padding: 0 0 25px 0;
}
#wb_Card2
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 0 50px 30px 50px;
}
#Card2-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card2-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Card2
{
text-align: left;
}
#wb_Card3
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 0 50px 75px 50px;
}
#Card3-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card3-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Card3
{
text-align: left;
}
#wb_Image1
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
padding: 0;
}
#Image1
{
margin-left: auto;
margin-right: auto;
}
#wb_LayoutGrid3
{
visibility: visible;
display: table;
}
#wb_LayoutGrid3
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#LayoutGrid3
{
height: auto;
padding: 100px 0 100px 0;
}
#LayoutGrid3 > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#LayoutGrid3 > .col-1
{
display: flex;
flex-basis: 100%;
max-width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
align-content: center;
align-items: center;
justify-content: center;
text-align: center;
}
#wb_Card4
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 0 50px 30px 50px;
}
#Card4-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card4-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Card4
{
text-align: left;
}
#wb_Heading2
{
width: calc(100% - 100px);
visibility: visible;
display: block;
margin: 50px 50px 0 50px;
padding: 0 0 25px 0;
}
#wb_Card5
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 0 50px 30px 50px;
}
#Card5-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card5-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Card5
{
text-align: left;
}
#wb_Image2
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
padding: 0;
}
#Image2
{
margin-left: auto;
margin-right: auto;
}
#wb_MediaPlayer2
{
left: 260px;
top: -741px;
width: 0px;
height: 0px;
visibility: visible;
display: inline;
margin: 0;
}
#wb_MediaPlayer3
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
}
#wb_Picture1
{
width: calc(100% - 20px);
visibility: visible;
display: block;
margin: 0 10px 0 10px;
padding: 0;
}
#Picture1
{
width: 97.33%;
margin-left: auto;
margin-right: auto;
}
#wb_Icon5
{
width: 28px;
height: 28px;
visibility: visible;
display: inline-block;
margin: 0 0 0 6px;
padding: 6px 6px 6px 6px;
background-color: transparent;
background-image: none;
}
#Icon5
{
width: 28px;
height: 28px;
}
#Icon5 i
{
line-height: 28px;
font-size: 28px;
width: 27px;
}
#wb_Icon5:hover
{
background-color: transparent;
background-image: none;
border: 1px solid #5B5B5B;
}
#wb_Icon6
{
width: 28px;
height: 28px;
visibility: visible;
display: inline-block;
margin: 0 0 0 6px;
padding: 6px 6px 6px 6px;
}
#Icon6
{
width: 28px;
height: 28px;
}
#Icon6 i
{
line-height: 28px;
font-size: 28px;
width: 27px;
}
#wb_Icon7
{
width: 28px;
height: 28px;
visibility: visible;
display: inline-block;
margin: 0 0 0 6px;
padding: 6px 6px 6px 6px;
background-color: transparent;
background-image: none;
}
#Icon7
{
width: 28px;
height: 28px;
}
#Icon7 i
{
line-height: 28px;
font-size: 28px;
width: 27px;
}
#wb_Icon7:hover
{
background-color: transparent;
background-image: none;
border: 1px solid #5B5B5B;
}
#wb_Heading5
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
padding: 0 0 20px 0;
}
#Label3
{
width: 216px;
height: 39px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 0 0 20px 0;
text-align: center;
box-shadow: 0px 0px 0px #303532;
}
#Label3
{
line-height: 19px;
}
#Editbox3
{
width: 100%;
height: 38px;
visibility: visible;
display: block;
margin: 0 0 15px 0 ;
padding: 10px 10px 10px 10px;
text-align: left;
box-shadow: 0px 0px 0px #303532;
}
#Editbox3
{
line-height: 1px;
}
#Table2
{
visibility: visible;
display: table;
background-color: transparent;
background-image: url('../images/index_-old_Table2_bkgrnd768.png');
background-repeat: repeat;
background-position: left top;
}
#Editbox4
{
width: 100%;
height: 38px;
visibility: visible;
display: block;
margin: 0 0 15px 0 ;
padding: 10px 10px 10px 10px;
text-align: left;
}
#Editbox4
{
line-height: 1px;
}
#TextArea2
{
width: 100%;
height: 85px;
visibility: visible;
display: block;
margin: 0 0 15px 0 ;
padding: 10px 10px 10px 10px;
text-align: left;
box-shadow: 0px 0px 0px #303532;
}
#Label4
{
width: 216px;
height: 29px;
visibility: visible;
display: inline-block;
margin: 30px 0 0 0 ;
padding: 0 0 10px 0;
text-align: center;
}
#Label4
{
line-height: -11px;
}
#wb_Text2
{
visibility: visible;
display: block;
}
#wb_Text2
{
margin: 0;
padding: 0 0 20px 0;
}
#wb_Icon8
{
width: 28px;
height: 28px;
visibility: visible;
display: inline-block;
margin: 0 0 0 6px;
padding: 6px 6px 6px 6px;
background-color: transparent;
background-image: none;
}
#Icon8
{
width: 28px;
height: 28px;
}
#Icon8 i
{
line-height: 28px;
font-size: 28px;
width: 27px;
}
#wb_Icon8:hover
{
background-color: transparent;
background-image: none;
border: 1px solid #5B5B5B;
}
#wb_LayoutGrid7
{
visibility: visible;
display: table;
box-shadow: 0px 0px 0px #303532;
}
#wb_LayoutGrid7
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#LayoutGrid7
{
height: auto;
padding: 30px 15px 30px 15px;
}
#LayoutGrid7 .row
{
margin-right: -15px;
margin-left: -15px;
}
#Button1
{
width: 117px;
height: 29px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 1px 6px 1px 6px;
}
}
@media only screen and (max-width: 767px)
{
body
{
background-color: #ADD8E6;
background-image: url('../images/index_-old_bkgrnd480.png');
}
#wb_Picture2
{
width: calc(100% - 20px);
visibility: visible;
display: block;
margin: 0 10px 0 10px;
padding: 0;
}
#Picture2
{
width: 95.65%;
margin-left: auto;
margin-right: auto;
}
#wb_LayoutGrid1
{
visibility: visible;
display: table;
}
#wb_LayoutGrid1
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#LayoutGrid1
{
height: auto;
padding: 20px 15px 20px 15px;
}
#LayoutGrid1 .row
{
margin-right: -15px;
margin-left: -15px;
}
#wb_header
{
visibility: visible;
display: table;
}
#wb_header
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#header
{
height: auto;
padding: 15px 15px 15px 15px;
}
#header .row
{
margin-right: -15px;
margin-left: -15px;
}
#wb_introLayoutGrid
{
visibility: visible;
display: table;
}
#wb_introLayoutGrid
{
height: 50vh;
margin-top: 0px;
margin-bottom: 0px;
}
#introLayoutGrid
{
height: 50vh;
padding: 100px 0 100px 0;
}
#wb_coffee
{
visibility: visible;
display: block;
}
#coffee
{
padding: 10px 10px 10px 10px;
}
#wb_about
{
visibility: visible;
display: table;
}
#wb_about
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#about
{
height: auto;
padding: 0 15px 0 15px;
}
#about .row
{
margin-right: -15px;
margin-left: -15px;
}
#wb_facts
{
visibility: visible;
display: table;
}
#wb_facts
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#facts
{
height: auto;
padding: 40px 15px 40px 15px;
}
#facts .row
{
margin-right: -15px;
margin-left: -15px;
}
#upStickyLayer
{
width: 50px;
height: 50px;
visibility: visible;
display: block;
}
#wb_upIcon
{
left: 9px;
top: 9px;
width: 24px;
height: 24px;
visibility: visible;
display: inline;
margin: 0;
padding: 4px 4px 4px 4px;
}
#upIcon
{
width: 24px;
height: 24px;
}
#upIcon i
{
line-height: 24px;
font-size: 24px;
width: 23px;
}
#wb_coffeeCard1
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 15px 15px 15px 15px;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
}
#coffeeCard1-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #262626;
border-radius: 0px;
width: 100%;
height: auto;
}
#coffeeCard1-card-item1
{
box-sizing: border-box;
margin: 20px 20px -25px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: left;
}
#coffeeCard1-card-item2
{
display: inline-block;
line-height: 1.0;
height: 16px;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #262626;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #262626;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#coffeeCard1-card-item2 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 16px;
width: 16px;
}
#coffeeCard1-card-item3
{
box-sizing: border-box;
margin: 20px 20px 0 20px;
border-top: 1px #D9D9D9 solid;
border-width: 1px 0 0 0;
height: 0;
line-height: 0;
}
#coffeeCard1-card-item4
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 18.2px;
text-align: left;
}
#coffeeCard1-card-item5
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-align: right;
animation: clip-path-chevron-enter 1000ms linear 0ms infinite normal both;
}
#coffeeCard1-card-item5 a
{
color: inherit;
text-decoration: none;
}
#wb_coffeeCard1
{
text-align: right;
}
#wb_coffeeCard2
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 15px 15px 15px 15px;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
background-color: #2E3439;
background-image: none;
}
#coffeeCard2-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #262626;
border-radius: 0px;
width: 100%;
height: auto;
}
#coffeeCard2-card-item1
{
box-sizing: border-box;
margin: 20px 20px -25px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: left;
}
#coffeeCard2-card-item2
{
display: inline-block;
line-height: 1.0;
height: 32px;
box-sizing: border-box;
margin: 0 20px 0 0 ;
border: 0px solid #262626;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 32px;
}
#coffeeCard2-card-item2 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#coffeeCard2-card-item2 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 32px;
width: 32px;
}
#coffeeCard2-card-item3
{
box-sizing: border-box;
margin: 20px 20px 0 20px;
border-top: 1px #D9D9D9 solid;
border-width: 1px 0 0 0;
height: 0;
line-height: 0;
}
#coffeeCard2-card-item4
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 18.2px;
text-align: left;
}
#coffeeCard2-card-item5
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-align: right;
}
#coffeeCard2-card-item5 a
{
color: inherit;
text-decoration: none;
}
#wb_coffeeCard2
{
text-align: right;
}
#wb_coffeeCard3
{
width: auto;
height: auto;
visibility: visible;
display: flex;
margin: 15px 15px 15px 15px;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
}
#coffeeCard3-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0px solid #262626;
border-radius: 0px;
width: 100%;
height: auto;
}
#coffeeCard3-card-item1
{
box-sizing: border-box;
margin: 20px 20px -25px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
text-align: left;
}
#coffeeCard3-card-item2
{
display: inline-block;
line-height: 1.0;
height: 32px;
box-sizing: border-box;
margin: 0 20px 0 0 ;
border: 0px solid #262626;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 32px;
}
#coffeeCard3-card-item2 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#coffeeCard3-card-item2 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 32px;
width: 32px;
}
#coffeeCard3-card-item3
{
box-sizing: border-box;
margin: 20px 20px 0 20px;
border-top: 1px #D9D9D9 solid;
border-width: 1px 0 0 0;
height: 0;
line-height: 0;
}
#coffeeCard3-card-item4
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 18.2px;
text-align: left;
}
#coffeeCard3-card-item5
{
box-sizing: border-box;
margin: 20px 20px 20px 20px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-align: right;
}
#wb_coffeeCard3
{
text-align: right;
}
#wb_factsCard1
{
width: calc(100% - 20px);
visibility: visible;
display: flex;
margin: 30px 10px 30px 10px;
}
#factsCard1-card-item0
{
display: inline-block;
line-height: 1.0;
height: 37px;
box-sizing: border-box;
margin: 0;
border: 0px solid #BFBFBF;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 37px;
}
#wb_factsCard1:hover #factsCard1-card-item0
{
transform: rotate(0deg) scale(0.8,0.8) ;
transition: transform 300ms linear 0ms;
}
#factsCard1-card-item0
{
transform: rotate(0deg) ;
transition: transform 300ms linear 0ms;
}
#factsCard1-card-item0 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#factsCard1-card-item0 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 37px;
width: 37px;
}
#factsCard1-card-item1
{
box-sizing: border-box;
margin: -40px 30px 10px 50px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 24px;
}
#factsCard1-card-item2
{
box-sizing: border-box;
margin: 0 30px 0 50px;
padding: 20px 0 0 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 15px;
}
#wb_factsCard1
{
text-align: left;
}
#wb_factsCard2
{
width: calc(100% - 20px);
visibility: visible;
display: flex;
margin: 30px 10px 50px 10px;
}
#factsCard2-card-item0
{
display: inline-block;
line-height: 1.0;
height: 37px;
box-sizing: border-box;
margin: 0;
border: 0px solid #BFBFBF;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 37px;
}
#wb_factsCard2:hover #factsCard2-card-item0
{
transform: rotate(0deg) scale(0.8,0.8) ;
transition: transform 300ms linear 0ms;
}
#factsCard2-card-item0
{
transform: rotate(0deg) ;
transition: transform 300ms linear 0ms;
}
#factsCard2-card-item0 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#factsCard2-card-item0 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 37px;
width: 37px;
}
#factsCard2-card-item1
{
box-sizing: border-box;
margin: -40px 30px 10px 50px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 24px;
}
#factsCard2-card-item2
{
box-sizing: border-box;
margin: 0 30px 0 50px;
padding: 50px 0 0 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 15px;
text-align: center;
}
#wb_factsCard2
{
text-align: left;
}
#wb_factsCard3
{
width: calc(100% - 20px);
visibility: visible;
display: flex;
margin: 50px 10px 30px 10px;
}
#factsCard3-card-item0
{
display: inline-block;
line-height: 1.0;
height: 37px;
box-sizing: border-box;
margin: 0;
border: 0px solid #BFBFBF;
border-radius: 0px;
background-color: transparent;
background-image: none;
color: #D9D9D9;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 37px;
}
#wb_factsCard3:hover #factsCard3-card-item0
{
transform: rotate(0deg) scale(0.8,0.8) ;
transition: transform 300ms linear 0ms;
}
#factsCard3-card-item0
{
transform: rotate(0deg) ;
transition: transform 300ms linear 0ms;
}
#factsCard3-card-item0 a
{
color: inherit;
display: block;
padding: 0;
text-decoration: none;
}
#factsCard3-card-item0 i
{
margin-right: 0px;
text-align: center;
vertical-align: top;
font-size: 37px;
width: 37px;
}
#factsCard3-card-item1
{
box-sizing: border-box;
margin: -40px 30px 10px 50px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 11px;
text-align: center;
}
#factsCard3-card-item2
{
box-sizing: border-box;
margin: 0 30px 0 50px;
padding: 0;
color: #D9D9D9;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 15px;
}
#wb_factsCard3
{
text-align: left;
}
#wb_headerMenu
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
}
#headerMenu, .headerMenu .nav, .headerMenu .dropdown-menu
{
font-weight: bold;
font-size: 16px;
}
#wb_Breadcrumb1
{
width: 130px;
height: 53px;
visibility: visible;
display: inline-block;
margin: 0;
}
#Breadcrumb1
{
padding: 12px 15px 12px 0;
text-align: left;
}
#Breadcrumb1 > li + li:before
{
padding: 0 5px;
}
#wb_FontAwesomeIcon2
{
width: 23px;
height: 23px;
visibility: visible;
display: inline-block;
margin: 10px 5px 0 0 ;
padding: 2px 2px 2px 2px;
}
#FontAwesomeIcon2
{
width: 23px;
height: 23px;
}
#FontAwesomeIcon2 i
{
line-height: 23px;
font-size: 23px;
width: 22px;
}
#wb_FontAwesomeIcon3
{
width: 23px;
height: 23px;
visibility: visible;
display: inline-block;
margin: 10px 5px 0 0 ;
padding: 2px 2px 2px 2px;
background-color: #D9F1EA;
background-image: none;
}
#FontAwesomeIcon3
{
width: 23px;
height: 23px;
}
#FontAwesomeIcon3 i
{
line-height: 23px;
font-size: 23px;
width: 22px;
}
#wb_FontAwesomeIcon3:hover
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #5B5B5B;
}
#wb_FontAwesomeIcon4
{
width: 23px;
height: 23px;
visibility: visible;
display: inline-block;
margin: 10px 5px 0 0 ;
padding: 2px 2px 2px 2px;
background-color: #D9F1EA;
background-image: none;
}
#FontAwesomeIcon4
{
width: 23px;
height: 23px;
}
#FontAwesomeIcon4 i
{
line-height: 23px;
font-size: 23px;
width: 22px;
}
#wb_FontAwesomeIcon4:hover
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #5B5B5B;
}
#wb_FontAwesomeIcon5
{
width: 23px;
height: 23px;
visibility: visible;
display: inline-block;
margin: 10px 5px 0 0 ;
padding: 2px 2px 2px 2px;
background-color: #D9F1EA;
background-image: none;
}
#FontAwesomeIcon5
{
width: 23px;
height: 23px;
}
#FontAwesomeIcon5 i
{
line-height: 23px;
font-size: 23px;
width: 22px;
}
#wb_FontAwesomeIcon5:hover
{
background-color: #D9F1EA;
background-image: none;
border: 0px solid #5B5B5B;
}
#wb_headerIcon1
{
width: 43px;
height: 37px;
visibility: visible;
display: inline-block;
margin: 5px 0 0 0 ;
padding: 0;
}
#headerIcon1
{
width: 43px;
height: 37px;
}
#headerIcon1 i
{
line-height: 37px;
font-size: 37px;
width: 36px;
}
#headerButton
{
width: 125px;
height: 37px;
visibility: visible;
display: inline-block;
margin: 10px 0 0 0 ;
padding: 0;
}
#headerButton
{
line-height: 35px;
}
#wb_Heading3
{
width: 119px;
height: 37px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 5px 0 5px 0;
}
#BuildWith1
{
left: 441px;
top: 3263px;
width: 88px;
height: 31px;
visibility: visible;
display: inline;
}
#wb_PhotoCollage1
{
left: 620px;
top: 294px;
width: 2px;
height: 2px;
visibility: visible;
display: inline;
margin: 0;
}
#wb_article4LayoutGrid
{
visibility: visible;
display: table;
border: 0px solid #CBCBCB;
}
#wb_article4LayoutGrid
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#article4LayoutGrid
{
height: auto;
padding: 100px 0 100px 0;
}
#article4LayoutGrid > .col-1, #article4LayoutGrid > .col-2
{
padding-right: 0px;
padding-left: 0px;
}
#article4LayoutGrid > .col-1
{
display: flex;
flex-basis: 100%;
max-width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
align-content: center;
align-items: center;
justify-content: center;
text-align: center;
}
#article4LayoutGrid > .col-2
{
display: flex;
flex-basis: 100%;
max-width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
align-content: flex-start;
align-items: flex-start;
justify-content: flex-start;
text-align: left;
}
#wb_article4Card1
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 30px 50px 30px 50px;
color: #262626;
border: 0px solid #D9D9D9;
}
#article4Card1-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #CBCBCB;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#article4Card1-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_article4Card1
{
text-align: center;
}
#wb_article4Heading
{
width: calc(100% - 100px);
visibility: visible;
display: block;
margin: 50px 50px 36px 50px;
padding: 0 0 25px 0;
}
#wb_article4Card2
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 30px 50px 30px 50px;
}
#article4Card2-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #CBCBCB;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#article4Card2-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_article4Card2
{
text-align: center;
}
#wb_article4Card3
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 30px 50px 20px 50px;
}
#article4Card3-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #CBCBCB;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#article4Card3-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_article4Card3
{
text-align: center;
}
#wb_LayoutGrid2
{
visibility: visible;
display: table;
}
#wb_LayoutGrid2
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#LayoutGrid2
{
height: auto;
padding: 100px 0 100px 0;
}
#LayoutGrid2 > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#LayoutGrid2 > .col-1
{
display: flex;
flex-basis: 100%;
max-width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
align-content: center;
align-items: center;
justify-content: center;
text-align: center;
}
#wb_Card1
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 0 50px 30px 50px;
}
#Card1-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card1-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Card1
{
text-align: left;
}
#wb_Heading1
{
width: calc(100% - 100px);
visibility: visible;
display: block;
margin: 50px 50px 0 50px;
padding: 0 0 25px 0;
}
#wb_Card2
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 0 50px 30px 50px;
}
#Card2-card-item0
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card2-card-item1
{
box-sizing: border-box;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Card2
{
text-align: left;
}
#wb_Card3
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 0 50px 75px 50px;
}
#Card3-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card3-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Card3
{
text-align: left;
}
#wb_Image1
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
padding: 0;
}
#Image1
{
margin-left: auto;
margin-right: auto;
}
#wb_LayoutGrid3
{
visibility: visible;
display: table;
}
#wb_LayoutGrid3
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#LayoutGrid3
{
height: auto;
padding: 100px 0 100px 0;
}
#LayoutGrid3 > .col-1
{
padding-right: 0px;
padding-left: 0px;
}
#LayoutGrid3 > .col-1
{
display: flex;
flex-basis: 100%;
max-width: 100%;
border: 0px solid #FFFFFF;
border-radius: 0px;
align-content: center;
align-items: center;
justify-content: center;
text-align: center;
}
#wb_Card4
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 0 50px 30px 50px;
}
#Card4-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card4-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Card4
{
text-align: left;
}
#wb_Heading2
{
width: calc(100% - 100px);
visibility: visible;
display: block;
margin: 50px 50px 0 50px;
padding: 0 0 25px 0;
}
#wb_Card5
{
width: calc(100% - 100px);
visibility: visible;
display: flex;
margin: 0 50px 30px 50px;
}
#Card5-card-item0
{
box-sizing: border-box;
border-radius: 3px 3px 0 0 !important;
margin: 0;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 20px;
}
#Card5-card-item1
{
box-sizing: border-box;
border-radius: 0 0 3px 3px !important;
margin: 20px 0 0 0 ;
padding: 0;
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#wb_Card5
{
text-align: left;
}
#wb_Image2
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
padding: 0;
}
#Image2
{
margin-left: auto;
margin-right: auto;
}
#wb_MediaPlayer2
{
left: 260px;
top: -1167px;
width: 0px;
height: 0px;
visibility: visible;
display: inline;
margin: 0;
}
#wb_MediaPlayer3
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
}
#wb_Picture1
{
width: calc(100% - 20px);
visibility: visible;
display: block;
margin: 0 10px 0 10px;
padding: 0;
}
#Picture1
{
width: 95.65%;
margin-left: auto;
margin-right: auto;
}
#wb_Icon5
{
width: 28px;
height: 28px;
visibility: visible;
display: inline-block;
margin: 0 0 0 6px;
padding: 6px 6px 6px 6px;
background-color: transparent;
background-image: none;
}
#Icon5
{
width: 28px;
height: 28px;
}
#Icon5 i
{
line-height: 28px;
font-size: 28px;
width: 27px;
}
#wb_Icon5:hover
{
background-color: transparent;
background-image: none;
border: 1px solid #5B5B5B;
}
#wb_Icon6
{
width: 28px;
height: 28px;
visibility: visible;
display: inline-block;
margin: 0 0 0 6px;
padding: 6px 6px 6px 6px;
}
#Icon6
{
width: 28px;
height: 28px;
}
#Icon6 i
{
line-height: 28px;
font-size: 28px;
width: 27px;
}
#wb_Icon7
{
width: 28px;
height: 28px;
visibility: visible;
display: inline-block;
margin: 0 0 0 6px;
padding: 6px 6px 6px 6px;
background-color: transparent;
background-image: none;
}
#Icon7
{
width: 28px;
height: 28px;
}
#Icon7 i
{
line-height: 28px;
font-size: 28px;
width: 27px;
}
#wb_Icon7:hover
{
background-color: transparent;
background-image: none;
border: 1px solid #5B5B5B;
}
#wb_Heading5
{
width: 100%;
visibility: visible;
display: block;
margin: 0;
padding: 0 0 20px 0;
}
#Label3
{
width: 275px;
height: 39px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 0 0 20px 0;
text-align: center;
box-shadow: 0px 0px 0px #303532;
}
#Label3
{
line-height: 19px;
}
#Editbox3
{
width: 100%;
height: 38px;
visibility: visible;
display: block;
margin: 0 0 15px 0 ;
padding: 10px 10px 10px 10px;
text-align: left;
box-shadow: 0px 0px 0px #303532;
}
#Editbox3
{
line-height: 1px;
}
#Table2
{
visibility: visible;
display: table;
background-color: transparent;
background-image: url('../images/index_-old_Table2_bkgrnd480.png');
background-repeat: repeat;
background-position: left top;
}
#Editbox4
{
width: 100%;
height: 38px;
visibility: visible;
display: block;
margin: 0 0 15px 0 ;
padding: 10px 10px 10px 10px;
text-align: left;
}
#Editbox4
{
line-height: 1px;
}
#TextArea2
{
width: 100%;
height: 85px;
visibility: visible;
display: block;
margin: 0 0 15px 0 ;
padding: 10px 10px 10px 10px;
text-align: left;
box-shadow: 0px 0px 0px #303532;
}
#Label4
{
width: 275px;
height: 29px;
visibility: visible;
display: inline-block;
margin: 30px 0 0 0 ;
padding: 0 0 10px 0;
text-align: center;
}
#Label4
{
line-height: -11px;
}
#wb_Text2
{
visibility: visible;
display: block;
}
#wb_Text2
{
margin: 0;
padding: 0 0 20px 0;
}
#wb_Icon8
{
width: 28px;
height: 28px;
visibility: visible;
display: inline-block;
margin: 0 0 0 6px;
padding: 6px 6px 6px 6px;
background-color: transparent;
background-image: none;
}
#Icon8
{
width: 28px;
height: 28px;
}
#Icon8 i
{
line-height: 28px;
font-size: 28px;
width: 27px;
}
#wb_Icon8:hover
{
background-color: transparent;
background-image: none;
border: 1px solid #5B5B5B;
}
#wb_LayoutGrid7
{
visibility: visible;
display: table;
box-shadow: 0px 0px 0px #303532;
}
#wb_LayoutGrid7
{
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#LayoutGrid7
{
height: auto;
padding: 30px 15px 30px 15px;
}
#LayoutGrid7 .row
{
margin-right: -15px;
margin-left: -15px;
}
#Button1
{
width: 117px;
height: 29px;
visibility: visible;
display: inline-block;
margin: 0;
padding: 1px 6px 1px 6px;
}
}