7131 lines
136 KiB
CSS
7131 lines
136 KiB
CSS
|
html,
|
||
|
body,
|
||
|
div,
|
||
|
span,
|
||
|
applet,
|
||
|
object,
|
||
|
iframe,
|
||
|
h1,
|
||
|
h2,
|
||
|
h3,
|
||
|
h4,
|
||
|
h5,
|
||
|
h6,
|
||
|
p,
|
||
|
blockquote,
|
||
|
pre,
|
||
|
a,
|
||
|
abbr,
|
||
|
acronym,
|
||
|
address,
|
||
|
big,
|
||
|
cite,
|
||
|
code,
|
||
|
del,
|
||
|
dfn,
|
||
|
em,
|
||
|
img,
|
||
|
ins,
|
||
|
kbd,
|
||
|
q,
|
||
|
s,
|
||
|
samp,
|
||
|
small,
|
||
|
strike,
|
||
|
strong,
|
||
|
sub,
|
||
|
sup,
|
||
|
tt,
|
||
|
var,
|
||
|
b,
|
||
|
u,
|
||
|
i,
|
||
|
center,
|
||
|
dl,
|
||
|
dt,
|
||
|
dd,
|
||
|
ol,
|
||
|
ul,
|
||
|
li,
|
||
|
fieldset,
|
||
|
form,
|
||
|
label,
|
||
|
legend,
|
||
|
table,
|
||
|
caption,
|
||
|
tbody,
|
||
|
tfoot,
|
||
|
thead,
|
||
|
tr,
|
||
|
th,
|
||
|
td,
|
||
|
article,
|
||
|
aside,
|
||
|
canvas,
|
||
|
details,
|
||
|
embed,
|
||
|
figure,
|
||
|
figcaption,
|
||
|
footer,
|
||
|
header,
|
||
|
hgroup,
|
||
|
menu,
|
||
|
nav,
|
||
|
output,
|
||
|
ruby,
|
||
|
section,
|
||
|
summary,
|
||
|
time,
|
||
|
mark,
|
||
|
audio,
|
||
|
video {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
border: 0;
|
||
|
font-size: 100%;
|
||
|
font: inherit;
|
||
|
vertical-align: baseline
|
||
|
}
|
||
|
|
||
|
article,
|
||
|
aside,
|
||
|
details,
|
||
|
figcaption,
|
||
|
figure,
|
||
|
footer,
|
||
|
header,
|
||
|
hgroup,
|
||
|
menu,
|
||
|
nav,
|
||
|
section {
|
||
|
display: block
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
max-width: 1920px;
|
||
|
justify-content: center;
|
||
|
line-height: 1;
|
||
|
overflow-x: hidden
|
||
|
}
|
||
|
|
||
|
ol,
|
||
|
ul {
|
||
|
list-style: disc
|
||
|
}
|
||
|
|
||
|
html {
|
||
|
box-sizing: border-box;
|
||
|
font-size: 16px;
|
||
|
scroll-behavior: smooth;
|
||
|
overflow-x: hidden;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
}
|
||
|
|
||
|
*,
|
||
|
:before,
|
||
|
:after {
|
||
|
box-sizing: inherit
|
||
|
}
|
||
|
|
||
|
a:visited,
|
||
|
a:link {
|
||
|
text-decoration: none
|
||
|
}
|
||
|
|
||
|
body,
|
||
|
input,
|
||
|
select,
|
||
|
textarea {
|
||
|
font-family: 'Lato', sans-serif;
|
||
|
font-size: 1em;
|
||
|
font-weight: 300;
|
||
|
letter-spacing: .025em;
|
||
|
line-height: 1.6em
|
||
|
}
|
||
|
|
||
|
h1,
|
||
|
h2,
|
||
|
h4,
|
||
|
h5 {
|
||
|
display: flex
|
||
|
}
|
||
|
|
||
|
h1 {
|
||
|
position: relative;
|
||
|
font-family: 'PT Sans', sans-serif;
|
||
|
font-size: 71px;
|
||
|
font-weight: 700;
|
||
|
color: #0F3975
|
||
|
}
|
||
|
|
||
|
h2 {
|
||
|
font-family: 'PT Sans', sans-serif;
|
||
|
font-size: 57px;
|
||
|
font-weight: 700;
|
||
|
color: #0F3975
|
||
|
}
|
||
|
|
||
|
h3 {
|
||
|
font-family: 'PT Sans', sans-serif;
|
||
|
font-size: 44px;
|
||
|
font-weight: 700;
|
||
|
color: #0F3975
|
||
|
}
|
||
|
|
||
|
h4 {
|
||
|
font-family: 'PT Sans', sans-serif;
|
||
|
font-size: 44px;
|
||
|
font-weight: 500;
|
||
|
color: #0F3975
|
||
|
}
|
||
|
|
||
|
h5 {
|
||
|
font-family: 'PT Sans', sans-serif;
|
||
|
font-size: 32px;
|
||
|
font-weight: 700;
|
||
|
color: #0F3975
|
||
|
}
|
||
|
|
||
|
h6 {
|
||
|
font-family: 'PT Sans', sans-serif;
|
||
|
font-size: 31px;
|
||
|
font-weight: 700;
|
||
|
color: #00123f
|
||
|
}
|
||
|
|
||
|
p {
|
||
|
font-family: 'PT Sans', sans-serif;
|
||
|
font-size: 32px;
|
||
|
color: #00123f
|
||
|
}
|
||
|
|
||
|
.MT_20 {
|
||
|
margin-top: 20px
|
||
|
}
|
||
|
|
||
|
.MT_40 {
|
||
|
margin-top: 40px
|
||
|
}
|
||
|
|
||
|
.MT_60 {
|
||
|
margin-top: 60px
|
||
|
}
|
||
|
|
||
|
.MT_80 {
|
||
|
margin-top: 80px
|
||
|
}
|
||
|
|
||
|
.MB_40 {
|
||
|
margin-bottom: 40px
|
||
|
}
|
||
|
|
||
|
.MB_60 {
|
||
|
margin-bottom: 60px
|
||
|
}
|
||
|
|
||
|
.PL_20 {
|
||
|
padding-left: 20px;
|
||
|
}
|
||
|
|
||
|
strong {
|
||
|
font-weight: 700
|
||
|
}
|
||
|
|
||
|
.button_01 {
|
||
|
display: inline-flex;
|
||
|
width: auto;
|
||
|
height: 70px;
|
||
|
padding: 20px;
|
||
|
background-color: #3cc;
|
||
|
border: none;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
border-radius: 5px;
|
||
|
box-shadow: 0 3px 6px 0 rgba(0, 0, 41, 0.35);
|
||
|
cursor: pointer
|
||
|
}
|
||
|
|
||
|
.button_01:hover {
|
||
|
background-color: #66D6D9
|
||
|
}
|
||
|
|
||
|
.button_02 {
|
||
|
display: inline-flex;
|
||
|
width: 311px;
|
||
|
height: 70px;
|
||
|
padding: 2px 5px;
|
||
|
background-color: #fff;
|
||
|
border-radius: 5px;
|
||
|
border: 2px solid #0f3975;
|
||
|
color: #0f3975;
|
||
|
font-family: 'PT Sans', sans-serif;
|
||
|
font-weight: 700;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
text-decoration: none;
|
||
|
border-radius: 5px;
|
||
|
box-shadow: 0 3px 6px 0 rgba(0, 0, 41, 0.35);
|
||
|
cursor: pointer
|
||
|
}
|
||
|
|
||
|
.button_02:hover {
|
||
|
background-color: #66D6D9
|
||
|
}
|
||
|
|
||
|
h5.button_03 {
|
||
|
display: inline-flex;
|
||
|
width: auto;
|
||
|
height: 60px;
|
||
|
padding: 20px;
|
||
|
background-color: #3cc;
|
||
|
border: none;
|
||
|
text-align: center;
|
||
|
align-items: center;
|
||
|
border-radius: 5px;
|
||
|
box-shadow: 0 3px 6px 0 rgba(0, 0, 41, 0.35);
|
||
|
cursor: pointer
|
||
|
}
|
||
|
|
||
|
header#top-section.Flex-Container_01 {
|
||
|
display: block
|
||
|
}
|
||
|
|
||
|
nav.Flex-Container_02 {
|
||
|
display: block;
|
||
|
align-items: flex-start;
|
||
|
max-width: 1920px;
|
||
|
height: 190px;
|
||
|
padding: 50px 0 85px 62px;
|
||
|
background-color: #fff;
|
||
|
box-sizing: border-box;
|
||
|
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
|
||
|
}
|
||
|
|
||
|
img#logo_01 {
|
||
|
display: inline-flex;
|
||
|
float: left;
|
||
|
margin-left: 8%;
|
||
|
width: 348px;
|
||
|
height: 120px;
|
||
|
box-sizing: border-box
|
||
|
}
|
||
|
|
||
|
ul.topnav-links {
|
||
|
display: inline-flex;
|
||
|
float: right;
|
||
|
font-family: "PT Sans Regular", "PT Sans", sans-serif;
|
||
|
margin-top: 15px;
|
||
|
padding: 0;
|
||
|
margin-right: 8.5%;
|
||
|
list-style: none
|
||
|
}
|
||
|
|
||
|
ul#language_bar {
|
||
|
display: inline-flex;
|
||
|
flex-direction: row;
|
||
|
list-style: none;
|
||
|
}
|
||
|
|
||
|
.checkbtn {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
#nav-toggle {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
#language {
|
||
|
display: inline-flex;
|
||
|
}
|
||
|
|
||
|
#language_Res {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
li.nav-item a {
|
||
|
padding: 0 20px;
|
||
|
text-decoration: none;
|
||
|
color: #707070;
|
||
|
list-style: none;
|
||
|
font-size: 28px;
|
||
|
}
|
||
|
|
||
|
ul#language_bar li.nav-item a {
|
||
|
padding-right: 0px;
|
||
|
padding-left: 10px;
|
||
|
}
|
||
|
|
||
|
li#language_Res.nav-item a {
|
||
|
border: none;
|
||
|
list-style: none;
|
||
|
}
|
||
|
|
||
|
li.nav-item a.active span {
|
||
|
border-bottom: 2px solid #707070;
|
||
|
padding-bottom: 30px;
|
||
|
}
|
||
|
|
||
|
li.nav-item a.active_2 span {
|
||
|
border-bottom: 2px solid #043975;
|
||
|
padding-bottom: 30px;
|
||
|
}
|
||
|
|
||
|
li.nav-item a:hover {
|
||
|
font-weight: 700;
|
||
|
}
|
||
|
|
||
|
ul#language_bar li.nav-item a:hover {
|
||
|
font-weight: 700;
|
||
|
color: #043975;
|
||
|
}
|
||
|
|
||
|
ul#language_bar li.nav-item a.active-1 {
|
||
|
font-weight: 700;
|
||
|
color: #043975;
|
||
|
}
|
||
|
|
||
|
#nav-arrow_01 {
|
||
|
height: 18px;
|
||
|
}
|
||
|
|
||
|
nav ul div#language_bar label {
|
||
|
transition: all .5s all;
|
||
|
}
|
||
|
|
||
|
#nav-toggle_1 {
|
||
|
position: absolute;
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
label#nav-toggle_1 {
|
||
|
position: absolute;
|
||
|
-webkit-transform: translateY(-50%, -50);
|
||
|
}
|
||
|
|
||
|
#languages-menu {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
position: absolute;
|
||
|
z-index: 999;
|
||
|
width: 120px;
|
||
|
height: 135px;
|
||
|
padding: 2px 2px 12px 3px;
|
||
|
background-color: #fff;
|
||
|
box-sizing: border-box;
|
||
|
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35);
|
||
|
margin-top: 40px;
|
||
|
display: none
|
||
|
}
|
||
|
|
||
|
#languages-menu:hover {
|
||
|
display: block
|
||
|
}
|
||
|
|
||
|
[id^=nav-toggle_1]:checked+#languages-menu {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
position: absolute;
|
||
|
z-index: 999
|
||
|
}
|
||
|
|
||
|
#languages-menu a {
|
||
|
padding: 20px
|
||
|
}
|
||
|
|
||
|
section.Flex-Container_03 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
padding-top: 4%;
|
||
|
padding-bottom: 4%;
|
||
|
margin-right: 9%
|
||
|
}
|
||
|
|
||
|
section.Flex-Container_03>* {
|
||
|
flex-basis: 100%
|
||
|
}
|
||
|
|
||
|
img#logo_02 {
|
||
|
width: 500px;
|
||
|
height: 400px;
|
||
|
box-sizing: border-box;
|
||
|
margin-left: 22%
|
||
|
}
|
||
|
|
||
|
div.Flex-item_01 {
|
||
|
display: flex;
|
||
|
line-height: normal
|
||
|
}
|
||
|
|
||
|
div.Flex-item_02 {
|
||
|
margin-right: 2.5%
|
||
|
}
|
||
|
|
||
|
h1.Flex-item_02 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
margin-right: 33%
|
||
|
}
|
||
|
|
||
|
.Flex-item_02 h1 {
|
||
|
margin-top: 5%
|
||
|
}
|
||
|
|
||
|
h2#local_recycled {
|
||
|
margin-top: 40px;
|
||
|
line-height: normal
|
||
|
}
|
||
|
|
||
|
#local_recycled_2 {
|
||
|
margin-top: 40px;
|
||
|
line-height: normal
|
||
|
}
|
||
|
|
||
|
#btn_RM {
|
||
|
margin-bottom: 60px;
|
||
|
margin-top: 60px
|
||
|
}
|
||
|
|
||
|
.Flex-Container_04 {
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
align-content: center;
|
||
|
width: 100%;
|
||
|
padding: 2px;
|
||
|
background-color: #f7f7f7;
|
||
|
box-sizing: border-box
|
||
|
}
|
||
|
|
||
|
h2.Flex-item_02_2 {
|
||
|
margin-top: 5%;
|
||
|
margin-left: 11%;
|
||
|
margin-bottom: 3%
|
||
|
}
|
||
|
|
||
|
#BP_01 {
|
||
|
font-size: 44px;
|
||
|
font-weight: 500;
|
||
|
margin-left: 7%;
|
||
|
padding-bottom: 10%
|
||
|
}
|
||
|
|
||
|
#BP_02 {
|
||
|
margin-bottom: 26%
|
||
|
}
|
||
|
|
||
|
#BP_06 {
|
||
|
padding-bottom: 40px
|
||
|
}
|
||
|
|
||
|
#BP_07 {
|
||
|
padding-bottom: 40px
|
||
|
}
|
||
|
|
||
|
#VM_01 {
|
||
|
font-size: 44px;
|
||
|
font-weight: 500;
|
||
|
padding-left: 10%;
|
||
|
padding-bottom: 10%
|
||
|
}
|
||
|
|
||
|
#VM_02 {
|
||
|
margin-bottom: 70px;
|
||
|
}
|
||
|
|
||
|
#VM_03 {
|
||
|
margin-bottom: 75px;
|
||
|
}
|
||
|
|
||
|
#VM_05 {
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
margin-left: 12%
|
||
|
}
|
||
|
|
||
|
#VM_06 {
|
||
|
padding-bottom: 40px
|
||
|
}
|
||
|
|
||
|
#VM_07 {
|
||
|
padding-bottom: 40px
|
||
|
}
|
||
|
|
||
|
.Flex-item_03_1 {
|
||
|
color: #0f3975!important;
|
||
|
}
|
||
|
|
||
|
.Flex-Container_05 {
|
||
|
display: flex;
|
||
|
align-items: flex-start;
|
||
|
flex-direction: row;
|
||
|
justify-content: center;
|
||
|
text-align: center;
|
||
|
width: 100%;
|
||
|
padding: 2px 6% 3%;
|
||
|
background-color: #f7f7f7;
|
||
|
box-sizing: border-box
|
||
|
}
|
||
|
|
||
|
#Manifesto {
|
||
|
margin-left: 11%;
|
||
|
padding-top: 3%;
|
||
|
margin-bottom: 3%
|
||
|
}
|
||
|
|
||
|
#Manifesto_p_01 {
|
||
|
margin-left: 11%;
|
||
|
margin-right: 8.5%;
|
||
|
margin-bottom: 2%
|
||
|
}
|
||
|
|
||
|
#Manifesto_p_02 {
|
||
|
margin-left: 11%;
|
||
|
margin-right: 8.5%
|
||
|
}
|
||
|
|
||
|
.Flex-item_03 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin-left: 5%;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
justify-content: center!;
|
||
|
text-align: center;
|
||
|
line-height: normal;
|
||
|
flex: 40%
|
||
|
}
|
||
|
|
||
|
img#logo_03 {
|
||
|
width: 250px;
|
||
|
height: 250px;
|
||
|
box-sizing: border-box;
|
||
|
margin-bottom: 10%;
|
||
|
margin-top: 5%
|
||
|
}
|
||
|
|
||
|
.Flex-item_03 h3 {
|
||
|
margin-bottom: 40px
|
||
|
}
|
||
|
|
||
|
.Flex-item_03 p {
|
||
|
margin-bottom: 113px
|
||
|
}
|
||
|
|
||
|
.Flex-item_03 p {
|
||
|
margin-bottom: 113px
|
||
|
}
|
||
|
|
||
|
article.Flex-item_04 {
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
text-align: center;
|
||
|
line-height: normal;
|
||
|
flex: 45%
|
||
|
}
|
||
|
|
||
|
.Flex-item_04 h3 {
|
||
|
margin-bottom: 40px
|
||
|
}
|
||
|
|
||
|
.Flex-item_04 p {
|
||
|
margin-bottom: 100px
|
||
|
}
|
||
|
|
||
|
img#logo_04 {
|
||
|
width: 250px;
|
||
|
height: 250px;
|
||
|
box-sizing: border-box;
|
||
|
margin-bottom: 10%;
|
||
|
margin-top: 5%
|
||
|
}
|
||
|
|
||
|
img#logo_04_02 {
|
||
|
width: 200px;
|
||
|
height: 200px;
|
||
|
box-sizing: border-box;
|
||
|
margin-bottom: 15%;
|
||
|
margin-top: 12%
|
||
|
}
|
||
|
|
||
|
img#logo_04_03 {
|
||
|
width: 200px;
|
||
|
height: 180px;
|
||
|
box-sizing: border-box;
|
||
|
margin-bottom: 17%;
|
||
|
margin-top: 12%
|
||
|
}
|
||
|
|
||
|
.Flex-Container_06 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
width: 100%;
|
||
|
padding: 2px;
|
||
|
box-sizing: border-box
|
||
|
}
|
||
|
|
||
|
article.Flex-item_05 {
|
||
|
display: block;
|
||
|
line-height: normal
|
||
|
}
|
||
|
|
||
|
div.Flex-item_05_1 {
|
||
|
display: flex;
|
||
|
line-height: normal;
|
||
|
}
|
||
|
|
||
|
h6#link_RM {
|
||
|
display: inline-block;
|
||
|
text-decoration: underline;
|
||
|
cursor: pointer;
|
||
|
margin-left: 11%;
|
||
|
margin-right: 28%;
|
||
|
}
|
||
|
|
||
|
h6#link_RM:hover {
|
||
|
background-color: #66D6D9
|
||
|
}
|
||
|
|
||
|
div#wcb_p {
|
||
|
display: block;
|
||
|
padding-bottom: 10px;
|
||
|
}
|
||
|
|
||
|
div#wcb {
|
||
|
padding-bottom: 40px;
|
||
|
margin-bottom: 40px;
|
||
|
}
|
||
|
|
||
|
#wcb {
|
||
|
justify-content: flex-end;
|
||
|
margin-right: 6%;
|
||
|
font-size: 30px !important;
|
||
|
}
|
||
|
|
||
|
article.Flex-Container_07 {
|
||
|
display: block;
|
||
|
flex-direction: row;
|
||
|
width: 100%;
|
||
|
align-items: center;
|
||
|
padding: 2px;
|
||
|
background-color: #3cc;
|
||
|
box-sizing: border-box
|
||
|
}
|
||
|
|
||
|
.Flex-Container_07_1 {
|
||
|
display: block
|
||
|
}
|
||
|
|
||
|
.Flex-Container_07_2 {
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
align-items: flex-start;
|
||
|
margin-right: 9.5%
|
||
|
}
|
||
|
|
||
|
h2.Flex-item_06 {
|
||
|
display: flex;
|
||
|
line-height: normal;
|
||
|
margin-left: 11%;
|
||
|
padding-top: 3%;
|
||
|
margin-bottom: 4%
|
||
|
}
|
||
|
|
||
|
h4.Flex-item_07 {
|
||
|
line-height: normal;
|
||
|
margin-left: 12%;
|
||
|
margin-bottom: 4%
|
||
|
}
|
||
|
|
||
|
.Flex-Container_08 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: center;
|
||
|
width: 100%;
|
||
|
margin-bottom: 48px;
|
||
|
padding: 2px;
|
||
|
background-color: #f7f7f7
|
||
|
}
|
||
|
|
||
|
#title_hcyh {
|
||
|
margin-left: 11%;
|
||
|
margin-top: 5%;
|
||
|
margin-bottom: 7%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
|
||
|
article.Flex-item_09 {
|
||
|
display: flex;
|
||
|
justify-content: space-around;
|
||
|
align-items: flex-start;
|
||
|
flex-wrap: wrap;
|
||
|
justify-items: center;
|
||
|
line-height: normal;
|
||
|
margin-bottom: 5%;
|
||
|
margin-left: 9%;
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
|
||
|
.Flex-item_10 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
text-align: center;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
line-height: normal
|
||
|
}
|
||
|
|
||
|
img#logo_05 {
|
||
|
width: 250px;
|
||
|
height: 250px;
|
||
|
box-sizing: border-box
|
||
|
}
|
||
|
|
||
|
img#logo_06 {
|
||
|
width: 250px;
|
||
|
height: 250px;
|
||
|
box-sizing: border-box;
|
||
|
margin-top: 45pt
|
||
|
}
|
||
|
|
||
|
img#logo_07 {
|
||
|
width: 250px;
|
||
|
height: 250px;
|
||
|
box-sizing: border-box;
|
||
|
margin-top: 45pt
|
||
|
}
|
||
|
|
||
|
.Flex-Container_09 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin-top: 80px;
|
||
|
padding: 2px
|
||
|
}
|
||
|
|
||
|
#BP_04 {
|
||
|
margin-left: 170pt
|
||
|
}
|
||
|
|
||
|
article.Flex-item_11 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
align-self: flex-start;
|
||
|
align-items: flex-start;
|
||
|
align-content: flex-start
|
||
|
}
|
||
|
|
||
|
#BP_04 {
|
||
|
margin-left: 11%;
|
||
|
margin-bottom: 3%
|
||
|
}
|
||
|
|
||
|
.Flex-item_12 img#logo_08_1 {
|
||
|
width: 250px;
|
||
|
height: 250px;
|
||
|
box-sizing: border-box;
|
||
|
margin-left: 150pt;
|
||
|
margin-right: 140pt;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
|
||
|
.Flex-item_12_3 img#logo_08_2 {
|
||
|
width: 250px;
|
||
|
height: 250px;
|
||
|
box-sizing: border-box;
|
||
|
margin-left: 130pt;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
|
||
|
div.Flex-item_12 {
|
||
|
box-sizing: border-box;
|
||
|
width: 600pt
|
||
|
}
|
||
|
|
||
|
#VM_04 {
|
||
|
margin-left: 12%
|
||
|
}
|
||
|
|
||
|
p.Flex-item_12_1 {
|
||
|
display: flex;
|
||
|
margin-left: 160pt;
|
||
|
line-height: normal
|
||
|
}
|
||
|
|
||
|
p.Flex-item_12_2 {
|
||
|
display: flex;
|
||
|
margin-top: 3%;
|
||
|
margin-bottom: 50px;
|
||
|
margin-right: 11%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
|
||
|
div.Flex-item_12_3 {
|
||
|
width: 250px;
|
||
|
height: 250px;
|
||
|
box-sizing: border-box;
|
||
|
width: 500pt
|
||
|
}
|
||
|
|
||
|
ul.Flex-item_13 {
|
||
|
line-height: normal;
|
||
|
list-style-type: disc;
|
||
|
list-style-position: outside;
|
||
|
font-size: 40px;
|
||
|
padding-bottom: 40px;
|
||
|
margin-left: 60pt
|
||
|
}
|
||
|
|
||
|
div.Flex-item_14 {
|
||
|
display: inline-flex;
|
||
|
justify-content: space-between;
|
||
|
align-items: flex-end;
|
||
|
margin-top: 5%;
|
||
|
margin-right: 9.5%;
|
||
|
margin-bottom: 5%;
|
||
|
flex-direction: row
|
||
|
}
|
||
|
|
||
|
h6#link_LMB {
|
||
|
display: inline-flex;
|
||
|
text-decoration: underline;
|
||
|
line-height: normal;
|
||
|
margin-left: 515pt
|
||
|
}
|
||
|
|
||
|
h6#link_LMB:hover {
|
||
|
background-color: #66D6D9
|
||
|
}
|
||
|
|
||
|
h6#link_LMVM {
|
||
|
display: inline-flex;
|
||
|
text-decoration: underline;
|
||
|
line-height: normal;
|
||
|
margin-left: 500pt
|
||
|
}
|
||
|
|
||
|
h6#link_LMVM:hover {
|
||
|
background-color: #66D6D9
|
||
|
}
|
||
|
|
||
|
.Flex-Container_10 {
|
||
|
width: 100%;
|
||
|
padding: 2px;
|
||
|
background-color: #f7f7f7
|
||
|
}
|
||
|
|
||
|
h2#Question {
|
||
|
margin: 5% 0 5% 11%
|
||
|
}
|
||
|
|
||
|
.Flex-item_15 {
|
||
|
color: #00123f;
|
||
|
text-decoration: underline!important
|
||
|
}
|
||
|
|
||
|
.Flex-item_15:hover {
|
||
|
background-color: #66D6D9
|
||
|
}
|
||
|
|
||
|
P#Call_us {
|
||
|
margin-top: 5%;
|
||
|
margin-left: 11%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
|
||
|
.Flex-item_15 {
|
||
|
line-height: normal;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
|
||
|
.Flex-Container_11 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
width: 100%;
|
||
|
margin-bottom: 20PX
|
||
|
}
|
||
|
|
||
|
h2.Flex-item_16 {
|
||
|
line-height: normal;
|
||
|
margin-left: 11%;
|
||
|
margin-top: 40PX
|
||
|
}
|
||
|
|
||
|
div.Flex-item_16_1 {
|
||
|
overflow-x: hidden
|
||
|
}
|
||
|
|
||
|
p.Flex-item_17 {
|
||
|
line-height: normal;
|
||
|
font-size: 18px;
|
||
|
overflow-wrap: anywhere;
|
||
|
margin: 1% 8% 1% 150pt
|
||
|
}
|
||
|
|
||
|
.Flex-Container_12 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
width: 100%;
|
||
|
padding-bottom: 2%;
|
||
|
background-color: #f7f7f7;
|
||
|
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
|
||
|
}
|
||
|
|
||
|
.Flex-Container_12_1 {
|
||
|
display: flex
|
||
|
}
|
||
|
|
||
|
img#Location_Map {
|
||
|
width: 1599px;
|
||
|
height: 673px;
|
||
|
max-width: 100%;
|
||
|
margin-bottom: 5%;
|
||
|
padding: 0 8% 0 15%
|
||
|
}
|
||
|
|
||
|
img#logo_09 {
|
||
|
width: 250px;
|
||
|
height: 90px;
|
||
|
box-sizing: border-box;
|
||
|
margin-top: 35px
|
||
|
}
|
||
|
|
||
|
div.Flex-item_18 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
font-size: 22px;
|
||
|
font-family: "PT Sans", sans-serif;
|
||
|
color: #00123f;
|
||
|
margin-left: 200px
|
||
|
}
|
||
|
|
||
|
.Flex-item_18_01 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
font-size: 22px;
|
||
|
font-family: "PT Sans", sans-serif;
|
||
|
color: #00123f;
|
||
|
margin-left: 10px
|
||
|
}
|
||
|
|
||
|
.Flex-Container_12_1 .Flex-item_19 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
color: #00123f;
|
||
|
margin-left: 200px
|
||
|
}
|
||
|
|
||
|
.Flex-Container_12_1 .Flex-item_19 ul {
|
||
|
list-style: none
|
||
|
}
|
||
|
|
||
|
.Flex-item_20 a {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
font-family: 'PT Sans', sans-serif;
|
||
|
font-weight: 700;
|
||
|
font-size: 18pt;
|
||
|
color: #00123f;
|
||
|
line-height: 3rem
|
||
|
}
|
||
|
|
||
|
div img#logo_10 {
|
||
|
width: 50px;
|
||
|
height: 45px;
|
||
|
box-sizing: border-box;
|
||
|
margin-left: 210pt;
|
||
|
cursor: pointer
|
||
|
}
|
||
|
|
||
|
footer.Flex-Container_13 {
|
||
|
display: flex;
|
||
|
color: #00123f;
|
||
|
width: 100%
|
||
|
}
|
||
|
|
||
|
a p.Flex-item_21 {
|
||
|
font-family: 'PT Sans', sans-serif;
|
||
|
font-size: 18PX;
|
||
|
color: #00123f;
|
||
|
text-decoration: none!important;
|
||
|
margin-bottom: 30px;
|
||
|
margin-left: 200px
|
||
|
}
|
||
|
|
||
|
a p.Flex-item_21:hover {
|
||
|
background-color: #66D6D9
|
||
|
}
|
||
|
|
||
|
p.Flex-item_22.MT_40 {
|
||
|
font-family: 'PT Sans', sans-serif;
|
||
|
font-size: 18PX;
|
||
|
color: #00123f;
|
||
|
margin-bottom: 30px;
|
||
|
margin-inline-start: 30pt;
|
||
|
margin-left: 472pt
|
||
|
}
|
||
|
|
||
|
section.Flex-Container_14 {
|
||
|
display: none
|
||
|
}
|
||
|
|
||
|
img#logo_12 {
|
||
|
display: none
|
||
|
}
|
||
|
|
||
|
h1#BP_06 {
|
||
|
display: none
|
||
|
}
|
||
|
|
||
|
section.Flex-Container_14 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
margin: 0 1% 5% 11%
|
||
|
}
|
||
|
|
||
|
div.Flex-item_23 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
width: 55%
|
||
|
}
|
||
|
|
||
|
div.Flex-item_23_1 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin-top: 40px
|
||
|
}
|
||
|
|
||
|
div.Flex-item_23_2 {
|
||
|
display: flex;
|
||
|
flex-direction: row
|
||
|
}
|
||
|
|
||
|
img#logo_11 {
|
||
|
width: 200px;
|
||
|
height: 200px;
|
||
|
box-sizing: border-box;
|
||
|
margin-left: 0
|
||
|
}
|
||
|
|
||
|
h1#BP_05 {
|
||
|
margin-left: 2%;
|
||
|
margin-top: 130px
|
||
|
}
|
||
|
|
||
|
p.Flex-item_23_3 {
|
||
|
display: flex;
|
||
|
line-height: normal;
|
||
|
margin: 3% 20px 40px 15px
|
||
|
}
|
||
|
|
||
|
p.Flex-item_23_4 {
|
||
|
display: flex;
|
||
|
line-height: normal;
|
||
|
margin: 0 20px 10% 15px
|
||
|
}
|
||
|
|
||
|
p#link_TS_01:hover {
|
||
|
background-color: #66D6D9
|
||
|
}
|
||
|
|
||
|
p#link_PR_1:hover {
|
||
|
background-color: #66D6D9
|
||
|
}
|
||
|
|
||
|
div.Flex-item_23_5 {
|
||
|
display: flex;
|
||
|
font-weight: 700;
|
||
|
color: #0f3975;
|
||
|
flex-direction: row;
|
||
|
justify-content: space-between;
|
||
|
margin: 0 35% 0 15px
|
||
|
}
|
||
|
|
||
|
.Flex-item_23_5 p span {
|
||
|
display: flex;
|
||
|
color: #0f3975;
|
||
|
text-decoration: underline;
|
||
|
text-decoration-color: #0f3975
|
||
|
}
|
||
|
|
||
|
div.Flex-item_24 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: flex-start;
|
||
|
margin: 280px 0 0 5%
|
||
|
}
|
||
|
|
||
|
p.Flex-item_24_1 {
|
||
|
font-weight: 700;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 60px
|
||
|
}
|
||
|
|
||
|
p.Flex-item_24_2 {
|
||
|
font-size: 60px;
|
||
|
font-weight: 300;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 30px
|
||
|
}
|
||
|
|
||
|
.Flex-item_24_2 strong {
|
||
|
font-size: 80px
|
||
|
}
|
||
|
|
||
|
p.Flex-item_24_3 {
|
||
|
color: #00123f;
|
||
|
margin: 0 0 40px;
|
||
|
font-size: 24px
|
||
|
}
|
||
|
|
||
|
article.Flex-item_25 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 0 3% 0 11%
|
||
|
}
|
||
|
|
||
|
#link_TS_02 {
|
||
|
font-size: 57px;
|
||
|
font-weight: 500;
|
||
|
color: #0f3975;
|
||
|
padding-top: 80px
|
||
|
}
|
||
|
|
||
|
p.Flex-item_25_1 {
|
||
|
display: block;
|
||
|
margin: 5% 8% 40px 0;
|
||
|
line-height: normal
|
||
|
}
|
||
|
|
||
|
p.Flex-item_25_1 a {
|
||
|
color: #00123f;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
|
||
|
p.Flex-item_25_2 {
|
||
|
display: flex;
|
||
|
margin: 20px 8% 40px 0;
|
||
|
line-height: normal
|
||
|
}
|
||
|
|
||
|
p.Flex-item_25_3 {
|
||
|
display: flex;
|
||
|
margin: 20px 8% 0 0;
|
||
|
line-height: normal
|
||
|
}
|
||
|
|
||
|
section.Flex-Container_15 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
max-width: 1920px;
|
||
|
background-color: #f7f7f7;
|
||
|
}
|
||
|
|
||
|
div.Flex-Container_15_1 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
background-color: #f7f7f7;
|
||
|
}
|
||
|
|
||
|
#link_PR {
|
||
|
font-size: 57px;
|
||
|
padding-top: 5%
|
||
|
}
|
||
|
|
||
|
div.Flex-item_26 {
|
||
|
display: flex;
|
||
|
margin: 0 0 2% 11%
|
||
|
}
|
||
|
|
||
|
div.Flex-item_26_1 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 60px 8% 60PX 14%;
|
||
|
line-height: normal;
|
||
|
font-size: 35px
|
||
|
}
|
||
|
|
||
|
div.Flex-item_26_2 {
|
||
|
display: flex;
|
||
|
margin: auto;
|
||
|
line-height: normal;
|
||
|
font-size: 50px
|
||
|
}
|
||
|
|
||
|
div.Flex-item_26_3 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: auto auto auto 0;
|
||
|
line-height: normal;
|
||
|
font-size: 45px;
|
||
|
}
|
||
|
|
||
|
div.Flex-item_26_4 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: auto auto auto 11%;
|
||
|
line-height: normal;
|
||
|
font-size: 18px;
|
||
|
overflow-wrap: anywhere;
|
||
|
line-height: normal;
|
||
|
padding-bottom: 20px;
|
||
|
}
|
||
|
|
||
|
p.Flex-item_26_3_1 {
|
||
|
font-size: 45px
|
||
|
}
|
||
|
|
||
|
p.Flex-item_26_3_2 {
|
||
|
font-size: 22px
|
||
|
}
|
||
|
|
||
|
article.Flex-item_27 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 5% 3% 5% 11%
|
||
|
}
|
||
|
|
||
|
p.Flex-item_27_1 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
line-height: normal;
|
||
|
margin: 0 8% 3% 0
|
||
|
}
|
||
|
|
||
|
p.Flex-item_27_2 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
line-height: normal;
|
||
|
margin: 0 8% 3% 0
|
||
|
}
|
||
|
|
||
|
section.Flex-Container_16 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 0px 8% 6% 11.5%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
|
||
|
h1.Flex-item_28 {
|
||
|
margin: 80px 0 40px 0;
|
||
|
}
|
||
|
|
||
|
p.Flex-item_29 {
|
||
|
margin: 20px 0
|
||
|
}
|
||
|
|
||
|
p.Flex-item_29_1 {
|
||
|
margin: 20px 0 40px
|
||
|
}
|
||
|
|
||
|
ul.Flex-item_30 {
|
||
|
margin: 20px 0 20px 60px;
|
||
|
font-size: 30px
|
||
|
}
|
||
|
|
||
|
section.Flex-Container_17 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 5% 8% 5% 11%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
|
||
|
h1.Flex-item_31 {
|
||
|
margin: 20px 0
|
||
|
}
|
||
|
|
||
|
h1.Flex-item_32 {
|
||
|
margin: 20px 0 0;
|
||
|
padding-bottom: 40px
|
||
|
}
|
||
|
|
||
|
ul.Flex-item_33 {
|
||
|
margin: 40px 0 0;
|
||
|
list-style: none
|
||
|
}
|
||
|
|
||
|
section.Flex-Container_18 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 50px 8% 40px 11.5%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width:1875px) {
|
||
|
ul.topnav-links {
|
||
|
margin-right: 6%
|
||
|
}
|
||
|
img#logo_02 {
|
||
|
width: 500px;
|
||
|
height: 400px;
|
||
|
box-sizing: border-box;
|
||
|
margin-left: 23%
|
||
|
}
|
||
|
div.Flex-item_02 {
|
||
|
margin-right: 1%
|
||
|
}
|
||
|
h1.Flex-item_02 {
|
||
|
display: block;
|
||
|
line-height: normal
|
||
|
}
|
||
|
.Flex-item_02 h1 {
|
||
|
margin-top: 5%
|
||
|
}
|
||
|
h2#local_recycled {
|
||
|
margin-top: 40px;
|
||
|
line-height: normal
|
||
|
}
|
||
|
#local_recycled_2 {
|
||
|
margin-top: 40px;
|
||
|
line-height: normal
|
||
|
}
|
||
|
.Flex-item_12 img#logo_08_1 {
|
||
|
margin-right: 160pt
|
||
|
}
|
||
|
div.Flex-item_14 {
|
||
|
margin-right: 9.5%
|
||
|
}
|
||
|
#VM_05 {
|
||
|
margin-left: 160PT
|
||
|
}
|
||
|
h1#BP_05 {
|
||
|
font-size: 65px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 1760px) {
|
||
|
li.nav-item a {
|
||
|
padding: 0 18.5px;
|
||
|
font-size: 26.8px
|
||
|
}
|
||
|
#nav-arrow_01 {
|
||
|
height: 16.6px
|
||
|
}
|
||
|
img#logo_01 {
|
||
|
margin-left: 7.5%
|
||
|
}
|
||
|
img#logo_02 {
|
||
|
margin-left: 21%
|
||
|
}
|
||
|
div.Flex-item_14 {
|
||
|
margin-right: 8%
|
||
|
}
|
||
|
p.Flex-item_17 {
|
||
|
margin-right: 8%
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 1717px) {
|
||
|
.button_01 {
|
||
|
display: inline-flex;
|
||
|
width: auto;
|
||
|
height: 60px;
|
||
|
padding: 20px;
|
||
|
}
|
||
|
.button_02 {
|
||
|
display: inline-flex;
|
||
|
width: 260px;
|
||
|
height: 60px;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
padding: 20px;
|
||
|
}
|
||
|
.button_03 {
|
||
|
width: 260px;
|
||
|
height: 60px;
|
||
|
background-color: #3cc;
|
||
|
padding: 15px 32px;
|
||
|
border: none;
|
||
|
text-align: center;
|
||
|
align-items: center;
|
||
|
border-radius: 5px;
|
||
|
box-shadow: 0 3px 6px 0 rgba(0, 0, 41, 0.35);
|
||
|
cursor: pointer
|
||
|
}
|
||
|
h1 {
|
||
|
font-size: 63.5px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 51px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h3 {
|
||
|
font-size: 39.3px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h4 {
|
||
|
font-size: 39.3px;
|
||
|
font-weight: 500
|
||
|
}
|
||
|
h5 {
|
||
|
font-size: 28px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6 {
|
||
|
font-size: 27.7px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
p {
|
||
|
font-size: 28.6px
|
||
|
}
|
||
|
img#logo_01 {
|
||
|
width: 316px;
|
||
|
height: 110px;
|
||
|
margin-left: 10.5%
|
||
|
}
|
||
|
nav.Flex-Container_02 {
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
height: 187px;
|
||
|
padding: 62px 0 85px;
|
||
|
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
|
||
|
}
|
||
|
ul.topnav-links {
|
||
|
margin-right: 6%
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
padding: 0 18px;
|
||
|
font-size: 26px
|
||
|
}
|
||
|
#nav-arrow_01 {
|
||
|
height: 16.5px
|
||
|
}
|
||
|
section.Flex-Container_03 {
|
||
|
margin-right: 7%
|
||
|
}
|
||
|
img#logo_02 {
|
||
|
width: 455px;
|
||
|
height: 364px;
|
||
|
box-sizing: border-box;
|
||
|
margin-left: 20%
|
||
|
}
|
||
|
div.Flex-item_01 {
|
||
|
display: flex;
|
||
|
line-height: normal
|
||
|
}
|
||
|
div.Flex-item_02 {
|
||
|
margin-right: 0;
|
||
|
margin-left: -50px
|
||
|
}
|
||
|
h1.Flex-item_02 {
|
||
|
display: block;
|
||
|
line-height: normal
|
||
|
}
|
||
|
.Flex-item_02 h1 {
|
||
|
margin-top: 5%
|
||
|
}
|
||
|
h2#local_recycled {
|
||
|
margin-top: 40px;
|
||
|
line-height: normal
|
||
|
}
|
||
|
#local_recycled_2 {
|
||
|
margin-top: 40px;
|
||
|
line-height: normal
|
||
|
}
|
||
|
img#logo_03 {
|
||
|
width: 227px;
|
||
|
height: 227px
|
||
|
}
|
||
|
img#logo_04 {
|
||
|
width: 227px;
|
||
|
height: 227px
|
||
|
}
|
||
|
img#logo_04_02 {
|
||
|
width: 190px;
|
||
|
height: 190px;
|
||
|
margin-bottom: 13%;
|
||
|
margin-top: 12%
|
||
|
}
|
||
|
img#logo_04_03 {
|
||
|
width: 190px;
|
||
|
height: 170px;
|
||
|
margin-bottom: 15%;
|
||
|
margin-top: 12%
|
||
|
}
|
||
|
p#VM_02 {
|
||
|
margin-bottom: 18%
|
||
|
}
|
||
|
h6#link_RM {
|
||
|
text-decoration: underline;
|
||
|
cursor: pointer;
|
||
|
margin-left: 11%
|
||
|
}
|
||
|
img#logo_05 {
|
||
|
width: 227px;
|
||
|
height: 227px
|
||
|
}
|
||
|
img#logo_06 {
|
||
|
width: 227px;
|
||
|
height: 227px
|
||
|
}
|
||
|
img#logo_07 {
|
||
|
width: 227px;
|
||
|
height: 227px
|
||
|
}
|
||
|
div.Flex-item_12 {
|
||
|
box-sizing: border-box;
|
||
|
width: 500pt
|
||
|
}
|
||
|
.Flex-item_12 img#logo_08_1 {
|
||
|
width: 227px;
|
||
|
height: 227px;
|
||
|
margin-right: 120pt;
|
||
|
margin-left: 160pt
|
||
|
}
|
||
|
p.Flex-item_12_1 {
|
||
|
display: flex;
|
||
|
margin-left: 140pt;
|
||
|
line-height: normal
|
||
|
}
|
||
|
.Flex-item_12_3 img#logo_08_2 {
|
||
|
width: 227px;
|
||
|
height: 227px;
|
||
|
margin-right: 120pt;
|
||
|
margin-left: 115pt
|
||
|
}
|
||
|
article.Flex-Container_08 {
|
||
|
height: 100vh
|
||
|
}
|
||
|
#title_hcyh {
|
||
|
padding-top: 0;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
.Flex-item_09 {
|
||
|
margin-top: 0
|
||
|
}
|
||
|
p.Flex-item_12_2 {
|
||
|
margin-bottom: 50px
|
||
|
}
|
||
|
div.Flex-item_12_3 {
|
||
|
width: 250px;
|
||
|
height: 250px;
|
||
|
box-sizing: border-box;
|
||
|
width: 450pt
|
||
|
}
|
||
|
ul.Flex-item_13 {
|
||
|
line-height: normal;
|
||
|
list-style-type: disc;
|
||
|
list-style-position: outside;
|
||
|
font-size: 35px;
|
||
|
padding-bottom: 40px;
|
||
|
margin-left: 60pt
|
||
|
}
|
||
|
div.Flex-item_14 {
|
||
|
margin-top: 4%;
|
||
|
margin-right: 9.5%
|
||
|
}
|
||
|
h6#link_LMB {
|
||
|
display: flex;
|
||
|
margin-left: 460pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
h6#link_LMVM {
|
||
|
display: flex;
|
||
|
margin-left: 460pt;
|
||
|
margin-top: 40px;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
button#btn_BC_02.button_01 {
|
||
|
display: flex;
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
#link_04 {
|
||
|
display: flex
|
||
|
}
|
||
|
p.Flex-item_17 {
|
||
|
margin-top: 1%;
|
||
|
overflow-wrap: anywhere
|
||
|
}
|
||
|
img#logo_11 {
|
||
|
width: 180px;
|
||
|
height: 180px;
|
||
|
box-sizing: border-box;
|
||
|
margin-left: 0
|
||
|
}
|
||
|
div.Flex-item_24 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: flex-start;
|
||
|
margin: 255px 0 0 5%
|
||
|
}
|
||
|
h1#BP_05 {
|
||
|
margin-left: 2%;
|
||
|
margin-top: 115px
|
||
|
}
|
||
|
ul.Flex-item_30 {
|
||
|
margin: 20px 0 20px 60px;
|
||
|
font-size: 28px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 1703px) {
|
||
|
ul.topnav-links {
|
||
|
margin-right: 7%
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
padding: 0 17px;
|
||
|
font-size: 25px
|
||
|
}
|
||
|
#nav-arrow_01 {
|
||
|
height: 16px
|
||
|
}
|
||
|
div.Flex-item_14 {
|
||
|
margin-right: 9.5%
|
||
|
}
|
||
|
h1#BP_05 {
|
||
|
font-size: 65px
|
||
|
}
|
||
|
div.Flex-item_24 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: flex-start;
|
||
|
margin: 255px 0 0 5%
|
||
|
}
|
||
|
p.Flex-item_24_2 {
|
||
|
font-size: 55px;
|
||
|
font-weight: 300;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 30px
|
||
|
}
|
||
|
.Flex-item_24_2 strong {
|
||
|
font-size: 65px
|
||
|
}
|
||
|
#link_TS_02 {
|
||
|
font-size: 50px
|
||
|
}
|
||
|
#link_PR {
|
||
|
font-size: 50px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 1650px) {
|
||
|
img#Location_Map {
|
||
|
width: 1500px;
|
||
|
height: 673px;
|
||
|
max-width: 100%;
|
||
|
margin-bottom: 5%;
|
||
|
padding: 0 8% 0 12%
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 1610px) {
|
||
|
ul.topnav-links {
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
padding: 0 17px;
|
||
|
font-size: 24.5px
|
||
|
}
|
||
|
#nav-arrow_01 {
|
||
|
height: 16px
|
||
|
}
|
||
|
.button_01 {
|
||
|
width: auto;
|
||
|
height: 60px
|
||
|
}
|
||
|
.button_02 {
|
||
|
width: 240px;
|
||
|
height: 60px
|
||
|
}
|
||
|
.button_03 {
|
||
|
width: 240px;
|
||
|
height: 60px
|
||
|
}
|
||
|
h1 {
|
||
|
font-size: 59.5px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 47.8px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h3 {
|
||
|
font-size: 36.9px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h4 {
|
||
|
font-size: 36.9px;
|
||
|
font-weight: 500
|
||
|
}
|
||
|
h5 {
|
||
|
font-size: 25px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6 {
|
||
|
font-size: 26px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
p {
|
||
|
font-size: 26.6px
|
||
|
}
|
||
|
p#VM_02 {
|
||
|
margin-bottom: 20%
|
||
|
}
|
||
|
p.Flex-item_17 {
|
||
|
margin-right: 8%;
|
||
|
margin-left: 170px
|
||
|
}
|
||
|
div.Flex-item_18 {
|
||
|
margin-left: 170px
|
||
|
}
|
||
|
a p.Flex-item_21 {
|
||
|
margin-left: 170px
|
||
|
}
|
||
|
div.Flex-item_14 {
|
||
|
margin-right: 9.5%
|
||
|
}
|
||
|
h1#BP_05 {
|
||
|
font-size: 60px
|
||
|
}
|
||
|
div.Flex-item_24 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: flex-start;
|
||
|
margin: 255px 0 0 5%
|
||
|
}
|
||
|
p.Flex-item_24_2 {
|
||
|
font-size: 55px;
|
||
|
font-weight: 300;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 30px
|
||
|
}
|
||
|
.Flex-item_24_2 strong {
|
||
|
font-size: 65px
|
||
|
}
|
||
|
#link_TS_02 {
|
||
|
font-size: 50px
|
||
|
}
|
||
|
#link_PR {
|
||
|
font-size: 50px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 1575px) {
|
||
|
.button_01 {
|
||
|
width: auto;
|
||
|
height: 60px
|
||
|
}
|
||
|
.button_02 {
|
||
|
width: 260px;
|
||
|
height: 60px
|
||
|
}
|
||
|
.button_03 {
|
||
|
width: 260px;
|
||
|
height: 60px
|
||
|
}
|
||
|
h1 {
|
||
|
font-size: 58.2px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 46.8px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h3 {
|
||
|
font-size: 36.1px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h4 {
|
||
|
font-size: 36.1px;
|
||
|
font-weight: 500
|
||
|
}
|
||
|
h5 {
|
||
|
font-size: 24px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6 {
|
||
|
font-size: 25.5px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
p {
|
||
|
font-size: 26.25px
|
||
|
}
|
||
|
img#logo_01 {
|
||
|
width: 290px;
|
||
|
height: 101px;
|
||
|
margin-left: 10%
|
||
|
}
|
||
|
nav.Flex-Container_02 {
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
height: 172px;
|
||
|
padding: 50px 0 85px;
|
||
|
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
|
||
|
}
|
||
|
ul.topnav-links {
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
padding: 0 17px;
|
||
|
font-size: 23px
|
||
|
}
|
||
|
#nav-arrow_01 {
|
||
|
height: 15px
|
||
|
}
|
||
|
img#logo_02 {
|
||
|
width: 417px;
|
||
|
height: 334px;
|
||
|
margin-top: 20px;
|
||
|
margin-left: 19%
|
||
|
}
|
||
|
h1.Flex-item_02 {
|
||
|
margin-top: 0;
|
||
|
}
|
||
|
img#logo_03 {
|
||
|
width: 210px;
|
||
|
height: 210px;
|
||
|
}
|
||
|
img#logo_04 {
|
||
|
width: 210px;
|
||
|
height: 210px;
|
||
|
}
|
||
|
img#logo_04_02 {
|
||
|
width: 180px;
|
||
|
height: 180px;
|
||
|
margin-bottom: 13%;
|
||
|
margin-top: 12%
|
||
|
}
|
||
|
img#logo_04_03 {
|
||
|
width: 180px;
|
||
|
height: 160px;
|
||
|
margin-bottom: 16%;
|
||
|
margin-top: 12%
|
||
|
}
|
||
|
.Flex-item_03 p {
|
||
|
margin-bottom: 115px
|
||
|
}
|
||
|
p#VM_02 {
|
||
|
margin-bottom: 80px;
|
||
|
}
|
||
|
.Flex-Container_08 {
|
||
|
margin-top: 0
|
||
|
}
|
||
|
#title_hcyh {
|
||
|
margin-left: 12%
|
||
|
}
|
||
|
img#logo_05 {
|
||
|
width: 210px;
|
||
|
height: 210px;
|
||
|
margin-top: 10%
|
||
|
}
|
||
|
img#logo_06 {
|
||
|
width: 210px;
|
||
|
height: 210px;
|
||
|
margin-top: 75px
|
||
|
}
|
||
|
img#logo_07 {
|
||
|
width: 210px;
|
||
|
height: 210px;
|
||
|
margin-top: 75px
|
||
|
}
|
||
|
#BP_04 {
|
||
|
margin-left: 140pt
|
||
|
}
|
||
|
div.Flex-item_12 {
|
||
|
box-sizing: border-box;
|
||
|
width: 400pt
|
||
|
}
|
||
|
.Flex-item_12 img#logo_08_1 {
|
||
|
width: 210px;
|
||
|
height: 210px;
|
||
|
margin-left: 135pt;
|
||
|
margin-right: 110pt
|
||
|
}
|
||
|
p.Flex-item_12_1 {
|
||
|
margin-left: 140pt
|
||
|
}
|
||
|
h6#link_LMB {
|
||
|
display: flex;
|
||
|
margin-left: 300pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
div.Flex-item_12_3 {
|
||
|
width: 250px;
|
||
|
height: 250px;
|
||
|
box-sizing: border-box;
|
||
|
width: 390pt
|
||
|
}
|
||
|
h6#link_LMVM {
|
||
|
display: flex;
|
||
|
margin-left: 300pt;
|
||
|
margin-top: 0;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
ul.Flex-item_13 {
|
||
|
line-height: normal;
|
||
|
list-style-type: disc;
|
||
|
list-style-position: outside;
|
||
|
font-size: 30px;
|
||
|
padding-bottom: 40px;
|
||
|
margin-left: 60pt
|
||
|
}
|
||
|
div.Flex-item_14 {
|
||
|
margin-left: 9%
|
||
|
}
|
||
|
.Flex-item_12_3 img#logo_08_2 {
|
||
|
width: 210px;
|
||
|
height: 210px;
|
||
|
margin-left: 120pt;
|
||
|
margin-right: 120pt
|
||
|
}
|
||
|
#VM_05 {
|
||
|
margin-left: 136pt
|
||
|
}
|
||
|
p.Flex-item_12_2 {
|
||
|
margin-bottom: 50px
|
||
|
}
|
||
|
div.Flex-item_14 {
|
||
|
margin-bottom: 3%
|
||
|
}
|
||
|
h6#link_LMB {
|
||
|
display: flex;
|
||
|
margin-left: 300pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
h6#link_LMVM {
|
||
|
display: flex;
|
||
|
margin-left: 290pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
img#Location_Map {
|
||
|
width: 1500px;
|
||
|
height: 673px;
|
||
|
max-width: 100%;
|
||
|
margin-bottom: 5%;
|
||
|
padding: 0 8% 0 12%
|
||
|
}
|
||
|
p.Flex-item_17 {
|
||
|
margin-top: 1%;
|
||
|
overflow-wrap: anywhere
|
||
|
}
|
||
|
section.Flex-Container_14 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
margin: 0 1% 5% 10%
|
||
|
}
|
||
|
div.Flex-item_23_5 {
|
||
|
margin: 0 35% 0 15px
|
||
|
}
|
||
|
img#logo_11 {
|
||
|
width: 160px;
|
||
|
height: 160px;
|
||
|
margin-left: 1%
|
||
|
}
|
||
|
h1#BP_05 {
|
||
|
font-size: 60px;
|
||
|
margin-top: 100px
|
||
|
}
|
||
|
div.Flex-item_24 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: flex-start;
|
||
|
margin: 230px 0 0 5%
|
||
|
}
|
||
|
.Flex-item_24_2 {
|
||
|
font-size: 50px;
|
||
|
font-weight: 300;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 30px
|
||
|
}
|
||
|
.Flex-item_24_2 strong {
|
||
|
font-size: 60px
|
||
|
}
|
||
|
#link_TS_02 {
|
||
|
font-size: 50px
|
||
|
}
|
||
|
#link_PR {
|
||
|
font-size: 50px
|
||
|
}
|
||
|
ul.Flex-item_30 {
|
||
|
margin: 20px 0 20px 60px;
|
||
|
font-size: 25px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 1450px) {
|
||
|
h2#local_recycled {
|
||
|
margin-top: 40px
|
||
|
}
|
||
|
#btn_RM {
|
||
|
margin-top: 60px
|
||
|
}
|
||
|
.button_01 {
|
||
|
width: auto;
|
||
|
height: 50px
|
||
|
}
|
||
|
.button_02 {
|
||
|
width: 260px;
|
||
|
height: 60px
|
||
|
}
|
||
|
.button_03 {
|
||
|
width: 260px;
|
||
|
height: 60px
|
||
|
}
|
||
|
p#VM_02 {
|
||
|
margin-bottom: 75px;
|
||
|
}
|
||
|
h1 {
|
||
|
font-size: 53.6px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 43px
|
||
|
}
|
||
|
h3 {
|
||
|
font-size: 33.2px
|
||
|
}
|
||
|
h4 {
|
||
|
font-size: 33.2px;
|
||
|
font-weight: 500
|
||
|
}
|
||
|
h5 {
|
||
|
font-size: 23px
|
||
|
}
|
||
|
h6 {
|
||
|
font-size: 23.4px
|
||
|
}
|
||
|
h6#link_RM {
|
||
|
margin-right: 25%;
|
||
|
}
|
||
|
#wcb {
|
||
|
justify-content: flex-end;
|
||
|
margin-right: 6%;
|
||
|
font-size: 30px !important;
|
||
|
}
|
||
|
p {
|
||
|
font-size: 24.2px
|
||
|
}
|
||
|
img#logo_01 {
|
||
|
width: 267px;
|
||
|
height: 93px
|
||
|
}
|
||
|
nav.Flex-Container_02 {
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
height: 158.5px;
|
||
|
padding: 45px 0 78.3px;
|
||
|
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
|
||
|
}
|
||
|
ul.topnav-links {
|
||
|
margin-right: 7%
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
padding: 0 15.5px;
|
||
|
font-size: 22px
|
||
|
}
|
||
|
#nav-arrow_01 {
|
||
|
height: 13.8px
|
||
|
}
|
||
|
img#logo_02 {
|
||
|
width: 384px;
|
||
|
height: 308px;
|
||
|
margin-top: 0
|
||
|
}
|
||
|
section.Flex-Container_03 {
|
||
|
display: flex;
|
||
|
margin-right: 10%
|
||
|
}
|
||
|
div.Flex-item_01 {
|
||
|
display: flex;
|
||
|
line-height: normal;
|
||
|
margin-right: 0
|
||
|
}
|
||
|
.Flex-item_03 p {
|
||
|
margin-bottom: 110px
|
||
|
}
|
||
|
img#logo_03 {
|
||
|
width: 193.5px;
|
||
|
height: 193.5px;
|
||
|
margin-top: 20%
|
||
|
}
|
||
|
#BP_01 {
|
||
|
margin-left: 10%
|
||
|
}
|
||
|
#VM_01 {
|
||
|
padding-left: 13%
|
||
|
}
|
||
|
img#logo_04 {
|
||
|
width: 193.5px;
|
||
|
height: 190px;
|
||
|
margin-top: 20%
|
||
|
}
|
||
|
img#logo_04_02 {
|
||
|
width: 150px;
|
||
|
height: 150px;
|
||
|
margin-bottom: 13%;
|
||
|
margin-top: 30%
|
||
|
}
|
||
|
img#logo_04_03 {
|
||
|
width: 150px;
|
||
|
height: 150px;
|
||
|
margin-bottom: 16%;
|
||
|
margin-top: 25%
|
||
|
}
|
||
|
.Flex-Container_07_2 {
|
||
|
margin-right: 9%
|
||
|
}
|
||
|
.Flex-item_09 {
|
||
|
margin-top: 0
|
||
|
}
|
||
|
img#logo_05 {
|
||
|
width: 193.5px;
|
||
|
height: 193.5px;
|
||
|
margin-top: 13%
|
||
|
}
|
||
|
img#logo_06 {
|
||
|
width: 193.5px;
|
||
|
height: 193.5px
|
||
|
}
|
||
|
img#logo_07 {
|
||
|
width: 193.5px;
|
||
|
height: 193.5px
|
||
|
}
|
||
|
#BP_04 {
|
||
|
margin-left: 130pt
|
||
|
}
|
||
|
div.Flex-item_12 {
|
||
|
box-sizing: border-box;
|
||
|
width: 450pt
|
||
|
}
|
||
|
.Flex-item_12 img#logo_08_1 {
|
||
|
width: 193.5px;
|
||
|
height: 193.5px;
|
||
|
margin-right: 100pt;
|
||
|
margin-left: 125pt
|
||
|
}
|
||
|
button#btn_BC_02.button_01 {
|
||
|
display: flex;
|
||
|
margin-right: 7%
|
||
|
}
|
||
|
p.Flex-item_12_1 {
|
||
|
margin-left: 130pt
|
||
|
}
|
||
|
.Flex-item_12_3 img#logo_08_2 {
|
||
|
width: 193.5px;
|
||
|
height: 193.5px;
|
||
|
margin-right: 100pt;
|
||
|
margin-left: 110pt
|
||
|
}
|
||
|
img#logo_09 {
|
||
|
width: 193.5px;
|
||
|
margin-top: 35px
|
||
|
}
|
||
|
h6#link_LMB {
|
||
|
display: flex;
|
||
|
margin-left: 280pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
div.Flex-item_12_3 {
|
||
|
width: 250px;
|
||
|
height: 250px;
|
||
|
box-sizing: border-box;
|
||
|
width: 360pt
|
||
|
}
|
||
|
h6#link_LMVM {
|
||
|
display: flex;
|
||
|
margin-left: 270pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
.Flex-Container_10 {
|
||
|
display: block
|
||
|
}
|
||
|
h2#Question {
|
||
|
margin: 5% 3% 5% 150px;
|
||
|
line-height: normal;
|
||
|
font-size: 41.2pt
|
||
|
}
|
||
|
div.Flex-Container_15_1 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
width: 100%;
|
||
|
background-color: #f7f7f7;
|
||
|
margin: 0 5% 0 0;
|
||
|
}
|
||
|
h2.Flex-item_16 {
|
||
|
margin-top: 60px;
|
||
|
text-decoration: none;
|
||
|
margin-bottom: 0
|
||
|
}
|
||
|
img#Location_Map {
|
||
|
width: 1300px;
|
||
|
height: 600px;
|
||
|
max-width: 100%;
|
||
|
margin-bottom: 5%;
|
||
|
padding: 0 8% 0 12%
|
||
|
}
|
||
|
p.Flex-item_17 {
|
||
|
overflow-wrap: anywhere;
|
||
|
margin-right: 8%;
|
||
|
margin-left: 170px
|
||
|
}
|
||
|
div img#logo_10 {
|
||
|
margin-left: 230px
|
||
|
}
|
||
|
footer.Flex-Container_13 {
|
||
|
display: flex;
|
||
|
color: #00123f;
|
||
|
width: 100%
|
||
|
}
|
||
|
a p.Flex-item_21 {
|
||
|
font-size: 18PX;
|
||
|
margin-top: 30px
|
||
|
}
|
||
|
p.Flex-item_22.MT_40 {
|
||
|
font-size: 18PX;
|
||
|
margin-top: 30px;
|
||
|
margin-left: 435pt
|
||
|
}
|
||
|
div.Flex-item_18 {
|
||
|
margin-left: 170px
|
||
|
}
|
||
|
div.Flex-item_14 {
|
||
|
margin-right: 9.5%
|
||
|
}
|
||
|
h1#BP_05 {
|
||
|
font-size: 55px
|
||
|
}
|
||
|
div.Flex-item_24 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: flex-start;
|
||
|
margin: 225px 0 0 5%
|
||
|
}
|
||
|
p.Flex-item_24_2 {
|
||
|
font-size: 45px;
|
||
|
font-weight: 300;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 30px
|
||
|
}
|
||
|
#link_TS_02 {
|
||
|
font-size: 45px;
|
||
|
padding-top: 80px
|
||
|
}
|
||
|
#link_PR {
|
||
|
font-size: 45px;
|
||
|
padding-top: 80px
|
||
|
}
|
||
|
div.Flex-item_26_1 {
|
||
|
margin: 60px 8% 60PX 14%;
|
||
|
font-size: 30px
|
||
|
}
|
||
|
div.Flex-item_26_2 {
|
||
|
margin: auto;
|
||
|
font-size: 50px
|
||
|
}
|
||
|
div.Flex-item_26_3 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: auto 120px auto 0;
|
||
|
line-height: normal;
|
||
|
font-size: 45px;
|
||
|
}
|
||
|
p.Flex-item_26_3_1 {
|
||
|
font-size: 40px
|
||
|
}
|
||
|
div.Flex-item_26_4 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: auto auto auto 11%;
|
||
|
line-height: normal;
|
||
|
font-size: 18px;
|
||
|
overflow-wrap: anywhere;
|
||
|
line-height: normal;
|
||
|
}
|
||
|
ul.Flex-item_30 {
|
||
|
margin: 20px 0 20px 60px;
|
||
|
font-size: 22px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 1400px) {
|
||
|
ul.topnav-links {
|
||
|
margin-right: 7%
|
||
|
}
|
||
|
section.Flex-Container_03 {
|
||
|
display: flex;
|
||
|
margin-right: 13%
|
||
|
}
|
||
|
.Flex-item_03 p {
|
||
|
margin-bottom: 110px
|
||
|
}
|
||
|
h1#BP_05 {
|
||
|
font-size: 55px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 1350px) {
|
||
|
section.Flex-Container_03 {
|
||
|
margin-top: 60px;
|
||
|
padding-top: 0
|
||
|
}
|
||
|
h2#local_recycled {
|
||
|
margin-top: 40px
|
||
|
}
|
||
|
.button_01 {
|
||
|
width: auto;
|
||
|
height: 50px;
|
||
|
border-radius: 5px;
|
||
|
border: none
|
||
|
}
|
||
|
h5.button_03 {
|
||
|
display: inline-flex;
|
||
|
width: auto;
|
||
|
height: 50px;
|
||
|
padding: 20px;
|
||
|
background-color: #3cc;
|
||
|
border: none;
|
||
|
text-align: center;
|
||
|
align-items: center;
|
||
|
border-radius: 5px;
|
||
|
box-shadow: 0 3px 6px 0 rgb(0 0 41 / 35%);
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
.button_02 {
|
||
|
width: 200px;
|
||
|
height: 50px;
|
||
|
border-radius: 5px;
|
||
|
font-weight: 700;
|
||
|
border-radius: 5px
|
||
|
}
|
||
|
.button_03 {
|
||
|
width: 210px;
|
||
|
height: 50px;
|
||
|
border-radius: 5px;
|
||
|
border: none
|
||
|
}
|
||
|
p#VM_02 {
|
||
|
margin-bottom: 70px;
|
||
|
}
|
||
|
h1 {
|
||
|
font-size: 50px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 40px
|
||
|
}
|
||
|
h3 {
|
||
|
font-size: 31px
|
||
|
}
|
||
|
h4 {
|
||
|
font-size: 31px;
|
||
|
font-weight: 500
|
||
|
}
|
||
|
h5 {
|
||
|
font-size: 22px
|
||
|
}
|
||
|
h6 {
|
||
|
font-size: 22px
|
||
|
}
|
||
|
h6#link_RM {
|
||
|
margin-right: 24%;
|
||
|
}
|
||
|
#wcb {
|
||
|
justify-content: flex-end;
|
||
|
margin-right: 6%;
|
||
|
font-size: 25px !important;
|
||
|
}
|
||
|
p {
|
||
|
font-size: 22.5px
|
||
|
}
|
||
|
img#logo_01 {
|
||
|
width: 246.7px;
|
||
|
height: 86px;
|
||
|
margin-left: 6.5%
|
||
|
}
|
||
|
nav.Flex-Container_02 {
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
height: 146.5px;
|
||
|
padding: 30px 0 72.3px 53px;
|
||
|
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
|
||
|
}
|
||
|
ul.topnav-links {
|
||
|
margin-right: 7%
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
padding: 0 14.3px;
|
||
|
font-size: 20px
|
||
|
}
|
||
|
#nav-arrow_01 {
|
||
|
height: 15px
|
||
|
}
|
||
|
img#logo_02 {
|
||
|
width: 355px;
|
||
|
height: 285px;
|
||
|
margin-left: 21%
|
||
|
}
|
||
|
h1.Flex-item_02 {
|
||
|
margin-top: 0
|
||
|
}
|
||
|
.Flex-Container_04 {
|
||
|
margin-top: 0
|
||
|
}
|
||
|
img#logo_03 {
|
||
|
width: 179px;
|
||
|
height: 179px;
|
||
|
margin-top: 10%
|
||
|
}
|
||
|
.Flex-item_03 p {
|
||
|
margin-bottom: 100px
|
||
|
}
|
||
|
img#logo_04 {
|
||
|
width: 179px;
|
||
|
height: 179px;
|
||
|
margin-top: 10%
|
||
|
}
|
||
|
img#logo_04_02 {
|
||
|
width: 140px;
|
||
|
height: 140px;
|
||
|
margin-bottom: 11%;
|
||
|
margin-top: 20%
|
||
|
}
|
||
|
img#logo_04_03 {
|
||
|
width: 140px;
|
||
|
height: 140px;
|
||
|
margin-bottom: 16%;
|
||
|
margin-top: 14%
|
||
|
}
|
||
|
article.Flex-item_05 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
margin-top: 0
|
||
|
}
|
||
|
.Flex-item_09 {
|
||
|
margin-top: 0;
|
||
|
margin-bottom: 6%
|
||
|
}
|
||
|
img#logo_05 {
|
||
|
width: 193.5px;
|
||
|
height: 193.5px;
|
||
|
margin-top: 15%
|
||
|
}
|
||
|
img#logo_06 {
|
||
|
width: 193.5px;
|
||
|
height: 193.5px
|
||
|
}
|
||
|
img#logo_07 {
|
||
|
width: 193.5px;
|
||
|
height: 193.5px
|
||
|
}
|
||
|
.Flex-item_12 img#logo_08_1 {
|
||
|
width: 193.5px;
|
||
|
height: 193.5px;
|
||
|
margin-left: 120pt
|
||
|
}
|
||
|
div.Flex-item_12 {
|
||
|
box-sizing: border-box;
|
||
|
width: 350pt
|
||
|
}
|
||
|
p.Flex-item_12_2 {
|
||
|
margin-right: 12%
|
||
|
}
|
||
|
ul.Flex-item_13 {
|
||
|
line-height: normal;
|
||
|
list-style-type: disc;
|
||
|
list-style-position: outside;
|
||
|
font-size: 30px
|
||
|
}
|
||
|
img#logo_08_2 {
|
||
|
width: 193.5px;
|
||
|
height: 193.5px;
|
||
|
margin-left: 100pt
|
||
|
}
|
||
|
#VM_05 {
|
||
|
margin-left: 115pt
|
||
|
}
|
||
|
#Flex-item_09 {
|
||
|
margin-left: 0
|
||
|
}
|
||
|
div.Flex-item_12_3 {
|
||
|
width: 250px;
|
||
|
height: 250px;
|
||
|
box-sizing: border-box;
|
||
|
width: 340pt
|
||
|
}
|
||
|
h6#link_LMB {
|
||
|
display: flex;
|
||
|
margin-left: 270pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
h6#link_LMVM {
|
||
|
display: flex;
|
||
|
margin-left: 260pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
button#btn_BC_02.button_01 {
|
||
|
display: flex;
|
||
|
margin-right: 0;
|
||
|
}
|
||
|
#BP_06 {
|
||
|
padding-bottom: 20px
|
||
|
}
|
||
|
#BP_07 {
|
||
|
padding-bottom: 20px
|
||
|
}
|
||
|
#VM_06 {
|
||
|
padding-bottom: 20px
|
||
|
}
|
||
|
#VM_07 {
|
||
|
padding-bottom: 20px
|
||
|
}
|
||
|
.Flex-Container_10 {
|
||
|
display: block
|
||
|
}
|
||
|
h2#Question {
|
||
|
margin: 5% 3% 5% 140px;
|
||
|
line-height: normal;
|
||
|
font-size: 38pt
|
||
|
}
|
||
|
P#Call_us {
|
||
|
margin-left: 140px
|
||
|
}
|
||
|
h2.Flex-item_16 {
|
||
|
margin-top: 60px;
|
||
|
text-decoration: none;
|
||
|
margin-bottom: 0;
|
||
|
margin-left: 12%
|
||
|
}
|
||
|
img#Location_Map {
|
||
|
width: 1300px;
|
||
|
height: 600px;
|
||
|
max-width: 100%;
|
||
|
margin-bottom: 5%;
|
||
|
padding: 0 8% 0 12%
|
||
|
}
|
||
|
p.Flex-item_17 {
|
||
|
margin-left: 105pt;
|
||
|
overflow-wrap: anywhere;
|
||
|
margin-right: 9%
|
||
|
}
|
||
|
div.Flex-item_18 {
|
||
|
margin-left: 145px
|
||
|
}
|
||
|
div img#logo_10 {
|
||
|
margin-left: 200px
|
||
|
}
|
||
|
a p.Flex-item_21 {
|
||
|
font-size: 18PX;
|
||
|
margin-top: 30px;
|
||
|
margin-left: 150px
|
||
|
}
|
||
|
p.Flex-item_22.MT_40 {
|
||
|
font-size: 18PX;
|
||
|
margin-top: 30px;
|
||
|
margin-left: 410pt
|
||
|
}
|
||
|
section.Flex-Container_14 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
margin: 0 1% 5% 10%
|
||
|
}
|
||
|
div.Flex-item_23_5 {
|
||
|
margin: 0 35% 0 15px
|
||
|
}
|
||
|
img#logo_11 {
|
||
|
width: 140px;
|
||
|
height: 140px;
|
||
|
margin-left: 1%
|
||
|
}
|
||
|
h1#BP_05 {
|
||
|
font-size: 50px;
|
||
|
margin-top: 85px
|
||
|
}
|
||
|
div.Flex-item_24 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: flex-start;
|
||
|
margin: 200px 0 0 5%
|
||
|
}
|
||
|
.Flex-item_24_2 {
|
||
|
font-size: 40px;
|
||
|
font-weight: 300;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 30px
|
||
|
}
|
||
|
.Flex-item_24_2 strong {
|
||
|
font-size: 55px
|
||
|
}
|
||
|
p.Flex-item_24_3 {
|
||
|
color: #00123f;
|
||
|
margin: 0 0 40px;
|
||
|
font-size: 18px
|
||
|
}
|
||
|
#link_TS_02 {
|
||
|
font-size: 40px
|
||
|
}
|
||
|
#link_PR {
|
||
|
font-size: 40px
|
||
|
}
|
||
|
div.Flex-item_26_1 {
|
||
|
margin: 60px 8% 60PX 14%;
|
||
|
font-size: 28px
|
||
|
}
|
||
|
div.Flex-item_26_2 {
|
||
|
margin: auto;
|
||
|
font-size: 50px
|
||
|
}
|
||
|
p.Flex-item_26_3_1 {
|
||
|
font-size: 40px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 1275px) {
|
||
|
#nav-toggle_1 {
|
||
|
display: none
|
||
|
}
|
||
|
#languages-menu {
|
||
|
display: none
|
||
|
}
|
||
|
ul#language_bar {
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
nav.Flex-Container_02 {
|
||
|
position: fixed;
|
||
|
z-index: 10;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
top: 0;
|
||
|
background-color: #fff;
|
||
|
width: 100%;
|
||
|
height: 90px;
|
||
|
padding: 130px 0 0 47px;
|
||
|
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
|
||
|
}
|
||
|
nav ul.topnav-links {
|
||
|
position: fixed;
|
||
|
flex-direction: column;
|
||
|
width: 100%;
|
||
|
height: auto;
|
||
|
float: none;
|
||
|
justify-content: space-between;
|
||
|
z-index: 9;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
top: 110px;
|
||
|
bottom: 100%;
|
||
|
background-color: #f7f7f7;
|
||
|
overflow: hidden;
|
||
|
transition: all .5s ease-in-out;
|
||
|
overflow-y: scroll
|
||
|
}
|
||
|
nav.Flex-Container_02.topnav-links a {
|
||
|
display: block;
|
||
|
font-size: 60px;
|
||
|
line-height: normal;
|
||
|
margin-top: 60px
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
display: block;
|
||
|
margin-right: 10%;
|
||
|
font-size: 35px;
|
||
|
padding-top: 30px;
|
||
|
padding-right: 0px;
|
||
|
padding-left: 10px;
|
||
|
border-width: 100%
|
||
|
}
|
||
|
div #language_bar {
|
||
|
font-size: 30px;
|
||
|
border: none
|
||
|
}
|
||
|
#nav-toggle {
|
||
|
position: absolute
|
||
|
}
|
||
|
label.icon-burger {
|
||
|
position: absolute;
|
||
|
right: 8%;
|
||
|
top: 50%;
|
||
|
-webkit-transform: translateY(-50%)
|
||
|
}
|
||
|
div.line {
|
||
|
width: 100px;
|
||
|
height: 3px;
|
||
|
margin: 20px;
|
||
|
background-color: #0f3975;
|
||
|
border-radius: 3px;
|
||
|
transition: all .3s ease-in-out
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(1) {
|
||
|
-webkit-transform: translateY(23px) rotate(225deg)
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(2) {
|
||
|
opacity: 0
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(3) {
|
||
|
-webkit-transform: translateY(-23px) rotate(-225deg)
|
||
|
}
|
||
|
nav :checked~ul.topnav-links {
|
||
|
bottom: 0
|
||
|
}
|
||
|
nav ul.topnav-links li {
|
||
|
height: 60vh;
|
||
|
border-bottom: 1px solid #043975;
|
||
|
padding: 5px 0px 30px 10%;
|
||
|
}
|
||
|
nav ul.topnav-links li.nav-item2 {
|
||
|
padding: 5px 0px 30px 2%;
|
||
|
}
|
||
|
li.nav-item a.active span {
|
||
|
font-weight: 700;
|
||
|
border: none
|
||
|
}
|
||
|
li.nav-item a.active_2 span {
|
||
|
border: none;
|
||
|
}
|
||
|
#language_Res {
|
||
|
display: inline-block
|
||
|
}
|
||
|
#language.active {
|
||
|
font-weight: 700
|
||
|
}
|
||
|
#nav-arrow_01 {
|
||
|
display: none
|
||
|
}
|
||
|
li#language.second_01 {
|
||
|
display: none
|
||
|
}
|
||
|
li#language.second_02 {
|
||
|
display: none
|
||
|
}
|
||
|
section.Flex-Container_03 {
|
||
|
margin-top: 200px
|
||
|
}
|
||
|
h2#local_recycled {
|
||
|
margin-top: 40px
|
||
|
}
|
||
|
.button_01 {
|
||
|
width: auto;
|
||
|
height: 50px;
|
||
|
border-radius: 5px;
|
||
|
border: none
|
||
|
}
|
||
|
.button_02 {
|
||
|
width: 210px;
|
||
|
height: 50px;
|
||
|
border-radius: 5px;
|
||
|
font-weight: 700;
|
||
|
border-radius: 5px
|
||
|
}
|
||
|
.button_03 {
|
||
|
width: 210px;
|
||
|
height: 50px;
|
||
|
border-radius: 5px;
|
||
|
border: none
|
||
|
}
|
||
|
h5.button_03 {
|
||
|
display: inline-flex;
|
||
|
width: auto;
|
||
|
height: 50px;
|
||
|
padding: 20px;
|
||
|
background-color: #3cc;
|
||
|
border: none;
|
||
|
text-align: center;
|
||
|
align-items: center;
|
||
|
border-radius: 5px;
|
||
|
box-shadow: 0 3px 6px 0 rgb(0 0 41 / 35%);
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
p#VM_02 {
|
||
|
margin-bottom: 60px;
|
||
|
}
|
||
|
h1 {
|
||
|
font-size: 47px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 38px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h3 {
|
||
|
font-size: 29px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h4 {
|
||
|
font-size: 29px;
|
||
|
font-weight: 500
|
||
|
}
|
||
|
h5 {
|
||
|
font-size: 24px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6 {
|
||
|
font-size: 21px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
p {
|
||
|
font-size: 21.5px
|
||
|
}
|
||
|
img#logo_01 {
|
||
|
position: absolute;
|
||
|
left: 6%;
|
||
|
bottom: 25%;
|
||
|
margin-left: 3.5%;
|
||
|
width: 245px;
|
||
|
height: 75px;
|
||
|
box-sizing: border-box
|
||
|
}
|
||
|
ul.topnav-links {
|
||
|
margin-right: 10%
|
||
|
}
|
||
|
img#logo_02 {
|
||
|
width: 335px;
|
||
|
height: 269px;
|
||
|
margin-top: 20px
|
||
|
}
|
||
|
h1.Flex-item_02 {
|
||
|
margin-top: 0
|
||
|
}
|
||
|
h2.Flex-item_02_2 {
|
||
|
margin-bottom: 1%
|
||
|
}
|
||
|
.Flex-Container_04 {
|
||
|
margin-top: 0
|
||
|
}
|
||
|
img#logo_03 {
|
||
|
width: 169px;
|
||
|
height: 176px
|
||
|
}
|
||
|
.Flex-item_03 p {
|
||
|
margin-bottom: 80px
|
||
|
}
|
||
|
img#logo_04 {
|
||
|
width: 169px;
|
||
|
height: 169px
|
||
|
}
|
||
|
img#logo_04_02 {
|
||
|
width: 135px;
|
||
|
height: 135px;
|
||
|
margin-bottom: 13%;
|
||
|
margin-top: 20%
|
||
|
}
|
||
|
img#logo_04_03 {
|
||
|
width: 135px;
|
||
|
height: 135px;
|
||
|
margin-bottom: 16%;
|
||
|
margin-top: 14%
|
||
|
}
|
||
|
#VM_03 {
|
||
|
margin-bottom: 65px;
|
||
|
}
|
||
|
article.Flex-item_05 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
margin-top: 0
|
||
|
}
|
||
|
#Manifesto_p_01 {
|
||
|
margin-left: 11%;
|
||
|
margin-right: 11%;
|
||
|
margin-bottom: 2%
|
||
|
}
|
||
|
#Manifesto_p_02 {
|
||
|
margin-left: 11%;
|
||
|
margin-right: 11%
|
||
|
}
|
||
|
.Flex-Container_07_2 {
|
||
|
margin-right: 6%
|
||
|
}
|
||
|
article.Flex-item_09 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
justify-items: center;
|
||
|
margin-bottom: 5%;
|
||
|
margin-left: 3%;
|
||
|
margin-right: 10%
|
||
|
}
|
||
|
#title_hcyh {
|
||
|
margin-left: 11%
|
||
|
}
|
||
|
.Flex-item_10 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
text-align: center;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
line-height: normal
|
||
|
}
|
||
|
#BP_04 {
|
||
|
margin-left: 11%
|
||
|
}
|
||
|
.Flex-item_12 img#logo_08_1 {
|
||
|
width: 182.5px;
|
||
|
height: 182.5px;
|
||
|
margin-right: 85pt;
|
||
|
margin-left: 105pt
|
||
|
}
|
||
|
div.Flex-item_12 {
|
||
|
box-sizing: border-box;
|
||
|
width: 315pt
|
||
|
}
|
||
|
p.Flex-item_12_1 {
|
||
|
margin-left: 110pt
|
||
|
}
|
||
|
p.Flex-item_12_2 {
|
||
|
margin-right: 14%
|
||
|
}
|
||
|
h6#link_LMB {
|
||
|
display: flex;
|
||
|
margin-left: 230pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
button#btn_BC_02.button_01 {
|
||
|
display: flex;
|
||
|
margin-right: 0;
|
||
|
}
|
||
|
.Flex-item_12_3 img#logo_08_2 {
|
||
|
width: 182.5px;
|
||
|
height: 182.5px;
|
||
|
margin-left: 90pt;
|
||
|
margin-right: 85pt
|
||
|
}
|
||
|
div.Flex-item_12_3 {
|
||
|
width: 250px;
|
||
|
height: 250px;
|
||
|
box-sizing: border-box;
|
||
|
width: 310pt
|
||
|
}
|
||
|
ul.Flex-item_13 {
|
||
|
margin-right: 10%
|
||
|
}
|
||
|
#VM_05 {
|
||
|
margin-left: 110pt
|
||
|
}
|
||
|
#Flex-item_09 {
|
||
|
margin-left: 0
|
||
|
}
|
||
|
h6#link_LMVM {
|
||
|
display: flex;
|
||
|
margin-left: 240pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
#BP_06 {
|
||
|
padding-bottom: 20px
|
||
|
}
|
||
|
#BP_07 {
|
||
|
padding-bottom: 20px
|
||
|
}
|
||
|
#VM_06 {
|
||
|
padding-bottom: 20px
|
||
|
}
|
||
|
#VM_07 {
|
||
|
padding-bottom: 20px
|
||
|
}
|
||
|
#link_04 {
|
||
|
display: flex;
|
||
|
margin-left: 125pt
|
||
|
}
|
||
|
.Flex-Container_10 {
|
||
|
display: block
|
||
|
}
|
||
|
h2#Question {
|
||
|
margin: 5% 5% 5% 130px;
|
||
|
line-height: normal;
|
||
|
font-size: 35pt
|
||
|
}
|
||
|
P#Call_us {
|
||
|
margin-left: 140px
|
||
|
}
|
||
|
h2.Flex-item_16 {
|
||
|
margin-top: 60px;
|
||
|
text-decoration: none;
|
||
|
margin-bottom: 0;
|
||
|
margin-left: 13%
|
||
|
}
|
||
|
img#Location_Map {
|
||
|
width: 1000px;
|
||
|
height: 500px;
|
||
|
max-width: 100%;
|
||
|
margin-bottom: 0;
|
||
|
padding: 0 0 0 15%
|
||
|
}
|
||
|
p.Flex-item_17 {
|
||
|
padding-right: 8%;
|
||
|
overflow-wrap: anywhere
|
||
|
}
|
||
|
.Flex-Container_10 {
|
||
|
display: block
|
||
|
}
|
||
|
div img#logo_10 {
|
||
|
margin-left: 100px
|
||
|
}
|
||
|
.Flex-Container_12_1 .Flex-item_19 {
|
||
|
margin-left: 100px
|
||
|
}
|
||
|
a p.Flex-item_21 {
|
||
|
font-size: 16PX;
|
||
|
margin-top: 30px
|
||
|
}
|
||
|
p.Flex-item_22.MT_40 {
|
||
|
font-size: 16PX;
|
||
|
margin-top: 30px;
|
||
|
margin-left: 278pt
|
||
|
}
|
||
|
div.Flex-item_23_1 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin-top: 170px
|
||
|
}
|
||
|
div.Flex-item_24 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: flex-start;
|
||
|
margin: 335px 0 0 5%
|
||
|
}
|
||
|
section.Flex-Container_16 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 140px 8% 5% 11.5%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
ul.Flex-item_30 {
|
||
|
margin: 20px 0 20px 60px;
|
||
|
font-size: 18px
|
||
|
}
|
||
|
section.Flex-Container_17 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 160px 8% 5% 11%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
section.Flex-Container_18 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 160px 8% 40px 11.5%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
article.Flex-item_25 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin-top: 0
|
||
|
}
|
||
|
#link_TS_02 {
|
||
|
font-size: 57px;
|
||
|
font-weight: 500;
|
||
|
color: #0f3975;
|
||
|
padding-top: 150px
|
||
|
}
|
||
|
#link_PR {
|
||
|
padding-top: 150px
|
||
|
}
|
||
|
h1.Flex-item_28 {
|
||
|
margin: 40px 0 0px 0;
|
||
|
}
|
||
|
div.Flex-item_26_4 {
|
||
|
font-size: 14px;
|
||
|
padding-bottom: 20px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 1250px) {
|
||
|
h5 {
|
||
|
font-size: 22px;
|
||
|
font-weight: 700;
|
||
|
}
|
||
|
h2#Question {
|
||
|
line-height: normal;
|
||
|
font-size: 27pt
|
||
|
}
|
||
|
.Flex-item_10 {
|
||
|
margin-left: 9%;
|
||
|
margin-top: 5%
|
||
|
}
|
||
|
a p.Flex-item_21 {
|
||
|
font-size: 15PX;
|
||
|
margin-top: 30px
|
||
|
}
|
||
|
p.Flex-item_22.MT_40 {
|
||
|
font-size: 15PX;
|
||
|
margin-top: 30px;
|
||
|
margin-left: 290pt
|
||
|
}
|
||
|
section.Flex-Container_14 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
margin: 0 1% 5% 10%
|
||
|
}
|
||
|
div.Flex-item_23_5 {
|
||
|
margin: 0 35% 0 15px
|
||
|
}
|
||
|
img#logo_11 {
|
||
|
width: 140px;
|
||
|
height: 140px;
|
||
|
margin-left: 1%
|
||
|
}
|
||
|
h1#BP_05 {
|
||
|
font-size: 48px;
|
||
|
margin-top: 85px
|
||
|
}
|
||
|
div.Flex-item_24 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: flex-start;
|
||
|
margin: 330px 0 0 5%
|
||
|
}
|
||
|
p.Flex-item_24_1 {
|
||
|
font-weight: 700;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 40px
|
||
|
}
|
||
|
p.Flex-item_24_2 {
|
||
|
font-size: 35px;
|
||
|
font-weight: 300;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 10px
|
||
|
}
|
||
|
.Flex-item_24_2 strong {
|
||
|
font-size: 50px
|
||
|
}
|
||
|
p.Flex-item_24_3 {
|
||
|
font-size: 16px
|
||
|
}
|
||
|
#link_TS_02 {
|
||
|
font-size: 35px
|
||
|
}
|
||
|
#link_PR {
|
||
|
font-size: 35px
|
||
|
}
|
||
|
div.Flex-item_26_1 {
|
||
|
margin: 60px 8% 60PX 14%;
|
||
|
font-size: 25px
|
||
|
}
|
||
|
div.Flex-item_26_2 {
|
||
|
margin: auto;
|
||
|
font-size: 45px
|
||
|
}
|
||
|
p.Flex-item_26_3_1 {
|
||
|
font-size: 40px
|
||
|
}
|
||
|
h1.Flex-item_28 {
|
||
|
margin: 40px 0 0px 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 1190px) {
|
||
|
img#logo_08_2 {
|
||
|
margin-right: 110pt
|
||
|
}
|
||
|
#link_04 {
|
||
|
margin-left: 90pt
|
||
|
}
|
||
|
.Flex-item_10 {
|
||
|
margin-left: 8%
|
||
|
}
|
||
|
#BP_06 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#BP_07 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#VM_06 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#VM_07 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#link_PR {
|
||
|
padding-top: 15%
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 1145px) {
|
||
|
section.Flex-Container_03 {
|
||
|
margin-top: 200px;
|
||
|
padding-top: 0
|
||
|
}
|
||
|
h2#local_recycled {
|
||
|
margin-top: 34px
|
||
|
}
|
||
|
.button_01 {
|
||
|
width: auto;
|
||
|
height: 50px;
|
||
|
border-radius: 5px;
|
||
|
border: none
|
||
|
}
|
||
|
.button_02 {
|
||
|
width: 210px;
|
||
|
height: 50px;
|
||
|
border-radius: 5px;
|
||
|
font-weight: 700;
|
||
|
font-size: 21.5px;
|
||
|
border-radius: 5px
|
||
|
}
|
||
|
.button_03 {
|
||
|
width: 210px;
|
||
|
height: 50px;
|
||
|
font-size: 21.5px;
|
||
|
border-radius: 5px;
|
||
|
border: none
|
||
|
}
|
||
|
h1 {
|
||
|
font-size: 42.5px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 34px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h3 {
|
||
|
font-size: 26px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h4 {
|
||
|
font-size: 26px;
|
||
|
font-weight: 500
|
||
|
}
|
||
|
h5 {
|
||
|
font-size: 19px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6 {
|
||
|
font-size: 20px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6#link_RM {
|
||
|
margin-right: 25%;
|
||
|
}
|
||
|
#wcb {
|
||
|
justify-content: flex-end;
|
||
|
margin-right: 6%;
|
||
|
font-size: 20px !important;
|
||
|
}
|
||
|
p {
|
||
|
font-size: 19px
|
||
|
}
|
||
|
img#logo_01 {
|
||
|
width: 210px;
|
||
|
height: 73px;
|
||
|
left: 6.5%;
|
||
|
top: 19%
|
||
|
}
|
||
|
nav.Flex-Container_02 {
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
height: 120px;
|
||
|
padding: 15px 0 0;
|
||
|
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
|
||
|
}
|
||
|
ul.topnav-links {
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
nav ul.topnav-links {
|
||
|
position: fixed;
|
||
|
flex-direction: column;
|
||
|
width: 100%;
|
||
|
height: auto;
|
||
|
float: none;
|
||
|
justify-content: space-between;
|
||
|
z-index: 9;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
top: 100px;
|
||
|
bottom: 100%;
|
||
|
background-color: #f7f7f7;
|
||
|
overflow: hidden;
|
||
|
transition: all .5s ease-in-out;
|
||
|
overflow-y: scroll
|
||
|
}
|
||
|
nav ul.topnav-links li {
|
||
|
height: 60vh;
|
||
|
border-bottom: 1px solid #043975;
|
||
|
padding: 5px 0px 30px 10%;
|
||
|
}
|
||
|
nav ul.topnav-links li.nav-item2 {
|
||
|
padding: 5px 0px 30px 2%;
|
||
|
}
|
||
|
div.line {
|
||
|
width: 80px;
|
||
|
height: 3px;
|
||
|
margin: 20px
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
padding: 0 14.3px;
|
||
|
font-size: 35px;
|
||
|
padding-top: 30px;
|
||
|
padding-right: 0px;
|
||
|
padding-left: 10px;
|
||
|
}
|
||
|
img#logo_02 {
|
||
|
width: 300px;
|
||
|
height: 240px;
|
||
|
margin-top: 5px
|
||
|
}
|
||
|
div.Flex-item_01 {
|
||
|
display: flex;
|
||
|
line-height: normal
|
||
|
}
|
||
|
h1.Flex-item_02 {
|
||
|
margin-top: 0;
|
||
|
padding-left: 0
|
||
|
}
|
||
|
.Flex-Container_04 {
|
||
|
margin-top: 0
|
||
|
}
|
||
|
img#logo_03 {
|
||
|
width: 150px;
|
||
|
height: 150px
|
||
|
}
|
||
|
img#logo_04 {
|
||
|
width: 150px;
|
||
|
height: 150px
|
||
|
}
|
||
|
img#logo_04_02 {
|
||
|
width: 125px;
|
||
|
height: 120px;
|
||
|
margin-bottom: 13%;
|
||
|
margin-top: 20%
|
||
|
}
|
||
|
img#logo_04_03 {
|
||
|
width: 125px;
|
||
|
height: 120px;
|
||
|
margin-bottom: 16%;
|
||
|
margin-top: 14%
|
||
|
}
|
||
|
#VM_03 {
|
||
|
margin-bottom: 65px;
|
||
|
}
|
||
|
.Flex-item_03 p {
|
||
|
margin-bottom: 85px
|
||
|
}
|
||
|
article.Flex-item_05 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
margin-top: 0
|
||
|
}
|
||
|
.Flex-item_09 {
|
||
|
margin-top: 0;
|
||
|
margin-bottom: 6%
|
||
|
}
|
||
|
img#logo_05 {
|
||
|
width: 164px;
|
||
|
height: 164px;
|
||
|
margin-top: 17%
|
||
|
}
|
||
|
img#logo_06 {
|
||
|
width: 164px;
|
||
|
height: 164px;
|
||
|
margin-top: 35%
|
||
|
}
|
||
|
img#logo_07 {
|
||
|
width: 164px;
|
||
|
height: 164px;
|
||
|
margin-top: 35%
|
||
|
}
|
||
|
.Flex-item_12 img#logo_08_1 {
|
||
|
width: 164px;
|
||
|
height: 164px;
|
||
|
margin-left: 80pt;
|
||
|
margin-right: 65pt
|
||
|
}
|
||
|
p.Flex-item_12_1 {
|
||
|
margin-left: 90pt
|
||
|
}
|
||
|
.Flex-item_10 {
|
||
|
margin-left: 8%;
|
||
|
margin-bottom: 3%
|
||
|
}
|
||
|
.Flex-item_12_3 img#logo_08_2 {
|
||
|
width: 164px;
|
||
|
height: 164px;
|
||
|
margin-left: 70pt;
|
||
|
margin-right: 96pt
|
||
|
}
|
||
|
#VM_05 {
|
||
|
margin-left: 100pt
|
||
|
}
|
||
|
#Flex-item_09 {
|
||
|
margin-left: 0
|
||
|
}
|
||
|
.Flex-item_4 {
|
||
|
margin-bottom: 2%
|
||
|
}
|
||
|
div.Flex-item_12 {
|
||
|
box-sizing: border-box;
|
||
|
width: 370pt
|
||
|
}
|
||
|
p.Flex-item_12_2 {
|
||
|
margin-right: 13%
|
||
|
}
|
||
|
h6#link_LMB {
|
||
|
display: flex;
|
||
|
margin-left: 210pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
button#btn_BC_02.button_01 {
|
||
|
display: flex;
|
||
|
margin-right: 0;
|
||
|
}
|
||
|
div.Flex-item_12_3 {
|
||
|
box-sizing: border-box;
|
||
|
width: 270pt
|
||
|
}
|
||
|
ul.Flex-item_13 {
|
||
|
margin-right: 8%
|
||
|
}
|
||
|
h6#link_LMVM {
|
||
|
margin-left: 200pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
.Flex-Container_10 {
|
||
|
display: block
|
||
|
}
|
||
|
h2#Question {
|
||
|
margin: 5% 5% 5% 125px;
|
||
|
line-height: normal;
|
||
|
font-size: 30pt
|
||
|
}
|
||
|
P#Call_us {
|
||
|
margin-left: 125px
|
||
|
}
|
||
|
h2.Flex-item_16 {
|
||
|
margin-top: 60px;
|
||
|
text-decoration: none;
|
||
|
margin-bottom: 0;
|
||
|
margin-left: 13%
|
||
|
}
|
||
|
img#Location_Map {
|
||
|
width: 1000px;
|
||
|
height: 400px;
|
||
|
max-width: 100%;
|
||
|
margin-bottom: 0;
|
||
|
padding: 3% 8% 0 13%
|
||
|
}
|
||
|
p.Flex-item_17 {
|
||
|
padding-right: 9%;
|
||
|
overflow-wrap: anywhere
|
||
|
}
|
||
|
.Flex-Container_10 {
|
||
|
display: block
|
||
|
}
|
||
|
div.Flex-item_18 {
|
||
|
margin-left: 115px
|
||
|
}
|
||
|
.Flex-item_18_01 {
|
||
|
font-size: 16px
|
||
|
}
|
||
|
.Flex-item_19 {
|
||
|
font-size: 16px
|
||
|
}
|
||
|
.Flex-item_20 a {
|
||
|
font-size: 20px
|
||
|
}
|
||
|
div img#logo_10 {
|
||
|
margin-left: 170px
|
||
|
}
|
||
|
a p.Flex-item_21 {
|
||
|
font-size: 15PX;
|
||
|
margin-top: 30px;
|
||
|
margin-left: 110px
|
||
|
}
|
||
|
p.Flex-item_22.MT_40 {
|
||
|
font-size: 15PX;
|
||
|
margin-top: 30px;
|
||
|
margin-left: 290pt
|
||
|
}
|
||
|
section.Flex-Container_14 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
margin: 0 1% 5% 10%
|
||
|
}
|
||
|
div.Flex-item_23_5 {
|
||
|
margin: 0 35% 0 15px
|
||
|
}
|
||
|
img#logo_11 {
|
||
|
width: 120px;
|
||
|
height: 120px;
|
||
|
margin-left: 1%
|
||
|
}
|
||
|
h1#BP_05 {
|
||
|
font-size: 42px;
|
||
|
margin-top: 75px
|
||
|
}
|
||
|
div.Flex-item_24 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: flex-start;
|
||
|
margin: 310px 0 0 5%
|
||
|
}
|
||
|
p.Flex-item_24_2 {
|
||
|
font-size: 30px;
|
||
|
font-weight: 300;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 10px
|
||
|
}
|
||
|
#link_TS_02 {
|
||
|
font-size: 32px
|
||
|
}
|
||
|
#link_PR {
|
||
|
font-size: 32px
|
||
|
}
|
||
|
div.Flex-item_26_1 {
|
||
|
margin: 60px 8% 60PX 14%;
|
||
|
font-size: 22px
|
||
|
}
|
||
|
div.Flex-item_26_2 {
|
||
|
margin: auto;
|
||
|
font-size: 50px
|
||
|
}
|
||
|
p.Flex-item_26_3_1 {
|
||
|
font-size: 35px
|
||
|
}
|
||
|
section.Flex-Container_17 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 160px 8% 5% 10.5%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 1040px) {
|
||
|
nav.Flex-Container_02.topnav-links a {
|
||
|
display: block;
|
||
|
font-size: 20px;
|
||
|
line-height: normal
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
margin-right: 10%;
|
||
|
font-size: 40px;
|
||
|
padding-bottom: 40px;
|
||
|
padding-top: 30px
|
||
|
}
|
||
|
#language_bar {
|
||
|
font-size: 30px
|
||
|
}
|
||
|
ul#language_bar li.nav-item a {
|
||
|
padding-right: 0px;
|
||
|
padding-left: 15px;
|
||
|
}
|
||
|
#nav-toggle {
|
||
|
position: absolute
|
||
|
}
|
||
|
label.icon-burger {
|
||
|
position: absolute;
|
||
|
right: 5%;
|
||
|
top: 50%;
|
||
|
-webkit-transform: translateY(-50%)
|
||
|
}
|
||
|
div.line {
|
||
|
width: 100px;
|
||
|
height: 3px;
|
||
|
margin: 20px;
|
||
|
background-color: #0f3975;
|
||
|
border-radius: 3px;
|
||
|
transition: all .3s ease-in-out
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(1) {
|
||
|
-webkit-transform: translateY(18px) rotate(225deg)
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(2) {
|
||
|
opacity: 0
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(3) {
|
||
|
-webkit-transform: translateY(-18px) rotate(-225deg)
|
||
|
}
|
||
|
nav :checked~ul.topnav-links {
|
||
|
bottom: 0
|
||
|
}
|
||
|
li.nav-item a.active span {
|
||
|
font-weight: 700;
|
||
|
border: none
|
||
|
}
|
||
|
#language_Res {
|
||
|
display: inline-block
|
||
|
}
|
||
|
#language.active {
|
||
|
font-weight: 700
|
||
|
}
|
||
|
section.Flex-Container_03 {
|
||
|
padding-top: 0;
|
||
|
margin-right: 6%
|
||
|
}
|
||
|
div.Flex-item_02 {
|
||
|
margin-right: 0;
|
||
|
margin-left: -100px
|
||
|
}
|
||
|
h2#local_recycled {
|
||
|
margin-top: 30px
|
||
|
}
|
||
|
.button_01 {
|
||
|
width: auto;
|
||
|
height: 50px;
|
||
|
border-radius: 5px;
|
||
|
border: none
|
||
|
}
|
||
|
.button_02 {
|
||
|
width: 190px;
|
||
|
height: 50px;
|
||
|
border-radius: 5px;
|
||
|
font-weight: 700;
|
||
|
border-radius: 5px
|
||
|
}
|
||
|
.button_03 {
|
||
|
width: 190px;
|
||
|
height: 50px;
|
||
|
border-radius: 5px;
|
||
|
border: none
|
||
|
}
|
||
|
h1 {
|
||
|
font-size: 42.5px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 34px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h3 {
|
||
|
font-size: 26px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h4 {
|
||
|
font-size: 26px;
|
||
|
font-weight: 500
|
||
|
}
|
||
|
h5 {
|
||
|
font-size: 20px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6 {
|
||
|
font-size: 20px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6#link_RM {
|
||
|
margin-right: 23%;
|
||
|
}
|
||
|
#wcb {
|
||
|
justify-content: flex-end;
|
||
|
margin-right: 6%;
|
||
|
font-size: 20px !important;
|
||
|
}
|
||
|
p {
|
||
|
font-size: 19px
|
||
|
}
|
||
|
img#logo_01 {
|
||
|
width: 191px;
|
||
|
height: 67px;
|
||
|
left: 7%
|
||
|
}
|
||
|
nav.Flex-Container_02 {
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
height: 112px;
|
||
|
padding: 0;
|
||
|
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
|
||
|
}
|
||
|
ul.topnav-links {
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
nav ul.topnav-links {
|
||
|
flex-direction: column;
|
||
|
width: 100%;
|
||
|
height: auto;
|
||
|
float: none;
|
||
|
position: fixed;
|
||
|
justify-content: space-between;
|
||
|
z-index: 9;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
top: 90px;
|
||
|
bottom: 100%;
|
||
|
background-color: #f7f7f7;
|
||
|
overflow: hidden;
|
||
|
transition: all .5s ease-in-out;
|
||
|
overflow-y: scroll
|
||
|
}
|
||
|
nav ul.topnav-links li {
|
||
|
height: 60vh;
|
||
|
border-bottom: 1px solid #043975;
|
||
|
padding: 5px 0px 30px 10%;
|
||
|
}
|
||
|
nav ul.topnav-links li.nav-item2 {
|
||
|
padding: 5px 0px 30px 2%;
|
||
|
}
|
||
|
div.line {
|
||
|
width: 70px;
|
||
|
height: 3px;
|
||
|
margin: 15px
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
padding: 0 14.3px;
|
||
|
font-size: 35px;
|
||
|
padding-top: 30px;
|
||
|
margin-right: 7%
|
||
|
}
|
||
|
img#logo_02 {
|
||
|
width: 240px;
|
||
|
height: 166px;
|
||
|
margin-top: 40px
|
||
|
}
|
||
|
h1.Flex-item_02 {
|
||
|
margin-top: 0;
|
||
|
padding-left: 0;
|
||
|
font-size: 50px
|
||
|
}
|
||
|
h2#local_recycled {
|
||
|
margin-top: 20px
|
||
|
}
|
||
|
#local_recycled_2 {
|
||
|
margin-top: 20px
|
||
|
}
|
||
|
#btn_RM {
|
||
|
margin-top: 40px
|
||
|
}
|
||
|
.Flex-Container_04 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin-top: 0
|
||
|
}
|
||
|
.Flex-Container_05 {
|
||
|
display: block;
|
||
|
align-items: center;
|
||
|
flex-direction: row;
|
||
|
justify-content: center;
|
||
|
text-align: center;
|
||
|
width: 100%;
|
||
|
padding: 2px 6% 3%;
|
||
|
background-color: #f7f7f7;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
.Flex-item_03 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin-left: 0%;
|
||
|
padding-bottom: 40px;
|
||
|
}
|
||
|
.Flex-item_03 p {
|
||
|
margin-bottom: 40px;
|
||
|
}
|
||
|
article.Flex-item_04 {
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
text-align: center;
|
||
|
line-height: normal;
|
||
|
padding-bottom: 40px;
|
||
|
flex: 45%;
|
||
|
}
|
||
|
img#logo_03 {
|
||
|
width: 136px;
|
||
|
height: 136px
|
||
|
}
|
||
|
img#logo_04 {
|
||
|
width: 136px;
|
||
|
height: 136px
|
||
|
}
|
||
|
img#logo_04_02 {
|
||
|
width: 125px;
|
||
|
height: 105px;
|
||
|
margin-bottom: 13%;
|
||
|
margin-top: 20%
|
||
|
}
|
||
|
p#VM_02 {
|
||
|
margin-bottom: 40px;
|
||
|
}
|
||
|
img#logo_04_03 {
|
||
|
width: 125px;
|
||
|
height: 105px;
|
||
|
margin-bottom: 16%;
|
||
|
margin-top: 14%
|
||
|
}
|
||
|
#VM_03 {
|
||
|
margin-bottom: 40px;
|
||
|
}
|
||
|
article.Flex-item_05 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
margin-top: 0
|
||
|
}
|
||
|
.Flex-item_09 {
|
||
|
margin-top: 0;
|
||
|
margin-bottom: 0
|
||
|
}
|
||
|
img#logo_05 {
|
||
|
width: 136px;
|
||
|
height: 136px;
|
||
|
margin-top: 18%
|
||
|
}
|
||
|
img#logo_06 {
|
||
|
width: 136px;
|
||
|
height: 136px
|
||
|
}
|
||
|
img#logo_07 {
|
||
|
width: 136px;
|
||
|
height: 136px
|
||
|
}
|
||
|
img#logo_08_1 {
|
||
|
width: 136px;
|
||
|
height: 136px;
|
||
|
margin-top: 0;
|
||
|
margin-left: 90pt
|
||
|
}
|
||
|
button#btn_BC_02.button_01 {
|
||
|
display: flex;
|
||
|
margin-right: 0;
|
||
|
}
|
||
|
p.Flex-item_12_2 {
|
||
|
margin-top: 0;
|
||
|
margin-bottom: 20px
|
||
|
}
|
||
|
ul.Flex-item_13 {
|
||
|
margin-right: 11%;
|
||
|
margin-left: 6%
|
||
|
}
|
||
|
div.Flex-item_12_3 {
|
||
|
box-sizing: border-box;
|
||
|
width: 270pt
|
||
|
}
|
||
|
.Flex-item_12_3 img#logo_08_2 {
|
||
|
width: 136px;
|
||
|
height: 136px;
|
||
|
margin-top: 0;
|
||
|
margin-left: 26%;
|
||
|
margin-right: 170pt
|
||
|
}
|
||
|
#VM_05 {
|
||
|
margin-left: 90pt
|
||
|
}
|
||
|
div.Flex-item_14 {
|
||
|
margin-left: 6%;
|
||
|
margin-right: 6%
|
||
|
}
|
||
|
h6#link_LMB {
|
||
|
display: flex;
|
||
|
margin-left: 225pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
h6#link_LMVM {
|
||
|
display: flex;
|
||
|
margin-left: 210pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
#Flex-item_09 {
|
||
|
margin-left: 0
|
||
|
}
|
||
|
h2#Question {
|
||
|
margin: 5% 5% 5% 100px
|
||
|
}
|
||
|
.Flex-item_4 {
|
||
|
margin-bottom: 2%
|
||
|
}
|
||
|
#link_04 {
|
||
|
margin-left: 0
|
||
|
}
|
||
|
.Flex-Container_09 {
|
||
|
margin-top: 40px
|
||
|
}
|
||
|
h6#link_LMVM {
|
||
|
display: flex;
|
||
|
margin-left: 240pt;
|
||
|
text-decoration: underline;
|
||
|
margin-top: 0
|
||
|
}
|
||
|
#link_04 {
|
||
|
margin-top: 0
|
||
|
}
|
||
|
#BP_06 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#BP_07 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#VM_06 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#VM_07 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
.Flex-Container_10 {
|
||
|
display: block
|
||
|
}
|
||
|
h2#Question {
|
||
|
margin: 5% 5% 5% 120px;
|
||
|
line-height: normal;
|
||
|
font-size: 30pt
|
||
|
}
|
||
|
p#Call_us {
|
||
|
margin-left: 120px
|
||
|
}
|
||
|
h2.Flex-item_16 {
|
||
|
margin-top: 60px;
|
||
|
text-decoration: none;
|
||
|
margin-bottom: 0
|
||
|
}
|
||
|
p.Flex-item_17 {
|
||
|
overflow-wrap: anywhere;
|
||
|
margin-left: 105pt
|
||
|
}
|
||
|
.Flex-Container_10 {
|
||
|
display: block
|
||
|
}
|
||
|
.Flex-item_18_01 {
|
||
|
font-size: 16px
|
||
|
}
|
||
|
.Flex-item_19 {
|
||
|
font-size: 14.5px
|
||
|
}
|
||
|
.Flex-item_20 a {
|
||
|
font-size: 18px
|
||
|
}
|
||
|
img#logo_10 {
|
||
|
margin-left: 100px
|
||
|
}
|
||
|
a p.Flex-item_21 {
|
||
|
font-size: 15PX;
|
||
|
margin-top: 30px
|
||
|
}
|
||
|
p.Flex-item_22.MT_40 {
|
||
|
font-size: 15PX;
|
||
|
margin-top: 30px;
|
||
|
margin-left: 280pt
|
||
|
}
|
||
|
section.Flex-Container_14 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
margin: 0 1% 5% 10%
|
||
|
}
|
||
|
div.Flex-item_23_5 {
|
||
|
margin: 0 25% 0 15px
|
||
|
}
|
||
|
img#logo_11 {
|
||
|
width: 120px;
|
||
|
height: 120px;
|
||
|
margin-left: 1%
|
||
|
}
|
||
|
h1#BP_05 {
|
||
|
font-size: 40px;
|
||
|
margin-top: 75px
|
||
|
}
|
||
|
div.Flex-item_24 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: flex-start;
|
||
|
margin: 310px 0 0 5%
|
||
|
}
|
||
|
p.Flex-item_24_1 {
|
||
|
font-weight: 700;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 40px
|
||
|
}
|
||
|
p.Flex-item_24_2 {
|
||
|
font-size: 30px;
|
||
|
font-weight: 300;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 10px
|
||
|
}
|
||
|
.Flex-item_24_2 strong {
|
||
|
font-size: 45px
|
||
|
}
|
||
|
#link_TS_02 {
|
||
|
font-size: 32px;
|
||
|
padding-top: 120px
|
||
|
}
|
||
|
#link_PR {
|
||
|
font-size: 32px;
|
||
|
padding-top: 120px
|
||
|
}
|
||
|
div.Flex-item_26_1 {
|
||
|
margin: 60px 5% 60PX 14%;
|
||
|
font-size: 22px
|
||
|
}
|
||
|
div.Flex-item_26_2 {
|
||
|
margin: auto;
|
||
|
font-size: 50px
|
||
|
}
|
||
|
p.Flex-item_26_3_1 {
|
||
|
font-size: 35px
|
||
|
}
|
||
|
div.Flex-item_26_3 {
|
||
|
margin: auto auto auto 0;
|
||
|
font-size: 38px
|
||
|
}
|
||
|
section.Flex-Container_17 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 160px 8% 5% 11%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
section.Flex-Container_16 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 120px 8% 5% 11.5%;
|
||
|
line-height: normal;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 960px) {
|
||
|
section.Flex-Container_03 {
|
||
|
padding-top: 0;
|
||
|
margin-top: 180px
|
||
|
}
|
||
|
div.Flex-item_01 {
|
||
|
display: flex;
|
||
|
line-height: normal
|
||
|
}
|
||
|
h2#local_recycled {
|
||
|
margin-top: 30px
|
||
|
}
|
||
|
.button_01 {
|
||
|
width: auto;
|
||
|
height: 40px;
|
||
|
border-radius: 5px;
|
||
|
border: none
|
||
|
}
|
||
|
.button_02 {
|
||
|
width: 190px;
|
||
|
height: 40px;
|
||
|
border-radius: 5px;
|
||
|
font-weight: 700;
|
||
|
border-radius: 5px
|
||
|
}
|
||
|
h5.button_03 {
|
||
|
display: inline-flex;
|
||
|
width: auto;
|
||
|
height: 40px;
|
||
|
padding: 20px;
|
||
|
background-color: #3cc;
|
||
|
border: none;
|
||
|
text-align: center;
|
||
|
align-items: center;
|
||
|
border-radius: 5px;
|
||
|
box-shadow: 0 3px 6px 0 rgb(0 0 41 / 35%);
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
.button_03 {
|
||
|
width: 190px;
|
||
|
height: 40px;
|
||
|
border-radius: 5px;
|
||
|
border: none
|
||
|
}
|
||
|
h1 {
|
||
|
font-size: 50px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 34px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h3 {
|
||
|
font-size: 26px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h4 {
|
||
|
font-size: 30px;
|
||
|
font-weight: 500
|
||
|
}
|
||
|
h5 {
|
||
|
font-size: 18px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6 {
|
||
|
font-size: 20px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6#link_RM {
|
||
|
margin-right: 18%;
|
||
|
}
|
||
|
#wcb {
|
||
|
justify-content: flex-end;
|
||
|
margin-right: 6%;
|
||
|
font-size: 20px !important;
|
||
|
}
|
||
|
p {
|
||
|
font-size: 19px
|
||
|
}
|
||
|
img#logo_01 {
|
||
|
width: 176px;
|
||
|
height: 62px;
|
||
|
left: 8%
|
||
|
}
|
||
|
div.line {
|
||
|
width: 60px;
|
||
|
height: 3px;
|
||
|
margin: 12px
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(1) {
|
||
|
-webkit-transform: translateY(15px) rotate(225deg)
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(2) {
|
||
|
opacity: 0
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(3) {
|
||
|
-webkit-transform: translateY(-15px) rotate(-225deg)
|
||
|
}
|
||
|
nav.Flex-Container_02 {
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
height: 105px;
|
||
|
padding: 52px 0 42px 53px;
|
||
|
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
|
||
|
}
|
||
|
ul.topnav-links {
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
padding: 0 14.3px;
|
||
|
font-size: 30px;
|
||
|
padding-top: 30px
|
||
|
}
|
||
|
section.Flex-Container_03>* {
|
||
|
flex-basis: 100%;
|
||
|
margin-right: 0
|
||
|
}
|
||
|
img#logo_02 {
|
||
|
width: 240px;
|
||
|
height: 166px;
|
||
|
margin-top: 40px;
|
||
|
margin-left: 20%
|
||
|
}
|
||
|
div.Flex-item_02 {
|
||
|
margin-right: 0
|
||
|
}
|
||
|
h1.Flex-item_02 {
|
||
|
margin-top: 0;
|
||
|
padding-left: 0
|
||
|
}
|
||
|
h2#local_recycled {
|
||
|
margin-top: 30px
|
||
|
}
|
||
|
#local_recycled_2 {
|
||
|
margin-top: 20px
|
||
|
}
|
||
|
#btn_RM {
|
||
|
margin-top: 40px
|
||
|
}
|
||
|
.Flex-Container_04 {
|
||
|
margin-top: 0
|
||
|
}
|
||
|
#GS_01 {
|
||
|
margin-top: 5%;
|
||
|
margin-left: 12%;
|
||
|
margin-bottom: 0
|
||
|
}
|
||
|
img#logo_03 {
|
||
|
width: 125.5px;
|
||
|
height: 125.5px
|
||
|
}
|
||
|
img#logo_04 {
|
||
|
width: 125.5px;
|
||
|
height: 125.5px
|
||
|
}
|
||
|
article.Flex-item_05 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
margin-top: 0
|
||
|
}
|
||
|
#title_hcyh {
|
||
|
margin-left: 11%
|
||
|
}
|
||
|
article.Flex-item_09 {
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
align-items: flex-start;
|
||
|
flex-wrap: wrap;
|
||
|
justify-items: center;
|
||
|
line-height: normal;
|
||
|
margin-bottom: 0;
|
||
|
margin-left: 0%;
|
||
|
margin-right: 0
|
||
|
}
|
||
|
.Flex-item_10 {
|
||
|
margin-right: 15%;
|
||
|
margin-bottom: 8%
|
||
|
}
|
||
|
img#logo_05 {
|
||
|
width: 125.5px;
|
||
|
height: 125.5px;
|
||
|
margin-top: 10%
|
||
|
}
|
||
|
img#logo_06 {
|
||
|
width: 125.5px;
|
||
|
height: 125.5px;
|
||
|
margin-top: 27%
|
||
|
}
|
||
|
img#logo_07 {
|
||
|
width: 125.5px;
|
||
|
height: 125.5px;
|
||
|
margin-top: 10%
|
||
|
}
|
||
|
div.Flex-item_12 {
|
||
|
box-sizing: border-box;
|
||
|
width: 340pt
|
||
|
}
|
||
|
.Flex-item_12 img#logo_08_1 {
|
||
|
width: 125.5px;
|
||
|
height: 125.5px;
|
||
|
margin-left: 85pt;
|
||
|
margin-right: 85pt
|
||
|
}
|
||
|
p.Flex-item_12_1 {
|
||
|
margin-left: 90pt
|
||
|
}
|
||
|
#BP_04 {
|
||
|
margin-left: 12%
|
||
|
}
|
||
|
p.Flex-item_12_2 {
|
||
|
margin-bottom: 20px;
|
||
|
margin-right: 5%;
|
||
|
overflow-wrap: anywhere
|
||
|
}
|
||
|
h6#link_LMB {
|
||
|
display: flex;
|
||
|
margin-left: 230pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
img#logo_08_2 {
|
||
|
width: 125.5px;
|
||
|
height: 125.5px;
|
||
|
margin-top: 6%;
|
||
|
margin-left: 75pt;
|
||
|
margin-right: 75pt
|
||
|
}
|
||
|
#VM_05 {
|
||
|
font-size: 16px;
|
||
|
margin-left: 80pt
|
||
|
}
|
||
|
#Flex-item_09 {
|
||
|
margin-left: 0
|
||
|
}
|
||
|
.Flex-item_4 {
|
||
|
margin-bottom: 2%
|
||
|
}
|
||
|
button#btn_BC_02.button_01 {
|
||
|
margin-top: 0
|
||
|
}
|
||
|
.Flex-Container_09 {
|
||
|
margin-top: 40px
|
||
|
}
|
||
|
h6#link_LMVM {
|
||
|
display: flex;
|
||
|
margin-left: 225pt;
|
||
|
text-decoration: underline;
|
||
|
margin-top: 0
|
||
|
}
|
||
|
#link_04 {
|
||
|
margin-top: 0
|
||
|
}
|
||
|
#BP_06 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#BP_07 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#VM_06 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#VM_07 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
.Flex-Container_10 {
|
||
|
display: block
|
||
|
}
|
||
|
h2#Question {
|
||
|
margin: 5% 5% 5% 11%;
|
||
|
line-height: normal;
|
||
|
font-size: 30pt
|
||
|
}
|
||
|
P#Call_us {
|
||
|
margin-left: 100px
|
||
|
}
|
||
|
h2.Flex-item_16 {
|
||
|
margin-top: 60px;
|
||
|
text-decoration: none;
|
||
|
margin-bottom: 0;
|
||
|
margin-left: 11.5%
|
||
|
}
|
||
|
img#Location_Map {
|
||
|
width: 1000px;
|
||
|
height: 400px;
|
||
|
max-width: 100%;
|
||
|
margin-bottom: 5%;
|
||
|
padding: 3% 8% 0 15%;
|
||
|
margin-bottom: 0
|
||
|
}
|
||
|
p.Flex-item_17 {
|
||
|
padding-right: 5%;
|
||
|
overflow-wrap: anywhere
|
||
|
}
|
||
|
div.Flex-item_18 {
|
||
|
margin-left: 100px
|
||
|
}
|
||
|
.Flex-item_18_01 {
|
||
|
font-size: 16px
|
||
|
}
|
||
|
.Flex-item_19 {
|
||
|
font-size: 14.5px
|
||
|
}
|
||
|
.Flex-item_20 a {
|
||
|
font-size: 18px
|
||
|
}
|
||
|
div img#logo_10 {
|
||
|
margin-left: 100px
|
||
|
}
|
||
|
a p.Flex-item_21 {
|
||
|
font-size: 13.5PX;
|
||
|
margin-top: 30px;
|
||
|
margin-left: 100px
|
||
|
}
|
||
|
p.Flex-item_22.MT_40 {
|
||
|
font-size: 13.5PX;
|
||
|
margin-top: 30px;
|
||
|
margin-left: 240pt
|
||
|
}
|
||
|
img#logo_11 {
|
||
|
width: 110px;
|
||
|
height: 110px;
|
||
|
margin-left: 1%
|
||
|
}
|
||
|
h1#BP_05 {
|
||
|
font-size: 35px;
|
||
|
margin-top: 70px
|
||
|
}
|
||
|
div.Flex-item_24 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: flex-start;
|
||
|
margin: 295px 0 0 5%
|
||
|
}
|
||
|
p.Flex-item_24_1 {
|
||
|
font-weight: 700;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 40px
|
||
|
}
|
||
|
p.Flex-item_24_2 {
|
||
|
font-size: 30px;
|
||
|
font-weight: 300;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 10px
|
||
|
}
|
||
|
#link_TS_02 {
|
||
|
font-size: 32px;
|
||
|
padding-top: 120px
|
||
|
}
|
||
|
#link_PR {
|
||
|
font-size: 32px;
|
||
|
padding-top: 120px
|
||
|
}
|
||
|
div.Flex-item_26_1 {
|
||
|
margin: 60px 0 60PX 14%;
|
||
|
font-size: 20px
|
||
|
}
|
||
|
div.Flex-item_26_3 {
|
||
|
margin: auto auto auto 0;
|
||
|
font-size: 40px
|
||
|
}
|
||
|
section.Flex-Container_17 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 160px 8% 5% 12%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 880px) {
|
||
|
nav ul.topnav-links {
|
||
|
position: fixed;
|
||
|
flex-direction: column;
|
||
|
width: 100%;
|
||
|
height: auto;
|
||
|
float: none;
|
||
|
position: fixed;
|
||
|
justify-content: space-between;
|
||
|
z-index: 9;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
top: 75px;
|
||
|
bottom: 100%;
|
||
|
background-color: #f7f7f7;
|
||
|
overflow: hidden;
|
||
|
transition: all .5s ease-in-out;
|
||
|
overflow-y: scroll
|
||
|
}
|
||
|
.Flex-Container_02.topnav-links a {
|
||
|
display: block;
|
||
|
font-size: 20px;
|
||
|
line-height: normal
|
||
|
}
|
||
|
#language_bar {
|
||
|
font-size: 30px
|
||
|
}
|
||
|
nav ul.topnav-links li {
|
||
|
height: 60vh;
|
||
|
border-bottom: 1px solid #043975;
|
||
|
padding: 5px 0px 30px 7%;
|
||
|
}
|
||
|
nav ul.topnav-links li.nav-item2 {
|
||
|
padding: 5px 0px 30px 2%;
|
||
|
}
|
||
|
#nav-toggle {
|
||
|
position: absolute
|
||
|
}
|
||
|
label.icon-burger {
|
||
|
position: absolute;
|
||
|
right: 5%;
|
||
|
top: 50%;
|
||
|
-webkit-transform: translateY(-50%)
|
||
|
}
|
||
|
div.line {
|
||
|
width: 60px;
|
||
|
height: 3px;
|
||
|
margin: 12px;
|
||
|
background-color: #0f3975;
|
||
|
border-radius: 3px;
|
||
|
transition: all .3s ease-in-out
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(1) {
|
||
|
-webkit-transform: translateY(15px) rotate(225deg)
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(2) {
|
||
|
opacity: 0
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(3) {
|
||
|
-webkit-transform: translateY(-15px) rotate(-225deg)
|
||
|
}
|
||
|
nav :checked~ul.topnav-links {
|
||
|
bottom: 0
|
||
|
}
|
||
|
li.nav-item a.active span {
|
||
|
font-weight: 700;
|
||
|
border: none
|
||
|
}
|
||
|
#language_Res {
|
||
|
display: inline-block
|
||
|
}
|
||
|
#language.active {
|
||
|
font-weight: 700
|
||
|
}
|
||
|
#nav-arrow_01 {
|
||
|
display: none
|
||
|
}
|
||
|
section.Flex-Container_03 {
|
||
|
margin-top: 160px
|
||
|
}
|
||
|
div.Flex-item_01 {
|
||
|
display: flex;
|
||
|
line-height: normal;
|
||
|
margin-right: 0
|
||
|
}
|
||
|
h2#local_recycled {
|
||
|
margin-top: 30px;
|
||
|
margin-right: -12px;
|
||
|
}
|
||
|
#local_recycled_2 {
|
||
|
margin-right: 0;
|
||
|
overflow-wrap: anywhere
|
||
|
}
|
||
|
#BP_01 {
|
||
|
font-size: 35px;
|
||
|
margin-left: 5%;
|
||
|
padding-bottom: 11%
|
||
|
}
|
||
|
#VM_01 {
|
||
|
font-size: 35px;
|
||
|
padding-left: 8%
|
||
|
}
|
||
|
#VM_02 {
|
||
|
margin-bottom: 17%
|
||
|
}
|
||
|
.button_01 {
|
||
|
width: auto;
|
||
|
height: 40px;
|
||
|
border-radius: 5px;
|
||
|
border: none
|
||
|
}
|
||
|
.button_02 {
|
||
|
width: 190px;
|
||
|
height: 40px;
|
||
|
border-radius: 5px;
|
||
|
font-weight: 700;
|
||
|
border-radius: 5px
|
||
|
}
|
||
|
.button_03 {
|
||
|
width: 220px;
|
||
|
height: 40px;
|
||
|
border-radius: 5px;
|
||
|
border: none
|
||
|
}
|
||
|
h1 {
|
||
|
font-size: 50px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 34px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h3 {
|
||
|
font-size: 26px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h4 {
|
||
|
font-size: 30px;
|
||
|
font-weight: 500
|
||
|
}
|
||
|
h5 {
|
||
|
font-size: 20px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6 {
|
||
|
font-size: 20px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6#link_RM {
|
||
|
margin-right: 16%;
|
||
|
}
|
||
|
#wcb {
|
||
|
justify-content: flex-end;
|
||
|
margin-right: 6%;
|
||
|
font-size: 18px !important;
|
||
|
}
|
||
|
p {
|
||
|
font-size: 22px
|
||
|
}
|
||
|
img#logo_01 {
|
||
|
width: 176px;
|
||
|
height: 62px;
|
||
|
left: 4.5%;
|
||
|
top: 20%
|
||
|
}
|
||
|
nav.Flex-Container_02 {
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
height: 50px;
|
||
|
padding: 52px 0 42px 53px;
|
||
|
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
|
||
|
}
|
||
|
ul.topnav-links {
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
padding: 0 14.3px;
|
||
|
font-size: 30px;
|
||
|
padding-top: 30px
|
||
|
}
|
||
|
section.Flex-Container_03>* {
|
||
|
flex-basis: 100%;
|
||
|
margin-right: 0
|
||
|
}
|
||
|
div.Flex-item_01 {
|
||
|
display: flex;
|
||
|
line-height: normal
|
||
|
}
|
||
|
div.Flex-item_02 {
|
||
|
margin-left: -150px
|
||
|
}
|
||
|
img#logo_02 {
|
||
|
width: 240px;
|
||
|
height: 160px;
|
||
|
margin-top: 50px;
|
||
|
margin-left: 11%
|
||
|
}
|
||
|
h1.Flex-item_02 {
|
||
|
margin-top: 0;
|
||
|
padding-left: 0
|
||
|
}
|
||
|
h2.Flex-item_02_2 {
|
||
|
margin-top: 5%;
|
||
|
margin-left: 8%;
|
||
|
margin-bottom: 3%
|
||
|
}
|
||
|
.Flex-Container_04 {
|
||
|
margin-top: 0
|
||
|
}
|
||
|
#GS_01 {
|
||
|
margin-top: 5%;
|
||
|
margin-left: 8%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
img#logo_03 {
|
||
|
width: 125.5px;
|
||
|
height: 125.5px
|
||
|
}
|
||
|
.Flex-item_03 p {
|
||
|
margin-bottom: 90px
|
||
|
}
|
||
|
img#logo_04 {
|
||
|
width: 125.5px;
|
||
|
height: 125.5px
|
||
|
}
|
||
|
p#VM_02 {
|
||
|
margin-bottom: 19%
|
||
|
}
|
||
|
article.Flex-item_05 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
margin-top: 0
|
||
|
}
|
||
|
#Manifesto {
|
||
|
margin-left: 8%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
#Manifesto_p_01 {
|
||
|
margin-left: 8%;
|
||
|
margin-right: 8%;
|
||
|
margin-bottom: 4%
|
||
|
}
|
||
|
#Manifesto_p_02 {
|
||
|
margin-left: 8%
|
||
|
}
|
||
|
h6#link_RM {
|
||
|
font-size: 22PX;
|
||
|
margin-left: 8%
|
||
|
}
|
||
|
h2.Flex-item_06 {
|
||
|
margin-left: 8%
|
||
|
}
|
||
|
h4.Flex-item_07 {
|
||
|
margin-left: 9%
|
||
|
}
|
||
|
article.Flex-item_09 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
justify-content: center;
|
||
|
margin-left: 10%
|
||
|
}
|
||
|
h2#title_hcyh {
|
||
|
margin-top: 5%;
|
||
|
margin-bottom: 5%;
|
||
|
margin-left: 8%
|
||
|
}
|
||
|
.Flex-item_09_2 {
|
||
|
display: flex;
|
||
|
justify-content: space-around
|
||
|
}
|
||
|
#Flex-item_09_3 {
|
||
|
display: block;
|
||
|
margin-left: 17%;
|
||
|
margin-top: 5%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
#Flex-item_09_4 {
|
||
|
display: flex;
|
||
|
margin-left: -8%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
.Flex-item_10 {
|
||
|
margin-left: 0;
|
||
|
margin-bottom: 8%
|
||
|
}
|
||
|
.Flex-item_10_2 {
|
||
|
font-size: 35px
|
||
|
}
|
||
|
img#logo_05 {
|
||
|
width: 125.5px;
|
||
|
height: 85px;
|
||
|
margin-top: 5%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
img#logo_06 {
|
||
|
width: 125.5px;
|
||
|
height: 85px;
|
||
|
margin-top: 23%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
img#logo_07 {
|
||
|
display: block;
|
||
|
width: 125.5px;
|
||
|
height: 85px;
|
||
|
margin-top: 5%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
.Flex-Container_09 {
|
||
|
margin-right: 0
|
||
|
}
|
||
|
div.Flex-item_12 {
|
||
|
box-sizing: border-box;
|
||
|
width: 260pt
|
||
|
}
|
||
|
.Flex-item_12 img#logo_08_1 {
|
||
|
width: 120px;
|
||
|
height: 120px;
|
||
|
margin: 6% 140pt 15% 45pt
|
||
|
}
|
||
|
.Flex-item_12 {
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
p.Flex-item_12_1 {
|
||
|
margin-left: 45pt
|
||
|
}
|
||
|
h6#link_LMB {
|
||
|
display: flex;
|
||
|
margin-left: -15pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
p.Flex-item_12_2 {
|
||
|
margin-top: 6%;
|
||
|
margin-right: 2%
|
||
|
}
|
||
|
ul.Flex-item_13 {
|
||
|
line-height: normal;
|
||
|
list-style-type: disc;
|
||
|
list-style-position: outside;
|
||
|
font-size: 22px;
|
||
|
margin-bottom: 5%;
|
||
|
margin-left: 10%
|
||
|
}
|
||
|
div.Flex-item_14 {
|
||
|
display: inline-flex;
|
||
|
justify-content: start;
|
||
|
align-items: flex-end;
|
||
|
margin-top: 5%;
|
||
|
margin-right: 8%;
|
||
|
margin-bottom: 5%;
|
||
|
flex-direction: row
|
||
|
}
|
||
|
button#btn_BC_02.button_01 {
|
||
|
margin-left: 80pt
|
||
|
}
|
||
|
.Flex-item_12_3 img#logo_08_2 {
|
||
|
width: 120px;
|
||
|
height: 120px;
|
||
|
margin-top: 6%;
|
||
|
margin-left: 35pt;
|
||
|
margin-right: 75pt
|
||
|
}
|
||
|
#VM_05 {
|
||
|
font-size: 16px;
|
||
|
margin-left: 80pt
|
||
|
}
|
||
|
#Flex-item_09 {
|
||
|
margin-left: 0
|
||
|
}
|
||
|
h2#Question {
|
||
|
margin: 5% 5% 5% 100px
|
||
|
}
|
||
|
P#Call_us {
|
||
|
margin-left: 100px
|
||
|
}
|
||
|
.Flex-item_4 {
|
||
|
margin-bottom: 2%
|
||
|
}
|
||
|
h6#link_LMB {
|
||
|
display: flex;
|
||
|
margin-left: 5pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
.Flex-Container_09 {
|
||
|
margin-top: 40px
|
||
|
}
|
||
|
div.Flex-item_12_3 {
|
||
|
box-sizing: border-box;
|
||
|
width: 390pt
|
||
|
}
|
||
|
h6#link_LMVM {
|
||
|
display: flex;
|
||
|
margin-left: 5pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
#link_04 {
|
||
|
margin-top: 0
|
||
|
}
|
||
|
#BP_04 {
|
||
|
margin-left: 9%
|
||
|
}
|
||
|
#BP_06 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#BP_07 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#VM_06 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#VM_07 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
.Flex-Container_10 {
|
||
|
display: block
|
||
|
}
|
||
|
h2#Question {
|
||
|
margin: 5% 5% 5% 50px;
|
||
|
line-height: normal;
|
||
|
font-size: 30pt
|
||
|
}
|
||
|
P#Call_us {
|
||
|
margin-left: 7%
|
||
|
}
|
||
|
h2.Flex-item_16 {
|
||
|
margin-top: 60px;
|
||
|
text-decoration: none;
|
||
|
margin-bottom: 0;
|
||
|
margin-left: 7%
|
||
|
}
|
||
|
img#Location_Map {
|
||
|
width: 1000px;
|
||
|
height: 400px;
|
||
|
max-width: 100%;
|
||
|
margin-bottom: 5%;
|
||
|
padding: 0 15%;
|
||
|
margin-bottom: 0
|
||
|
}
|
||
|
p.Flex-item_17 {
|
||
|
padding-right: 5%;
|
||
|
overflow-wrap: anywhere;
|
||
|
margin-left: 6%;
|
||
|
font-size: 15px
|
||
|
}
|
||
|
.Flex-Container_10 {
|
||
|
display: block
|
||
|
}
|
||
|
.Flex-Container_12 {
|
||
|
display: block
|
||
|
}
|
||
|
div.Flex-item_18 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
font-size: 22px;
|
||
|
font-family: "PT Sans", sans-serif;
|
||
|
color: #00123f;
|
||
|
margin-left: 7%
|
||
|
}
|
||
|
.Flex-item_18_01 {
|
||
|
font-size: 16px
|
||
|
}
|
||
|
.Flex-item_19 {
|
||
|
font-size: 14.5px
|
||
|
}
|
||
|
.Flex-item_20 a {
|
||
|
font-size: 18px
|
||
|
}
|
||
|
div img#logo_10 {
|
||
|
margin-left: 70px;
|
||
|
margin-top: 40px
|
||
|
}
|
||
|
footer.Flex-Container_13 {
|
||
|
display: inline-flex;
|
||
|
justify-content: stretch
|
||
|
}
|
||
|
a p.Flex-item_21 {
|
||
|
font-size: 12PX;
|
||
|
margin-top: 30px;
|
||
|
margin-left: 70px
|
||
|
}
|
||
|
p.Flex-item_22.MT_40 {
|
||
|
font-size: 12PX;
|
||
|
margin-top: 30px;
|
||
|
margin-right: 8%;
|
||
|
margin-left: 80pt
|
||
|
}
|
||
|
section.Flex-Container_14 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
margin: 20px 1% 40px 9%
|
||
|
}
|
||
|
div.Flex-item_23_1 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin-top: 0
|
||
|
}
|
||
|
p.Flex-item_23_3 {
|
||
|
display: flex;
|
||
|
line-height: normal;
|
||
|
margin: 3% 20% 40px -20px
|
||
|
}
|
||
|
p.Flex-item_23_4 {
|
||
|
display: flex;
|
||
|
line-height: normal;
|
||
|
margin: 0 20% 40px -20px
|
||
|
}
|
||
|
div.Flex-item_23_5 {
|
||
|
margin: 0 0 0 -20px
|
||
|
}
|
||
|
section.Flex-Container_14_1 {
|
||
|
display: block;
|
||
|
margin: 20px 1% 0 10%
|
||
|
}
|
||
|
img#logo_12 {
|
||
|
display: flex;
|
||
|
position: relative;
|
||
|
width: 120px;
|
||
|
height: 120px;
|
||
|
margin: 160px 1% 0 6%;
|
||
|
padding-bottom: 10px
|
||
|
}
|
||
|
h1#BP_06 {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
left: 25%;
|
||
|
font-size: 50px;
|
||
|
margin: -55px 1% 0 -20px
|
||
|
}
|
||
|
img#logo_11 {
|
||
|
width: 110px;
|
||
|
height: 110px;
|
||
|
margin-left: 1%;
|
||
|
display: none
|
||
|
}
|
||
|
h1#BP_05 {
|
||
|
display: inline-flex;
|
||
|
font-size: 35px;
|
||
|
margin-top: 60px;
|
||
|
margin-left: 30px;
|
||
|
display: none
|
||
|
}
|
||
|
div.Flex-item_24 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: flex-start;
|
||
|
margin: 10px 0 0
|
||
|
}
|
||
|
p.Flex-item_24_1 {
|
||
|
font-weight: 700;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 40px
|
||
|
}
|
||
|
p.Flex-item_24_2 {
|
||
|
font-size: 35px;
|
||
|
font-weight: 300;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 10px
|
||
|
}
|
||
|
.Flex-item_24_2 strong {
|
||
|
font-size: 45px
|
||
|
}
|
||
|
p.Flex-item_24_3 {
|
||
|
font-size: 14px
|
||
|
}
|
||
|
#link_TS_02 {
|
||
|
font-size: 32px
|
||
|
}
|
||
|
#link_PR {
|
||
|
font-size: 32px;
|
||
|
cursor: pointer!important
|
||
|
}
|
||
|
article.Flex-item_25 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 0 3% 0 6%
|
||
|
}
|
||
|
div.Flex-item_26 {
|
||
|
display: flex;
|
||
|
margin: 0 0 2% 6%
|
||
|
}
|
||
|
div.Flex-item_26_1 {
|
||
|
margin: 60px 20px 60PX 12%;
|
||
|
font-size: 20px
|
||
|
}
|
||
|
div.Flex-item_26_2 {
|
||
|
margin: auto 5%;
|
||
|
font-size: 50px
|
||
|
}
|
||
|
p.Flex-item_26_3_1 {
|
||
|
font-size: 35px
|
||
|
}
|
||
|
p.Flex-item_26_3_2 {
|
||
|
font-size: 14px
|
||
|
}
|
||
|
div.Flex-item_26_3 {
|
||
|
margin: auto 6% auto 0;
|
||
|
font-size: 40px
|
||
|
}
|
||
|
article.Flex-item_27 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 5% 10% 5% 6%
|
||
|
}
|
||
|
section.Flex-Container_16 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 120px 8% 5% 8.5%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
ul.Flex-item_30 {
|
||
|
margin: 20px 10px 20px 30px;
|
||
|
font-size: 16px
|
||
|
}
|
||
|
section.Flex-Container_17 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 160px 8% 5% 8.5%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
section.Flex-Container_18 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 160px 8% 40px 8.5%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 800px) {
|
||
|
h6#link_RM {
|
||
|
margin-right: 16%;
|
||
|
}
|
||
|
#wcb {
|
||
|
justify-content: flex-end;
|
||
|
margin-right: 6%;
|
||
|
font-size: 16px !important;
|
||
|
}
|
||
|
div#wcb.carbonbadge {
|
||
|
justify-content: flex-end;
|
||
|
margin-right: 6%;
|
||
|
}
|
||
|
img#Location_Map {
|
||
|
width: 1000px;
|
||
|
height: 400px;
|
||
|
max-width: 105%;
|
||
|
margin-bottom: 0;
|
||
|
padding: 0 15%;
|
||
|
margin-bottom: 0
|
||
|
}
|
||
|
div.Flex-item_26_2 {
|
||
|
margin: auto;
|
||
|
}
|
||
|
div.Flex-item_26_4 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: auto 5% auto 11%;
|
||
|
line-height: normal;
|
||
|
font-size: 12px;
|
||
|
overflow-wrap: anywhere;
|
||
|
line-height: normal;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 770px) {
|
||
|
nav ul.topnav-links {
|
||
|
position: fixed;
|
||
|
flex-direction: column;
|
||
|
width: 100%;
|
||
|
height: auto;
|
||
|
float: none;
|
||
|
position: fixed;
|
||
|
justify-content: space-between;
|
||
|
z-index: 9;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
top: 75px;
|
||
|
bottom: 100%;
|
||
|
background-color: #f7f7f7;
|
||
|
overflow: hidden;
|
||
|
transition: all .5s ease-in-out;
|
||
|
overflow-y: scroll
|
||
|
}
|
||
|
.Flex-Container_02.topnav-links a {
|
||
|
display: block;
|
||
|
font-size: 20px;
|
||
|
line-height: normal
|
||
|
}
|
||
|
nav ul.topnav-links li {
|
||
|
height: 60vh;
|
||
|
border-bottom: 1px solid #043975;
|
||
|
padding: 5px 0px 30px 5%;
|
||
|
}
|
||
|
nav ul.topnav-links li.nav-item2 {
|
||
|
padding: 5px 0px 30px 2%;
|
||
|
}
|
||
|
#language_bar {
|
||
|
font-size: 30px
|
||
|
}
|
||
|
#nav-toggle {
|
||
|
position: absolute
|
||
|
}
|
||
|
label.icon-burger {
|
||
|
position: absolute;
|
||
|
right: 5%;
|
||
|
top: 50%;
|
||
|
-webkit-transform: translateY(-50%)
|
||
|
}
|
||
|
div.line {
|
||
|
width: 60px;
|
||
|
height: 5px;
|
||
|
margin: 15px
|
||
|
}
|
||
|
nav.Flex-Container_02 {
|
||
|
display: flex;
|
||
|
width: 100%;
|
||
|
height: 40px;
|
||
|
padding: 52px 0 42px 53px;
|
||
|
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
|
||
|
}
|
||
|
ul.topnav-links {
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(1) {
|
||
|
-webkit-transform: translateY(13px) rotate(225deg)
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(2) {
|
||
|
opacity: 0
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(3) {
|
||
|
-webkit-transform: translateY(-13px) rotate(-225deg)
|
||
|
}
|
||
|
nav :checked~ul.topnav-links {
|
||
|
bottom: 0
|
||
|
}
|
||
|
li.nav-item a.active span {
|
||
|
font-weight: 700;
|
||
|
border: none
|
||
|
}
|
||
|
li.nav-item a.active_2 span {
|
||
|
border: none
|
||
|
}
|
||
|
#language_Res {
|
||
|
display: inline-block
|
||
|
}
|
||
|
#language.active {
|
||
|
font-weight: 700
|
||
|
}
|
||
|
#nav-arrow_01 {
|
||
|
display: none
|
||
|
}
|
||
|
section.Flex-Container_03 {
|
||
|
margin-top: 120px
|
||
|
}
|
||
|
h2#local_recycled {
|
||
|
margin-top: 30px;
|
||
|
margin-right: -12px;
|
||
|
}
|
||
|
#BP_01 {
|
||
|
font-size: 35px;
|
||
|
margin-left: 5%;
|
||
|
padding-bottom: 11%
|
||
|
}
|
||
|
#VM_01 {
|
||
|
font-size: 35px;
|
||
|
padding-left: 8%
|
||
|
}
|
||
|
#VM_02 {
|
||
|
margin-bottom: 17%
|
||
|
}
|
||
|
.button_01 {
|
||
|
width: auto;
|
||
|
height: 40px;
|
||
|
border-radius: 5px;
|
||
|
border: none;
|
||
|
padding: 20px;
|
||
|
}
|
||
|
.button_02 {
|
||
|
width: 170px;
|
||
|
height: 40px;
|
||
|
border-radius: 5px;
|
||
|
font-weight: 700;
|
||
|
border-radius: 5px;
|
||
|
padding: 20px;
|
||
|
}
|
||
|
h1 {
|
||
|
font-size: 36px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 30px
|
||
|
}
|
||
|
h3 {
|
||
|
font-size: 25px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h4 {
|
||
|
font-size: 22px;
|
||
|
font-weight: 500
|
||
|
}
|
||
|
h5 {
|
||
|
font-size: 19px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6 {
|
||
|
font-size: 16px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6#link_RM {
|
||
|
margin-right: 12%;
|
||
|
}
|
||
|
#wcb {
|
||
|
justify-content: flex-end;
|
||
|
margin-right: 6%;
|
||
|
font-size: 16px !important;
|
||
|
}
|
||
|
p {
|
||
|
font-size: 18px
|
||
|
}
|
||
|
img#logo_01 {
|
||
|
width: 148px;
|
||
|
height: 52px;
|
||
|
left: 2.5%;
|
||
|
top: 20%
|
||
|
}
|
||
|
div.line {
|
||
|
width: 50px;
|
||
|
height: 3px;
|
||
|
margin: 10px
|
||
|
}
|
||
|
nav.Flex-Container_02 {
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
height: 40px;
|
||
|
padding: 52px 0 42px 53px;
|
||
|
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
|
||
|
}
|
||
|
ul.topnav-links {
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
padding: 0 14.3px;
|
||
|
font-size: 25px;
|
||
|
padding-top: 30px
|
||
|
}
|
||
|
div.Flex-item_01 {
|
||
|
display: flex;
|
||
|
line-height: normal;
|
||
|
flex: 1 18%
|
||
|
}
|
||
|
img#logo_02 {
|
||
|
width: 202px;
|
||
|
height: 135px;
|
||
|
margin-top: 40px;
|
||
|
margin-left: 7%
|
||
|
}
|
||
|
section.Flex-Container_03>* {
|
||
|
flex-basis: 100%
|
||
|
}
|
||
|
h1.Flex-item_02 {
|
||
|
margin-top: 0;
|
||
|
padding-left: 0;
|
||
|
}
|
||
|
h2.Flex-item_02_2 {
|
||
|
margin-top: 5%;
|
||
|
margin-left: 6%;
|
||
|
margin-bottom: 3%;
|
||
|
}
|
||
|
.Flex-Container_04 {
|
||
|
margin-top: 0;
|
||
|
}
|
||
|
#GS_01 {
|
||
|
margin-top: 5%;
|
||
|
margin-left: 8%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
img#logo_03 {
|
||
|
width: 106px;
|
||
|
height: 106px
|
||
|
}
|
||
|
.Flex-item_03 p {
|
||
|
margin-bottom: 30px
|
||
|
}
|
||
|
img#logo_04 {
|
||
|
width: 106px;
|
||
|
height: 106px
|
||
|
}
|
||
|
p#VM_02 {
|
||
|
margin-bottom: 30px;
|
||
|
}
|
||
|
article.Flex-item_05 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
margin-top: 0
|
||
|
}
|
||
|
#Manifesto {
|
||
|
margin-left: 6%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
#Manifesto_p_01 {
|
||
|
margin-left: 6%;
|
||
|
margin-right: 8%;
|
||
|
margin-bottom: 4%
|
||
|
}
|
||
|
#Manifesto_p_02 {
|
||
|
margin-left: 6%
|
||
|
}
|
||
|
h6#link_RM {
|
||
|
font-size: 22PX;
|
||
|
margin-left: 6%
|
||
|
}
|
||
|
h2.Flex-item_06 {
|
||
|
margin-left: 6%
|
||
|
}
|
||
|
h4.Flex-item_07 {
|
||
|
margin-left: 7%
|
||
|
}
|
||
|
article.Flex-item_09 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
justify-content: center;
|
||
|
margin-left: 10%
|
||
|
}
|
||
|
h2#title_hcyh {
|
||
|
margin-top: 5%;
|
||
|
margin-bottom: 5%;
|
||
|
margin-left: 6%
|
||
|
}
|
||
|
.Flex-item_09_2 {
|
||
|
display: flex;
|
||
|
justify-content: space-around
|
||
|
}
|
||
|
#Flex-item_09_3 {
|
||
|
display: block;
|
||
|
margin-left: 17%;
|
||
|
margin-top: 5%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
#Flex-item_09_4 {
|
||
|
display: flex;
|
||
|
margin-left: -8%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
.Flex-item_10 {
|
||
|
margin-left: 0;
|
||
|
margin-bottom: 8%
|
||
|
}
|
||
|
.Flex-item_10_2 {
|
||
|
font-size: 35px
|
||
|
}
|
||
|
img#logo_05 {
|
||
|
width: 106px;
|
||
|
height: 72px;
|
||
|
margin-top: 5%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
img#logo_06 {
|
||
|
width: 106px;
|
||
|
height: 72px;
|
||
|
margin-top: 20%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
img#logo_07 {
|
||
|
width: 106px;
|
||
|
height: 72px;
|
||
|
margin-top: 5%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
.Flex-Container_09 {
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
div.Flex-item_12 {
|
||
|
box-sizing: border-box;
|
||
|
width: 240pt
|
||
|
}
|
||
|
.Flex-item_12 img#logo_08_1 {
|
||
|
width: 120px;
|
||
|
height: 120px;
|
||
|
margin-top: 6%;
|
||
|
margin-right: 140pt;
|
||
|
margin-bottom: 15%
|
||
|
}
|
||
|
.Flex-item_12 {
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
h6#link_LMB {
|
||
|
display: flex;
|
||
|
margin-left: -15pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
p.Flex-item_12_2 {
|
||
|
margin-top: 6%;
|
||
|
margin-right: 2%
|
||
|
}
|
||
|
ul.Flex-item_13 {
|
||
|
line-height: normal;
|
||
|
list-style-type: disc;
|
||
|
list-style-position: outside;
|
||
|
font-size: 22px;
|
||
|
margin-bottom: 5%;
|
||
|
margin-left: 10%
|
||
|
}
|
||
|
div.Flex-item_14 {
|
||
|
display: inline-flex;
|
||
|
justify-content: start;
|
||
|
align-items: flex-end;
|
||
|
margin-top: 0;
|
||
|
margin-right: 8%;
|
||
|
margin-bottom: 5%;
|
||
|
flex-direction: row
|
||
|
}
|
||
|
button#btn_BC_02.button_01 {
|
||
|
margin-left: 70pt
|
||
|
}
|
||
|
.Flex-item_12_3 img#logo_08_2 {
|
||
|
width: 120px;
|
||
|
height: 120px;
|
||
|
margin-top: 6%;
|
||
|
margin-right: 75pt
|
||
|
}
|
||
|
#VM_05 {
|
||
|
font-size: 16px;
|
||
|
margin-left: 80pt
|
||
|
}
|
||
|
#Flex-item_09 {
|
||
|
margin-left: 0
|
||
|
}
|
||
|
h2#Question {
|
||
|
margin: 5% 5% 5% 100px
|
||
|
}
|
||
|
P#Call_us {
|
||
|
margin-left: 100px
|
||
|
}
|
||
|
.Flex-item_4 {
|
||
|
margin-bottom: 2%
|
||
|
}
|
||
|
h6#link_LMB {
|
||
|
display: flex;
|
||
|
margin-left: 20pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
.Flex-Container_09 {
|
||
|
margin-top: 40px
|
||
|
}
|
||
|
#BP_04 {
|
||
|
margin-left: 10%
|
||
|
}
|
||
|
p.Flex-item_12_1 {
|
||
|
margin-left: 50pt
|
||
|
}
|
||
|
div.Flex-item_12_3 {
|
||
|
box-sizing: border-box;
|
||
|
width: 360pt
|
||
|
}
|
||
|
h6#link_LMVM {
|
||
|
display: flex;
|
||
|
margin-left: 10pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
#link_04 {
|
||
|
margin-top: 0
|
||
|
}
|
||
|
#BP_06 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#BP_07 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#VM_06 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#VM_07 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
.Flex-Container_10 {
|
||
|
display: block
|
||
|
}
|
||
|
h2#Question {
|
||
|
margin: 5% 5% 5% 6%;
|
||
|
line-height: normal;
|
||
|
font-size: 30pt
|
||
|
}
|
||
|
P#Call_us {
|
||
|
margin-left: 6%
|
||
|
}
|
||
|
h2.Flex-item_16 {
|
||
|
margin-top: 60px;
|
||
|
text-decoration: none;
|
||
|
margin-bottom: 0;
|
||
|
margin-left: 7%
|
||
|
}
|
||
|
img#Location_Map {
|
||
|
width: 1000px;
|
||
|
height: 400px;
|
||
|
max-width: 105%;
|
||
|
margin-bottom: 0;
|
||
|
padding: 0 12%;
|
||
|
margin-bottom: 0
|
||
|
}
|
||
|
p.Flex-item_17 {
|
||
|
padding-right: 3%;
|
||
|
overflow-wrap: anywhere;
|
||
|
margin-left: 6%;
|
||
|
font-size: 15px
|
||
|
}
|
||
|
.Flex-Container_10 {
|
||
|
display: block
|
||
|
}
|
||
|
.Flex-Container_12 {
|
||
|
display: block
|
||
|
}
|
||
|
div.Flex-item_18 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
font-size: 22px;
|
||
|
font-family: "PT Sans", sans-serif;
|
||
|
color: #00123f;
|
||
|
margin-left: 7%
|
||
|
}
|
||
|
.Flex-item_18_01 {
|
||
|
font-size: 16px
|
||
|
}
|
||
|
.Flex-item_19 {
|
||
|
font-size: 14.5px
|
||
|
}
|
||
|
.Flex-item_20 a {
|
||
|
font-size: 18px
|
||
|
}
|
||
|
div img#logo_10 {
|
||
|
margin-left: 60px;
|
||
|
margin-top: 20px
|
||
|
}
|
||
|
footer.Flex-Container_13 {
|
||
|
display: inline-flex;
|
||
|
justify-content: stretch
|
||
|
}
|
||
|
a p.Flex-item_21 {
|
||
|
font-size: 12PX;
|
||
|
margin-top: 30px;
|
||
|
margin-left: 60px
|
||
|
}
|
||
|
p.Flex-item_22.MT_40 {
|
||
|
font-size: 12PX;
|
||
|
margin-top: 30px;
|
||
|
margin-right: 2%;
|
||
|
margin-left: 80pt
|
||
|
}
|
||
|
h1#BP_06 {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
left: 25%;
|
||
|
font-size: 45px;
|
||
|
margin: -55px 1% 0 0
|
||
|
}
|
||
|
p.Flex-item_23_3 {
|
||
|
display: flex;
|
||
|
line-height: normal;
|
||
|
margin: 3% 5% 40px -20px
|
||
|
}
|
||
|
p.Flex-item_24_2 {
|
||
|
font-size: 26px;
|
||
|
font-weight: 300;
|
||
|
color: #0f3975;
|
||
|
margin: 0 0 10px
|
||
|
}
|
||
|
div.Flex-item_26_1 {
|
||
|
margin: 60px 12% 60PX 11%;
|
||
|
font-size: 20px
|
||
|
}
|
||
|
div.Flex-item_26_2 {
|
||
|
margin: auto 5%;
|
||
|
;
|
||
|
font-size: 50px
|
||
|
}
|
||
|
div.Flex-item_26_3 {
|
||
|
margin: auto 5% auto 0;
|
||
|
font-size: 25px
|
||
|
}
|
||
|
section.Flex-Container_16 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 100px 8% 5% 7%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
section.Flex-Container_17 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 120px 8% 5% 7%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
section.Flex-Container_18 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 120px 8% 40px 7%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 690px) {
|
||
|
h6#link_RM {
|
||
|
margin-right: 8%;
|
||
|
}
|
||
|
#wcb {
|
||
|
justify-content: flex-end;
|
||
|
margin-right: 6%;
|
||
|
font-size: 14px !important;
|
||
|
}
|
||
|
img#Location_Map {
|
||
|
width: 1000px;
|
||
|
height: 400px;
|
||
|
max-width: 105%;
|
||
|
margin-bottom: 0;
|
||
|
padding: 0 12%;
|
||
|
margin-bottom: 0
|
||
|
}
|
||
|
h5.button_03 {
|
||
|
display: inline-flex;
|
||
|
width: auto;
|
||
|
height: 40px;
|
||
|
padding: 10px;
|
||
|
font-size: 19PX;
|
||
|
background-color: #3cc;
|
||
|
border: none;
|
||
|
text-align: center;
|
||
|
align-items: center;
|
||
|
border-radius: 5px;
|
||
|
box-shadow: 0 3px 6px 0 rgb(0 0 41 / 35%);
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 660px) {
|
||
|
h1 {
|
||
|
font-size: 36px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 28px
|
||
|
}
|
||
|
h3 {
|
||
|
font-size: 23px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h4 {
|
||
|
font-size: 22px;
|
||
|
font-weight: 500
|
||
|
}
|
||
|
h5 {
|
||
|
font-size: 19px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6 {
|
||
|
font-size: 16px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6#link_RM {
|
||
|
margin-right: 10%;
|
||
|
}
|
||
|
div#wcb.carbonbadge {
|
||
|
justify-content: flex-end;
|
||
|
margin-right: 6%;
|
||
|
}
|
||
|
p {
|
||
|
font-size: 18px
|
||
|
}
|
||
|
img#logo_01 {
|
||
|
width: 148px;
|
||
|
height: 52px;
|
||
|
left: 2.5%;
|
||
|
top: 20%
|
||
|
}
|
||
|
div.line {
|
||
|
width: 50px;
|
||
|
height: 3px;
|
||
|
margin: 10px
|
||
|
}
|
||
|
nav.Flex-Container_02 {
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
height: 40px;
|
||
|
padding: 52px 0 42px 53px;
|
||
|
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
|
||
|
}
|
||
|
img#logo_02 {
|
||
|
width: 180px;
|
||
|
height: 120px;
|
||
|
margin-top: 40px;
|
||
|
margin-left: 7%
|
||
|
}
|
||
|
h1#BP_06 {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
left: 25%;
|
||
|
font-size: 45px;
|
||
|
margin: -55px 1% 0 0
|
||
|
}
|
||
|
section.Flex-Container_16 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 100px 8% 5% 6.5%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
div.Flex-item_16_1 {
|
||
|
overflow-x: scroll
|
||
|
}
|
||
|
img#Location_Map {
|
||
|
position: relative;
|
||
|
width: 1000px;
|
||
|
height: 400px;
|
||
|
max-width: 200%;
|
||
|
margin-bottom: 0;
|
||
|
padding: 0 5% 0 0;
|
||
|
white-space: nowrap;
|
||
|
overflow-x: scroll;
|
||
|
overflow-y: scroll
|
||
|
}
|
||
|
section.Flex-Container_18 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 120px 8% 40px 6.5%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
#link_TS_02 {
|
||
|
font-size: 32px;
|
||
|
padding-top: 100px
|
||
|
}
|
||
|
#link_PR {
|
||
|
font-size: 32px;
|
||
|
padding-top: 100px
|
||
|
}
|
||
|
div.Flex-Container_15_1 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
}
|
||
|
div.Flex-item_26_1 {
|
||
|
margin: 60px 12% 20px 11%;
|
||
|
font-size: 20px;
|
||
|
}
|
||
|
div.Flex-item_26_2 {
|
||
|
margin: 5px 16%;
|
||
|
font-size: 50px;
|
||
|
}
|
||
|
p.Flex-item_26_3_1 {
|
||
|
margin: 0px 20px 0px 11%;
|
||
|
}
|
||
|
p.Flex-item_26_3_2 {
|
||
|
margin-left: 11%;
|
||
|
padding-bottom: 20px;
|
||
|
}
|
||
|
div.Flex-item_26_4 {
|
||
|
margin-right: 20px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 640px) {
|
||
|
br {
|
||
|
display: none
|
||
|
}
|
||
|
header.Flex-Container_01 {
|
||
|
display: flex
|
||
|
}
|
||
|
nav ul.topnav-links {
|
||
|
position: fixed;
|
||
|
flex-direction: column;
|
||
|
width: 100%;
|
||
|
height: auto;
|
||
|
float: none;
|
||
|
position: fixed;
|
||
|
justify-content: space-between;
|
||
|
z-index: 9;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
top: 58px;
|
||
|
bottom: 100%;
|
||
|
background-color: #f7f7f7;
|
||
|
overflow: hidden;
|
||
|
transition: all .5s ease-in-out;
|
||
|
overflow-y: scroll
|
||
|
}
|
||
|
.Flex-Container_02.topnav-links a {
|
||
|
display: flex;
|
||
|
font-size: 20px;
|
||
|
line-height: normal
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(1) {
|
||
|
-webkit-transform: translateY(15px) rotate(225deg)
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(2) {
|
||
|
opacity: 0
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(3) {
|
||
|
-webkit-transform: translateY(-15px) rotate(-225deg)
|
||
|
}
|
||
|
nav ul.topnav-links li {
|
||
|
height: 60vh;
|
||
|
border-bottom: 1px solid #043975;
|
||
|
padding: 5px 0px 30px 7%;
|
||
|
}
|
||
|
nav ul.topnav-links li.nav-item2 {
|
||
|
padding: 5px 0px 30px 2%;
|
||
|
}
|
||
|
ul#language_bar li.nav-item a {
|
||
|
padding-right: 0px;
|
||
|
padding-left: 17px;
|
||
|
}
|
||
|
h2#local_recycled {
|
||
|
line-height: normal;
|
||
|
margin-top: 8%;
|
||
|
margin-right: 0px;
|
||
|
}
|
||
|
#local_recycled_2 {
|
||
|
margin-top: 25px
|
||
|
}
|
||
|
#btn_RM {
|
||
|
margin-top: 40px;
|
||
|
margin-bottom: 20px
|
||
|
}
|
||
|
#BP_01 {
|
||
|
font-size: 35px;
|
||
|
margin-left: 5%;
|
||
|
padding-bottom: 11%
|
||
|
}
|
||
|
#VM_01 {
|
||
|
font-size: 35px;
|
||
|
padding-left: 8%
|
||
|
}
|
||
|
#VM_02 {
|
||
|
margin-bottom: 17%
|
||
|
}
|
||
|
#btn_BK {
|
||
|
font-size: 18px;
|
||
|
justify-content: center
|
||
|
}
|
||
|
#btn_VM {
|
||
|
font-size: 18px;
|
||
|
justify-content: center
|
||
|
}
|
||
|
.button_01 {
|
||
|
width: auto;
|
||
|
height: 50px;
|
||
|
padding: 20px;
|
||
|
font-size: 18px;
|
||
|
border-radius: 5px;
|
||
|
border: none
|
||
|
}
|
||
|
.button_02 {
|
||
|
width: 180px;
|
||
|
height: 50px;
|
||
|
padding: 2px 5px;
|
||
|
border-radius: 5px;
|
||
|
font-weight: 700;
|
||
|
font-size: 18px;
|
||
|
border-radius: 5px
|
||
|
}
|
||
|
h5.button_03 {
|
||
|
display: inline-flex;
|
||
|
width: auto;
|
||
|
height: 50px;
|
||
|
padding: 20px;
|
||
|
background-color: #3cc;
|
||
|
border: none;
|
||
|
text-align: center;
|
||
|
align-items: center;
|
||
|
border-radius: 5px;
|
||
|
box-shadow: 0 3px 6px 0 rgb(0 0 41 / 35%);
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
h1 {
|
||
|
font-size: 52px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 38px
|
||
|
}
|
||
|
h3 {
|
||
|
font-size: 35px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h4 {
|
||
|
font-size: 30px;
|
||
|
font-weight: 500
|
||
|
}
|
||
|
h5 {
|
||
|
font-size: 24px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6 {
|
||
|
font-size: 18px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
div.Flex-item_05_1 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
}
|
||
|
div#wcb {
|
||
|
padding-bottom: 0px;
|
||
|
margin-bottom: 40px;
|
||
|
}
|
||
|
p {
|
||
|
font-size: 20px
|
||
|
}
|
||
|
img#logo_01 {
|
||
|
width: 176px;
|
||
|
height: 62px;
|
||
|
left: 5%;
|
||
|
top: 10%
|
||
|
}
|
||
|
div.line {
|
||
|
width: 60px;
|
||
|
height: 3px;
|
||
|
margin: 12px
|
||
|
}
|
||
|
nav.Flex-Container_02 {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
width: 100%;
|
||
|
height: 30px;
|
||
|
padding: 32px 0 42px 53px;
|
||
|
box-shadow: 0 6px 6px 0 rgba(0, 0, 41, 0.35)
|
||
|
}
|
||
|
ul.topnav-links {
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
padding: 0 14.3px;
|
||
|
font-size: 25px;
|
||
|
padding-top: 30px;
|
||
|
margin-right: 8%
|
||
|
}
|
||
|
section.Flex-Container_03 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
flex-flow: column-reverse;
|
||
|
margin-top: 80px;
|
||
|
padding-bottom: 7%;
|
||
|
flex-wrap: wrap
|
||
|
}
|
||
|
div.Flex-item_01 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
line-height: normal;
|
||
|
margin-left: 0
|
||
|
}
|
||
|
img#logo_02 {
|
||
|
width: 180px;
|
||
|
height: 125px;
|
||
|
margin-top: 10px;
|
||
|
margin-left: 9%
|
||
|
}
|
||
|
div.Flex-item_02 {
|
||
|
margin: 5% 130px 1% 10%
|
||
|
}
|
||
|
h1.Flex-item_02 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: center;
|
||
|
align-content: center;
|
||
|
margin-left: 5%;
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
h2.Flex-item_02_2 {
|
||
|
margin: 5% 8% 5% 10%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
.Flex-item_03 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin-left: 0
|
||
|
}
|
||
|
.Flex-Container_04 {
|
||
|
margin-top: 0;
|
||
|
padding-bottom: 5%
|
||
|
}
|
||
|
#GS_01 {
|
||
|
margin-top: 5%;
|
||
|
margin-left: 8%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
.Flex-Container_05 {
|
||
|
display: block
|
||
|
}
|
||
|
img#logo_03 {
|
||
|
width: 100px;
|
||
|
height: 100px;
|
||
|
margin-top: 8.5%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
.Flex-item_03 p {
|
||
|
margin: 0 15% 30px
|
||
|
}
|
||
|
.Flex-item_03 h3 {
|
||
|
margin-bottom: 25px
|
||
|
}
|
||
|
img#logo_04 {
|
||
|
width: 90px;
|
||
|
height: 90px;
|
||
|
margin-top: 5%;
|
||
|
margin-bottom: 3%
|
||
|
}
|
||
|
img#logo_04_02 {
|
||
|
width: 80px;
|
||
|
height: 80px;
|
||
|
margin-bottom: 5%;
|
||
|
margin-top: 18%;
|
||
|
}
|
||
|
img#logo_04_03 {
|
||
|
width: 80px;
|
||
|
height: 80px;
|
||
|
margin-bottom: 5%;
|
||
|
margin-top: 60px;
|
||
|
}
|
||
|
.Flex-item_04 h3 {
|
||
|
margin-bottom: 25px
|
||
|
}
|
||
|
p#VM_02 {
|
||
|
margin: 0 12% 7%
|
||
|
}
|
||
|
p#VM_03 {
|
||
|
margin: 0 12% 40px;
|
||
|
}
|
||
|
article.Flex-item_04 {
|
||
|
padding-bottom: 0px;
|
||
|
}
|
||
|
article.Flex-item_05 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
margin-top: 0
|
||
|
}
|
||
|
#Manifesto {
|
||
|
margin: 5% 5% 5% 10%
|
||
|
}
|
||
|
#Manifesto_p_01 {
|
||
|
margin: 5% 10%
|
||
|
}
|
||
|
#Manifesto_p_02 {
|
||
|
margin: 5% 10%
|
||
|
}
|
||
|
h6#link_RM {
|
||
|
font-size: 18PX;
|
||
|
margin: 5% 5% 8% 10%
|
||
|
}
|
||
|
article.Flex-Container_07 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
align-items: unset;
|
||
|
width: 100%;
|
||
|
justify-content: flex-start;
|
||
|
background-color: #3cc;
|
||
|
box-sizing: border-box;
|
||
|
padding-bottom: 6%;
|
||
|
padding-top: 0
|
||
|
}
|
||
|
.Flex-Container_07_2 {
|
||
|
display: flex;
|
||
|
flex-direction: column
|
||
|
}
|
||
|
h2.Flex-item_06 {
|
||
|
margin: 0 5% 3% 0
|
||
|
}
|
||
|
h4.Flex-item_07 {
|
||
|
margin: 4% 20% 6% 0;
|
||
|
font-size: 18px
|
||
|
}
|
||
|
.Flex-Container_07_1 {
|
||
|
display: block;
|
||
|
margin-left: 10%
|
||
|
}
|
||
|
.Flex-Container_07_2 {
|
||
|
margin-right: 30%;
|
||
|
margin-left: 10%
|
||
|
}
|
||
|
button#btn_BC_01.button_02 {
|
||
|
width: 206px;
|
||
|
height: 48px;
|
||
|
font-size: 18PX;
|
||
|
margin-left: 0;
|
||
|
margin-right: 88%
|
||
|
}
|
||
|
article.Flex-item_09 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-items: center;
|
||
|
align-items: center;
|
||
|
align-content: center;
|
||
|
margin-left: 10%;
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
h2#title_hcyh {
|
||
|
margin-top: 9%;
|
||
|
margin-bottom: 8%;
|
||
|
margin-left: 10%
|
||
|
}
|
||
|
h4.Flex-item_10_1 {
|
||
|
margin-left: 2%
|
||
|
}
|
||
|
.Flex-item_09_2 {
|
||
|
display: flex;
|
||
|
justify-content: space-around
|
||
|
}
|
||
|
#Flex-item_09_3 {
|
||
|
display: block;
|
||
|
margin-left: 17%;
|
||
|
margin-top: 5%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
#Flex-item_09_4 {
|
||
|
display: flex;
|
||
|
margin-left: -8%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
aside.Flex-item_10 {
|
||
|
margin: 0 20% 20% 0
|
||
|
}
|
||
|
P.Flex-item_10_1 {
|
||
|
margin: 0 12%
|
||
|
}
|
||
|
.Flex-item_10_2 {
|
||
|
font-size: 18px
|
||
|
}
|
||
|
img#logo_05 {
|
||
|
width: 120px;
|
||
|
height: 83px;
|
||
|
margin-top: 5%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
img#logo_06 {
|
||
|
width: 120px;
|
||
|
height: 83px;
|
||
|
margin-top: 14%;
|
||
|
margin-top: 5%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
img#logo_07 {
|
||
|
display: block;
|
||
|
width: 120px;
|
||
|
height: 83px;
|
||
|
margin-top: 5%;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
.Flex-Container_09 {
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
article.Flex-item_11 {
|
||
|
display: block
|
||
|
}
|
||
|
div.Flex-item_12 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
box-sizing: border-box;
|
||
|
width: 400pt
|
||
|
}
|
||
|
.Flex-item_12 img#logo_08_1 {
|
||
|
width: 90px;
|
||
|
height: 90px;
|
||
|
margin: 6% 2% 15% 0
|
||
|
}
|
||
|
p.Flex-item_12_1 {
|
||
|
display: inline-flex;
|
||
|
margin-left: 15pt;
|
||
|
margin-top: 8%;
|
||
|
margin-right: 10%;
|
||
|
padding-right: 10%
|
||
|
}
|
||
|
h6#link_LMB {
|
||
|
display: flex;
|
||
|
margin-left: -15pt;
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
p.Flex-item_12_2 {
|
||
|
margin-top: -14%;
|
||
|
margin-left: 0;
|
||
|
margin-right: 10%;
|
||
|
padding-right: 10%
|
||
|
}
|
||
|
div.Flex-item_12_3 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
width: 400pt
|
||
|
}
|
||
|
ul.Flex-item_13 {
|
||
|
line-height: normal;
|
||
|
list-style-type: disc;
|
||
|
list-style-position: outside;
|
||
|
font-size: 22px;
|
||
|
margin-bottom: 5%;
|
||
|
margin-left: 8%;
|
||
|
padding-bottom: 0
|
||
|
}
|
||
|
h1#BP_06 {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
left: 25%;
|
||
|
font-size: 45px;
|
||
|
margin: -55px 1% 0 -85px
|
||
|
}
|
||
|
div.Flex-item_14 {
|
||
|
display: block;
|
||
|
margin: 5% 8% 15% 0
|
||
|
}
|
||
|
button#btn_BC_02.button_01 {
|
||
|
margin-left: 110pt
|
||
|
}
|
||
|
.Flex-item_12_3 img#logo_08_2 {
|
||
|
width: 120px;
|
||
|
height: 120px;
|
||
|
margin-top: 6%;
|
||
|
margin-left: -3%;
|
||
|
margin-right: 0
|
||
|
}
|
||
|
#VM_05 {
|
||
|
font-size: 16px;
|
||
|
margin-left: 80pt
|
||
|
}
|
||
|
#Flex-item_09 {
|
||
|
margin-left: 0
|
||
|
}
|
||
|
h2#Question {
|
||
|
margin: 5% 5% 5% 100px
|
||
|
}
|
||
|
P#Call_us {
|
||
|
margin-left: 100px
|
||
|
}
|
||
|
.Flex-item_4 {
|
||
|
margin-bottom: 2%
|
||
|
}
|
||
|
h6#link_LMB {
|
||
|
display: inline-block;
|
||
|
margin-left: 0;
|
||
|
text-decoration: underline;
|
||
|
margin-bottom: 40px
|
||
|
}
|
||
|
button#btn_BC_02.button_01 {
|
||
|
margin-top: 0;
|
||
|
margin-left: 0
|
||
|
}
|
||
|
.Flex-Container_09 {
|
||
|
padding-right: 0;
|
||
|
margin: 40px 8% 0 10%
|
||
|
}
|
||
|
h6#link_LMVM {
|
||
|
display: inline-block;
|
||
|
text-decoration: underline;
|
||
|
margin: 0 5% 40px 0
|
||
|
}
|
||
|
#link_04 {
|
||
|
margin-top: 0
|
||
|
}
|
||
|
#BP_04 {
|
||
|
margin-left: 0
|
||
|
}
|
||
|
#BP_06 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#BP_07 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#VM_06 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
#VM_07 {
|
||
|
padding-bottom: 15px
|
||
|
}
|
||
|
.Flex-Container_10 {
|
||
|
display: block
|
||
|
}
|
||
|
h2#Question {
|
||
|
margin: 5% 8% 5% 10%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
p#Call_us {
|
||
|
margin-left: 11%;
|
||
|
margin-right: 8%
|
||
|
}
|
||
|
h2.Flex-item_16 {
|
||
|
margin-top: 60px;
|
||
|
text-decoration: none;
|
||
|
margin-bottom: 20px;
|
||
|
margin-left: 10%
|
||
|
}
|
||
|
p.Flex-item_17 {
|
||
|
padding-right: 5%;
|
||
|
overflow-wrap: anywhere;
|
||
|
margin-left: 11%;
|
||
|
font-size: 15px
|
||
|
}
|
||
|
.Flex-Container_12 {
|
||
|
display: block
|
||
|
}
|
||
|
section.Flex-Container_14 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
margin: 0 1% 15% 9%
|
||
|
}
|
||
|
div.Flex-item_18 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
font-size: 22px;
|
||
|
font-family: "PT Sans", sans-serif;
|
||
|
color: #00123f;
|
||
|
margin-left: 10%
|
||
|
}
|
||
|
.Flex-item_18_01 {
|
||
|
display: block;
|
||
|
font-size: 16px;
|
||
|
margin-right: 50%;
|
||
|
margin-left: 1%
|
||
|
}
|
||
|
div.Flex-item_19 {
|
||
|
font-size: 14.5px;
|
||
|
margin-top: 20px
|
||
|
}
|
||
|
.Flex-item_20 a {
|
||
|
font-size: 18px
|
||
|
}
|
||
|
.Flex-Container_12_1 {
|
||
|
display: block
|
||
|
}
|
||
|
div img#logo_10 {
|
||
|
width: 40px;
|
||
|
height: 40px;
|
||
|
margin-left: 11%
|
||
|
}
|
||
|
.Flex-Container_12_1 .Flex-item_19 {
|
||
|
margin-left: 11%
|
||
|
}
|
||
|
footer.Flex-Container_13 {
|
||
|
display: block
|
||
|
}
|
||
|
a p.Flex-item_21 {
|
||
|
display: inline-block;
|
||
|
font-size: 15PX;
|
||
|
margin-top: 30px;
|
||
|
margin-left: 11%;
|
||
|
margin-bottom: 0
|
||
|
}
|
||
|
p.Flex-item_22.MT_40 {
|
||
|
font-size: 15PX;
|
||
|
margin-top: 20px;
|
||
|
margin-left: 50pt;
|
||
|
margin-left: 11%
|
||
|
}
|
||
|
section.Flex-Container_14_1 {
|
||
|
display: none
|
||
|
}
|
||
|
section.Flex-Container_14 {
|
||
|
display: flex;
|
||
|
flex-direction: column-reverse;
|
||
|
margin: 0 1% 0 15%
|
||
|
}
|
||
|
img#logo_12 {
|
||
|
display: flex;
|
||
|
position: relative;
|
||
|
width: 120px;
|
||
|
height: 120px;
|
||
|
margin: 130px 1% 15% 8%;
|
||
|
padding-bottom: 10px
|
||
|
}
|
||
|
div.Flex-item_23 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
width: 100%
|
||
|
}
|
||
|
p.Flex-item_23_3 {
|
||
|
display: flex;
|
||
|
line-height: normal;
|
||
|
margin: 3% 9% 40px -20px
|
||
|
}
|
||
|
p.Flex-item_23_4 {
|
||
|
display: flex;
|
||
|
line-height: normal;
|
||
|
margin: 0 10% 40px -20px
|
||
|
}
|
||
|
div.Flex-item_23_5 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: unset;
|
||
|
margin: 0 0 5% -20px
|
||
|
}
|
||
|
P#link_TS_01 {
|
||
|
display: inline-block;
|
||
|
margin-bottom: 5%
|
||
|
}
|
||
|
P#link_PR_1 {
|
||
|
display: inline-block
|
||
|
}
|
||
|
div.Flex-item_24 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: flex-start;
|
||
|
margin: 10px 0 40px -20px
|
||
|
}
|
||
|
article.Flex-item_25 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 0 3% 0 11%
|
||
|
}
|
||
|
div.Flex-item_26 {
|
||
|
display: flex;
|
||
|
margin: 0 0 2% 11%
|
||
|
}
|
||
|
div.Flex-item_26_1 {
|
||
|
margin: 60px 8% 20PX 14%;
|
||
|
font-size: 20px
|
||
|
}
|
||
|
article.Flex-item_27 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 5% 10% 5% 11%
|
||
|
}
|
||
|
section.Flex-Container_16 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 80px 8% 5% 10%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
section.Flex-Container_17 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 120px 8% 5% 9%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
section.Flex-Container_18 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 120px 8% 40px 10%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 585px) {
|
||
|
h1 {
|
||
|
font-size: 46px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 36px
|
||
|
}
|
||
|
h6#link_RM {
|
||
|
margin-right: 0%;
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
div#wcb.carbonbadge {
|
||
|
justify-content: flex-end;
|
||
|
margin-left: 0%;
|
||
|
padding-left: 0%;
|
||
|
margin-top: 4%;
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
.Flex-item_05_1 {
|
||
|
display: block;
|
||
|
line-height: normal;
|
||
|
}
|
||
|
div.Flex-item_02 {
|
||
|
margin: 5% 130px 1% 10%;
|
||
|
}
|
||
|
ul.Flex-item_13 {
|
||
|
line-height: normal;
|
||
|
list-style-type: disc;
|
||
|
list-style-position: outside;
|
||
|
font-size: 22px;
|
||
|
margin-bottom: 5%;
|
||
|
margin-left: 8%;
|
||
|
margin-right: 25%
|
||
|
}
|
||
|
h1#BP_06 {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
left: 25%;
|
||
|
font-size: 45px;
|
||
|
margin: -55px 1% 0 -85px
|
||
|
}
|
||
|
section.Flex-Container_17 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 120px 8% 5% 9.3%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 545px) {
|
||
|
h1 {
|
||
|
font-size: 46px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 36px
|
||
|
}
|
||
|
h4.Flex-item_07 {
|
||
|
margin: 4% 15% 6% 0
|
||
|
}
|
||
|
.Flex-Container_09 {
|
||
|
margin: 40px 5% 0 10%
|
||
|
}
|
||
|
div.Flex-item_12 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
box-sizing: border-box;
|
||
|
width: 100%
|
||
|
}
|
||
|
p.Flex-item_12_1 {
|
||
|
display: inline-flex;
|
||
|
margin-left: 15pt;
|
||
|
margin-top: 8%;
|
||
|
margin-right: 5%;
|
||
|
padding-right: 0
|
||
|
}
|
||
|
p.Flex-item_12_2 {
|
||
|
margin-top: -14%;
|
||
|
margin-left: 0;
|
||
|
margin-right: 10%;
|
||
|
padding-right: 0
|
||
|
}
|
||
|
div.Flex-item_12_3 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
width: 100%
|
||
|
}
|
||
|
ul.Flex-item_13 {
|
||
|
line-height: normal;
|
||
|
list-style-type: disc;
|
||
|
list-style-position: outside;
|
||
|
font-size: 22px;
|
||
|
margin-bottom: 5%;
|
||
|
margin-left: 8%;
|
||
|
margin-right: 8%
|
||
|
}
|
||
|
div.Flex-item_14 {
|
||
|
align-items: flex-end;
|
||
|
margin-top: 5%;
|
||
|
margin-right: 8%;
|
||
|
margin-bottom: 15%;
|
||
|
flex-direction: row
|
||
|
}
|
||
|
h2#Question {
|
||
|
margin: 5% 8% 5% 10%;
|
||
|
line-height: normal;
|
||
|
font-size: 32pt
|
||
|
}
|
||
|
.Flex-item_18_01 {
|
||
|
display: block;
|
||
|
font-size: 16px;
|
||
|
margin-right: 40%;
|
||
|
margin-left: 1%
|
||
|
}
|
||
|
h1#BP_06 {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
left: 25%;
|
||
|
font-size: 45px;
|
||
|
margin: -55px 1% 0 -75px
|
||
|
}
|
||
|
section.Flex-Container_15 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
width: 100%;
|
||
|
background-color: #f7f7f7;
|
||
|
margin: 0 5% 0 0
|
||
|
}
|
||
|
div.Flex-item_26_1 {
|
||
|
margin: 60px 5% 20PX 14%;
|
||
|
font-size: 20px
|
||
|
}
|
||
|
div.Flex-item_26_2 {
|
||
|
font-size: 50px
|
||
|
}
|
||
|
div.Flex-item_26_3 {
|
||
|
margin: auto 5% auto 0;
|
||
|
font-size: 25px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 520px) {
|
||
|
h1 {
|
||
|
font-size: 46px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 36px
|
||
|
}
|
||
|
div.Flex-item_02 {
|
||
|
margin: 5% 80px 1% 10%;
|
||
|
}
|
||
|
.Flex-Container_09 {
|
||
|
margin: 40px 5% 0 10%
|
||
|
}
|
||
|
.Flex-item_12 img#logo_08_1 {
|
||
|
margin-bottom: 20%
|
||
|
}
|
||
|
div.Flex-item_12 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
box-sizing: border-box;
|
||
|
width: 100%
|
||
|
}
|
||
|
p.Flex-item_12_1 {
|
||
|
display: inline-flex;
|
||
|
margin-left: 15pt;
|
||
|
margin-top: 8%;
|
||
|
margin-right: 5%;
|
||
|
padding-right: 0
|
||
|
}
|
||
|
p.Flex-item_12_2 {
|
||
|
margin-top: -18%;
|
||
|
margin-left: 0;
|
||
|
margin-right: 10%;
|
||
|
padding-right: 0
|
||
|
}
|
||
|
div.Flex-item_12_3 {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
width: 100%
|
||
|
}
|
||
|
ul.Flex-item_13 {
|
||
|
line-height: normal;
|
||
|
list-style-type: disc;
|
||
|
list-style-position: outside;
|
||
|
font-size: 22px;
|
||
|
margin-bottom: 5%;
|
||
|
margin-left: 8%;
|
||
|
margin-right: 8%
|
||
|
}
|
||
|
h2#Question {
|
||
|
margin: 5% 8% 5% 10%;
|
||
|
line-height: normal;
|
||
|
font-size: 26pt
|
||
|
}
|
||
|
img#logo_12 {
|
||
|
display: flex;
|
||
|
position: relative;
|
||
|
width: 120px;
|
||
|
height: 120px;
|
||
|
margin: 130px 1% 15% 7%;
|
||
|
padding-bottom: 10px
|
||
|
}
|
||
|
h1#BP_06 {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
left: 25%;
|
||
|
font-size: 45px;
|
||
|
margin: -55px 1% 0 -70px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 450px) {
|
||
|
h1 {
|
||
|
font-size: 36px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 28px
|
||
|
}
|
||
|
h3 {
|
||
|
font-size: 25px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h4 {
|
||
|
font-size: 25px;
|
||
|
font-weight: 500
|
||
|
}
|
||
|
h5 {
|
||
|
font-size: 18px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
h6 {
|
||
|
font-size: 18px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
p {
|
||
|
font-size: 18px
|
||
|
}
|
||
|
img#logo_01 {
|
||
|
width: 160px;
|
||
|
height: 62px;
|
||
|
left: 5%;
|
||
|
top: 10%
|
||
|
}
|
||
|
div.line {
|
||
|
width: 45px;
|
||
|
height: 2px;
|
||
|
margin: 12px
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
font-size: 25px;
|
||
|
padding-top: 30px;
|
||
|
margin-right: 8%
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(1) {
|
||
|
-webkit-transform: translateY(14px) rotate(225deg)
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(2) {
|
||
|
opacity: 0
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(3) {
|
||
|
-webkit-transform: translateY(-14px) rotate(-225deg)
|
||
|
}
|
||
|
h1#BP_06 {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
left: 22%;
|
||
|
font-size: 45px;
|
||
|
margin: -65px 1% 0 -60px
|
||
|
}
|
||
|
div.Flex-item_02 {
|
||
|
margin: 5% 80px 1% 10%
|
||
|
}
|
||
|
h2.Flex-item_02_2 {
|
||
|
margin: 5% 8% 5% 9%;
|
||
|
line-height: normal
|
||
|
}
|
||
|
h4.Flex-item_07 {
|
||
|
margin: 4% 10% 6% 0;
|
||
|
font-size: 18px
|
||
|
}
|
||
|
.Flex-Container_07_1 {
|
||
|
display: block;
|
||
|
margin-left: 9%
|
||
|
}
|
||
|
.Flex-Container_07_2 {
|
||
|
margin-right: 12%;
|
||
|
margin-left: 9%
|
||
|
}
|
||
|
button#btn_BC_01.button_02 {
|
||
|
width: 206px;
|
||
|
height: 48px;
|
||
|
font-size: 18PX
|
||
|
}
|
||
|
#Manifesto {
|
||
|
margin: 5% 5% 5% 9%
|
||
|
}
|
||
|
#Manifesto_p_01 {
|
||
|
margin: 5% 10% 5% 9%
|
||
|
}
|
||
|
#Manifesto_p_02 {
|
||
|
margin: 5% 10% 5% 9%
|
||
|
}
|
||
|
h6#link_RM {
|
||
|
font-size: 18PX;
|
||
|
margin: 5% 5% 8% 9%
|
||
|
}
|
||
|
.Flex-Container_09 {
|
||
|
margin: 40px 5% 0 9%
|
||
|
}
|
||
|
.Flex-item_12 img#logo_08_1 {
|
||
|
width: 90px;
|
||
|
height: 90px;
|
||
|
margin-top: 6%;
|
||
|
margin-right: 3%;
|
||
|
margin-bottom: 30%
|
||
|
}
|
||
|
h2#title_hcyh {
|
||
|
margin-top: 9%;
|
||
|
margin-bottom: 8%;
|
||
|
margin-left: 9%;
|
||
|
margin-right: 3%
|
||
|
}
|
||
|
article.Flex-item_09 {
|
||
|
margin-left: 10%;
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
div.Flex-item_12 {
|
||
|
width: 100%
|
||
|
}
|
||
|
p.Flex-item_12_1 {
|
||
|
display: inline-flex;
|
||
|
margin-top: 8%;
|
||
|
margin-right: 5%
|
||
|
}
|
||
|
p.Flex-item_12_2 {
|
||
|
margin-top: -30%;
|
||
|
margin-left: 0;
|
||
|
margin-right: 10%;
|
||
|
padding-right: 0
|
||
|
}
|
||
|
ul.Flex-item_13 {
|
||
|
margin-bottom: 5%;
|
||
|
margin-right: 12%
|
||
|
}
|
||
|
div.Flex-item_14 {
|
||
|
display: block;
|
||
|
margin-top: 5%;
|
||
|
margin-right: 8%;
|
||
|
margin-bottom: 5%;
|
||
|
flex-direction: row
|
||
|
}
|
||
|
.Flex-item_12_3 img#logo_08_2 {
|
||
|
width: 90px;
|
||
|
height: 90px;
|
||
|
margin-top: 6%;
|
||
|
margin-right: 0
|
||
|
}
|
||
|
div.Flex-item_12_3 {
|
||
|
margin-right: 11%;
|
||
|
width: 100%
|
||
|
}
|
||
|
h2#Question {
|
||
|
margin: 5% 5% 5% 9%;
|
||
|
line-height: normal;
|
||
|
font-size: 22pt
|
||
|
}
|
||
|
p#Call_us {
|
||
|
margin-left: 9%;
|
||
|
margin-right: 8%
|
||
|
}
|
||
|
h2.Flex-item_16 {
|
||
|
margin-top: 40px;
|
||
|
text-decoration: none;
|
||
|
margin-bottom: 0;
|
||
|
margin-left: 10%
|
||
|
}
|
||
|
img#Location_Map {
|
||
|
position: relative;
|
||
|
width: 1000px;
|
||
|
height: 400px;
|
||
|
max-width: 200%;
|
||
|
margin-bottom: 0;
|
||
|
padding: 0 5% 0 4%;
|
||
|
white-space: nowrap;
|
||
|
overflow-x: scroll;
|
||
|
overflow-y: scroll
|
||
|
}
|
||
|
div.Flex-item_16_1 {
|
||
|
overflow-x: scroll
|
||
|
}
|
||
|
p.Flex-item_17 {
|
||
|
padding-right: 5%;
|
||
|
margin-left: 9%
|
||
|
}
|
||
|
div.Flex-item_18 {
|
||
|
margin-left: 9%
|
||
|
}
|
||
|
img#logo_09 {
|
||
|
width: 193.5px;
|
||
|
margin-top: 35px;
|
||
|
margin-left: 2%
|
||
|
}
|
||
|
.Flex-Container_12_1 .Flex-item_19 {
|
||
|
margin-left: 9.5%
|
||
|
}
|
||
|
div img#logo_10 {
|
||
|
width: 40px;
|
||
|
height: 40px;
|
||
|
margin-left: 9.5%
|
||
|
}
|
||
|
.Flex-item_18_01 {
|
||
|
display: block;
|
||
|
font-size: 16px;
|
||
|
margin-right: 20%;
|
||
|
margin-left: 1%
|
||
|
}
|
||
|
a p.Flex-item_21 {
|
||
|
font-size: 15PX;
|
||
|
margin-top: 30px;
|
||
|
margin-left: 9.5%;
|
||
|
margin-bottom: 0
|
||
|
}
|
||
|
p.Flex-item_22.MT_40 {
|
||
|
font-size: 15PX;
|
||
|
margin-top: 20px;
|
||
|
margin-left: 50pt;
|
||
|
margin-left: 9.5%
|
||
|
}
|
||
|
p.Flex-item_23_3 {
|
||
|
display: flex;
|
||
|
line-height: normal;
|
||
|
margin: 3% 0 40px
|
||
|
}
|
||
|
p.Flex-item_23_4 {
|
||
|
display: flex;
|
||
|
line-height: normal;
|
||
|
margin: 0 0 60px
|
||
|
}
|
||
|
img#logo_12 {
|
||
|
display: flex;
|
||
|
position: relative;
|
||
|
width: 120px;
|
||
|
height: 120px;
|
||
|
margin: 130px 1% 20% 6%;
|
||
|
padding-bottom: 10px
|
||
|
}
|
||
|
h1#BP_06 {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
left: 25%;
|
||
|
font-size: 35px;
|
||
|
margin: -55px 1% 0 -65px
|
||
|
}
|
||
|
p.Flex-item_23_3 {
|
||
|
display: flex;
|
||
|
line-height: normal;
|
||
|
margin: 3% 15% 40px -20px
|
||
|
}
|
||
|
p.Flex-item_23_4 {
|
||
|
display: flex;
|
||
|
line-height: normal;
|
||
|
margin: 0 15% 40px -20px
|
||
|
}
|
||
|
div.Flex-item_23_5 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: unset;
|
||
|
margin: 0 0 60px -20px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 400px) {
|
||
|
div.Flex-item_02 {
|
||
|
margin: 5% 20px 1% 10%
|
||
|
}
|
||
|
#link_TS_02 {
|
||
|
font-size: 28px
|
||
|
}
|
||
|
#link_PR {
|
||
|
font-size: 28px;
|
||
|
cursor: pointer!important
|
||
|
}
|
||
|
h1#BP_06 {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
left: 25%;
|
||
|
font-size: 35px;
|
||
|
margin: -55px 1% 0 -60px
|
||
|
}
|
||
|
img#Location_Map {
|
||
|
position: relative;
|
||
|
width: 1000px;
|
||
|
height: 400px;
|
||
|
max-width: 220%;
|
||
|
margin-bottom: 0;
|
||
|
padding: 0 5% 0 4.5%;
|
||
|
white-space: nowrap;
|
||
|
overflow-x: scroll;
|
||
|
overflow-y: scroll
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 352px) {
|
||
|
h1 {
|
||
|
font-size: 34px
|
||
|
}
|
||
|
div.Flex-item_02 {
|
||
|
margin: 5% 10px 1% 10%
|
||
|
}
|
||
|
#wcb {
|
||
|
font-size: 12px !important;
|
||
|
}
|
||
|
div#wcb.carbonbadge {
|
||
|
margin-left: 8%;
|
||
|
margin-right: 6%;
|
||
|
}
|
||
|
div#wcb.carbonbadge {
|
||
|
margin-left: margin-right: 6%;
|
||
|
}
|
||
|
nav.Flex-Container_02 {
|
||
|
display: flex;
|
||
|
width: 100%;
|
||
|
height: 30px;
|
||
|
padding: 40px 0 30px 53px;
|
||
|
box-shadow: 0 6px 6px 0 rgb(0 0 41 / 35%);
|
||
|
}
|
||
|
img#logo_01 {
|
||
|
width: 140px;
|
||
|
height: 45px;
|
||
|
left: 4%;
|
||
|
top: 20%
|
||
|
}
|
||
|
label.icon-burger {
|
||
|
position: absolute;
|
||
|
right: 5%;
|
||
|
top: 55%;
|
||
|
-webkit-transform: translateY(-50%)
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(1) {
|
||
|
-webkit-transform: translateY(12px) rotate(225deg)
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(2) {
|
||
|
opacity: 0
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(3) {
|
||
|
-webkit-transform: translateY(-12px) rotate(-225deg)
|
||
|
}
|
||
|
nav :checked~ul.topnav-links {
|
||
|
bottom: 0
|
||
|
}
|
||
|
div.line {
|
||
|
width: 45px;
|
||
|
height: 2px;
|
||
|
margin: 10px
|
||
|
}
|
||
|
ul.topnav-links {
|
||
|
display: inline-flex;
|
||
|
float: right;
|
||
|
font-family: "PT Sans Regular", "PT Sans", sans-serif;
|
||
|
margin-top: 5px;
|
||
|
padding: 0;
|
||
|
margin-right: 8.5%;
|
||
|
list-style: none
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
font-size: 25px;
|
||
|
padding-top: 30px;
|
||
|
margin-right: 8%
|
||
|
}
|
||
|
.Flex-item_18_01 {
|
||
|
display: block;
|
||
|
font-size: 16px;
|
||
|
margin-right: 32%;
|
||
|
margin-left: 1%
|
||
|
}
|
||
|
img#logo_12 {
|
||
|
display: flex;
|
||
|
position: relative;
|
||
|
width: 120px;
|
||
|
height: 120px;
|
||
|
margin: 130px 1% 20% 6%;
|
||
|
padding-bottom: 10px
|
||
|
}
|
||
|
h1#BP_06 {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
left: 25%;
|
||
|
font-size: 30px;
|
||
|
margin: -55px 1% 0 -50px
|
||
|
}
|
||
|
section.Flex-Container_14 {
|
||
|
display: flex;
|
||
|
flex-direction: column-reverse;
|
||
|
margin: 0 1% 0 17%
|
||
|
}
|
||
|
article.Flex-item_25 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 0 3% 0 10%
|
||
|
}
|
||
|
#link_TS_02 {
|
||
|
font-size: 24px;
|
||
|
padding-top: 90px
|
||
|
}
|
||
|
#link_PR {
|
||
|
font-size: 24px;
|
||
|
cursor: pointer!important;
|
||
|
padding-top: 90px
|
||
|
}
|
||
|
img#Location_Map {
|
||
|
position: relative;
|
||
|
width: 1000px;
|
||
|
height: 350px;
|
||
|
margin-bottom: 0;
|
||
|
padding: 0 5% 0 8%;
|
||
|
white-space: nowrap;
|
||
|
overflow-x: scroll;
|
||
|
overflow-y: scroll
|
||
|
}
|
||
|
div.Flex-item_26 {
|
||
|
display: flex;
|
||
|
margin: 0 0 2% 10%
|
||
|
}
|
||
|
div.Flex-item_26_1 {
|
||
|
margin: 60px 5% 20PX 18%;
|
||
|
font-size: 20px
|
||
|
}
|
||
|
article.Flex-item_27 {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
margin: 5% 10% 10% 9%
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 300px) {
|
||
|
h1 {
|
||
|
font-size: 32px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 26px
|
||
|
}
|
||
|
img#logo_01 {
|
||
|
width: 120px;
|
||
|
height: 52px;
|
||
|
left: 5%;
|
||
|
top: 20%
|
||
|
}
|
||
|
div.line {
|
||
|
width: 40px;
|
||
|
height: 2px;
|
||
|
margin: 10px
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(1) {
|
||
|
-webkit-transform: translateY(12px) rotate(225deg)
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(2) {
|
||
|
opacity: 0
|
||
|
}
|
||
|
nav :checked~.icon-burger .line:nth-child(3) {
|
||
|
-webkit-transform: translateY(-12px) rotate(-225deg)
|
||
|
}
|
||
|
li.nav-item a {
|
||
|
font-size: 25px;
|
||
|
padding-top: 30px;
|
||
|
margin-right: 8%
|
||
|
}
|
||
|
.Flex-item_18_01 {
|
||
|
display: block;
|
||
|
font-size: 16px;
|
||
|
margin-right: 32%;
|
||
|
margin-left: 1%
|
||
|
}
|
||
|
img#Location_Map {
|
||
|
position: relative;
|
||
|
width: 1000px;
|
||
|
height: 300px;
|
||
|
margin-bottom: 0;
|
||
|
padding: 0 5% 0 8%;
|
||
|
white-space: nowrap;
|
||
|
overflow-x: scroll;
|
||
|
overflow-y: scroll
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 284px) {
|
||
|
h1 {
|
||
|
font-size: 30px
|
||
|
}
|
||
|
h2 {
|
||
|
font-size: 24px
|
||
|
}
|
||
|
#link_TS_02 {
|
||
|
font-size: 22px
|
||
|
}
|
||
|
#link_PR {
|
||
|
font-size: 22px;
|
||
|
cursor: pointer!important
|
||
|
}
|
||
|
}
|