diff --git a/Style.css b/Style.css new file mode 100755 index 0000000..acdcbd8 --- /dev/null +++ b/Style.css @@ -0,0 +1,7131 @@ +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 + } +} \ No newline at end of file diff --git a/assets/Backup.svg b/assets/Backup.svg new file mode 100644 index 0000000..6b949ce --- /dev/null +++ b/assets/Backup.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/Linkdin_icon.svg b/assets/Linkdin_icon.svg new file mode 100644 index 0000000..ce65a31 --- /dev/null +++ b/assets/Linkdin_icon.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/assets/Locaton_map_02.svg b/assets/Locaton_map_02.svg new file mode 100644 index 0000000..21684e6 --- /dev/null +++ b/assets/Locaton_map_02.svg @@ -0,0 +1,1159 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/Map_FR.svg b/assets/Map_FR.svg new file mode 100644 index 0000000..7eb3b70 --- /dev/null +++ b/assets/Map_FR.svg @@ -0,0 +1,1236 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/RecycledCloudLogo-01.svg b/assets/RecycledCloudLogo-01.svg new file mode 100644 index 0000000..0eae6f6 --- /dev/null +++ b/assets/RecycledCloudLogo-01.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/Recycledcloud-02.svg b/assets/Recycledcloud-02.svg new file mode 100644 index 0000000..f3db8a9 --- /dev/null +++ b/assets/Recycledcloud-02.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/Virtual_Machines.svg b/assets/Virtual_Machines.svg new file mode 100644 index 0000000..9300bd1 --- /dev/null +++ b/assets/Virtual_Machines.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/e-Durable_logo_notagline_full_color.svg b/assets/e-Durable_logo_notagline_full_color.svg new file mode 100644 index 0000000..5d7cdf9 --- /dev/null +++ b/assets/e-Durable_logo_notagline_full_color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/globe_low_carbon_website.svg b/assets/globe_low_carbon_website.svg new file mode 100644 index 0000000..50afe46 --- /dev/null +++ b/assets/globe_low_carbon_website.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/normal_languages_arrow_u24.svg b/assets/normal_languages_arrow_u24.svg new file mode 100644 index 0000000..b3be5cc --- /dev/null +++ b/assets/normal_languages_arrow_u24.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/backup.html b/backup.html new file mode 100644 index 0000000..540124b --- /dev/null +++ b/backup.html @@ -0,0 +1,199 @@ + + + + + + + Recycled Cloud + + + + + + + +
+ +
+
+
+ Backup logo +

Backup & Protect

+
+
+
+
+
+ Backup logo +

Backup & Protect

+
+

An enterprise grade Backup and Protection service for your critical files and most important servers (whether physical or virtual). This service protects you from complete loss of data and potential and closure of your business in + the event of a major disaster in your office. +

+

All is monitored for you and you don't have to worry about remembering to save that disk or rotate this external drive: everything is done for you. There is no need to learn Acronis or Veeam backup software, we'll take care of their + configuration for you. +

+ + +
+
+
+

All inclusive flat fee

+

from 99.- /month

+

excluding taxes

+ +
+
+
+
+

Questions? We are happy to answer them.

+

Call us +41 22 566 78 58 or send a message.

+
+
+
+
+ +
+
+

+ We provide several types of backup services, from the completely unmanaged to a full solution for on-premise virtual infrastructure. Our core component is borgbackup which provides encrypted, deduplicated append-only backups. +

+

+ For our unmanaged offer, we provide either a borg or an rsync endpoint with configurable available space, requiring only an SSH key from our clients. +

+

+ With our managed backup offer, we combine the archiving capabilities of borg with the power of VEEAM software backups, for a two-step backup procedure allowing configurable retention of virtual machine images, protecting your infrastructure against data + loss. +

+
+
+
+
+ +
+
+
+
+
    +
  • All your documents* saved remotely + +
  • +
  • 2 copies at all times
  • +
  • Monitoring and follow-up of backups included
  • +
+
+
+

=

+
+
+

99.- / month

+

excluding taxes

+
+
+ +
+ (*) based on fair use, subject to prior analysis and acceptance by e-Durable. In case of + large volume of data additional fees may apply. +
+
+
+

