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; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
/*****************************************************/
/* Project : Oracle iPaper Digibook */
/* Author : Azmy/ Thilini */
/* Description : Contains all the fonts used in the document */
/*****************************************************/
/* CSS Document */
@font-face {
font-family: 'UniversLTStd';
src: url("../fonts/UniversLTStd.eot");
src: url("../fonts/UniversLTStd.eot?#iefix") format("embedded-opentype"), url("../fonts/UniversLTStd.woff2") format("woff2"), url("../fonts/UniversLTStd.woff") format("woff"), url("../fonts/UniversLTStd.ttf") format("truetype"), url("../fonts/UniversLTStd.svg#UniversLTStd") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'UniversLTStd-Light';
src: url("../fonts/UniversLTStd-Light.eot");
src: url("../fonts/UniversLTStd-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/UniversLTStd-Light.woff2") format("woff2"), url("../fonts/UniversLTStd-Light.woff") format("woff"), url("../fonts/UniversLTStd-Light.ttf") format("truetype"), url("../fonts/UniversLTStd-Light.svg#UniversLTStd-Light") format("svg");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'UniversLTStd-Bold';
src: url("../fonts/UniversLTStd-Bold.eot");
src: url("../fonts/UniversLTStd-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/UniversLTStd-Bold.woff2") format("woff2"), url("../fonts/UniversLTStd-Bold.woff") format("woff"), url("../fonts/UniversLTStd-Bold.ttf") format("truetype"), url("../fonts/UniversLTStd-Bold.svg#UniversLTStd-Bold") format("svg");
font-weight: bold;
font-style: normal; }
@font-face {
font-family: 'UniversLTStd-Obl';
src: url("../fonts/UniversLTStd-Obl.eot");
src: url("../fonts/UniversLTStd-Obl.eot?#iefix") format("embedded-opentype"), url("../fonts/UniversLTStd-Obl.woff2") format("woff2"), url("../fonts/UniversLTStd-Obl.woff") format("woff"), url("../fonts/UniversLTStd-Obl.ttf") format("truetype"), url("../fonts/UniversLTStd-Obl.svg#UniversLTStd-Obl") format("svg");
font-weight: 400;
font-style: italic;
font-stretch: normal; }
html {
overflow-x: hidden; }
@media (min-width: 1440px) {
html {
overflow: inherit; } }
html,
body {
height: 100%;
font-family: Arial, "sans-serif" !important;
background: #e6e6e6;
color: #4e5052;
font-size: 85%; }
html p,
body p {
font-size: 1.44rem;
line-height: 1.728rem;
color: #003B4D; }
@media (max-width: 767px) {
html p,
body p {
font-size: 1.3rem;
line-height: 1.5; } }
@media (max-width: 640px) {
html p,
body p {
font-size: 1.2rem;
line-height: 1.3; } }
@media (max-width: 320px) {
html p,
body p {
font-size: 1rem;
line-height: 1.3; } }
@media (min-width: 992px) {
html p,
body p {
font-size: 1.6rem;
line-height: 1.92rem; } }
html p strong,
body p strong {
font-weight: 700; }
html a,
body a {
color: #942645; }
html b,
body b {
font-weight: 700; }
html h2,
body h2 {
font-size: 3rem;
color: #942645;
font-weight: 700; }
@media (min-width: 992px) {
html h2,
body h2 {
font-size: 3.9rem; } }
html .container,
body .container {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden; }
@media (min-width: 1200px) {
html .container,
body .container {
width: 85rem;
margin: auto; } }
html .main-wrapper,
body .main-wrapper {
padding: 0;
position: relative; }
@media (max-width: 767px) {
html .main-wrapper,
body .main-wrapper {
padding: 0 2rem; } }
@media (max-width: 640px) {
html .main-wrapper,
body .main-wrapper {
padding: 0 1rem; } }
html .main-wrapper .bg-holder,
body .main-wrapper .bg-holder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#94b5c5+0,e2ecef+100 */
background: #94b5c5;
/* Old browsers */
background: -moz-linear-gradient(top, #94b5c5 0%, #e2ecef 20%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #94b5c5 0%, #e2ecef 20%);
/* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, left bottom, from(#94b5c5), color-stop(20%, #e2ecef));
background: -o-linear-gradient(top, #94b5c5 0%, #e2ecef 20%);
background: linear-gradient(to bottom, #94b5c5 0%, #e2ecef 20%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94b5c5', endColorstr='#e2ecef',GradientType=0 );
/* IE6-9 */ }
html .main-wrapper .bg-holder:before,
body .main-wrapper .bg-holder:before {
content: '';
position: absolute;
right: 20%;
top: -240px;
width: 30%;
height: 90vh;
background: url("../images/oac-header-bg-new.svg") no-repeat;
background-position: right top; }
@media (max-width: 767px) {
html .main-wrapper .bg-holder:before,
body .main-wrapper .bg-holder:before {
content: '';
right: 0;
-webkit-transform: translateY(15%);
-ms-transform: translateY(15%);
transform: translateY(15%);
width: 47%; } }
@media (max-width: 640px) {
html .main-wrapper .bg-holder:before,
body .main-wrapper .bg-holder:before {
-webkit-transform: translateY(23%);
-ms-transform: translateY(23%);
transform: translateY(23%); } }
@media (max-width: 480px) {
html .main-wrapper .bg-holder:before,
body .main-wrapper .bg-holder:before {
content: '';
width: 50%;
-webkit-transform: translateY(25%);
-ms-transform: translateY(25%);
transform: translateY(25%); } }
@media (max-width: 320px) {
html .main-wrapper .bg-holder:before,
body .main-wrapper .bg-holder:before {
content: '';
right: 0; } }
@media (min-width: 768px) {
html .main-wrapper .bg-holder:before,
body .main-wrapper .bg-holder:before {
content: '';
position: absolute;
right: 0;
top: -190px;
width: 57%;
height: 90vh; } }
@media (min-width: 992px) {
html .main-wrapper .bg-holder:before,
body .main-wrapper .bg-holder:before {
-webkit-transform: translate(0%, 5%);
-ms-transform: translate(0%, 5%);
transform: translate(0%, 5%);
width: 40%; } }
@media (min-width: 1024px) {
html .main-wrapper .bg-holder:before,
body .main-wrapper .bg-holder:before {
content: '';
right: 10%;
top: -210px;
width: 37%;
background-position: center;
-webkit-transform: translate(23%, 13%);
-ms-transform: translate(23%, 13%);
transform: translate(23%, 13%); } }
@media (min-width: 1200px) {
html .main-wrapper .bg-holder:before,
body .main-wrapper .bg-holder:before {
content: '';
right: 10%;
top: -210px;
width: 37%; } }
@media (min-width: 1440px) {
html .main-wrapper .bg-holder:before,
body .main-wrapper .bg-holder:before {
content: '';
position: absolute;
right: 20%;
top: -240px;
width: 30%;
height: 90vh;
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
html .main-wrapper .header,
body .main-wrapper .header {
padding-bottom: 1rem; }
@media (max-width: 767px) {
html .main-wrapper .header,
body .main-wrapper .header {
padding-bottom: 0; } }
@media (min-width: 992px) {
html .main-wrapper .header,
body .main-wrapper .header {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
@media (min-width: 1200px) {
html .main-wrapper .header,
body .main-wrapper .header {
padding-bottom: 2rem; } }
html .main-wrapper .header .left-content,
body .main-wrapper .header .left-content {
position: relative;
z-index: 10; }
html .main-wrapper .header .left-content .logo,
body .main-wrapper .header .left-content .logo {
width: 180px; }
@media (max-width: 767px) {
html .main-wrapper .header .left-content .logo,
body .main-wrapper .header .left-content .logo {
margin: 0.5rem 0;
width: 130px; } }
@media (max-width: 320px) {
html .main-wrapper .header .left-content .logo,
body .main-wrapper .header .left-content .logo {
margin: 0.5rem 0;
width: 100px; } }
html .main-wrapper .header .left-content .logo img,
body .main-wrapper .header .left-content .logo img {
width: 100%; }
html .main-wrapper .header .left-content h1,
body .main-wrapper .header .left-content h1 {
font-size: 3rem;
line-height: 3.488rem;
margin: 2rem 0;
font-weight: 700;
color: #003B4D;
z-index: 10;
position: relative; }
@media (max-width: 767px) {
html .main-wrapper .header .left-content h1,
body .main-wrapper .header .left-content h1 {
font-size: 4rem;
line-height: 1.2; } }
@media (max-width: 640px) {
html .main-wrapper .header .left-content h1,
body .main-wrapper .header .left-content h1 {
font-size: 3rem;
line-height: 1.2; } }
@media (max-width: 480px) {
html .main-wrapper .header .left-content h1,
body .main-wrapper .header .left-content h1 {
font-size: 2.5rem;
line-height: 1.2; } }
@media (max-width: 320px) {
html .main-wrapper .header .left-content h1,
body .main-wrapper .header .left-content h1 {
font-size: 2rem;
line-height: 1.2;
margin-top: 2rem;
margin-bottom: 0.5rem;
margin: 2rem 0 0.5rem 0; } }
@media (min-width: 768px) {
html .main-wrapper .header .left-content h1,
body .main-wrapper .header .left-content h1 {
font-size: 3.8rem;
line-height: 4.5rem;
margin: 3rem 0 2rem 0; } }
@media (min-width: 1024px) {
html .main-wrapper .header .left-content h1,
body .main-wrapper .header .left-content h1 {
font-size: 5.3rem;
line-height: 1.2;
margin: 3rem 0 2rem 0; } }
html .main-wrapper .header .left-content p,
body .main-wrapper .header .left-content p {
line-height: 2.08rem;
margin: 2rem 0; }
html .main-wrapper .header .left-content img.header-bg,
body .main-wrapper .header .left-content img.header-bg {
position: absolute;
width: auto;
height: 100%;
top: 0;
right: 0; }
@media (min-width: 768px) {
html .main-wrapper .header .right-content,
body .main-wrapper .header .right-content {
position: absolute;
right: 0;
top: 25px; } }
@media (min-width: 992px) {
html .main-wrapper .header .right-content,
body .main-wrapper .header .right-content {
position: relative;
right: 0;
top: 0; } }
html .main-wrapper .header .right-content .business-logo,
body .main-wrapper .header .right-content .business-logo {
width: 250px;
float: left;
position: relative;
z-index: 11;
margin-bottom: 2rem; }
@media (min-width: 992px) {
html .main-wrapper .header .right-content .business-logo,
body .main-wrapper .header .right-content .business-logo {
float: right;
margin-bottom: 0; } }
html .main-wrapper .header .right-content .business-logo img,
body .main-wrapper .header .right-content .business-logo img {
width: 100%; }
html .main-wrapper .header .right-content img.business-card,
body .main-wrapper .header .right-content img.business-card {
position: absolute;
z-index: 8;
display: none;
right: 0; }
@media (min-width: 1200px) {
html .main-wrapper .header .right-content img.business-card,
body .main-wrapper .header .right-content img.business-card {
width: 155%;
bottom: -48%;
right: -43%;
display: block; } }
html .main-wrapper .section-wrapper .section,
body .main-wrapper .section-wrapper .section {
z-index: 10;
position: relative;
background: #ffffff;
margin-bottom: 2rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section,
body .main-wrapper .section-wrapper .section {
margin-bottom: 0; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section,
body .main-wrapper .section-wrapper .section {
margin-bottom: 0; } }
html .main-wrapper .section-wrapper .section .section-title,
body .main-wrapper .section-wrapper .section .section-title {
background: #00758F;
color: #ffffff;
width: 100%; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section .section-title,
body .main-wrapper .section-wrapper .section .section-title {
width: 95%; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section .section-title,
body .main-wrapper .section-wrapper .section .section-title {
width: 100%; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section .section-title,
body .main-wrapper .section-wrapper .section .section-title {
min-width: 55%;
width: auto;
display: inline-block; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section .section-title,
body .main-wrapper .section-wrapper .section .section-title {
min-width: 55%;
width: auto;
display: inline-block;
z-index: 99;
position: relative; } }
html .main-wrapper .section-wrapper .section .section-title.red-title,
body .main-wrapper .section-wrapper .section .section-title.red-title {
background: #f80000; }
html .main-wrapper .section-wrapper .section .section-title h2,
body .main-wrapper .section-wrapper .section .section-title h2 {
font-size: 2rem;
padding: 0.5rem 3rem 0.5rem 2rem;
text-transform: none;
line-height: 3rem;
color: inherit; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section .section-title h2,
body .main-wrapper .section-wrapper .section .section-title h2 {
font-size: 1.8rem;
line-height: 1.5;
padding: 0.5rem 2rem; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section .section-title h2,
body .main-wrapper .section-wrapper .section .section-title h2 {
font-size: 1.6rem;
line-height: 1.5;
padding: 1rem; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section .section-title h2,
body .main-wrapper .section-wrapper .section .section-title h2 {
font-size: 1.4rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section .section-title h2,
body .main-wrapper .section-wrapper .section .section-title h2 {
font-size: 2.3rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section .section-title h2,
body .main-wrapper .section-wrapper .section .section-title h2 {
font-size: 2.8rem;
line-height: 3.52rem; } }
html .main-wrapper .section-wrapper .section .section-content,
body .main-wrapper .section-wrapper .section .section-content {
padding: 0; }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section .section-content,
body .main-wrapper .section-wrapper .section .section-content {
position: relative;
z-index: 10; } }
html .main-wrapper .section-wrapper .section .section-content .intro-text,
body .main-wrapper .section-wrapper .section .section-content .intro-text {
padding: 2rem 2rem 2rem;
z-index: 10; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section .section-content .intro-text,
body .main-wrapper .section-wrapper .section .section-content .intro-text {
padding: 1rem 3rem 2rem 2rem; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section .section-content .intro-text,
body .main-wrapper .section-wrapper .section .section-content .intro-text {
padding: 1rem 1rem 2rem 1rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section .section-content .intro-text,
body .main-wrapper .section-wrapper .section .section-content .intro-text {
padding: 1rem 2rem 4rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section .section-content .intro-text,
body .main-wrapper .section-wrapper .section .section-content .intro-text {
padding: 1rem 3rem 4rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section .section-content .intro-text p,
body .main-wrapper .section-wrapper .section .section-content .intro-text p {
line-height: 28px; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section .section-content .intro-text p,
body .main-wrapper .section-wrapper .section .section-content .intro-text p {
line-height: 33px; } }
html .main-wrapper .section-wrapper .section .section-content .intro-text a,
body .main-wrapper .section-wrapper .section .section-content .intro-text a {
cursor: default !important;
text-decoration: none !important; }
html .main-wrapper .section-wrapper .section .section-content .intro-text a:hover,
body .main-wrapper .section-wrapper .section .section-content .intro-text a:hover {
cursor: default !important;
text-decoration: none !important;
color: #942645 !important; }
html .main-wrapper .section-wrapper .section .section-content .block-container,
body .main-wrapper .section-wrapper .section .section-content .block-container {
padding-bottom: 3rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section .section-content .block-container,
body .main-wrapper .section-wrapper .section .section-content .block-container {
padding-bottom: 0; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section .section-content .block-container,
body .main-wrapper .section-wrapper .section .section-content .block-container {
padding-bottom: 0; } }
html .main-wrapper .section-wrapper .section .section-content .block-container .block,
body .main-wrapper .section-wrapper .section .section-content .block-container .block {
text-align: center; }
html .main-wrapper .section-wrapper .section .section-content .block-container .block h2,
body .main-wrapper .section-wrapper .section .section-content .block-container .block h2 {
font-size: 3.2rem;
color: #942645;
margin-top: 1rem; }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section .section-content .block-container .block h2,
body .main-wrapper .section-wrapper .section .section-content .block-container .block h2 {
font-size: 4rem; } }
html .main-wrapper .section-wrapper .section .section-content .block-container .block p,
body .main-wrapper .section-wrapper .section .section-content .block-container .block p {
line-height: 1.76rem;
margin-top: 0.5rem; }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section .section-content .block-container .block p,
body .main-wrapper .section-wrapper .section .section-content .block-container .block p {
line-height: 1.92rem; } }
html .main-wrapper .section-wrapper .section .section-content .block-container .block p b,
body .main-wrapper .section-wrapper .section .section-content .block-container .block p b {
font-weight: 600; }
html .main-wrapper .section-wrapper .section .section-content .block-container .block img,
body .main-wrapper .section-wrapper .section .section-content .block-container .block img {
height: 175px;
display: block;
margin: auto;
margin-bottom: 1.2rem; }
html .main-wrapper .section-wrapper .section .section-content .block-container .block:nth-child(2n),
body .main-wrapper .section-wrapper .section .section-content .block-container .block:nth-child(2n) {
border: 0;
margin: 3rem 0; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section .section-content .block-container .block:nth-child(2n),
body .main-wrapper .section-wrapper .section .section-content .block-container .block:nth-child(2n) {
border-left: 1px #dee0e0 solid;
border-right: 1px #dee0e0 solid;
margin: 0; } }
html .main-wrapper .section-wrapper .section .section-content .block-container.block-funnel, html .main-wrapper .section-wrapper .section .section-content .block-container.block-sec1, html .main-wrapper .section-wrapper .section .section-content .block-container.block-sec2, html .main-wrapper .section-wrapper .section .section-content .block-container.block-sec3, html .main-wrapper .section-wrapper .section .section-content .block-container.block-sec4,
body .main-wrapper .section-wrapper .section .section-content .block-container.block-funnel,
body .main-wrapper .section-wrapper .section .section-content .block-container.block-sec1,
body .main-wrapper .section-wrapper .section .section-content .block-container.block-sec2,
body .main-wrapper .section-wrapper .section .section-content .block-container.block-sec3,
body .main-wrapper .section-wrapper .section .section-content .block-container.block-sec4 {
position: relative; }
html .main-wrapper .section-wrapper .section .section-content .block-container.block-funnel:after, html .main-wrapper .section-wrapper .section .section-content .block-container.block-sec1:after, html .main-wrapper .section-wrapper .section .section-content .block-container.block-sec2:after, html .main-wrapper .section-wrapper .section .section-content .block-container.block-sec3:after, html .main-wrapper .section-wrapper .section .section-content .block-container.block-sec4:after,
body .main-wrapper .section-wrapper .section .section-content .block-container.block-funnel:after,
body .main-wrapper .section-wrapper .section .section-content .block-container.block-sec1:after,
body .main-wrapper .section-wrapper .section .section-content .block-container.block-sec2:after,
body .main-wrapper .section-wrapper .section .section-content .block-container.block-sec3:after,
body .main-wrapper .section-wrapper .section .section-content .block-container.block-sec4:after {
content: "";
position: absolute;
width: 100%;
height: 2.5rem;
bottom: 0;
background-color: #e2ecef;
z-index: -1;
display: none; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section .section-content .block-container.block-funnel:after, html .main-wrapper .section-wrapper .section .section-content .block-container.block-sec1:after, html .main-wrapper .section-wrapper .section .section-content .block-container.block-sec2:after, html .main-wrapper .section-wrapper .section .section-content .block-container.block-sec3:after, html .main-wrapper .section-wrapper .section .section-content .block-container.block-sec4:after,
body .main-wrapper .section-wrapper .section .section-content .block-container.block-funnel:after,
body .main-wrapper .section-wrapper .section .section-content .block-container.block-sec1:after,
body .main-wrapper .section-wrapper .section .section-content .block-container.block-sec2:after,
body .main-wrapper .section-wrapper .section .section-content .block-container.block-sec3:after,
body .main-wrapper .section-wrapper .section .section-content .block-container.block-sec4:after {
display: block; } }
html .main-wrapper .section-wrapper .section .section-content .cloud-logo img,
body .main-wrapper .section-wrapper .section .section-content .cloud-logo img {
display: block;
width: 150px;
margin: auto;
margin-bottom: 30px; }
html .main-wrapper .section-wrapper .section .text-layer,
body .main-wrapper .section-wrapper .section .text-layer {
position: absolute;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
text-align: center; }
html .main-wrapper .section-wrapper .section .text-layer .inner,
body .main-wrapper .section-wrapper .section .text-layer .inner {
vertical-align: middle;
width: 25%;
margin: 0 auto;
-webkit-transform: translateY(-40%);
-ms-transform: translateY(-40%);
transform: translateY(-40%); }
html .main-wrapper .section-wrapper .section .text-layer .inner h1,
body .main-wrapper .section-wrapper .section .text-layer .inner h1 {
font-size: 2rem;
line-height: 3.488rem;
font-weight: 700;
color: #003B4D; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section .text-layer .inner h1,
body .main-wrapper .section-wrapper .section .text-layer .inner h1 {
font-size: 4.8rem;
line-height: 5.8rem; } }
html .main-wrapper .section-wrapper .section .text-layer .inner p sup,
body .main-wrapper .section-wrapper .section .text-layer .inner p sup {
font-size: 11px; }
html .main-wrapper .section-wrapper .section .text-layer .inner p sup a,
body .main-wrapper .section-wrapper .section .text-layer .inner p sup a {
color: #ffffff;
text-decoration: none; }
html .main-wrapper .section-wrapper .section .text-layer .inner p sup a:hover,
body .main-wrapper .section-wrapper .section .text-layer .inner p sup a:hover {
color: #ffffff;
text-decoration: none; }
html .main-wrapper .section-wrapper .section.section1 svg#Layer_1,
html .main-wrapper .section-wrapper .section.section1 svg#Layer_1_2,
body .main-wrapper .section-wrapper .section.section1 svg#Layer_1,
body .main-wrapper .section-wrapper .section.section1 svg#Layer_1_2 {
display: none; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 svg#Layer_1,
html .main-wrapper .section-wrapper .section.section1 svg#Layer_1_2,
body .main-wrapper .section-wrapper .section.section1 svg#Layer_1,
body .main-wrapper .section-wrapper .section.section1 svg#Layer_1_2 {
display: block; } }
html .main-wrapper .section-wrapper .section.section1 .funnel-image,
body .main-wrapper .section-wrapper .section.section1 .funnel-image {
width: auto; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .funnel-image,
body .main-wrapper .section-wrapper .section.section1 .funnel-image {
width: auto; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .funnel-image,
body .main-wrapper .section-wrapper .section.section1 .funnel-image {
width: 100%;
height: 100vh; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section1 .funnel-image,
body .main-wrapper .section-wrapper .section.section1 .funnel-image {
width: 100%;
height: 100%; } }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 img.timeline-small,
body .main-wrapper .section-wrapper .section.section1 img.timeline-small {
display: none; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 img.timeline-small,
body .main-wrapper .section-wrapper .section.section1 img.timeline-small {
display: block;
position: relative;
width: 90%;
margin: 0 auto 2rem auto; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 img.timeline-small,
body .main-wrapper .section-wrapper .section.section1 img.timeline-small {
display: none; } }
html .main-wrapper .section-wrapper .section.section1 #section1_part1,
body .main-wrapper .section-wrapper .section.section1 #section1_part1 {
margin-bottom: 0;
position: relative; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 #section1_part1,
body .main-wrapper .section-wrapper .section.section1 #section1_part1 {
margin-bottom: 10.5rem; } }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 #section1_part1 img.timeline-mobile,
body .main-wrapper .section-wrapper .section.section1 #section1_part1 img.timeline-mobile {
display: block;
position: absolute;
width: 55%;
-webkit-transform: translateY(25%);
-ms-transform: translateY(25%);
transform: translateY(25%); } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 #section1_part1 img.timeline-mobile,
body .main-wrapper .section-wrapper .section.section1 #section1_part1 img.timeline-mobile {
display: none; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 #section1_part1 img.timeline-mobile,
body .main-wrapper .section-wrapper .section.section1 #section1_part1 img.timeline-mobile {
display: none; } }
html .main-wrapper .section-wrapper .section.section1 p strong,
body .main-wrapper .section-wrapper .section.section1 p strong {
color: #00758F; }
html .main-wrapper .section-wrapper .section.section1 .intro-text,
body .main-wrapper .section-wrapper .section.section1 .intro-text {
margin-top: 0; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .intro-text,
body .main-wrapper .section-wrapper .section.section1 .intro-text {
padding: 1rem 3rem 2rem 1rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .intro-text,
body .main-wrapper .section-wrapper .section.section1 .intro-text {
margin-top: 2rem; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer,
body .main-wrapper .section-wrapper .section.section1 .text-layer {
z-index: 10; }
html .main-wrapper .section-wrapper .section.section1 .text-layer img,
body .main-wrapper .section-wrapper .section.section1 .text-layer img {
position: absolute; }
html .main-wrapper .section-wrapper .section.section1 .text-layer sup,
body .main-wrapper .section-wrapper .section.section1 .text-layer sup {
font-size: 12px; }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer sup,
body .main-wrapper .section-wrapper .section.section1 .text-layer sup {
font-size: 14px; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer .inner {
border: 1px solid #00758F; }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 {
-webkit-transform: none;
-ms-transform: none;
transform: none;
position: relative;
margin-bottom: 2rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 {
width: 50%;
float: right; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 {
width: 100%;
float: none; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 {
-webkit-transform: translateX(9%);
-ms-transform: translateX(9%);
transform: translateX(9%);
top: calc(100% + 30px);
position: absolute;
margin-bottom: 0; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner {
width: 90%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding: 1rem 2rem;
background-color: #00758f; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner {
padding: 1rem 2rem;
width: 85%; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner {
padding: 1rem;
width: 90%; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner {
padding: 1rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner {
width: 48%; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner {
width: 36%; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1 {
color: #ffffff;
text-align: left;
font-size: 2.8rem;
line-height: 1.8rem;
text-align: center; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1 {
font-size: 2rem;
line-height: 1;
text-align: inherit; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1 {
font-size: 2.8rem;
line-height: 25px;
text-align: inherit; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1 span,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1 span {
font-size: 18px;
font-weight: normal;
padding-left: 0; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1 span,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1 span {
font-size: 1.2rem;
line-height: 1.2; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1 span,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1 span {
font-size: 0.9rem;
line-height: 1.3; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1 i,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1 i {
padding-left: 1rem;
padding-right: 1rem;
display: inline-block;
line-height: 40px; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1 i,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1 i {
line-height: 30px; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1 i,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner h1 i {
line-height: 30px;
margin-top: 10px; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner img {
position: relative;
max-width: 125px; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner img {
display: none; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner img {
display: none; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner:before, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner:after,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner:before,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner:after {
display: none;
content: " ";
bottom: 100%;
left: 50%;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner:before, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner:after,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner:before,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner:after {
display: block; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner:after,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #00758F;
border-width: 25px;
margin-left: -25px; }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner:before,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer1 .inner:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #00758F;
border-width: 30px;
margin-left: -30px; }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 {
position: relative; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 {
position: absolute; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner {
width: 90%;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner {
width: 65%; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner {
width: 90%; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner {
width: 80%; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner:before, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner:after, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner:before, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner:after,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner:before,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner:after,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner:before,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner:after {
visibility: hidden; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner:before, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner:after, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner:before, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner:after,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner:before,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner:after,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner:before,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner:after {
visibility: visible; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner {
-webkit-transform: translateY(-40%);
-ms-transform: translateY(-40%);
transform: translateY(-40%); } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 {
font-size: 3rem;
line-height: 1.5rem;
text-align: center; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 {
font-size: 2rem; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img {
position: relative; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img {
position: absolute; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 {
margin-bottom: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 {
-webkit-transform: translateY(-23%);
-ms-transform: translateY(-23%);
transform: translateY(-23%);
position: absolute; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 {
-webkit-transform: translateY(-20%);
-ms-transform: translateY(-20%);
transform: translateY(-20%);
position: absolute; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 {
-webkit-transform: translateY(-21%);
-ms-transform: translateY(-21%);
transform: translateY(-21%); } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 {
-webkit-transform: translateY(-18%);
-ms-transform: translateY(-18%);
transform: translateY(-18%);
position: absolute; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 {
-webkit-transform: translate(22%, 40%);
-ms-transform: translate(22%, 40%);
transform: translate(22%, 40%); } }
@media (min-width: 872px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 {
-webkit-transform: translate(22%, 50%);
-ms-transform: translate(22%, 50%);
transform: translate(22%, 50%); } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 {
-webkit-transform: translate(22%, 50%);
-ms-transform: translate(22%, 50%);
transform: translate(22%, 50%); } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner {
padding: 2rem;
background-color: #00758F;
padding-right: 4rem;
position: relative; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner {
padding: 2rem 2rem 3rem 2rem; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner {
padding: 1rem 2rem 3rem 2rem;
width: 80%; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner {
padding: 0.5rem 1rem 2rem 1rem; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner {
padding: 1rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner {
width: 26%; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner {
width: 26%;
padding: 1.5rem 2rem; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img {
right: auto;
margin-top: 2rem;
bottom: 0;
max-width: 200px; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img {
position: absolute;
max-width: 130px;
margin-top: 1rem;
margin-bottom: 0rem;
position: absolute;
right: 10px;
-webkit-transform: translateY(70%);
-ms-transform: translateY(70%);
transform: translateY(70%); } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img {
margin-bottom: 0rem;
bottom: 0;
max-width: 100px;
position: absolute;
margin-top: 1rem; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img {
max-width: 65px;
-webkit-transform: translate(11%, 25%);
-ms-transform: translate(11%, 25%);
transform: translate(11%, 25%); } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img {
display: none; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img {
right: -100px;
max-width: 150px; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img {
right: -90px;
max-width: 160px;
height: 100%; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner img {
right: -90px;
max-width: 175px;
height: 100%; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 {
color: #ffffff; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 {
font-size: 2rem; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 {
font-size: 2rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 {
text-align: left;
font-size: 2.8rem;
line-height: 20px; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 {
text-align: left;
font-size: 3.8rem;
line-height: 15px; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 {
text-align: left;
font-size: 3.8rem;
line-height: 15px;
width: 75%; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 span,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 span {
font-size: 19px;
font-weight: normal; }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 span,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 span {
font-size: 1.2rem;
line-height: 1.2;
font-weight: normal; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 span,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 span {
font-size: 1rem;
line-height: 1; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 span,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 span {
font-size: 1.4rem;
line-height: 15px;
font-weight: normal; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i {
padding-left: 1rem;
padding-top: 2rem;
display: inline-block; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i {
padding-top: 0;
padding-bottom: 0;
line-height: 35px; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i {
line-height: 25px; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i {
padding-top: 0;
padding-bottom: 0;
line-height: 35px; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i {
padding-bottom: 0; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i {
padding-bottom: 0;
font-size: 4.5rem; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i span,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i span {
font-size: 3rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i span,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i span {
font-size: 2.3rem; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i span,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i span {
font-size: 1.5rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i span,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i span {
font-size: 2rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i span,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner h1 i span {
font-size: 3rem; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner:before, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner:after,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner:before,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner:after,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner:after {
border-color: rgba(136, 183, 213, 0);
border-right-color: #00758F;
border-width: 25px;
margin-top: -25px; }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner:before,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer2 .inner:before {
border-color: rgba(194, 225, 245, 0);
border-right-color: #00758F;
border-width: 20px;
margin-top: -20px; }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 {
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin: 8rem 0 2rem 0; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 {
-webkit-transform: translateY(-60%);
-ms-transform: translateY(-60%);
transform: translateY(-60%);
position: absolute; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 {
-webkit-transform: translateY(-52%);
-ms-transform: translateY(-52%);
transform: translateY(-52%);
position: absolute; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 {
-webkit-transform: translateY(-58%);
-ms-transform: translateY(-58%);
transform: translateY(-58%); } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 {
margin-top: 9rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 {
-webkit-transform: translate(-23%, 40%);
-ms-transform: translate(-23%, 40%);
transform: translate(-23%, 40%);
margin-top: 0; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 {
-webkit-transform: translate(-23%, 40%);
-ms-transform: translate(-23%, 40%);
transform: translate(-23%, 40%);
margin-top: 0; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner {
padding: 2rem 2rem 2rem 4rem;
background-color: #00758F;
position: relative;
left: auto; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner {
padding: 2rem 2rem 3rem 2rem; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner {
padding: 1rem 2rem 3rem 2rem;
width: 80%; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner {
padding: 0.5rem 1.5rem 2rem 1.5rem; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner {
padding: 1rem;
width: 80%; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner {
width: 30%; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner {
width: 28%;
padding: 1.5rem 2rem 1.5rem 3rem; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img {
height: 200px;
margin-bottom: 1rem;
bottom: -30px;
max-width: 150px; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img {
height: 160px;
margin-bottom: 0;
bottom: 0;
max-width: 160px;
position: absolute;
left: 0;
-webkit-transform: translateY(75%);
-ms-transform: translateY(75%);
transform: translateY(75%); } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img {
height: 85px; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img {
height: 65px;
-webkit-transform: translate(25%, 52%);
-ms-transform: translate(25%, 52%);
transform: translate(25%, 52%); } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img {
display: none; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img {
height: auto;
left: -60px;
margin-bottom: 0;
max-width: 100px; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img {
height: 100%;
left: -69px;
margin-bottom: 0; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner img {
height: 100%;
left: -69px;
margin-bottom: 0; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 {
color: #ffffff; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 {
font-size: 2rem;
line-height: 1.2; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 {
font-size: 2rem;
line-height: 1.2; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 {
text-align: left;
font-size: 1.8rem;
line-height: 25px; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 {
text-align: left;
font-size: 3rem;
line-height: 15px; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 {
text-align: left;
font-size: 3rem;
line-height: 15px; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 span,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 span {
font-size: 19px;
font-weight: normal; }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 span,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 span {
font-size: 1.2rem;
line-height: 1.2; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 span,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 span {
font-size: 1rem;
line-height: 1; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 span,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 span {
font-size: 1.4rem;
line-height: 1.2; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 span.spl,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 span.spl {
font-size: 24px; }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 span.spl,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 span.spl {
font-size: 18px; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 span.spl,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 span.spl {
font-size: 24px; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 i,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 i {
padding-top: 0;
padding-bottom: 0;
display: inline-block;
line-height: 50px; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 i,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 i {
line-height: 50px; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 i,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 i {
line-height: 30px; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 i,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 i {
padding-top: 0rem;
padding-bottom: 0rem;
line-height: 35px; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 i,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h1 i {
padding-top: 0.5rem;
padding-bottom: 0;
line-height: 50px; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h3,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h3 {
color: #00758F;
font-size: 3rem;
position: absolute;
top: -60px;
width: 100%;
text-align: center;
left: 0; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h3,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h3 {
font-size: 2rem;
top: -45px;
left: 45px;
text-align: left; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h3,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h3 {
font-size: 2rem;
top: -45px;
left: 50px;
text-align: left; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h3,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h3 {
top: -33px;
font-size: 1.7rem;
-webkit-transform: translate(-10%, 10%);
-ms-transform: translate(-10%, 10%);
transform: translate(-10%, 10%); } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h3,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h3 {
font-size: 1.6rem;
top: -37px;
left: 10px;
text-align: left; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h3,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner h3 {
color: #00758F;
font-size: 3rem;
position: absolute;
top: -57px;
width: 100%;
text-align: left;
left: 60px; } }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner p,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner p {
display: table-cell;
vertical-align: middle;
color: #f80000;
font-weight: bold; }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner:before, html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner:after,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner:before,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner:after,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner:after {
border-color: rgba(136, 183, 213, 0);
border-left-color: #00758F;
border-width: 25px;
margin-top: -25px; }
html .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner:before,
body .main-wrapper .section-wrapper .section.section1 .text-layer.layer3 .inner:before {
border-color: rgba(194, 225, 245, 0);
border-left-color: #00758F;
border-width: 20px;
margin-top: -20px; }
html .main-wrapper .section-wrapper .section.section2,
body .main-wrapper .section-wrapper .section.section2 {
margin-top: -2px;
background-image: url(../images/oac-sec2-bg.jpg);
background-size: 100%;
background-repeat: no-repeat;
background-position: center; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section2,
body .main-wrapper .section-wrapper .section.section2 {
background: url(../images/sec2-img1.png) #ffffff no-repeat bottom;
margin: 0 auto;
width: 100%;
height: auto; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section2,
body .main-wrapper .section-wrapper .section.section2 {
background-size: 150%;
height: 94vh; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section2,
body .main-wrapper .section-wrapper .section.section2 {
background-size: 150%;
height: auto; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section2,
body .main-wrapper .section-wrapper .section.section2 {
background-image: none; } }
html .main-wrapper .section-wrapper .section.section2 svg#Layer_sec2,
body .main-wrapper .section-wrapper .section.section2 svg#Layer_sec2 {
display: none; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section2 svg#Layer_sec2,
body .main-wrapper .section-wrapper .section.section2 svg#Layer_sec2 {
display: block; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section2 svg#Layer_sec2,
body .main-wrapper .section-wrapper .section.section2 svg#Layer_sec2 {
display: block;
margin-top: -60px; } }
html .main-wrapper .section-wrapper .section.section2 .section-title,
body .main-wrapper .section-wrapper .section.section2 .section-title {
background-color: #003B4D; }
html .main-wrapper .section-wrapper .section.section2 .intro-text,
body .main-wrapper .section-wrapper .section.section2 .intro-text {
position: relative; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section2 .intro-text,
body .main-wrapper .section-wrapper .section.section2 .intro-text {
margin: 0 auto 1rem auto;
text-align: center;
width: 90%;
-webkit-transform: translateY(30%);
-ms-transform: translateY(30%);
transform: translateY(30%);
background-color: #ffffff;
border: 1px solid #003B4D;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section2 .intro-text,
body .main-wrapper .section-wrapper .section.section2 .intro-text {
-webkit-transform: translateY(65%);
-ms-transform: translateY(65%);
transform: translateY(65%); } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section2 .intro-text,
body .main-wrapper .section-wrapper .section.section2 .intro-text {
-webkit-transform: translateY(15%);
-ms-transform: translateY(15%);
transform: translateY(15%); } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section2 .intro-text,
body .main-wrapper .section-wrapper .section.section2 .intro-text {
position: absolute;
width: 45%;
top: 5rem; } }
@media (min-width: 872px) {
html .main-wrapper .section-wrapper .section.section2 .intro-text,
body .main-wrapper .section-wrapper .section.section2 .intro-text {
position: absolute;
width: 32%;
top: 5rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section2 .intro-text,
body .main-wrapper .section-wrapper .section.section2 .intro-text {
position: absolute;
width: 35%;
top: 2rem; } }
html .main-wrapper .section-wrapper .section.section2 .intro-text p strong,
body .main-wrapper .section-wrapper .section.section2 .intro-text p strong {
color: #003B4D; }
html .main-wrapper .section-wrapper .section.section2 #data-prep,
body .main-wrapper .section-wrapper .section.section2 #data-prep {
position: relative; }
html .main-wrapper .section-wrapper .section.section2 .text-layer,
body .main-wrapper .section-wrapper .section.section2 .text-layer {
position: relative;
-webkit-transform: none;
-ms-transform: none;
transform: none;
background-image: url(../images/sec2-img-01.svg);
background-repeat: no-repeat;
background-position: center;
display: table; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer,
body .main-wrapper .section-wrapper .section.section2 .text-layer {
background-size: 65%; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer,
body .main-wrapper .section-wrapper .section.section2 .text-layer {
background-size: 85%; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer,
body .main-wrapper .section-wrapper .section.section2 .text-layer {
background-size: 100%;
-webkit-transform: translate(0%, -15%);
-ms-transform: translate(0%, -15%);
transform: translate(0%, -15%); } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer,
body .main-wrapper .section-wrapper .section.section2 .text-layer {
-webkit-transform: translate(0%, -5%);
-ms-transform: translate(0%, -5%);
transform: translate(0%, -5%); } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer,
body .main-wrapper .section-wrapper .section.section2 .text-layer {
position: absolute;
left: 0;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
background-image: none;
display: block; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer,
body .main-wrapper .section-wrapper .section.section2 .text-layer {
-webkit-transform: translateY(46%);
-ms-transform: translateY(46%);
transform: translateY(46%); } }
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner {
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 60%;
height: 30rem;
display: table-cell; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner {
height: 45rem; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner {
height: 25rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner {
-webkit-transform: translateY(-34%);
-ms-transform: translateY(-34%);
transform: translateY(-34%);
width: 25%;
height: auto; } }
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap {
width: 50%;
margin: 0 auto; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap {
width: 35%; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap {
width: 48%; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap {
width: 75%; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap {
width: 65%; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap {
width: 30%; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap {
width: 28%; } }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1 {
font-size: 5rem;
line-height: 1; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1 {
font-size: 4rem; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1 {
font-size: 3rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1 {
font-size: 5.5rem; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1 {
font-size: 6.8rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1 {
font-size: 7.6rem; } }
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1 span,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1 span {
font-size: 4.4rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1 span,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1 span {
font-size: 3.4rem; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1 span,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1 span {
font-size: 2rem; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1 span,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap h1 span {
font-size: 4.4rem;
margin-left: -5px; } }
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap p,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap p {
font-size: 1.3rem; }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap p,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap p {
font-size: 1.2rem; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap p,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap p {
font-size: 1rem;
line-height: 1.3; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap p,
body .main-wrapper .section-wrapper .section.section2 .text-layer .inner .text-wrap p {
font-size: 1.6rem;
line-height: 2.5rem;
padding-right: 0; } }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section3,
body .main-wrapper .section-wrapper .section.section3 {
background: url(../images/sec3-img1.png) #ffffff no-repeat center;
margin: 0 auto;
width: 100%;
height: 100vh; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section3,
body .main-wrapper .section-wrapper .section.section3 {
background-size: 100%;
height: 95vh; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section3,
body .main-wrapper .section-wrapper .section.section3 {
background-size: 160%;
height: 117vh; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section3,
body .main-wrapper .section-wrapper .section.section3 {
height: 90vh; } }
html .main-wrapper .section-wrapper .section.section3 svg#Layer_3,
body .main-wrapper .section-wrapper .section.section3 svg#Layer_3 {
display: none; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section3 svg#Layer_3,
body .main-wrapper .section-wrapper .section.section3 svg#Layer_3 {
display: block; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section3 svg#Layer_3,
body .main-wrapper .section-wrapper .section.section3 svg#Layer_3 {
display: block;
margin-top: -60px; } }
html .main-wrapper .section-wrapper .section.section3 .section-title,
body .main-wrapper .section-wrapper .section.section3 .section-title {
background-color: #942645; }
html .main-wrapper .section-wrapper .section.section3 .intro-text,
body .main-wrapper .section-wrapper .section.section3 .intro-text {
position: relative;
padding: 1rem 2rem 0; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section3 .intro-text,
body .main-wrapper .section-wrapper .section.section3 .intro-text {
-webkit-transform: translateY(35%);
-ms-transform: translateY(35%);
transform: translateY(35%); } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section3 .intro-text,
body .main-wrapper .section-wrapper .section.section3 .intro-text {
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%); } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section3 .intro-text,
body .main-wrapper .section-wrapper .section.section3 .intro-text {
padding: 1rem 1rem 0; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section3 .intro-text,
body .main-wrapper .section-wrapper .section.section3 .intro-text {
position: absolute;
width: 46%;
top: 7rem;
right: 0;
padding: 1rem 2rem 4rem; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section3 .intro-text,
body .main-wrapper .section-wrapper .section.section3 .intro-text {
position: absolute;
width: 38%;
top: 7rem;
right: 2rem;
padding: 1rem 2rem 4rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section3 .intro-text,
body .main-wrapper .section-wrapper .section.section3 .intro-text {
position: absolute;
width: 38%;
top: 7rem;
right: 6rem;
padding: 1rem 2rem 4rem; } }
html .main-wrapper .section-wrapper .section.section3 .intro-text p strong,
body .main-wrapper .section-wrapper .section.section3 .intro-text p strong {
color: #942645; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section3 .intro-text p,
body .main-wrapper .section-wrapper .section.section3 .intro-text p {
font-size: 1.3rem;
text-align: center;
margin: 0 auto;
width: 70%;
background-color: #ffffff;
border: 1px solid #942645;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section3 .intro-text p,
body .main-wrapper .section-wrapper .section.section3 .intro-text p {
font-size: 1.3rem;
line-height: 1.5;
text-align: center;
margin: 0 auto;
width: 90%; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section3 .intro-text p,
body .main-wrapper .section-wrapper .section.section3 .intro-text p {
font-size: 1.2rem;
text-align: center;
margin: 0 auto;
width: 100%; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section3 .intro-text p,
body .main-wrapper .section-wrapper .section.section3 .intro-text p {
font-size: 1rem;
line-height: 1.3; } }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section3 .block-container,
body .main-wrapper .section-wrapper .section.section3 .block-container {
-webkit-transform: translateY(30%);
-ms-transform: translateY(30%);
transform: translateY(30%); } }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section3 .block-container img.mobile-only,
body .main-wrapper .section-wrapper .section.section3 .block-container img.mobile-only {
display: block;
position: absolute;
margin: 0 auto;
width: 100%;
max-width: 155px;
-webkit-transform: translateY(-30%);
-ms-transform: translateY(-30%);
transform: translateY(-30%);
right: 0;
left: 0; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section3 .block-container img.mobile-only,
body .main-wrapper .section-wrapper .section.section3 .block-container img.mobile-only {
max-width: 115px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section3 .block-container img.mobile-only,
body .main-wrapper .section-wrapper .section.section3 .block-container img.mobile-only {
max-width: 85px;
-webkit-transform: translateY(-70%);
-ms-transform: translateY(-70%);
transform: translateY(-70%); } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section3 .block-container img.mobile-only,
body .main-wrapper .section-wrapper .section.section3 .block-container img.mobile-only {
display: none; } }
html .main-wrapper .section-wrapper .section.section3 .text-layer sup,
body .main-wrapper .section-wrapper .section.section3 .text-layer sup {
font-size: 12px; }
html .main-wrapper .section-wrapper .section.section3 .text-layer .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer .inner {
border: 1px solid #942645; }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 {
position: relative;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 {
position: absolute; } }
@media (min-width: 768px) and (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 {
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%); } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner {
width: 90%;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner {
-webkit-transform: translateY(-30%);
-ms-transform: translateY(-30%);
transform: translateY(-30%); } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner {
width: 40%;
-webkit-transform: translateY(-40%);
-ms-transform: translateY(-40%);
transform: translateY(-40%); } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner {
width: 40%;
-webkit-transform: translateY(-40%);
-ms-transform: translateY(-40%);
transform: translateY(-40%);
padding: 1rem 2rem; } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner:before, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner:after, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner:before, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner:after,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner:before,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner:after,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner:before,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner:after {
visibility: hidden; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner:before, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner:after, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner:before, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner:after,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner:before,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner:after,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner:before,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner:after {
visibility: visible; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner {
-webkit-transform: translateY(-40%);
-ms-transform: translateY(-40%);
transform: translateY(-40%); } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner {
-webkit-transform: translateY(-22%);
-ms-transform: translateY(-22%);
transform: translateY(-22%); } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 {
font-size: 3rem;
line-height: 1.5rem;
text-align: center; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 {
text-align: center; } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner img, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner img,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner img {
max-width: 100px;
position: absolute;
left: 0;
top: calc(50% - 50px); }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner img, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner img,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner img {
display: none; } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 {
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-bottom: 2rem; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 {
-webkit-transform: translate(16%, 42%);
-ms-transform: translate(16%, 42%);
transform: translate(16%, 42%); } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 {
-webkit-transform: translate(10%, 42%);
-ms-transform: translate(10%, 42%);
transform: translate(10%, 42%);
margin-top: 0; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 {
margin-bottom: 0; } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner {
background-color: #942645;
padding: 2rem 2rem 2rem 6.5rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner {
padding: 2rem 1rem;
width: 80%; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner {
padding: 1rem 2rem; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner {
width: 80%;
padding: 1rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner {
padding: 2rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner {
padding: 3rem 2rem 1rem 2rem;
width: 28%; } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 {
color: #ffffff; }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 {
font-size: 2rem;
line-height: 1.5rem;
text-align: center; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 {
font-size: 2.5rem;
line-height: 22px;
text-align: left; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 {
font-size: 3.8rem;
line-height: 15px; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 {
font-size: 4.5rem;
line-height: 6px; } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 i,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 i {
font-size: 1.8rem; }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 i,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 i {
font-size: 3rem; } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 span,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 span {
font-size: 18px;
font-weight: normal;
padding-left: 1rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 span,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 span {
font-size: 1.3rem;
padding-left: 1rem;
line-height: 1; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 span,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 span {
font-size: 1.3rem;
line-height: 1.5; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 span,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 span {
font-size: 1.2rem;
line-height: 1.3; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 span,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 span {
font-size: 1rem;
line-height: 1; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 span,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner h1 span {
font-size: 1.4rem;
line-height: 1; } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner:before, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner:after,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner:before,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner:after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner:after,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner:after {
border-color: rgba(136, 183, 213, 0);
border-right-color: #942645;
border-width: 25px;
margin-top: -25px; }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner:before,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner:before {
border-color: rgba(194, 225, 245, 0);
border-right-color: #942645;
border-width: 20px;
margin-top: -20px; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner img,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner img {
display: none; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner img,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer1 .inner img {
max-width: 150px;
position: absolute;
left: 35%;
-webkit-transform: translateY(90%);
-ms-transform: translateY(90%);
transform: translateY(90%); } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 {
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-top: 7rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 {
margin-top: 10rem; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 {
margin-top: 6rem; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 {
margin-top: 4rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 {
-webkit-transform: translate(-25%, 76%);
-ms-transform: translate(-25%, 76%);
transform: translate(-25%, 76%);
margin-top: 0; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 {
-webkit-transform: translate(-21%, 71%);
-ms-transform: translate(-21%, 71%);
transform: translate(-21%, 71%);
margin-top: 0; } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner {
padding: 2rem 2rem 2rem 6.5rem;
background-color: #942645; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner {
padding: 2rem 1rem;
width: 80%;
-webkit-transform: translateY(25%);
-ms-transform: translateY(25%);
transform: translateY(25%); } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner {
-webkit-transform: translateY(25%);
-ms-transform: translateY(25%);
transform: translateY(25%);
padding: 1rem 2rem; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner {
width: 80%;
padding: 1rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner {
padding: 1.5rem 2rem 1rem 2rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner {
padding: 3rem 2rem 1rem 2rem;
width: 32%; } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 {
color: #ffffff; }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 {
font-size: 2rem;
line-height: 1.5rem;
text-align: center; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 {
font-size: 2.5rem;
line-height: 22px;
text-align: left; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 {
font-size: 3.8rem;
line-height: 15px; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 {
font-size: 4.5rem;
line-height: 6px; } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 i,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 i {
font-size: 1.8rem; }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 i,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 i {
font-size: 3rem; } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 span,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 span {
font-size: 18px;
font-weight: normal;
padding-left: 1rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 span,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 span {
font-size: 1.3rem;
line-height: 1; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 span,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 span {
font-size: 1.3rem;
line-height: 1.5; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 span,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 span {
font-size: 1.2rem;
line-height: 1.3; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 span,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 span {
font-size: 1rem;
line-height: 1; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 span,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h1 span {
font-size: 1.4rem;
line-height: 1; } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h3,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h3 {
position: absolute;
top: -60px;
width: 100%;
text-align: left;
left: 3rem;
color: #942645;
font-size: 3rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h3,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h3 {
top: -40px;
font-size: 2rem;
left: 1rem; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h3,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h3 {
font-size: 1.8rem; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h3,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h3 {
top: -30px;
font-size: 1.4rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h3,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h3 {
left: 0;
top: -52px; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h3,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner h3 {
left: 3rem; } }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner p,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner p {
display: table-cell;
vertical-align: middle;
color: #f80000;
font-weight: bold; }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner:before, html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner:after,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner:before,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner:after,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner:after {
border-color: rgba(136, 183, 213, 0);
border-left-color: #942645;
border-width: 25px;
margin-top: -25px; }
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner:before,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner:before {
border-color: rgba(194, 225, 245, 0);
border-left-color: #942645;
border-width: 20px;
margin-top: -20px; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section3 .text-layer.layer2 .inner img {
display: none; } }
html .main-wrapper .section-wrapper .section.section4,
body .main-wrapper .section-wrapper .section.section4 {
background-image: url(../images/sec4-bg-01.svg);
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section4,
body .main-wrapper .section-wrapper .section.section4 {
background: url(../images/sec4-img1.png) no-repeat #ffffff bottom;
height: 100%; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section4,
body .main-wrapper .section-wrapper .section.section4 {
background-size: 200%;
height: 117vh; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section4,
body .main-wrapper .section-wrapper .section.section4 {
background-size: 200%;
height: 100%; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4,
body .main-wrapper .section-wrapper .section.section4 {
background-image: none; } }
html .main-wrapper .section-wrapper .section.section4 svg#Layer_4,
body .main-wrapper .section-wrapper .section.section4 svg#Layer_4 {
display: none; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 svg#Layer_4,
body .main-wrapper .section-wrapper .section.section4 svg#Layer_4 {
display: block; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section4 svg#Layer_4,
body .main-wrapper .section-wrapper .section.section4 svg#Layer_4 {
margin-top: -61px; } }
html .main-wrapper .section-wrapper .section.section4 .section-title,
body .main-wrapper .section-wrapper .section.section4 .section-title {
background-color: #3a913f; }
html .main-wrapper .section-wrapper .section.section4 .intro-text,
body .main-wrapper .section-wrapper .section.section4 .intro-text {
position: relative;
width: 90%;
top: 1rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section4 .intro-text,
body .main-wrapper .section-wrapper .section.section4 .intro-text {
margin: 0 auto;
padding: 1rem 2rem 2rem 2rem;
text-align: center;
width: 100%; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section4 .intro-text,
body .main-wrapper .section-wrapper .section.section4 .intro-text {
padding: 1rem 1rem 2rem 1rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .intro-text,
body .main-wrapper .section-wrapper .section.section4 .intro-text {
position: absolute;
width: 47%;
top: 4rem; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section4 .intro-text,
body .main-wrapper .section-wrapper .section.section4 .intro-text {
top: 7rem;
width: 41%; } }
html .main-wrapper .section-wrapper .section.section4 .intro-text p strong,
body .main-wrapper .section-wrapper .section.section4 .intro-text p strong {
color: #3a913f;
display: inline-block; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section4 .intro-text p,
body .main-wrapper .section-wrapper .section.section4 .intro-text p {
font-size: 1.3rem;
text-align: center;
margin: 0 auto;
width: 65%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem;
background-color: #ffffff;
border: 1px solid #3a913f; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section4 .intro-text p,
body .main-wrapper .section-wrapper .section.section4 .intro-text p {
font-size: 1.2rem;
text-align: center;
margin: 0 auto;
width: 100%; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section4 .intro-text p,
body .main-wrapper .section-wrapper .section.section4 .intro-text p {
font-size: 1rem;
line-height: 1.3; } }
html .main-wrapper .section-wrapper .section.section4 .text-layer,
body .main-wrapper .section-wrapper .section.section4 .text-layer {
position: relative; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer,
body .main-wrapper .section-wrapper .section.section4 .text-layer {
position: absolute; } }
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1, html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 {
background-color: #3a913f;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding: 1rem;
width: 90%;
margin: 0 auto;
margin-bottom: 2rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1, html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 {
width: 60%; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1, html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 {
width: 80%;
margin-bottom: 1rem; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1, html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 {
width: 80%; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1, html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 {
background-color: transparent;
width: 100%; } }
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner, html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner {
-webkit-transform: none;
-ms-transform: none;
transform: none; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner, html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner {
-webkit-transform: translateY(-40%);
-ms-transform: translateY(-40%);
transform: translateY(-40%); } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 {
-webkit-transform: translateY(57%);
-ms-transform: translateY(57%);
transform: translateY(57%); } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 {
-webkit-transform: translateY(59%);
-ms-transform: translateY(59%);
transform: translateY(59%); } }
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner {
width: 90%; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner {
width: 60%;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%); } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner {
width: 90%; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner {
width: 100%; } }
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner h1 {
color: #ffffff; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner h1 {
font-size: 3.8rem;
line-height: 5.8rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner h1 {
font-size: 3.3rem;
line-height: 5rem; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer1 .inner h1 {
font-size: 1.8rem;
line-height: 1.3; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 {
-webkit-transform: translateY(71%);
-ms-transform: translateY(71%);
transform: translateY(71%); } }
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner {
width: 90%;
display: table;
height: 100%; }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner {
width: 100%; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner {
width: 34%; } }
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner h1 {
color: #ffffff;
display: table-cell;
vertical-align: middle;
padding-right: 1rem; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner h1 {
font-size: 3.8rem;
line-height: 5.8rem; } }
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p {
display: table-cell;
vertical-align: middle;
color: #ffffff;
font-weight: bold;
text-align: center; }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p {
font-size: 1.6rem;
line-height: 1.92rem; } }
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p span.multiply,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p span.multiply {
font-size: 2.8rem;
line-height: 3.8rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p span.multiply,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p span.multiply {
font-size: 3.8rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p span.multiply,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p span.multiply {
font-size: 4.2rem; } }
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p span.multiply i,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p span.multiply i {
font-size: 3rem; }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p span.multiply i,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p span.multiply i {
font-size: 2rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p span.multiply i,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p span.multiply i {
font-size: 2.5rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p span.multiply i,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer2 .inner p span.multiply i {
font-size: 3rem;
padding-right: 2rem; } }
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 {
-webkit-transform: none;
-ms-transform: none;
transform: none;
border: 5px solid #939699;
margin: 0 auto;
margin-bottom: 3rem;
width: 90%;
z-index: 10; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 {
width: 70%;
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%); } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 {
-webkit-transform: translateY(32%);
-ms-transform: translateY(32%);
transform: translateY(32%);
border: none;
margin-bottom: 0;
width: 100%; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 {
-webkit-transform: translateY(32%);
-ms-transform: translateY(32%);
transform: translateY(32%); } }
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner {
width: 100%;
display: table;
height: 100%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding: 1rem;
background-color: #ffffff; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner {
width: 56%;
-webkit-transform: translateY(-5%);
-ms-transform: translateY(-5%);
transform: translateY(-5%);
padding: 1rem 2rem 1rem 2rem;
height: auto; } }
@media (min-width: 872px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner {
width: 63%;
-webkit-transform: translateY(-5%);
-ms-transform: translateY(-5%);
transform: translateY(-5%);
padding: 1rem 3rem 1rem 3rem;
height: auto; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
padding: 1rem 4rem 1rem 4rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner {
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
width: 57%; } }
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 {
color: #3a913f;
display: block;
vertical-align: middle;
padding-right: 3rem;
padding-left: 2rem;
text-align: center;
line-height: 2rem;
font-size: 18px;
position: relative; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 {
display: table-cell;
text-align: left; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 {
padding-left: 3rem;
line-height: 4rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 {
padding-left: 2rem; } }
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 svg,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 svg {
position: absolute;
top: 0;
right: -1rem;
width: 60px;
height: 100%;
display: none; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 svg,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 svg {
display: block;
width: 40px;
right: 50px; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 svg,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 svg {
display: block;
width: 40px;
right: 0; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 svg,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 svg {
display: block;
width: 40px;
right: 0; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 svg,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 svg {
display: block;
right: -1rem;
width: 46px; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 svg,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 svg {
right: -1rem;
width: 46px; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 svg,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 svg {
right: 0;
width: 35px; } }
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 span.twice,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 span.twice {
font-size: 28px; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 span.twice,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 span.twice {
font-size: 3.8rem;
line-height: 3.8rem;
white-space: pre-wrap;
display: block; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 span.twice,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner h1 span.twice {
font-size: 3.8rem;
line-height: 2.8rem;
white-space: pre-wrap;
display: block; } }
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p {
display: block;
vertical-align: middle;
color: #003B4D;
text-align: center;
padding-right: 2rem;
position: relative;
width: 100%;
font-size: 1rem;
line-height: 1.5rem;
position: relative;
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 1px solid #ccc; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p {
font-size: 1.3rem;
line-height: 1.5;
padding: 0 0 1rem 0; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p {
padding: 0 0 1rem 0; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p {
font-size: 1rem;
line-height: 1.5; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p {
display: table-cell;
text-align: left;
width: 60%;
margin-bottom: 0;
border-bottom: none;
padding: 0 1rem 0 0; } }
@media (min-width: 872px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p {
line-height: 2rem;
width: 62%;
text-align: left; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p {
width: 60%;
font-size: 1.5rem;
line-height: 2rem;
text-align: left; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p {
font-size: 1.4rem;
line-height: 1.5;
text-align: left; } }
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p:before,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p:before {
content: "";
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 0;
background-color: #ccc;
display: none; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p:before,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p:before {
display: none; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p:before,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p:before {
display: block;
height: 100px;
top: 0; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p:before,
body .main-wrapper .section-wrapper .section.section4 .text-layer.layer3 .inner p:before {
height: 100%; } }
html .main-wrapper .section-wrapper .section.section5,
body .main-wrapper .section-wrapper .section.section5 {
background-image: url(../images/sec5-bg-01.svg);
background-size: 100%;
background-repeat: no-repeat;
background-position: center; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section5,
body .main-wrapper .section-wrapper .section.section5 {
background: url(../images/sec3-img1.png) no-repeat #ffffff bottom; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section5,
body .main-wrapper .section-wrapper .section.section5 {
background-image: none; } }
html .main-wrapper .section-wrapper .section.section5 svg#Layer_5,
body .main-wrapper .section-wrapper .section.section5 svg#Layer_5 {
display: none; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section5 svg#Layer_5,
body .main-wrapper .section-wrapper .section.section5 svg#Layer_5 {
display: block; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section5 svg#Layer_5,
body .main-wrapper .section-wrapper .section.section5 svg#Layer_5 {
display: block;
margin-top: -60px; } }
html .main-wrapper .section-wrapper .section.section5 .section-title,
body .main-wrapper .section-wrapper .section.section5 .section-title {
background-color: #f29111; }
html .main-wrapper .section-wrapper .section.section5 .intro-text,
body .main-wrapper .section-wrapper .section.section5 .intro-text {
position: relative;
padding-bottom: 0; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section5 .intro-text,
body .main-wrapper .section-wrapper .section.section5 .intro-text {
margin: 0 auto;
padding: 1rem 2rem 2rem 2rem;
text-align: center;
top: 1rem; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section5 .intro-text,
body .main-wrapper .section-wrapper .section.section5 .intro-text {
margin: 0 auto;
padding: 1rem 2rem 2rem 2rem;
text-align: center;
top: 1rem; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section5 .intro-text,
body .main-wrapper .section-wrapper .section.section5 .intro-text {
padding: 1rem 1rem 2rem 1rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section5 .intro-text,
body .main-wrapper .section-wrapper .section.section5 .intro-text {
position: absolute;
width: 40%;
top: 5rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section5 .intro-text,
body .main-wrapper .section-wrapper .section.section5 .intro-text {
padding: 1rem 4rem 4rem !important;
top: 7rem; } }
html .main-wrapper .section-wrapper .section.section5 .intro-text p strong,
body .main-wrapper .section-wrapper .section.section5 .intro-text p strong {
color: #f29111; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section5 .intro-text p,
body .main-wrapper .section-wrapper .section.section5 .intro-text p {
font-size: 1.3rem;
text-align: center;
margin: 0 auto;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem;
background-color: #ffffff;
border: 1px solid #f29111; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section5 .intro-text p,
body .main-wrapper .section-wrapper .section.section5 .intro-text p {
font-size: 1.2rem;
text-align: center;
margin: 0 auto;
width: 100%; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section5 .intro-text p,
body .main-wrapper .section-wrapper .section.section5 .intro-text p {
font-size: 1rem;
line-height: 1.3; } }
html .main-wrapper .section-wrapper .section.section5 .text-layer,
body .main-wrapper .section-wrapper .section.section5 .text-layer {
position: relative; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer,
body .main-wrapper .section-wrapper .section.section5 .text-layer {
position: absolute; } }
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1, html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 {
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding: 2rem;
width: 100%;
margin: 0 auto;
margin-bottom: 2rem; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1, html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 {
padding: 1rem; } }
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner, html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner {
-webkit-transform: none;
-ms-transform: none;
transform: none; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner, html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner {
-webkit-transform: translateY(-40%);
-ms-transform: translateY(-40%);
transform: translateY(-40%); } }
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 {
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-bottom: 0; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 {
font-size: 1.3rem;
line-height: 1.5;
text-align: center;
margin: 0 auto;
width: 65%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem;
background-color: #ffffff;
border: 1px solid #f29111;
top: 2rem; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 {
font-size: 1.2rem;
text-align: center;
margin: 0 auto;
width: 65%; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 {
font-size: 1.2rem;
text-align: center;
margin: 0 auto;
width: 80%; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 {
width: 90%; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 {
margin-bottom: 2rem;
-webkit-transform: translate(-29%, 49%);
-ms-transform: translate(-29%, 49%);
transform: translate(-29%, 49%); } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 {
-webkit-transform: translate(-29%, 55%);
-ms-transform: translate(-29%, 55%);
transform: translate(-29%, 55%); } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 {
-webkit-transform: translate(-29%, 55%);
-ms-transform: translate(-29%, 55%);
transform: translate(-29%, 55%); } }
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner {
width: 100%;
text-align: left; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner {
width: 30%; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner {
width: 22%; } }
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner h1 {
color: #003B4D !important;
padding-bottom: 1rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner h1 {
margin: 0 auto;
text-align: center; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner h1 {
font-size: 4rem;
line-height: 4rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner h1 {
font-size: 6.8rem;
line-height: 70px; } }
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner h1 span,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner h1 span {
font-size: 35px;
color: #f29111;
display: block;
font-weight: normal; }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner h1 span,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner h1 span {
font-size: 2rem;
line-height: 3.488rem; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner h1 span,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner h1 span {
line-height: 1; } }
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner p,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner p {
color: #003B4D; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner p,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer1 .inner p {
margin: 0 auto;
text-align: center; } }
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 {
height: 40rem;
width: 50%;
min-width: 25rem;
display: table; }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 {
height: 39rem; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 {
min-width: 100%; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 {
height: 100%;
display: block;
min-width: inherit;
-webkit-transform: translate(96%, 41%);
-ms-transform: translate(96%, 41%);
transform: translate(96%, 41%); } }
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner {
display: table-cell;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding-left: 3rem;
padding-right: 3rem;
background-image: url(../images/sec5-img-01.svg);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
height: 100%; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner {
padding-left: 4rem;
padding-right: 4rem; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%); } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner {
width: 50%;
padding-left: 1.5rem;
padding-right: 1.5rem;
background-image: none;
display: block; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner {
width: 40%; } }
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner h1 {
vertical-align: middle;
padding-right: 1rem;
color: #003B4D !important;
font-size: 3rem; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner h1 {
font-size: 2.8rem;
line-height: 2.8rem; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner h1 {
font-size: 5.8rem;
line-height: 5.8rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner h1 {
font-size: 6rem;
line-height: 1.2; } }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner h1 span,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner h1 span {
font-size: 2rem;
line-height: 1; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner h1 span,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner h1 span {
font-size: 3.5rem; } }
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner p,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner p {
vertical-align: middle;
font-weight: normal;
font-size: 1.4rem;
line-height: 2.2rem; }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner p,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner p {
font-size: 1rem;
line-height: 1.7; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner p,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner p {
font-size: 1.1rem;
line-height: 1.7rem; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner p,
body .main-wrapper .section-wrapper .section.section5 .text-layer.layer2 .inner p {
font-size: 1.44rem;
line-height: 2.2rem; } }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section6,
body .main-wrapper .section-wrapper .section.section6 {
background: url(../images/sec4-img1.png) no-repeat #ffffff bottom; } }
html .main-wrapper .section-wrapper .section.section6 svg#Layer_6,
body .main-wrapper .section-wrapper .section.section6 svg#Layer_6 {
display: none; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 svg#Layer_6,
body .main-wrapper .section-wrapper .section.section6 svg#Layer_6 {
display: block; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section6 svg#Layer_6,
body .main-wrapper .section-wrapper .section.section6 svg#Layer_6 {
display: block;
margin-top: -61px; } }
html .main-wrapper .section-wrapper .section.section6 .section-title,
body .main-wrapper .section-wrapper .section.section6 .section-title {
background-color: #8AADBF; }
html .main-wrapper .section-wrapper .section.section6 .intro-text,
body .main-wrapper .section-wrapper .section.section6 .intro-text {
position: relative; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section6 .intro-text,
body .main-wrapper .section-wrapper .section.section6 .intro-text {
margin: 0 auto;
padding: 1rem 2rem 2rem 2rem;
text-align: center;
top: 1rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 .intro-text,
body .main-wrapper .section-wrapper .section.section6 .intro-text {
position: absolute;
width: 40%;
top: 6rem; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section6 .intro-text,
body .main-wrapper .section-wrapper .section.section6 .intro-text {
position: absolute;
width: 32%;
top: 7rem; } }
html .main-wrapper .section-wrapper .section.section6 .intro-text p strong,
body .main-wrapper .section-wrapper .section.section6 .intro-text p strong {
color: #8AADBF; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section6 .intro-text p,
body .main-wrapper .section-wrapper .section.section6 .intro-text p {
font-size: 1.3rem;
text-align: center;
margin: 0 auto;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem;
background-color: #ffffff;
border: 1px solid #8AADBF; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section6 .intro-text p,
body .main-wrapper .section-wrapper .section.section6 .intro-text p {
font-size: 1.2rem;
text-align: center;
margin: 0 auto;
width: 100%; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section6 .intro-text p,
body .main-wrapper .section-wrapper .section.section6 .intro-text p {
font-size: 1rem;
line-height: 1.3; } }
html .main-wrapper .section-wrapper .section.section6 .text-layer,
body .main-wrapper .section-wrapper .section.section6 .text-layer {
z-index: 10;
position: relative; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer,
body .main-wrapper .section-wrapper .section.section6 .text-layer {
position: absolute; } }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 {
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding: 2rem;
width: 100%;
margin: 0 auto;
margin-bottom: 2rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 {
margin-bottom: 3rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 {
padding: 1rem; } }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner {
-webkit-transform: none;
-ms-transform: none;
transform: none;
position: relative; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner {
-webkit-transform: translateY(-40%);
-ms-transform: translateY(-40%);
transform: translateY(-40%); } }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 {
color: #ffffff;
text-align: left;
line-height: 30px; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 {
font-size: 2.5rem;
line-height: 2rem;
text-align: center; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 {
font-size: 2rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 {
font-size: 2.5rem;
line-height: 20px; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 {
font-size: 3.8rem;
line-height: 15px; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 {
font-size: 3.8rem;
line-height: 15px; } }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 span, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 span,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 span,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 span {
font-size: 18px;
font-weight: normal; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 span, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 span,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 span,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 span {
font-size: 1.3rem;
line-height: 1.5; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 span, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 span,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 span,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 span {
font-size: 1.2rem;
line-height: 1; } }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 span, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 span,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 span,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 span {
font-size: 1rem; } }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 i, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 i,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 i,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 i {
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0;
padding-bottom: 0;
display: inline-block; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 i, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 i,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 i,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 i {
margin-top: 10px; } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 i, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 i,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 i,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 i {
padding-top: 2rem;
padding-bottom: 1rem;
margin-top: 0; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 i, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 i,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 i,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 i {
font-size: 4.5rem; } }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 i span, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 i span,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 i span,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 i span {
font-size: 1.8rem; }
@media (max-width: 320px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 i span, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 i span,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 i span,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 i span {
font-size: 1.3rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 i span, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 i span,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner h1 i span,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h1 i span {
font-size: 3rem; } }
html .main-wrapper .section-wrapper .section.section6 .text-layer img,
body .main-wrapper .section-wrapper .section.section6 .text-layer img {
position: absolute;
width: 100px; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer img,
body .main-wrapper .section-wrapper .section.section6 .text-layer img {
width: auto; } }
html .main-wrapper .section-wrapper .section.section6 .text-layer sup,
body .main-wrapper .section-wrapper .section.section6 .text-layer sup {
font-size: 12px; }
html .main-wrapper .section-wrapper .section.section6 .text-layer .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer .inner {
border: 1px solid #8AADBF; }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 {
-webkit-transform: none;
-ms-transform: none;
transform: none; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 {
-webkit-transform: translate(22%, 57%);
-ms-transform: translate(22%, 57%);
transform: translate(22%, 57%); } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 {
-webkit-transform: translate(20%, 57%);
-ms-transform: translate(20%, 57%);
transform: translate(20%, 57%); } }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner {
width: 90%;
padding: 2rem;
background-color: #8AADBF;
padding-right: 3rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner {
width: 65%;
padding: 1rem 2rem 3rem 2rem; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner {
width: 80%;
padding: 1rem 2rem 3rem 1rem; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner {
width: 100%; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner {
width: 28%; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner {
width: 26%;
padding: 1.5rem 4rem 1.5rem 1.5rem; } }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner img,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner img {
right: -35px;
bottom: 45px;
max-width: 200px; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner img,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner img {
right: 0;
bottom: -50px; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner img,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner img {
max-width: 130px;
-webkit-transform: translateX(30%);
-ms-transform: translateX(30%);
transform: translateX(30%);
bottom: 0; } }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner br,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner br {
display: none; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner br,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner br {
display: block; } }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner:before, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner:after,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner:before,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner:after {
display: none;
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner:before, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner:after,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner:before,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner:after {
display: block; } }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner:after,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner:after {
border-color: rgba(136, 183, 213, 0);
border-right-color: #8AADBF;
border-width: 25px;
margin-top: -25px; }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner:before,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer1 .inner:before {
border-color: rgba(194, 225, 245, 0);
border-right-color: #8AADBF;
border-width: 20px;
margin-top: -20px; }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 {
-webkit-transform: none;
-ms-transform: none;
transform: none; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 {
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%); } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 {
-webkit-transform: translate(-23%, 51%);
-ms-transform: translate(-23%, 51%);
transform: translate(-23%, 51%); } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 {
-webkit-transform: translate(-22%, 51%);
-ms-transform: translate(-22%, 51%);
transform: translate(-22%, 51%); } }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner {
width: 90%;
padding: 2rem;
padding-left: 4rem;
background-color: #8AADBF;
position: relative; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner {
width: 65%;
padding: 1rem 2rem 3rem 2rem; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner {
width: 80%;
padding: 1rem 2rem 3rem 1rem; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner {
width: 100%; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner {
width: 30%; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner {
padding: 1rem 1.5rem 1.5rem 5rem; } }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner img {
left: -50px;
bottom: 27px;
max-width: 150px; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner img {
left: 10px;
bottom: -60px; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner img {
-webkit-transform: translateX(-30%);
-ms-transform: translateX(-30%);
transform: translateX(-30%);
bottom: 27px; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner img,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner img {
bottom: 10px;
max-width: 170px; } }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h3,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner h3 {
position: absolute;
top: -60px;
width: 100%;
text-align: center;
left: 0;
color: #00758F;
font-size: 3rem; }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner p,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner p {
display: table-cell;
vertical-align: middle;
color: red;
font-weight: bold; }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner:before, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner:after,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner:before,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner:after {
display: none;
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner:before, html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner:after,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner:before,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner:after {
display: block; } }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner:after,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner:after {
border-color: rgba(136, 183, 213, 0);
border-left-color: #8AADBF;
border-width: 25px;
margin-top: -25px; }
html .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner:before,
body .main-wrapper .section-wrapper .section.section6 .text-layer.layer2 .inner:before {
border-color: rgba(194, 225, 245, 0);
border-left-color: #8AADBF;
border-width: 20px;
margin-top: -20px; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section7,
body .main-wrapper .section-wrapper .section.section7 {
background: url(../images/sec7-img2.png) no-repeat #ffffff bottom;
height: 120vh; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section7,
body .main-wrapper .section-wrapper .section.section7 {
height: 110vh; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.section7,
body .main-wrapper .section-wrapper .section.section7 {
height: 140vh; } }
html .main-wrapper .section-wrapper .section.section7 svg#Layer_7,
body .main-wrapper .section-wrapper .section.section7 svg#Layer_7 {
display: none; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section7 svg#Layer_7,
body .main-wrapper .section-wrapper .section.section7 svg#Layer_7 {
display: block; } }
html .main-wrapper .section-wrapper .section.section7 .section-title,
body .main-wrapper .section-wrapper .section.section7 .section-title {
background-color: #4e5052; }
html .main-wrapper .section-wrapper .section.section7 .intro-text,
body .main-wrapper .section-wrapper .section.section7 .intro-text {
position: relative;
left: auto;
right: auto;
top: auto;
width: 90%;
padding: 3rem 2rem 0;
margin-bottom: 0; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section7 .intro-text,
body .main-wrapper .section-wrapper .section.section7 .intro-text {
margin: 0 auto;
width: 55%;
padding: 2rem;
background-color: #ffffff;
border: 1px solid #4e5052;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem;
margin-top: 1rem;
top: 1rem; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section7 .intro-text,
body .main-wrapper .section-wrapper .section.section7 .intro-text {
position: absolute;
width: 42%;
left: 0;
top: 5rem;
padding: 1rem 2rem 4rem;
margin-bottom: 1rem;
-webkit-transform: translateX(5%);
-ms-transform: translateX(5%);
transform: translateX(5%); } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section7 .intro-text,
body .main-wrapper .section-wrapper .section.section7 .intro-text {
width: 31%;
top: 7rem;
left: 7rem; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section7 .intro-text.left,
body .main-wrapper .section-wrapper .section.section7 .intro-text.left {
margin: 0 auto;
top: 1rem;
margin-top: 0;
width: 80%;
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%); } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section7 .intro-text.left,
body .main-wrapper .section-wrapper .section.section7 .intro-text.left {
left: 10rem; } }
html .main-wrapper .section-wrapper .section.section7 .intro-text.left p,
body .main-wrapper .section-wrapper .section.section7 .intro-text.left p {
text-align: right; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section7 .intro-text.left p,
body .main-wrapper .section-wrapper .section.section7 .intro-text.left p {
font-size: 1.3rem;
text-align: center;
margin: 0 auto;
width: 90%;
-webkit-box-sizing: border-box;
box-sizing: border-box; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section7 .intro-text.left p,
body .main-wrapper .section-wrapper .section.section7 .intro-text.left p {
font-size: 1.2rem;
text-align: center;
margin: 0 auto;
width: 100%; } }
html .main-wrapper .section-wrapper .section.section7 .intro-text.right,
body .main-wrapper .section-wrapper .section.section7 .intro-text.right {
padding-top: 1rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section7 .intro-text.right,
body .main-wrapper .section-wrapper .section.section7 .intro-text.right {
right: 0;
left: auto;
padding: 1rem; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section7 .intro-text.right,
body .main-wrapper .section-wrapper .section.section7 .intro-text.right {
margin: 0 auto;
top: 1rem;
width: 80%;
-webkit-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%); } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.section7 .intro-text.right,
body .main-wrapper .section-wrapper .section.section7 .intro-text.right {
right: 0;
left: auto;
padding: 1rem 2rem 4rem;
-webkit-transform: translateX(-6%);
-ms-transform: translateX(-6%);
transform: translateX(-6%); } }
@media (min-width: 992px) {
html .main-wrapper .section-wrapper .section.section7 .intro-text.right,
body .main-wrapper .section-wrapper .section.section7 .intro-text.right {
right: 7rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.section7 .intro-text.right,
body .main-wrapper .section-wrapper .section.section7 .intro-text.right {
right: 10rem;
top: 4rem;
width: 30%; } }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.section7 .intro-text.right p,
body .main-wrapper .section-wrapper .section.section7 .intro-text.right p {
font-size: 1.3rem;
text-align: center;
margin: 0 auto;
width: 90%; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.section7 .intro-text.right p,
body .main-wrapper .section-wrapper .section.section7 .intro-text.right p {
font-size: 1.2rem;
text-align: center;
margin: 0 auto;
width: 100%; } }
html .main-wrapper .section-wrapper .section.gray-section,
body .main-wrapper .section-wrapper .section.gray-section {
background: #939699;
color: #ffffff; }
html .main-wrapper .section-wrapper .section.gray-section .section-content,
body .main-wrapper .section-wrapper .section.gray-section .section-content {
padding-top: 4rem;
padding-bottom: 4rem; }
html .main-wrapper .section-wrapper .section.gray-section a,
body .main-wrapper .section-wrapper .section.gray-section a {
color: #ffffff;
text-decoration: underline; }
html .main-wrapper .section-wrapper .section.gray-section .social-links,
body .main-wrapper .section-wrapper .section.gray-section .social-links {
padding: 1rem 2.4rem;
background: #4e5052;
color: #ffffff;
overflow: hidden; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.gray-section .social-links,
body .main-wrapper .section-wrapper .section.gray-section .social-links {
padding: 0.5rem 2.4rem; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.gray-section .social-links,
body .main-wrapper .section-wrapper .section.gray-section .social-links {
padding: 0.5rem 2.4rem; } }
html .main-wrapper .section-wrapper .section.gray-section .social-links ul,
body .main-wrapper .section-wrapper .section.gray-section .social-links ul {
float: none;
text-align: center; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.gray-section .social-links ul,
body .main-wrapper .section-wrapper .section.gray-section .social-links ul {
float: right; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.gray-section .social-links ul,
body .main-wrapper .section-wrapper .section.gray-section .social-links ul {
float: none; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.gray-section .social-links ul,
body .main-wrapper .section-wrapper .section.gray-section .social-links ul {
float: right; } }
html .main-wrapper .section-wrapper .section.gray-section .social-links ul li,
body .main-wrapper .section-wrapper .section.gray-section .social-links ul li {
display: inline-block;
width: auto;
vertical-align: middle;
font-size: 2rem;
font-weight: bold;
margin-left: 0.5rem; }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.gray-section .social-links ul li,
body .main-wrapper .section-wrapper .section.gray-section .social-links ul li {
font-size: 1.4rem;
margin-left: 0; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.gray-section .social-links ul li,
body .main-wrapper .section-wrapper .section.gray-section .social-links ul li {
font-size: 1.4rem;
margin-left: 0.5rem; } }
html .main-wrapper .section-wrapper .section.gray-section .social-links ul li p,
body .main-wrapper .section-wrapper .section.gray-section .social-links ul li p {
color: #ffffff; }
html .main-wrapper .section-wrapper .section.gray-section .social-links ul li:first-child,
body .main-wrapper .section-wrapper .section.gray-section .social-links ul li:first-child {
width: 100%;
margin-bottom: 20px;
margin-right: 1.5rem; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.gray-section .social-links ul li:first-child,
body .main-wrapper .section-wrapper .section.gray-section .social-links ul li:first-child {
width: auto;
margin-bottom: auto;
margin-right: 1.5rem; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.gray-section .social-links ul li:first-child,
body .main-wrapper .section-wrapper .section.gray-section .social-links ul li:first-child {
width: 100%;
margin-bottom: auto; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.gray-section .social-links ul li:first-child,
body .main-wrapper .section-wrapper .section.gray-section .social-links ul li:first-child {
width: auto;
margin-bottom: auto; } }
html .main-wrapper .section-wrapper .section.gray-section .social-links ul li img,
body .main-wrapper .section-wrapper .section.gray-section .social-links ul li img {
width: 35px;
height: auto; }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.gray-section .social-links ul li img,
body .main-wrapper .section-wrapper .section.gray-section .social-links ul li img {
width: auto;
height: auto; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.gray-section .social-links ul li img,
body .main-wrapper .section-wrapper .section.gray-section .social-links ul li img {
width: 29px;
height: auto; } }
html .main-wrapper .section-wrapper .section.gray-section .social-links ul li a,
body .main-wrapper .section-wrapper .section.gray-section .social-links ul li a {
text-decoration: none;
display: inline-block; }
html .main-wrapper .section-wrapper .section.copyright,
body .main-wrapper .section-wrapper .section.copyright {
overflow: hidden;
background: transparent;
margin-top: 2.5rem;
margin-bottom: 0; }
html .main-wrapper .section-wrapper .section.copyright p,
body .main-wrapper .section-wrapper .section.copyright p {
font-size: 0.9rem;
line-height: 1.2rem;
padding-left: 1rem;
padding-right: 1rem; }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.copyright p,
body .main-wrapper .section-wrapper .section.copyright p {
font-size: 0.95rem;
line-height: 1.4; } }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section.copyright p,
body .main-wrapper .section-wrapper .section.copyright p {
padding: 0 1rem 1rem 1rem; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.copyright p,
body .main-wrapper .section-wrapper .section.copyright p {
padding: 0 1rem 1rem 0; } }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.copyright .copy-para,
body .main-wrapper .section-wrapper .section.copyright .copy-para {
width: 100%;
margin-bottom: 3rem; } }
html .main-wrapper .section-wrapper .section.copyright ul.links,
body .main-wrapper .section-wrapper .section.copyright ul.links {
font-size: 0.9rem;
line-height: 1rem;
margin-bottom: 3rem;
padding-left: 1rem;
padding-right: 1rem; }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.copyright ul.links,
body .main-wrapper .section-wrapper .section.copyright ul.links {
padding: 0;
margin-bottom: 2rem; } }
html .main-wrapper .section-wrapper .section.copyright ul.links li,
body .main-wrapper .section-wrapper .section.copyright ul.links li {
color: #003B4D;
margin-bottom: 0.7rem;
position: relative;
padding-left: 1.5rem; }
html .main-wrapper .section-wrapper .section.copyright ul.links li a,
body .main-wrapper .section-wrapper .section.copyright ul.links li a {
display: block;
color: #003B4D;
text-decoration: underline; }
html .main-wrapper .section-wrapper .section.copyright ul.links li a:hover,
body .main-wrapper .section-wrapper .section.copyright ul.links li a:hover {
text-decoration: none; }
html .main-wrapper .section-wrapper .section.copyright ul.links li span,
body .main-wrapper .section-wrapper .section.copyright ul.links li span {
position: absolute;
left: 0; }
html .main-wrapper .section-wrapper .section.copyright ul.links li:last-child,
body .main-wrapper .section-wrapper .section.copyright ul.links li:last-child {
margin-bottom: 0; }
html .main-wrapper .section-wrapper .section.copyright .foot-logo,
body .main-wrapper .section-wrapper .section.copyright .foot-logo {
position: relative;
margin: 0;
float: right; }
@media (max-width: 640px) {
html .main-wrapper .section-wrapper .section.copyright .foot-logo,
body .main-wrapper .section-wrapper .section.copyright .foot-logo {
position: absolute;
bottom: 0;
right: 0; } }
@media (max-width: 480px) {
html .main-wrapper .section-wrapper .section.copyright .foot-logo,
body .main-wrapper .section-wrapper .section.copyright .foot-logo {
width: 30%; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section.copyright .foot-logo,
body .main-wrapper .section-wrapper .section.copyright .foot-logo {
position: relative;
margin: 0; } }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.copyright .foot-logo,
body .main-wrapper .section-wrapper .section.copyright .foot-logo {
position: relative;
margin: 0; } }
html .main-wrapper .section-wrapper .section.copyright .foot-logo img,
body .main-wrapper .section-wrapper .section.copyright .foot-logo img {
width: 100%;
right: 10px;
float: right; }
@media (min-width: 1024px) {
html .main-wrapper .section-wrapper .section.copyright .foot-logo img,
body .main-wrapper .section-wrapper .section.copyright .foot-logo img {
display: block; } }
@media (max-width: 767px) {
html .main-wrapper .section-wrapper .section .funnel-image,
body .main-wrapper .section-wrapper .section .funnel-image {
margin: 0 auto 0 auto;
width: 100%;
height: 100%;
display: block; } }
@media (min-width: 768px) {
html .main-wrapper .section-wrapper .section .funnel-image,
body .main-wrapper .section-wrapper .section .funnel-image {
display: none; } }
/*SVG element styles*/
/*section 1 flowchart*/
#Layer_1 {
position: relative; }
#Layer_1 .st0 {
fill: none;
stroke: #CBDADF; }
#Layer_1 .st1 {
fill: #CBDADF; }
#Layer_1 .st2 {
-webkit-clip-path: url(#FILTERSVGID_2_);
clip-path: url(#FILTERSVGID_2_); }
#Layer_1 .st3 {
-webkit-clip-path: url(#FILTERSVGID_4_);
clip-path: url(#FILTERSVGID_4_);
fill: none;
stroke: #952746;
stroke-width: 0.4249;
stroke-miterlimit: 10; }
#Layer_1 .st4 {
-webkit-clip-path: url(#FILTERSVGID_4_);
clip-path: url(#FILTERSVGID_4_);
fill: none;
stroke: #037690;
stroke-width: 0.4249;
stroke-miterlimit: 10; }
#Layer_1 .st5 {
-webkit-clip-path: url(#FILTERSVGID_2_);
clip-path: url(#FILTERSVGID_2_);
fill: #ED1C24; }
#Layer_1 .st6 {
-webkit-clip-path: url(#FILTERSVGID_2_);
clip-path: url(#FILTERSVGID_2_);
fill: none;
stroke: #952746;
stroke-width: 1.6997;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-dasharray: 0,3.4318; }
#Layer_1 .st7 {
-webkit-clip-path: url(#FILTERSVGID_2_);
clip-path: url(#FILTERSVGID_2_);
fill: #FFFFFF; }
#Layer_1 .st8 {
fill: #013C4D; }
#Layer_1 .st9 {
fill: #FFFFFF; }
/*section 1 funnel*/
#Layer_1_2 {
position: relative; }
#Layer_1_2 .st0 {
-webkit-clip-path: url(#MAINSVGID_2_);
clip-path: url(#MAINSVGID_2_); }
#Layer_1_2 .st1 {
-webkit-clip-path: url(#MAINSVGID_4_);
clip-path: url(#MAINSVGID_4_);
fill: none;
stroke: #952746;
stroke-width: 0.947;
stroke-miterlimit: 10; }
#Layer_1_2 .st2 {
-webkit-clip-path: url(#MAINSVGID_4_);
clip-path: url(#MAINSVGID_4_);
fill: #952746; }
#Layer_1_2 .st3 {
-webkit-clip-path: url(#MAINSVGID_4_);
clip-path: url(#MAINSVGID_4_);
fill: none;
stroke: #037690;
stroke-width: 0.947;
stroke-miterlimit: 10; }
#Layer_1_2 .st4 {
-webkit-clip-path: url(#MAINSVGID_4_);
clip-path: url(#MAINSVGID_4_);
fill: #037690; }
#Layer_1_2 .st5 {
-webkit-clip-path: url(#MAINSVGID_2_);
clip-path: url(#MAINSVGID_2_);
fill: none;
stroke: #DEE1E0;
stroke-width: 0.947;
stroke-miterlimit: 10; }
#Layer_1_2 .st6 {
-webkit-clip-path: url(#MAINSVGID_2_);
clip-path: url(#MAINSVGID_2_);
fill: #DEE1E0; }
#Layer_1_2 .st7 {
fill: #037690; }
#Layer_1_2 .st8 {
fill: #FFFFFF; }
#Layer_1_2 .st9 {
font-family: 'ArialMT'; }
#Layer_1_2 .st10 {
font-size: 14px; }
#Layer_1_2 .st11 {
font-family: 'Arial-BoldMT'; }
#Layer_1_2 .st12 {
font-size: 34px; }
#Layer_1_2 .st13 {
-webkit-clip-path: url(#MAINSVGID_6_);
clip-path: url(#MAINSVGID_6_);
fill: #4F5153; }
#Layer_1_2 .st14 {
-webkit-clip-path: url(#MAINSVGID_6_);
clip-path: url(#MAINSVGID_6_);
fill: #BEE6EE; }
#Layer_1_2 .st15 {
-webkit-clip-path: url(#MAINSVGID_6_);
clip-path: url(#MAINSVGID_6_);
fill: #939699; }
#Layer_1_2 .st16 {
-webkit-clip-path: url(#MAINSVGID_6_);
clip-path: url(#MAINSVGID_6_);
fill: #D2EDF3; }
#Layer_1_2 .st17 {
-webkit-clip-path: url(#MAINSVGID_6_);
clip-path: url(#MAINSVGID_6_);
fill: #6D8C9E; }
#Layer_1_2 .st18 {
-webkit-clip-path: url(#MAINSVGID_6_);
clip-path: url(#MAINSVGID_6_);
fill: #8AADBE; }
#Layer_1_2 .st19 {
-webkit-clip-path: url(#MAINSVGID_8_);
clip-path: url(#MAINSVGID_8_);
fill: #4F5153; }
#Layer_1_2 .st20 {
-webkit-clip-path: url(#MAINSVGID_8_);
clip-path: url(#MAINSVGID_8_);
fill: #BEE6EE; }
#Layer_1_2 .st21 {
-webkit-clip-path: url(#MAINSVGID_8_);
clip-path: url(#MAINSVGID_8_);
fill: #F29220; }
#Layer_1_2 .st22 {
-webkit-clip-path: url(#MAINSVGID_8_);
clip-path: url(#MAINSVGID_8_);
fill: #D2EDF3; }
#Layer_1_2 .st23 {
-webkit-clip-path: url(#MAINSVGID_8_);
clip-path: url(#MAINSVGID_8_);
fill: #6D8C9E; }
#Layer_1_2 .st24 {
-webkit-clip-path: url(#MAINSVGID_8_);
clip-path: url(#MAINSVGID_8_);
fill: #8AADBE; }
#Layer_1_2 .st25 {
-webkit-clip-path: url(#MAINSVGID_8_);
clip-path: url(#MAINSVGID_8_);
fill: #7E8082; }
#Layer_1_2 .st26 {
-webkit-clip-path: url(#MAINSVGID_10_);
clip-path: url(#MAINSVGID_10_);
fill: #4F5153; }
#Layer_1_2 .st27 {
-webkit-clip-path: url(#MAINSVGID_10_);
clip-path: url(#MAINSVGID_10_);
fill: #BEE6EE; }
#Layer_1_2 .st28 {
-webkit-clip-path: url(#MAINSVGID_10_);
clip-path: url(#MAINSVGID_10_);
fill: #939699; }
#Layer_1_2 .st29 {
-webkit-clip-path: url(#MAINSVGID_10_);
clip-path: url(#MAINSVGID_10_);
fill: #D2EDF3; }
#Layer_1_2 .st30 {
-webkit-clip-path: url(#MAINSVGID_10_);
clip-path: url(#MAINSVGID_10_);
fill: #6D8C9E; }
#Layer_1_2 .st31 {
-webkit-clip-path: url(#MAINSVGID_10_);
clip-path: url(#MAINSVGID_10_);
fill: #8AADBE; }
#Layer_1_2 .st32 {
-webkit-clip-path: url(#MAINSVGID_12_);
clip-path: url(#MAINSVGID_12_);
fill: #D2EDF3; }
#Layer_1_2 .st33 {
-webkit-clip-path: url(#MAINSVGID_12_);
clip-path: url(#MAINSVGID_12_);
fill: #BEE6EE; }
#Layer_1_2 .st34 {
-webkit-clip-path: url(#MAINSVGID_12_);
clip-path: url(#MAINSVGID_12_);
fill: #516D7E; }
#Layer_1_2 .st35 {
-webkit-clip-path: url(#MAINSVGID_12_);
clip-path: url(#MAINSVGID_12_);
fill: #334C5C; }
#Layer_1_2 .st36 {
-webkit-clip-path: url(#MAINSVGID_12_);
clip-path: url(#MAINSVGID_12_);
fill: #A7AAAC; }
#Layer_1_2 .st37 {
-webkit-clip-path: url(#MAINSVGID_12_);
clip-path: url(#MAINSVGID_12_);
fill: #4F5153; }
#Layer_1_2 .st38 {
-webkit-clip-path: url(#MAINSVGID_12_);
clip-path: url(#MAINSVGID_12_);
fill: #7E8082; }
#Layer_1_2 .st39 {
-webkit-clip-path: url(#MAINSVGID_12_);
clip-path: url(#MAINSVGID_12_);
fill: #CCCFCE; }
#Layer_1_2 .st40 {
fill: #DEE1E0; }
#Layer_1_2 .st41 {
fill: #013C4D; }
#Layer_1_2 .st42 {
fill: #F29220; }
#Layer_1_2 .st43 {
fill: #8AADBE; }
#Layer_1_2 .st44 {
fill: #3B9144; }
#Layer_1_2 .st45 {
fill: #952746; }
#Layer_1_2 .st46 {
fill: none;
stroke: #939699;
stroke-width: 57.49;
stroke-miterlimit: 10; }
#Layer_1_2 .st47 {
fill: #939699; }
#Layer_1_2 .st48 {
fill: none; }
#Layer_1_2 .st49 {
-webkit-clip-path: url(#MAINSVGID_14_);
clip-path: url(#MAINSVGID_14_);
fill: #BEE6EE; }
#Layer_1_2 .st50 {
-webkit-clip-path: url(#MAINSVGID_14_);
clip-path: url(#MAINSVGID_14_);
fill: #013C4D; }
#Layer_1_2 .st51 {
-webkit-clip-path: url(#MAINSVGID_14_);
clip-path: url(#MAINSVGID_14_);
fill: #037690; }
#Layer_1_2 .st52 {
-webkit-clip-path: url(#MAINSVGID_14_);
clip-path: url(#MAINSVGID_14_);
fill: #F29220; }
#Layer_1_2 .st53 {
-webkit-clip-path: url(#MAINSVGID_14_);
clip-path: url(#MAINSVGID_14_);
fill: #952746; }
#Layer_1_2 .st54 {
-webkit-clip-path: url(#MAINSVGID_14_);
clip-path: url(#MAINSVGID_14_);
fill: #3B9144; }
#Layer_1_2 .st55 {
-webkit-clip-path: url(#MAINSVGID_14_);
clip-path: url(#MAINSVGID_14_);
fill: #8AADBE; }
#Layer_1_2 .st56 {
-webkit-clip-path: url(#MAINSVGID_14_);
clip-path: url(#MAINSVGID_14_);
fill: #ED1C24; }
#Layer_1_2 .st57 {
-webkit-clip-path: url(#MAINSVGID_14_);
clip-path: url(#MAINSVGID_14_);
fill: none;
stroke: #952746;
stroke-width: 3.194;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-dasharray: 0,7.564; }
#Layer_1_2 .st58 {
-webkit-clip-path: url(#MAINSVGID_14_);
clip-path: url(#MAINSVGID_14_);
fill: #FFFFFF; }
#Layer_1_2 .st59 {
opacity: 0.4; }
#Layer_1_2 .st60 {
-webkit-clip-path: url(#MAINSVGID_16_);
clip-path: url(#MAINSVGID_16_);
fill: #DEE1E0; }
#Layer_1_2 .st61 {
-webkit-clip-path: url(#MAINSVGID_18_);
clip-path: url(#MAINSVGID_18_); }
#Layer_1_2 .st62 {
-webkit-clip-path: url(#MAINSVGID_20_);
clip-path: url(#MAINSVGID_20_);
fill: #DEE1E0; }
#Layer_1_2 .st63 {
fill: #ED1C24; }
#Layer_1_2 .st64 {
fill: none;
stroke: #952746;
stroke-width: 3.194;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-dasharray: 0,7.564; }
/*section2 circle*/
#Layer_sec2 .st0 {
opacity: 0.13; }
#Layer_sec2 .st1 {
-webkit-clip-path: url(#DATASVGID_2_);
clip-path: url(#DATASVGID_2_);
fill: #952746; }
#Layer_sec2 .st2 {
-webkit-clip-path: url(#DATASVGID_2_);
clip-path: url(#DATASVGID_2_);
fill: #F29220; }
#Layer_sec2 .st3 {
-webkit-clip-path: url(#DATASVGID_2_);
clip-path: url(#DATASVGID_2_);
fill: #ED1C24; }
#Layer_sec2 .st4 {
-webkit-clip-path: url(#DATASVGID_2_);
clip-path: url(#DATASVGID_2_);
fill: #8AADBE; }
#Layer_sec2 .st5 {
-webkit-clip-path: url(#DATASVGID_4_);
clip-path: url(#DATASVGID_4_); }
#Layer_sec2 .st6 {
-webkit-clip-path: url(#DATASVGID_6_);
clip-path: url(#DATASVGID_6_);
fill: #FFFFFF; }
#Layer_sec2 .st7 {
-webkit-clip-path: url(#DATASVGID_6_);
clip-path: url(#DATASVGID_6_);
fill: #ED1C24; }
#Layer_sec2 .st8 {
-webkit-clip-path: url(#DATASVGID_6_);
clip-path: url(#DATASVGID_6_);
fill: #952746; }
#Layer_sec2 .st9 {
-webkit-clip-path: url(#DATASVGID_6_);
clip-path: url(#DATASVGID_6_);
fill: #F29220; }
#Layer_sec2 .st10 {
-webkit-clip-path: url(#DATASVGID_6_);
clip-path: url(#DATASVGID_6_);
fill: #8AADBE; }
#Layer_sec2 .st11 {
-webkit-clip-path: url(#DATASVGID_8_);
clip-path: url(#DATASVGID_8_); }
#Layer_sec2 .st12 {
-webkit-clip-path: url(#DATASVGID_10_);
clip-path: url(#DATASVGID_10_);
fill: none;
stroke: #952746;
stroke-width: 1.681;
stroke-miterlimit: 10; }
#Layer_sec2 .st13 {
-webkit-clip-path: url(#DATASVGID_10_);
clip-path: url(#DATASVGID_10_);
fill: none;
stroke: #037690;
stroke-width: 1.681;
stroke-miterlimit: 10; }
#Layer_sec2 .st14 {
-webkit-clip-path: url(#DATASVGID_10_);
clip-path: url(#DATASVGID_10_);
fill: none;
stroke: #3B9144;
stroke-width: 0.841;
stroke-miterlimit: 10; }
#Layer_sec2 .st15 {
-webkit-clip-path: url(#DATASVGID_8_);
clip-path: url(#DATASVGID_8_);
fill: #CCCFCE; }
#Layer_sec2 .st16 {
-webkit-clip-path: url(#DATASVGID_8_);
clip-path: url(#DATASVGID_8_);
fill: #B9BBBD; }
#Layer_sec2 .st17 {
-webkit-clip-path: url(#DATASVGID_8_);
clip-path: url(#DATASVGID_8_);
fill: #D9C7B3; }
#Layer_sec2 .st18 {
-webkit-clip-path: url(#DATASVGID_8_);
clip-path: url(#DATASVGID_8_);
fill: #CEB498; }
#Layer_sec2 .st19 {
-webkit-clip-path: url(#DATASVGID_8_);
clip-path: url(#DATASVGID_8_);
fill: #B29D87; }
#Layer_sec2 .st20 {
-webkit-clip-path: url(#DATASVGID_8_);
clip-path: url(#DATASVGID_8_);
fill: #BEAF9E; }
#Layer_sec2 .st21 {
-webkit-clip-path: url(#DATASVGID_8_);
clip-path: url(#DATASVGID_8_);
fill: #010101; }
#Layer_sec2 .st22 {
-webkit-clip-path: url(#DATASVGID_8_);
clip-path: url(#DATASVGID_8_);
fill: #FFFFFF; }
#Layer_sec2 .st23 {
-webkit-clip-path: url(#DATASVGID_8_);
clip-path: url(#DATASVGID_8_);
fill: #334C5C; }
#Layer_sec2 .st24 {
-webkit-clip-path: url(#DATASVGID_8_);
clip-path: url(#DATASVGID_8_);
fill: #516D7E; }
#Layer_sec2 .st25 {
-webkit-clip-path: url(#DATASVGID_8_);
clip-path: url(#DATASVGID_8_);
fill: #ED1C24; }
#Layer_sec2 .st26 {
-webkit-clip-path: url(#DATASVGID_8_);
clip-path: url(#DATASVGID_8_);
fill: #293D4A; }
#Layer_sec2 .st27 {
-webkit-clip-path: url(#DATASVGID_8_);
clip-path: url(#DATASVGID_8_);
fill: #8AADBE; }
#Layer_sec2 .st28 {
-webkit-clip-path: url(#DATASVGID_8_);
clip-path: url(#DATASVGID_8_);
fill: #ABC3D0; }
#Layer_sec2 .st29 {
-webkit-clip-path: url(#DATASVGID_8_);
clip-path: url(#DATASVGID_8_);
fill: #F29220; }
#Layer_sec2 .st30 {
fill: none;
stroke: #939699;
stroke-width: 57.666;
stroke-miterlimit: 10; }
#Layer_sec2 .st31 {
opacity: 0.4; }
#Layer_sec2 .st32 {
-webkit-clip-path: url(#DATASVGID_12_);
clip-path: url(#DATASVGID_12_);
fill: #DEE1E0; }
#Layer_sec2 .st33 {
-webkit-clip-path: url(#DATASVGID_14_);
clip-path: url(#DATASVGID_14_);
fill: #DEE1E0; }
#Layer_sec2 .st34 {
fill: #939699; }
#Layer_sec2 .st35 {
fill: #BEE6EE; }
#Layer_sec2 .st36 {
opacity: 0.25; }
#Layer_sec2 .st37 {
-webkit-clip-path: url(#DATASVGID_16_);
clip-path: url(#DATASVGID_16_); }
#Layer_sec2 .st38 {
-webkit-clip-path: url(#DATASVGID_18_);
clip-path: url(#DATASVGID_18_);
fill: none;
stroke: #8AADBE;
stroke-width: 1.281;
stroke-miterlimit: 10; }
#Layer_sec2 .st39 {
opacity: 0.37; }
#Layer_sec2 .st40 {
-webkit-clip-path: url(#DATASVGID_20_);
clip-path: url(#DATASVGID_20_); }
#Layer_sec2 .st41 {
-webkit-clip-path: url(#DATASVGID_22_);
clip-path: url(#DATASVGID_22_);
fill: #FFFFFF; }
#Layer_sec2 .st42 {
fill: none; }
#Layer_sec2 .st43 {
-webkit-clip-path: url(#DATASVGID_24_);
clip-path: url(#DATASVGID_24_); }
#Layer_sec2 .st44 {
fill: #037690; }
#Layer_sec2 .st45 {
fill: #8AADBE; }
#Layer_sec2 .st46 {
fill: #F29220; }
#Layer_sec2 .st47 {
fill: #952746; }
#Layer_sec2 .st48 {
fill: #3B9144; }
#Layer_sec2 .st49 {
fill: #013C4D; }
#Layer_sec2 .st50 {
fill: #ED1C24; }
#Layer_sec2 .st51 {
fill: none;
stroke: #952746;
stroke-width: 3.204;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-dasharray: 0,7.588; }
#Layer_sec2 .st52 {
fill: #FFFFFF; }
#Layer_sec2 .circ-middle {
position: absolute;
width: 30%;
height: auto;
left: 35%;
top: 42%;
text-align: center; }
/*section 3*/
#Layer_3 .st0 {
fill: #FFFFFF; }
#Layer_3 .st1 {
fill: #939699; }
#Layer_3 .st2 {
-webkit-clip-path: url(#sec3_SVGID_2_);
clip-path: url(#sec3_SVGID_2_);
fill: #DEE1E0; }
#Layer_3 .st3 {
-webkit-clip-path: url(#sec3_SVGID_2_);
clip-path: url(#sec3_SVGID_2_);
fill: #FFFFFF; }
#Layer_3 .st4 {
opacity: 0.5;
-webkit-clip-path: url(#sec3_SVGID_2_);
clip-path: url(#sec3_SVGID_2_); }
#Layer_3 .st5 {
-webkit-clip-path: url(#sec3_SVGID_4_);
clip-path: url(#sec3_SVGID_4_);
fill: #F29111;
opacity: 0.3; }
#Layer_3 .st6 {
-webkit-clip-path: url(#sec3_SVGID_6_);
clip-path: url(#sec3_SVGID_6_);
fill: #BEE6EE; }
#Layer_3 .st7 {
opacity: 0.1;
-webkit-clip-path: url(#sec3_SVGID_2_);
clip-path: url(#sec3_SVGID_2_); }
#Layer_3 .st8 {
-webkit-clip-path: url(#sec3_SVGID_8_);
clip-path: url(#sec3_SVGID_8_); }
#Layer_3 .st9 {
-webkit-clip-path: url(#sec3_SVGID_10_);
clip-path: url(#sec3_SVGID_10_);
fill: #939699; }
#Layer_3 .st10 {
-webkit-clip-path: url(#sec3_SVGID_2_);
clip-path: url(#sec3_SVGID_2_);
fill: none;
stroke: #013C4D;
stroke-width: 1.213;
stroke-linecap: square;
stroke-miterlimit: 10; }
#Layer_3 .st11 {
-webkit-clip-path: url(#sec3_SVGID_2_);
clip-path: url(#sec3_SVGID_2_);
fill: #013C4D; }
#Layer_3 .st12 {
-webkit-clip-path: url(#sec3_SVGID_12_);
clip-path: url(#sec3_SVGID_12_); }
#Layer_3 .st13 {
-webkit-clip-path: url(#sec3_SVGID_14_);
clip-path: url(#sec3_SVGID_14_);
fill: #BEE6EE; }
#Layer_3 .st14 {
-webkit-clip-path: url(#sec3_SVGID_16_);
clip-path: url(#sec3_SVGID_16_); }
#Layer_3 .st15 {
-webkit-clip-path: url(#sec3_SVGID_18_);
clip-path: url(#sec3_SVGID_18_);
fill: #939699; }
#Layer_3 .st16 {
-webkit-clip-path: url(#sec3_SVGID_2_);
clip-path: url(#sec3_SVGID_2_);
fill: #516D7E; }
#Layer_3 .st17 {
-webkit-clip-path: url(#sec3_SVGID_2_);
clip-path: url(#sec3_SVGID_2_);
fill: #F29220; }
#Layer_3 .st18 {
-webkit-clip-path: url(#sec3_SVGID_2_);
clip-path: url(#sec3_SVGID_2_);
fill: #BEE6EE; }
#Layer_3 .st19 {
-webkit-clip-path: url(#sec3_SVGID_2_);
clip-path: url(#sec3_SVGID_2_);
fill: #4F5153; }
#Layer_3 .st20 {
-webkit-clip-path: url(#sec3_SVGID_2_);
clip-path: url(#sec3_SVGID_2_);
fill: #D2EDF3; }
#Layer_3 .st21 {
-webkit-clip-path: url(#sec3_SVGID_2_);
clip-path: url(#sec3_SVGID_2_);
fill: #939699; }
#Layer_3 .st22 {
-webkit-clip-path: url(#sec3_SVGID_2_);
clip-path: url(#sec3_SVGID_2_);
fill: #F7B259; }
#Layer_3 .st23 {
-webkit-clip-path: url(#sec3_SVGID_2_);
clip-path: url(#sec3_SVGID_2_);
fill: none;
stroke: #939699;
stroke-width: 6.064;
stroke-miterlimit: 10; }
#Layer_3 .st24 {
opacity: 0.4;
-webkit-clip-path: url(#sec3_SVGID_2_);
clip-path: url(#sec3_SVGID_2_); }
#Layer_3 .st25 {
-webkit-clip-path: url(#sec3_SVGID_20_);
clip-path: url(#sec3_SVGID_20_); }
#Layer_3 .st26 {
-webkit-clip-path: url(#sec3_SVGID_22_);
clip-path: url(#sec3_SVGID_22_);
fill: #DEE1E0; }
#Layer_3 .st27 {
-webkit-clip-path: url(#sec3_SVGID_24_);
clip-path: url(#sec3_SVGID_24_); }
#Layer_3 .st28 {
-webkit-clip-path: url(#sec3_SVGID_26_);
clip-path: url(#sec3_SVGID_26_);
fill: #DEE1E0; }
#Layer_3 .st29 {
-webkit-clip-path: url(#sec3_SVGID_28_);
clip-path: url(#sec3_SVGID_28_); }
#Layer_3 .st30 {
-webkit-clip-path: url(#sec3_SVGID_30_);
clip-path: url(#sec3_SVGID_30_);
fill: #DEE1E0; }
#Layer_3 .st31 {
-webkit-clip-path: url(#sec3_SVGID_32_);
clip-path: url(#sec3_SVGID_32_);
fill: #BEE6EE; }
#Layer_3 .st32 {
-webkit-clip-path: url(#sec3_SVGID_32_);
clip-path: url(#sec3_SVGID_32_); }
#Layer_3 .st33 {
fill: #F29220; }
#Layer_3 .st34 {
fill: #037690; }
#Layer_3 .st35 {
fill: #952746; }
#Layer_3 .st36 {
fill: #3B9144; }
#Layer_3 .st37 {
fill: #013C4D; }
#Layer_3 .st38 {
fill: #8AADBE; }
#Layer_3 .st39 {
fill: #ED1C24; }
#Layer_3 .st40 {
fill: none;
stroke: #952746;
stroke-width: 3.032;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-dasharray: 0,7.295; }
#Layer_3 .st41 {
font-family: 'Arial-BoldMT'; }
#Layer_3 .st42 {
font-size: 14px; }
#Layer_3 .st43 {
font-size: 16px; }
#Layer_3 .st44 {
-webkit-clip-path: url(#sec3_SVGID_34_);
clip-path: url(#sec3_SVGID_34_); }
#Layer_3 .st45 {
-webkit-clip-path: url(#sec3_SVGID_36_);
clip-path: url(#sec3_SVGID_36_);
fill: none;
stroke: #952746;
stroke-width: 0.881;
stroke-miterlimit: 10; }
#Layer_3 .st46 {
-webkit-clip-path: url(#sec3_SVGID_36_);
clip-path: url(#sec3_SVGID_36_);
fill: none;
stroke: #037690;
stroke-width: 0.881;
stroke-miterlimit: 10; }
#Layer_3 .st47 {
-webkit-clip-path: url(#sec3_SVGID_34_);
clip-path: url(#sec3_SVGID_34_);
fill: #F29220; }
#Layer_3 .st134 {
fill: #f29220; }
#Layer_3 .st135 {
fill: #037690; }
#Layer_3 .st136 {
fill: #952746; }
#Layer_3 .st137 {
fill: #3b9144; }
#Layer_3 .st138 {
fill: #013c4d; }
#Layer_3 .st142 {
fill: #fff; }
#Layer_3 .st145 {
font-size: 16px; }
/*section 4*/
#Layer_4 .st0 {
fill: #FFFFFF; }
#Layer_4 .st1 {
fill: #A7AAAC; }
#Layer_4 .st2 {
fill: #BEE6EE; }
#Layer_4 .st3 {
fill: #D2EDF3; }
#Layer_4 .st4 {
fill: #4F5153; }
#Layer_4 .st5 {
fill: #CCCFCE; }
#Layer_4 .st6 {
fill: #7E8082; }
#Layer_4 .st7 {
fill: #353537; }
#Layer_4 .st8 {
fill: #B9BBBD; }
#Layer_4 .st9 {
fill: #516D7E; }
#Layer_4 .st10 {
fill: #334C5C; }
#Layer_4 .st11 {
-webkit-clip-path: url(#sec4_SVGID_2_);
clip-path: url(#sec4_SVGID_2_); }
#Layer_4 .st12 {
-webkit-clip-path: url(#sec4_SVGID_4_);
clip-path: url(#sec4_SVGID_4_);
fill: none;
stroke: #952746;
stroke-width: 0.616;
stroke-miterlimit: 10; }
#Layer_4 .st13 {
-webkit-clip-path: url(#sec4_SVGID_6_);
clip-path: url(#sec4_SVGID_6_);
fill: #952746; }
#Layer_4 .st14 {
-webkit-clip-path: url(#sec4_SVGID_8_);
clip-path: url(#sec4_SVGID_8_);
fill: none;
stroke: #037690;
stroke-width: 0.616;
stroke-miterlimit: 10; }
#Layer_4 .st15 {
-webkit-clip-path: url(#sec4_SVGID_10_);
clip-path: url(#sec4_SVGID_10_);
fill: #037690; }
#Layer_4 .st16 {
fill: none;
stroke: #939699;
stroke-width: 7;
stroke-miterlimit: 10; }
#Layer_4 .st17 {
fill: none;
stroke: #939699;
stroke-width: 45;
stroke-miterlimit: 10; }
#Layer_4 .st18 {
opacity: 0.4; }
#Layer_4 .st19 {
-webkit-clip-path: url(#sec4_SVGID_12_);
clip-path: url(#sec4_SVGID_12_);
fill: #DEE1E0; }
#Layer_4 .st20 {
fill: none; }
#Layer_4 .st21 {
fill: #939699; }
#Layer_4 .st22 {
opacity: 0.47;
-webkit-clip-path: url(#sec4_SVGID_14_);
clip-path: url(#sec4_SVGID_14_); }
#Layer_4 .st23 {
-webkit-clip-path: url(#sec4_SVGID_16_);
clip-path: url(#sec4_SVGID_16_);
fill: #939699; }
#Layer_4 .st24 {
fill: #2F6E36; }
#Layer_4 .st25 {
fill: #035036; }
#Layer_4 .st26 {
fill: #3D7B3C; }
#Layer_4 .st27 {
fill: #3B9144; }
#Layer_4 .st28 {
opacity: 0.47;
-webkit-clip-path: url(#sec4_SVGID_18_);
clip-path: url(#sec4_SVGID_18_); }
#Layer_4 .st29 {
-webkit-clip-path: url(#sec4_SVGID_20_);
clip-path: url(#sec4_SVGID_20_);
fill: #939699; }
#Layer_4 .st30 {
-webkit-clip-path: url(#sec4_SVGID_22_);
clip-path: url(#sec4_SVGID_22_);
fill: #939699; }
#Layer_4 .st31 {
-webkit-clip-path: url(#sec4_SVGID_24_);
clip-path: url(#sec4_SVGID_24_);
fill: #939699; }
#Layer_4 .st32 {
-webkit-clip-path: url(#sec4_SVGID_26_);
clip-path: url(#sec4_SVGID_26_);
fill: #939699; }
#Layer_4 .st33 {
-webkit-clip-path: url(#sec4_SVGID_28_);
clip-path: url(#sec4_SVGID_28_);
fill: #939699; }
#Layer_4 .st34 {
-webkit-clip-path: url(#sec4_SVGID_30_);
clip-path: url(#sec4_SVGID_30_);
fill: #939699; }
#Layer_4 .st35 {
fill: #013C4D; }
#Layer_4 .st36 {
font-family: 'ArialMT'; }
#Layer_4 .st37 {
font-size: 14px; }
#Layer_4 .st38 {
font-family: 'Arial-BoldMT'; }
#Layer_4 .st39 {
fill: none;
stroke: #DEE1E0; }
#Layer_4 .st40 {
font-size: 16px; }
#Layer_4 .st41 {
-webkit-clip-path: url(#sec4_SVGID_32_);
clip-path: url(#sec4_SVGID_32_); }
#Layer_4 .st42 {
-webkit-clip-path: url(#sec4_SVGID_34_);
clip-path: url(#sec4_SVGID_34_);
fill: none;
stroke: #952746;
stroke-width: 1.171;
stroke-miterlimit: 10; }
#Layer_4 .st43 {
-webkit-clip-path: url(#sec4_SVGID_36_);
clip-path: url(#sec4_SVGID_36_);
fill: #952746; }
#Layer_4 .st44 {
-webkit-clip-path: url(#sec4_SVGID_38_);
clip-path: url(#sec4_SVGID_38_);
fill: none;
stroke: #037690;
stroke-width: 1.171;
stroke-miterlimit: 10; }
#Layer_4 .st45 {
-webkit-clip-path: url(#sec4_SVGID_40_);
clip-path: url(#sec4_SVGID_40_);
fill: #037690; }
#Layer_4 .st46 {
-webkit-clip-path: url(#sec4_SVGID_42_);
clip-path: url(#sec4_SVGID_42_);
fill: none;
stroke: #3B9144;
stroke-width: 0.585;
stroke-miterlimit: 10; }
#Layer_4 .st47 {
-webkit-clip-path: url(#sec4_SVGID_44_);
clip-path: url(#sec4_SVGID_44_);
fill: #3B9144; }
#Layer_4 .st48 {
-webkit-clip-path: url(#sec4_SVGID_46_);
clip-path: url(#sec4_SVGID_46_);
fill: none;
stroke: #F29220;
stroke-width: 0.585;
stroke-miterlimit: 10; }
#Layer_4 .st49 {
fill: none;
stroke: #999595;
stroke-width: 7;
stroke-miterlimit: 10; }
#Layer_4 #path-route {
stroke: red; }
/*section 5*/
#Layer_5 .st0 {
opacity: 0.8; }
#Layer_5 .st1 {
-webkit-clip-path: url(#sec5_SVGID_2_);
clip-path: url(#sec5_SVGID_2_); }
#Layer_5 .st2 {
opacity: 0.7;
-webkit-clip-path: url(#sec5_SVGID_4_);
clip-path: url(#sec5_SVGID_4_); }
#Layer_5 .st3 {
-webkit-clip-path: url(#sec5_SVGID_6_);
clip-path: url(#sec5_SVGID_6_); }
#Layer_5 .st4 {
-webkit-clip-path: url(#sec5_SVGID_8_);
clip-path: url(#sec5_SVGID_8_);
fill: none;
stroke: #F29220;
stroke-width: 1.174;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10; }
#Layer_5 .st5 {
-webkit-clip-path: url(#sec5_SVGID_2_);
clip-path: url(#sec5_SVGID_2_);
fill: none;
stroke: #F29220;
stroke-width: 1.174;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10; }
#Layer_5 .st6 {
-webkit-clip-path: url(#sec5_SVGID_2_);
clip-path: url(#sec5_SVGID_2_);
fill: none;
stroke: #013C4D;
stroke-width: 1.174;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10; }
#Layer_5 .st7 {
opacity: 0.5;
-webkit-clip-path: url(#sec5_SVGID_10_);
clip-path: url(#sec5_SVGID_10_); }
#Layer_5 .st8 {
-webkit-clip-path: url(#sec5_SVGID_12_);
clip-path: url(#sec5_SVGID_12_); }
#Layer_5 .st9 {
-webkit-clip-path: url(#sec5_SVGID_14_);
clip-path: url(#sec5_SVGID_14_);
fill: none;
stroke: #F29220;
stroke-width: 1.174;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10; }
#Layer_5 .st10 {
opacity: 0.4;
-webkit-clip-path: url(#sec5_SVGID_10_);
clip-path: url(#sec5_SVGID_10_); }
#Layer_5 .st11 {
-webkit-clip-path: url(#sec5_SVGID_16_);
clip-path: url(#sec5_SVGID_16_); }
#Layer_5 .st12 {
-webkit-clip-path: url(#sec5_SVGID_18_);
clip-path: url(#sec5_SVGID_18_);
fill: none;
stroke: #F29220;
stroke-width: 1.174;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10; }
#Layer_5 .st13 {
opacity: 0.35;
-webkit-clip-path: url(#sec5_SVGID_20_);
clip-path: url(#sec5_SVGID_20_); }
#Layer_5 .st14 {
-webkit-clip-path: url(#sec5_SVGID_22_);
clip-path: url(#sec5_SVGID_22_); }
#Layer_5 .st15 {
-webkit-clip-path: url(#sec5_SVGID_24_);
clip-path: url(#sec5_SVGID_24_);
fill: none;
stroke: #F29220;
stroke-width: 1.174;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10; }
#Layer_5 .st16 {
opacity: 0.5;
-webkit-clip-path: url(#sec5_SVGID_20_);
clip-path: url(#sec5_SVGID_20_); }
#Layer_5 .st17 {
-webkit-clip-path: url(#sec5_SVGID_26_);
clip-path: url(#sec5_SVGID_26_); }
#Layer_5 .st18 {
-webkit-clip-path: url(#sec5_SVGID_28_);
clip-path: url(#sec5_SVGID_28_);
fill: none;
stroke: #F29220;
stroke-width: 1.174;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10; }
#Layer_5 .st19 {
opacity: 0.7;
-webkit-clip-path: url(#sec5_SVGID_20_);
clip-path: url(#sec5_SVGID_20_); }
#Layer_5 .st20 {
-webkit-clip-path: url(#sec5_SVGID_30_);
clip-path: url(#sec5_SVGID_30_); }
#Layer_5 .st21 {
-webkit-clip-path: url(#sec5_SVGID_32_);
clip-path: url(#sec5_SVGID_32_);
fill: none;
stroke: #F29220;
stroke-width: 1.174;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10; }
#Layer_5 .st22 {
opacity: 0.8;
-webkit-clip-path: url(#sec5_SVGID_20_);
clip-path: url(#sec5_SVGID_20_); }
#Layer_5 .st23 {
-webkit-clip-path: url(#sec5_SVGID_34_);
clip-path: url(#sec5_SVGID_34_); }
#Layer_5 .st24 {
-webkit-clip-path: url(#sec5_SVGID_36_);
clip-path: url(#sec5_SVGID_36_);
fill: none;
stroke: #F29220;
stroke-width: 1.174;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10; }
#Layer_5 .st25 {
opacity: 0.7;
-webkit-clip-path: url(#sec5_SVGID_38_);
clip-path: url(#sec5_SVGID_38_); }
#Layer_5 .st26 {
-webkit-clip-path: url(#sec5_SVGID_40_);
clip-path: url(#sec5_SVGID_40_); }
#Layer_5 .st27 {
-webkit-clip-path: url(#sec5_SVGID_42_);
clip-path: url(#sec5_SVGID_42_);
fill: none;
stroke: #F29220;
stroke-width: 1.174;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10; }
#Layer_5 .st28 {
opacity: 0.5;
-webkit-clip-path: url(#sec5_SVGID_44_);
clip-path: url(#sec5_SVGID_44_); }
#Layer_5 .st29 {
-webkit-clip-path: url(#sec5_SVGID_46_);
clip-path: url(#sec5_SVGID_46_); }
#Layer_5 .st30 {
-webkit-clip-path: url(#sec5_SVGID_48_);
clip-path: url(#sec5_SVGID_48_);
fill: none;
stroke: #F29220;
stroke-width: 1.174;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10; }
#Layer_5 .st31 {
fill: none;
stroke: #952746;
stroke-width: 4;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-dasharray: 4,8; }
#Layer_5 .st32 {
fill: none;
stroke: #DEE1E0;
stroke-miterlimit: 10;
stroke-dasharray: 0,4,2,3; }
#Layer_5 .st33 {
fill: none;
stroke: #037690;
stroke-width: 2;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-dasharray: 4,8,1,3; }
#Layer_5 .st34 {
fill: none;
stroke: #F29220;
stroke-miterlimit: 10;
stroke-dasharray: 1,8,3,8; }
#Layer_5 .st35 {
fill: none;
stroke: #3B9144;
stroke-miterlimit: 10; }
#Layer_5 .st36 {
fill: none;
stroke: #CBDADF;
stroke-width: 2;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-dasharray: 4,8; }
#Layer_5 .st37 {
fill: none;
stroke: #3B9144;
stroke-miterlimit: 10;
stroke-dasharray: 0,4,2,3; }
#Layer_5 .st38 {
fill: none;
stroke: #F29220;
stroke-width: 2;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-dasharray: 4,8,1,3; }
#Layer_5 .st39 {
fill: none;
stroke: #952746;
stroke-miterlimit: 10;
stroke-dasharray: 1,8,3,8; }
#Layer_5 .st40 {
fill: none;
stroke: #037690;
stroke-miterlimit: 10; }
#Layer_5 .st41 {
-webkit-clip-path: url(#sec5_SVGID_50_);
clip-path: url(#sec5_SVGID_50_);
fill: none;
stroke: #939699;
stroke-width: 45;
stroke-miterlimit: 10; }
#Layer_5 .st42 {
-webkit-clip-path: url(#sec5_SVGID_52_);
clip-path: url(#sec5_SVGID_52_);
fill: #BEE6EE; }
#Layer_5 .st43 {
-webkit-clip-path: url(#sec5_SVGID_52_);
clip-path: url(#sec5_SVGID_52_);
fill: #037690; }
#Layer_5 .st44 {
-webkit-clip-path: url(#sec5_SVGID_52_);
clip-path: url(#sec5_SVGID_52_);
fill: #952746; }
#Layer_5 .st45 {
-webkit-clip-path: url(#sec5_SVGID_52_);
clip-path: url(#sec5_SVGID_52_);
fill: #F29220; }
#Layer_5 .st46 {
-webkit-clip-path: url(#sec5_SVGID_52_);
clip-path: url(#sec5_SVGID_52_);
fill: #8AADBE; }
#Layer_5 .st47 {
-webkit-clip-path: url(#sec5_SVGID_52_);
clip-path: url(#sec5_SVGID_52_);
fill: #3B9144; }
#Layer_5 .st48 {
-webkit-clip-path: url(#sec5_SVGID_52_);
clip-path: url(#sec5_SVGID_52_);
fill: #013C4D; }
#Layer_5 .st49 {
-webkit-clip-path: url(#sec5_SVGID_52_);
clip-path: url(#sec5_SVGID_52_);
fill: #ED1C24; }
#Layer_5 .st50 {
-webkit-clip-path: url(#sec5_SVGID_52_);
clip-path: url(#sec5_SVGID_52_);
fill: none;
stroke: #952746;
stroke-width: 2.5;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-dasharray: 0,6; }
#Layer_5 .st51 {
-webkit-clip-path: url(#sec5_SVGID_52_);
clip-path: url(#sec5_SVGID_52_);
fill: #FFFFFF; }
#Layer_5 .st52 {
opacity: 0.4;
-webkit-clip-path: url(#sec5_SVGID_54_);
clip-path: url(#sec5_SVGID_54_); }
#Layer_5 .st53 {
-webkit-clip-path: url(#sec5_SVGID_56_);
clip-path: url(#sec5_SVGID_56_);
fill: #DEE1E0; }
#Layer_5 .st54 {
-webkit-clip-path: url(#sec5_SVGID_54_);
clip-path: url(#sec5_SVGID_54_);
fill: #4F5153; }
#Layer_5 .st55 {
-webkit-clip-path: url(#sec5_SVGID_54_);
clip-path: url(#sec5_SVGID_54_);
fill: #BEE6EE; }
#Layer_5 .st56 {
-webkit-clip-path: url(#sec5_SVGID_54_);
clip-path: url(#sec5_SVGID_54_);
fill: #939699; }
#Layer_5 .st57 {
-webkit-clip-path: url(#sec5_SVGID_54_);
clip-path: url(#sec5_SVGID_54_);
fill: #D2EDF3; }
#Layer_5 .st58 {
-webkit-clip-path: url(#sec5_SVGID_58_);
clip-path: url(#sec5_SVGID_58_);
fill: #ABC3D0; }
#Layer_5 .st59 {
-webkit-clip-path: url(#sec5_SVGID_58_);
clip-path: url(#sec5_SVGID_58_);
fill: #8AADBE; }
#Layer_5 .st60 {
-webkit-clip-path: url(#sec5_SVGID_58_);
clip-path: url(#sec5_SVGID_58_);
fill: #FFFFFF; }
#Layer_5 .st61 {
-webkit-clip-path: url(#sec5_SVGID_58_);
clip-path: url(#sec5_SVGID_58_);
fill: #037690; }
#Layer_5 .st62 {
-webkit-clip-path: url(#sec5_SVGID_58_);
clip-path: url(#sec5_SVGID_58_);
fill: #F29220; }
#Layer_5 .st63 {
fill: #013C4D; }
#Layer_5 .st64 {
font-family: 'Arial-BoldMT'; }
#Layer_5 .st65 {
font-size: 60px; }
#Layer_5 .st66 {
letter-spacing: 19; }
#Layer_5 .st67 {
font-family: 'ArialMT'; }
#Layer_5 .st68 {
font-size: 14px; }
#Layer_5 .st69 {
fill: #F29220; }
#Layer_5 .st70 {
font-size: 16px; }
#Layer_5 .st71 {
-webkit-clip-path: url(#sec5_SVGID_60_);
clip-path: url(#sec5_SVGID_60_); }
#Layer_5 .st72 {
-webkit-clip-path: url(#sec5_SVGID_62_);
clip-path: url(#sec5_SVGID_62_);
fill: none;
stroke: #952746;
stroke-width: 2.149;
stroke-miterlimit: 10; }
#Layer_5 .st73 {
-webkit-clip-path: url(#sec5_SVGID_62_);
clip-path: url(#sec5_SVGID_62_);
fill: none;
stroke: #037690;
stroke-width: 2.149;
stroke-miterlimit: 10; }
#Layer_5 .st74 {
-webkit-clip-path: url(#sec5_SVGID_62_);
clip-path: url(#sec5_SVGID_62_);
fill: none;
stroke: #3B9144;
stroke-width: 1.075;
stroke-miterlimit: 10; }
#Layer_5 .st75 {
-webkit-clip-path: url(#sec5_SVGID_64_);
clip-path: url(#sec5_SVGID_64_);
fill: #CCCFCE; }
#Layer_5 .st76 {
fill: #939699; }
#Layer_5 .st77 {
-webkit-clip-path: url(#sec5_SVGID_66_);
clip-path: url(#sec5_SVGID_66_);
fill: #037690; }
#Layer_5 .st78 {
opacity: 0.37; }
#Layer_5 .st79 {
-webkit-clip-path: url(#sec5_SVGID_68_);
clip-path: url(#sec5_SVGID_68_); }
#Layer_5 .st80 {
-webkit-clip-path: url(#sec5_SVGID_70_);
clip-path: url(#sec5_SVGID_70_); }
#Layer_5 .st81 {
-webkit-clip-path: url(#sec5_SVGID_72_);
clip-path: url(#sec5_SVGID_72_);
fill: none;
stroke: #952746;
stroke-width: 1.387;
stroke-miterlimit: 10; }
#Layer_5 .st82 {
-webkit-clip-path: url(#sec5_SVGID_72_);
clip-path: url(#sec5_SVGID_72_);
fill: none;
stroke: #037690;
stroke-width: 1.387;
stroke-miterlimit: 10; }
#Layer_5 .st83 {
-webkit-clip-path: url(#sec5_SVGID_72_);
clip-path: url(#sec5_SVGID_72_);
fill: none;
stroke: #3B9144;
stroke-width: 0.693;
stroke-miterlimit: 10; }
#Layer_5 .st84 {
-webkit-clip-path: url(#sec5_SVGID_68_);
clip-path: url(#sec5_SVGID_68_);
fill: #CCCFCE; }
#Layer_5 .st85 {
-webkit-clip-path: url(#sec5_SVGID_68_);
clip-path: url(#sec5_SVGID_68_);
fill: #939699; }
#Layer_5 .st86 {
-webkit-clip-path: url(#sec5_SVGID_68_);
clip-path: url(#sec5_SVGID_68_);
fill: #037690; }
#Layer_5 .st87 {
-webkit-clip-path: url(#sec5_SVGID_68_);
clip-path: url(#sec5_SVGID_68_);
fill: #952746; }
#Layer_5 .st88 {
-webkit-clip-path: url(#sec5_SVGID_68_);
clip-path: url(#sec5_SVGID_68_);
fill: #FFFFFF; }
/*section 6*/
#Layer_6 .st0 {
fill: #FFFFFF; }
#Layer_6 .st1 {
fill: #8AADBE; }
#Layer_6 .st2 {
font-family: 'Arial-BoldMT'; }
#Layer_6 .st3 {
font-size: 16px; }
#Layer_6 .st4 {
fill: #013C4D; }
#Layer_6 .st5 {
font-family: 'ArialMT'; }
#Layer_6 .st6 {
-webkit-clip-path: url(#sec6_SVGID_2_);
clip-path: url(#sec6_SVGID_2_); }
#Layer_6 .st7 {
-webkit-clip-path: url(#sec6_SVGID_4_);
clip-path: url(#sec6_SVGID_4_);
fill: none;
stroke: #952746;
stroke-miterlimit: 10; }
#Layer_6 .st8 {
-webkit-clip-path: url(#sec6_SVGID_4_);
clip-path: url(#sec6_SVGID_4_);
fill: #952746; }
#Layer_6 .st9 {
-webkit-clip-path: url(#sec6_SVGID_4_);
clip-path: url(#sec6_SVGID_4_);
fill: none;
stroke: #037690;
stroke-miterlimit: 10; }
#Layer_6 .st10 {
-webkit-clip-path: url(#sec6_SVGID_4_);
clip-path: url(#sec6_SVGID_4_);
fill: #037690; }
#Layer_6 .st11 {
-webkit-clip-path: url(#sec6_SVGID_4_);
clip-path: url(#sec6_SVGID_4_);
fill: none;
stroke: #F29220;
stroke-width: 0.5;
stroke-miterlimit: 10; }
#Layer_6 .st12 {
-webkit-clip-path: url(#sec6_SVGID_4_);
clip-path: url(#sec6_SVGID_4_);
fill: #F29220; }
#Layer_6 .st13 {
-webkit-clip-path: url(#sec6_SVGID_2_);
clip-path: url(#sec6_SVGID_2_);
fill: none;
stroke: #939699;
stroke-width: 45;
stroke-miterlimit: 10; }
#Layer_6 .st14 {
-webkit-clip-path: url(#sec6_SVGID_6_);
clip-path: url(#sec6_SVGID_6_);
fill: #BEE6EE; }
#Layer_6 .st15 {
-webkit-clip-path: url(#sec6_SVGID_6_);
clip-path: url(#sec6_SVGID_6_); }
#Layer_6 .st16 {
fill: #037690; }
#Layer_6 .st17 {
fill: #952746; }
#Layer_6 .st18 {
fill: #F29220; }
#Layer_6 .st19 {
fill: #3B9144; }
#Layer_6 .st20 {
fill: #ED1C24; }
#Layer_6 .st21 {
fill: none;
stroke: #952746;
stroke-width: 2.5;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-dasharray: 0,5.867; }
#Layer_6 .st22 {
opacity: 0.4;
-webkit-clip-path: url(#sec6_SVGID_8_);
clip-path: url(#sec6_SVGID_8_); }
#Layer_6 .st23 {
-webkit-clip-path: url(#sec6_SVGID_10_);
clip-path: url(#sec6_SVGID_10_);
fill: #DEE1E0; }
#Layer_6 .st24 {
-webkit-clip-path: url(#sec6_SVGID_8_);
clip-path: url(#sec6_SVGID_8_); }
#Layer_6 .st25 {
-webkit-clip-path: url(#sec6_SVGID_12_);
clip-path: url(#sec6_SVGID_12_);
fill: #BEE6EE; }
#Layer_6 .st26 {
-webkit-clip-path: url(#sec6_SVGID_12_);
clip-path: url(#sec6_SVGID_12_);
fill: #F29220; }
#Layer_6 .st27 {
-webkit-clip-path: url(#sec6_SVGID_12_);
clip-path: url(#sec6_SVGID_12_);
fill: #952746; }
#Layer_6 .st28 {
-webkit-clip-path: url(#sec6_SVGID_12_);
clip-path: url(#sec6_SVGID_12_);
fill: #3B9144; }
#Layer_6 .st29 {
font-size: 14px; }
#Layer_6 .st30 {
font-size: 8.162px; }
#Layer_6 .st31 {
-webkit-clip-path: url(#sec6_SVGID_14_);
clip-path: url(#sec6_SVGID_14_); }
#Layer_6 .st32 {
-webkit-clip-path: url(#sec6_SVGID_16_);
clip-path: url(#sec6_SVGID_16_);
fill: none;
stroke: #952746;
stroke-width: 1.309;
stroke-miterlimit: 10; }
#Layer_6 .st33 {
-webkit-clip-path: url(#sec6_SVGID_16_);
clip-path: url(#sec6_SVGID_16_);
fill: #952746; }
#Layer_6 .st34 {
-webkit-clip-path: url(#sec6_SVGID_16_);
clip-path: url(#sec6_SVGID_16_);
fill: none;
stroke: #037690;
stroke-width: 1.309;
stroke-miterlimit: 10; }
#Layer_6 .st35 {
-webkit-clip-path: url(#sec6_SVGID_16_);
clip-path: url(#sec6_SVGID_16_);
fill: none;
stroke: #3B9144;
stroke-width: 0.655;
stroke-miterlimit: 10; }
#Layer_6 .st36 {
-webkit-clip-path: url(#sec6_SVGID_16_);
clip-path: url(#sec6_SVGID_16_);
fill: #3B9144; }
#Layer_6 .st37 {
-webkit-clip-path: url(#sec6_SVGID_16_);
clip-path: url(#sec6_SVGID_16_);
fill: none;
stroke: #F29220;
stroke-width: 0.655;
stroke-miterlimit: 10; }
#Layer_6 .st38 {
-webkit-clip-path: url(#sec6_SVGID_14_);
clip-path: url(#sec6_SVGID_14_);
fill: #F29220; }
#Layer_6 .st39 {
-webkit-clip-path: url(#sec6_SVGID_14_);
clip-path: url(#sec6_SVGID_14_);
fill: #FFFFFF; }
#Layer_6 .st40 {
-webkit-clip-path: url(#sec6_SVGID_14_);
clip-path: url(#sec6_SVGID_14_);
fill: #8AADBE; }
#Layer_6 .st41 {
-webkit-clip-path: url(#sec6_SVGID_14_);
clip-path: url(#sec6_SVGID_14_);
fill: #6D8C9E; }
#Layer_6 .st42 {
-webkit-clip-path: url(#sec6_SVGID_14_);
clip-path: url(#sec6_SVGID_14_);
fill: #334C5C; }
#Layer_6 .st43 {
-webkit-clip-path: url(#sec6_SVGID_14_);
clip-path: url(#sec6_SVGID_14_);
fill: #ABC3D0; }
#Layer_6 .st44 {
-webkit-clip-path: url(#sec6_SVGID_18_);
clip-path: url(#sec6_SVGID_18_); }
#Layer_6 .st45 {
-webkit-clip-path: url(#sec6_SVGID_20_);
clip-path: url(#sec6_SVGID_20_);
fill: none;
stroke: #952746;
stroke-width: 1.353;
stroke-miterlimit: 10; }
#Layer_6 .st46 {
-webkit-clip-path: url(#sec6_SVGID_20_);
clip-path: url(#sec6_SVGID_20_);
fill: none;
stroke: #037690;
stroke-width: 1.353;
stroke-miterlimit: 10; }
#Layer_6 .st47 {
-webkit-clip-path: url(#sec6_SVGID_20_);
clip-path: url(#sec6_SVGID_20_);
fill: none;
stroke: #3B9144;
stroke-width: 0.676;
stroke-miterlimit: 10; }
#Layer_6 .st48 {
-webkit-clip-path: url(#sec6_SVGID_18_);
clip-path: url(#sec6_SVGID_18_);
fill: #334C5C; }
#Layer_6 .st49 {
-webkit-clip-path: url(#sec6_SVGID_18_);
clip-path: url(#sec6_SVGID_18_);
fill: #F29220; }
#Layer_6 .st50 {
-webkit-clip-path: url(#sec6_SVGID_18_);
clip-path: url(#sec6_SVGID_18_);
fill: #ED1C24; }
#Layer_6 .st51 {
-webkit-clip-path: url(#sec6_SVGID_18_);
clip-path: url(#sec6_SVGID_18_);
fill: #952746; }
#Layer_6 .st52 {
-webkit-clip-path: url(#sec6_SVGID_18_);
clip-path: url(#sec6_SVGID_18_);
fill: #FFFFFF; }
#Layer_6 .st53 {
-webkit-clip-path: url(#sec6_SVGID_18_);
clip-path: url(#sec6_SVGID_18_);
fill: #8AADBE; }
#Layer_6 .st54 {
-webkit-clip-path: url(#sec6_SVGID_18_);
clip-path: url(#sec6_SVGID_18_);
fill-rule: evenodd;
clip-rule: evenodd;
fill: #ED1C24; }
#Layer_6 .st55 {
-webkit-clip-path: url(#sec6_SVGID_18_);
clip-path: url(#sec6_SVGID_18_);
fill: #037690; }
#Layer_6 .st56 {
-webkit-clip-path: url(#sec6_SVGID_18_);
clip-path: url(#sec6_SVGID_18_);
fill: #BEE6EE; }
#Layer_6 .st57 {
-webkit-clip-path: url(#sec6_SVGID_18_);
clip-path: url(#sec6_SVGID_18_);
fill: #3B9144; }
#Layer_6 .st58 {
-webkit-clip-path: url(#sec6_SVGID_18_);
clip-path: url(#sec6_SVGID_18_);
fill: #DEE1E0; }
#Layer_6 .st59 {
-webkit-clip-path: url(#sec6_SVGID_18_);
clip-path: url(#sec6_SVGID_18_);
fill-rule: evenodd;
clip-rule: evenodd;
fill: #CEB498; }
#Layer_6 .st60 {
opacity: 0.16; }
#Layer_6 .st61 {
-webkit-clip-path: url(#sec6_SVGID_22_);
clip-path: url(#sec6_SVGID_22_); }
#Layer_6 .st62 {
-webkit-clip-path: url(#sec6_SVGID_24_);
clip-path: url(#sec6_SVGID_24_); }
#Layer_6 .st63 {
-webkit-clip-path: url(#sec6_SVGID_26_);
clip-path: url(#sec6_SVGID_26_);
fill: none;
stroke: #952746;
stroke-width: 2.255;
stroke-miterlimit: 10; }
#Layer_6 .st64 {
-webkit-clip-path: url(#sec6_SVGID_26_);
clip-path: url(#sec6_SVGID_26_);
fill: none;
stroke: #037690;
stroke-width: 2.255;
stroke-miterlimit: 10; }
#Layer_6 .st65 {
-webkit-clip-path: url(#sec6_SVGID_26_);
clip-path: url(#sec6_SVGID_26_);
fill: none;
stroke: #3B9144;
stroke-width: 1.128;
stroke-miterlimit: 10; }
#Layer_6 .st66 {
-webkit-clip-path: url(#sec6_SVGID_24_);
clip-path: url(#sec6_SVGID_24_);
fill: #516D7E; }
#Layer_6 .st67 {
-webkit-clip-path: url(#sec6_SVGID_24_);
clip-path: url(#sec6_SVGID_24_);
fill: #F29220; }
#Layer_6 .st68 {
-webkit-clip-path: url(#sec6_SVGID_24_);
clip-path: url(#sec6_SVGID_24_);
fill: #BEE6EE; }
#Layer_6 .st69 {
-webkit-clip-path: url(#sec6_SVGID_28_);
clip-path: url(#sec6_SVGID_28_); }
#Layer_6 .st70 {
-webkit-clip-path: url(#sec6_SVGID_30_);
clip-path: url(#sec6_SVGID_30_);
fill: none;
stroke: #952746;
stroke-width: 1.298;
stroke-miterlimit: 10; }
#Layer_6 .st71 {
-webkit-clip-path: url(#sec6_SVGID_30_);
clip-path: url(#sec6_SVGID_30_);
fill: none;
stroke: #037690;
stroke-width: 1.298;
stroke-miterlimit: 10; }
#Layer_6 .st72 {
-webkit-clip-path: url(#sec6_SVGID_28_);
clip-path: url(#sec6_SVGID_28_);
fill: #F29220; }
#Layer_6 .st73 {
-webkit-clip-path: url(#sec6_SVGID_32_);
clip-path: url(#sec6_SVGID_32_); }
#Layer_6 .st74 {
-webkit-clip-path: url(#sec6_SVGID_34_);
clip-path: url(#sec6_SVGID_34_);
fill: none;
stroke: #952746;
stroke-width: 2.142;
stroke-miterlimit: 10; }
#Layer_6 .st75 {
-webkit-clip-path: url(#sec6_SVGID_34_);
clip-path: url(#sec6_SVGID_34_);
fill: none;
stroke: #037690;
stroke-width: 2.142;
stroke-miterlimit: 10; }
#Layer_6 .st76 {
-webkit-clip-path: url(#sec6_SVGID_32_);
clip-path: url(#sec6_SVGID_32_);
fill: #F29220; }
/*section 7*/
#Layer_7 {
position: relative; }
#Layer_7 .st7 {
fill: #939699; }
#Layer_7 .st8 {
fill: #dee1e0; }
#Layer_7 .st13 {
fill: #4f5153; }
#Layer_7 .st14 {
opacity: .3; }
#Layer_7 .st47 {
opacity: .4; }
#Layer_7 .st108 {
fill: #037690; }
#Layer_7 .st109 {
fill: #952746; }
#Layer_7 .st110 {
fill: #f29220; }
#Layer_7 .st111 {
fill: #3b9144; }
#Layer_7 .st112 {
fill: #8aadbe; }
#Layer_7 .st113 {
fill: #013c4d; }
#Layer_7 .st169 {
font-family: ArialMT; }
#Layer_7 .st170 {
font-size: 16px; }
#Layer_7 .st172 {
opacity: .31; }
#Layer_7 .st185 {
fill: none; }
#Layer_7 .st186 {
opacity: .7; }
/*CTA button*/
.button {
padding: 15px 40px 15px 10px;
background-color: #00758F;
color: #ffffff;
font-size: 1.6rem;
position: relative;
cursor: pointer; }
@media (max-width: 767px) {
.button {
padding: 15px 40px 15px 20px;
line-height: 1.6rem; } }
@media (max-width: 640px) {
.button {
padding: 15px 35px 15px 20px;
line-height: 1.6rem; } }
@media (min-width: 768px) {
.button {
padding: 15px 50px 15px 20px; } }
@media (min-width: 1024px) {
.button {
padding: 15px 40px 15px 10px;
background-color: #00758F;
color: #ffffff;
font-size: 1.6rem;
position: relative;
cursor: pointer; } }
.button .arrow {
width: 25px;
height: 20px;
background-image: url(../images/arrow-right.svg);
background-repeat: no-repeat;
right: 10px;
top: calc(50% - 6px);
display: inline-block;
position: absolute;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
text-decoration: none; }
@media (min-width: 768px) {
.button .arrow {
width: 40px;
height: 30px;
background-image: url(../images/arrow-right.svg);
background-repeat: no-repeat;
background-size: 100%;
right: 4px;
top: calc(50% - 15px);
display: inline-block;
position: absolute;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
text-decoration: none; } }
@media (min-width: 1024px) {
.button .arrow {
width: 55px;
height: 35px;
background-image: url(../images/arrow-right.svg);
background-repeat: no-repeat;
background-size: 100%;
right: 10px;
top: calc(50% - 20px);
display: inline-block;
position: absolute;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
text-decoration: none; } }
.button:hover {
color: #ffffff;
text-decoration: none; }
.button:hover .arrow {
right: 8px; }
.bottom-cta {
display: block;
width: 90%;
padding-bottom: 0;
padding-top: 3rem;
margin: 0 auto; }
@media (max-width: 767px) {
.bottom-cta {
-webkit-transform: translateY(214%);
-ms-transform: translateY(214%);
transform: translateY(214%);
width: 100%;
height: 175px;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 0; } }
@media (max-width: 480px) {
.bottom-cta {
width: 75%;
-webkit-transform: translateY(200%);
-ms-transform: translateY(200%);
transform: translateY(200%); } }
@media (min-width: 768px) {
.bottom-cta {
padding-bottom: 3rem;
padding-top: 0; } }
@media (min-width: 1024px) {
.bottom-cta {
padding-bottom: 3rem;
padding-top: 0; } }
.bottom-cta h3 {
color: #003B4D;
display: inline-block;
text-align: center;
font-size: 2.5rem;
line-height: 3.5rem;
width: 100%; }
@media (max-width: 767px) {
.bottom-cta h3 {
font-size: 2rem;
line-height: 3rem; } }
@media (max-width: 640px) {
.bottom-cta h3 {
font-size: 1.5rem;
line-height: 2rem; } }
@media (min-width: 768px) {
.bottom-cta h3 {
font-size: 2rem;
line-height: 3.5rem; } }
@media (min-width: 1024px) {
.bottom-cta h3 {
color: #003B4D;
display: inline-block;
text-align: center;
font-size: 2.5rem;
line-height: 3.5rem;
width: 100%; } }
.bottom-cta .cta-section {
display: inline-block;
width: 100%;
text-align: center;
margin-top: 3rem; }
@media (max-width: 640px) {
.bottom-cta .cta-section {
margin-top: 1rem; } }
@media (min-width: 1024px) {
.bottom-cta .cta-section {
margin: 3rem auto 0 auto; } }
.bottom-cta .cta-section .button {
margin-left: 0;
display: inline-block;
margin-bottom: 2rem; }
@media (max-width: 767px) {
.bottom-cta .cta-section .button {
margin-left: 4rem;
margin-bottom: 1rem;
padding: 15px 40px 15px 20px;
line-height: 1.6rem; } }
@media (max-width: 640px) {
.bottom-cta .cta-section .button {
margin-left: 1rem;
margin-bottom: 1rem;
padding: 0.5rem 3rem 0.5rem 1rem; } }
@media (min-width: 768px) {
.bottom-cta .cta-section .button {
margin-left: 2rem; } }
@media (min-width: 1024px) {
.bottom-cta .cta-section .button {
margin-left: 4rem; } }
@media (min-width: 1024px) {
.bottom-cta .cta-section .button {
padding: 1.5rem 7rem 1.5rem 2rem; } }
.bottom-cta .cta-section .button:first-child {
margin-left: 0; }
.bottom-cta .cta-section a:active, .bottom-cta .cta-section a:hover, .bottom-cta .cta-section a:focus {
color: #ffffff;
text-decoration: none; }
.bottom-cta .cta-section span {
font-size: 2rem;
text-align: left;
color: #ffffff; }
@media (max-width: 767px) {
.bottom-cta .cta-section span {
font-size: 1.3rem; } }
@media (max-width: 640px) {
.bottom-cta .cta-section span {
font-size: 1rem; } }
@media (min-width: 768px) {
.bottom-cta .cta-section span {
font-size: 1.8rem;
text-align: left; } }
@media (min-width: 1024px) {
.bottom-cta .cta-section span {
font-size: 2rem;
text-align: left; } }
sup {
font-size: 11px; }
sup a.white {
color: #ffffff;
text-decoration: none; }
sup a.white:hover {
color: #ffffff;
text-decoration: none; }
sup a.blue {
color: #003B4D !important;
text-decoration: none !important; }
sup a.blue:hover {
color: #003B4D !important;
text-decoration: none !important; }
@media (min-width: 768px) {
#u10 .u10w1 {
max-width: 80rem; } }
#u10 ul.u10-links li a {
font-size: 1.03rem; }
.ie-11 #section1_part1 {
display: table;
min-height: 20vh;
height: 100%;
width: 100%; }
@media (min-width: 768px) {
.ie-11 #sec1_part2 {
display: table;
min-height: 100vh;
height: 73%;
width: 100%; } }
@media (min-width: 768px) {
.ie-11 .section6 .block-sec4 {
display: table;
min-height: 73vh;
height: 80%;
width: 100%; } }
@media (min-width: 768px) {
.ie-11 #sec1_part2 {
display: table;
min-height: 114vh;
height: 100%;
width: 100%; } }
@media (min-width: 768px) {
.ie-11 .section4 .block-sec4 {
display: table;
min-height: 114vh;
height: 100%;
width: 100%; } }
@media (min-width: 768px) {
.ie-11 .section5 .block-sec4 {
display: table;
min-height: 108vh;
height: 100%;
width: 100%; } }
@media (min-width: 768px) {
.ie-11 #data-prep,
.ie-11 .block-sec3 {
display: table;
min-height: 80vh;
height: 80%;
width: 100%; } }
@media (min-width: 768px) {
.ie-11 .section7 .svg_wrap {
display: table;
min-height: 80vh;
height: 80%;
width: 100%; } }