@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap"); p { margin: 0 0 1em; } .sec-nav-container, .section-styles, .section-01-container, .section-02-container, .section-03-container, .section-04-container, .section-05-container, .section-06-container, .section-07-container, .section-sticky-btn { padding: 0  !important; width: 100%; } .sec-nav-container .field--name-field-body, .section-styles .field--name-field-body, .section-01-container .field--name-field-body, .section-02-container .field--name-field-body, .section-03-container .field--name-field-body, .section-04-container .field--name-field-body, .section-05-container .field--name-field-body, .section-06-container .field--name-field-body, .section-07-container .field--name-field-body, .section-sticky-btn .field--name-field-body { max-width: 100%  !important; } .section, .section-01, .section-02, .section-03, .section-04, .section-05, .section-06 { overflow: hidden; position: relative; color: #000; font: 16px/1.5 "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif; } .section *, .section-01 *, .section-02 *, .section-03 *, .section-04 *, .section-05 *, .section-06 *, .section *:before, .section-01 *:before, .section-02 *:before, .section-03 *:before, .section-04 *:before, .section-05 *:before, .section-06 *:before, .section *:after, .section-01 *:after, .section-02 *:after, .section-03 *:after, .section-04 *:after, .section-05 *:after, .section-06 *:after { box-sizing: border-box; } .field .section h1, .field .section-01 h1, .field .section-02 h1, .field .section-03 h1, .field .section-04 h1, .field .section-05 h1, .field .section-06 h1, .field .section h2, .field .section-01 h2, .field .section-02 h2, .field .section-03 h2, .field .section-04 h2, .field .section-05 h2, .field .section-06 h2, .field .section h3, .field .section-01 h3, .field .section-02 h3, .field .section-03 h3, .field .section-04 h3, .field .section-05 h3, .field .section-06 h3, .field .section h4, .field .section-01 h4, .field .section-02 h4, .field .section-03 h4, .field .section-04 h4, .field .section-05 h4, .field .section-06 h4, .field .section h5, .field .section-01 h5, .field .section-02 h5, .field .section-03 h5, .field .section-04 h5, .field .section-05 h5, .field .section-06 h5, .field .section h6, .field .section-01 h6, .field .section-02 h6, .field .section-03 h6, .field .section-04 h6, .field .section-05 h6, .field .section-06 h6, .section h1, .section-01 h1, .section-02 h1, .section-03 h1, .section-04 h1, .section-05 h1, .section-06 h1, .section h2, .section-01 h2, .section-02 h2, .section-03 h2, .section-04 h2, .section-05 h2, .section-06 h2, .section h3, .section-01 h3, .section-02 h3, .section-03 h3, .section-04 h3, .section-05 h3, .section-06 h3, .section h4, .section-01 h4, .section-02 h4, .section-03 h4, .section-04 h4, .section-05 h4, .section-06 h4, .section h5, .section-01 h5, .section-02 h5, .section-03 h5, .section-04 h5, .section-05 h5, .section-06 h5, .section h6, .section-01 h6, .section-02 h6, .section-03 h6, .section-04 h6, .section-05 h6, .section-06 h6 { font-family: inherit; font-weight: bold; margin: 0 0 .5em; line-height: 1.2; color: inherit; } .field .section p, .field .section-01 p, .field .section-02 p, .field .section-03 p, .field .section-04 p, .field .section-05 p, .field .section-06 p, .field .section ul, .field .section-01 ul, .field .section-02 ul, .field .section-03 ul, .field .section-04 ul, .field .section-05 ul, .field .section-06 ul, .field .section ol, .field .section-01 ol, .field .section-02 ol, .field .section-03 ol, .field .section-04 ol, .field .section-05 ol, .field .section-06 ol, .field .section li, .field .section-01 li, .field .section-02 li, .field .section-03 li, .field .section-04 li, .field .section-05 li, .field .section-06 li, .section p, .section-01 p, .section-02 p, .section-03 p, .section-04 p, .section-05 p, .section-06 p, .section ul, .section-01 ul, .section-02 ul, .section-03 ul, .section-04 ul, .section-05 ul, .section-06 ul, .section ol, .section-01 ol, .section-02 ol, .section-03 ol, .section-04 ol, .section-05 ol, .section-06 ol, .section li, .section-01 li, .section-02 li, .section-03 li, .section-04 li, .section-05 li, .section-06 li { color: inherit; font-size: inherit; line-height: inherit; } .field .section p, .field .section-01 p, .field .section-02 p, .field .section-03 p, .field .section-04 p, .field .section-05 p, .field .section-06 p, .section p, .section-01 p, .section-02 p, .section-03 p, .section-04 p, .section-05 p, .section-06 p { font-size: inherit  !important; color: inherit  !important; letter-spacing: -0.3px; } .field .section h1, .field .section-01 h1, .field .section-02 h1, .field .section-03 h1, .field .section-04 h1, .field .section-05 h1, .field .section-06 h1, .section h1, .section-01 h1, .section-02 h1, .section-03 h1, .section-04 h1, .section-05 h1, .section-06 h1 { font-size: 30px; line-height: 1.1; letter-spacing: -0.9px; } @media (min-width: 650px) { .field .section h1, .field .section-01 h1, .field .section-02 h1, .field .section-03 h1, .field .section-04 h1, .field .section-05 h1, .field .section-06 h1, .section h1, .section-01 h1, .section-02 h1, .section-03 h1, .section-04 h1, .section-05 h1, .section-06 h1 { font-size: 44px; } } @media (min-width: 1024px) { .field .section h1, .field .section-01 h1, .field .section-02 h1, .field .section-03 h1, .field .section-04 h1, .field .section-05 h1, .field .section-06 h1, .section h1, .section-01 h1, .section-02 h1, .section-03 h1, .section-04 h1, .section-05 h1, .section-06 h1 { font-size: 53px; line-height: 1.09; letter-spacing: -1.59px; } } .field .section h2, .field .section-01 h2, .field .section-02 h2, .field .section-03 h2, .field .section-04 h2, .field .section-05 h2, .field .section-06 h2, .section h2, .section-01 h2, .section-02 h2, .section-03 h2, .section-04 h2, .section-05 h2, .section-06 h2 { font-size: 30px; line-height: 1.1; letter-spacing: -0.9px; margin: 0 0 .5em; } @media (min-width: 768px) { .field .section h2, .field .section-01 h2, .field .section-02 h2, .field .section-03 h2, .field .section-04 h2, .field .section-05 h2, .field .section-06 h2, .section h2, .section-01 h2, .section-02 h2, .section-03 h2, .section-04 h2, .section-05 h2, .section-06 h2 { font-size: 35px; } } @media (min-width: 1024px) { .field .section h2, .field .section-01 h2, .field .section-02 h2, .field .section-03 h2, .field .section-04 h2, .field .section-05 h2, .field .section-06 h2, .section h2, .section-01 h2, .section-02 h2, .section-03 h2, .section-04 h2, .section-05 h2, .section-06 h2 { font-size: 40px; letter-spacing: -1.2px; margin: 0 0 .63em; } } .field .section h3, .field .section-01 h3, .field .section-02 h3, .field .section-03 h3, .field .section-04 h3, .field .section-05 h3, .field .section-06 h3, .section h3, .section-01 h3, .section-02 h3, .section-03 h3, .section-04 h3, .section-05 h3, .section-06 h3 { font-size: 24px; line-height: 1.2; } @media (min-width: 768px) { .field .section h3, .field .section-01 h3, .field .section-02 h3, .field .section-03 h3, .field .section-04 h3, .field .section-05 h3, .field .section-06 h3, .section h3, .section-01 h3, .section-02 h3, .section-03 h3, .section-04 h3, .section-05 h3, .section-06 h3 { font-size: 30px; } } @media (min-width: 1024px) { .field .section h3, .field .section-01 h3, .field .section-02 h3, .field .section-03 h3, .field .section-04 h3, .field .section-05 h3, .field .section-06 h3, .section h3, .section-01 h3, .section-02 h3, .section-03 h3, .section-04 h3, .section-05 h3, .section-06 h3 { font-size: 35px; } } .field .section h4, .field .section-01 h4, .field .section-02 h4, .field .section-03 h4, .field .section-04 h4, .field .section-05 h4, .field .section-06 h4, .section h4, .section-01 h4, .section-02 h4, .section-03 h4, .section-04 h4, .section-05 h4, .section-06 h4 { font-size: 22px; line-height: 1.17; } @media (min-width: 768px) { .field .section h4, .field .section-01 h4, .field .section-02 h4, .field .section-03 h4, .field .section-04 h4, .field .section-05 h4, .field .section-06 h4, .section h4, .section-01 h4, .section-02 h4, .section-03 h4, .section-04 h4, .section-05 h4, .section-06 h4 { font-size: 26px; } } @media (min-width: 1024px) { .field .section h4, .field .section-01 h4, .field .section-02 h4, .field .section-03 h4, .field .section-04 h4, .field .section-05 h4, .field .section-06 h4, .section h4, .section-01 h4, .section-02 h4, .section-03 h4, .section-04 h4, .section-05 h4, .section-06 h4 { font-size: 28px; } } .field .section h5, .field .section-01 h5, .field .section-02 h5, .field .section-03 h5, .field .section-04 h5, .field .section-05 h5, .field .section-06 h5, .section h5, .section-01 h5, .section-02 h5, .section-03 h5, .section-04 h5, .section-05 h5, .section-06 h5 { font-size: 18px; line-height: 1.2; } @media (min-width: 768px) { .field .section h5, .field .section-01 h5, .field .section-02 h5, .field .section-03 h5, .field .section-04 h5, .field .section-05 h5, .field .section-06 h5, .section h5, .section-01 h5, .section-02 h5, .section-03 h5, .section-04 h5, .section-05 h5, .section-06 h5 { font-size: 22px; } } @media (min-width: 1024px) { .field .section h5, .field .section-01 h5, .field .section-02 h5, .field .section-03 h5, .field .section-04 h5, .field .section-05 h5, .field .section-06 h5, .section h5, .section-01 h5, .section-02 h5, .section-03 h5, .section-04 h5, .section-05 h5, .section-06 h5 { font-size: 24px; } } .field .section h6, .field .section-01 h6, .field .section-02 h6, .field .section-03 h6, .field .section-04 h6, .field .section-05 h6, .field .section-06 h6, .section h6, .section-01 h6, .section-02 h6, .section-03 h6, .section-04 h6, .section-05 h6, .section-06 h6 { font-size: 18px; line-height: 1.2; } @media (min-width: 768px) { .field .section h6, .field .section-01 h6, .field .section-02 h6, .field .section-03 h6, .field .section-04 h6, .field .section-05 h6, .field .section-06 h6, .section h6, .section-01 h6, .section-02 h6, .section-03 h6, .section-04 h6, .section-05 h6, .section-06 h6 { font-size: 20px; } } @media (min-width: 1024px) { .field .section h6, .field .section-01 h6, .field .section-02 h6, .field .section-03 h6, .field .section-04 h6, .field .section-05 h6, .field .section-06 h6, .section h6, .section-01 h6, .section-02 h6, .section-03 h6, .section-04 h6, .section-05 h6, .section-06 h6 { font-size: 22px; } } .section a, .section-01 a, .section-02 a, .section-03 a, .section-04 a, .section-05 a, .section-06 a { color: inherit; font-weight: 600; } .section a:hover, .section-01 a:hover, .section-02 a:hover, .section-03 a:hover, .section-04 a:hover, .section-05 a:hover, .section-06 a:hover, .section a:focus, .section-01 a:focus, .section-02 a:focus, .section-03 a:focus, .section-04 a:focus, .section-05 a:focus, .section-06 a:focus { text-decoration: none; } .section a[href^="tel"]:hover, .section-01 a[href^="tel"]:hover, .section-02 a[href^="tel"]:hover, .section-03 a[href^="tel"]:hover, .section-04 a[href^="tel"]:hover, .section-05 a[href^="tel"]:hover, .section-06 a[href^="tel"]:hover { text-decoration: none; } .section sup, .section-01 sup, .section-02 sup, .section-03 sup, .section-04 sup, .section-05 sup, .section-06 sup { font-size: 60%; } @media (max-width: 1023px) { .section .hm, .section-01 .hm, .section-02 .hm, .section-03 .hm, .section-04 .hm, .section-05 .hm, .section-06 .hm { display: none; } } .section img, .section-01 img, .section-02 img, .section-03 img, .section-04 img, .section-05 img, .section-06 img { max-width: 100%; height: auto; vertical-align: top; } .section .container, .section-01 .container, .section-02 .container, .section-03 .container, .section-04 .container, .section-05 .container, .section-06 .container { max-width: 1190px; padding: 0 30px; width: 100%; margin: 0 auto; } .section .arrow-right, .section-01 .arrow-right, .section-02 .arrow-right, .section-03 .arrow-right, .section-04 .arrow-right, .section-05 .arrow-right, .section-06 .arrow-right, .section .cta, .section-01 .cta, .section-02 .cta, .section-03 .cta, .section-04 .cta, .section-05 .cta, .section-06 .cta, .section .btn, .section-01 .btn, .section-02 .btn, .section-03 .btn, .section-04 .btn, .section-05 .btn, .section-06 .btn { position: relative; display: inline-block; } .section .arrow-right:after, .section-01 .arrow-right:after, .section-02 .arrow-right:after, .section-03 .arrow-right:after, .section-04 .arrow-right:after, .section-05 .arrow-right:after, .section-06 .arrow-right:after, .section .cta:after, .section-01 .cta:after, .section-02 .cta:after, .section-03 .cta:after, .section-04 .cta:after, .section-05 .cta:after, .section-06 .cta:after, .section .btn:after, .section-01 .btn:after, .section-02 .btn:after, .section-03 .btn:after, .section-04 .btn:after, .section-05 .btn:after, .section-06 .btn:after { width: 13px; height: 13px; content: ""; display: inline-block; vertical-align: middle; border-right: 3px solid #fff; border-bottom: 3px solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin: 0 0 1px 5px; } .section .logo, .section-01 .logo, .section-02 .logo, .section-03 .logo, .section-04 .logo, .section-05 .logo, .section-06 .logo { width: 160px; display: block; } .section .logo a, .section-01 .logo a, .section-02 .logo a, .section-03 .logo a, .section-04 .logo a, .section-05 .logo a, .section-06 .logo a, .section .logo img, .section-01 .logo img, .section-02 .logo img, .section-03 .logo img, .section-04 .logo img, .section-05 .logo img, .section-06 .logo img { display: block; } .section .link-gated-resource:hover, .section-01 .link-gated-resource:hover, .section-02 .link-gated-resource:hover, .section-03 .link-gated-resource:hover, .section-04 .link-gated-resource:hover, .section-05 .link-gated-resource:hover, .section-06 .link-gated-resource:hover { color: #fff; } .section .link-gated-resource:hover span, .section-01 .link-gated-resource:hover span, .section-02 .link-gated-resource:hover span, .section-03 .link-gated-resource:hover span, .section-04 .link-gated-resource:hover span, .section-05 .link-gated-resource:hover span, .section-06 .link-gated-resource:hover span { text-decoration: none; } .section .link-gated-resource .glyphicon-refresh:before, .section-01 .link-gated-resource .glyphicon-refresh:before, .section-02 .link-gated-resource .glyphicon-refresh:before, .section-03 .link-gated-resource .glyphicon-refresh:before, .section-04 .link-gated-resource .glyphicon-refresh:before, .section-05 .link-gated-resource .glyphicon-refresh:before, .section-06 .link-gated-resource .glyphicon-refresh:before { color: #000  !important; } .section .btn, .section-01 .btn, .section-02 .btn, .section-03 .btn, .section-04 .btn, .section-05 .btn, .section-06 .btn { -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out; text-align: center; text-decoration: none; display: inline-block; background: #fff; color: #000  !important; padding: 10px 17px; font-size: 16px; line-height: 1.5; font-weight: 600; } .section .btn:hover, .section-01 .btn:hover, .section-02 .btn:hover, .section-03 .btn:hover, .section-04 .btn:hover, .section-05 .btn:hover, .section-06 .btn:hover { color: #000; } .section .btn:hover span, .section-01 .btn:hover span, .section-02 .btn:hover span, .section-03 .btn:hover span, .section-04 .btn:hover span, .section-05 .btn:hover span, .section-06 .btn:hover span { text-decoration: none; color: #000; } .section .btn:after, .section-01 .btn:after, .section-02 .btn:after, .section-03 .btn:after, .section-04 .btn:after, .section-05 .btn:after, .section-06 .btn:after { border-color: #000; } .section .btn:before, .section-01 .btn:before, .section-02 .btn:before, .section-03 .btn:before, .section-04 .btn:before, .section-05 .btn:before, .section-06 .btn:before { display: none; } .section .cta, .section-01 .cta, .section-02 .cta, .section-03 .cta, .section-04 .cta, .section-05 .cta, .section-06 .cta { font-weight: 600; color: #000; letter-spacing: -0.4px; text-decoration: none; padding: 0; width: 100%; display: inline-block; background: none; margin: 4px 0 0; } .section .cta:hover span, .section-01 .cta:hover span, .section-02 .cta:hover span, .section-03 .cta:hover span, .section-04 .cta:hover span, .section-05 .cta:hover span, .section-06 .cta:hover span { text-decoration: none; color: #000; } .section .cta:after, .section-01 .cta:after, .section-02 .cta:after, .section-03 .cta:after, .section-04 .cta:after, .section-05 .cta:after, .section-06 .cta:after { border-color: #000; } .section .cta.white, .section-01 .cta.white, .section-02 .cta.white, .section-03 .cta.white, .section-04 .cta.white, .section-05 .cta.white, .section-06 .cta.white { color: #fff; } .section .cta.white:after, .section-01 .cta.white:after, .section-02 .cta.white:after, .section-03 .cta.white:after, .section-04 .cta.white:after, .section-05 .cta.white:after, .section-06 .cta.white:after { border-color: #fff; } .section .cta.white:hover span, .section-01 .cta.white:hover span, .section-02 .cta.white:hover span, .section-03 .cta.white:hover span, .section-04 .cta.white:hover span, .section-05 .cta.white:hover span, .section-06 .cta.white:hover span { text-decoration: none; color: #fff; } #sticky-link.color-scheme-blue { background-color: #294e95; border-color: #294e95; } .body-inner-wrapper .dialog-off-canvas-main-canvas .format-modal-form { left: auto  !important; right: 70px  !important; } @media (max-width: 479px) { .body-inner-wrapper .dialog-off-canvas-main-canvas .format-modal-form { left: 0  !important; right: 0  !important; } } .body-inner-wrapper .dialog-off-canvas-main-canvas .format-modal-form:hover { color: #fff; } .body-inner-wrapper .dialog-off-canvas-main-canvas .format-modal-form:hover span { text-decoration: none  !important; } .body-inner-wrapper .dialog-off-canvas-main-canvas .format-modal-form .link-text { width: 100px  !important; } .body-inner-wrapper .dialog-off-canvas-main-canvas .link-gated-resource:hover { color: #fff; } .body-inner-wrapper .dialog-off-canvas-main-canvas .link-gated-resource:hover span { text-decoration: none  !important; } @media (min-width: 480px) { .body-inner-wrapper .dialog-off-canvas-main-canvas .region { padding: 0  !important; } } .section-01 { position: relative; color: #fff; background-color: #000; } .section-01 .post-block { margin: 0 -30px; } @media (min-width: 650px) { .section-01 .post-block { padding: 30px 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 30px; min-height: 570px; } } @media (min-width: 1024px) { .section-01 .post-block { padding: 55px 0 35px; min-height: 611px; } } .section-01 .bg-block { position: relative; padding: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; min-height: 534px; overflow: hidden; } @media (min-width: 650px) { .section-01 .bg-block { position: unset; padding: 0; min-height: auto; } } .section-01 .bg-block .bg-holder { width: 117%; height: 117%; position: absolute; top: -122px; left: 0; } @media (min-width: 650px) { .section-01 .bg-block .bg-holder { width: 100%; height: 100%; top: 0; } } @media (max-width: 649px) { .section-01 .bg-block .bg-holder:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; background-image: -webkit-linear-gradient( bottom, black 0, rgba(255, 255, 255, 0) 45% ); background-image: linear-gradient( to top, black 0, rgba(255, 255, 255, 0) 45% ); } } .section-01 .bg-block .bg-holder img { width: 100%; height: 100%; object-fit: cover; object-position: right 11% top 0; } @media (min-width: 1024px) { .section-01 .bg-block .bg-holder img { object-position: right center; } } .section-01 .bg-block .post-holder { position: relative; z-index: 1; max-width: 296px; } @media (min-width: 1024px) { .section-01 .bg-block .post-holder { max-width: 500px; } } .section-01 .list-logo { background: #4e444e; padding: 50px 45px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 650px) { .section-01 .list-logo { position: relative; z-index: 1; background: none; padding: 0; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 30px; } } @media (min-width: 870px) { .section-01 .list-logo { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 1024px) { .section-01 .list-logo { gap: 0 65px; } } @media (min-width: 1300px) { .section-01 .list-logo { margin: 0 -55px; } } .section-01 .list-logo li { margin: 0 0 60px; } @media (min-width: 650px) { .section-01 .list-logo li { margin: 0 0 30px; } } @media (min-width: 1024px) { .section-01 .list-logo li { margin: 0; } } .section-01 .list-logo .img-01 { width: 255px; } .section-01 .list-logo .img-02 { width: 205px; } .section-02 { padding: 60px 0 25px; background: #fff; color: #000; } @media (min-width: 650px) { .section-02 { padding: 60px 0; } } @media (min-width: 1024px) { .section-02 { padding: 80px 0; } } .section-02 .ico-holder { width: 75px; margin: 0 0 25px; } @media (min-width: 1024px) { .section-02 .ico-holder { margin: 0 0 20px; } } @media (min-width: 650px) { .section-02 .columns-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .section-02 .columns-block h2 { color: #b8252e; } .section-02 .columns-block .post-column { margin: 0 0 35px; } @media (max-width: 649px) { .section-02 .columns-block .post-column { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 650px) { .section-02 .columns-block .post-column { width: calc(50% - 15px); margin: 0 0 -1em; } } @media (min-width: 1024px) { .section-02 .columns-block .post-column { width: calc(48% - 30px); } } @media (max-width: 649px) { .section-02 .columns-block .img-column { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 650px) { .section-02 .columns-block .img-column { width: calc(50% - 15px); } } @media (min-width: 1024px) { .section-02 .columns-block .img-column { max-width: 552px; width: calc(52% - 30px); } } .section-03 { background-color: #fff; font-size: 16px; line-height: 1.5; position: relative; padding: 25px 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 650px) { .section-03 { min-height: 411px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #000; color: #fff; } } .section-03 .btn { margin: 5px 0 0; } @media (max-width: 649px) { .section-03 .btn { background: #294e95; color: #fff; } .section-03 .btn:hover span { text-decoration: none; color: #fff; } .section-03 .btn:after { border-color: #fff; } } .section-03 .post-block { position: relative; z-index: 1; max-width: 400px; } @media (max-width: 649px) { .section-03 .post-block { margin: 0 0 40px; } .section-03 .post-block h2 { color: #b8252e; } } @media (min-width: 650px) { .section-03 .img-block { width: 100%; height: 100%; position: absolute; top: 0; right: 0; } .section-03 .img-block img { width: 100%; height: 100%; display: none; object-fit: cover; } } .section-03 .img-block .mobile { display: none; } @media (max-width: 649px) { .section-03 .img-block .mobile { display: block; } } .section-03 .img-block .desktop { display: none; } @media (min-width: 650px) { .section-03 .img-block .desktop { display: block; } } .section-04 { padding: 20px 0 30px; background: #fff; color: #000; } @media (min-width: 650px) { .section-04 { padding: 60px 0 30px; } } @media (min-width: 1024px) { .section-04 { padding: 80px 0; } } .section-04 .ico-holder { width: 101px; margin: 0 0 25px; } .section-04 .columns-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 650px) { .section-04 .columns-block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .section-04 .columns-block h2 { color: #b8252e; } .section-04 .columns-block .post-column { margin: 0 0 10px; } @media (max-width: 649px) { .section-04 .columns-block .post-column { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 650px) { .section-04 .columns-block .post-column { width: calc(50% - 15px); } } @media (min-width: 1024px) { .section-04 .columns-block .post-column { width: calc(48% - 30px); margin: 0 0 -4.5em; } } @media (max-width: 649px) { .section-04 .columns-block .img-column { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 650px) { .section-04 .columns-block .img-column { width: calc(50% - 15px); } } @media (min-width: 1024px) { .section-04 .columns-block .img-column { max-width: 552px; width: calc(52% - 30px); } } .section-05 { padding: 25px 0 30px; background: #fff; color: #000; } @media (min-width: 650px) { .section-05 { padding: 25px 0 45px; } } @media (min-width: 1024px) { .section-05 { padding: 90px 0 60px; } } .section-05 .columns-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 650px) { .section-05 .columns-block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 1024px) { .section-05 .columns-block { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .section-05 .columns-block h2 { color: #b8252e; } @media (max-width: 649px) { .section-05 .columns-block .post-column { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 650px) { .section-05 .columns-block .post-column { width: calc(50% - 15px); } } @media (min-width: 1024px) { .section-05 .columns-block .post-column { width: calc(48% - 30px); } } .section-05 .columns-block .post-column p { letter-spacing: -0.2px; } @media (min-width: 768px) { .section-05 .columns-block .post-column p { letter-spacing: -0.3px; } } .section-05 .columns-block .post-column .list-holder .img-01 { width: 66px; margin: 0 0 25px; } .section-05 .columns-block .post-column .list-holder .img-02 { width: 115px; margin: 0 0 25px; } .section-05 .columns-block .img-column { margin: 20px 0 15px; } @media (max-width: 649px) { .section-05 .columns-block .img-column { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 650px) { .section-05 .columns-block .img-column { width: calc(50% - 15px); } } @media (min-width: 1024px) { .section-05 .columns-block .img-column { max-width: 552px; width: calc(52% - 30px); margin: 0; } } .section-06-container { background-repeat: no-repeat  !important; background-position: center top  !important; background-size: cover  !important; background-color: #561336  !important; } .section-06 { background-repeat: no-repeat; background-position: center top; background-size: cover; padding: 50px 0 45px; font-size: 16px; line-height: 1.5; text-align: center; color: #fff; } @media (min-width: 1024px) { .section-06 { padding: 80px 0; font-size: 20px; line-height: 1.4; } } .section-06 .container { max-width: 850px; } @media (max-width: 479px) { .section-06 .btn { margin: 6px 0 0; } } @media (max-width: 479px) { .section-06 .post-block { padding: 0 5px 0 0; } } .section-06 .post-block h2 { color: #c9d0f0; margin: 0 0 .8em; } @media (min-width: 1024px) { .section-06 .post-block h2 { margin: 0 0 .5em; } }