+ Unlike our competitors, we can offer you exactly what you need as we do not base our prices only on large data size chunks. We'll provide a sound backup strategy, based on your business type and on your exact needs, all while optimizing resource usage. +

+

+ Please contact us for a personalized offer so you don't end up paying for things you don't need. +

+ +
+
+
+
+

Interested?

+
+
+

Take your first step to make
your IT more sustainable +

+ +
+ +
+
+
+
+
+
+ + e-Durable logo + +

Chemin du Vernay 14a

+

1196 Gland, Switzerland

+

+41 22 566 78 58 +

+
+
+ +
+
+
+ + Linkdin logo + +
+
+ +
+ + + \ No newline at end of file diff --git a/backup_fr.html b/backup_fr.html new file mode 100644 index 0000000..ddb9e14 --- /dev/null +++ b/backup_fr.html @@ -0,0 +1,209 @@ + + + + + + + Recycled Cloud + + + + + + + +
+ +
+
+
+ Backup logo +

Backup & Protect

+
+
+
+
+
+ Backup logo +

Backup & Protect

+
+

Un service de sauvegarde et de protection de grade entreprise pour vos fichiers critiques et vos serveurs les plus importants (qu'ils soient physiques ou virtuels). Ce service vous protège contre la perte totale de données + et la fermeture potentielle de votre entreprise en cas de sinistre majeur dans vos locaux. +

+

Tout est surveillé pour vous et vous n'avez pas à vous soucier de vous rappeler de sauvegarder tel disque ou de faire la rotation de tel lecteur externe : tout est fait pour vous. Il n'est pas nécessaire d'apprendre + un logiciel de sauvegarde (p. ex. Acronis ou Veeam), nous nous chargeons de leur configuration pour vous. +

+ + +
+
+
+

Tarif forfaitaire tout compris

+

dés 99.- / mois

+

hors taxes

+ +
+
+
+
+

Vous avez des questions ? Nous sommes ravis d'y répondre.

+

Appelez-nous au +41 22 566 78 58 ou envoyez-nous un message

+
+
+
+
+ +
+
+

+ Nous proposons plusieurs types de services de sauvegarde, de la solution totalement non gérée à une solution complète pour l'infrastructure virtuelle sur site. Notre composant principal est borgbackup qui fournit des sauvegardes cryptées, dédupliquées et en ajout seul. + +

+

+ Pour notre offre non gérée, nous fournissons un point de terminaison borg ou rsync avec un espace disponible configurable, ne nécessitant qu'une clé SSH de la part de nos clients. +

+

+ Avec notre offre de sauvegarde gérée, nous combinons les capacités d'archivage de borg avec la puissance des sauvegardes du logiciel VEEAM, pour une procédure de sauvegarde en deux étapes permettant une rétention + configurable des images de machines virtuelles, protégeant ainsi votre infrastructure contre la perte de données. +

+
+
+
+
+ +
+ +
+
+
+
    +
  • Tous vos documents* sauvergardés à distance + +
  • +
  • 2 copies en permanence
  • +
  • Surveillance et suivi des sauvegardes inclus
  • +
+
+
+

=

+
+
+

99.- / mois

+

hors taxes

+
+
+ +
+ (*) basé sur une utilisation raisonné sous réserve d'analyse et acceptation + préalable par e-Durable. Des frais supplémentaires peuvent s'appliquer en cas de volume + important de données. + +
+
+ +
+
+

+ Contrairement à nos concurrents, nous pouvons vous offrir exactement ce dont vous avez besoin car nous ne basons pas nos prix uniquement sur des promesses de grands espaces de stockage qui resteront vides. Nous vous fournirons une stratégie + de sauvegarde solide, basée sur votre type d'entreprise et sur vos besoins exacts, tout en optimisant l'utilisation des ressources. +

+

+ N'hésitez pas à nous contacter pour obtenir une offre personnalisée afin d'éviter de payer pour des choses dont vous n'avez pas besoin. +

+ +
+ +
+
+

Intérressé ?

+
+
+

Faites votre premier pas pour rendre
votre informatique plus durable. +

+ +
+ +
+
+
+
+
+
+ + e-Durable logo + +

Chemin du Vernay 14a

+

1196 Gland, Suisse

+

+41 + 22 566 78 58 +

+
+
+ +
+
+
+ + Linkdin logo + +
+
+ +
+ + + \ No newline at end of file diff --git a/become-client.html b/become-client.html new file mode 100644 index 0000000..615a2ca --- /dev/null +++ b/become-client.html @@ -0,0 +1,96 @@ + + + + + + + Recycled Cloud + + + + + + + +
+ +
+
+
+

Become our Client

+

Thank you for your interest in our services.

+

Please email or call us to directly order a service, ask a question or leave feedback. We will get back within half a business day. +

+

contact@e-durable.ch +

+ +
+
+
+
+ + e-Durable logo + +

Chemin du Vernay 14a

+

1196 Gland, Switzerland

+

+41 22 566 78 58 +

+
+
+ +
+
+
+ + Linkdin logo + +
+
+ +
+ + + \ No newline at end of file diff --git a/become-client_fr.html b/become-client_fr.html new file mode 100644 index 0000000..0522cab --- /dev/null +++ b/become-client_fr.html @@ -0,0 +1,100 @@ + + + + + + + Recycled Cloud + + + + + + + +
+ +
+
+
+

Devenez notre client

+

Nous vous remercions de l'intérêt que vous portez à nos + services.

+

Veuillez nous envoyer un courriel ou nous appeler pour commander directement un service, poser une question ou laisser un commentaire. Nous vous répondrons dans un délai d'un demi-jour ouvrable. +

+

contact@e-durable.ch +

+ +
+
+
+
+ + e-Durable logo + +

Chemin du Vernay 14a

+

1196 Gland, Suisse

+

+41 + 22 566 78 58 +

+
+
+ +
+
+
+ + Linkdin logo + +
+
+ +
+ + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..bcc1438 --- /dev/null +++ b/index.html @@ -0,0 +1,300 @@ + + + + + + + Recycled Cloud + + + + + + +
+ +
+
+ +
+
+ Recycled Clourd logo
+
+

Cloud Services

+

100% Local, 100% Recycled,
100% Committed

+

Entirely swiss and with all environmental
cursors pushed to their max

+ +
+
+
+ +
+

Green Solutions for Your Projects

+
+
+ +
+
+ Virtual machine logo +
+

Virtual Machines

+

Build your infrastructure in
Switzerland with confidence and
local support +

+
+ + +
+
+
+
+ Low carbon website logo +
+

Low-Carbon Websites

+

Design and host your web
sites with a very small carbon
+ footprint and incredible speed +

+
+ + +
+
+
+
+
+
+
+

Manifesto

+
+

We want to minimize the negative environmental impact of IT while re-using unused servers and to offer you a bespoke cloud and virtual servers that are + 100% local (Switzerland), + 100% recycled and 100% committed.

+

This is what we know how to do and this is what we love doing. And we do it with as much meaning as possible.

+ +
+ +
+
+
+ +
+
+
+

Interested?

+
+
+

Take your first step to make
your IT more sustainable +

+ +
+ +
+
+
+
+
+
+

How can you help?

+
+
+ + + +
+
+
+
+

Backup & Protect

+
+
+
+ Backup logo +

Hassle Free Managed
Backup & Cyber-Protection

+
+
+

An open source based solution to keep your data in a safe second location, away from your own facilities.

+
    +
  • +

    You know it stays in Switzerland.

    +
  • +
  • +

    You talk to local people in case you need help.

    +
  • +
  • +

    You can restart your activity in case of a major event
    on your premises (fire, flooding, ransomware...). +

    +
  • +
+
+
+ +
+
+
+

Virtual Machines

+
+
+
+ Virtual Machine logo +

Build your infrastructure in +
Switzerland with
confidence and local
support

+
+
+

A virtual machine hosting to host your servers on our recycled cloud . +

+
    +
  • +

    You know it stays in Switzerland.

    +
  • +
  • +

    You talk to local people in case you need help.

    +
  • +
  • +

    You can create a new machine according to your
    needs to deploy a mail server or to host your applications.

    +
  • +
+
+
+ +
+
+
+

Questions? We are happy to answer them.

+

Call us +41 22 566 78 58 or send a message.

+
+
+
+

Locations

+
+
+ Location Map +
+
+

* Natural cooling means we do not use any artificial air conditioning. Rest assured that your project will run on natural and sustainable energy, with the lowest possible carbon footprint. +

+
+ +
+
+
+
+ + e-Durable logo + +

Chemin du Vernay 14a

+

1196 Gland, Switzerland

+

+41 22 566 78 58 +

+
+
+ +
+
+
+ + Linkdin logo + +
+
+ +
+ + + + \ No newline at end of file diff --git a/index_fr.html b/index_fr.html new file mode 100644 index 0000000..24cdf53 --- /dev/null +++ b/index_fr.html @@ -0,0 +1,310 @@ + + + + + + + Recycled Cloud + + + + + + + +
+ +
+
+ +
+
+ Recycled Clourd logo
+
+

Services Cloud

+

100% Locaux, 100% Recyclés,
100% Engagés

+

Entièrement suisses et avec tous les curseurs environnementaux poussés au max. +

+ +
+
+
+ +
+

Des Solutions Vertes pour Vos Projets

+
+
+ + +
+
+ Virtual machine logo +
+

Machines Virtuelles

+

Construisez votre infrastructure
en Suisse en toute confiance,
avec du support local. +

+
+ + +
+
+
+
+ Sites web Bas-Carbone logo +
+

Sites web Bas-Carbone

+

Dessinez et hébergez votre site
avec une toute petite empreinte
carbone et une vitesse incroyable. +

+
+ + +
+
+
+
+
+
+
+

Manifesto

+
+

Nous minimisons l'impact négatif de l'informatique sur l'environnement en recyclant les serveurs abandonnés et nous vous offrons un cloud sur mesure et des serveurs virtuels + 100% locaux (Suisse), + 100% recyclés et + 100% engagés.

+

C'est ce que nous savons faire et c'est ce que nous aimons faire. Et nous le faisons avec le plus de sens possible.

+ +
+ +
+
+
+
+
+
+

Intérressé ?

+
+
+

Faites votre premier pas pour rendre
votre informatique plus durable. +

+ +
+ +
+
+
+
+
+
+

Comment pouvez-vous aider ?

+
+
+ + + +
+
+
+
+

Backup & Protect

+
+
+
+ Backup logo +

Sauvergarde & Cyber-Protection gérées sans + soucis

+
+
+

Une solution basée sur des logiciels ouverts (open source) pour conserver vos données dans un second lieu sûr, en dehors de vos propres installations. +

+
    +
  • +

    Vous savez qu'elles restent en Suisse.

    +
  • +
  • +

    Vous parlez à des interlocuteurs locaux si jamais vous avez besoin d'aide. +

    +
  • +
  • +

    Vous pouvez redémarrer votre activité en cas d'incident majeur
    dans vos locaux (incendie, inondation, ransongiciel...). +

    +
  • +
+
+
+ +
+
+
+

Machines Virtuelles

+
+
+
+ Virtual Machine logo +

Construisez votre infrastructure en Suisse en toute confiance, + +
avec du support local.

+
+
+

L'hébergement de machines virtuelles pour vos serveurs, sur notre Recycled Cloud. +

+
    +
  • +

    Vous savez qu'elles restent en Suisse.

    +
  • +
  • +

    Vous parlez à des interlocuteurs locaux si jamais vous avez besoin d'aide. +

    +
  • +
  • +

    Vous pouvez créer une nouvelle machine virtuelle en fonction de vos
    besoins pour déployer un serveur de messagerie ou pour héberger vos applications. +

    +
  • +
+
+
+ +
+
+
+

Vous avez des questions ? Nous sommes ravis d'y répondre.

+

Appelez-nous au +41 22 566 78 58 ou envoyez-nous un message

+
+
+
+

Emplacements

+
+
+ Location Map +
+
+

* Le "refroidissement naturel" signifie que nous n'utilisons pas de climatisation. Soyez assuré que votre projet fonctionnera à l'aide d'une énergie naturelle et durable, avec la plus faible empreinte carbone. +

+
+ +
+
+
+
+ + e-Durable logo + +

Case Postale

+

Chemin du Vernay 14a, Suisse

+

+41 + 22 566 78 58 +

+
+
+ +
+
+
+ + Linkdin logo + +
+
+ +
+ + + + \ No newline at end of file diff --git a/.gitignore b/legacy/.gitignore similarity index 100% rename from .gitignore rename to legacy/.gitignore diff --git a/Makefile b/legacy/Makefile similarity index 100% rename from Makefile rename to legacy/Makefile diff --git a/README.md b/legacy/README.md similarity index 100% rename from README.md rename to legacy/README.md diff --git a/assets/css/bootstrap-grid.min.css b/legacy/assets/css/bootstrap-grid.min.css similarity index 100% rename from assets/css/bootstrap-grid.min.css rename to legacy/assets/css/bootstrap-grid.min.css diff --git a/assets/css/bootstrap-reboot.min.css b/legacy/assets/css/bootstrap-reboot.min.css similarity index 100% rename from assets/css/bootstrap-reboot.min.css rename to legacy/assets/css/bootstrap-reboot.min.css diff --git a/assets/css/main.css b/legacy/assets/css/main.css similarity index 100% rename from assets/css/main.css rename to legacy/assets/css/main.css diff --git a/assets/images/alpine-logo.svg b/legacy/assets/images/alpine-logo.svg similarity index 100% rename from assets/images/alpine-logo.svg rename to legacy/assets/images/alpine-logo.svg diff --git a/assets/images/cdist-logo.jpeg b/legacy/assets/images/cdist-logo.jpeg similarity index 100% rename from assets/images/cdist-logo.jpeg rename to legacy/assets/images/cdist-logo.jpeg diff --git a/assets/images/ceph-logo.png b/legacy/assets/images/ceph-logo.png similarity index 100% rename from assets/images/ceph-logo.png rename to legacy/assets/images/ceph-logo.png diff --git a/assets/images/contact.png b/legacy/assets/images/contact.png similarity index 100% rename from assets/images/contact.png rename to legacy/assets/images/contact.png diff --git a/assets/images/debian-logo.png b/legacy/assets/images/debian-logo.png similarity index 100% rename from assets/images/debian-logo.png rename to legacy/assets/images/debian-logo.png diff --git a/assets/images/edurable-logo-black.svg b/legacy/assets/images/edurable-logo-black.svg similarity index 100% rename from assets/images/edurable-logo-black.svg rename to legacy/assets/images/edurable-logo-black.svg diff --git a/assets/images/logo.png b/legacy/assets/images/logo.png similarity index 100% rename from assets/images/logo.png rename to legacy/assets/images/logo.png diff --git a/assets/images/nas.svg b/legacy/assets/images/nas.svg similarity index 100% rename from assets/images/nas.svg rename to legacy/assets/images/nas.svg diff --git a/assets/images/opennebula-logo.png b/legacy/assets/images/opennebula-logo.png similarity index 100% rename from assets/images/opennebula-logo.png rename to legacy/assets/images/opennebula-logo.png diff --git a/assets/images/server.svg b/legacy/assets/images/server.svg similarity index 100% rename from assets/images/server.svg rename to legacy/assets/images/server.svg diff --git a/assets/images/ungleich-logo-black.svg b/legacy/assets/images/ungleich-logo-black.svg similarity index 100% rename from assets/images/ungleich-logo-black.svg rename to legacy/assets/images/ungleich-logo-black.svg diff --git a/assets/images/web.svg b/legacy/assets/images/web.svg similarity index 100% rename from assets/images/web.svg rename to legacy/assets/images/web.svg diff --git a/contact.part b/legacy/contact.part similarity index 100% rename from contact.part rename to legacy/contact.part diff --git a/deploy.sh b/legacy/deploy.sh similarity index 100% rename from deploy.sh rename to legacy/deploy.sh diff --git a/index.part b/legacy/index.part similarity index 100% rename from index.part rename to legacy/index.part diff --git a/manifesto.part b/legacy/manifesto.part similarity index 100% rename from manifesto.part rename to legacy/manifesto.part diff --git a/page-template.sh b/legacy/page-template.sh similarity index 100% rename from page-template.sh rename to legacy/page-template.sh diff --git a/services.part b/legacy/services.part similarity index 100% rename from services.part rename to legacy/services.part diff --git a/terms.part b/legacy/terms.part similarity index 100% rename from terms.part rename to legacy/terms.part diff --git a/manifesto.html b/manifesto.html new file mode 100644 index 0000000..967a048 --- /dev/null +++ b/manifesto.html @@ -0,0 +1,165 @@ + + + + + + + Recycled Cloud + + + + + + + +
+ +
+
+
+

Manifesto

+

The idea of creating the Recycled Cloud was born by observing the astronomical amount of waste generated by the disposal of old computer servers from companies and data centers.

+

This industry throws away servers while they are still functional. We think this waste can easily be avoided. Every day, many servers are produced, using earth's rare minerals (sometimes failing to provide decent working conditions or even + exploiting children), this environmental impact is huge. We think it’s a shame not to use the products to their full potential and long lifecycle. We do not want to support programmed obsolescence, therefore we have decided to re-use, + repair and re-use, again and again, until the hardware can no longer function. +

+

+ This thought is aligned with our values: +

+ +

+ We want to help our customers minimize the effect their ICT has on the planet by re-using servers that would otherwise go to waste and to offer you a bespoke cloud, 100% local (Switzerland), + 100% recycled and 100% committed. +

+

+ This is what we love doing. +

+

+ And we do it with as much meaning as possible. +

+

+ Our data centers use all the best known practices and we provide our cloud services in the most sustainable way, by: +

+ +

+ And our Recycled.Cloud service is just beginning. We have many more ideas, so stay tuned! +

+

+ Recycled Cloud can be a beginning for you as well. We have many things to share and can help you move your IT forward in a sustainable way. Reach out to get our help and facilitate these steps. +

+

+ By using the Recycled.Cloud, you choose to trust innovative ideas and you support this transition to more ecological IT services and infrastructures. +

+
+
+
+

Interested?

+
+
+

Take your first step to make
your IT more sustainable +

+ +
+ +
+
+
+
+
+
+ + e-Durable logo + +

Chemin du Vernay 14a

+

1196 Gland, Switzerland

+

+41 22 566 78 58 +

+
+
+ +
+
+
+ + Linkdin logo + +
+
+ +
+ + + \ No newline at end of file diff --git a/manifesto_fr.html b/manifesto_fr.html new file mode 100644 index 0000000..d519426 --- /dev/null +++ b/manifesto_fr.html @@ -0,0 +1,177 @@ + + + + + + + Recycled Cloud + + + + + + + +
+ +
+
+
+

Manifesto

+

L'idée de créer le Recycled Cloud est née de l'observation de la quantité astronomique de déchets générés par l'élimination des vieux serveurs informatiques des + entreprises et des centres de données.

+

L'industrie jette les serveurs alors qu'ils sont encore fonctionnels. Nous pensons que ce gaspillage peut être facilement évité. Chaque jour, de nombreux serveurs sont produits, en utilisant les minéraux rares de la terre + (parfois sans offrir de conditions de travail décentes ou même en exploitant des enfants), cet impact environnemental est énorme. Nous pensons qu'il est dommage de ne pas utiliser les produits au maximum de leur potentiel + et de leur long cycle de vie. Nous ne voulons pas soutenir l'obsolescence programmée, c'est pourquoi nous avons décidé de réutiliser, réparer et réutiliser, encore et encore, jusqu'à ce + que le matériel ne puisse plus fonctionner. +

+

+ Cette pensée est en accord avec nos valeurs : +

+ +

+ Nous voulons aider nos clients à minimiser l'impact de leurs TIC sur la planète en réutilisant des serveurs qui seraient autrement mis au rebut et vous offrir un cloud sur mesure, + 100% + local (Suisse), + 100% recyclé et 100% engagé. +

+

+ C'est ce que nous adorons faire. +

+

+ Et nous le faisons avec autant de sens que possible. +

+

+ Nos centres de données utilisent toutes les meilleures pratiques connues et nous fournissons nos services en cloud de la manière la plus durable qui soit : +

+ +

+ Et notre Recycled.Cloud ne fait que commencer. Nous avons beaucoup d'autres idées, alors restez à l'écoute ! +

+

+ Recycled Cloud peut être un début pour vous aussi. Nous avons beaucoup de choses à partager et pouvons vous aider à faire avancer votre informatique vers plus de + durabilité. Rejoignez-nous pour obtenir notre aide et faciliter ces étapes. +

+

+ En utilisant le Recycled.Cloud, vous choisissez de faire confiance aux idées innovantes et vous soutenez cette transition vers des services et des infrastructures informatiques plus écologiques. +

+
+
+
+

Intérressé ?

+
+
+

Faites votre premier pas pour rendre
votre informatique plus durable. +

+ +
+ +
+
+
+
+
+
+ + e-Durable logo + +

Chemin du Vernay 14a

+

1196 Gland, Suisse

+

+41 + 22 566 78 58 +

+
+
+ +
+
+
+ + Linkdin logo + +
+
+ +
+ + + \ No newline at end of file diff --git a/privacy-policy.html b/privacy-policy.html new file mode 100644 index 0000000..773c448 --- /dev/null +++ b/privacy-policy.html @@ -0,0 +1,120 @@ + + + + + + + Recycled Cloud + + + + + + + +
+ +
+
+
+

Privacy Policy

+

Here in Recycled Cloud we care not only about environment but foremostly about people. +

+

And we are not only talking about it, but we also actually do it. Here’s why. +

+ +

Data

+

The only data we store are the emails and billing addresses of our customers.

+

We do not save any data about the online users too, hence do not stress about cookies or tracking. You can relax and enjoy our 100% static and low carbon website. Isn’t it loading fast? +

+ +

Security

+

We do not share your data with any third party.

+

Your billing informations are securely stored in our system and available only to the authorized personnel. +

+ +

Trust

+

We will not spam you with the marketing e-mails.

+

If one day you decided to leave, your data will not be forward to any third party, your account will be deleted, and all your billing data securely archived. +

+

As we are local people you can always reach us, and we would be happy to talk to you about your concerns, over a phone or a cup of tea.

+
+
+
+

Interested?

+
+
+

Take your first step to make
your IT more sustainable +

+ +
+ +
+
+
+
+
+
+ + e-Durable logo + +

Chemin du Vernay 14a

+

1196 Gland, Switzerland

+

+41 22 566 78 58 +

+
+
+ +
+
+
+ + Linkdin logo + +
+
+ +
+ + + \ No newline at end of file diff --git a/privacy-policy_fr.html b/privacy-policy_fr.html new file mode 100644 index 0000000..cd33e9a --- /dev/null +++ b/privacy-policy_fr.html @@ -0,0 +1,124 @@ + + + + + + + Recycled Cloud + + + + + + + +
+ +
+
+
+

Politique de confidentialité

+

Chez Recycled Cloud, nous ne nous préoccupons pas seulement de l'environnement, mais surtout des gens. +

+

Et nous ne faisons pas qu'en parler, nous le faisons réellement. Voici pourquoi. +

+ +

Les Données

+

Les seules données que nous stockons sont les adresses électroniques et de facturation de nos clients.

+

Nous n'enregistrons pas non plus de données sur les utilisateurs en ligne. Ne vous inquiétez pas des cookies ou du suivi : il n'y en a pas. Vous pouvez vous détendre et profiter de notre site web 100% statique et à + faible émission de carbone. Avez-vous remarqué comme son chargement est super rapide ? +

+ +

La sécurité

+

Nous ne partageons pas vos données avec des tiers.

+

Vos informations de facturation sont stockées en toute sécurité dans notre système et ne sont accessibles qu'au personnel autorisé. +

+ +

La confiance

+

Nous ne vous enverrons pas de courriel publicitaire.

+

Si un jour vous décidiez de partir, vos données ne seront transmises à aucun tiers, votre compte sera supprimé et toutes vos données de facturation seront archivées de manière sécurisée. +

+

Comme nous sommes des gens de la région, vous pouvez toujours nous joindre, et nous serions heureux de parler de vos préoccupations, au téléphone ou autour d'un verre.

+
+
+
+

Intérressé ?

+
+
+

Faites votre premier pas pour rendre
votre informatique plus durable. +

+ +
+ +
+
+
+
+
+
+ + e-Durable logo + +

Chemin du Vernay 14a

+

1196 Gland, Suisse

+

+41 + 22 566 78 58 +

+
+
+ +
+
+
+ + Linkdin logo + +
+
+ +
+ + + \ No newline at end of file diff --git a/virtual-machine.html b/virtual-machine.html new file mode 100644 index 0000000..92c0a29 --- /dev/null +++ b/virtual-machine.html @@ -0,0 +1,186 @@ + + + + + + + Recycled Cloud + + + + + + + +
+ +
+
+
+ Backup logo +

Virtual Machines

+
+
+
+
+
+ Backup logo +

Virtual Machines

+
+

We provide virtual machine hosting, allowing you to host your servers in our cloud. +

+

Create a new machine according to your resource requirements and with the operating system of your choice to deploy a secondary AD or mail server, or to host your company applications. +

+ + +
+
+
+

All inclusive flat fee

+

from 34.- /month

+

excluding taxes

+ +
+
+
+
+

Questions? We are happy to answer them.

+

Call us +41 22 566 78 58 or send a message.

+
+
+
+
+ +
+
+

+ We provide virtual machine hosting, with configurable drives, NICs, disks and memory. +

+

+ The default provided connectivity provided is IPv6 with DNS64+NAT64 for access to the IPv4 world; additional IPv4 and IPv6 addresses can be requested. +

+

+ Our machines come with a wide variety of GNU/Linux distributions, as well as FreeBSD and Windows Server 2019. +

+
+
+
+
+ +
+ +
+
+
+
    +
  • 1 CPU
  • +
  • 2 GB RAM
  • +
  • 20 GB disk space
  • +
+
+
+

=

+
+
+

34.- / month

+

excluding taxes

+
+
+
+ +
+

+ AS PER ABOVE: Unlike our competitors, we can offer you exactly what you need. Please contact us for a personalized offer so you won't pay for what is not necessary. +

+
+ +
+
+

Interested?

+
+
+

Take your first step to make
your IT more sustainable +

+ +
+ +
+
+
+
+
+
+ + e-Durable logo + +

Chemin du Vernay 14a

+

1196 Gland, Switzerland

+

+41 22 566 78 58 +

+
+
+ +
+
+
+ + Linkdin logo + +
+
+ +
+ + + \ No newline at end of file diff --git a/virtual-machine_fr.html b/virtual-machine_fr.html new file mode 100644 index 0000000..7e28486 --- /dev/null +++ b/virtual-machine_fr.html @@ -0,0 +1,194 @@ + + + + + + + Recycled Cloud + + + + + + + +
+ +
+
+
+ Backup logo +

Machines Virtuelles +

+
+
+
+
+
+ Backup logo +

Machines Virtuelles +

+
+

Nous proposons l'hébergement de machines virtuelles, ce qui vous permet de virtualiser et gérer vos serveurs dans notre cloud. +

+

Créez une nouvelle machine en fonction de vos besoins en ressources et avec le système d'exploitation de votre choix pour par exemple déployer un AD secondaire ou un serveur de messagerie, ou pour héberger + les applications de votre entreprise. +

+ + +
+
+
+

Tarif forfaitaire tout compris

+

dés 34.- / mois

+

hors taxes

+ +
+
+
+
+

Vous avez des questions ? Nous sommes ravis d'y répondre.

+

Appelez-nous au +41 22 566 78 58 ou envoyez-nous un message +

+
+
+
+
+ +
+
+

+ Nous fournissons un hébergement de machines virtuelles, avec de la mémoire configurable, des NICs, et des disques configurables. +

+

+ La connectivité fournie par défaut est IPv6 avec DNS64+NAT64 pour l'accès au monde IPv4 ; des adresses IPv4 et IPv6 supplémentaires peuvent être demandées en option. +

+

+ Nos machines peuvent être livrées avec une grande variété de distributions GNU/Linux, ainsi que FreeBSD et Windows Server 2019. +

+
+
+
+
+ +
+ +
+
+
+
    +
  • 1 CPU
  • +
  • 2 GB RAM
  • +
  • 20 GB d'espace disque
  • +
+
+
+

=

+
+
+

34.- / mois

+

hors taxes

+
+
+
+ +
+

+ Contrairement à nos concurrents, nous pouvons vous offrir exactement ce dont vous avez besoin, et vous fournir une configuration sur mesure. Veuillez nous contacter pour une offre personnalisée afin de ne pas payer pour ce qui n'est pas + nécessaire.

+
+ +
+
+

Intérressé ?

+
+
+

Faites votre premier pas pour rendre
votre informatique plus durable. +

+ +
+ +
+
+
+
+
+
+ + e-Durable logo + +

Chemin du Vernay 14a

+

1196 Gland, Suisse

+

+41 + 22 566 78 58 +

+
+
+ +
+
+
+ + Linkdin logo + +
+
+ +
+ + + \ No newline at end of file